@charset "utf-8";
#ds-lt-content>main>section.ds-lt-width {font-size:1rem; line-height:1.4;}

.ds-index img {max-width:100%; height:auto;}
.ds-indexm-bg-a {background:#02343F}
.ds-indexm-bg-b {background:#F9BA25}
.ds-indexm-color-a {color:#02343F!important;}
.ds-indexm-color-b {color:#F9BA25;}
.ds-indexm-color-c {color:#F0EDCC;}

.ds-indexm-padding-a {padding:6% 0;}

#ds-index-1m-a {display:flex;}
#ds-index-1m-a1 {flex:0 0 67%;  font-weight:bold; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#ds-index-1m-a1 * {display:block; text-align:center;}
#ds-index-1m-a1 span {font-size:1.3em; white-space:nowrap; line-height:1.5;}
.ds-index-m-link {font-size:1.2em; border-radius:0.5em 0; background:#fff; padding:0.5em 1em; margin-top:0.7em;}
#ds-index-1m-a2 {flex:auto; display:flex; justify-content:center; align-items:center; padding-right:2%;}

#ds-index-1m-b li {display:flex; justify-content:center; align-items:stretch;}
#ds-index-1m-b a {display:block; font-size:0; display:flex; justify-content:center; align-items:center;}

#ds-index-1m-c {padding-left:5%; padding-right:5%; font-weight:bold;}
#ds-index-1m-c1 {display:flex; align-items:stretch; font-size:1.3em; gap:5%;}
#ds-index-1m-c1:before {display:block; content:""; flex:auto; background-image:url('../layout/img/iconm01.png'); background-size:contain; background-position:center; background-repeat:no-repeat;}
#ds-index-1m-c1 div {flex:0 0 75%;line-height:1.5;}
#ds-index-1m-c1 div *{display:block; white-space:nowrap;}
#ds-index-1m-c1 div small{font-size:0.7em; font-weight:normal;}

#ds-index-1m-c2 {display:flex; justify-content:center; align-items:center; margin-top:3%;}

#ds-index-1m-d {display:flex; justify-content:space-evenly; align-items:stretch; font-size:1.3em; font-weight:bold; white-space:nowrap;}
#ds-index-1m-d a {text-align:center; display:flex; justify-content:center; align-items:center; line-height:1;}
#ds-index-1m-d a span:nth-of-type(1) {font-size:1.3em; margin-right:0.3em;}

#ds-index-1m-e ul {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; text-align:center; font-size:0; font-weight:bold;}
#ds-index-1m-e li {flex:0 0 33%;}
#ds-index-1m-e li:nth-of-type(3)~li {margin-top:7%;}
#ds-index-1m-e a {display:block; display:flex; flex-direction:column; justify-content:flex-end;}
#ds-index-1m-e img {max-width:50%; margin-left:auto; margin-right:auto;}
#ds-index-1m-e span {display:block; font-size:1.25rem; margin-top:0.7em;}

/*
#ds-index-3a h3 {font-size:1.15em;}
#ds-index-3a p {font-size:1.3em; margin:0.5em 0 0 0;}

.ds-index-3b-1b {display:none!important; opacity:0!important; font-size:0!important;}
#ds-index-3b ul a:hover img {transform:none;}

#ds-index-3b>ul>li{flex:0 0 25%; max-width:25%!important; padding:3% 0.5% 0 0.5%;}

.ds-index-3b-2 {text-align:center; font-size:1rem; padding:0.5em 0 1em 0; white-space:nowrap;}
.ds-index-3b-2a {font-size:0.8em; margin:0.5em 0;}
.ds-index-3b-2b {font-size:0.9em; margin:0.5em 0;}
.ds-index-3b-2c {font-size:1.2em; }
*/

.ds-index-3 h2,
.ds-index-title-a h3 {font-size:1.3em; line-height:1.5;}

#ds-index-3 {margin-bottom:0}
#ds-index-3m-A a {display:block; text-align:center; font-size:0; margin-top:1%; transition-duration:3s;}
#ds-index-3m-A a img {max-width:99%; height:auto;}
#ds-index-3m-A a:nth-of-type(2) {transition-delay:0.3s;}
.ds-index-3-A {background-size:cover;}

.ds-index-3-B {padding:7% 0;}
.ds-index-3-B ul.ds-ul-none {display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center; text-align:center; line-height:1.5; margin-top:1em; font-size:1.0em;}
.ds-index-3-B li {flex:1 0 25%;}

#ds-index-4>.ds-lt-width>div:first-child h3 {font-size:1.2em; margin:0 0 1em 0;}
#ds-index-4>div {padding-left:0;}
#ds-index-4>div>div {padding:7%; position:relative;}
#ds-index-4 ul {line-height:1.9; font-size:1.05em; }
.ds-index-4-bg {width:100%; z-index:-1;}

#ds-index-5 ul {justify-content:space-between;}
#ds-index-5 li {flex:0 0 14.2%; max-width:14.2%;}
#ds-index-5 li a:hover img{transform:none}

#ds-index-7 h3 {line-height:1;}
#ds-index-7 ul {justify-content:space-between}
#ds-index-7 li {flex:0 0 13%; max-width:13%;}
#ds-index-7 li~li {margin:0;}
#ds-index-7 li div:nth-of-type(2) {font-size:0.9em;}

#ds-index-7b p{font-size:1.2em; margin:1.5em 0;}
#ds-index-7b p span{display:inline-block;}
#ds-index-7b a{font-size:1.2em; transition:none;}