@charset "utf-8";
/**
/* ページ共通 CSS
----------------------------------------------- */
/*　　見出し　　*/
.guide-ttl{
	position: relative;
	margin-bottom: 3.75rem;
}
.page-wrap .guide-ttl{
	margin-bottom: 3rem;
}
.guide-ttl .roma{
	font-family: "Cinzel", serif;
	color: #d2d9e6;
	font-size: 3.75rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 0.625rem;
}
.guide-ttl h2{
	font-family: "Noto Serif JP", serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
	margin-left: 0.5rem;
}
@media only screen and (max-width: 767px) {
	.guide-ttl{
		margin-bottom: 2.5rem;
	}
	.page-wrap .guide-ttl{
		margin-bottom: 2rem;
	}
	.guide-ttl .roma{
		font-size: 2.5rem;
		margin-bottom: 0.375rem;
	}
	.guide-ttl h2{
		font-size: 0.9375rem;
		margin-left: 0.375rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.guide-ttl{
		margin-bottom: 3rem;
	}
	.page-wrap .guide-ttl{
		margin-bottom: 2.5rem;
	}
	.guide-ttl .roma{
		font-size: 3rem;
	}
	.guide-ttl h2{
		margin-left: 0.35rem;
	}
}
/*　　テキスト　　*/
.p-text{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.68;
}
.marker_y{
	display: inline-block;
	background:linear-gradient(transparent 80%, #e7c448 80%);
}
@media only screen and (max-width: 767px) {
	.p-text{
		font-size: 0.9375rem;
	}
}
/**
/* トップページ CSS
----------------------------------------------- */
/*　　MV　　*/
.mv-view{
	position: relative;
	-webkit-justify-content: center;
	justify-content: centerflex-end;
	align-items: center;
}
.mv-view .view-img .swiper-slide{
	height: 43.75rem;
}
.mv-view .view-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mv-view .view-box{
	position: absolute;
	width: 94%;
	max-width: 1200px;
	right: 50%;
	top: 50%;
	transform: translate(50%, -50%);
	z-index: 1000;
}
.mv-view .view-box p{
	font-family: "Noto Serif JP", serif;
	color: #ffffff;
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 2;
}
@media only screen and (max-width: 767px) {
	.mv-view .view-img .swiper-slide{
		height: 35.75rem;
	}
	.mv-view .view-box p{
		font-size: 1.675rem;
		text-align: center;
		text-shadow: 0px 2px 20px #15223c;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.mv-view .view-img .swiper-slide{
		height: 31.75rem;
	}
	.mv-view .view-box p{
		font-size: 1.875rem;
	}
}
/*　　事業内容　　*/
.front-business{
	padding: 8.4375rem 0 7.1875rem 0;
}
.front-business .business-head{
	margin-bottom: 8.125rem;
}
.front-business .business-head .imageArea{
	width: 45%;
}
.front-business .business-head .contentArea{
	width: 49%;
	margin-top: -1.5rem;
}
.front-business h3{
	font-family: "Noto Serif JP", serif;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 2rem;
}
.front-business h3 small{
	font-size: 1.875rem;
}
.front-business .flow-grid h3{
	margin-bottom: 3.375rem;
}
.front-business .block_btn{
	margin-top: 3.75rem;
}
@media only screen and (max-width: 1090px) {
	.front-business h3{
		font-size: 2.8rem;
	}
}
@media only screen and (max-width: 767px) {
	.front-business{
		padding: 4.4375rem 0 3.1875rem 0;
	}
	.front-business .business-head{
		margin-bottom: 4.125rem;
	}
	.front-business .business-head .imageArea{
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.front-business .business-head .contentArea{
		width: 100%;
		margin-top: 0;
	}
	.front-business h3{
		font-size: 1.65rem;
		text-align: center;
		margin-bottom: 1.5rem;
	}
	.front-business h3 small{
		font-size: 1.25rem;
	}
	.front-business .flow-grid h3{
		margin-bottom: 2.375rem;
	}
	.front-business .block_btn{
		margin-top: 2.75rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.front-business{
		padding: 6.4375rem 0 5.1875rem 0;
	}
	.front-business .business-head{
		margin-bottom: 5.125rem;
	}
	.front-business .business-head .contentArea{
		width: 50%;
		margin-top: -1.125rem;
	}
	.front-business h3{
		font-size: 2.25rem;
		margin-bottom: 1.5rem;
	}
	.front-business h3 small{
		font-size: 1.5rem;
	}
	.front-business .flow-grid h3{
		margin-bottom: 2.375rem;
	}
	.front-business .block_btn{
		margin-top: 2.75rem;
	}
}
/*　　池島土木の強み　　*/
.front-strength{
	background: url(../img/top/strength_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 8.125rem 0 7.5rem 0;
}
.front-strength .guide-ttl h2{
	color: #ffffff;
}
.front-strength .strength-list{
	column-gap: 2.8125rem;
}
.front-strength .strength-list .strength-items{
	background: rgba(0, 0, 0, 0.5);
	width: calc(33.3333% - 1.875rem);
	color: #ffffff;
	text-align: center;
	padding: 3.75rem 2rem;
	border: 1px solid #525252;
}
.front-strength .strength-list .strength-items h3{
	font-family: "Noto Serif JP", serif;
	font-size: 1.875rem;
	font-weight: 500;
	line-height: 1.46;
	border-bottom: 1px solid #525252;
	padding-bottom: 2.5rem;
	margin-bottom: 2.5rem;
}
.front-strength .strength-list .strength-items p{
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.65;
}
@media only screen and (max-width: 767px) {
	.front-strength{
		padding: 4.125rem 0 2.5rem 0;
	}
	.front-strength .strength-list{
		column-gap: 0;
		row-gap: 1.5rem;
	}
	.front-strength .strength-list .strength-items{
		width: 100%;
		padding: 1.75rem 1rem;
	}
	.front-strength .strength-list .strength-items h3{
		font-size: 1.25rem;
		padding-bottom: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.front-strength .strength-list .strength-items p{
		font-size: 0.9375rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.front-strength{
		padding: 6.125rem 0 3.5rem 0;
	}
	.front-strength .strength-list{
		column-gap: 1.5rem;
	}
	.front-strength .strength-list .strength-items{
		width: calc(33.3333% - 1rem);
		padding: 2.75rem 1rem;
	}
	.front-strength .strength-list .strength-items h3{
		font-size: 1.5rem;
		padding-bottom: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.front-strength .strength-list .strength-items p{
		font-size: 1rem;
	}
}
/*　　対象エリア　　*/
.area-guide{
	background: url(../img/top/area_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 9.875rem 0 6.875rem 0;
}
.area-guide .contentArea{
	width: 20rem;
	margin-left: auto;
}
.area-guide .contentArea .guide-ttl{
	margin-bottom: 1.875rem;
}
.area-guide .contentArea .guide-ttl .roma{
	color: #b6a56b;
}
.area-guide .contentArea h3{
	margin-bottom: 1.25rem;
}
.area-guide .contentArea h3 span{
	display: inline-block;
	background: #15223c;
	font-family: "Noto Serif JP", serif;
	color: #ffffff;
	font-size: 1.625rem;
	font-weight: 500;
	line-height: 1.25;
	padding: 0.25rem 0.625rem 0.25rem 0.625rem;
}
.area-guide .contentArea .p-text{
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	margin-bottom: 1.875rem;
}
.area-guide .contentArea .address{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.68;
	margin-bottom: 1.25rem;
}
.area-guide .contentArea .tel-grid .tel{
	margin-bottom: 0.75rem;
}
.area-guide .contentArea .tel-grid .tel li a{
	font-family: "Cinzel", serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1;
}
.area-guide .contentArea .tel-grid .tel li a span{
	font-size: 1.125rem;
}
.area-guide .contentArea .tel-grid .hours{
	font-family: "Cinzel", serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
}
.area-guide .contentArea .tel-grid .hours span{
	font-size: 0.75rem;
}
@media only screen and (max-width: 767px) {
	.area-guide{
		background: url(../img/top/area_bg.jpg) no-repeat center left 22%;
		background-size: cover;
		padding: 5.875rem 0 4.875rem 0;
	}
	.area-guide .contentArea{
		width: 100%;
	}
	.area-guide .contentArea .guide-ttl{
		margin-bottom: 1.5rem;
	}
	.area-guide .contentArea .guide-ttl .roma{
		color: #15223c;
	}
	.area-guide .contentArea h3{
		margin-bottom: 1.125rem;
	}
	.area-guide .contentArea h3 span{
		font-size: 1.375rem;
	}
	.area-guide .contentArea .p-text{
		margin-bottom: 1rem;
	}
	.area-guide .contentArea .address{
		font-size: 0.9375rem;
		margin-bottom: 1.125rem;
	}
	.area-guide .contentArea .tel-grid .tel{
		margin-bottom: 0.5rem;
	}
	.area-guide .contentArea .tel-grid .tel li a{
		font-size: 1.375rem;
	}
	.area-guide .contentArea .tel-grid .tel li a span{
		font-size: 1rem;
	}
	.area-guide .contentArea .tel-grid .hours{
		font-size: 0.9375rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.area-guide{
		padding: 5.875rem 0 3.875rem 0;
	}
	.area-guide .contentArea h3 span{
		font-size: 1.375rem;
	}
	.area-guide .contentArea .p-text{
		margin-bottom: 1.5rem;
	}
	.area-guide .contentArea .tel-grid .tel{
		margin-bottom: 0.625rem;
	}
}
/*　　施工事例　　*/
.front-case{
	background: url(../img/top/example_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 7.75rem 0 6.875rem 0;
}
.front-case .block_btn{
	margin-top: 4rem;
}
@media only screen and (max-width: 767px) {
	.front-case{
		padding: 5rem 0 3.5rem 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.front-case{
		padding: 5.75rem 0 4rem 0;
	}
}
/*　　ナビ　　*/
.nav-guide .nav-grid{
	margin-bottom: 5rem;
}
.nav-guide .nav-grid .imageArea{
	width: 50%;
	height: 31.25rem;
}
.recruit-wrap .nav-guide .nav-grid .imageArea{
	height: 35.25rem;
}
.nav-guide .nav-grid .imageArea img{
	height: 100%;
	width: 100%;
	object-fit:cover;
}
.nav-guide .nav-grid .contentArea{
	background: url(../img/top/about_bg.jpg) no-repeat center;
	background-size: cover;
	width: 50%;
}
.nav-guide .nav-grid .contentArea .content-inner{
	position: relative;
	max-width: 540px;
	height: 100%;
}
.nav-guide .nav-grid .contentArea .box{
	position: absolute;
	width: 21.25rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.nav-guide .nav-grid:nth-child(even) .contentArea .content-inner{
	margin-left: auto;
}
.nav-guide .nav-grid .guide-ttl{
	margin-bottom: 3.4375rem;
}
.nav-guide .nav-grid .guide-ttl h2{
	color: #ffffff;
}
.nav-guide .nav-grid .p-text{
	color: #ffffff;
}
.nav-guide .nav-grid .block_btn{
	margin-top: 3.4375rem;
}
.recruit-wrap .nav-guide .nav-grid .block_btn{
	margin-top: 1.25rem;
}
.nav-guide .nav-grid .link{
	margin-top: 2.5rem;
}
.nav-guide .nav-grid .link li + li{
	margin-top: 0.325rem;
}
.nav-guide .nav-grid .link li a{
	color: #ffffff;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.45;
	text-decoration: underline;
}
@media only screen and (max-width: 767px) {
	.nav-guide .nav-grid{
		margin-bottom: 2rem;
	}
	.nav-guide .nav-grid .imageArea,
	.recruit-wrap .nav-guide .nav-grid .imageArea{
		width: 100%;
		height: 15rem;
	}
	.nav-guide .nav-grid .contentArea{
		width: 100%;
	}
	.nav-guide .nav-grid .contentArea .content-inner{
		max-width: 100%;
	}
	.nav-guide .nav-grid .contentArea .box{
		position: relative;
		width: 100%;
		text-align: center;
		padding: 3rem 2rem 2.5rem 2rem;
	}
	.nav-guide .nav-grid .guide-ttl{
		margin-bottom: 2rem;
	}
	.nav-guide .nav-grid .block_btn{
		margin-top: 2rem;
	}
	.nav-guide .nav-grid .link{
		margin-top: 2rem;
	}
	.nav-guide .nav-grid .link li a{
		font-size: 0.9375rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.nav-guide .nav-grid{
		margin-bottom: 3rem;
	}
	.nav-guide .nav-grid .imageArea{
		height: 28rem;
	}
	.recruit-wrap .nav-guide .nav-grid .imageArea{
		height: 30rem;
	}
	.nav-guide .nav-grid .guide-ttl{
		margin-bottom: 2.4375rem;
	}
	.nav-guide .nav-grid .block_btn{
		margin-top: 2.4375rem;
	}
	.nav-guide .nav-grid .link{
		margin-top: 2rem;
	}
}
/**
/* 下層ページ共通 CSS
----------------------------------------------- */
/*　　ページヘッダー　　*/
.page-view{
	position: relative;
	background: #15223c;
	padding: 16.25rem 0 5rem 0;
}
.page-view .view-ttl .roma{
	font-family: "Cinzel", serif;
	color: #d2d9e6;
	font-size: 5rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 1.875rem;
}
.page-view .view-ttl h1{
	font-family: "Noto Serif JP", serif;
	color: #ffffff;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.25;
	margin-left: 0.5rem;
}
@media only screen and (max-width: 767px) {
	.page-view{
		padding: 8.625rem 0 3.1875rem 0;
	}
	.page-view .view-ttl .roma{
		font-size: 2.5rem;
		margin-bottom: 0.625rem;
	}
	.page-view .view-ttl h1{
		font-size: 0.9375rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.page-view{
		padding: 10.625rem 0 4.1875rem 0;
	}
	.page-view .view-ttl .roma{
		font-size: 4rem;
		margin-bottom: 1rem;
	}
	.page-view .view-ttl h1{
		font-size: 1rem;
	}
}
/*　　table　　*/
.bg-tbl table th,
.bg-tbl table td{
	vertical-align: middle;
	font-size: 1rem;
	line-height: 1.5;
	padding: 1.125rem 2rem;
}
.bg-tbl table th{
	background: #15223c;
	color: #ffffff;
	font-weight: 500;
	border-bottom: 1px solid #ffffff;
}
.bg-tbl table td{
	background: #ffffff;
}
.bg-tbl table tr:nth-child(even) td{
	background: #f3f4f5;
}
@media only screen and (max-width: 767px) {
	.bg-tbl table th,
	.bg-tbl table td{
		font-size: 0.9375rem;
		padding: 1rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.bg-tbl table th,
	.bg-tbl table td{
		padding: 1.125rem 1.5rem;
	}
}
/**
/* 事業内容 CSS
----------------------------------------------- */
.business-wrap{
	padding: 6.125rem 0 12.5rem 0;
}
.business-wrap .head-guide .p-text{
	font-family: "Noto Serif JP", serif;
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.business-wrap{
		padding: 3.125rem 0 5.5rem 0;
	}
	.business-wrap .head-guide .p-text{
		font-size: 1.5rem;
		line-height: 1.85;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.business-wrap{
		padding: 4.125rem 0 8.5rem 0;
	}
	.business-wrap .head-guide .p-text{
		font-size: 2rem;
	}
}
/*　　池島土木の強み　　*/
.strength-guide .p-text{
	font-size: 1.125rem;
	margin-bottom: 5rem;
}
.strength-guide .strength-list dl:not(:last-child){
	margin-bottom: 4rem;
}
.strength-guide .strength-list{
	max-width: 1000px;
	margin: 0 auto;
}
.strength-guide .strength-list dl dt{
	position: relative;
	font-family: "Noto Serif JP", serif;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.35;
	margin-bottom: 2.5rem;
}
.strength-guide .strength-list dl dt::after{
	position: absolute;
	background: #b6a56b;
	content: '';
	width: 50rem;
	height: 1px;
	bottom: -0.8rem;
	left: 0;
}
.strength-guide .strength-list dl dd{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.68;
}
@media only screen and (max-width: 767px) {
	.strength-guide .p-text{
		font-size: 1rem;
		text-align: left;
		margin-bottom: 3rem;
	}
	.strength-guide .strength-list dl:not(:last-child){
		margin-bottom: 2.5rem;
	}
	.strength-guide .strength-list dl dt{
		font-size: 1.25rem;
		margin-bottom: 2rem;
	}
	.strength-guide .strength-list dl dt::after{
		width: 100%;
		bottom: -0.625rem;
	}
	.strength-guide .strength-list dl dd{
		font-size: 0.9375rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.strength-guide .p-text{
		margin-bottom: 4rem;
	}
	.strength-guide .strength-list dl:not(:last-child){
		margin-bottom: 3rem;
	}
	.strength-guide .strength-list dl dt{
		font-size: 1.375rem;
		margin-bottom: 2rem;
	}
	.strength-guide .strength-list dl dt::after{
		width: 40rem;
	}
}
/*　　基礎工事全体の流れを一貫施工　　*/
.flow-guide h2{
	font-family: "Noto Serif JP", serif;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 3.375rem;
}
.flow-guide h2 small{
	font-size: 1.875rem;
}
.flow-list{
	column-gap: 0.3125rem;
	row-gap: 2.375rem;
}
.flow-list .flow-items{
	position: relative;
	display: flex;
	flex-direction: column;
	width: calc(20% - 0.25rem);
	text-align: center;
	padding: 3.125rem 1.875rem 2.25rem 1.875rem;
	border: 1px solid #d5d4d4;
}
.flow-list .flow-items:nth-child(1){
	margin-left: 2rem;
}
.flow-list .flow-items:nth-child(4){
	margin-right: 2rem;
}
.flow-list .flow-items::after{
	position: absolute;
	content: "";
	background: url(../img/icon/icn_arrow_yellow.png) no-repeat top center;
	background-size: cover;
	width: 1.625rem;
	height: 2.25rem;
	top: 0;
	bottom: 0;
	right: -1.125rem;
	margin: auto;
	z-index: 10;
}
.flow-list .flow-items:last-child::after{
	content: none;
}
.flow-list .flow-items .no{
	position: absolute;
	font-family: "Cinzel", serif;
	color: rgba(210, 217, 230, 0.5);
	font-size: 3.75rem;
	font-weight: 500;
	line-height: 1;
	top: -0.3125rem;
	left: -0.1875rem;
}
.flow-list .flow-items .flow-icon{
	margin-bottom: 2rem;
}
.flow-list .flow-items .flow-icon img{
	width: 10.1875rem;
}
.flow-list .flow-items .text{
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: auto;
}
.flow-guide .flow-detail{
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 6rem;
}
.flow-guide .flow-detail dl:not(:last-child){
	margin-bottom: 4rem;
}
.flow-guide .flow-detail dl dt{
	position: relative;
	font-family: "Noto Serif JP", serif;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.35;
	margin-bottom: 2.5rem;
}
.flow-guide .flow-detail dl dt span{
	display: inline-block;
	font-family: "Cinzel", serif;
	color: #b6a56b;
	font-size: 2.75rem;
	font-weight: 500;
	line-height: 1;
	margin-right: 1rem;
}
.flow-guide .flow-detail dl dt::after{
	position: absolute;
	background: #b6a56b;
	content: '';
	width: 50rem;
	height: 1px;
	bottom: -0.8rem;
	left: 0;
}
.flow-guide .flow-detail dl dd{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.68;
}
.flow-guide .block_btn{
	margin-top: 6.5rem;
}
@media only screen and (max-width: 767px) {
	.flow-guide h2{
		font-size: 1.5em;
		margin-bottom: 2rem;
	}
	.flow-guide h2 small{
		font-size: 1.25rem;
	}
	.flow-list{
		column-gap: 0.625rem;
		row-gap: 0.625rem;
	}
	.flow-list .flow-items{
		width: calc(50% - 0.375rem);
		padding: 2.125rem 0.625rem 1.25rem 0.625rem;
	}
	.flow-list .flow-items:nth-child(1){
		margin-left: 0;
	}
	.flow-list .flow-items:nth-child(4){
		margin-right: 0;
	}
	.flow-list .flow-items::after{
		width: 1rem;
		height: 1.375rem;
		right: -0.625rem;
	}
	.flow-list .flow-items:last-child::after{
		content: none;
	}
	.flow-list .flow-items .no{
		font-size: 2.75rem;
	}
	.flow-list .flow-items .flow-icon{
		margin-bottom: 1rem;
	}
	.flow-list .flow-items .flow-icon img{
		width: 6.1875rem;
	}
	.flow-list .flow-items .text{
		font-size: 1rem;
	}
	.flow-guide .flow-detail{
		margin-top: 5rem;
	}
	.flow-guide .flow-detail dl:not(:last-child){
		margin-bottom: 2.5rem;
	}
	.flow-guide .flow-detail dl dt{
		font-size: 1.25rem;
		margin-bottom: 2rem;
	}
	.flow-guide .flow-detail dl dt span{
		font-size: 2.35rem;
		margin-right: 1rem;
	}
	.flow-guide .flow-detail dl dt::after{
		width: 100%;
		bottom: -0.625rem;
	}
	.flow-guide .flow-detail dl dd{
		font-size: 0.9375rem;
	}
	.flow-guide .block_btn{
		margin-top: 4rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.flow-guide h2{
		font-size: 2.25rem;
		margin-bottom: 2.375rem;
	}
	.flow-guide h2 small{
		font-size: 1.5rem;
	}
	.flow-list{
		row-gap: 1.5rem;
	}
	.flow-list .flow-items{
		padding: 3rem 1rem 2rem 1rem;
	}
	.flow-list .flow-items:nth-child(1){
		margin-left: 1rem;
	}
	.flow-list .flow-items:nth-child(4){
		margin-right: 1rem;
	}
	.flow-list .flow-items::after{
		width: 1.25rem;
		height: 1.875rem;
		right: -0.875rem;
	}
	.flow-list .flow-items:last-child::after{
		content: none;
	}
	.flow-list .flow-items .no{
		font-size: 3rem;
	}
	.flow-list .flow-items .flow-icon{
		margin-bottom: 1.5rem;
	}
	.flow-list .flow-items .flow-icon img{
		width: 5.1875rem;
	}
	.flow-list .flow-items .text{
		font-size: 1rem;
	}
	.flow-guide .flow-detail{
		margin-top: 4rem;
	}
	.flow-guide .flow-detail dl:not(:last-child){
		margin-bottom: 3rem;
	}
	.flow-guide .flow-detail dl dt{
		font-size: 1.375rem;
		margin-bottom: 2rem;
	}
	.flow-guide .flow-detail dl dt span{
		font-size: 2.5rem;
	}
	.flow-guide .flow-detail dl dt::after{
		width: 40rem;
	}
	.flow-guide .block_btn{
		margin-top: 5.5rem;
	}
}
/**
/* 施工事例 CSS
----------------------------------------------- */
/*　　一覧　　*/
.case-nav{
	column-gap: 1.25rem;
	row-gap: 1rem;
	margin-bottom: 6.25rem;
}
.case-nav li{
	width: calc(25% - 1rem);
	max-width: 16.25rem;
}
.case-nav li a{
	font-family: "Noto Serif JP", serif;
	display: block;
	color: #b6a56b;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	border: 1px solid #b6a56b;
	padding: 1rem;
}
.case-nav li a:hover,
.case-nav li a.current{
	background: #b6a56b;
	color: #ffffff;
}
.case-list{
	column-gap: 2.8125rem;
	row-gap: 4rem;
}
.case-list .case-items{
	width: calc(33.3333% - 1.875rem);
}
.case-list .case-items .imageArea{
	position: relative;
	overflow: hidden;
	margin-bottom: 1.6875rem;
}
.case-list .case-items .imageArea:before{
	content: "";
	padding-top: 61.8%;
	display: block;
	height: 0;
}
.case-list .case-items .imageArea img{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	object-fit:cover;
	transition: .2s ease-in-out;
}
.case-list .case-items .imageArea img:hover{
	transform: scale(1.1);
}
.case-list .case-items .date{
	font-family: "Cinzel", serif;
	color: #b6a56b;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25;
	margin-bottom: 0.3rem;
}
.case-list .case-items .ttl{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25;
	margin-bottom: 1rem;
}
.case-list .case-items .data{
	row-gap: 0.5rem;
}
.case-list .case-items .data dl{
	width: 50%;
	align-items: center;
}
.case-list .case-items .data dl dt{
	width: 4.6875rem;
}
.case-list .case-items .data dl dt span{
	display: block;
	color: #15223c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25;
	text-align: center;
	border: 1px solid #15223c;
	padding: 0.125rem 0.1875rem 0.1875rem 0.1875rem;
}
.case-list .case-items .data dl dd{
	width: calc(100% - 4.6875rem);
	color: #15223c;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25;
	padding-left: 0.8125rem;
}
.case-list.align-center,
.case-list .align-center {
	width: 100%;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.case-nav{
		column-gap: 0.625rem;
		row-gap: 0.625rem;
		margin-bottom: 3.25rem;
	}
	.case-nav li{
		width: calc(33.3333% - 0.45rem);
		max-width: 16.25rem;
	}
	.case-nav li a{
		font-size: 0.875rem;
		padding: 0.625rem 0.375rem;
	}
	.case-list{
		column-gap: 0;
		row-gap: 3rem;
	}
	.case-list .case-items{
		width: 100%;
	}
	.case-list .case-items .imageArea{
		margin-bottom: 1.25rem;
	}
	.case-list .case-items .date{
		font-size: 0.875rem;
	}
	.case-list .case-items .ttl{
		font-size: 0.9375rem;
		margin-bottom: 0.625rem;
	}
	.case-list .case-items .data dl dt span{
		font-size: 0.875rem;
	}
	.case-list .case-items .data dl dd{
		font-size: 0.9375rem;
		padding-left: 0.625rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.case-nav{
		margin-bottom: 4.25rem;
	}
	.case-nav li a{
		font-size: 1rem;
	}
	.case-list{
		column-gap: 1.25rem;
	}
	.case-list .case-items{
		width: calc(33.3333% - 0.85rem);
	}
	.case-list .case-items .imageArea{
		margin-bottom: 1.125rem;
	}
	.case-list .case-items .date{
		font-size: 0.9375rem;
	}
	.case-list .case-items .ttl{
		margin-bottom: 0.625rem;
	}
	.case-list .case-items .data{
		row-gap: 0.375rem;
	}
	.case-list .case-items .data dl{
		width: 100%;
	}
	.case-list .case-items .data dl dt{
		width: 4rem;
	}
	.case-list .case-items .data dl dt span{
		font-size: 0.8125rem;
	}
	.case-list .case-items .data dl dd{
		font-size: 0.8125rem;
		padding-left: 0.625rem;
	}
}
/*　　詳細　　*/
.case-header{
	border-bottom: 1px solid #b6a56b;
	padding-bottom: 1rem;
	margin-bottom: 4rem;
}
.case-header h2{
	font-family: "Noto Serif JP", serif;
	font-size: 1.625rem;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 1rem;
}
.case-header .date{
	font-family: "Cinzel", serif;
	color: #b6a56b;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.5;
}
.case-header .category{
	margin-left: 1.25rem;
}
.case-header .category span{
	display: inline-block;
	color: #15223c;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.25;
	text-align: center;
	border: 1px solid #15223c;
	padding: 0.125rem 0.625rem 0.1875rem 0.625rem;
}
.case-header .category span + span{
	margin-left: 0.625rem;
}
.case-gallery{
	display: flex;
	flex-direction: column;
	row-gap: 1.8em;
	max-width: 740px;
	margin: 0 auto 5rem auto;
}
.case-gallery .main-gallery{
	position: relative;
	height: 58vw;
	max-height: 495px;
}
.case-gallery .case-swiper{
	overflow: hidden;
	height: 100%;
}
.case-gallery .case-swiper .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.case-gallery .main-gallery .swiper-button-next,
.case-gallery .main-gallery .swiper-button-prev{
	background-color: #b6a56b;
	width: 3.125rem;
	height: 3.125rem;
}
.case-gallery .main-gallery .swiper-button-next{
	right: 0;
}
.case-gallery .main-gallery .swiper-button-prev{
	left: 0;
}
.case-gallery .main-gallery .swiper-button-next::after,
.case-gallery .main-gallery .swiper-button-prev::after{
	color: #fff;
	font-size: 1.5rem;
}
.case-gallery .main-gallery .swiper-button-next::after{
	content: '→';
}
.case-gallery .main-gallery .swiper-button-prev::after{
	content: '←';
}
.case-gallery .case-thumbnail .swiper-wrapper{
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	column-gap: 0.625rem;
	row-gap: 0.625rem;
}
.case-gallery .case-thumbnail .swiper-slide{
	width: calc(20% - 0.5rem)!important;
	height: 7.375rem;
}
.case-gallery .case-thumbnail .swiper-slide{
	opacity: 0.5;
}
.case-gallery .case-thumbnail .swiper-slide-thumb-active{
	opacity: 1;
}
.case-gallery .case-thumbnail .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.case-single .case-tbl th,
.case-single .case-tbl td{
	border-bottom: 1px solid #d5d4d4;
	padding: 1.875rem 0 0.75rem 0;
}
.case-single .case-tbl th{
	width: 11.875rem;
	padding: 1.875rem 1rem 0.75rem 1rem;
}
.case-single .case-tbl th span{
	display: inline-block;
	color: #15223c;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.25;
	text-align: center;
	border: 1px solid #15223c;
	padding: 0.125rem 0.625rem 0.1875rem 0.625rem;
}
.case-single .case-tbl td{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.68;
}
.case-single .page-nav{
	width: 100%;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	margin-top: 6.25rem;
}
.case-single .page-nav .nav__item{
	position: relative;
}
.case-single .page-nav .nav__item a{
	position: relative;
	display: block;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.35;
	text-decoration: none;
}
.case-single .page-nav .nav__item--prev a{
	padding-left: 1.5625rem;
}
.case-single .page-nav .nav__item--next a{
	padding-right: 1.5625rem;
}
.case-single .page-nav .nav__item a:before{
	font-family: "Font Awesome 5 Free";
	color: #333333;
	font-size: 1.125rem;
	font-weight: 900;
	position: absolute;
	top: 0;
}
.case-single .page-nav .nav__item--prev a:before{
	content: "\f060";
	left: 0;
}
.case-single .page-nav .nav__item--next a:before{
	content: "\f061";
	right: 0;
}
.case-single .page-nav .return_btn{
	width: 14.3125rem;
}
.case-single .page-nav .return_btn .btn{
	background: #b6a56b;
	font-family: "Noto Serif JP", serif;
	display: block;
	color: #ffffff;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.35;
	text-align: center;
	padding: 1.125rem 1rem;
}
@media only screen and (max-width: 767px) {
	.case-header{
		padding-bottom: 0.875rem;
		margin-bottom: 2rem;
	}
	.case-header h2{
		font-size: 1.25rem;
		margin-bottom: 0.625rem;
	}
	.case-header .date{
		font-size: 0.9375rem;
	}
	.case-header .category{
		margin-left: 0.875rem;
	}
	.case-header .category span{
		font-size: 0.875rem;
		padding: 0.1875rem 0.1875rem;
	}
	.case-header .category span + span{
		margin-left: 0.375rem;
	}
	.case-gallery{
		margin: 0 auto 3rem auto;
	}
	.case-gallery .main-gallery .swiper-button-next,
	.case-gallery .main-gallery .swiper-button-prev{
		width: 2.125rem;
		height: 2.125rem;
	}
	.case-gallery .main-gallery .swiper-button-next::after,
	.case-gallery .main-gallery .swiper-button-prev::after{
		font-size: 1.125rem;
	}
	.case-gallery .case-thumbnail .swiper-wrapper{
		column-gap: 0.3125rem;
		row-gap: 0.3125rem;
	}
	.case-gallery .case-thumbnail .swiper-slide{
		width: calc((100% - 0.3125rem * 4) / 5)!important;
		height: 4rem;
	}
	.case-single .case-tbl th,
	.case-single .case-tbl td{
		padding: 1.125rem 0 0.75rem 0;
	}
	.case-single .case-tbl th{
		width: 6.875rem;
		padding: 1.125rem 1.5rem 0.75rem 0;
	}
	.case-single .case-tbl th span{
		display: block;
		font-size: 0.9375rem;
		padding: 0.125rem 0.625rem 0.1875rem 0.625rem;
	}
	.case-single .case-tbl td{
		font-size: 0.9375rem;
	}
	.case-single .page-nav{
		margin-top: 4.25rem;
	}
	.case-single .page-nav .nav__item a{
		font-size: 0.9375rem;
	}
	.case-single .page-nav .prev-link:after{
		content: attr(data-prev);
		text-align: center;
	}
	.case-single .page-nav .next-link:after{
		content: attr(data-next);
		text-align: center;
	}
	.case-single .page-nav .nav__item-img,
	.case-single .page-nav .nav__item-ttl{
		display: none;
	}
	.case-single .page-nav .nav__item--prev a{
		padding-left: 1.5625rem;
	}
	.case-single .page-nav .nav__item--next a{
		padding-right: 1.5625rem;
	}
	.case-single .page-nav .nav__item a:before{
		font-size: 1rem;
	}
	.case-single .block_btn{
		width: 100%;
		text-align: center;
		margin-top: 2.5rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.case-header{
		margin-bottom: 3rem;
	}
	.case-gallery{
		margin: 0 auto 4rem auto;
	}
	.case-single .case-tbl th,
	.case-single .case-tbl td{
		padding: 1.875rem 0 0.75rem 0;
	}
}
/**
/* 会社案内 CSS
----------------------------------------------- */
/*　　代表挨拶　　*/
.greetings-grid:not(:last-child){
	margin-bottom: 6.5rem;
}
.greetings-grid .imageArea{
	width: 35%;
}
.greetings-grid .comment{
	width: 65%;
}
.greetings-grid:nth-child(even) .comment{
	padding-left: 3rem;
}
.greetings-grid:nth-child(odd) .comment{
	padding-right: 3rem;
}
.greetings-grid .comment h3{
	font-family: "Noto Serif JP", serif;
	color: #b6a56b;
	font-size: 1.625rem;
	font-weight: 500;
	line-height: 1.35;
	margin-bottom: 1.5rem;
}
.greetings-grid .comment .p-text{
	line-height: 2;
}
.greetings-grid .comment p.right{
	margin-top: 1em;
	text-align: right;
}
.greetings-grid .comment p.right img{
	width: 10rem;
	margin-left: 0.625rem;
	margin-top: -0.625rem;
}
@media only screen and (max-width: 767px) {
	.greetings-grid:not(:last-child){
		margin-bottom: 3.5rem;
	}
	.greetings-grid .imageArea{
		width: 100%;
		text-align: center;
	}
	.greetings-grid .comment{
		width: 100%;
		margin-top: 2rem;
	}
	.greetings-grid:nth-child(even) .comment{
		padding-left: 0;
	}
	.greetings-grid:nth-child(odd) .comment{
		padding-right: 0;
	}
	.greetings-grid .comment h3{
		font-size: 1.25rem;
		margin-bottom: 1rem;
	}
	.greetings-grid .comment p.right{
		margin-top: 0.625em;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.greetings-guide .greetings-grid{
		align-items: flex-start;
	}
	.greetings-grid .imageArea{
		width: 40%;
	}
	.greetings-grid .comment{
		width: 60%;
	}
	.greetings-grid:nth-child(even) .comment{
		padding-left: 2rem;
	}
	.greetings-grid:nth-child(odd) .comment{
		padding-right: 2rem;
	}
	.greetings-grid .comment h3{
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
}
/*　　会社概要　　*/
.company-guide .company-img{
	height: 25rem;
	margin-bottom: 5rem;
}
.company-guide .company-img img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.company-guide .bg-tbl table th{
	width: 18.75rem;
}
@media only screen and (max-width: 767px) {
	.company-guide .company-img{
		height: 18rem;
		margin-bottom: 3rem;
	}
	.company-guide .bg-tbl table th{
		width: 7.75rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.company-guide .company-img{
		height: 20rem;
		margin-bottom: 3.5rem;
	}
	.company-guide .bg-tbl table th{
		width: 12.75rem;
	}
}
/*　　アクセス　　*/
.access-guide .mapArea iframe{
	height: 25rem;
}
.access-guide .access-grid{
	margin-top: 3rem;
}
.access-guide .accessArea{
	width: 48%;
}
.access-guide .accessArea dl:not(:last-child){
	margin-bottom: 2.5rem;
}
.access-guide .accessArea dl dt{
	font-family: "Noto Serif JP", serif;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.35;
	margin-bottom: 0.625rem;
}
.access-guide .accessArea dl dd{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.45;
}
@media only screen and (max-width: 767px) {
	.access-guide .mapArea iframe{
		height: 18rem;
	}
	.access-guide .access-grid{
		margin-top: 2rem;
	}
	.access-guide .accessArea{
		width: 100%;
	}
	.access-guide .accessArea:not(:last-child){
		margin-bottom: 2rem;
	}
	.access-guide .accessArea dl:not(:last-child){
		margin-bottom: 1.5rem;
	}
	.access-guide .accessArea dl dt{
		font-size: 1rem;
		margin-bottom: 0.375rem;
	}
	.access-guide .accessArea dl dd{
		font-size: 0.9375rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.access-guide .mapArea iframe{
		height: 20rem;
	}
	.access-guide .access-grid{
		margin-top: 2rem;
	}
	.access-guide .accessArea dl:not(:last-child){
		margin-bottom: 1.5rem;
	}
	.access-guide .accessArea dl dt{
		margin-bottom: 0.375rem;
	}
}
/**
/* 採用情報 CSS
----------------------------------------------- */
.recruit-wrap{
	padding: 6.125rem 0 0 0;
}
.recruit-wrap .head-guide h3{
	font-family: "Noto Serif JP", serif;
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 2.5rem;
}
.recruit-wrap .head-guide .p-text{
	font-size: 1.125rem;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.recruit-wrap{
		padding: 3.5rem 0 0 0;
	}
	.recruit-wrap .head-guide h3{
		font-size: 1.375rem;
		margin-bottom: 1.5rem;
	}
	.recruit-wrap .head-guide .p-text{
		font-size: 0.9375rem;
		line-height: 2;
		text-align: left;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.recruit-wrap{
		padding: 4.125rem 0 0 0;
	}
	.recruit-wrap .head-guide h3{
		font-size: 1.875rem;
		margin-bottom: 2rem;
	}
}
/*　　募集職種　　*/
.occupation-grid .imageArea{
	width: 50%;
}
.occupation-grid .contentArea{
	width: 50%;
	padding-left: 3rem;
}
.occupation-grid .contentArea h3{
	position: relative;
	font-family: "Noto Serif JP", serif;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.35;
	margin-bottom: 2.5rem;
}
.occupation-grid .contentArea h3::after{
	position: absolute;
	background: #b6a56b;
	content: '';
	width: 100%;
	height: 1px;
	bottom: -0.8rem;
	left: 0;
}
@media only screen and (max-width: 767px) {
	.occupation-grid .imageArea{
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.occupation-grid .contentArea{
		width: 100%;
		padding-left: 0;
	}
	.occupation-grid .contentArea h3{
		font-size: 1.25rem;
		margin-bottom: 1.875rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.occupation-grid{
		align-items: flex-start;
	}
	.occupation-grid .contentArea{
		padding-left: 2rem;
	}
	.occupation-grid .contentArea h3{
		font-size: 1.375rem;
		margin-bottom: 2rem;
	}
}
/*　　募集要項　　*/
.job-description-tab .jstabs{
	display: flex;
	column-gap: 1.25rem;
	margin-bottom: 4.5rem;
}
.job-description-tab .jstabs .js-tab-btn{
	font-family: "Noto Serif JP", serif;
	color: #b6a56b;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	border: 1px solid #b6a56b;
	cursor: pointer;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	padding: 1rem 4rem;
}
.job-description-tab .jstabs .js-tab-btn:hover,
.job-description-tab .jstabs .js-tab-btn.current{
	background: #b6a56b;
	color: #ffffff;
}
.job-description-tab .js-tab-contents{
	display: none;
}
.job-description-tab .js-tab-contents.current{
	display: block;
}
.job-description-tab .js-tab-contents h3{
	font-family: "Noto Serif JP", serif;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.35;
	margin-bottom: 1rem;
}
.js-tab-contents .bg-tbl table th{
	width: 18.75rem;
}
.job-description-guide .bg-text{
	font-family: "Noto Serif JP", serif;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.68;
	text-align: center;
	margin-top: 3.75rem;
}
.job-description-guide .block_btn{
	margin-top: 3.75rem;
}
@media only screen and (max-width: 767px) {
	.job-description-tab .jstabs{
		column-gap: 0.6255rem;
		margin-bottom: 2rem;
	}
	.job-description-tab .jstabs .js-tab-btn{
		font-size: 1rem;
		padding: 0.625rem 1.5rem;
	}
	.job-description-tab .js-tab-contents h3{
		font-size: 1.125rem;
		margin-bottom: 0.625rem;
	}
	.js-tab-contents .bg-tbl table th{
		width: 7.75rem;
	}
	.job-description-guide .bg-text{
		font-size: 1rem;
		margin-top: 2.75rem;
	}
	.job-description-guide .block_btn{
		margin-top: 1.875rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.job-description-tab .jstabs{
		column-gap: 1rem;
		margin-bottom: 3.5rem;
	}
	.job-description-tab .jstabs .js-tab-btn{
		font-size: 1.125rem;
		padding: 1rem 3rem;
	}
	.job-description-tab .js-tab-contents h3{
		font-size: 1.375rem;
	}
	.js-tab-contents .bg-tbl table th{
		width: 12.75rem;
	}
	.job-description-guide .bg-text{
		font-size: 1.125rem;
		margin-top: 2.75rem;
	}
	.job-description-guide .block_btn{
		margin-top: 2.75rem;
	}
}
/*　　社員インタビュー　　*/
.interview-list{
	column-gap: 2.8125rem;
	row-gap: 4rem;
}
.interview-list .interview-items{
	width: calc(33.3333% - 1.875rem);
}
.interview-list .interview-items .imageArea{
	position: relative;
	overflow: hidden;
	margin-bottom: 1.125rem;
}
.interview-list .interview-items .imageArea:before{
	content: "";
	padding-top: 61.8%;
	display: block;
	height: 0;
}
.interview-list .interview-items .imageArea img{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	object-fit:cover;
	transition: .2s ease-in-out;
}
.interview-list .interview-items .imageArea a{
	cursor: pointer;
}
.interview-list .interview-items .imageArea img:hover{
	transform: scale(1.1);
}
.interview-list .interview-items .department,
.interview-list .interview-items .data,
.interview-list .interview-items .slogan{
	font-family: "Noto Serif JP", serif;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.68;
}
.interview-list .interview-items .name{
	margin-left: 1.5rem;
}
.interview-list .interview-items .slogan{
	margin-top: 0.375rem;
}
@media only screen and (max-width: 767px) {
	.interview-list{
		column-gap: 0;
		row-gap: 3rem;
	}
	.interview-list .interview-items{
		width: 100%;
	}
	.interview-list .interview-items .imageArea{
		margin-bottom: 1rem;
	}
	.interview-list .interview-items .department,
	.interview-list .interview-items .data,
	.interview-list .interview-items .slogan{
		font-size: 1rem;
	}
	.interview-list .interview-items .name{
		margin-left: 1rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.interview-list{
		column-gap: 1.25rem;
		row-gap: 3rem;
	}
	.interview-list .interview-items{
		width: calc(33.3333% - 0.85rem);
	}
	.interview-list .interview-items .imageArea{
		margin-bottom: 1rem;
	}
	.interview-list .interview-items .department,
	.interview-list .interview-items .data,
	.interview-list .interview-items .slogan{
		font-size: 1rem;
	}
	.interview-list .interview-items .name{
		margin-left: 0.625rem;
	}
}
/*　　ポップアップ　　*/
.js-modal-overlay{
	display: none;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	cursor: pointer;
}
.js-modal-overlay.is-active {
	display: block;
}
.js-modal-content{
	opacity: 0;
	position: fixed;
	top: 50%;
	right: 50%;
	width: 90%;
	max-width: 1000px;
	transform: translate(50%,-50%);
	z-index: 10000;
	padding: 3rem;
    background-color: #ffffff;
	pointer-events: none;
	box-shadow: 1.875rem 1.25rem 3.125rem rgba(14, 18, 22, 0.4);
}
.js-modal-content.is-active {
	opacity: 1;
	pointer-events: auto;
}
.modal .modal-close{
	position: absolute;
	background: #15223c;
	width: 3rem;
	height: 3rem;
	color: #ffffff;
	font-size: 2.5rem;
	line-height: 3rem;
	top: -1.375rem;
	right: -1.375rem;
	text-align: center;
	cursor: pointer;
	border-radius: 100%;
}
.staff-modal .staff-data{
	column-gap: 0.3125rem;
	row-gap: 0.3125rem;
}
.staff-modal .staff-data dl{
	width: calc(50% - 0.15625rem);
	border: 1px solid #d2d9e6;
}
.staff-modal .staff-data dl dt{
	background: #d2d9e6;
	width: 8rem;
	font-family: "Noto Serif JP", serif;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.35;
	padding: 0.375rem 1rem;
}
.staff-modal .staff-data dl dd{
	width: calc(100% - 8rem);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.35;
	padding: 0.375rem 1rem;
}
.staff-modal .staff-interview{
	margin-top: 2.5rem;
}
.staff-modal .staff-interview dl + dl{
	margin-top: 2rem;
}
.staff-modal .staff-interview dl dt{
	font-family: "Noto Serif JP", serif;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.65;
	border-bottom:  2px solid #b6a56b;
	padding-bottom: 0.375rem;
	margin-bottom: 0.625rem;
}
.staff-modal .staff-interview dl dd{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.68;
}
@media only screen and (max-width: 767px) {
	.js-modal-content{
		width: 90%;
		padding: 2.5rem 1.5rem 1.5rem 1.5rem;
	}
	.modal .modal-close{
		width: 2.5rem;
		height: 2.5rem;
		font-size: 1.5rem;
		line-height: 2.5rem;
		top: -0.625rem;
		right: -0.625rem;
	}
	.staff-modal .staff-data{
		column-gap: 0;
		row-gap: 0.3125rem;
	}
	.staff-modal .staff-data dl{
		width: 100%;
	}
	.staff-modal .staff-data dl dt{
		width: 7rem;
		font-size: 1rem;
		padding: 0.375rem 0.625rem;
	}
	.staff-modal .staff-data dl dd{
		width: calc(100% - 7rem);
		font-size: 0.9375rem;
		padding: 0.375rem 0.625rem;
	}
	.staff-modal .staff-interview{
		height: 20rem;
		overflow: scroll;
		margin-top: 2rem;
	}
	.staff-modal .staff-interview dl + dl{
		margin-top: 1.25rem;
	}
	.staff-modal .staff-interview dl dt{
		font-size: 1rem;
		padding-bottom: 0.375rem;
		margin-bottom: 0.625rem;
	}
	.staff-modal .staff-interview dl dd{
		font-size: 0.9375rem;
	}
}
/*　　福利厚生　　*/
.benefits-guide .benefits-list{
	column-gap: 1.25rem;
	row-gap: 2.375rem;
}
.benefits-list .benefits-items{
	width: calc(33.3333% - 0.875rem);
	padding: 2.125rem 1.875rem;
	border: 1px solid #d5d4d4;
}
.benefits-list .benefits-items h3{
	position: relative;
	font-family: "Noto Serif JP", serif;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.35;
	margin-bottom: 2rem;
}
.benefits-list .benefits-items h3::after{
	position: absolute;
	background: #b6a56b;
	content: '';
	width: 100%;
	height: 1px;
	bottom: -0.8rem;
	left: 0;
}
.benefits-list .benefits-items p{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.68;
}
@media only screen and (max-width: 767px) {
	.benefits-guide .benefits-list{
		column-gap: 0;
		row-gap: 1.375rem;
	}
	.benefits-list .benefits-items{
		width: 100%;
		padding: 1.875rem 1.5rem;
	}
	.benefits-list .benefits-items h3{
		font-size: 1.125rem;
		margin-bottom: 1.5rem;
	}
	.benefits-list .benefits-items p{
		font-size: 0.9375rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.benefits-guide .benefits-list{
		column-gap: 1rem;
		row-gap: 2rem;
	}
	.benefits-list .benefits-items{
		width: calc(33.3333% - 0.675rem);
		padding: 1.875rem 1.5rem;
	}
}
/**
/* お問い合わせ CSS
----------------------------------------------- */
.contact-wrap{
	padding: 4.125rem 0 8.5rem 0;
}
.contact-wrap .head-guide{
	padding-bottom: 4.125rem!important;
}
.contact-wrap .tel-box{
	border: 1px solid #d5d4d4;
	padding: 1.125rem 1.875rem;
}
.contact-wrap .tel-box .p-text{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.85;
	margin-bottom: 1rem;
}
.contact-wrap .tel-box h3{
	position: relative;
	font-family: "Noto Serif JP", serif;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.35;
	margin-bottom: 3rem;
}
.contact-wrap .tel-box h3::after{
	position: absolute;
	background: #b6a56b;
	content: '';
	width: 100%;
	height: 1px;
	bottom: -0.8rem;
	left: 0;
}
.contact-wrap .tel-box .tel li{
	display: flex;
	align-items: center;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1;
	-webkit-justify-content: center;
	justify-content: center;
}
.contact-wrap .tel-box .tel li a{
	font-family: "Cinzel", serif;
	font-size: 2rem;
	font-weight: 600;
}
.contact-wrap .tel-box .hours{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.45;
	margin-top: 0.35rem;
}
.contact-wrap .tel-box .hours span{
	font-size: 0.85rem;
}
.contact-wrap .tel-box .note{
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.35;
	margin-top: 0.5rem;
}
.contact-guide{
	background: #f3f4f5;
	padding: 4.125rem 0;
}
.contact-guide .return{
	margin-top: -5rem;
	padding-top: 5rem;
}
.form-box{
	background: #ffffff;
	padding: 4rem;
}
.form-box .form-tbl{
	display: flex;
	margin-bottom: 2.5rem;
}
.form-box .form-tbl dt{
	width: 18.25rem;
	border-bottom: 1px solid #b6a56b;
}
.form-box .form-tbl dt .ttl{
	position: relative;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.45;
	padding: 1.25rem 4.25rem 0.625rem 0.625rem;
}
.form-box .form-tbl dt .ttl span{
	position: absolute;
	right: 0;
	display: inline-block;
	background: #c75454;
	color: #ffffff;
	font-size: 0.9375rem;
	font-weight: 700;
	padding: 0 0.625rem;
}
.form-box .form-tbl dd{
	width: calc(100% - 18.25rem);
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
	padding-left: 2.5rem;
}
.form-box .form-tbl dd.check-box{
	padding: 1rem 0 0 1.5rem;
}
.form-box .form-tbl dd.align-center{
	display: flex;
	align-items: center;
}
.form-tbl .wpcf7-not-valid-tip {
	display: none!important;
}
.form-box .alert {
	color: #c75454;
	margin-top: 0.3em;
}
.form-box .target01 .alert{
	margin-left: 1em;
}
.confirm-box .form-tbl dd{
	padding: 1rem 1.125rem 1rem 2.5rem;
}
input[type="date"],
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
textarea,
select{
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #d5d4d4;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25;
	padding: 1rem 1.125rem;
}
input[type="date"]::placeholder,
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder{
	color: #d5d4d4;
}
input[type="date"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
textarea:-ms-input-placeholder{
	color: #d5d4d4;
}
input[type="date"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="url"]::-ms-input-placeholder,
textarea::-ms-input-placeholder{
	color: #d5d4d4;
}
.wpcf7-list-item {
	display: inline-block;
	margin: 0.35rem 0 0 1em;
}

input.confirmBtn,
input.backBtn,
input.submit {
	transition: all 0.5s;
}
input.confirmBtn:hover,
input.backBtn:hover,
input.submit:hover {
	opacity: 0.6;
}
textarea{
	height: 100%;
}
.submit_btn{
	text-align: center;
	margin-top: 5rem;
}
.submit_btn li{
	display: inline-block;
	width: 100%;
	max-width: 18.75rem;
}
.submit_btn li + li{
	margin-left: 1.25rem;
}
input[type="submit"],
input[type="button"]{
	position: relative;
	display: block;
	width: 100%;
	background: #b6a56b;
	border: none;
	font-family: "Noto Serif JP", serif;
	color: #FFFFFF;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 3.4;
	text-align: center;
	cursor: pointer;
}
.submit_btn li input.submit{
	background: #b6a56b;
}
.submit_btn li input.previous{
	background: #a3a3a3;
}
input[type="button"].backBtn {
	background: #d2d9e6;
}
.wpcf7-spinner{
	display: none;
}
@media only screen and (max-width: 767px) {
	.contact-wrap{
		padding: 2.5rem 0 3.5rem 0;
	}
	.contact-wrap .head-guide{
		padding-bottom: 2.125rem!important;
	}
	.contact-wrap .tel-box{
		padding: 1.125rem;
	}
	.contact-wrap .tel-box .p-text{
		font-size: 0.9375rem;
		text-align: left;
		margin-bottom: 1rem;
	}
	.contact-wrap .tel-box h3{
		font-size: 1.5rem;
		margin-bottom: 3rem;
	}
	.contact-wrap .tel-box h3::after{
		bottom: -0.8rem;
	}
	.contact-wrap .tel-box .tel li{
		font-size: 0.9375rem;
	}
	.contact-wrap .tel-box .tel li a{
		font-size: 1.75rem;
	}
	.contact-wrap .tel-box .hours{
		font-size: 0.9375rem;
		margin-top: 0.35rem;
	}
	.contact-wrap .tel-box .hours span{
		font-size: 0.75rem;
	}
	.contact-wrap .tel-box .note{
		font-size: 0.875rem;
		margin-top: 0.5rem;
	}
	.contact-guide{
		padding: 2.125rem 0;
	}
	.contact-guide .return{
		margin-top: -4.05rem;
		padding-top: 4.05rem;
	}
	.form-box{
		padding: 2rem 1.5rem;
	}
	.form-box .form-tbl{
		display: block;
		margin-bottom: 1rem;
	}
	.form-box .form-tbl dt{
		width: 100%;
		margin-bottom: 1rem;
	}
	.form-box .form-tbl dt .ttl span{
		font-size: 0.9375rem;
		padding: 0 0.625rem;
	}
	.form-box .form-tbl dd{
		width: 100%;
		padding-left: 0;
	}
	.form-box .form-tbl dd.check-box{
		padding: 0;
	}
	input[type="date"],
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="url"],
	textarea,
	select{
		padding: 0.625rem 1rem;
	}
	textarea{
		height: 8rem;
	}
	.submit_btn{
		margin-top: 2rem;
	}
	.submit_btn li{
		max-width: 18.75rem;
	}
	.submit_btn li + li{
		margin-left: 0;
		margin-top: 1.25rem;
	}
	input[type="submit"],
	input[type="button"]{
		font-size: 1rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.contact-wrap{
		padding: 3.125rem 0 8.5rem 0;
	}
	.contact-wrap .head-guide{
		padding-bottom: 3.125rem!important;
	}
	.contact-guide{
		padding: 3.125rem 0;
	}
	.form-box{
		padding: 3rem 2.5rem;
	}
	.form-box .form-tbl{
		margin-bottom: 2rem;
	}
	.form-box .form-tbl dt{
		width: 14.25rem;
	}
	.form-box .form-tbl dt .ttl{
		padding: 1.25rem 4.25rem 0.625rem 0.625rem;
	}
	.form-box .form-tbl dt .ttl span{
		font-size: 0.9375rem;
		padding: 0 0.625rem;
	}
	.form-box .form-tbl dd{
		width: calc(100% - 14.25rem);
		padding-left: 2rem;
	}
	textarea{
		height: 100%;
	}
	.submit_btn{
		margin-top: 2.5rem;
	}
}
/*　　プライバシーポリシー　　*/
.privacy-box{
	position: relative;
	margin-top: 6rem;
}
.privacy-box .box{
	background: #FFFFFF;
	border: 1px solid #d5d4d4;
	height: 13.75rem;
	padding: 2rem 2.5rem 1.5rem 2.5rem;
	overflow-y: scroll;
}
.privacy-box h3{
	position: relative;
	font-family: "Noto Serif JP", serif;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.35;
	margin-bottom: 2.5rem;
}
.privacy-box h3::after{
	position: absolute;
	background: #b6a56b;
	content: '';
	width: 50rem;
	height: 1px;
	bottom: -0.8rem;
	left: 0;
}
.privacy-box dl{
	margin-top: 1.125rem;
}
.privacy-box p{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.85;
}
.privacy-box dl dt{
	font-family: "Noto Serif JP", serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
	margin-bottom: 0.3125rem;
}
.privacy-box dl dd{
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.85;
}
@media only screen and (max-width: 767px) {
	.privacy-box{
		margin-top: 3rem;
	}
	.privacy-box .box{
		height: 10rem;
		padding: 1.25rem 1rem 1rem 1rem;
	}
	.privacy-box h3{
		font-size: 1.25rem;
		margin-bottom: 2rem;
	}
	.privacy-box h3::after{
		width: 100%;
	}
	.privacy-box dl{
		margin-top: 1rem;
	}
	.privacy-box p{
		font-size: 0.9375rem;
	}
	.privacy-box dl dt{
		font-size: 0.9375rem;
		margin-bottom: 0.3125rem;
	}
	.privacy-box dl dd{
		font-size: 0.875rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.privacy-box{
		margin-top: 4rem;
	}
	.privacy-box .box{
		padding: 1.5rem;
	}
	.privacy-box h3{
		font-size: 1.375rem;
		margin-bottom: 2rem;
	}
	.privacy-box h3::after{
		width: 40rem;
	}
}
/*　　お問い合わせ完了　　*/
.thanks-guide h3{
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
	margin-bottom: 2rem;
}
.thanks-guide p{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.85;
	text-align: center;
}
.thanks-guide .block_btn{
	margin-top: 4rem;
}
@media only screen and (max-width: 767px) {
	.thanks-guide h3{
		font-size: 1.375rem;
		margin-bottom: 1.5rem;
	}
	.thanks-guide .block_btn{
		margin-top: 2rem;
	}
}
/**
/* サイトマップ CSS
----------------------------------------------- */
.site-map-guide .site-map-list + .site-map-list{
	margin-left: 8.5rem;
}
.site-map-guide .site-map-list li + li{
	margin-top: 2rem;
}
.site-map-guide .site-map-list li a{
	display: block;
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.5;
}
.site-map-guide .site-map-list li ul{
	margin-left: 0.65rem;
	margin-top: 2rem;
}
.site-map-guide .site-map-list li ul li a{
	padding-left: 1.125rem;
}
@media only screen and (max-width: 767px) {
	.site-map-guide .site-map-list{
		width: 100%;
	}
	.site-map-guide .site-map-list + .site-map-list{
		margin-left: 0;
		margin-top: 1.5rem;
	}
	.site-map-guide .site-map-list li + li{
		margin-top: 1.5rem;
	}
	.site-map-guide .site-map-list li a{
		font-size: 1rem;
	}
	.site-map-guide .site-map-list li ul{
		margin-left: 0.375rem;
		margin-top: 1.25rem;
	}
	.site-map-guide .site-map-list li ul li a{
		padding-left: 1rem;
	}
}
/**
/* エラー CSS
----------------------------------------------- */
.error-guide .entry p{
	text-align: center;
}
.error-guide .entry .error_url{
	padding: 3rem 0;
}
.error-guide .entry .block_btn{
	margin-top: 4rem;
}
@media only screen and (max-width: 767px) {
	.error-guide .entry .error_url{
		padding: 1.5rem 0;
	}
	.error-guide .entry .block_btn{
		margin-top: 2rem;
	}
}