@charset "utf-8";
.news{
	max-width:1920px;
	width:100%;
	position:relative;
	padding:min(calc(86 / var(--vw-min) * 100vw),86px) 6.6666% min(calc(180 / var(--vw-min) * 100vw),180px);
	z-index:3;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.news{
		padding:calc(96 / var(--vw-min) * 100vw) 6.6666% calc(192 / var(--vw-min) * 100vw);
	}
}

/* List */
.news__content{
	display:flex;
	flex-direction:column;
}
.newsLists{
	width:100%;
	max-width:min(calc(1200 / var(--vw-min) * 100vw),1200px);
	margin: 0 auto;
}
.newsLists__inner{
	display:flex;
	flex-direction:column;
	list-style:none;
	gap:min(calc(24 / var(--vw-min) * 100vw),24px);
}
.newsItem{
	width:100%;
	height:min(calc(140 / var(--vw-min) * 100vw),140px);
	background:url(../img/top/spec_bg.jpg) no-repeat center center / cover;
}
.newsItem__link{
	display:block;
	width:100%;
	height:100%;
	padding:min(calc(6 / var(--vw-min) * 100vw),6px);
	border:1px solid var(--color-black);
	text-decoration:none;
}
.newsItem__inner{
	display:flex;
	height:100%;
	flex-direction:column;
	gap:min(calc(6 / var(--vw-min) * 100vw),6px);
	border:3px solid var(--color-accent);
	padding:min(calc(18 / var(--vw-min) * 100vw),18px);
	position:relative;
	z-index:1;
}
.newsItem__inner::after{
	pointer-events:none;
	content:'';
	position:absolute;
	inset:0;
	margin:auto;
	width:min(calc(100% - min(calc(8 / var(--vw-min) * 100vw),8px)),100% - 8px);
	height:min(calc(100% - min(calc(8 / var(--vw-min) * 100vw),8px)),100% - 8px);
	border:1px solid var(--color-accent);
}
.newsItem__txt{
	display:flex;
	flex-direction:column;
	flex-grow:1;
	justify-content:space-between;
}
.newsItem__ttl{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	display:-webkit-box;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	line-height:min(calc(22.4 / var(--vw-min) * 100vw),22.4px);
	letter-spacing:min(calc(1.12 / var(--vw-min) * 100vw),1.12px);
}
.newsItem__date{
	color:var(--color-accent);
	font-size:min(calc(12 / var(--vw-min) * 100vw),12px);
	line-height:min(calc(14 / var(--vw-min) * 100vw),14px);
	letter-spacing:min(calc(0.96 / var(--vw-min) * 100vw),0.96px);
}
.newsItem__arrow{
	display:block;
	position:absolute;
	right:min(calc(16 / var(--vw-min) * 100vw),16px);
	bottom:min(calc(16 / var(--vw-min) * 100vw),16px);
	width:min(calc(28 / var(--vw-min) * 100vw),28px);
	height:min(calc(5.5 / var(--vw-min) * 100vw),5.5px);
	background:url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	transition:all 0.3s ease;
}
@media screen and (hover:hover) and (pointer:fine){
	.newsItem__link:hover .newsItem__arrow{
		transform:translateX(min(calc(5 / var(--vw-min) * 100vw),5px));
	}
}
@media screen and (max-width:768px){
	.newsItem{
		height:calc(180 / var(--vw-min) * 100vw);
	}
	.newsItem__ttl{
		font-size:calc(24 / var(--vw-min) * 100vw);
		line-height:calc(33.6 / var(--vw-min) * 100vw);
	}
	.newsItem__date{
		font-size:calc(20 / var(--vw-min) * 100vw);
	}
	.newsItem__arrow{
		right:calc(16 / var(--vw-min) * 100vw);
		bottom:calc(16 / var(--vw-min) * 100vw);
		width:calc(48 / var(--vw-min) * 100vw);
		height:calc(18 / var(--vw-min) * 100vw);
	}
}

/* Pagenation */
.pagenations{
	margin-top:min(calc(72 / var(--vw-min) * 100vw),72px);
}
.pagenationLists{
	display:flex;
	justify-content:center;
	gap:min(calc(32/ var(--vw-min) * 100vw),32px);
	margin:0 min(calc(48 / var(--vw-min) * 100vw),48px);
}
.link_pagenation{
	text-decoration:none;
	color:#FFF;
	text-align:center;
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
}
.link_pagenation.is-current{
	color:var(--color-accent);
}
@media screen and (max-width:768px){
	.pagenations{
		padding-top:calc(48 / var(--vw-min) * 100vw);
	}
	.pagenationLists{
		gap:calc(48/ var(--vw-min) * 100vw);
		margin:0 calc(56 / var(--vw-min) * 100vw);
	}
	.link_pagenation{
		font-size:calc(28 / var(--vw-min) * 100vw);
	}
}

/* Detail */
.news__contentBox{
	width:100%;
	max-width:min(calc(1200 / var(--vw-min) * 100vw),1200px);
	margin: 0 auto;
	position:relative;
	padding:min(calc(6 / var(--vw-min) * 100vw),6px);
	margin-bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
	border:1px solid var(--color-black);
	background:url(../img/top/point_bg.jpg) no-repeat center center / cover;
}
@media screen and (max-width:768px){
	.news__contentBox{
		margin-bottom:calc(24 / var(--vw-min) * 100vw);
	}
}
.news__contentBoxin{
	padding:min(calc(18 / var(--vw-min) * 100vw),18px);
	border:3px solid var(--color-accent);
	height:100%;
	position:relative;
	z-index:1;
}
.news__contentBoxin::after{
	pointer-events:none;
	content:'';
	position:absolute;
	inset:0;
	margin:auto;
	width:min(calc(100% - min(calc(8 / var(--vw-min) * 100vw),8px)),100% - 8px);
	height:min(calc(100% - min(calc(8 / var(--vw-min) * 100vw),8px)),100% - 8px);
	border:1px solid var(--color-accent);
}
.newsTitle{
	display:flex;
	flex-direction:column;
	color:#000;
	padding-top:min(calc(24 / var(--vw-min) * 100vw),24px);
	padding-bottom:min(calc(32 / var(--vw-min) * 100vw),32px);
	border-bottom:1px solid #000;
}
.newsTitle__title{
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight:700;
	line-height:1.5;
}
.newsTitle__date{
	order:-1;
	line-height:0.8;
	margin-bottom:min(calc(10 / var(--vw-min) * 100vw),10px);
	color:var(--color-accent);
}
.newsArticleIn{
	padding-top:min(calc(32 / var(--vw-min) * 100vw),32px);
	padding-bottom:min(calc(48 / var(--vw-min) * 100vw),48px);
	line-height:2;
	word-break:break-all;
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
}
.newsArticleIn img{
	max-width:100%;
	height:auto;
}
.newsArticleIn a{
	display:inline;
	word-break:break-all;
	position:relative;
	text-decoration:underline;
	transition:.3s ease;
	text-underline-offset:6px;
	color:var(--color-red);
}
.newsArticleIn a[target="_blank"]:after{
	content:'';
	display:inline-block;
	margin:0 8px 0 6px;
	width:12px;
	height:12px;
	-webkit-mask:url(../img/common/icon_blank.svg) no-repeat center / contain;
	mask:url(../img/common/icon_blank.svg) no-repeat center / contain;
	background-color:var(--color-red);
	transition:.3s ease;
}
.newsArticleIn a:hover{
	color:var(--color-accent);
}
.newsArticleIn a:hover::after{
	background-color:var(--color-accent);
}
.newsArticleIn iframe{
	max-width:100%;
	border:unset;
}
@media screen and (max-width:768px){
	.newsTitle{
		padding-bottom:calc(32 / var(--vw-min) * 100vw);
		border-bottom-width:calc(2 / var(--vw-min) * 100vw);
	}
	.newsTitle__title{
		font-size:calc(30 / var(--vw-min) * 100vw);
		line-height:1.8;
	}
	.newsTitle__date{
		font-size:calc(26 / var(--vw-min) * 100vw);
		font-weight:500;
		margin-bottom:calc(16 / var(--vw-min) * 100vw);
	}
	.newsArticleIn{
		padding-top:calc(32 / var(--vw-min) * 100vw);
	}
	.newsArticleIn a{
		text-underline-offset:calc(8 / var(--vw-min) * 100vw);
	}
	.newsArticleIn a[target="_blank"]:after{
		width:calc(20 / var(--vw-min) * 100vw);
		height:calc(20 / var(--vw-min) * 100vw);
		margin:0 calc(8 / var(--vw-min) * 100vw);
	}
	.newsArticleIn iframe{
		width:100%;
		height:calc(296 / var(--vw-min) * 100vw);
	}
}

.moreBtnWrap .moreBtn .moreBtn__arrow.-back{
	right: unset;
	left: min(calc(25.5 / var(--vw-min) * 100vw), 25.5px);
}
@media (hover:hover) and (pointer:fine){
	.moreBtnWrap .moreBtn:hover .moreBtn__arrow.-back{
		transform: translateX(max(calc(-10 / var(--vw-min) * 100vw),-10px));
	}
}



.pagenations{
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
}
.pager__navWrap{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	pointer-events: none;
	display:flex;
	justify-content:center;
}
.pager__nav.moreBtn{
	width:min(calc(56 / var(--vw-min) * 100vw),56px)!important;
	height:min(calc(56 / var(--vw-min) * 100vw),56px)!important;
	pointer-events: auto;
}
@media screen and (max-width:768px){
	.pager__nav.moreBtn{
		width:calc(96 / var(--vw-min) * 100vw)!important;
		height:calc(96 / var(--vw-min) * 100vw)!important;
	}
}
.pager__nav.moreBtn a{
	width:100%;
	height:100%;
	pointer-events: auto;
	display: flex;
	justify-content: center;
    align-items: center;
	z-index: 1;
	position: relative;
}
.pager__nav.moreBtn .moreBtn__arrow{
	display: block;
	position: relative;
	top:unset;
	left: unset;
	right: unset;
	bottom: unset;
}
.moreBtn__arrow.-back{
	background: url(../img/common/btn_arrow_back.svg) no-repeat center center / contain;
}
@media (hover:hover) and (pointer:fine){
	.pager__nav.moreBtn:hover .moreBtn__arrow.-back{
		transform: translateX(max(calc(-5 / var(--vw-min) * 100vw),-5px));
	}
	.pager__nav.moreBtn:hover .moreBtn__arrow{
		transform: translateX(min(calc(5 / var(--vw-min) * 100vw),5px));
	}
}