@charset "utf-8";


.is-on {
    -webkit-animation-name: mvItem;
    animation-name: mvItem;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.slideItem {
    overflow: hidden;
    vertical-align: middle;
}

.slideItem img {
    width: 100%;
    vertical-align: middle;
}

.slideItem img.img-Sp{
    display: none;
}

.slideTop {
    position: relative;
    overflow: hidden;
    /* opacity: 0; */
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    z-index: 1;
}

span.txtOnslide {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;
    text-align: center;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    text-shadow: 4px 4px 20px #000000;
}

#slideTop {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    /* height: 700px; */
}

.slick-track {
    overflow: hidden;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slideTop.slick-initialized .slick-slide {
    overflow: hidden;
}

.slideTop.slick-initialized .slick-slide img {
    width: 100%;
}

@-webkit-keyframes mvItem {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes mvItem {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

#hoContent01 {
    padding-top: 33px;
    padding-bottom: 90px;
}

#hoContent01 ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    font-size: 0;
}

#hoContent01 ul li {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
}

#hoContent01 ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 222px;
    text-decoration: none;
    transition: ease all 0.35s;
}

#hoContent01 ul li a:hover {
    background-color: rgba(0, 0, 0, 0.4)
}

#hoContent01 ul li.ho01Info {
    background-color: rgba(0, 0, 0, 0.2);
    padding-left: 100px;
    padding-top: 20px;
}

#hoContent01 ul li.ho01Btn {
    border: 1px solid #FFFFFF;
}

#hoContent01 ul li.ho01Info h3 span.ho01Txt {
    font-size: 22px;
    display: block;
    letter-spacing: 0.5px;
    line-height: 35px;
    color: #fff;
    text-shadow: 2px 2px 3px #000;
}

#hoContent01 ul li.ho01Info h3 span.ho01Tt {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #fff;
    display: inline-block;
    background-image: url("../img/top/ho-img01.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    padding-bottom: 8px;
    text-shadow: 2px 2px 3px #000;
    margin-top: 5px;
}

span.ho01FullTxt {
    display: block;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 35px;
    text-shadow: 2px 2px 3px #000;
    padding-top: 30px;
}

.ho01BtnT {
    display: block;
}

span.ho01BtnFullTxt {
    display: block;
    text-align: center;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0.5px;
    font-weight: bold;
    line-height: 180%;
    text-shadow: 2px 2px 3px #000;
}

.ho02Full ul {
    font-size: 0;
}

.ho02Full ul li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 33.33333333%;
    border: 1px solid rgba(255, 255, 255, 0.75);
    position: relative;
    z-index: 1;
}

.ho02Full ul li a {
    height: 182px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-shadow: 2px 2px 3px #000;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.ho02Full ul li a::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.5);
    transition: ease all 0.35s;
    opacity: 0;
}

.ho02Full ul li:hover a::before {
    opacity: 1;
}

.ho02Full ul li:hover {
    border-color: #ff6600;
}

.ho02Full {
    padding-top: 33px;
    padding-bottom: 90px;
}

.ho03Full {
    padding-top: 33px;
    padding-bottom: 65px;
}

.ho03Full ul {
    font-size: 0;
}

.ho03Full ul li {
    float: left;
    width: 25%;
    border: 1px solid rgba(255, 255, 255, 0.65);
}

.ho03Full ul li a {
    height: 100px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    transition: ease all 0.35s;
}

.ho03Full ul li a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.ho03Full ul li a:hover span.ho03Txt {
    color: #ff6600;
}

.ho03Full ul li:hover {
    border-color: #ff6600;
}

.ho03Full ul li a span.ho03Img {
    width: 105px;
    text-align: center;
    display: inline-block;
}

.ho03Full ul li a span.ho03Txt {
    width: calc(100% - 105px);
    width: -moz-calc(100% - 105px);
    width: -webkit-calc(100% - 105px);
    color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 160%;
}

.ho03Full ul li a span.ho03Txt strong {
    font-size: 17px;
    display: block;
    text-shadow: 2px 2px 3px #000;
    padding-bottom: 2px;
}

.ho03Full02 {
    padding-top: 90px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.ho03Full02Left {
    width: 40%;
    margin-right: 2.5%;
}

.ho03Full02Right {
    width: 57.5%;
    padding-top: 20px;
}

.ho03Full02Right h2 {
    font-weight: bold;
    font-size: 34px;
    color: #fff;
    text-shadow: 2px 2px 3px #000;
    letter-spacing: -0.5px;
}

.ho03Full02Right span.ho03FullTxt {
    display: block;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    font-weight: 400;
    padding-top: 20px;
}

span.ho03Btn {
    float: right;
    max-width: 262px;
    width: 100%;
    margin-top: 12px;
    margin-right: -15px;
    position: relative;
    z-index: 9;
}

span.ho03Btn a {
    font-weight: bold;
    font-size: 22px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 83px;
    background-image: url('../img/top/ho-img21.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: ease all 0.35s;
    color: #fff;
    text-decoration: none;
    text-shadow: 2px 2px 3px #000;
}

span.ho03Btn a:hover {
    background-image: url('../img/top/ho-img21-hv.png');
}

.ho03Full02.ow {
    overflow: visible;
}

.ho04Full {
    padding-top: 33px;
    padding-bottom: 72px;
}

.ho04Full h2 {
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 28px;
    text-shadow: 2px 2px 3px #000;
    margin-bottom: 24px;
}

.ho04Full ul.ul0401 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    font-size: 0;
    margin-top: 42px;
}

.ho04Full ul.ul0401 li {
    width: 33.33333333%;
    display: inline-block;
    height: 220px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid rgba(255, 255, 255, 0.75);
}

.ho04Full ul.ul0401 li span {
    display: block;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 3px #000;
    text-align: center;
}

span.ho04tt01 {
    font-size: 28px;
}

span.ho04tt02 {
    font-size: 63px;
    padding-top: 5px;
}

.ho04FullChild h3 {
    text-align: center;
}

.ho04FullChild h3 span {
    display: block;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 3px #000;
}

span.ho04Ctt {
    font-size: 28px;
    padding-bottom: 15px;
}

span.ho04Ctt01 {
    font-size: 50px;
}

.ho04FullChild {
    padding-top: 40px;
}

span.ho04Intro {
    display: block;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px 3px #000;
    padding-top: 35px;
}

span.ho04Fc01 {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 3px #000;
}

.ho04FC {
    padding-top: 85px;
}

.ho04FCRows {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 42px;
}

.ho04FCItem {
    width: 48.15%;
    margin-right: 3.7%;
    border: 1px solid rgba(255, 255, 255, 0.75);
    margin-bottom: 33px;
    padding: 5px;
}

.ho04FCItem:nth-child(2n) {
    margin-right: 0;
}

.ho04FCItem ul {
    font-size: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.ho04FCItem ul li {
    display: inline-block;
    vertical-align: top;
}

.ho04FCItem ul li:first-child {
    width: 235px;
}

.ho04FCItem ul li:last-child {
    width: calc(100% - 235px);
    width: -moz-calc(100% - 235px);
    width: -webkit-calc(100% - 235px);
    padding-left: 40px;
}

.ho04FCItem ul li span {
    display: block;
    font-weight: bold;
    color: #fff;
}

span.ho04FCTt01 {
    font-size: 20px;
    text-shadow: 2px 2px 3px #000;
    padding-top: 15px;
    padding-bottom: 8px;
}

span.ho04FCTt02 {
    font-size: 14px;
}

span.ho04FCBtn {
    max-width: 134px;
    width: 100%;
    background-image: url(../img/top/ho-img29.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: ease all 0.35s;
    margin-top: 12px;
}

span.ho04FCBtn a {
    width: 100%;
    height: 71px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-shadow: 2px 2px 3px #000;
}

span.ho04FCBtn:hover {
    background-image: url(../img/top/ho-img29-hv.png);
}

ul.ho04FcBtn {
    font-size: 0;
    text-align: center;
}

ul.ho04FcBtn li {
    display: inline-block;
    max-width: 437px;
    width: 100%;
}

ul.ho04FcBtn li a {
    font-size: 20px;
    letter-spacing: 0.5px;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 3px #000;
    width: 100%;
    height: 96px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background-image: url(../img/top/ho-img30.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: ease all 0.35s;
}

ul.ho04FcBtn li a:hover {
    background-image: url(../img/top/ho-img30-hv.png);
}

ul.ho04FcBtn li:not(:last-child) {
    margin-right: 80px;
}

.ho05CoFull {
    padding-top: 33px;
}

.ho05Rows {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.ho05Left {
    width: 48.75%;
    margin-right: 2.5%;
}

.ho05Right {
    width: 48.75%;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
    padding-top: 20px;
}

#hoContent06 .ho05Btn ul li {
    max-width: 194px;
}

.ho06Tt span {
    display: block;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    text-shadow: 2px 2px 3px #000;
}

span.ho0601 {
    font-size: 16px;
}

span.ho0602 {
    font-size: 26px;
}

.ho06Tt {
    padding-bottom: 8px;
}

.ho07Txt {
    border: 1px solid rgba(255, 255, 204, 0.75);
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding-left: 36px;
    padding-top: 15px;
    padding-right: 36px;
    padding-bottom: 12px;
}

.ho07Full {
    margin-top: 33px;
    padding-bottom: 75px;
}

.ho07Txt table {
    width: 100%;
}

.ho07Txt table tr td {
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
}

.ho07Txt table tr td a {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    transition: ease all 0.35s;
}

.ho07Txt table tr td a:hover {
    color: #ff6600;
}

.ho07Txt table tr td:first-child {
    width: 126px;
}

.ho07Txt table tr:hover a {
    color: #ff0000;
}

.ho07Txt table tr td:hover a {
    color: #ff0000;
}

.ho07Txt table tr td:hover span.ho07Cat a {
    color: #fff;
    background-color: #ff6600;
}

.ho07Txt table tr td:hover {
    color: #ff0000;
}

span.ho07Cat {
    display: block;
    height: 29px;
    text-align: center;
    letter-spacing: 1px;
    background-color: rgba(153, 153, 153, 0.6);
}

.ho07Txt table tr td span.ho07Cat a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-top: 2px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}

.ho07Txt table tr td:nth-child(2) {
    width: 208px;
    padding-left: 60px;
    padding-right: 60px;
}

span.ho07Btn {
    display: block;
    max-width: 267px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 83px;
    margin-top: 32px;
}

span.ho07Btn a {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-image: url(../img/top/ho-img33.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: ease all 0.35s;
    text-decoration: none;
    font-size: 22px;
    color: #fff;
    text-shadow: 2px 2px 3px #000;
    font-weight: bold;
    padding-bottom: 3px;
}

span.ho07Btn a:hover {
    background-image: url(../img/top/ho-img33-hv.png);
}

span.ho03TxtSp {
    display: none;
}

h2.ho03TtSp {
    display: none;
}

.ho04Sp {
    display: none;
}

span.ho07DateSp {
    display: none;
}

.ityped-cursor {
    font-size: 1em;
    opacity: 1;
    -webkit-animation: blink 0.3s infinite;
    -moz-animation: blink 0.3s infinite;
    animation: blink 0.3s infinite;
    animation-direction: alternate;
}

@keyframes blink {
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes blink {
    100% {
        opacity: 0;
    }
}

@-moz-keyframes blink {
    100% {
        opacity: 0;
    }
}

#ityped {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8), 0px 0px 10px rgba(0, 0, 0, 0.8), 0px 0px 10px rgba(0, 0, 0, 0.8), 0px 0px 10px rgba(0, 0, 0, 0.8), 0px 0px 10px rgba(0, 0, 0, 0.8), 0px 0px 10px rgba(0, 0, 0, 0.8), 0px 0px 20px rgba(0, 0, 0, 0.8), 0px 0px 20px rgba(0, 0, 0, 0.8);
    font-size: 60px;
    font-weight: bold;
    letter-spacing:3px;
    font-family: 'Crimson Text';
}

.sl_hide{
    display: none;
}

.bgOnslide{
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

@media screen and (max-width:767px) {

    #ityped {
        font-size: 7.823vw;
        letter-spacing:0.391vw;
    }
    .slideItem{
        height: 59.322vw;
    }

    .slideItem img.img-Sp{
        display: block;
    }

    .slideItem img.img-Pc{
        display: none;
    }

    .hide_sp,
    .ho05Btn ul li span {
        display: none !important;
    }

    span.btnStyle00:after {
        margin-left: 1.956vw;
        content: "";
        background-image: url(../img/top/nwsp-img00.png);
        background-position: center right;
        background-repeat: no-repeat;
        width: 2.1vw;
        height: 3vw;
        background-size: 2.1vw;
    }


    span.btnStyle00:after,
    span.ho03Btn a:after {
        content: "";
        margin-left: 5px;
        background-image: url(../img/top/nwsp-img00.png);
        background-position: center right;
        background-repeat: no-repeat;
        width: 3.1vw;
        height: 12.347vw;
        background-size: 3.1vw;
        margin-bottom: 0.7vw;
    }

    .ho05Btn ul li a::after {
        display: inline-block;
        content: "";
        margin-left: 5px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 3.911vw;
        z-index: 1;
        background-image: url(../img/top/nwsp-img00.png);
        background-position: center right;
        background-repeat: no-repeat;
        width: 2.9vw;
        height: 4vw;
        background-size: 2.9vw;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    span.ho07Btn a:after,
    .ho8Full ul li:nth-child(2) span.ho08Btn::after,
    .ho8Full ul li:nth-child(3) span.ho08Btn::after{
        content: "";
        margin-left: 5px;
        background-image: url(../img/top/nwsp-img00.png);
        background-position: center right;
        background-repeat: no-repeat;
        width: 3.1vw;
        height: 12.347vw;
        background-size: 3.1vw;
        margin-bottom: 0.7vw;
    }

    /* .infoSp ul li.active a:after{
        content: "";
        margin-left: 5px;
        background-image: url(../img/top/nwsp-img00.png);
        background-position: center right;
        background-repeat: no-repeat;
        width: 2.9vw;
        height: 4vw;
        background-size: 2.9vw;
        margin-bottom: 0.4vw;
    } */

    
    span.ho04FCBtn a:after,
    ul.ho04FcBtn li a:after,
    ul.ho04FcBtn li a:after {
        content: "";
        margin-left: 5px;
        background-image: url(../img/top/nwsp-img00.png);
        background-position: center right;
        background-repeat: no-repeat;
        width: 2.1vw;
        height: 3vw;
        background-size: 2.1vw;
        margin-bottom: 0.7vw;
    }
}