@charset "utf-8";

#ds-page-swiper01 .ds-swiper-size>div {padding-bottom:25%;}
#ds-page-swiper02 .ds-swiper-size>div {padding-bottom:33%;}

#ds-index-swiper01 .ds-swiper-size>div {padding-bottom:40%;}

.ds-swiper-banner {background:#111;}

/* SWIPER MAIN*/
#ds-index-swiper01 *[class*="ds-swiper-prx"] {transform:none; transition-duration:3s;}
/* #ds-index-swiper01 .ds-swiper-prx-1 {transition-delay:0.0s;} */
/* #ds-index-swiper01 .ds-swiper-prx-2 {transition-delay:0.2s;} */
/* #ds-index-swiper01 .ds-swiper-prx-3 {transition-delay:0.4s;} */
/* #ds-index-swiper01 .ds-swiper-prx-4 {transition-delay:0.6s;} */
/* #ds-index-swiper01 .ds-swiper-prx-5 {transition-delay:0.8s;} */
/* #ds-index-swiper01 .ds-swiper-prx-4:last-of-type {transition-delay:0.8s;} */
/* #ds-index-swiper01 .ds-swiper-prx-5:last-of-type {transition-delay:1.0s;} */
/* #ds-index-swiper01 .ds-swiper-prx-6:last-of-type {transition-delay:1.2s;} */

/* #ds-index-swiper01 *[class*="ds-swiper-prx"] {transform:none;} */
#ds-index-swiper01 .ds-swiper-prx-1 {transition-delay:0.5s!important; transition-duration:5s!important; transform:none;}
#ds-index-swiper01 .ds-swiper-prx-2 {transition-delay:1s;}
#ds-index-swiper01 img[class*="ds-swiper-prx"] {transform:scale(0.95);}
#ds-index-swiper01 .ds-swiper-prx-3 {transition-delay:2s;}
#ds-index-swiper01 .ds-swiper-prx-4 {transition-delay:3s;}
#ds-index-swiper01 .ds-swiper-prx-5 {transition-delay:4s;}

#ds-index-swiper01 .ds-swiper-slide-main {position:relative; width:100%;  height:100%; margin:0 auto; color:#fff; box-sizing:border-box; display:flex; align-items:center; justify-content:flex-start;}

.ds-index-swiper-slide-main-center {align-items:center!important; justify-content:center!important; text-align:center;}
.ds-index-swiper-slide-main-center *[class*="ds-swiper-prx"] {transform:none!important;}

#ds-index-swiper01 .ds-swiper-slide-main>* {background-color:rgba(0,0,0,0.7); box-sizing:border-box; padding:0.7em 1.4em; font-size:2.5em; transition:all 0.5s; display:flex; justify-content:center; align-items:center; line-height:1.4; width:100%; text-align:center;}
#ds-index-swiper01 .ds-swiper-slide-main>a:hover {font-weight:inherit; background-color:rgba(0,0,0,0.8); }

#ds-index-swiper01 .ds-swiper-slide-main>*>* * {display:block;}

#ds-index-swiper01 .ds-swiper-slide-main small {font-size:0.45em; line-height:1.8;}
#ds-index-swiper01 .ds-swiper-slide-main span {font-size:1em;}
#ds-index-swiper01 .ds-swiper-slide-main strong {font-weight:bold}
#ds-index-swiper01 .ds-swiper-slide-main img {display:block;}

@media all and (min-width:1161px) {
	#ds-index-swiper01 .ds-swiper-slide-main>* {font-size:2.4em;}
	#ds-index-swiper01 .ds-swiper-slide-main small {font-size:0.46em;}
}
@media all and (min-width:1025px) and (max-width:1160px) {
	#ds-index-swiper01 .ds-swiper-slide-main>* {font-size:2.3em;}
	#ds-index-swiper01 .ds-swiper-slide-main small {font-size:0.47em;}
}
@media all and (min-width:901px) and (max-width:1024px) {
	#ds-index-swiper01 .ds-swiper-slide-main>* {font-size:2.1em;}
	#ds-index-swiper01 .ds-swiper-slide-main small {font-size:0.48em;}
}
@media all and (min-width:831px) and (max-width:900px) {
	#ds-index-swiper01 .ds-swiper-slide-main>* {font-size:1.9em;}
	#ds-index-swiper01 .ds-swiper-slide-main small {font-size:0.49em;}
}
@media all and (min-width:769px) and (max-width:830px) {
	#ds-index-swiper01 .ds-swiper-slide-main>* {font-size:1.7em;}
	#ds-index-swiper01 .ds-swiper-slide-main small {font-size:0.5em;}
}
@media all and (max-width:768px) { /* MOBILE */
	#ds-index-swiper01 .ds-swiper-slide-main>* {font-size:1.3em;}
	#ds-index-swiper01 .ds-swiper-slide-main small {font-size:0.6em;}
}

#ds-index-02 ul {display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; gap: 1em 0;}
#ds-index-02 li {height:0; padding-bottom:20%; position:relative;}
#ds-index-02 li:nth-child(-n+3) {flex:0 0 33%; }
#ds-index-02 li:nth-child(n+4) {flex:0 0 24%; padding-bottom:15%; }

#ds-index-02 li:nth-of-type(1){transition-delay:0.3s;}
#ds-index-02 li:nth-of-type(2){transition-delay:0.7s;}
#ds-index-02 li:nth-of-type(3){transition-delay:0.5s;}
#ds-index-02 li:nth-of-type(4){transition-delay:0.8s;}
#ds-index-02 li:nth-of-type(5){transition-delay:0.3s;}
#ds-index-02 li:nth-of-type(6){transition-delay:0.6s;}
#ds-index-02 li:nth-of-type(7){transition-delay:0.9s;}


#ds-index-02 a {display:flex; position:absolute; top:0; left:0; width:100%; height:100%; justify-content:center; align-items:center; background-repeat:no-repeat; background-size:cover; background-position:center center; background-color:#333; color:#fff;}
#ds-index-02 a:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}
#ds-index-02 li:nth-of-type(1) a {background-image:url('../layout/img/banner-sub/IMG_5009.jpg')}
#ds-index-02 li:nth-of-type(2) a {background-image:url('../layout/img/banner-sub/IMG_5859.jpg')}
#ds-index-02 li:nth-of-type(3) a {background-image:url('../layout/img/banner-sub/IMG_5658.jpg')}
#ds-index-02 li:nth-of-type(4) a {background-image:url('../layout/img/banner-sub/IMG_5512.jpg')}
#ds-index-02 li:nth-of-type(5) a {background-image:url('../layout/img/banner-sub/IMG_5653.jpg')}
#ds-index-02 li:nth-of-type(6) a {background-image:url('../layout/img/banner-sub/IMG_5826.jpg')}
#ds-index-02 li:nth-of-type(7) a {background-image:url('../layout/img/banner-sub/IMG_5066.jpg')}

#ds-index-02 a>* {z-index:1; position:relative; padding:0.5em 1em; background:rgba(0,0,0,0.5); text-align:center; font-size:1.2em; line-height:1.4;} 
#ds-index-02 a>* * {display:block;} 
#ds-index-02 a>* small {font-size:0.8em;}
#ds-index-02 a:hover:after {background:rgba(0,0,0,0.2)}
#ds-index-02 a:hover>* {background-color:rgba(0,0,0,0.9);}

@media all and (max-width:900px) {
	#ds-index-02 a>* {padding:0.5em 0.5em; font-size:1em;} 
	
	#ds-index-02 li:nth-child(n+4),
	#ds-index-02 li:nth-child(-n+2) {flex:0 0 49%; }
	#ds-index-02 li:nth-child(3) {flex:1 0 100%; }
}

#ds-index-03 .ds-index-video {max-width:1280px; margin:0 auto; position:relative; height:0; padding-bottom:56.25%}
#ds-index-03 .ds-index-video>div {position:absolute; top:0; left:0; width:100%; height:100%;}
#ds-index-03 .ds-index-video iframe {width:100%; height:100%; border:none;}