@charset "utf-8";

article.ds-ct {background:; overflow-y:hidden;}
.ds-title-1 {background:url('../../pages/p03/img/p03_04culture_02.jpg') center center repeat-x; background-size:auto 100%; overflow:hidden; position:relative;}

.ds-title h1 {text-align:center; margin:10% 0 0 0;}
.ds-title h1 img {display:block; margin:0 auto; width:64%;}
.ds-title strong {color:inherit;}

.ds-title-1>div>div {text-align:center; padding-bottom:18%;}
.ds-title-1>div>div >div span:before {background:orange; width:0.5em; height:0.5em; display:inline-block; content:""; border-radius:0.5em;  margin:0 0.5em;}
.ds-title-1>div>div >div {margin-bottom:2em;}
.ds-title-1:after {content:""; display:block; width:100%; height:15em; background:url('../../pages/p03/img/p03_04culture_03.png') center center repeat-x; background-size:auto 100%;}

.ds-title-2 {color:#ab631d; text-align:center;}
.ds-title-2 {font-size:1.2em;} 
.ds-title-2:after {content:""; display:block; width:100%; height:10em; background:url('../../pages/p03/img/p03_04culture_04.jpg') center center repeat-x; background-size:auto 100%;}

.ds-article1>div>div {margin:8% 0;}
.ds-article1 h2 {margin:5% 0;}
.ds-article1 h2 img {max-height:6em; display:block; margin:0 auto;}


.ds-spc-01 {display:flex; flex-wrap:wrap; justify-content:center; text-align:center; margin:10% 0; gap:5em 0}
.ds-spc-01>div {flex:0 0 38%;}
.ds-spc-01>div:nth-of-type(2),
.ds-spc-01>div:nth-of-type(3) {margin-left:-7.1%;}

.ds-spc-01>div:nth-of-type(5) {margin-left:5%;}

.ds-spc-01>div:not(:last-child)>div:last-child {padding:0 15%;}

.ds-spc-01 strong,
.ds-spc-01>div>div>div {color:#d67821}
.ds-spc-01>div>div:nth-of-type(2) {margin-top:2em;}
.ds-spc-01>div>div>div span {display:inline-block; color:#fff; background:#d67821; padding:0.4em 0.8em; line-height:1;}

.ds-spc-02 {display:flex; gap:8%;}
.ds-spc-02 dd+dt {margin-top:1em;}

.ds-article1 h3 {margin:8% 0 1% 0;}
.ds-article1 h3 img {}
.ds-spc-h3-a img {max-height:2.5em;}
.ds-spc-h3-b img {max-height:5em;}
.ds-article1 dd {margin-left:0;}


.ds-article2 i {color:#669e46; margin-right:0.5em;}
/* .ds-article2 dl {margin:0; padding:0;} */

.ds-spc-02,
.ds-spc-03 {max-width:1024px; margin:5% auto;}

.ds-spc-03:before {content:""; display:block; border-top:1px dashed #ccc; width:100%; margin-bottom:5%; }
.ds-spc-03>div:nth-of-type(1) {display:flex; justify-content:space-between; }
.ds-spc-03>div>div {flex:0 0 48%;}
.ds-spc-03 img {width:100%;}

.ds-article3 {background:#f3faf8;}
.ds-article3>div>div {padding:5% 0 10% 0;}

.ds-spc-04 {margin:5% 0; display:flex; width:100%; flex-wrap:wrap; align-items:stretch; justify-content:space-between; gap:2em 0;}
.ds-spc-04>div{flex:0 1 48%;}
.ds-spc-04 dt {color:#669e46;}
.ds-spc-04>div>div img {width:100%; height:auto; display:block;}
.ds-spc-04>div>div {border-radius:1em; overflow:hidden;}

.ds-spc-05 {border:3px solid #2b616d; box-sizing:border-box; padding:2em 1em; display:flex; align-items:center; gap:5%; border-radius:2em;}

.ds-spc-05 img {height:5em;}


.ds-article-4 {background:#d4bcb1; overflow:hidden;}
.ds-article-4 >div>div {padding:1%; border:1px solid #fdf6ee;}
.ds-article-4 >div>div>div {background:#fdf6ee; overflow:hidden; padding:5%; position:relative;}

.ds-article-4 >div>div,
.ds-article-4 h3 {margin:5% 0;}
.ds-article-4 h3 img {max-height:6em; display:block; margin:0 auto;}
.ds-article-4 >div>div>div {border-radius:1em;}

.ds-spc-06>div{display:flex; align-items:center; gap:3em;}
.ds-spc-06>div:nth-of-type(2){flex-direction:row-reverse}
.ds-spc-06>div~div{border-top:1px dashed #333; margin-top:5%; padding-top:5%;}
.ds-spc-06>div img {max-height:15em;}
.ds-spc-06 h3 {text-align:left; color:#b9927e; margin:0;}
.ds-spc-06 address {text-decoration:none; font-weight:bold;}

.ds-spc-07 {background:#d4bcb1; position:absolute; line-height:1; border-radius:50%; padding:1em; top:3%; left:3%;}
.ds-spc-07 img{ display:block; height:4em;}


@media all and (max-width:768px) {
	.ds-article1 h2 img {max-height:5em;}
	.ds-spc-05 {padding:1em;}
	.ds-spc-05 img {height:3em;}
	
	.ds-article-4 h3 img {max-height:5em;}
	.ds-spc-06>div{gap:1em; text-align:left;}
	.ds-spc-06>div img {max-height:12em;}
	.ds-spc-07 {top:0.2%; left:0.2%; padding:0.5em;}
	.ds-spc-07 img{height:3em;}
}