@charset "utf-8";

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

.ds-title {
	overflow:hidden;
	background-color:#fffbeb;
	padding:0;
}

.ds-title>div>div {display:flex; align-items:stretch; justify-content: center; padding:5% 0; flex-direction:row-reverse;}

.ds-title h1 {display:flex; font-size:2em; color:#444}
.ds-title h1 span.ds-h1-main {padding:0 1em;}
.ds-title h1 span:not(.ds-h1-main){flex:auto; position:relative;}
.ds-title h1 span:not(.ds-h1-main):after {display:block; content:""; position:Absolute; width:100%; height:0; border-bottom:3px solid #666; top:50%; left:0; }

.ds-title>div>div>div:nth-of-type(1) {display:flex; align-items:center; min-width:50%;}
.ds-title img {display:block; width:80%; border-radius:0 4em 0 4em; box-shadow:-1em 1em 1em -1em #000; margin-left:auto;}

.ds-spc-color1 { color:#00626f;}
.ds-title-01 {font-size:1.3em; margin:2em 0;}
.ds-title-01+div {border-bottom:2px solid #00626f; margin-bottom:4em; width:8em;}

.ds-article1>div>div {padding:10% 0;}

.ds-article1 h2 {color:#e77300; font-size:1.3em; margin:3em 0 0.5em 0;}
.ds-article1 .ds-spc-color1 {margin-top:3em;}
.ds-spc-01 {width:11em;}

@media all and (max-width:768px) {
	/* .ds-title>div>div>div:nth-of-type(2) {min-width:20%; align-items:flex-start; margin-top:10%;} */
	.ds-title>div>div {display:block;}
	.ds-title>div>div>div:nth-of-type(1) {float:right; width:30%; margin-top:5%;}
}