/* ==================================================
  /news/css/news.css
  => ニュースページ用スタイルシート
　最終更新 2022.02.09
　編集者 a.kajiwara@crank-ry.com
================================================== */

/* 記事ページ
==================================================================================================== */
.news_article_content {
	width: 65.52%;
  margin: 0 auto;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.news_article_content {
		width: auto;
	}
}
.news_article_content_mainVisual {
  position: relative;
}
.news_article_content_mainVisual::before {
  content: '';
  display: block;
  padding-top: 75%;
}
.news_article_content_mainVisual > img {
  display: block;
  position: absolute;
	object-fit: cover;
	object-position: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.news_article_content_info {
	position: relative;
	margin-top: 4.69vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.news_article_content_info {
		margin-top: 11.73vw;
	}
}
.news_article_content_info_date {
	display: inline-block;
	color: #5c5b5c;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.06em;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.news_article_content_info_date {
		font-size: 3.33vw;
	}
}
.news.article.cat-project .news_article_content_info::after,
.news.article.cat-news .news_article_content_info::after {
	display: inline-block;
	background-color: #ededed;
	color: #5c5b5c;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 0.06em;
	padding: 4px 6px;
	margin-left: 10px;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.news.article.cat-project .news_article_content_info::after,
	.news.article.cat-news .news_article_content_info::after {
		font-size: 2.93vw;
		padding: 1vw 1.8vw;
		margin-left: 3.2vw;
	}
}
.news.article.cat-project .news_article_content_info::after {
	content: 'Project';
}
.news.article.cat-news .news_article_content_info::after {
	content: 'News';
}
.news_article_content_title {
	font-size: 20px;
	font-weight: 300;
  letter-spacing: 0.1em;
  line-height: 1.35;
	margin-top: 1.5vw;
	margin-bottom: 3.91vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.news_article_content_title {
		font-size: 4.8vw;
		margin-top: 3.2vw;
		margin-bottom: 7.47vw;
	}
}
.news_article_content_body {
	font-size: 15px;
	letter-spacing: 0.04em;
	line-height: 2.5;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.news_article_content_body {
		font-size: 3.73vw;
		letter-spacing: 0.04em;
		line-height: 2.2;
	}
}