@charset "utf-8";

.ds-ct *.ds-color-spc01 {color:#a25423;}
.ds-ct *.ds-color-spc02 {color:#2aad93;}
.ds-ct img {width:100%; height:auto;}

article.ds-ct {background:#3a3a82; overflow-y:hidden;}

.ds-title {
	background:#f7f7fa;
	overflow:hidden;
}


.ds-title-main img {
	display:block; margin-left:auto; margin-right:auto;
}

.ds-title-main>div:nth-of-type(1) {
	margin:10% 0 8% 0;
	padding:0 2%;
	box-sizing:border-box;
	width:100%;
}


.ds-title-main>h1:nth-of-type(1) {
	box-sizing:border-box;
	padding-left:5em;
	margin:0;
}

.ds-title-main>h1:nth-of-type(1) img {
	width:40em;
}

.ds-title-main>p {
	font-size:1.2em;
	font-weight:bold;
	color:#777;
	margin:2em 0;
}

.ds-title-main>p+div {
	display:flex;
	width:100%;
	flex-wrap:wrap;
	gap:1em 2em;
	justify-content:center;
	margin-bottom:8%;
}

.ds-title-main>p+div img {
	height:2.4em; width:auto;
}


.ds-title-img>div>div {
	 background-image:url('../../pages/p02/img/p02_06life_07.png');
	 background-size:100% auto;
	 background-position:center center;
	 background-repeat:repeat-x;
	 content:""; display:block; width:100%; height:0;
	 padding-bottom:25%
}

.ds-article>div>div {margin:15% 0 10% 0;}

.ds-spc-00 {background:#fff; box-sizing:border-box; padding:10px; width:48%;}
.ds-spc-00>div{ box-sizing:border-box; width:100%; height:100%; border:1px dashed #bbb; padding:8% 5% 5% 5%; text-align:center;}

.ds-spc-00,
.ds-spc-00>div {border-radius:1em;}

.ds-spc-00 h3 {font-size:1.8em; margin:0 0 0.8em 0; line-height:1.5; color:#3a3a82}

.ds-spc-02 {margin-top:10%;}
.ds-spc-03 {margin-top:8%;}
.ds-spc-04 {margin-top:8%;}

.ds-spc-02b {background:#fef3dc; padding:0 0.5em; overflow:hidden;}
.ds-spc-02b p:nth-of-type(1) strong {color:#1282d6}
.ds-spc-02b p:nth-of-type(1) i {color:#51bbe7}
.ds-spc-02b p:nth-of-type(2) strong {color:#b34193}
.ds-spc-02b p:nth-of-type(2) i {color:#ff9500}

.ds-spc-00-img {display:flex; justify-content:center; align-items:center; margin:-6.5em 0 1.2em;}
.ds-spc-00-img img {display:block; margin-left:auto; margin-right:auto; width:8em; height:auto;}

.ds-spc-03 .ds-ct-img img {max-width:15em;}
.ds-spc-04 .ds-ct-img img {max-width:12em;}

@media all and (max-width:768px) {
	.ds-spc-00 {float:none!important; width:100%!important; margin:15% 0 !important;}
}