@charset "utf-8";

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

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

.ds-title {
	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-spc-01:before {width:0; height:2em; border-left:5px solid #000; content:""; display:block; margin-bottom:0.5em;}
.ds-title-spc-02 {transition-delay:1s!important; transition-duration:4s!important; margin:0.5em 0 0 0;}
.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-spc-00 {display:flex; justify-content:space-between; align-items:stretch; margin:10% 0;}
.ds-spc-00>div {flex:0 0 47%;}
.ds-spc-00 p {margin-top:0;}
.ds-spc-00 .ds-ct-img {margin:0;}

.ds-spc-02 {flex-direction:row-reverse;}

.ds-spc-00 h4 {font-size:1.4em; margin:1.5em 0 0.5em 0;}
.ds-spc-00 table {border-width:3px 0 ; border-style:solid; border-color:#333; width:100%; position:relative;}
.ds-spc-00 tr {position:relative;}
.ds-spc-00 tr:after {content:""; display:block; height:0; width:100%; border-bottom:1px dotted #aaa; position:absolute; left:0; bottom:0;}
.ds-spc-00 th {font-weight:bold; text-align:left; vertical-align:top; padding:1em 1em 1em 0;}
.ds-spc-00 td {padding:1em 0 1em 1em;}

.ds-spc-00 ul {margin:0;padding-left:1em;}

@media all and (max-width:768px) {
	.ds-spc-00 {display:block; margin:10% 0;}
	.ds-spc-00>* {margin:5% 0;}
}