@charset "utf-8";

#ds-lt-logo a img {max-height:38px!important; margin:1px 0 1px -20px;}
#ds-lt-header-main.scroll-to-fixed-fixed #ds-lt-logo a img {max-height:28px; margin:2px 0 2px -20px;}

#ds-lt-content>main>section.ds-lt-width {font-size:1rem; line-height:1.4;}
.ds-index-link-box a {font-size:0.95em; padding:0.3em 0.8em; border:2px solid #fff; white-space:nowrap; color:#fff; }
.ds-index {font-size:1.0rem;}

/* 1st SLIDER */
/* #ds-index-ban1 {height:60vh; min-height:300px; height:41.67vw;} */
/* #ds-index-ban1 .ds-swiper-video>*{min-height:60vh; min-width:143.99vh;} */
/* #ds-index-ban1 .ds-swiper-video>*{min-height:41.67vw; min-width:100vw;} */

.swiper-main-arrow {bottom:1%; margin-left:-10px;width:20px; height:20px; background-size:10px!important; }
.swiper-main-arrow:hover {background-size:10px!important;}

#ds-index-ban1 .swiper-button-next,
#ds-index-ban1 .swiper-button-prev {display:none;}
#ds-index-ban1 {position:relative; height:0; padding-top:56.25vw; width:100%; min-height:auto;}
#ds-index-ban1>ul {position:absolute; width:100%; height:56.25vw; left:0; top:0;}
#ds-index-ban1 .ds-swiper-video>* {height:56.25vw; width:134.99vw;}

#ds-index-ban1-A>div>div>img {width:80%!important;}
#ds-index-ban1-A>div>div>div:nth-of-type(1) {top:0;}
#ds-index-ban1-A span:nth-of-type(1) {font-size:1.1em;}
#ds-index-ban1-A>div>div>div:nth-of-type(2) {bottom:-15%}
#ds-index-ban1-A>div>div>div:nth-of-type(2) img{width:20%;}

#ds-index-ban1-D .ds-lt-width>div {position:relative; display:flex; justify-content:center; align-items:center; bottom:0; left:0; font-size:1.3em; height:100%; text-align:center;}

#ds-index-ban1-C {font-size:1.1em;}

#ds-index-ban1-B {font-size:1.05em;}
#ds-index-ban1-B>div>div>div {left:7%; bottom:6%; padding:3%; background:rgba(255,255,255,0.5)}
#ds-index-ban1-B>div>div>img {width:90%!important;}

/* Index 3 - Swiper */
#ds-index-ban3 {/*height:100vh; min-height:800px;*/ height:15em; min-height:15em; text-align:center;}
.ds-index-ban3-div a {left:5%; top:15%; width:5em;font-size:1.5em;}
.ds-index-ban3-div p {font-size:1rem; text-align:right; left:5%; top:30%; text-align:left; background:rgba(255,255,255,0.8); padding:0.5em; max-width:60%;}
.ds-index-ban3-div img {max-height:80%; bottom:0; right:0;}

/* INDEX 2 */
#ds-index-2 {margin-top: 1em;}
#ds-index-2 >div:nth-of-type(1) {display:block; padding-left:0; padding-right:0;}
#ds-index-2 >div:nth-of-type(2) {position:relative; top:0; left:0; width:100%; height:auto;}
#ds-index-2 >div>div {flex:0 0 100%;}

#ds-index-2-B>div>div {display:flex;}
#ds-index-2-B>div>div>div {line-height:1; display:flex; flex-direction:column; justify-content:center;}
#ds-index-2-B>div>div>div:nth-of-type(1) {padding-left:0.5em; padding-right:0.5em;}
#ds-index-ycp-link {font-size:1em; padding-left:0.5em; padding-right:0.5em;}

#ds-index-2-mobile {display:flex; margin-top:1em;}
#ds-index-2-mobile a{display:flex; flex:1 0 50%; height:7em; justify-content:center; flex-direction:column; align-items:center; color:#fff; position:relative; font-size:1.2em;}
#ds-index-2-mobile a>div:not(.ds-index-bg){background:rgba(0,0,0,0.7); padding:0.5em;}
#ds-index-2-mobile a:nth-of-type(1) .ds-index-bg:after {background-image:url('../layout/img/main201.jpg')}
#ds-index-2-mobile a:nth-of-type(2) .ds-index-bg:after {background-image:url('../layout/img/main202.jpg')}

/* INDEX 4 */
#ds-index-4 {height:12em; min-height:auto;}
#ds-index-4-main {padding:0.5em 0;}
#ds-index-4-main img {height:3em; width:auto;}
#ds-index-4-main a div{font-size:1em; margin-left:0.7em;}
#ds-index-4-main a span:nth-of-type(1){font-size:0.7em;}

/* INDEX 5 */
#ds-index-5 {margin-top:3rem;}
#ds-index-5-c span,
.ds-index-5-box span{position:absolute; width:100%; text-align:center; top:auto; bottom:0; left:0; color:#fff; background:rgba(0,0,0,0.5); height:3em; display:flex; flex-direction:column; justify-content:center;}