@charset "utf-8";

.ds-font-spc01 {font-family:'IropkeBatang';}
.ds-color-spc01 {color:#0b88a4;}
.ds-color-spc02 {color:#584f96;}
.ds-color-spc03 {color:#0b88a4;}
.ds-title {
	background:#e9ecf7;
	overflow-y:hidden;
	overflow-x:visible;
	position:relative;
}

.ds-title>div {position:relative; }

.ds-title>div>.ds-title-bg {position:absolute; height:0; width:30%; padding-bottom:30%; margin:0; background-position:center center; background-size:cover; background-repeat:no-repeat; top:-3%; left:-10%; z-index:0;}
.ds-title-bg-01 {background-image:url(../../pages/p01/img/p01_peoplestory_b-00.png);}

.ds-title>div>div {
	margin:8% 0;
	position:relative;
	z-index:1;
}
@media all and (min-width:769px) {
	.ds-title>div>div>div {
		display:flex; justify-content:space-between; align-items:stretch; gap:5%;
	}

	.ds-spc-01 {display:flex; justify-content:space-between; align-items:stretch; flex-direction:column;}
	.ds-spc-02 {flex:0 0 40%;}
}

@media all and (min-width:769px) and (max-width:1024px) { /* TABLET */
	
}
.ds-ct h2,
.ds-spc-01 div {color:#584f96; margin-top:5%;}
.ds-spc-02 .ds-ct-img {margin:0;}
/* .ds-spc-02 img {max-width:500px;} */
.ds-spc-01 {margin-bottom:3em;}
.ds-title h1 {
	font-size:2.7em;
	line-height:1.5;
	margin:0;
}
.ds-title h1>* {
	display:block;
} 
.ds-title h1 small {
	font-size:0.6em;
}
@media all and (min-width:769px) and (max-width:1024px) { /* TABLET */
	.ds-title h1 {
		font-size:2.4em;
	}
}

@media all and (max-width:768px) { /* MOBILE */
	.ds-title h1 {
		font-size:1.8em;
	}
}

.ds-article>div>div {margin:8% 0;}

.ds-ct h2 {font-size:1.5em; margin:8% 0 1em 0;}

@media all and (min-width:769px) { /* PC */
	.ds-ct-img.ds-spc-03,
	.ds-ct-img.ds-spc-04 {float:right; max-width:40%; margin:0 0 0 5%;}
}

@media all and (max-width:768px) { /* Mobile */
	.ds-ct-img.ds-spc-03 img {width:90%;}
	.ds-ct-img.ds-spc-04 img {width:60%;}
}