@charset "utf-8";

article.ds-ct {background:; overflow-y:hidden;}

.ds-title>div>div:first-child {padding:10% 5% 0 0;}
.ds-title>div>div:first-child>div {padding:8% 10% 8% 2%; border-style:solid; border-color: #4976cf; border-width:0.45em 0.45em 0 0; border-radius:0 3em 0 0;}

.ds-title h1 {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end;}
.ds-title h1 img {width:25em;}

.ds-title h1 span {display:inline-block; font-weight:normal; font-size:0.9em; }
.ds-title strong {color:inherit;}
.ds-title p {color:#4976cf; text-decoration:underline; text-underline-offset:5px;}
.ds-title h1+div {margin-top:10%;}
.ds-title>div>div:last-child img {width:100%; display:block;}

.ds-article1 {background:#9bccf0; overflow:hidden;}
.ds-article>div>div {padding:8% 0;}
.ds-spc-h2-a {margin:8% 0 5% 0;}
.ds-spc-h2-a img {width:3em; margin:0 0.5em 0 0;}
.ds-spc-h2-a span {text-decoration:underline 0.5em #fff;}

.ds-spc-h3-a {font-size:1.3em; margin:7% 0 2% 0;}
.ds-spc-h3-a img {width:2.5em; margin:0 0.5em 0 0;}
.ds-article1 .ds-spc-h3-a span {text-decoration:underline 0.4em #fff;}


.ds-spc-01>div {border:6px solid #000;background:#fff; padding:3% 5%; border-radius:5em 3em;}
.ds-spc-01>div:nth-of-type(2n) {border-radius:3em 5em}
.ds-spc-01a>div:nth-of-type(2) {background:#8dc7c1}
.ds-spc-01a>div:nth-of-type(4) {background:#9d9bc8}

.ds-spc-01b>div:nth-of-type(1) {background:#a6d291}
.ds-spc-01b>div:nth-of-type(3) {background:#e795b1}

.ds-spc-01>div~div {margin-top:3%;}
.ds-spc-01>div>div {display:flex; align-items:center; justify-content:space-between; gap:5%;}
.ds-spc-01 img {height:9em; width:auto; max-width:initial; max-width:initial; border-radius:1.5em;}
.ds-spc-01>div:nth-of-type(2n)>div {flex-direction:row-reverse}
.ds-spc-01>div>div:nth-of-type(2) {flex:auto;}

.ds-spc-01 h4 {margin:0 0 0.5em 0;}
.ds-spc-01 p {margin:0;}
.ds-spc-01-a {font-size:0.8em; border-width:2px; border-style:solid; border-radius:5px; padding:0.2em 1.5em; vertical-align:middle; margin-right:1em;}
.ds-spc-01a>div:nth-of-type(1) .ds-spc-01-a {background:#eff6eb; border-color:#88bd6d; color:#88bd6d}
.ds-spc-01a>div:nth-of-type(2) .ds-spc-01-a {background:#fff; border-color:#68b9b2; color:#68b9b2}
.ds-spc-01a>div:nth-of-type(3) .ds-spc-01-a {background:#f6e9ee; border-color:#ce6f90; color:#ce6f90}
.ds-spc-01a>div:nth-of-type(4) .ds-spc-01-a {background:#fff; border-color:#ce6f90; color:#ce6f90}
.ds-spc-01a>div:nth-of-type(1) strong {color:#88bd6d;}
.ds-spc-01a>div:nth-of-type(2) strong {color:#fff;}
.ds-spc-01a>div:nth-of-type(3) strong {color:#ce6f90;}
.ds-spc-01a>div:nth-of-type(4) strong {color:#fff;}





.ds-spc-01b h4 {color:#fff;}
.ds-spc-01b>div:nth-of-type(2) h4 {color:#40bbb1;}
.ds-spc-01b>div:nth-of-type(4) h4 {color:#5a5faa;}

.ds-spc-02 {position:relative;}
.ds-spc-02>div {display:flex; flex-wrap:wrap; justify-content:flex-end; gap:0 3%;}
.ds-spc-02>div>div {}
.ds-spc-02>div>div:nth-of-type(2)>div {width:100%; display:flex; justify-content:space-between; align-items:flex-end;position:relative;}
.ds-spc-02>div>div:nth-of-type(2) figcaption+div {position:absolute; right:0; bottom:0; width:25%;}
/* .ds-spc-02>div>div img {z-index:1; position:relative;} */
.ds-spc-02>div>div:nth-of-type(1) {flex:0 0 40%;}
.ds-spc-02>div>div:nth-of-type(2) {flex:0 0 50%; align-self:flex-end;}
.ds-spc-02>div>div:nth-of-type(3) {flex:0 0 50%; align-self:stretch;}
.ds-spc-02>div>div:nth-of-type(4) {flex:0 0 40%; margin-right:auto}

.ds-spc-02 i {margin-right:0.5em;}
.ds-spc-02-rotate {transform:scaleX(-1);}
.ds-spc-02 figcaption span{display:block;}
.ds-spc-02>div>div:nth-of-type(3) {display:flex; flex-direction:column;}
.ds-spc-02>div>div:nth-of-type(3)>div:nth-of-type(2) {display:flex; justify-content:space-between; flex:auto;}
.ds-spc-02>div>div:nth-of-type(3)>div>div {align-self:flex-end; width:50%;}

.ds-article2 .ds-spc-h3-a span {text-decoration:underline 0.4em #8dcff4;}
.ds-article2 .ds-float-right {width:15%; margin-left:5%;}
.ds-spc-03 {border-style:solid; border-width:0.7em 0; border-color:#4976cf; padding:2% 0; justify-content:space-between;}
.ds-spc-03>div {flex:0 0 47%;}
.ds-spc-03>div:nth-of-type(2) img {border-radius:1.5em;}

.ds-spc-04 {position:relative; overflow:hidden;}
.ds-spc-04>div:nth-of-type(2) {width:45%; margin:0 10% 5% auto; position:relative; background:#fff; padding:0 2%;}
.ds-spc-04>div:nth-of-type(1) {border:0.5em solid #4976cf; border-radius:3em; position:absolute; box-sizing:border-box; width:100%; height:50%; left:0; bottom:0;}
.ds-spc-04>div:nth-of-type(3) {position:absolute; left:10%; bottom:0; width:20%;}


@media all and (max-width:768px) {
	.ds-title h1 img {width:18em;}
	.ds-spc-h2-a {font-size:1.4em;}
	.ds-spc-h2-a img {width:1.5em;}
	.ds-spc-h3-a img {width:2em;}
	.ds-spc-01>div {border-width:4px; padding:3% 3%; border-radius:4em 2em;}
	.ds-spc-01>div:nth-of-type(2n) {border-radius:2em 4em}
	.ds-spc-01 img {height:7em;}
	.ds-spc-01-a {padding:0.2em 1em; }
	.ds-spc-04>div:nth-of-type(2) {width:30%;}
}