@charset "utf-8";

.ds-font-spc01 {font-family:UtoBalsamTint;}
.ds-color-spc01 {color:#0b88a4;}
.ds-title {
	background:#518b90;
	overflow-y:hidden;
	overflow-x:hidden;
	position:relative;
}

.ds-title-bg {position:absolute; height:0; width:100%; padding-bottom:47.38%; background-position:center center; background-size:cover; background-repeat:no-repeat; top:25%; left:0;}
.ds-title-bg-01 {background-image:url(../../pages/p01/img/p01_posidstory-04.png); transition-duration:4s!important;}
.ds-title-bg-02 {background-image:url(../../pages/p01/img/p01_posidstory-05.png); transition-duration:5s!important;}

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

.ds-title h1 {
	font-size:2.8em;
	line-height:1.6;
	margin:0;
}
.ds-title h1 span {display:block;}
.ds-title h1 span:nth-of-type(2) {transition-delay:0.2s;}
.ds-title .ds-lt-width {position:relative; z-index:1;}
.ds-title .ds-ct-img {text-align:left;}
.ds-title .ds-ct-img>div {width:75%;}
.ds-title .ds-ct-img img {width:100%;}

@media all and (min-width:769px) and (max-width:1024px) { /* TABLET */
	.ds-title h1 {
		font-size:2.5em;
	}
}

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

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

.ds-article .ds-ct-img.ds-PC-only {margin:3em 0 3em 3em; float:right; max-width:50%;}
.ds-article .ds-ct-img.ds-mobile-only {margin:0 0 2em 2em; float:right; max-width:40%;}
.ds-article .ds-ct-img img {width:100%;}

.ds-spc-01 {color:#398185; margin:3em 0;}
.ds-spc-01 strong {display:block; font-size:1.3em;}
.ds-spc-01 strong:after {display:block; content:""; border-bottom:3px solid #398185; width:10em; height:0; margin:0 0 1em 0;}

.ds-spc-02 {text-align:right; margin-top:2em;}
.ds-spc-02 span {margin-left:1em; display:inline-block; vertical-align:text-bottom;}
.ds-spc-02 img {max-height:3em; width:auto; display:block;}