/* ==============================
//  リセット
============================== */
:where(.main-area) *,
:where(.main-area) *::before,
:where(.main-area) *::after {
	box-sizing: border-box;
}
@media (min-width: 768px) {
	.main-area {
		max-width: 1600px;
		min-width: initial;
		margin: 0 auto;
	}
	.main-area .main-inner {
		max-width: initial;
		width: initial;
		margin: 0 auto 0;
	}
}
/* ==============================
//  NEWS共通
============================== */
.news-title {
	font-size: 4.2rem;
	font-size: min(42*100vw/1400, 42px);
	line-height: 1.425;
	font-weight: var(--fw-regular);
	font-family: var(--font-en);
	color: var(--color-black);
	text-align: center;
	padding-bottom: 4rem;
	padding-bottom: min(40*100vw/1400, 40px);
}
.news-link {
	margin: 9rem 0;
	margin: min(85*100vw/1400, 85px) 0;
	text-align: center;
}
.news-link > a {
	margin: 0 auto;
	font-size: 1.4rem;
	font-size: min(14*100vw/1400, 14px);
	line-height: 1;
	font-weight: var(--fw-regular);
	font-family: var(--font-ja);
	color: #151515;
}
.news-arrow > a::before {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: var(--color-black);
	bottom: 0;
	left: 0;
}
.news-arrow > a:hover::before {
	animation: underbar 0.5s;
}
@keyframes underbar {
	0% {width: 100%;}
	1% {width: 1px;}
	100% {opacity: 100%;}
}
.news-arrow > a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	column-gap: min(17*100vw/1400, 17px);
	padding-bottom: min(10*100vw/1400, 10px);
}
.news-arrow--left > a {
	flex-direction: row-reverse;
}
.news-arrow--right > a {
	flex-direction: row;
}
.news-arrow > a::after {
	position: relative;
	content: "";
	display: inline-block;
	width: .5rem;
	width: min(5*100vw/1400, 5px);
	height: 1rem;
	height: min(10*100vw/1400, 10px);
	background-size: cover;
	background-repeat: no-repeat;
}
.news-arrow--left > a::after {
	background-image: url(../Img/arrow--left.png);
}
.news-arrow--right > a::after {
	background-image: url(../Img/arrow--right.png);
}
@media (max-width: 767px) {
	.news-title {
		font-size: calc(84*100vw/750);
		padding-bottom: calc(40*100vw/750);
	}
	.news-link {
		margin: calc(150*100vw/750) 0;
	}
	.news-link > a {
		font-size: calc(28*100vw/750);
	}
	.news-arrow > a {
		column-gap: calc(34*100vw/750);
		padding-bottom: calc(20*100vw/750);
	}
	.news-arrow > a::after {
		width: calc(10*100vw/750);
		height: calc(20*100vw/750);
	}
}
/* ==============================
//  NEWS一覧ページ
============================== */
.news-list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0 , 1fr));
	gap: min(40*100vw/1400, 40px) min(20*100vw/1400, 20px);
	padding: 0 min(30*100vw/1400, 30px) min(40*100vw/1400, 40px);
}
.news-list__item-link {
	display: block;
	border: 1px solid var(--color-bg-1);
}
.news-list__item-img {
	width: 100%;
	aspect-ratio: var(--news-thumbnail-aspectratio);
	object-fit: var(--news-thumbnail-objectfit);
}
.news-list__item-date {
	display: inline-block;
	margin-top: min(10*100vw/1400, 10px);
	font-size: min(10*100vw/1400, 10px);
	line-height: 1.4;
	letter-spacing: .025em;
	font-weight: var(--fw-light);
	font-family: var(--font-ja);
	color: var(--color-black);
}
.news-list__item-title {
	font-size: min(12*100vw/1400, 12px);
	line-height: 1.4;
	letter-spacing: .025em;
	font-weight: var(--fw-regular);
	font-family: var(--font-ja);
	color: var(--color-black);
}
@media (min-width: 768px) {
	.news-list {
		width: var(--inner-width);
		margin: 0 auto min(40*100vw/1400, 40px);
	}
}
@media (max-width: 767px) {
	.main-area {
		padding-top: 0;
	}
	.news-list {
		grid-template-columns: repeat(3, minmax(0,1fr));
		padding: 0 calc(30*100vw/750) calc(120*100vw/750);
		gap: calc(60*100vw/750) calc(20*100vw/750);
	}
	.news-list__item-date {
		margin-top: calc(20*100vw/750);
		font-size: calc(18*100vw/750);
		letter-spacing: .05em;
	}
	.news-list__item-title {
		font-size: calc(22*100vw/750);
	}
}
/* ==============================
//  NEWS詳細
============================== */
.news-detail {
	border-top: 1px solid #e4e4e4;
}
.news-detail_container {
	position: relative;
	width: min(640*100vw/1400, 640px);
	margin: 4rem auto 0;
	margin: min(40*100vw/1400, 40px) auto 0;
	padding-top: min(30*100vw/1400, 30px);
	font-size: min(14*100vw/1400, 14px);
	margin-bottom: min(90*100vw/1400, 90px);
	font-weight: var(--fw-regular);
	font-family: var(--font-ja);
}
.news-detail-date {
	position: absolute;
	top: 0;
	left: max(-170*100vw/1400, -170px);
	display: inline-block;
	font-size: min(16*100vw/1400, 16px);
	padding-top: min(30*100vw/1400, 30px);
	border-top: 2px solid #000;
}
.news-detail-title {
	font-size: min(30*100vw/1400, 30px);
	line-height: 1.25;
	margin-bottom: min(30*100vw/1400, 30px);
	padding-bottom: min(35*100vw/1400, 35px);
	font-weight: var(--fw-medium);
	border-bottom: 1px solid #e4e4e4;
}
.news-detail-img {
	width: 100%;
}
.news-detail-lead {
  line-height: 1.7;
}
.news-detail-link {
	position: relative;
  display: inline-block;
  font-size: min(14 * 100vw / 1400, 14px);
  line-height: 1;
  font-weight: var(--fw-regular);
  font-family: var(--font-ja);
  color: #151515;
}
@media (max-width: 767px) {
	.news-detail_container {
		width: calc(690*100vw/750);
		margin-top: calc(0*100vw/750);
		padding-top: calc(30*100vw/750);
		font-size: calc(26*100vw/750);
		margin-bottom: 0;
	}
	.news-detail-date {
		position: relative;
		top: 0;
		left: 0;
		font-size: calc(20*100vw/750);
		padding-top: 0;
		border-top: 0;
		margin-bottom: calc(10*100vw/750);
	}
	.news-detail-title {
		font-size: calc(48*100vw/750);
		margin-bottom: calc(30*100vw/750);
		padding-bottom: calc(30*100vw/750);
	}
	.news-detail-link {
		font-size: calc(28*100vw/750);
	}
}
/* ==============================
//  NEWSアーカイブ
============================== */
.news-archive {
	display: flex;
	flex-direction: column;
	width: min(960*100vw/1400, 960px);
	margin: 9rem auto 0;
}
.news-archive__item {
	border-bottom: 1px solid #e4e4e4;
}
.news-archive__item:first-of-type {
	border-top: 1px solid #e4e4e4;
}
.news-archive__item-link {
	display: flex;
	column-gap: min(50*100vw/1400, 50px);
	width: 100%;
	height: 100%;
	padding: 3rem 0;
	padding: min(30*100vw/1400, 30px) min(20*100vw/1400, 20px);
}
.news-archive-title {
	padding-top: min(15*100vw/1400, 15px);
	font-size: min(24*100vw/1400, 24px);
	margin-bottom: min(20*100vw/1400, 20px);
	font-family: var(--font-ja);
}
.news-archive__item-date {
	font-size: min(12*100vw/1400, 12px);
	font-weight: var(--fw-regular);
	font-family: var(--font-ja);
}
.news-archive__item-title {
	font-size: min(20*100vw/1400, 20px);
	line-height: 1.5;
	margin-top: min(10*100vw/1400, 10px);
	font-weight: var(--fw-bold);
	font-family: var(--font-ja);
}
.news-archive__item-lead {
	font-size: min(14*100vw/1400, 14px);
	margin-top: min(15*100vw/1400, 15px);
	line-height: 1.7;
	font-family: var(--font-ja);
}
@media (max-width: 767px) {
	.news-archive {
		width: calc(690*100vw/750);
		margin: calc(150*100vw/750) auto 0;
	}
	.news-archive__item {
		border-left: 0;
	}
	.news-archive__item-link {
		display: inline-block;
		column-gap: 0;
		padding: calc(40*100vw/750) 0;
	}
	.news-archive-title {
		padding-top: 0;
		font-size: calc(48*100vw/750);
		margin-bottom: calc(30*100vw/750);
	}
	.news-archive__item-date {
		font-size: calc(20*100vw/750);
	}
	.news-archive__item-title {
		margin-top: calc(20*100vw/750);
		font-size: calc(32*100vw/750);
	}
	.news-archive__item-lead {
		margin-top: calc(20*100vw/750);
		font-size: calc(26*100vw/750);
	}
}