@charset "utf-8";

.ds-ct *.ds-color-spc01 {color:#eb6153;}
.ds-ct *.ds-color-spc02 {color:#2a9f87;}
.ds-ct img {width:100%; height:auto;}

.ds-title {
	background:#fffbec;
	overflow-y:hidden;
	overflow-x:visible;
}

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

.ds-title h1 {
	line-height:1.3;
	margin:5%;
	font-size:3em;
	display:flex; flex-direction:column; align-items:center;
}

.ds-title h1 {white-space:nowrap;}
.ds-title h1 div>* {display:inline-block; }
.ds-title h1 div strong:nth-last-of-type(1){vertical-align:middle;}

.ds-title h1 strong {font-size:3em;}

.ds-title h1 span:before {width:0; height:2em; border-left:5px solid #000; content:""; display:block; margin-bottom:0.5em;}
.ds-title h1 span {width:4em; display:flex; flex-direction:column; align-items:center;}
.ds-title h1 span img {display:block;}

.ds-title .ds-ct-img {display:flex; justify-content:center; align-items:flex-start; gap:5%;}
.ds-title .ds-ct-img>* {flex:0 0 40%;}


@media all and (min-width:769px) and (max-width:1024px) { /* TABLET */
	.ds-title h1 {font-size:2.5em;}
	.ds-title h1 span:nth-of-type(3):before {height:1.8em; border-left:5px solid #000;}
	.ds-title .ds-ct-img {gap:2%;}
	.ds-title .ds-ct-img>* {flex:0 0 45%;}
}

@media all and (max-width:768px) { /* MOBILE */
	.ds-title h1 {font-size:1.8em;}
	.ds-title h1 span:nth-of-type(3) {width:5em;}
	.ds-title h1 span:nth-of-type(3):before {height:1.2em; border-left:4px solid #000;}
	.ds-title .ds-ct-img {gap:0; justify-content:space-between;}
	.ds-title .ds-ct-img>*:nth-of-type(1) {flex:0 0 35%;}
	.ds-title .ds-ct-img>*:nth-of-type(2) {flex:auto;}
}

.ds-article>div>div {margin:8% 0;}
.ds-spc-01 h2 {font-size:1.5em; margin:8% 0 1em 0;}
.ds-spc-01 h2 small {font-weight:normal; margin-left:1em; font-size:0.7em;}

.ds-spc-01 .ds-ct-table table {text-align:left;}

.ds-spc-01 .ds-ct-img>* {background:#eee; }
.ds-spc-01 figcaption {margin:0; margin:0; padding:0 0.5em 1em 0; box-sizing:border-box;}
.ds-spc-01 figcaption strong {padding:0.5em 1em; background:#000; color:#fff;}

@media all and (min-width:769px) { /* PC & TABLET */
	.ds-spc-01 {display:flex; justify-content:space-between;}
	.ds-spc-01 .ds-ct-table th {white-space:nowrap;}
}

@media all and (min-width:1025px) { /* PC */
	.ds-spc-01>* {flex:0 0 48%;}
	.ds-ct-img+.ds-spc-01 {flex-direction:row-reverse;}
	
}

@media all and (min-width:769px) and (max-width:1024px) { /* TABLET */
	/* .ds-spc-01 {flex-wrap:nowrap;} */
	.ds-spc-01>div {flex:0 0 64%;}
	.ds-spc-01>.ds-ct-img {flex:0 0 35%;}
}

@media all and (max-width:768px) { /* MOBILE */
	.ds-spc-01 {font-size:0.95em;}
	.ds-spc-01 .ds-ct-table th {word-break:keep-all;}
	.ds-spc-01>.ds-ct-img figcaption {padding-top:1em}
	.ds-spc-01>.ds-ct-img img {width:80%;}
}