@charset "utf-8";
.parent_l .page_top{position:relative;height:220px;margin-bottom:50px;}
.business .page_top{
	background:url(/img/business/h1.jpg) center no-repeat;
	background-size:cover;
}
.parent_l .page_title{
	min-height:220px;
	max-width:1060px;
	font-size:3.6rem;
	letter-spacing:3.6px;
}
.parent_l .page_title{color:#fff;}
.parent_l .page_title::after{color:#fff;}
.parent_s .page_title{
	min-height:200px;
	max-width:1060px;
}
.parent_s .page_top{position:relative;height:200px;margin-bottom:40px;background:#F7F6F5;}
.parent_s.realestate .page_top{background:#F7F6F5 url(/img/business/realestate/h1.jpg) right center no-repeat;background-size:auto 100%;}

.content_area{
	max-width:1060px;
	padding:0 30px 100px;
	margin:auto;
}

/* 2カラム */
.c_list{
	display:grid;
	grid-template-columns:repeat(auto-fit, 48%);
	grid-gap:70px 4%;
	padding:0;
	margin:70px 0 0;
}
.c_item{list-style:none;margin:0;padding:0;position:relative;}
.c_item{position:relative;border-bottom:1px solid #ccc;}
.c_item::before{
	content:'';
	position:absolute;
	bottom:-1px;
	right:0;
	left:auto;
	width:0;
	height:1px;
	background:#093741;
	transition:width 0.3s;
}
.c_item:hover::before{
	right:auto;
	left:0;
	width:100%;
}
.c_link{
	display:block;
	color:#333 !important;
	text-decoration:none;
	height:100%;
	position:relative;
}
.c_thumb{overflow:hidden;border-radius:10px;}
.c_link img{
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	transition:transform 0.3s;
	width:100%;
}
.c_link:hover img{transform:scale(1.05);}
.c_title{
	position:relative;
	padding:0 60px 0 0;
	margin:20px 0 0;
	font-size:2.2rem;
	letter-spacing:2.2px;
	font-family:"Noto Serif JP", serif;
}
.c_link::before{
	content:'';
	display:block;
	width:49px;
	height:49px;
	border-radius:50%;
	border:1px solid #0A4451;
	position:absolute;
	right:0;
	bottom:26px;
}
.c_link::after{
	content:'';
	display:block;
	width:19px;
	height:5px;
	background:url(/img/common/arrow_r_green.svg) center no-repeat;
	position:absolute;
	right:15px;
	bottom:48px;
}
.c_link:hover::after{animation:arrow 0.3s forwards cubic-bezier(0.75,0,0.2,1);}
@keyframes arrow{
	0%{right:15px;opacity:1;}
	60%{right:0;opacity:0;}
	61%{right:30px;opacity:0;}
	100%{right:15px;opacity:1;}
}
.c_title span{position:relative;display:inline-block;padding:5px 0 10px;}
.c_title strong{display:block;font-weight:normal;}

a:hover .c_title::after{animation:arrow 0.3s forwards cubic-bezier(0.75,0,0.2,1);}
.c_title span.c_text{
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2.8rem;
	font-family:YakuHanJP,'Noto Sans CJK JP','Noto Sans JP',sans-serif;
	padding:5px 0 22px;
}

.parent_s .c_list{
	grid-template-columns:repeat(3, 1fr);
	grid-gap:40px 4%;
}
.parent_s .c_title span.c_text{font-size:1.4rem;letter-spacing:1.4px;line-height:2.6rem;padding-bottom:20px;}
.parent_s .c_link::before{
	width:41px;
	height:41px;
	bottom:20px;
}
.parent_s .c_link::after{
	right:11px;
	bottom:38px;
}
.parent_s .c_link:hover::after{animation:arrow2 0.3s forwards cubic-bezier(0.75,0,0.2,1);}
@keyframes arrow2{
	0%{right:11px;opacity:1;}
	60%{right:0;opacity:0;}
	61%{right:22px;opacity:0;}
	100%{right:11px;opacity:1;}
}

#pankuzu{max-width:1060px;}


@media screen and (max-width:1023px){
.parent_l .page_top{height:182px;margin-bottom:40px;}
.parent_l .page_title{
	min-height:182px;
	font-size:3.3rem;
	letter-spacing:3.3px;
}
.parent_s .page_title{
	min-height:162px;
}
.parent_s .page_top{height:162px;margin-bottom:36px;}

.c_list{grid-gap:44px 4%;}
.c_title{
	padding:0 51px 0 0;
	margin:16px 0 0;
	font-size:1.8rem;
	letter-spacing:1.8px;
}
.c_title::before{
	width:40px;
	height:40px;
	top:calc(50% - 20px);
}
.c_title::after{
	right:11px;
}
@keyframes arrow{
	0%{right:11px;opacity:1;}
	60%{right:0;opacity:0;}
	61%{right:22px;opacity:0;}
	100%{right:11px;opacity:1;}
}
.c_title span{padding:5px 0 10px;}

.parent_s .c_link{
	padding:0 0 20px;
}
.parent_s .c_list{
	grid-gap:45px 28px;
	grid-template-columns:repeat(auto-fit, calc((100% - 28px) / 2));
}
.parent_s .c_title span.c_text{padding-bottom:0;line-height:2.6rem;}
.c_title span.c_text{font-size:1.4rem;letter-spacing:1.4px;}
.c_link::before{
	width:40px;
	height:40px;
	bottom:20px;
}
.c_link::after{
	right:11px;
	bottom:38px;
}

}
@media screen and (max-width:767px){
.parent_l .page_top{height:145px;margin-bottom:30px;}
.parent_l .page_title{
	min-height:145px;
	font-size:3.1rem;
	letter-spacing:3.1px;
}
.content_area{padding:0 20px 60px;}
.c_title{
	padding:0 51px 0 0;
	margin:16px 0 0;
	font-size:1.8rem;
	letter-spacing:1.8px;
}
.c_title::before{
	width:41px;
	height:41px;
	top:calc(50% - 20.5px);
}
.c_title::after{right:11px;}
@keyframes arrow{
	0%{right:11px;opacity:1;}
	60%{right:0;opacity:0;}
	61%{right:22px;opacity:0;}
	100%{right:11px;opacity:1;}
}
.c_title span{position:relative;display:inline-block;padding:3px 0 4px;}
.c_title span::before{height:2px;}

.parent_s .c_link{padding:0 0 20px;}
.parent_s .c_title{
	font-size:1.8rem;
	letter-spacing:1.8px;
}

.parent_s .page_title{min-height:135px;}
.parent_s .page_top{height:135px;margin-bottom:30px;}
.parent_s.realestate .page_top{background:#F7F6F5 url(/img/business/realestate/h1.jpg) center no-repeat;background-size:auto 100%;}
.c_title span.c_text{line-height:2.6rem;}


}

@media screen and (max-width:599px){
.c_list{
	display:block;
	grid-gap:0;
}
.c_item{margin:0 0 36px;padding:0;}
.c_link{
	display:block;
	color:#333 !important;
	text-decoration:none;
}

.parent_s .c_list{grid-gap:0;}
.parent_s .c_item:nth-child(2){border-top:none;}

}