@charset "utf-8";
/*----------------------------
	main visual
-----------------------------*/
.mv {
	position: relative;
	z-index: -1;
	aspect-ratio: 375/274;
	display: flex;
	align-items: center;
}
.mv::before {
	content: "";
	background: url(../images/news/mv_news_sp.jpg) center / 100% no-repeat;
	aspect-ratio: 750/1016;
	position: fixed;
	width: 100%;
	height: auto;
	z-index: -1;
}
.mv::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .2);
}
.mv_title_outer {
	margin-top: 3.0625rem;
	margin-left: 20px;
}
.mv_title-en {
	font-size: var(--fs-50);
	letter-spacing: 0.06em;
	font-family: var(--aoboshi);
	position: relative;
	z-index: 1;
}
.mv_title-ja {
	font-size: var(--fs-13);
	position: relative;
	z-index: 1;
}
/*----------------------------
	contents
-----------------------------*/
.sec {
	position: relative;
	z-index: 1;
	background: url(../images/common/bg_logo_repeat.png), var(--gray);
	padding: 60px 20px 95px;
	margin-bottom: 104px;
}
.sec::after {
	content: "";
	background-color: var(--white);
	width: 100%;
	height: 104px;
	position: absolute;
	bottom: -104px;
	left: 0;
}
.sec-news {
	padding: 60px 0 95px;
}
.list-news_item {
	display: flex;
	justify-content: center;
	align-items: center;
}
.list-news_item + .list-news_item {
	margin-top: 20px;
}
.list-news_item .text_outer {
	width: 82%;
	margin-right: 11px;
}
.list-news .date {
	font-size: var(--fs-13);
	line-height: 1;
	margin-bottom: 5px;
}
.list-news .text {
	font-size: var(--fs-14);
	font-weight: bold;
	line-height: 2;
}
.link-r {
	font-size: var(--fs-12);
	border: solid 1px var(--black);
	line-height: 1.75;
	border-radius: 11px;
	padding: 0 11px;
	box-sizing: border-box;
	display: inline-block;
}
.navigation_outer {
	position: absolute;
	bottom: -24px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
	font-size: var(--fs-17);
	font-weight: bold;
}
.navigation_outer .nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 11px;
	flex-wrap: wrap;
}
.navigation_outer a,
.navigation_outer .current {
	width: 48px;
	height: 48px;
	background-color: var(--black);
	color: var(--white);
	display: flex;
	justify-content: center;
	align-items: center;
}
.news_txt_box{
	transition: background-color .4s;
}
.news_txt_box:hover {
	background-color: #fff;
}
.news_txt_btn{
	transition: background-color .4s, color .4s;
}
.news_list_link {
	padding: 10px 21px;
	display: block;
}
.news_list_link:hover .news_txt_btn {
	background-color: #222;
	color: #fff;
}
.news_list_btn{
	background-color: #222;
	color: #fff;
	transition: background-color .4s;
}
.news_list_btn:hover {
	background-color: #444;
}
/*----------------------------
	media query
-----------------------------*/
@media screen and (min-width: 769px){
	.sec {
		padding: 160px 20px 216px;
		margin-bottom: 111px;
	}
	.sec::after {
		height: 111px;
		bottom: -111px;
	}
	.sec-news {
		padding: 160px 0 216px;
	}
	.list-news {
		margin-bottom: 79px;
		justify-content: space-between;
	}
	.list-news_item .text_outer {
		width: calc(100% - 5.8125rem);
	}
	.list-news .date {
		font-size: var(--fs-18);
		margin-bottom: 24px;
	}
	.list-news .text {
		font-size: var(--fs-20);
	}
	.list-news_item + .list-news_item {
		margin-top: 50px;
	}
	.link-r {
		line-height: 1;
		font-size: 1rem;
		padding: 4px 22px;
		border-radius: 1.25rem;
	}
	.news_list_link {
		padding: 33px 21px 24px;
	}
}
@media screen and (min-width: 961px){
	.mv {
		height: 473px;
		width: 100%;
	}
	.mv::before {
		background: url(../images/news/mv_news_pc.jpg) center / 100% no-repeat;
		aspect-ratio: 1920/1080;
	}
	.mv_title_outer {
		margin-top: 8rem;
		margin-left: 0;
		padding-left: 20px;
	}
}