@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%;}

@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:steelblue;}

/* ANIMATION */
@-webkit-keyframes ds-bg-scale {100% {transform:scale(1.1,1.1);}}
@-moz-keyframes ds-bg-scale {100% {transform:scale(1.1,1.1);}}
@keyframes ds-bg-scale {100% {transform:scale(1.1,1.1);}}

.ds-index {overflow:hidden; position:relative;}
.ds-index-bg {font-size:0; width:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; }
.ds-index-bg-video {background-size:cover; background-position:center center; background-repeat:no-repeat;}
.ds-index-bg-video >div{position:relative; width:100%; padding-bottom:56.25%; height:0;}
.ds-index-bg-video iframe {position:absolute; width:100%; height:100%; left:0; top:0; margin:0 auto;}
.ds-index-main {position:absolute; top:0; left:0; width:100%; height:100%;}
.ds-index-main>div {position:relative; display:flex; align-items:center; justify-content:center; height:100%;}

.ds-index-main-box {display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.9); min-height:15%; min-width:15%; padding:5%;}

.ds-index-main-box >div {text-align:center; line-height:1.8; font-size:1.2em; font-weight:bold; }
.ds-index-main-box >div span {display:block;}
.ds-index-main-box-main {color:steelblue;font-size:1.3em;}
.ds-index-main [data-aos] {transition-duration:2s!important;}
.ds-index-main-box [data-aos]:nth-of-type(1) {transition-delay:0.2s;}
.ds-index-main-box [data-aos]:nth-of-type(2) {transition-delay:0.6s;}
.ds-index-main-box [data-aos]:nth-of-type(3) {transition-delay:1.0s;}
.ds-index-main-box [data-aos]:nth-of-type(4) {transition-delay:1.4s;}
.ds-index-main-box [data-aos]:nth-of-type(5) {transition-delay:1.8s;}

#ds-index-1 {max-height:100vh;}
#ds-index-1-bg {padding-bottom:60%; background-image:url('../layout/img/m101.jpg');
	-webkit-animation: ds-bg-scale 15s 1s infinite ease alternate;
	-moz-animation: ds-bg-scale 15s 1s infinite ease alternate;
	animation: ds-bg-scale 15s 1s infinite ease alternate;
}

#ds-index-2 {max-height:120vh;}
#ds-index-2-bg>iframe {max-height:500px;}
#ds-index-2-main>div {align-items:flex-end;}
#ds-index-2-main-box { width:100%; font-size:0; text-align:center;}
#ds-index-2-main-box ul {display:flex; justify-content:space-around; align-items:flex-end; margin:0 0 5% 0; width:100%;}
#ds-index-2-main-box [data-aos]:nth-of-type(1) {transition-delay:0.0s;}
#ds-index-2-main-box [data-aos]:nth-of-type(2) {transition-delay:0.3s;}
#ds-index-2-main-box [data-aos]:nth-of-type(3) {transition-delay:0.6s;}
#ds-index-2-main-box [data-aos]:nth-of-type(4) {transition-delay:0.9s;}
#ds-index-2-main-box [data-aos]:nth-of-type(5) {transition-delay:1.2s;}

#ds-index-2-main-box a {display:block;}
#ds-index-2-main-box a:hover img {transform:scale(1.1, 1.1);}
#ds-index-2-main-box li img {max-width:90%; height:auto;}

#ds-index-3 {background:#f2f1f0;}
#ds-index-3>div {align-items:flex-end;}
#ds-index-3>div>div {text-align:center; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative;}

#ds-index-3-box {background:none;}
#ds-index-3-img {font-size:0; position:relative; width:50%; min-width:200px; margin:0 auto;}
#ds-index-3-img img {display:block;}

#ds-index-3-img-3 {width:90%; margin:0 auto; }
#ds-index-3-img-2 {width:45%; height:auto; position:absolute; bottom:60.5%; left:50%; margin-left:-24%;}
#ds-index-3-img-1 {width:100%; height:auto; margin:0 auto;}

#ds-index-3>div>div>img {display:block; position:absolute;}

#ds-index-3-img-4 {width:20%; top:10%; left:10%;}
#ds-index-3-img-5 {width:20%; top:5%; right:10%;}

#ds-index-3 img[data-aos] {transition-duration:3s!important;}

#ds-index-3-img-1 {transition-delay:0.0s!important;}
#ds-index-3-img-2 {transition-delay:2.0s!important;}
#ds-index-3-img-3 {transition-delay:1.0s!important;}
#ds-index-3-img-4 {transition-delay:0.3s!important;}
#ds-index-3-img-5 {transition-delay:0.7s!important;}

#ds-index-4 {max-height:100vh;}
#ds-index-4-bg {padding-bottom:50%; background-image:url('../layout/img/m401.jpg');
	-webkit-animation: ds-bg-scale 15s 1s infinite ease alternate;
	-moz-animation: ds-bg-scale 15s 1s infinite ease alternate;
	animation: ds-bg-scale 15s 1s infinite ease alternate;
}
#ds-index-4-main>div>img {position:absolute; height:70%; width:auto; bottom:0; right:50%; margin-right:200px; transition-duration:5s!important;}