@charset 'utf-8';

/* common
------------------------------------------------ */
.bnrs-1 { padding-top: 0; }

@media screen and (max-width: 768px) {
	.title-page { margin-bottom: 32px; background-image: url(../../img/news/title.jpg); }
}

@media screen and (min-width: 769px) {
	.title-page { background-image: url(../../img/news/title-pc.jpg); }
}

/* news
------------------------------------------------ */
.news-lead { margin-bottom: 18px; font-size: 1.4rem; line-height: 2; }

@media screen and (min-width: 769px) {
	.news-lead { margin-bottom: 48px; font-size: 1.6rem; line-height: 1.75; }
}

/* latest
------------------------------------------------ */
.news-latest { position: relative; }

@media screen and (max-width: 768px) {
	.news-latest { margin: 0 20px; }
}

/* archive
------------------------------------------------ */
.news-archive { position: relative; }
.news-archive-categories { position: relative; }
.news-archive-block { position: relative; }
.news-archive-block--title { margin-bottom: 8px; font-size: 2rem; font-weight: 500; line-height: 1.4; }

@media screen and (max-width: 768px) {
	.news-archive { margin: 60px 20px 40px; }
	.news-archive-block { margin-top: 40px; }
	.news-archive-block:first-child { margin-top: 0; }
}

@media screen and (min-width: 769px) {
	.news-archive { margin: 80px auto; }
	.news-archive-categories { display: flex; flex-wrap: wrap; }
	.news-archive-block { margin: 80px 6.6666% 0 0; width: 46.6667%; }
	.news-archive-block:nth-of-type(-n+2) { margin-top: 0; }
	.news-archive-block:nth-of-type(2n) { margin-right: 0; }
	.news-archive-block--title { margin-bottom: 12px; }
}

/* detail
------------------------------------------------ */
.news-detail { position: relative; }
.news-detail-hd { position: relative; margin-bottom: 34px; }
.news-detail-base { display: flex; align-items: center; margin-bottom: 8px; }
.news-detail-cat { display: flex; margin: -6px 12px 0 -6px; }
.news-detail-cat > i { display: inline-block; margin: 6px 0 0 6px; padding: 3px 6px; background-color: #6299d8; vertical-align: top; font-size: 1.4rem; font-style: normal; line-height: 1.2; color: #fff; }
.news-detail-date { font-size: 1.4rem; line-height: 1.2; }
.news-detail-title { font-size: 1.7rem; font-weight: 500; line-height: 1.3529; }
.news-detail-content { position: relative; font-size: 1.4rem; line-height: 2; }
.news-detail-content > * + * { margin-top: 1.3529em; }
.news-detail-content p:not(:last-child) { margin-bottom: 1.3529em; }
.news-detail-content h2 { display: inline; position: relative; background: linear-gradient(to right, rgba(255,255,255,0) 50%, rgb(226,237,240) 50%) repeat-x left -100% bottom; background-size: 200% 10px; vertical-align: top; font-size: 1.6rem; font-weight: 700; line-height: 1.5; }
.news-detail-content .block { clear: both; margin-top: 60px; }
.news-detail-content .block::before,
.news-detail-content .block::after { content: ' '; display: table; }
.news-detail-content .block::after { clear: both; }
.news-detail-content .block:first-child { margin-top: 0; }
.news-detail-content .photo { position: relative; margin-bottom: 20px; }
.news-detail-content .photo:last-child { margin-bottom: 0; }
.news-detail-index { position: relative; margin-top: 50px; border-top: 2px solid #3A80CE; border-bottom: 2px solid #3A80CE; }
.news-detail-index:first-child { margin-top: 0; }
.news-detail-index + .block { margin-top: 34px; }
.news-detail-index--title { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); padding: 0 6px; background-color: #fff; font-size: 1.8rem; font-weight: 500; line-height: 1.2; color: #3A80CE; }
.news-detail-index__content { position: relative; }
.news-detail-index__lists { counter-reset: index; position: relative; }
.news-detail-index__lists--item { counter-increment: index; position: relative; border-bottom: 1px solid #ccc; font-size: 1.6rem; font-weight: 500; line-height: 1.2; }
.news-detail-index__lists--item:last-child { border-bottom: none; }
.news-detail-index__lists--item > a { display: block; position: relative; padding: 16px 12px 16px 36px; text-decoration: none; }
.news-detail-index__lists--item > a::before { content: counter(index)'.'; position: absolute; top: 16px; left: 12px; }

@media screen and (max-width: 768px) {
	.news-detail { margin: 0 20px; }
}

@media screen and (min-width: 769px) {
	.news-detail { margin-bottom: 80px; }
	.news-detail-hd { margin-bottom: 52px; }
	.news-detail-base { margin-bottom: 10px; }
	.news-detail-title { font-size: 3.4rem; }
	.news-detail-content { font-size: 1.6rem; line-height: 1.75; }
	.news-detail-content h2 { font-size: 2.2rem; }
	.news-detail-content .block { margin-top: 64px; }
	.news-detail-content .photo { margin-bottom: 30px; }
	.news-detail-content .photo-l { float: left; margin-right: 30px; width: 47.5%; }
	.news-detail-content .photo-r { float: right; margin-left: 30px; width: 47.5%; }
	.news-detail-content .photo-l + .photo-r { margin-left: 0; }
	.news-detail-content .photo-l + .photo-r + p { clear: both; }
	.news-detail-index { margin-top: 60px; }
}

/* related
------------------------------------------------ */
.news-related { margin: 25px 0; }

@media screen and (max-width: 768px) {
	.news-related > .wrap { padding: 0 20px; }
}

@media screen and (min-width: 769px) {
	.news-related { margin: 60px 0; }
}