@charset "UTF-8";

/* ---------------------------------------------------

	Layout - Second Page
	News
	/news/

--------------------------- */

/* ---------------------------------------------------

	Common

--------------------------- */
@media (min-width: 751px) {
.s_news .wrap {
	max-width: 1500px;
	padding-left: 70px;
	}
#news_index .wrap { margin-top: 100px; }
.s_news .mainblock,
.s_news .sidenav {
	padding-bottom: 0;
	padding-top: 0;
	}
.s_news .mainblock { max-width: unset; }
#news_detail .intro.child {
	padding-bottom: 50px;
	padding-top: 180px;
	}
}
/* ------------------------ */
@media (min-width: 751px) and (max-width: 1220px) {
.s_news .sidenav { margin-top: 100px; }
}
/* ------------------------ */
@media (max-width: 750px) {
#news_index .wrap { padding-top: 80px; }
#news_detail .intro.child {
	padding-bottom: 40px;
	padding-top: 130px;
	}
#news_detail .wrap { padding-top: 0; }
}

/* ---------------------------------------------------

	Detail

--------------------------- */
/* Title Area */
.nwsdetail .ttlarea .dataarea { padding-bottom: 20px; }
.nwsdetail .ttlarea .dataarea span.data {
	font-size: min(6vw, 20px);
	margin-right: 15px;
	}
.nwsdetail .ttlarea .dataarea span.cat {
	color: rgb(255 255 255);
	font-size: min(4vw, 16px);
	padding: 5px 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	}
.nwsdetail .ttlarea .dataarea span.cat.c1 { background-color: rgb(50 90 225); }
.nwsdetail .ttlarea .dataarea span.cat.c2 { background-color: rgb(33 171 79); }
.nwsdetail .ttlarea .dataarea span.cat.c3 { background-color: rgb(228 33 33); }
.nwsdetail .ttlarea .dataarea span.cat.c4 { background-color: rgb(228 33 149); }
.nwsdetail .ttlarea .ttl {
	color: rgb(50 90 225);
	font-family: 'Zen Antique Soft', serif;
	line-height: 1.5;
	font-size: min(6.5vw, 40px);
	font-weight: 500;
	}
/* ------------------------ */
/* Body Area */
.nwsdetail .bodyarea { margin-top: 40px; }
.nwsdetail .bodyarea .excerpt {
	background-color: rgb(0 0 0 / .1);
	position: relative;
	border-radius: 20px;
	}
.nwsdetail .bodyarea .excerpt:before {
	color: rgb(0 0 0 / .2);
	content: '“';
	font-family: 'Zen Antique Soft', serif;
	font-size: min(15vw, 100px);
	line-height: 1;
	position: absolute;
	}
.nwsdetail .bodyarea .excerpt p {
	font-size: min(4vw, 18px);
	text-align: justify;
	}
.nwsdetail .bodyarea .excerpt .source {
	font-size: min(4vw, 15px);
	line-height: 1.35;
	}
.nwsdetail .bodyarea .point .ttl {
	background: transparent linear-gradient(101deg, rgba(34, 145, 214, 1) 0%, rgba(49, 88, 224, 1) 100%) 0% 0% no-repeat padding-box;
	color: rgb(255 255 255);
	font-family: 'Zen Antique Soft', serif;
	font-size: min(6vw, 30px);
	line-height: 1.25;
	font-weight: 500;
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	}
.nwsdetail .bodyarea .point .txt {
	border-top: 3px solid rgba(49, 88, 224, 1);
	font-size: min(5vw, 18px);
	line-height: 2;
	position: relative;
	text-align: justify;
	}
.nwsdetail .bodyarea .point .txt b { background: linear-gradient(transparent 50%, rgba(255, 245, 0, 1) 50%); }
.nwsdetail .bodyarea .maintenance {
	font-size: min(5vw, 18px);
	padding: 20px;
	text-align: left;
	}
.nwsdetail .bodyarea .more { text-align: center; }
.nwsdetail .bodyarea .more a {
	background: transparent linear-gradient(101deg, rgba(34, 145, 214, 1) 0%, rgba(49, 88, 224, 1) 100%) 0% 0% no-repeat padding-box;
	color: rgb(255 255 255);
	font-size: min(6vw, 20px);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	}
.nwsdetail .bodyarea .more a:after {
	content: '▶';
	display: inline-block;
	font-size: 70%;
	margin-left: 10px;
	}
.nwsdetail .bodyarea a {
	color: rgb(50 90 225);
	font-weight: 700;
	}
@media (min-width: 751px) {
.nwsdetail .bodyarea .excerpt { padding: 30px 40px; }
.nwsdetail .bodyarea .excerpt:before {
	left: -20px;
    top: -30px;
	}
.nwsdetail .bodyarea .excerpt .source { margin-top: 15px; }
.nwsdetail .bodyarea .point { margin-top: 30px; }
.nwsdetail .bodyarea .point .ttl {
	padding: 10px 30px;
	border-radius: 100px;
	}
.nwsdetail .bodyarea .point .txt {
	margin-top: -30px;
	padding-left: 30px;
	padding-top: 40px;
	}
.nwsdetail .bodyarea .more { margin-top: 40px; }
.nwsdetail .bodyarea .more a {
	padding: 15px 100px;
	transition: all .3s;
	}
.nwsdetail .bodyarea .more a:hover { transform: scale(1.1); }
}
@media (max-width: 750px) {
.nwsdetail .bodyarea .excerpt { padding: 20px 25px; }
.nwsdetail .bodyarea .excerpt:before {
	left: -10px;
    top: -15px;
	}
.nwsdetail .bodyarea .excerpt .source { margin-top: 15px; }
.nwsdetail .bodyarea .point { margin-top: 30px; }
.nwsdetail .bodyarea .point .ttl {
	margin-left: -20px;
	padding: 10px 40px 10px 20px;
	border-radius: 0 100px 100px 0;
	}
.nwsdetail .bodyarea .point .txt {
	margin-top: -40px;
	padding: 60px 20px 20px;
	}
.nwsdetail .bodyarea .more { margin-top: 20px; }
.nwsdetail .bodyarea .more a { padding: 15px 40px; }
}