@charset "utf-8";
.page_top{
	position:relative;
	background:#111;
	margin-bottom:90px;
}
.page_top::after{
	content:'';
	display:block;
	width:331px;
	height:257px;
	background:url(/img/common/h1.svg) left bottom no-repeat;
	position:absolute;
	bottom:0;
	right:0;
}
/* #pankuzu{padding:10px 20px 0;} */
#pankuzu a{color:#aaa;}
#pankuzu a::after{border-color:transparent transparent transparent #aaa;}
.page_title{
	margin:0 auto;
	font-size:1.6rem;
	color:#fff;
	padding:51px 20px 82px;
}
.page_title::before{
	color:#fff;
	font-size:6.8rem;
	margin-bottom:5px;
}

.c_list{
	margin:0;
	padding:0;
}
.c_item{
	padding:0;
	margin:80px 0 0;
	list-style:none;
}
.c_link{
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
	text-decoration:none;
	color:#111 !important;
}
.c_thumb{width:58.181818%;overflow:hidden;position:relative;}

.c_title{width:36.363636%;position:relative;display:flex;}
.c_title::before{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:12px;
	width:calc(100% - 12px);
	height:1px;
	background:#ccc;
}
.c_title::after{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:12px;
	width:0;
	height:1px;
	background:#2E67B6;
	transition:width 0.3s;
}
.c_link:hover .c_title::after{width:calc(100% - 12px);}
.c_txt{
	position:relative;
	display:flex;
	width:100%;
	height:100%;
	align-items:flex-end;
	padding:80px 0 25px 2px;
	margin:0;
}
.c_txt::after{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:6px;
	height:1px;
	background:#111;
}
.c_txt::before{
	content:attr(data-en);
	display:block;
	text-transform:uppercase;
	font-family:"Prompt", sans-serif;
	font-weight:600;
	font-size:3.4rem;
	line-height:3.8rem;
	position:absolute;
	top:45px;
	left:0;
}
.c_txt span{display:block;position:relative;padding-right:40px;width:100%;}
.c_txt span::after{
	content:'';
	display:block;
	width:18px;
	height:4px;
	background:url(/img/common/arrow_r_black.svg) center no-repeat;
	position:absolute;
	right:20px;
	top:calc(50% - 2px);
	transition:right 0.3s;
}
a:hover .c_txt span::after{right:0;}

@media screen and (max-width:1023px){
.c_txt::before{top:5px;font-size:3rem;line-height:3rem;}

}


@media screen and (max-width:900px){
.page_top{margin-bottom:50px;}
.page_title{font-size:1.4rem;padding:30px 20px 50px;}
.page_title::before{font-size:2.8rem;margin-bottom:0;}
.page_top::after{
	width:231px;
	height:150px;
	background-size:231px 150px;
	right:-20px;
}



}
@media screen and (max-width:767px){
.c_link{display:block;}
.c_txt{display:block;}

.c_item{margin:0 0 50px !important;}
.c_title{width:auto;margin-bottom:20px;}
.c_thumb{width:auto;}
.c_txt{padding:0 0 18px;margin-top:26px;font-size:1.4rem;}
.c_txt::before{top:auto;position:relative;font-size:2.4rem;line-height:2.6rem;margin-bottom:4px;}
.c_txt span::after{right:0;}

}