/** @format */

@charset "utf-8";
/*  news.css
---------------------------------------------- */

/*  pc
---------------------------------------------- */

/* common */
#news #pagehead .pagehead__ttl::before {
	color: #26bde2;
}
#news #pagehead .pagehead__ttl span::before {
	background-color: #26bde2;
}

/*  lists ------------------------ */

/* newslist */
#newslist {
	padding: 60px 0;
}
#newslist .inner .newslist__lists .item a {
	display: block;
	padding: 20px 30px;
	border-bottom: 1px solid #707070;
	font-size: 1.6rem;
	transition: 0.3s;
}
#newslist .inner .newslist__lists .item:first-child a {
	border-top: 1px solid #707070;
}
#newslist .inner .newslist__lists .item a:hover {
	opacity: 0.7;
	transition: 0.3s;
}
#newslist .inner .newslist__lists .item .date {
	display: block;
	margin-bottom: 10px;
	color: #26bde2;
	font-family: "objektiv-mk1", sans-serif;
	font-weight: 700;
}
#newslist .inner .newslist__lists .item .ttl {
	display: block;
	font-weight: 500;
	line-height: 2.8rem;
}

/*  detail ------------------------ */

/* detail */
#detail {
	padding: 60px 0;
}
#detail .detail__head {
	padding-bottom: 20px;
	border-bottom: 1px solid #dfdfdf;
}
#detail .detail__head .detail__head_time {
	display: block;
	margin-bottom: 10px;
	color: #26bde2;
	font-size: 1.6rem;
	font-family: "objektiv-mk1", sans-serif;
	font-weight: 700;
}
#detail .detail__head .detail__head_ttl {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 4rem;
}
#detail .detail__txt {
	margin-top: 30px;
	font-size: 1.6rem;
	line-height: 2.7rem;
}
#detail .inner h2 {
	font-size: 1.8rem;
    font-weight: 600;
    line-height: 3.2rem;
	margin-top: 8px;
}
#detail .inner p {
	margin-top: 30px;
	font-size: 1.6rem;
	line-height: 2.7rem;
}
#detail .inner a {
	color: #00689d;
	text-decoration: underline;
	margin-top: 30px;
	font-size: 1.6rem;
	line-height: 2.7rem;
}
#detail .inner .img-box {
	margin: 8px 0;
	text-align: center;
}

/*  mobile & smart phone
---------------------------------------------- */
@media only screen and (max-width: 959px) {
	/*  lists ------------------------ */

	/* newslist */
	#newslist {
		padding: 30px 0;
	}
	#newslist .inner .newslist__lists .item a {
		padding: 20px 4%;
		font-size: 1.4rem;
	}
	#newslist .inner .newslist__lists .item .date {
		margin-bottom: 10px;
	}

	/*  detail ------------------------ */

	/* detail */
	#detail .detail__head .detail__head_time {
		font-size: 1.4rem;
	}
	#detail .detail__head .detail__head_ttl {
		font-size: 1.8rem;
		line-height: 3.2rem;
	}
	#detail .detail__txt {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
}
