@charset "utf-8";

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

.ds-title {background:#1a2f61; color:#fff; }

.ds-title>div>div {padding:8% 0; display:flex; justify-content:space-between; align-items:center;}
.ds-title>div>div>div:last-child {flex:0 0 35%; font-size:0;}

.ds-title h1 {margin:0 0 5% 0;}
.ds-title h1 img {width:24em;}
.ds-title strong {color:inherit; margin-left:0.5em;}

.ds-article {background:#e1e7ee; }
.ds-article>div>div {padding:8% 0;}

.ds-spc-01 {display:flex; justify-content:space-evenly; align-items:stretch; flex-wrap:wrap;}

.ds-spc-01 >div {flex:0 0 44%; display:flex; flex-direction:column; align-items:stretch;}
.ds-spc-01 >div:nth-of-type(2)~div {margin-top:5%;}


.ds-spc-01-box {overflow:hidden; padding:0 3% 3% 0; box-sizing:border-box; position:relative;}
.ds-spc-01-box>div {background:#fff; box-sizing:border-box; border:5px solid #1a2f61; padding:8%; position:relative; z-index:1; height:100%;}
.ds-spc-01-box:after {content:""; display:block; width:90%; height:90%; bottom:0; right:0; background:#1a2f61; position:absolute;}

.ds-spc-01-box>div,
.ds-spc-01-box:after {border-radius:3em; }

.ds-spc-01 h2 {margin:0; display:flex; align-items:center; line-height:1.5; gap:5%;}
.ds-spc-01 h2 * {display:block;}
.ds-spc-01 h2 span {font-size:0.85em;}
.ds-spc-01-box:nth-of-type(1) ul,
.ds-spc-01-box:nth-of-type(1) strong {color:#e4861f}
.ds-spc-01-box:nth-of-type(2) ul,
.ds-spc-01-box:nth-of-type(2) strong {color:#edb82b}
.ds-spc-01-box:nth-of-type(3) ul,
.ds-spc-01-box:nth-of-type(3) strong {color:#6ec35b}
.ds-spc-01-box:nth-of-type(4) ul,
.ds-spc-01-box:nth-of-type(4) strong {color:#3c6ade}
.ds-spc-01-box:nth-of-type(5) ul,
.ds-spc-01-box:nth-of-type(5) strong {color:#73ade6}
.ds-spc-01 h2 >div:nth-of-type(1) img {width:4em;}

.ds-spc-01-box>div>div:before {content:""; display:block; width:100%; margin-top:8%; padding-top:8%; border-top:5px dotted #ccc;}
.ds-spc-01-box>div>div>*:first-child {margin-top:0;}

.ds-spc-01-box>div>div>ul {font-weight:bold;}

.ds-spc-01-box-inner1 {}
.ds-spc-01-box-inner1 h3 {color:#d6effe; margin-bottom:-0.1em; position:relative; z-index:0;}
.ds-spc-01-box-inner1 h3 span{ background:#1a2f61; padding:0.3em 0.8em 1em 0.8em; border-radius:0.5em;}
.ds-spc-01-box-inner1 h3+div {background:#d6effe; position:relative; z-index:1; padding:1em; border-radius:0.7em;}

.ds-spc-01-last {display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-end;}
.ds-spc-01-last>div {text-align:right;}
.ds-spc-01-last img {width:80%;}
.ds-spc-01-last p img {width:20em;}


@media all and (max-width:768px) {
	.ds-title h1 img {width:18em;}
	.ds-title>div>div {gap:3%;}
	.ds-title>div>div>div:last-child {flex:0 0 26%;}
	.ds-spc-01-box>div {padding:5%;}
	
	.ds-spc-01 {display:block!important}
	.ds-spc-01 >div {flex:0 0 100%;}
	.ds-spc-01 >div:nth-of-type(2)~div {margin-top:3%;}
	.ds-spc-01 h2 {font-size:1.3em;}
	.ds-spc-01 h2 >div:nth-of-type(1) img {width:3.5em;}
	.ds-spc-01-box>div>div:before {margin-top:2%; padding-top:3%; border-width:3px;}
	/* .ds-spc-01-box:nth-of-type(5) {flex:0 0 55%;} */
	.ds-spc-01-last {flex:auto!important;display:block!important; margin-top:10%!important;}
	.ds-spc-01-last>div {text-align:center; float:right; width:40%; margin-left:2%; display:block;}
	.ds-spc-01-last img {margin:0 auto;}
}