@charset "utf-8";

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

.ds-title {background:#ffe3d4}
.ds-title>div>div {display:flex; justify-content:space-between; padding:8% 0 0 0;}
.ds-title>div>div>* {flex:0 0 48%;}

.ds-title h1 {max-width:25em; margin:15% 0 0 0;}
.ds-title h1+span {display:block; font-size:1.2em; margin-top:1em;}

.ds-title img {display:block;}
.ds-article2:after,
.ds-title:after {content:""; display:block; background:url('../../pages/p03/img/p03_09posid_00.jpg') center center repeat-x; background-size:auto 100%; height:8em;}

.ds-article {overflow:hidden;}
.ds-article1 {background:#dee1e3}
.ds-article0:after {content:""; display:block; background:url('../../pages/p03/img/p03_09posid_00.jpg') center center repeat-x; background-size:auto 100%; height:8em; transform:scaleY(-1);}

.ds-article ul {display:flex; flex-wrap:wrap; justify-content:space-between; gap:3em 0;}
.ds-article li {flex:0 0 49.5%}
.ds-article img {width:100%;}

.ds-article2 {background:#ffe3d4}
.ds-spc-01 {font-size:1.5em;}
.ds-spc-01 strong {font-size:1.6em; color:#00626f}
.ds-spc-01+div {height:0; padding-bottom:25%; background:url('../../pages/p03/img/p03_09posid_11.png') no-repeat right bottom; background-size:contain; margin-top:-5%;}

.ds-article3>div>div{padding-bottom:10%;}

@media all and (max-width:768px) { /* MOBILE */
	.ds-title h1 {max-width:18em; margin:0 0 0 0;}
	.ds-title>div>div>*:last-child {flex:0 0 40%;}
	.ds-article2:after,
	.ds-article0:after,
	.ds-title:after {height:4em;}
	.ds-article ul {display:block;}
	.ds-article ul li {margin-top:5%;}
	.ds-spc-01 {font-size:1.2em;}
	.ds-spc-01+div {padding-bottom:28%;}
}