@charset "utf-8";

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

.ds-title {
	overflow:hidden;
}

.ds-title img {width:28em;}
.ds-title>div>div {display:flex; justify-content:space-between; align-items:stretch;}
.ds-title h1 {max-width:60%; box-sizing:border-box; padding:8% 0; margin:8% 0;}
.ds-title h1+div {flex:1;
	background:url('../../pages/p02/img/p02_09story_02.jpg') no-repeat center right;
	background-size:70% auto;
}


.ds-article {margin-bottom:10%;}

.ds-spc-00 {display:flex; width:100%; justify-content:space-between; align-items:stretch;}
.ds-spc-01>div:nth-of-type(2) {flex:0 0 40%; margin:0 0 0 5%;}
.ds-spc-02>div:nth-of-type(1) {flex:0 0 50%; margin:0 5% 0 0;}

.ds-spc-00 .ds-ct-img {margin:0;}

.ds-spc-03 {clear:both;}
.ds-spc-03 .ds-ct-img {margin:3% 0;}
.ds-spc-03 img {max-width:17em;}

@media all and (max-width:768px) { /* MOBILE */
	.ds-title h1 {width:28em;}
	.ds-title h1+div {background-size:80% auto;}
	
	.ds-spc-00 {flex-direction:column;}
	.ds-spc-02 {flex-direction:column-reverse;}
	
	.ds-spc-00 .ds-ct-img {margin:8% 0;}
	.ds-spc-00 .ds-ct-img img {width:70%;}
	
}