@charset "utf-8";

article.ds-ct {overflow-y:hidden; background:url('../../pages/p03/img/p03_10posid_01.jpg') center center;}

.ds-article h1 {width:21em; margin:0 0 0 3.5%;}
.ds-article h1 img {display:block; width:100%;}

.ds-article ul {display:flex; flex-wrap:wrap; margin-top:-34%; justify-content:space-between;}
.ds-article li {flex:0 0 48%}
.ds-article li:nth-of-type(1) {margin-top:30%;}

.ds-article li div {background-repeat:no-repeat; background-position:bottom center; background-size:auto 100%; }

.ds-article li:nth-of-type(2)>div {margin-top:10%; padding-bottom:70%; background-image:url('../../pages/p03/img/p03_10posid_07.png');}

.ds-article li:nth-of-type(3)>div {margin:-2% 0 -10% 0; padding-bottom:70%; background-image:url('../../pages/p03/img/p03_10posid_08.png'); background-position-x: bottom center;}

.ds-article li:nth-of-type(4) {margin-top:-5%;}
.ds-article li:nth-of-type(4)>div {margin:3% 0 0 0; padding-bottom:80%; background-image:url('../../pages/p03/img/p03_10posid_09.png'); background-position:bottom right;}

.ds-article img {display:block; margin:0 auto; width:100%;}

@media all and (max-width:768px) { /* MOBILE */
	.ds-article h1 {width:18em; margin:0 auto;}
	.ds-article h1 img {display:block; width:100%;}
	.ds-article ul {margin:0; display:block;}
	.ds-article li {width:90%; margin:5% auto 0 auto!important;}
	.ds-article li:nth-of-type(2)>div {display:none;}
	.ds-article li:nth-of-type(4)>div {margin:3% 0 0 0; padding-bottom:40%; background-position:bottom center;}
	
	.ds-article li:nth-of-type(3)>div {display:flex; background:none;justify-content:space-between; align-items:stretch; height:initial; padding:0; margin:0!important;}
	.ds-article li:nth-of-type(3)>div>div {flex:0 0 49%; height:0; padding-bottom:50%; background-repeat:none; background-size:auto 100%;}
	
	.ds-article li:nth-of-type(3)>div>div:nth-of-type(1) {background-position:left bottom; background-image:url('../../pages/p03/img/p03_10posid_07.png');}
	.ds-article li:nth-of-type(3)>div>div:nth-of-type(2) {background-position:right bottom;background-image:url('../../pages/p03/img/p03_10posid_08.png');}
	.ds-article li:nth-of-type(3) img {margin-top:-10%!important;}
}