@charset "utf-8";

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

.ds-title {
	overflow:hidden;
	background-color:#2b6dbe;
	color:#fff;
	padding:0;
}

.ds-title>div>div {display:flex; justify-content:space-between; align-items:stretch;}

.ds-title-1 {font-size:2.5em;}
.ds-title-1 h1 {font-size:1em; text-align:center; margin:20% 0;}
.ds-title-1 img {display:block; margin-left:auto; margin-right:auto; width:10em; margin-left:0.5em;}
.ds-title-2 {flex:auto; display:flex; align-items:center; justify-content:flex-end}
.ds-title-2 img {width:50%; border-radius:0 4em 0 4em; box-shadow:-1em 1em 1em -1em #000;}


.ds-article1 {background:#91afd6; overflow:hidden;}
.ds-article1>div>div {margin:8% 0;}
.ds-article2 {background:#eaf0f7; overflow:hidden;}
.ds-article2>div>div:nth-of-type(1) {margin-top:8%;}
.ds-article2>div>div:nth-last-of-type(1) {margin-bottom:8%;}
.ds-article2>div>div {margin:5% 0;}

.ds-spc-01 {color:#fff;}
.ds-spc-01>div:nth-of-type(1) {font-size:1.5em; display:flex; flex-direction:column; align-items:center;  margin:8% 0 4% 0; }
.ds-spc-01>div:nth-of-type(2) {font-size:1.1em; margin:5% 0;}

.ds-article1 h2 {color:#fff; font-size:1.3em; margin:8% 0 0.5em 0;}

.ds-color-spc01 {color:#759bcc; border-color:#759bcc}
.ds-article2>div>div {display:flex; justify-content:space-between; gap:2%; align-items:flex-start;}
.ds-article2-no {font-size:1.1em; flex:0 0 8em;
	border-style:solid;
	border-width:0 0 1px 0;
}
.ds-article2-text {flex:auto;}
.ds-article2-text h2 {font-size:1.3em;}


@media all and (max-width:768px) {
	.ds-title-1 {font-size:2em; box-sizing:border-box; padding:3% 5%;}
	.ds-title-1 img {width:8em;}
	
	.ds-title-2 img {width:40%;}
	
	.ds-article2>div>div {display:block;}
	.ds-article2-no {display:inline-block; padding-right:5em;}
	
	
}