@charset "utf-8";
.i-main .cont_h2--ja{
	letter-spacing:0;
}
@media screen and (max-width:767px){
	.cont_h2{
		height:calc(160 / var(--def-ww) * 100vw);
	}
}
/*-----------------------------------------------
 * special - lists
-------------------------------------------------*/
.specialLists{
	width:100%;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	column-gap:min(calc(40 / var(--def-ww) * 100vw),calc(40px * var(--max-percent)));
	row-gap:min(calc(32 / var(--def-ww) * 100vw),calc(32px * var(--max-percent)));
	margin:0px auto;
	background-color:rgba(255,255,255,.6);
	-webkit-backdrop-filter:blur(4px);
	backdrop-filter:blur(4px);
	padding-bottom:24px;
}
.specialList__link{
	display:block;
	width:100%;
	text-decoration:none;
	line-height:2;
}
.specialList__img{
	width:100%;
	padding-top:52.5%;
	position:relative;
	overflow:hidden;
}
.specialList__img img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.specialList__title{
	padding-top:1em;
}

@media screen and (hover:hover) and (pointer:fine){
	.specialList__img--deco,
	.specialList__img--deco span{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	.specialList__img--deco:before,
	.specialList__img--deco:after,
	.specialList__img--deco span:before,
	.specialList__img--deco span:after{
		content:'';
		position:absolute;
		background-color:var(--color-main-red);
		transition:.4s cubic-bezier(.45,.1,.42,1);
	}
	.specialList__img--deco:before{
		top:0;
		left:0;
		right:100%;
		height:2px;
	}
	.specialList__img--deco:after{
		top:0;
		bottom:100%;
		left:0;
		width:2px;
	}
	.specialList__img--deco span:before{
		top:100%;
		bottom:0;
		right:0;
		width:2px;
	}
	.specialList__img--deco span:after{
		bottom:0;
		left:100%;
		right:0;
		height:2px;
	}
	.specialList__link:hover .specialList__img--deco:before{
		right:0%;
	}
	.specialList__link:hover .specialList__img--deco:after{
		bottom:0%;
	}
	.specialList__link:hover .specialList__img--deco span:before{
		top:0%;
	}
	.specialList__link:hover .specialList__img--deco span:after{
		left:0%;
	}

	.specialList__img img{
		transition:transform .4s ease;
	}
	.specialList__link:hover .specialList__img img{
		transition-delay:.2s;
		transform:scale(105%);
	}

	.specialList__title{
		transition:color .4s ease;
	}
	.specialList__link:hover .specialList__title{
		color:var(--color-main-red);
	}
}

@media screen and (max-width:767px){
	.specialLists{
		grid-template-columns:repeat(1,1fr);
		column-gap:var(--sp-size-48);
	}
}



/*-----------------------------------------------
 * special - detail
-------------------------------------------------*/
.comArticle{
	padding-bottom:80px;
	border-bottom:1px solid #000;
}
.comTitle{
	padding:24px 0;
	position:relative;
	border-top:1px solid rgba(0,0,0,40%);
	border-bottom:1px solid rgba(0,0,0,40%);
}
.comTitle__date{
	display:inline-block;
	padding-right:24px;
	margin-bottom:14px;
	font-family:var(--font-en);
	font-size:18px;
	line-height:1;
	position:relative;
}
.comTitle__date:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:1px;
	height:24px;
	margin:auto 0;
	background-color:rgba(0,0,0,40%);
}
.comTitle__title{
	font-size:20px;
}
.comArticleIn{
	padding-top:40px;
	line-height:2;
}

@media screen and (max-width:767px){
	.newsArticle{
		padding-bottom:var(--sp-size-96);
	}
	.comTitle{
		padding:var(--sp-size-20) 0;
	}
	.comTitle__date{
		padding-right:var(--sp-size-26);
		margin-bottom:var(--sp-size-16);
		font-size:var(--sp-size-26);
	}
	.comTitle__date:after{
		height:var(--sp-size-24);
	}
	.comTitle__title{
		font-size:var(--sp-size-28);
	}
	.comArticleIn{
		padding-top:calc(56 / var(--def-ww) * 100vw);
	}
}

/*-----------------------------------------------
 * Image Modal
-------------------------------------------------*/
.imgModalImage{
	position:absolute;
	top:40px;
	left:0;
	right:0;
	bottom:40px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.imgModalImage img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}
@media screen and (max-width:767px){
	.imgModalImage{
		top:var(--sp-size-48);
		bottom:var(--sp-size-48);
	}
}


/** 
* LINK BTN
**/
.link_btn{
	padding:80px 32px 0;
	text-align:center;
}
.link_btn--link{
	display:inline-block;
	min-width:min(100%,440px);
	position:relative;
	text-decoration:none;
	padding:14px 40px;
	line-height:1.25;
	background-color:#fff;
	color:#000;
	border:1px solid #000;
	border-radius:40px;
}
.link_btn--txt{
	position:relative;
}
.link_btn--arrow{
	width:40px;
	height:1px;
	position:absolute;
	top:0;
	left:-20px;
	bottom:0;
	margin:auto 0;
	background-color:#000;
}
@media (hover:hover) and (pointer:fine){
	.link_btn--link{
		transition:.3s ease;
	}
	.link_btn--link:before{
		content:'';
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		border-radius:40px;
		opacity:0;
		transform:scale(80%);
		background-color:var(--color-main-red);
		transition:.6s ease;
	}
	.link_btn--arrow{
		transition:.3s ease .2s;
	}

	.link_btn--link:hover{
		border-color:var(--color-main-red);
	}

	.link_btn--link:hover::before{
		transform:scale(100%);
		opacity:1;
	}
	.link_btn--link:hover .link_btn--arrow{
		transform:translateX(25%);
	}
}

@media screen and (max-width:767px){
	.link_btn{
		padding:var(--sp-size-96) var(--sp-size-48) 0;
	}
	.link_btn--link{
		padding:var(--sp-size-24) var(--sp-size-48);
		border-radius:64px;
		border-width:var(--sp-size-2);
	}
	.link_btn--arrow{
		width:var(--sp-size-48);
		height:var(--sp-size-2);
		left:calc(var(--sp-size-24) * -1);
	}
}