@charset "utf-8";

.ds-color-spc01 {color:#0b88a4;}
.ds-title {
	background:#eaf3f9;
	overflow-y:hidden;
	overflow-x:visible;
	position:relative;
}

.ds-title>div>div {
	margin:8% 0;
	display:flex; justify-content:center; align-items:center;
}

.ds-title h1 {
	width:45%; height:0; position:relative; margin:0; padding-bottom:14.08%;
}
.ds-title h1 img {
	position:absolute;
}
.ds-title h1 img:nth-of-type(1) {width:33%; left:0; top:10%; height:auto; transition-delay:0.s!important;}
.ds-title h1 img:nth-of-type(2) {width:40%; left:13%; bottom:15%; height:auto; transition-delay:0.6s!important;}
.ds-title h1 img:nth-of-type(3) {height:100%; right:0; top:0; width:auto; transition-delay:0.3s!important; transition-duration:3s!important;}

@media all and (min-width:769px) and (max-width:1024px) { /* TABLET */
	.ds-title h1 {
		width:50%; padding-bottom:15.64%;
	}
}

@media all and (max-width:768px) { /* MOBILE */
	.ds-title h1 {
		width:60%; padding-bottom:18.77%;
	}
}

.ds-article>div>ul {margin-bottom:8%;}
.ds-news {display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
.ds-news-ord {flex:0 0 100%; display:flex; align-items:center; justify-content:space-between; gap:3%; line-height:1; color:#fff; margin:8% 0 5% 0;}
.ds-news-ord:before,
.ds-news-ord:after {content:""; flex:auto; border-bottom:1px solid #333;}
.ds-news-ord span {border-radius:50%; font-size:1.6em; display:flex; width:2.3em; height:2.3em; background:#333; justify-content:center; align-items:center;}
.ds-news-img {flex:0 0 49%; margin:0; font-size:0.9em; line-height:1.4;}
.ds-news-img img {display:block;}
.ds-news-img figure {margin:0; text-align:center;}
.ds-news-img figure~figure {margin-top:1em;}
.ds-news-img figcaption {margin-top:0.5em;}

.ds-news-txt {flex:0 0 49%; font-size:1.7rem;}
.ds-news-txt h2{margin-top:0; font-size:1.3em; word-break:keep-all;}


@media all and (min-width:769px) and (max-width:1024px) { /* TABLET */
	.ds-news-ord span {font-size:1.5em;}
	.ds-news-img {flex:0 0 45%; margin:0; font-size:0.9em; line-height:1.4;}
	.ds-news-txt {flex:0 0 53%; font-size:1.6rem;}
}

@media all and (max-width:768px) { /* MOBILE */
	.ds-news-ord span {font-size:1.3em;}
	.ds-news {display:block;}
	.ds-news-txt {font-size:1.5rem;}
	.ds-news-txt h2{margin:1em 0; font-size:1.1em; line-height:1.5;}
}