@charset "utf-8";

.ds-shadow-1 {box-shadow:0 0 20px -10px #000;}
.ds-title {
	background:url('../../pages/p02/img/p02_01people_bg.jpg') no-repeat center center;
	background-size:cover;
	overflow-y:hidden;
}

.ds-title>div>* {margin:5% 0;}
.ds-title-spc-01 {line-height:1;}
.ds-title-spc-01 div {}
.ds-title-spc-01 h1 {margin:4% 0 0 0;}
.ds-title-spc-01 img {display:block; margin:0 auto; max-width:70%;}
.ds-title-spc-01 div img {width:30em;}
.ds-title-spc-01 h1 img {width:35em;}

.ds-title-spc-02 {display:flex; justify-content:center; color:#5573b7; font-size:1.1em;}
.ds-title-spc-02>div {display:flex;justify-content:center; flex-direction:column;}
.ds-title-spc-02>div>div {
	background-image:url('../../pages/p02/img/p02_01people_03b.png'); 
	background-repeat:repeat-y;
	background-size:contain;
	box-sizing:border-box;
	padding:2% 5%;
}
.ds-title-spc-02>div:before,
.ds-title-spc-02>div:after {content:""; display:block; width:100%; height:0;
background-repeat:no-repeat!important;
 background-size:100% auto!important;
 background-color:pink
 }


.ds-title-spc-02>div:before {background:url('../../pages/p02/img/p02_01people_03a.png'); padding-bottom:4.797%;}
.ds-title-spc-02>div:after {background:url('../../pages/p02/img/p02_01people_03c.png'); padding-bottom:1.27853%;}

.ds-title-spc-03 {display:flex; align-items:flex-end; justify-content:center; box-sizing:border-box; padding:5%; background:#fff;}

.ds-title-spc-03a {display:flex; align-items:flex-end; justify-content:center;}
.ds-title-spc-03a img {height:100%; width:100%;}
.ds-title-spc-03a>div~div {}

.ds-title-spc-03b {display:flex; align-items:stretch; justify-content:center;}
.ds-title-spc-03b img {height:100%; width:100%;}
.ds-title-spc-03b>div~div {}

@media all and (max-width:1024px) {
	.ds-title-spc-03 {display:block;}
	.ds-title-spc-03>div~div {margin-top:10%;}
}

.ds-article>div>h2 {display:flex; justify-content:center; align-items:stretch; margin:10% 0 4% 0; position:relative;}
.ds-article>div>h2>div {font-size:1.4em; border:3px solid #000; text-align:center; line-height:1.4; width:6em; height:6em; display:flex; justify-content:center; align-items:center; border-radius:50%;}

@media all and (max-width:768px) {
	.ds-article>div>h2>div {font-size:1.1em;}
}

.ds-article>div>h2>span {position:absolute; height:100%; right:0; align-items:center; display:flex;}
.ds-article>div>h2>span img {display:block; height:70%; width:auto;}

.ds-article>div>h3 {display:flex; flex-direction:column; font-size:1.2em; line-height:1.3; margin-top:3em; justify-content:flex-start; align-items:flex-start;}

.ds-spc-01-a,
#ds-article1 h3 {color:#584f96}
#ds-article1 h3 span:after {background:#584f96}
.ds-spc-01-b,
#ds-article2 h3 {color:#4b88c7}
#ds-article2 h3 span:after {background:#4b88c7}
#ds-article3 h3 {color:#36abad}
#ds-article3 h3 span:after {background:#36abad}

.ds-article>div>h3>* {color:inherit;}
.ds-article h3 strong {font-size:2.1em;}
.ds-article h3 span {position:relative; z-index:1;}
.ds-article h3 span:after {position:absolute; background:yellow; width:100%; height:0.8em; content:""; display:block; bottom:0; z-index:-1; opacity:0.12;}

.ds-artile-flex {display:flex; gap:5%; justify-content:space-between;}
.ds-artile-flex-img {}

.ds-article-flex-img-1 {flex:0 0 28%;}


.ds-float-right {margin:0 0 5% 5%;}
.ds-article-img-1 {width:30%;}

.ds-article-img-2 {clear:both; display:flex; justify-content:space-between; align-items:center; gap:5%;}
.ds-article-img-2>div:nth-of-type(1) {flex:0 0 40%;}
.ds-article-img-2>div:nth-of-type(1) img {width:40%;}

.ds-spc-01 {float:right; margin:5% 0 5% 5%;}
.ds-spc-01>div {display:flex; flex-direction:column; font-size:1.5em; line-height:1.6;}
.ds-spc-01>div>div {display:block; width:12em; line-height:1; margin:0 0 1em 0;}
.ds-spc-01>div>div>img {width:100%; height:auto; display:block;}

@media all and (max-width:768px) {
	.ds-spc-01 {float:none; margin:5% 0;}
	.ds-spc-01>div {display:block; font-size:1.3em;}
	.ds-spc-01>div>div {display:block; width:100%;}
	.ds-spc-01>div>div>img {width:30%; height:auto; display:block;}
}


.ds-spc-img-flex {clear:both;}
.ds-spc-img-flex>div {display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
.ds-spc-img-flex>div>div {flex:0 0 49%;}
.ds-spc-img-flex>div>figcaption {flex:0 0 100%;}
.ds-spc-img-flex img {max-width:100%; height:auto;}

.ds-article-img-3 {width:30%;}
.ds-article-img-3>div:nth-of-type(1) {text-align:right;}
.ds-article-img-3>div:nth-of-type(1) img {width:50%;}
.ds-article-img-3>div:nth-of-type(2) {text-align:left; margin-top:5%;}
.ds-article-img-3>div:nth-of-type(2) img {width:60%;}
.ds-article-img-3>div:nth-of-type(3) {flex:0 0 100%;}

h4[class*="ds-spc-h4"] {display:inline-block;  border-width:2px; border-style:solid; border-radius:0.3em; padding:0.3em 1em; line-height:1; margin-bottom:0;}
/* h4[class*="ds-spc-h4"]+p {margin-top:0;} */

.ds-spc-h4-a {color:#47bab2;background-color:#47bab214; border-color:#47bab2;}
.ds-spc-h4-b {color:#3786c8;background-color:#3786c814; border-color:#3786c8;}
.ds-spc-h4-c {color:#dc6790;background-color:#dc679014; border-color:#dc6790;}
.ds-spc-h4-d {color:#f49e26;background-color:#f49e2614; border-color:#f49e26;}
.ds-spc-h4-e {color:#76bf61;background-color:#76bf6114; border-color:#76bf61;}
.ds-spc-h4-f {color:#8ea759;background-color:#8ea75914; border-color:#8ea759;}
.ds-spc-h4-g {color:#e7683d;background-color:#e7683d14; border-color:#e7683d;}
.ds-spc-h4-h {color:#5b5fa9;background-color:#5b5fa914; border-color:#5b5fa9;}
.ds-spc-h4-i {color:#57b2cf;background-color:#57b2cf14; border-color:#57b2cf;}
.ds-spc-h4-j {color:#398085;background-color:#39808514; border-color:#398085;}
.ds-spc-h4-k {color:#3a3a82;background-color:#3a3a8214; border-color:#3a3a82;}


.ds-spc2-h4 {color:#584f96; display:flex; margin-bottom:0; font-size:1.3em;}
.ds-spc2-h4>span {position:relative; z-index:1;}
.ds-spc2-h4>span:after {position:absolute; width:100%; height:1em; z-index:-1; content:""; background-color:#584f9614; left:0; bottom:0;}