@charset "utf-8";

#ds-lt-content>main>section.ds-lt-width {padding-top:0; padding-left:0; padding-right:0; min-width:100%; max-width:100%;}
#ds-lt-content>main>section ul {list-style:none; margin:0; padding:0;}

/* SLIDE VIDEO SETTING */
.swiper-slide-video {width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; overflow: hidden; background:url('../layout/img/welcome-video1.jpg') center center no-repeat; background-size:cover;}
.swiper-slide-active .swiper-slide-video {z-index:0;}
.swiper-slide-video>*{width:100vw; height:56.25vw; min-height:100vh; min-width:177.77vh; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:none;}

/* SWIPER - MIN HEIGHT + VIDEO WIDTH*/
@media all and (min-width:768px) and (max-height:800px) and (max-width:1422px){
	.swiper-slide-video>*{height:800px; width:1422px}
}

/* 1st SLIDER */
#swiper-main {max-width:1800px;}
#swiper-main >ul { margin-bottom:20px}

#swiper-main a {display:block;}
#swiper-main .swiper-full-link {position:absolute; width:100%; height:100%;}

#swiper-main .swiper-slide {background-size:cover; background-position:center center; background-repeat:no-repeat; opacity:0!important; width:100%; padding-bottom:25%;}
#swiper-main .swiper-slide-active {z-index:2; opacity:1!important;}

#swiper-main .swiper-slide> .ds-lt-width {display:flex; justify-content:center; align-items:center; height:100%;}

#swiper-main .swiper-slide> .ds-lt-width >div {display:flex; flex-direction:column; align-items:center; justify-content:space-between; flex:1;}

#swiper-main .swiper-main-text {text-shadow:0.1em 0.1em 0.2em #000; line-height:1; color:#fff; z-index:1; text-align:center; background:pink; padding:1em; }
#swiper-main .swiper-main-text:hover {transform:scale(1.05,1.05);}
#swiper-main .swiper-main-text h3{font-size:2.5em; line-height:1.4; margin:0;}
#swiper-main .swiper-main-text div{font-size:1.5em; line-height:1.5; margin-top:0.2em;}

#swiper-main .swiper-main-boxes {display:flex; justify-content:center; z-index:2; margin:2em auto 0 auto!important; text-align:center;}
#swiper-main .swiper-main-boxes li {flex:0 0 20%; font-size:0;}
#swiper-main .swiper-main-boxes li~li {margin-left:1%;}
#swiper-main .swiper-main-boxes img {max-width:100%; height:auto;}
#swiper-main .swiper-main-boxes a {position:relative; transition:all 0.5s;}
#swiper-main .swiper-main-boxes a:hover {transform:scale(1.05,1.05)}

#swiper-main .swiper-main-boxes a>div {box-sizing:border-box; height:100%; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; transition:all 1s;}
#swiper-main .swiper-main-boxes .swiper-main-box-under{background:green}
#swiper-main .swiper-main-boxes a:hover .swiper-main-box-under {opacity:0;}
#swiper-main .swiper-main-boxes .swiper-main-box-over {opacity:0; background:red; position:absolute;}
#swiper-main .swiper-main-boxes a:hover .swiper-main-box-over {opacity:1;}

#swiper-main .swiper-slide.swiper-slide-active .swiper-prx-item {opacity:1; transform:translate(0, 0) scale(1, 1); transition-property:all;}
#swiper-main .swiper-slide .swiper-prx-item-1 {opacity:0; transform:translate(0,-100%); transition-delay:1s; transition-duration:2s;}
#swiper-main .swiper-slide .swiper-prx-item-2 {opacity:0; transform:translate(0,100%); transition-delay:1.5s; transition-duration:2s;}
#swiper-main .swiper-slide .swiper-prx-item-3 {opacity:0; transform:translate(0,100%); transition-delay:2s; transition-duration:2s;}
#swiper-main .swiper-slide .swiper-prx-item-4 {opacity:0; transform:translate(0,100%); transition-delay:2.5s; transition-duration:2s;}
#swiper-main .swiper-slide .swiper-prx-item-5 {opacity:0; transform:translate(0,50%); transition-delay:3s; transition-duration:1s;}
#swiper-main .swiper-slide .swiper-prx-item-6 {opacity:0; transform:translate(0,50%); transition-delay:3.3s; transition-duration:1s;}
#swiper-main .swiper-slide .swiper-prx-item-7 {opacity:0; transform:translate(0,50%); transition-delay:3.6s; transition-duration:1s;}
#swiper-main .swiper-slide .swiper-prx-item-8 {opacity:0; transform:translate(0,50%); transition-delay:3.6s; transition-duration:1s;}


.ds-index-ban-video {height:100%; position:relative;}
.ds-index-ban-video>div {width:35%; height:0; padding-bottom:19.6875%; font-size:0; position:absolute; right:1rem; top:50%; margin-top:-10%; /*box-shadow:0 0 1rem #000;*/}
.ds-index-ban-video iframe {z-index:-1; position:absolute; width:100%; height:100%; left:0; top:0; background-size:cover; background-position:center center; background-repeat:norepeat;}

#ds-index-1+div~div:nth-child(odd):not(.ds-lt-sns-icons) {background:#eee}

.ds-index>div {display:flex; justify-content:space-between; align-items:stretch; flex-direction:row-reverse; transition-delay:0; transition-duration:3s!important;}
.ds-index>div>div {margin:5% 0; display:flex; align-items:center;}
.ds-index>div>div:nth-of-type(1) {flex:0 0 48%;}
.ds-index>div>div:nth-of-type(2) {flex:0 0 45%;}
.ds-index>div>div>* {width:100%;}

.ds-index a {display:block; line-height:1.5;}
.ds-index a:hover {font-weight:inherit!important;}
.ds-index h2 {margin:0; overflow:hidden;}
.ds-index h2 *{display:block;}
.ds-index h2 small {font-weight:normal; font-size:0.8em;}
.ds-index strong {display:inline-block;}
.ds-index span {display:inline-block;}
.ds-index p span {font-size:0.9em; display:block;}

.ds-index-audioclip>div {padding-bottom:50%;}
.ds-index-youtube>div {padding-bottom:56.25%;}

.ds-index-audioclip>div,
.ds-index-youtube>div {position:relative; height:0;}
.ds-index-audioclip>div>iframe,
.ds-index-youtube>div>iframe {position:absolute; width:100%; height:100%; display:block;}

.ds-index-notice {font-size:0; text-align:center;}
.ds-index-notice a {display:block;}
.ds-index-notice img {max-width:100%; height:auto;}
@media all and (min-width:768px) {
	.ds-index-notice a:hover img{transform:scale(1.01,1.01);}
}