@charset "utf-8";
/*-----------------------------------------------
 * news - lists
-------------------------------------------------*/
.newsLists{
	width:100%;
	border-top:1px solid rgba(0,0,0,40%);
}
.newsList{
	width:100%;
	position:relative;
	border-bottom:1px solid rgba(0,0,0,40%);
}
.newsList__link{
	display:block;
	color:#000;
	text-decoration:none;
	padding:24px 12px 24px 32px;
	background-color:rgba(255,255,255,.6);
	-webkit-backdrop-filter:blur(4px);
	backdrop-filter:blur(4px);
}
.newsList__linkIn{
	position:relative;
	display:flex;
	align-items:center;
}
.newsDate{
	flex-shrink:0;
	font-family:var(--font-en);
	line-height:1.25;
	text-align:center;
	padding-right:32px;
	letter-spacing:0.125em;
	position:relative;
}
.newsDate:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:1px;
	height:24px;
	margin:auto 0;
	background-color:#000;
}
.newsList__title{
	width:100%;
	position:relative;
	line-height:2;
	padding-right:120px;
	padding-left:30px;
}
.newsList__arrow{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:60px;
}
.newsList__arrow--circle{
	width:40px;
	height:40px;
	border-radius:50%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	display:block;
	margin:auto 0;
}
.newsList__arrow--circle:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-radius:50%;
	border:1px solid rgba(0,0,0,40%);
}
.newsList__arrow--circle:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-radius:50%;
	transform:scale(50%);
	opacity:0;
	background-color:var(--color-main-red);
}
.newsList__arrow--line{
	width:66.6667%;
	height:1px;
	background-color:#000;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto 0;
}

@media (hover:hover) and (pointer:fine){
	.newsList__title{
		transition:.4s ease;
	}
	.newsList__arrow--circle:after{
		transition:.6s ease;
	}
	.newsList__arrow--line{
		transition:transform .3s ease .2s;
	}

	.newsList__link:hover .newsList__title{
		color:var(--color-main-red);
	}
	.newsList__link:hover .newsList__arrow--circle:after{
		transform:scale(100%);
		opacity:1;
	}
	.newsList__link:hover .newsList__arrow--line{
		transform:translateX(25%);
	}
}

@media screen and (max-width:767px){
	.newsList__link{
		padding:var(--sp-size-20) var(--sp-size-24);
	}
	.newsList__linkIn{
		display:block;
		align-items:unset;
	}
	.newsDate{
		display:inline-block;
		line-height:1;
		padding-right:var(--sp-size-24);
		margin-bottom:var(--sp-size-12);
	}
	.newsDate > span.sp{
		display:inline;
	}
	.newsDate:after{
		height:var(--sp-size-24);
	}
	.newsList__title{
		width:100%;
		padding-left:0;
		padding-right:var(--sp-size-96);
	}
	.newsList__arrow{
		width:var(--sp-size-72);
	}
	.newsList__arrow--circle{
		width:var(--sp-size-48);
		height:var(--sp-size-48);
	}
	.newsList__arrow--circle:before{
		border-width:var(--sp-size-2);
	}
	.newsList__arrow--line{
		height:var(--sp-size-2);
	}
}



/** 
* 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);
	}
}



/*-----------------------------------------------
 * news - detail
-------------------------------------------------*/
.newsArticle{
	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:8px;
	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:var(--sp-size-24);
	}
}



/* htag */
.newsArticleIn h1,
.newsArticleIn h2,
.newsArticleIn h3,
.newsArticleIn h4{
	font-size:18px;
	font-weight:600;
	position:relative;
	padding-bottom:4px;
	line-height:1.6;
	margin-top:24px;
	color:#000;
}
.newsArticleIn h1 .htag_txt,
.newsArticleIn h2 .htag_txt,
.newsArticleIn h3 .htag_txt,
.newsArticleIn h4 .htag_txt{
	position:relative;
	background:linear-gradient(0deg,rgba(230,0,18,20%),rgba(230,0,18,20%) 30%,rgba(230,0,18,0%) 30%)
}
.newsArticleIn h5,
.newsArticleIn h6{
	font-weight:600;
	line-height:1.6;
	margin-top:24px;
}
.newsArticleIn h5 .htag_txt,
.newsArticleIn h6 .htag_txt{
	display:inline-block;
	position:relative;
	color:#FFF;
	background-color:rgba(230,0,18,50%);
}

/* pre */
.newsArticleIn pre{
	margin-top:32px;
	text-wrap:wrap;
}

/* p */
.newsArticleIn > p{
	margin-top:32px;
}
.newsArticleIn p.aligncenter{
	text-align:center;
}
.newsArticleIn p.alignright{
	text-align:right;
}


/* a */
.newsArticleIn a{
	color:var(--color-main-red);
	font-weight:600;
	text-decoration:underline;
	text-underline-offset:6px;
	transition:.3s ease;
}
.newsArticleIn a:hover{
	color:#222;
}


/* img */
.newsArticleIn img{
	height:auto!important;
	max-width:100%;
}
.newsArticleIn img.aligncenter{
	display:block;
	margin:0 auto;
}
.newsArticleIn img.alignright{
	display:block;
	margin-left:auto;
}


/* youtube */
.youtubeWrap{
	max-width:100%;
	margin:0 auto;
}
.youtubeInWrap{
	display:block;
	width:100%;
	position:relative;
	padding-top:56.25%;
	margin:auto;
}
.youtubeWrap iframe[src*="youtube"]{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
}
.newsArticleIn iframe{
	max-width:100%;
	border:unset;
}

@media screen and (max-width:767px){
	.newsArticleIn h1,
	.newsArticleIn h2,
	.newsArticleIn h3,
	.newsArticleIn h4{
		font-size:var(--sp-size-26);
		margin-top:var(--sp-size-32);
	}
	.newsArticleIn h5,
	.newsArticleIn h6{
		font-size:var(--sp-size-24);
		margin-top:var(--sp-size-32);
	}
	.newsArticleIn pre,
	.newsArticleIn p{
		margin-top:var(--sp-size-32);
	}
	.newsArticleIn a{
		text-underline-offset:var(--sp-size-8);
	}
}