@charset "UTF-8";

._fnctWrap {line-height:1.5;}

/* Visual */
#multipleContentsDiv_fei_7 {position: relative;}
.wrap-visual {position: relative;}
.wrap-visual.ani {bottom: -100px;}
.ani-on .wrap-visual.ani {bottom: 0;}
.visual-slider {position: relative;}
.visual-slider::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/pattern.png');}
.visual-slider img {position: relative; left: 50%; display: block; max-width: none; max-height: 100%; transform: translate(-50%,0);}
#menu124_obj958 {position: absolute; left: 0; top: 165px; width: 100%;}
.visual-text strong {display: inline-block; margin-bottom: 38px; margin-left: 50px; font-family: 'Arita SemiBold'; font-size: 40px; letter-spacing: -1px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); color: #fff;}
.visual-text strong .space {width: 10px; height: 1px;}
.visual-text strong span {float: left; display: block;}
.visual-text strong br {font-size: 0;}
.visual-text strong span.ani {top: -50px;}
.ani-on .visual-text strong span.ani {top: 0;}
.ani-on .visual-text strong span.ani1 {transition-delay: 0s;}
.ani-on .visual-text strong span.ani2 {transition-delay: 0.2s;}
.ani-on .visual-text strong span.ani3 {transition-delay: 0.4s;}
.ani-on .visual-text strong span.ani4 {transition-delay: 0.6s;}
.ani-on .visual-text strong span.ani5 {transition-delay: 0.8s;}
.ani-on .visual-text strong span.ani6 {transition-delay: 1.0s;}
.ani-on .visual-text strong span.ani7 {transition-delay: 1.2s;}
.ani-on .visual-text strong span.ani8 {transition-delay: 1.4s;}
.ani-on .visual-text strong span.ani9 {transition-delay: 1.6s;}
.ani-on .visual-text strong span.ani10 {transition-delay: 1.8s;}
.ani-on .visual-text strong span.ani11 {transition-delay: 2s;}
.ani-on .visual-text strong span.ani12 {transition-delay: 2.2s;}
.ani-on .visual-text strong span.ani13 {transition-delay: 2.4s;}
.ani-on .visual-text strong span.ani14 {transition-delay: 2.6s;}
.ani-on .visual-text strong span.ani15 {transition-delay: 2.8s;}
.ani-on .visual-text strong span.ani16 {transition-delay: 3.0s;}
.ani-on .visual-text strong span.ani17 {transition-delay: 3.2s;}
.ani-on .visual-text strong span.ani18 {transition-delay: 3.4s;}
.ani-on .visual-text strong span.ani19 {transition-delay: 3.6s;}
.ani-on .visual-text strong span.ani20 {transition-delay: 3.8s;}
.ani-on .visual-text strong span.ani21 {transition-delay: 4.0s;}
.ani-on .visual-text strong span.ani22 {transition-delay: 4.2s;}
.ani-on .visual-text strong span.ani23 {transition-delay: 4.4s;}
.ani-on .visual-text strong span.ani24 {transition-delay: 4.6s;}
.visual-text p {margin-bottom: 35px; font-family: 'Dream Regular'; font-size: 20px; color: #fff;}
.visual-control {padding-left: 59px; font-size: 0;}
.visual-control .state,
.visual-control .button,
.visual-control .paging {display: inline-block; vertical-align: middle; font-size: 0;}
.visual-control .state span {display: inline-block; font-family: 'Mont SemiBold'; font-size: 15px; vertical-align: middle; color: #fff;}
.visual-control .state .slash {margin: 0 5px; font-size: 10px;}
.visual-control .button {margin: 0 15px;}
.visual-control .button button {display: none; vertical-align: middle; text-indent: -99999px;}
.visual-control .button button.on {display: inline-block; width: 8px; height: 11px;}
.visual-control .button .stop {background: url('../images/btn-visual-stop.png') no-repeat center center;}
.visual-control .button .play {background: url('../images/btn-visual-play.png') no-repeat center center;}
.visual-control .paging button {display: inline-block; width: 50px; height: 1px; background: rgba(255,255,255,.5); vertical-align: middle; text-indent: -99999px;}
.visual-control .paging li {display: inline-block; vertical-align: middle;}
.visual-control .paging .slick-active button {height: 3px; background: rgba(255,255,255,1);}

@media all and (max-width: 1620px) {
    .visual-text strong {margin-left: 20px; font-size: 30px;}
    .visual-control {padding-left: 20px;}
}

@media all and (max-width: 900px) {
    .visual-slider img {width: 100%; max-height: auto; transform: translate(-50%, -48%)}
    .visual-text strong {margin-left: 30px; font-size: 40px;}
    #menu124_obj958 {top: 61px;}
    .visual-control {padding-left: 30px;}
}

@media all and (max-width: 815px) {
    .visual-slider img {width: auto;}
}

@media all and (max-width: 630px) {
    .visual-text strong {font-size: 34px;}
}

@media all and (max-width: 540px) {
    .visual-text strong {font-size: 30px;}
}

@media all and (max-width: 500px) {
    .visual-slider img {transform: translate(-50%, -49%)}
    .visual-text strong {margin-left: 20px; margin-bottom: 29px;}
    .visual-control {padding-left: 20px;}
}