@charset "utf-8";

.ds-font-spc01 {font-family:UtoBalsamTint;}
.ds-color-spc01 {color:#0b88a4;}
.ds-title {
	background:#9ed0db;
	overflow-y:hidden;
	overflow-x:visible;
}

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


.ds-title h1 {
	color:#0e758a;
	font-size:4em;
	line-height:1;
	margin:0;
}
.ds-title h1 span{display:block;}
.ds-title h1 strong {font-weight:900; color:inherit;}
.ds-title h1 strong strong {font-size:1.5em;}

.ds-ct img {width:100%; height:auto;}

.ds-spc-00 {position:relative;}
.ds-spc-00-a {font-size:0; position:absolute; bottom:100%; right:0; max-width:40%;}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate.ds-spc-00-a {opacity:0.5}

.ds-spc-00-b {position:absolute; top:5%; left:5%; font-size:3.5em; color:#fff; line-height:1.2;}
.ds-spc-00-b strong {color:inherit;}
.ds-spc-00-b span {display:block;}

.ds-spc-00 figure{margin-top:4%;}
.ds-title blockquote {margin:0; max-width:1156px; margin:auto;}
.ds-title blockquote p {margin:0;}
.ds-title blockquote:before{content:open-quote;}
.ds-title blockquote:after{content:close-quote; margin-top:0.5em;}
	
.ds-title blockquote:before,
.ds-title blockquote:after{display:block; text-align:center; font-size:4em; font-family:serif; line-height:1;}
.ds-title blockquote p:nth-of-type(1){margin-top:0;}

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

@media all and (max-width:768px) { /* MOBILE */
	.ds-title h1 {
		font-size:2em;
		letter-spacing:-1px;
	}
	.ds-spc-00-b {top:5%; left:5%; font-size:1.7em;}
}

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

.ds-spc-01{margin:5% 0; line-height:1.5; display:flex; justify-content:space-evenly; align-items:center; font-size:3em; white-space:nowrap; flex-wrap:wrap; gap:0 5%;}
.ds-spc-01 span:before{content:"#"; font-style:italic}
.ds-spc-01 span:nth-of-type(1){transition-delay:0.6s;}
.ds-spc-01 span:nth-of-type(2){transition-delay:0.3s;}
.ds-spc-01 span:nth-of-type(3){transition-delay:0.1s;}
.ds-spc-01 span:nth-of-type(4){transition-delay:0.4s;}

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

@media all and (max-width:768px) { /* MOBILE */
	.ds-spc-01{font-size:1.5em;}
}

.ds-spc-02 {display:flex; justify-content:center; gap:0 3%; align-items:stretch;}
.ds-spc-02>div{flex:0 0 35%;}
.ds-spc-02>div:nth-of-type(1){transition-delay:0.0s;}
.ds-spc-02>div:nth-of-type(2){transition-delay:0.5s;}

@media all and (max-width:1024px) { /* MOBILE */
	.ds-spc-02 {justify-content:space-evenly; gap:0;}
	.ds-spc-02>div{flex:0 0 45%;}
}