@charset "utf-8";

#ds-lt-header {position:relative!important;}

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

@media all and (min-width:768px){
	#ds-lt-content>main>section.ds-lt-width {font-size:19px; line-height:1.5;}
}

.ds-lt-img {text-align:center; font-size:0;}
.ds-lt-img a {display:inline-block;}
.ds-lt-img img{max-width:100%; height:auto;}
.ds-a-scale a:hover {transform:scale(1.05); font-weight:bold;}
.ds-index-link-box a {padding:0.5em 2em; border:2px solid #fff; white-space:nowrap; color:#fff; }
.ds-index-link-box a:hover {background:rgba(0,140,220,1);}

/* SWIPER */
.ds-swiper .swiper-slide {background-size:cover; background-position:center center; background-repeat:no-repeat; opacity:0!important;}
.ds-swiper .swiper-slide-active {z-index:2; opacity:1!important;}
.ds-swiper .swiper-slide> .ds-lt-width {display:flex; justify-content:center; align-items:center; height:100%;}
.ds-swiper .swiper-slide> .ds-lt-width >div {display:flex; flex-direction:column; align-items:center;}

/* SWIPER VIDEO SETTING */
.ds-swiper-video {width:100%; height:100%; position:absolute; top:0; left:0; z-index:-2; overflow: hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; font-size:0;}
.swiper-slide-active .ds-swiper-video {z-index:-1;}
.ds-swiper-video>*{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:none;}

/* SWIPER MAIN */
#ds-index-ban1 {/*height:100vh; min-height:800px;*/ height:700px; min-height:700px; text-align:center; color:#fff; font-size:1.1em;}
#ds-index-ban1 .ds-swiper-video>*{width:100vw; height:36.45vw;}

/* SWIPER - MIN HEIGHT + VIDEO WIDTH*/
@media all and (min-width:768px) and (max-width:1920px){
	#ds-index-ban1 .ds-swiper-video>*{height:700px; width:1920px}
}

#ds-index-ban1>ul{display:flex; justify-content:space-around; align-items:center;}
#ds-index-ban1-A {background-image:url('../layout/img/index-1-video-bg.jpg');}
#ds-index-ban1-B {background-image:url('../layout/img/mb02.jpg');}
#ds-index-ban1-C {background-image:url('../layout/img/mb03.jpg');}
#ds-index-ban1 a {display:block;}
#ds-index-ban1 span {display:inline-block;}

#ds-index-ban1 h3 {line-height:1; font-size:1.8em; margin:0; color:#555;}
#ds-index-ban1 h3 *[class*="ds-swiper-prx"] {transform:translate(0, 0%);}

#ds-index-ban1-C .ds-swiper-prx-1 {font-size:0; line-height:1; transform:translate(0,0); transition-duration:3s; margin-top:-2rem;}
#ds-index-ban1-C .ds-swiper-prx-1 img {width:90%; height:auto;}
#ds-index-ban1-C .ds-swiper-prx-1+*~* {margin-top:1.5em;}
#ds-index-ban1-C ul {padding:0; list-style:none;}
#ds-index-ban1-C li {display:inline-block;}
#ds-index-ban1-C li~li:before {display:inline; content:"·"; margin:0 0.5em}

#ds-index-ban1-B-time {color:rgba(90,110,140,1); font-weight:bold; list-style:none; padding:0;}
#ds-index-ban1-B-time li[class*="ds-swiper-prx"]{transform:translate(0,0);}
#ds-index-ban1-B ul {margin-top:2rem;}
#ds-index-ban1-B ul+ul {padding:0; list-style:none;}
#ds-index-ban1-B ul+ul li {display:inline-block;}
#ds-index-ban1-B ul+ul li+li {margin-left:2rem;}

/* SWIPER */
.ds-swiper>ul>li.swiper-slide-active *[class*="ds-swiper-prx"] {opacity:1!important; transform:translate(0, 0) scale(1, 1)!important; transition-property:opacity, transform!important;}
 *[class*="ds-swiper-prx"] {opacity:0; transition-duration:2s; transform:translate(0,100%);}
 .ds-swiper-prx-1 {transition-delay:0.5s;} .ds-swiper-prx-2 {transition-delay:1.0s;} .ds-swiper-prx-3 {transition-delay:1.5s;} .ds-swiper-prx-4 {transition-delay:2.0s;} .ds-swiper-prx-5 {transition-delay:2.5s;} .ds-swiper-prx-6 {transition-delay:3.0s;} .ds-swiper-prx-7 {transition-delay:3.5s;} .ds-swiper-prx-8 {transition-delay:4.0s;} .ds-swiper-prx-9 {transition-delay:4.5s;} .ds-swiper-prx-10 {transition-delay:5.0s;} .ds-swiper-prx-11 {transition-delay:5.5s;} .ds-swiper-prx-12 {transition-delay:6.0s;} .ds-swiper-prx-13 {transition-delay:6.5s;} .ds-swiper-prx-14 {transition-delay:7.0s;} .ds-swiper-prx-15 {transition-delay:7.5s;}

/* 2nd */
#ds-index-2 {background:rgba(20,70,90,1); color:#fff;}
#ds-index-2>div {position:relative; overflow:hidden;}
#ds-index-2>div>div {margin:2em 0; position:relative;}
#ds-index-2 p {margin:0;}
#ds-index-2 ul {list-style:none; padding:0;}
.ds-index-2-color {color:rgba(120,200,250,1);}

.ds-index-2-a-1 {font-size:1.4em; line-height:1; font-weight:bold; transition-duration:2s!important;}
.ds-index-2-a-1 span {font-size:4em; display:inline-block; transition-duration:3s!important;}
.ds-index-2-a-2 {font-size:1.15em; padding:0; list-style:none;  font-weight:bold;}
.ds-index-2-a-2 li:nth-of-type(1) {transition-delay:0.5s!important;}
.ds-index-2-a-2 li:nth-of-type(2) {transition-delay:1.0s!important;}
.ds-index-2-a-2 li:nth-of-type(3) {transition-delay:1.5s!important;}
.ds-index-2-a-3 {transition-delay:2s!important;}
.ds-index-2-a-3 span {display:block;}

#ds-index-2-b {text-align:right;}
.ds-index-2-b-1 h3 {font-size:1.5em; margin:0; transition-delay:0.5s!important;}
.ds-index-2-b-1 h3 small {display:block; font-size:0.7em;}
.ds-index-2-b-1 ul {margin:0;}
.ds-index-2-b-1 li:nth-of-type(1) {transition-delay:1.0s!important;}
.ds-index-2-b-1 li:nth-of-type(2) {transition-delay:1.5s!important;}
.ds-index-2-b-1 li:nth-of-type(3) {transition-delay:2.0s!important;}
.ds-index-2-b-1 li:nth-of-type(4) {transition-delay:2.5s!important;}

#ds-index-2-c {transition-duration:5s!important; position:absolute; right:0; bottom:0; width:18%; height:auto; max-width:250px;}
@media all and (min-width:768px){
	#ds-index-2-b {position:absolute; bottom:0; right:22%;}
	
	#ds-index-2>div>div {margin:2em 0;}
	.ds-index-2-a-1 {font-size:1.4em;}
	.ds-index-2-a-1 span {font-size:4em;}
	.ds-index-2-a-2 {font-size:1.15em;}

	.ds-index-2-b-1 h3 {font-size:1.5em;}
	.ds-index-2-b-1 h3 small {font-size:0.7em;}
}

/* 3rd, 4th */
.ds-index-3-4 h2 {font-size:1.7em;}
.ds-index-3-4 h3 {font-size:1.5em;}
@media all and (min-width:768px){
	.ds-index-3-4 {padding:3em 0;}
	#ds-index-4 ul div {height:5em; display:flex; justify-content:center; align-items:center;}
	#ds-index-4 ul div img{max-height:100%; width:auto;}
	#ds-index-4 p {font-size:1.5em; font-weight:bold;}
	#ds-index-4 a:hover {color:rgba(0,140,220,1);}
}

#ds-index-4 {text-align:center;}
#ds-index-4>div>*+* {margin-top:1.7em;}
#ds-index-4 img {display:inline-block;}
#ds-index-4 span {display:block;}
#ds-index-4 h3 {margin:0;}
#ds-index-4 h3 img {margin-bottom:0.5em;}
#ds-index-4 ul {display:flex; justify-content:space-around; align-items:flex-end; text-align:center}
#ds-index-4 a {display:block;}
#ds-index-4 p span {display:inline-block;}

#ds-index-5 {height:0; position:relative; padding-bottom:22.6%;}
#ds-index-5 .ds-swiper-video {background-image:url('../layout/img/index-5-bg.jpg');}
#ds-index-5 .ds-swiper-video>*{width:100vw; height:22.4vw;}
@media all and (min-width:768px) and (max-width:960px) {
	#ds-index-5 .ds-swiper-video>*{width:960px; height:429px}
}

/* POPUP LAYER */
#ds-lt-popup {position:absolute; z-index:500; width:100%;}
#ds-lt-popup>div{position:relative;}
.ds-popup-box {display:none; box-shadow:0 0 10px #444;}
.ds-popup-main {font-size:0;}
.ds-popup-main a {display:block;}
.ds-popup-close {display:flex; justify-content:space-between; align-items:center; line-height:1; background:#fff; padding:0.3em 0.5em;}
.ds-popup-close>* {cursor:pointer}
.ds-popup-close>label {flex-grow:1; margin-left:0.5em;}
.ds-popup-close>a {display:block; padding:0.3em 0.5em; background:#ddd;}

@media all and (min-width:768px) {
	.ds-popup-box {position:absolute;}
	.ds-popup-box:hover img {transform:scale(1.02,1.02)}
	#ds-popup-box1 {right:20rem; top:260px;}
	
	#ds-popup-box2 {right:1rem; top:260px;}
	#ds-popup-box2>.ds-popup-main>a{cursor:default;}
	#ds-popup-box3 {right:1rem; top:620px;}
}