@charset "utf-8";

.ds-font-spc01 {font-family:UtoBalsamTint;}
.ds-color-spc01 {color:#034cb6;}
.ds-color-spc02 {color:#d8a625;}

/* .ds-title, */
/* .ds-title>div>div {background-image:url('../../pages/p02/img/p02_03culture_04.jpg');background-position:top center;} */
.ds-title {background-image:url('../../pages/p02/img/p02_03culture_04.jpg');background-position:top center; background-size:auto 100%; background-repeat:repeat-x;}

/* .ds-title {background-size:contain; background-repeat-y:no-repeat; background-repeat-x:repeat;} */
/* .ds-title>div>div { background-repeat:no-repeat;} */

.ds-title>div {
	overflow-y:hidden;
	overflow-x:visible;
	position:relative;
}

.ds-title>div>div {
	height:0;
	padding:0 0 80% 0;
	position:relative;
	
}
.ds-title>div>div>div {position:absolute; display:flex; justify-content:center; align-items:flex-start; width:100%; height:100%; left:0; top:0; box-sizing:border-box; padding-top:10%;}

.ds-title h1 {flex:0 0 100%; width:100%;}
.ds-title-spc-01 {display:block; margin:0 auto; width:40%; padding-left:12%; box-sizing:border-box; position:relative;}
.ds-title-spc-01 img {display:block; height:auto; transition-duration:3s!important;}
.ds-title-spc-01-b,
.ds-title-spc-01-c {position:absolute;}
.ds-title-spc-01-a {width:100%;}
.ds-title-spc-01-b {width:35%; top:20%; right:88%;}
.ds-title-spc-01-c {width:15%; bottom:0%; left:81%;}

@media all and (min-width:769px) and (max-width:1024px) { /* TABLET */
	.ds-title>div>div>div {padding-top:8%;}
	.ds-title-spc-01 {width:50%;}
}

@media all and (max-width:768px) { /* MOBILE */
	.ds-title>div>div>div {padding-top:5%;}
	.ds-title-spc-01 {width:63%;padding-left:15%;}
	.ds-title-spc-01-b {width:30%; right:82%;}
	.ds-title-spc-01-c {left:81%;}
}

.ds-article>div>*:last-child {margin-bottom:8%;}

.ds-article figcaption {font-size:0.95em;}

.ds-spc-top {margin:8% 0;}
.ds-spc-top strong {color:inherit;}

.ds-article-0 ~ .ds-article-0 {margin-top:10%;}
.ds-article h2 {margin:0 0 0.5em 0; font-size:1.8em;}
.ds-article h2 strong {color:inherit;}
.ds-article h2 small {background:#000; color:#fff; font-size:0.7em; padding:0.5em 2em 0.5em 1em; font-weight:normal; position:relative; line-height:1;box-sizing:border-box; }
.ds-article h2 small:after {content:""; box-sizing:border-box; position:absolute; background:#fff; right:0; top:0; height:100%; width:1em; border-right:1em solid transparent; border-bottom:1.1em solid #000; border-top:1.1em solid #000;}

.ds-article h2 div span {display:inline-block; border-color:#e57536; border-style:solid; box-sizing:border-box; border-width:2px 0; font-weight:normal; line-height:1.5; margin:0.5em 0; padding:0.5em 5% 0.5em 0;}
.ds-article h2 div strong {font-weight:bold;}
.ds-article h2 >span {display:block; font-size:0.7em; font-weight:normal;}

.ds-article h3 {margin:8% 0 1em 0; font-size:1.3em;}
.ds-article h2+h3 {margin-top:0.5em;}

@media all and (max-width:768px) {
	.ds-article h2 {font-size:1.5em;}
	.ds-article h2 div span {display:block;}
	.ds-article h3 {font-size:1.2em;}
}
.ds-article-1 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.ds-article-1>div:nth-of-type(1) {flex:0 0 45%; order:2;}
.ds-article-1>div:nth-of-type(2) {flex:0 0 50%; order:1;}
.ds-article-1>div:nth-of-type(3) {flex:1; order:3;}

.ds-article-1-img1 {width:50%; margin-left:auto; margin-right:auto;}

.ds-article-2 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.ds-article-2>div:nth-of-type(1) {flex:0 0 65%;}
.ds-article-2>div:nth-of-type(2) {flex:0 0 30%;}
.ds-article-2>div:nth-of-type(2) .ds-spc-01 {width:100%;}
.ds-article-2>div:nth-of-type(3) {flex:0 0 100%;}
.ds-article-2>div:nth-of-type(4) {display:flex; flex:0 0 100%; align-items:center;}
.ds-article-2>div:nth-of-type(4)>div:nth-of-type(1){flex:0 0 25%; margin-right:5%;}
.ds-article-2>div:nth-of-type(4)>div:nth-of-type(2){flex:1;}
.ds-article-2>div:nth-of-type(4) img {border-radius:50%;}

.ds-article-3 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.ds-article-3>div:nth-of-type(1) {flex:0 0 47.5%;}
.ds-article-3>div:nth-of-type(2) {flex:0 0 47.5%;}
.ds-article-3-img1 {flex:1;}

.ds-article-4 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.ds-article-4>div:nth-of-type(1) {flex:0 0 65%;}
.ds-article-4>div:nth-of-type(2) {flex:0 0 30%;}
.ds-article-4>div:nth-of-type(3) {flex:0 0 100%;}
.ds-article-4>div:nth-of-type(4) {flex:0 0 45%;}
.ds-article-4>div:nth-of-type(5) {flex:0 0 50%;}
.ds-article-4>div:nth-of-type(6) {flex:0 0 100%;}

.ds-article-5 {background:#090827; color:#eee;}
.ds-article-5>div>div {position:relative; padding-top:8%;}
.ds-article-5 h2 small {background:#fff; color:#333;}
.ds-article-5 h2 small:after {background:#090827; border-right:1em solid transparent; border-bottom:1.1em solid #fff; border-top:1.1em solid #fff;}
.ds-article-5 figure {margin:0;}
.ds-article-5 figure img {width:100%;}
/* .ds-article-5-spc {position:absolute; top:0; padding-top:8%;} */
/* .ds-article-5-spc>div>div {width:100%; } */
/* .ds-article-5-spc>div>div p {background:#00000000} */

.ds-article-6>div {background-image:url("../../pages/p02/img/p02_03culture_34.jpg"), url("../../pages/p02/img/p02_03culture_35.jpg");
background-repeat:no-repeat;
background-position:right center, right bottom;
background-size:30% auto;
}
.ds-article-6-spc1 {display:flex;}

.ds-spc-img-flex {clear:both; text-align:center;}
.ds-spc-img-flex>div {display:flex; justify-content:space-between; align-items:flex-start;}
.ds-spc-img-flex>div {display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
.ds-spc-img-flex>div>div {flex:0 0 49%;}
.ds-spc-img-flex figcaption {width:100%;}
.ds-spc-img-flex img {max-width:100%; height:auto;}

.ds-spc-right-a {display:flex;}
.ds-spc-01 {width:30%; background:#fdf9e7; color:#2d91b8;box-sizing:border-box; padding:1em 2em 1em 1em; border:2px solid #2d91b8; display:flex; gap:1em; align-items:stretch; font-size:0.95em;}

.ds-spc-01>div:nth-of-type(1) img {display:block; width:3em; max-width:initial;}
.ds-spc-01 h4 {margin:0 0 0.5em 0; font-size:1.1em;}
.ds-spc-01 p {margin:0;}
.ds-spc-01-a {float:left; margin-right:5%;}

@media all and (max-width:768px) {
	.ds-article-0 {display:block;}
	.ds-article-1-img1 {width:100%;}
	
	.ds-spc-01.ds-spc-right,
	.ds-spc-01.ds-spc-left {width:100%; margin:5% 0;}
	.ds-ct-img-mobile-width-50 img {width:50%;}
	
	.ds-spc-01-a {float:none; margin-right:0;}
}