@charset "utf-8";


.ds-title {background:#7ebec0; overflow:hidden;}
.ds-title>div>div {margin-top:8%; display:flex; align-items:flex-end; width:100%}

.ds-title h1 {flex:0 0 55%; margin:0 5% 5% 0}
.ds-title h1+div {flex:0 0 30%;}

.ds-title img,
.ds-title-2 img {display:block; margin:0 auto; width:100%; height:auto;}

.ds-title-2>div>div {margin:2% 0 10% 0;}

.ds-font-spc01 {font-family:UtoBalsamTint;}
.ds-color-spc01 {color:#0b88a4;}

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

.ds-spc-01 {display:flex; justify-content:space-between; align-items:flex-start; gap:5%;}
.ds-spc-01-img-a {flex:0 0 25%;}
.ds-spc-01-img-b {flex:0 0 35%;}
.ds-spc-01-img-c {flex:0 0 40%;}

@media all and (max-width:768px) {
	.ds-title>div>div {justify-content:space-between;}
	.ds-title h1 {flex:0 0 65%;}
	
	.ds-title-2 img {width:90%;}
	.ds-spc-01 {gap:3%;}
	.ds-spc-01-img-a {flex:0 0 20%;}
	
	.ds-spc-01-b {flex-direction:column;}
	.ds-spc-01-img-b img {width:50%;}
	.ds-spc-01-img-c img {width:80%;}
	.ds-spc-01-img-d img {width:30%!important;}
	
	.ds-spc-img-flex>div {display:block;}
	.ds-spc-img-flex>div>div+div {margin-top:5%;}
	.ds-spc-img-flex>div img {width:80%; }
	
	.ds-spc-img-flex+.ds-ct-img img {width:80%; }
}