@charset "utf-8";
#p01_culturestory_b {background:#d4ecf2;}

.ds-color-spc01 {color:#42aba9}

/* .ds-title {box-shadow:inset 0 5px 20px -10px #000;} */
.ds-title>div {display:flex; align-items:stretch; justify-content:space-between;}
.ds-title-txt {margin-right:5%; padding:5% 0 4% 0;}

.ds-title {font-size:2.4rem; overflow:hidden;}
.ds-title h1 {display:block;}
.ds-title h1 * {display:block;}
.ds-title h1 img {height:2em}
.ds-title h1 img:nth-of-type(1) {transition-delay:.1s;}
.ds-title h1 img:nth-of-type(2) {transition-delay:.3s;}
.ds-title h1 img:nth-of-type(3) {transition-delay:.5s;}
.ds-title h1 img:nth-of-type(4) {transition-delay:.7s;}

.ds-title h1 img~img,
.ds-title h1 span+span img {margin-top:1em;}

.ds-title h1+div {margin-top:2em;}

.ds-title-txt .ds-color-spc01 strong {color:#333;}
.ds-title-txt small {font-size:0.7em}

.ds-title-img {position:relative; flex:auto;}
.ds-title-img div {position:absolute; width:80%; height:80%; bottom:0; right:0; background:url('../../pages/p01/img/p01_culturestory_b-03.png') no-repeat bottom right; background-size:contain ;}

@media all and (min-width:769px) and (max-width:1024px) { /* TABLET */
	.ds-title {font-size:2rem;}
	.ds-title-img div {width:98%; height:98%;}
}

@media all and (max-width:768px) { /* MOBILE */
	.ds-title h1 img {height:1.7em;}
	.ds-title {font-size:1.4rem;}
	
	.ds-title>div {display:block;}
	
	.ds-title-txt {display:flex; justify-content:space-between; gap:5%; align-items:flex-end; text-align:right;}
	.ds-title-img {width:100%; height:0; padding-bottom:25%;}
	.ds-title-img div {width:100%; height:100%; background-position:bottom center;}
}

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

.ds-spc-01 {display:flex; align-items:stretch; justify-content:space-between;}

.ds-spc-01a {background-repeat:no-repeat;  background-size:contain;}
.ds-spc-01a01 {flex:0 0 20%; margin-right:5%; background-image:url('../../pages/p01/img/p01_culturestory_b-04.png'); background-position:center left; }
.ds-spc-01a02 {flex:0 0 25%; margin-right:10%; background-image:url('../../pages/p01/img/p01_culturestory_b-08.png'); background-position:top 12% left; }

.ds-spc-01b {flex:auto;}
.ds-spc-01b>.ds-spc-02 {margin-bottom:8%;}

.ds-spc-02 {padding:8% 0; font-size:1.3em; font-weight:700; border-width:1px 0; border-style:solid; border-color:#555;}
.ds-spc-03 .ds-spc-02 {border:none; margin-bottom:0; padding-bottom:0;}
.ds-spc-01+div {margin:8% 0;}

@media all and (min-width:769px) and (max-width:1024px) { /* TABLET */
	.ds-spc-01a01 {flex:0 0 18%; margin-right:5%;}
	.ds-spc-01a02 {flex:0 0 23%; margin-right:5%;}
	.ds-spc-02 {font-size:1.2em;}
	
	.ds-ct-img img {max-width:640px;}
}

@media all and (max-width:768px) { /* MOBILE */
	.ds-spc-01 {display:block}
	.ds-spc-01a {position:relative; width:100%; height:0; background-position:center center; margin:5% 0;}
	.ds-spc-01a01 {padding-bottom:20%; background-image:url('../../pages/p01/img/p01_culturestory_b-04m.png');}
	.ds-spc-01a02 {padding-bottom:38%; background-image:url('../../pages/p01/img/p01_culturestory_b-08m.png');}
	
	.ds-spc-02 {font-size:1.05em;}
	.ds-spc-03 .ds-spc-02 {padding-top:0;}
}