@charset "utf-8";
/**
/* 共通 CSS
----------------------------------------------- */
/*　　見出し　　*/
.guide-ttl{
	position: relative;
	margin-bottom: 3.125rem;
}
.guide-ttl .roma{
	font-family: "Oswald", sans-serif;
	color: #183f7f;
	font-size: 3.75rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 1.625rem;
	text-transform: uppercase;
}
.guide-ttl h2{
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.25;
}
@media only screen and (max-width: 767px) {
	.guide-ttl{
		margin-bottom: 2rem;
	}
	.guide-ttl .roma{
		font-size: 3rem;
		margin-bottom: 1.25rem;
	}
	.guide-ttl h2{
		font-size: 1.25rem;
	}
}
/**
/* ページ共通 CSS
----------------------------------------------- */
.p-text{
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
}
.c-blue{
	color: #61c8e6;
}
@media only screen and (max-width: 767px) {
	.p-text{
		font-size: 0.9375rem;
	}
}
/**
/* トップページ CSS
----------------------------------------------- */
/*　　MV　　*/
.mv-view{
	position: relative;
	padding-bottom: 7.75rem;
	margin-top: 6.25rem;
}
.mv-view::after{
	position: absolute;
	background: url(../img/top/bg_mask1.png) no-repeat top left;
	background-size: cover;
	content: '';
	width: 50%;
	height: 115.625rem;
	right: 0;
	top: 0;
	z-index: -1;
}
.mv-view .slider-wrap{
	position: relative;
	-webkit-justify-content: center;
	justify-content: centerflex-end;
}
.mv-view .view-img{
	width: 80%;
	max-width: 1300px;
	margin-left: auto;
}
.mv-view .view-img .slick-img{
	height: 45.625rem;
}
.mv-view .view-img .slick-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left;
}
.mv-view .view-box{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000;
}
.mv-view .view-box .box{
	position: relative;
	display: inline-block;
	padding: 10.625rem 0 17.375rem 0;
}
.mv-view .view-box h2{
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.53;
	margin-bottom: 2.5rem;
}
.mv-view .view-box p{
	font-size: 1.625rem;
	font-weight: 400;
	line-height: 1.6;
}
.mv-view .view-scroll a{
	position: absolute;
	display: block;
	font-family: "Oswald", sans-serif;
	color: #213771;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	text-transform: uppercase;
	bottom: -2.5rem;
	left: 30%;
	padding-bottom: 12.75rem;
}
.mv-view .view-scroll a:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 11.375rem;
	background: #213771;
}
@media only screen and (max-width: 1560px) {
	.mv-view{
		margin-top: 6.35rem;
	}
}
@media only screen and (max-width: 1350px) {
	.mv-view{
		margin-top: 6rem;
	}
}
@media only screen and (max-width: 767px) {
	.mv-view{
		padding-bottom: 5.75rem;
		margin-top: 4.05rem;
	}
	.mv-view::after{
		height: 115.625rem;
	}
	.mv-view .view-img .slick-img{
		height: 24.625rem;
	}
	.mv-view .view-box .box{
		display: block;
		padding: 4.2rem 0 11.375rem 0;
	}
	.mv-view .view-box h2{
		font-size: 1.875rem;
		margin-bottom: 1.5rem;
	}
	.mv-view .view-box p{
		font-size: 1rem;
	}
	.mv-view .view-scroll a{
		bottom: -1.5rem;
		left: 50%;
		transform: translateX(-50%);
		padding-bottom: 7.75rem;
	}
	.mv-view .view-scroll a:before{
		height: 6.375rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.mv-view{
		padding-bottom: 5.75rem;
		margin-top: 5rem;
	}
	.mv-view::after{
		height: 115.625rem;
	}
	.mv-view .view-img .slick-img{
		height: 24.625rem;
	}
	.mv-view .view-box .box{
		padding: 4.625rem 0 8.375rem 0;
	}
	.mv-view .view-box h2{
		font-size: 2.5rem;
		margin-bottom: 1.5rem;
	}
	.mv-view .view-box p{
		font-size: 1.25rem;
	}
	.mv-view .view-scroll a{
		font-size: 1rem;
		bottom: -3.5rem;
		padding-bottom: 9.75rem;
	}
	.mv-view .view-scroll a:before{
		height: 8.375rem;
	}
}
/*　　無足場ロープ工法とは？　　*/
.front-what{
	padding: 0 0 7.875rem 0;
}
.what-slider .slick-img{
	width: 37.1875rem!important;
	margin: 0 0.3125rem;
}
.what-slider .slick-img img{
	width: 100%;
	height: auto;
	object-fit: cover;
}
.front-what .inner-wrap{
	position: absolute;
	z-index: 10;
	top: 2.5rem;
	right: 50%;
	transform: translateX(50%);
}
.front-what .box{
	position: relative;
	width: 50%;
	background: #ffffff;
	border-radius: 0.5rem;
	padding: 6.25rem 5.9375rem 5.625rem 5.9375rem;
	margin-left: auto;
}
.front-what .box::after{
	position: absolute;
	background: url(../img/deco_what.png) no-repeat center;
	background-size: cover;
	content: '';
	width: 3.6875rem;
	height: 12.5rem;
	left: 0;
	top: 0;
}
.front-what .box .guide-ttl{
	margin-bottom: 3.75rem;
}
.front-what .box .guide-ttl .roma{
	line-height: 1.35;
}
.front-what .box .p-text{
	font-weight: 700;
	line-height: 2.125;
}
@media only screen and (max-width: 767px) {
	.front-what{
		padding: 0 0 3.875rem 0;
	}
	.what-slider .slick-img{
		width: 16.1875rem!important;
		margin: 0 0.3125rem;
	}
	.front-what .inner-wrap{
		position: relative;
		top: 2.5rem;
		right: 0;
		transform: translateX(0%);
	}
	.front-what .box{
		width: 100%;
		padding: 4.25rem 1.75rem 2.625rem 1.75rem;
		margin-left: auto;
	}
	.front-what .box::after{
		width: 2.6875rem;
		height: 9.5rem;
	}
	.front-what .box .guide-ttl{
		margin-bottom: 2.5rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.what-swiper .swiper-slide{
		width: 26.1875rem!important;
	}
	.front-what .box{
		width: 80%;
		padding: 4.25rem 2.5rem 2.625rem 2.5rem;
	}
	.front-what .box .guide-ttl{
		margin-bottom: 2.75rem;
	}
}
/*　　クイックの強み　　*/
.front-strengths{
	background: url(../img/top/bg1.png) no-repeat center;
	background-size: cover;
	padding: 11.25rem 0 2.25rem 0;
	margin-bottom: 2.75rem;
}
.front-strengths .strengths-head{
	align-items: flex-start;
	margin-bottom: 5.375rem;
}
.front-strengths .guide-ttl{
	width: 18.75rem;
	margin-bottom: 0;
}
.front-strengths .guide-ttl .roma{
	position: relative;
	display: inline-block;
	line-height: 1.35;
}
.front-strengths .guide-ttl .roma::after{
	position: absolute;
	background: url(../img/deco_merit.png) no-repeat center;
	background-size: cover;
	content: '';
	width: 1.5625rem;
	height: 2.3125rem;
	right: -2.8125rem;
	bottom: 0.8125rem;
}
.front-strengths .strengths-head .strengths-items{
	width: calc(100% - 23.75rem);
	margin-left: 5rem;
	border: 3px solid #ee761c;
}
.front-strengths .strengths-head .strengths-items .icon{
	width: 10rem;
}
.front-strengths .strengths-head .strengths-items .contentArea{
	width: calc(100% - 10rem);
	padding-left: 1rem;
}
.front-strengths .strengths-items{
	position: relative;
	background: #ffffff;
	padding: 2.1875rem 2.1875rem 1.625rem 2.1875rem;
	border-radius: 0.4375rem;
}
.front-strengths .ttlArea{
	text-align: center;
	margin-bottom: 2.75rem;
}
.front-strengths .ttlArea h3{
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.75;
	margin-bottom: 1.25rem;
}
.front-strengths .ttlArea .p-text{
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.25;
}
.front-strengths .strengths-list{
	column-gap: 3.0625rem;
	row-gap: 2.375rem;
}
.front-strengths .strengths-list .strengths-items{
	width: calc(33.3333% - 2.1rem);
	min-height: 200px;
}
.front-strengths .strengths-list .strengths-items .icon{
	width: 5rem;
}
.front-strengths .strengths-list .strengths-items .contentArea{
	width: calc(100% - 5rem);
	padding-left: 2rem;
}
.front-strengths .strengths-items h3{
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 0.625rem;
}
.front-strengths .strengths-items p{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}
.front-strengths .block_btn{
	margin-top: 1.625rem;
}
@media only screen and (max-width: 767px) {
	.front-strengths{
		padding: 2.25rem 0 2.25rem 0;
		margin-bottom: 1rem;
	}
	.front-strengths .strengths-head{
		margin-bottom: 2.375rem;
	}
	.front-strengths .guide-ttl{
		width: 100%;
	}
	.front-strengths .guide-ttl .roma::after{
		width: 1.5625rem;
		height: 2.3125rem;
		right: -2.8125rem;
		bottom: 0.8125rem;
	}
	.front-strengths .strengths-head .strengths-items{
		width: 100%;
		margin-left: 0;
		margin-top: 2.125rem;
	}
	.front-strengths .strengths-head .strengths-items .icon{
		width: 100%;
		text-align: center;
		margin-bottom: 0.625rem;
	}
	.front-strengths .strengths-head .strengths-items .icon img{
		width: 7rem;
	}
	.front-strengths .strengths-head .strengths-items h3{
		text-align: center;
	}
	.front-strengths .strengths-head .strengths-items .contentArea{
		width: 100%;
		padding-left: 0;
	}
	.front-strengths .strengths-items{
		width: 100%;
		min-height: 100%;
		padding: 1.75rem;
	}
	.front-strengths .ttlArea{
		margin-bottom: 1.75rem;
	}
	.front-strengths .ttlArea h3{
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	.front-strengths .ttlArea .p-text{
		font-size: 1.25rem;
	}
	.front-strengths .strengths-list{
		column-gap: 0;
		row-gap: 0.625rem;
	}
	.front-strengths .strengths-list .strengths-items{
		width: 100%;
		min-height: 100%;
	}
	.front-strengths .strengths-list .strengths-items .icon{
		width: 4rem;
	}
	.front-strengths .strengths-list .strengths-items .contentArea{
		width: calc(100% - 4rem);
		padding-left: 1.5rem;
	}
	.front-strengths .strengths-list .strengths-items h3{
		font-size: 1.375rem;
		margin-bottom: 0.625rem;
	}
	.front-strengths .strengths-list .strengths-items p{
		font-size: 1rem;
	}
	.front-strengths .block_btn{
		margin-top: 2.625rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.front-strengths .strengths-head{
		margin-bottom: 3.375rem;
	}
	.front-strengths .guide-ttl{
		width: 19.75rem;
	}
	.front-strengths .strengths-head .strengths-items{
		width: calc(100% - 21.75rem);
		margin-left: 2rem;
	}
	.front-strengths .strengths-head .strengths-items .icon{
		width: 7rem;
	}
	.front-strengths .strengths-head .strengths-items .contentArea{
		width: calc(100% - 7rem);
		padding-left: 1rem;
	}
	.front-strengths .strengths-items{
		padding: 2.1875rem 1.1875rem 1.25rem 1.1875rem;
	}
	.front-strengths .strengths-list{
		column-gap: 1.25rem;
		row-gap: 2.375rem;
	}
	.front-strengths .strengths-list .strengths-items{
		width: calc(33.3333% - 0.875rem);
	}
	.front-strengths .strengths-list .strengths-items .icon{
		width: 4rem;
	}
	.front-strengths .strengths-list .strengths-items .contentArea{
		width: calc(100% - 4rem);
		padding-left: 1rem;
	}
	.front-strengths .strengths-items h3{
		font-size: 1.375rem;
	}
}
/*　　業務内容　　*/
.front-business{
	padding: 14.375rem 0 5.3125rem 0;
}
.front-business::before,
.front-business::after{
	position: absolute;
	content: '';
}
.front-business::before{
	background: #183f7f;
	width: 100%;
	height: 3px;
	left: 0;
	right: 0;
	top: 4.8125rem;
}
.front-business::after{
	background: url(../img/top/bg_mask2.png) no-repeat top right;
	background-size: cover;
	width: 50%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
}
.front-business .inner-wrap{
	z-index: 2;
}
.front-business .guide-ttl .roma{
	position: relative;
	display: inline-block;
}
.front-business .guide-ttl .roma::after{
	position: absolute;
	background: url(../img/deco_business.png) no-repeat center;
	background-size: cover;
	content: '';
	width: 2.6875rem;
	height: 15.5625rem;
	right: -10.625rem;
	top: -9.85rem;
}
.front-business .comment{
	margin-bottom: 3.75rem;
}
.front-business .comment p{
	font-size: 1rem;
	font-weight: 700;
	line-height: 2;
	text-align: center;
}
.front-business .block_btn{
	margin-top: 3.75rem;
}
@media only screen and (max-width: 767px) {
	.front-business{
		padding: 7.375rem 0 4.3125rem 0;
	}
	.front-business::before{
		height: 2px;
		top: 2.8125rem;
	}
	.front-business::after{
		width: 100%;
	}
	.front-business .guide-ttl .roma::after{
		width: 1.5rem;
		height: 9.5625rem;
		right: -6rem;
		top: -4.75rem;
	}
	.front-business .comment{
		margin-bottom: 2.75rem;
	}
	.front-business .comment p{
		text-align: left;
	}
	.front-business .block_btn{
		margin-top: 2.75rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.front-business{
		padding: 10.375rem 0 5.3125rem 0;
	}
	.front-business .guide-ttl .roma::after{
		height: 16.375rem;
		right: -17.625rem;
		top: -5.85rem;
	}
	.front-business .comment{
		margin-bottom: 2.75rem;
	}
}
/*　　施工実績　　*/
.front-case{
	padding: 7.5rem 0 1.875rem 0;
}
.front-case .guide-ttl{
	margin-bottom: 4.0625rem;
}
.front-case .guide-ttl .roma{
	position: relative;
	display: inline-block;
}
.front-case .guide-ttl .roma::after{
	position: absolute;
	background: url(../img/deco_example.png) no-repeat center;
	background-size: cover;
	content: '';
	width: 5.0625rem;
	height: 3.0625rem;
	right: -6.25rem;
	top: 50%;
	transform: translateY(-50%);
}
.front-case .case-list{
	column-gap: 2.9375rem;
	padding: 0 1.875rem;
}
.front-case .case-list .case-items{
	width: calc(25% - 2.21rem);
}
.front-case .block_btn{
	margin-top: 2.5rem;
}
@media only screen and (max-width: 767px) {
	.front-case{
		padding: 5.5rem 0 2.875rem 0;
	}
	.front-case .guide-ttl{
		margin-bottom: 2.0625rem;
	}
	.front-case .guide-ttl .roma::after{
		width: 4.0625rem;
		height: 2.0625rem;
		right: -5.25rem;
	}
	.front-case .case-list{
		column-gap: 0;
		row-gap: 2.25rem;
	}
	.front-case .case-list .case-items{
		width: 100%;
	}
	.front-case .block_btn{
		margin-top: 2rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.front-case{
		padding: 6.5rem 0 1.875rem 0;
	}
	.front-case .guide-ttl{
		margin-bottom: 3.0625rem;
	}
	.front-case .case-list{
		column-gap: 1.25rem;
		padding: 0 1.875rem;
	}
	.front-case .case-list .case-items{
		width: calc(25% - 0.945rem);
	}
}
/*　　工事の流れ　　*/
.flow-guide{
	padding: 7.5rem 0 7rem 0;
}
.flow-guide::before,
.flow-guide::after{
	position: absolute;
	content: '';
}
.flow-guide::before{
	background: url(../img/top/bg_mask3.png) no-repeat top right;
	background-size: cover;
	width: 40%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
}
.flow-guide::after{
	background: url(../img/top/bg2.png) no-repeat top left;
	background-size: cover;
	width: 55%;
	height: 70%;
	right: 0;
	bottom: 0;
}
.flow-guide .inner-wrap{
	z-index: 2;
}
.flow-guide .inner-wrap::after{
	position: absolute;
	background: url(../img/deco_flow.png) no-repeat center;
	background-size: cover;
	content: '';
	width: 4.6875rem;
	height: 13.6875rem;
	right: -7.5rem;
	top: 5.15rem;
}
.flow-guide .guide-ttl{
	margin-bottom: 5rem;
}
.flow-guide .guide-ttl .roma,
.flow-guide .guide-ttl h2{
	color: #ffffff;
}
.flow-guide .flow-list{
	column-gap: 2.25rem;
}
.flow-guide .flow-list .flow-items{
	position: relative;
	display: flex;
	flex-direction: column;
	width: calc(16.6666% - 1.875rem);
	background: #4271bf;
	border: 1px solid #ffffff;
	padding: 1.875rem 1.25rem;
}
.flow-guide .flow-list .flow-items::after{
	position: absolute;
	background: url(../img/icn_arrow_gray.svg) no-repeat center;
	background-size: cover;
	top: 0;
	bottom: 0;
	right: -1.625rem;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 0.9375rem;
	height: 1.5rem;
}
.flow-guide .flow-list .flow-items:last-child::after{
	content: none;
}
.flow-guide .flow-list .flow-items .no{
	font-family: "Oswald", sans-serif;
	color: #ffffff;
	font-size: 1.875rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 1.25rem;
	text-transform: uppercase;
}
.flow-guide .flow-list .flow-items h3{
	color: #ffffff;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.45;
	margin-bottom: 1.25rem;
}
.flow-guide .flow-list .flow-items .icon{
	text-align: center;
	margin-top: auto;
}
.flow-guide .flow-list .flow-items .icon img{
	width: 3.8125rem;
}
@media only screen and (max-width: 767px) {
	.flow-guide{
		padding: 5rem 0 4rem 0;
	}
	.flow-guide::before{
		width: 100%;
	}
	.flow-guide::after{
		width: 85%;
		height: 80%;
	}
	.flow-guide .inner-wrap::after{
		width: 4.6875rem;
		height: 13.6875rem;
		right: -7.5rem;
		top: 5.15rem;
	}
	.flow-guide .guide-ttl{
		margin-bottom: 3rem;
	}
	.flow-guide .flow-list{
		column-gap: 1rem;
		row-gap: 1rem;
	}
	.flow-guide .flow-list .flow-items{
		width: calc(50% - 0.5rem);
		padding: 1.5rem 1.125rem;
	}
	.flow-guide .flow-list .flow-items::after{
		right: -0.875rem;
		width: 0.625rem;
		height: 1.125rem;
	}
	.flow-guide .flow-list .flow-items:nth-child(2n)::after{
		content: none;
	}
	.flow-guide .flow-list .flow-items .no{
		margin-bottom: 0.625rem;
	}
	.flow-guide .flow-list .flow-items h3{
		margin-bottom: 1rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.flow-guide{
		padding: 5.5rem 0 5rem 0;
	}
	.flow-guide::before,
	.flow-guide::after{
		position: absolute;
		content: '';
	}
	.flow-guide::before{
		width: 45%;
	}
	.flow-guide::after{
		height: 80%;
	}
	.flow-guide .inner-wrap::after{
		width: 4.6875rem;
		height: 13.6875rem;
		right: -7.5rem;
		top: 5.15rem;
	}
	.flow-guide .guide-ttl{
		margin-bottom: 3rem;
	}
	.flow-guide .flow-list{
		column-gap: 2.25rem;
		row-gap: 2.25rem;
	}
	.flow-guide .flow-list .flow-items{
		width: calc(33.3333% - 1.875rem);
	}
	.flow-guide .flow-list .flow-items:nth-child(3n)::after{
		content: none;
	}
}
/*　　対応エリア　　*/
.area-guide{
	background: #c8dbf9;
}
.area-guide .imageArea{
	position: relative;
	width: 60%;
	height: 62.5rem;
}
.area-guide .imageArea img{
	width: 100%;
	height: 100%;
	object-fit:cover;
	object-position: right;
}
.area-guide .contentArea{
	width: 40%;
	max-width: 28.75rem;
	text-align: center;
	padding: 3.75rem;
}
.area-guide .guide-ttl .icon{
	margin-bottom: 1.625rem;
}
.area-guide .guide-ttl .icon img{
	width: 4rem;
}
.area-guide .contentArea .p-text{
	font-weight: 700;
	line-height: 2.125;
	margin-bottom: 2.5rem;
}
.area-guide .contentArea .address{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 1rem;
}
.area-guide .contentArea .tel-btn li a{
	font-family: "Oswald", sans-serif;
	color: #183f7f;
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 1;
}
.area-guide .contentArea .hours{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25;
	margin-top: 0.625rem;
}
.area-guide .contentArea .contact-btn{
	margin-top: 2.125rem;
}
.area-guide .contentArea .contact-btn li{
	display: inline-block;
	width: 100%;
	max-width: 13.75rem;
}
.area-guide .contentArea .contact-btn li a{
	background: #ee761c;
	display: flex;
    justify-content: center;
    gap: .5rem;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.05em;
	border-radius: 3.125rem;
	padding: 1.25rem;
}
.area-guide .contentArea .contact-btn li a .icon{line-height: 1;}
.area-guide .contentArea .contact-btn li.line{margin-top: 1rem;}
.area-guide .contentArea .contact-btn li.line a{background: #05ae4a;}

@media only screen and (max-width: 767px) {
	.area-guide .imageArea{
		width: 100%;
		height: auto;
	}
	.area-guide .contentArea{
		width: 100%;
		max-width: 100%;
		padding: 1.75rem 1.75rem 3.75rem 1.75rem;
	}
	.area-guide .guide-ttl .icon{
		margin-bottom: 1rem;
	}
	.area-guide .guide-ttl .icon img{
		width: 3rem;
	}
	.area-guide .contentArea .p-text{
		margin-bottom: 2rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.area-guide .flex_wrap{
		align-items: normal;
	}
	.area-guide .imageArea{
		width: 58%;
		height: auto;
	}
	.area-guide .contentArea{
		width: 45%;
		padding: 3.5rem 1.75rem;
		margin-left: -3%;
	}
	.area-guide .guide-ttl .icon{
		margin-bottom: 1.25rem;
	}
	.area-guide .guide-ttl .icon img{
		width: 4rem;
	}
	.area-guide .contentArea .p-text{
		margin-bottom: 1.5rem;
	}
	.area-guide .contentArea .contact-btn{
		margin-top: 1.125rem;
	}
}
/*　　代表あいさつ　　*/
.message-guide{
	padding: 8rem 0 7.75rem 0;
}
.message-guide .contentArea{
	width: 62%;
	padding-right: 2rem;
}
.message-guide .guide-ttl .icon{
	margin-bottom: -0.625rem;
}
.message-guide .guide-ttl .icon img{
	width: 3.3125rem;
}
.message-guide .contentArea .comment p{
	font-size: 1rem;
	font-weight: 700;
	line-height: 2.125;
}
.message-guide .imageArea{
	width: 38%;
}
/* dotsを丸くカスタマイズするCSS */
.message-guide .dots-wrap {
    display: flex;
    justify-content: center;
}
.message-guide .dots-wrap li {
    width: 10px;
    height: 10px;
    margin:10px;
    background: #183f7f;
    border-radius: 50%;
    cursor: pointer;
}
.message-guide .dots-wrap li:hover,
.message-guide .dots-wrap li.slick-active {
    background: #ee761c;
}
.message-guide .dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

@media only screen and (max-width: 767px) {
	.message-guide{
		padding: 4rem 0;
	}
	.message-guide .contentArea{
		width: 100%;
		padding-right: 0;
	}
	.message-guide .guide-ttl .icon img{
		width: 2.3125rem;
	}
	.message-guide .contentArea .comment p{
		font-size: 0.9375rem;
	}
	.message-guide .imageArea{
		width: 100%;
		text-align: center;
		margin-bottom: 1.5rem;
	}
	.message-guide .imageArea img{
		width: 60%;
		margin: auto;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.message-guide{
		padding: 6rem 0 5.75rem 0;
	}
}
/*　　会社概要　　*/
.company-guide{
	padding: 9.375rem 0 8.375rem 0;
}
.company-guide::before,
.company-guide::after{
	position: absolute;
	content: '';
}
.company-guide::before{
	background: url(../img/top/company_bg.png) no-repeat top left;
	background-size: contain;
	width: 45%;
	height: 80%;
	left: 0;
	top: -3.5rem;
}
.company-guide::after{
	background: url(../img/top/bg2.png) no-repeat top left;
	background-size: cover;
	width: 85%;
	height: 100%;
	right: 0;
	top: 0;
	bottom: 0;
}
.company-guide .inner-wrap{
	z-index: 2;
}
.company-guide .guide-ttl .roma{
	position: relative;
	display: inline-block;
}
.company-guide .guide-ttl .roma::after{
	position: absolute;
	background: url(../img/deco_company.png) no-repeat center;
	background-size: cover;
	content: '';
	width: 3.0625rem;
	height: 2.8125rem;
	right: -4.3125rem;
	top: 50%;
	transform: translateY(-50%);
}
.company-guide .company-tbl{
	width: 67%;
	max-width: 800px;
	margin-left: auto;
}
.company-guide .company-tbl th,
.company-guide .company-tbl td{
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.875;
	vertical-align: middle;
	border-bottom: 1px solid #b3b3b3;
	padding: 2.1875rem 0 1.75rem 0;
}
.company-guide .company-tbl th{
	width: 8.125rem;
	color: #183f7f;
	padding: 2.1875rem 1.25rem 1.75rem 1.25rem;
}

@media only screen and (max-width: 767px) {
	.company-guide{
		background: #eeeeee;
		padding: 4.375rem 0 4.375rem 0;
	}
	.company-guide::before,
	.company-guide::after{
		content: none;
	}
	.company-guide .guide-ttl .roma::after{
		width: 2.0625rem;
		height: 1.8125rem;
		right: -3.3125rem;
	}
	.company-guide .company-tbl{
		width: 100%;
		margin-left: auto;
	}
	.company-guide .company-tbl th,
	.company-guide .company-tbl td{
		font-size: 0.9375rem;
		padding: 1.1875rem 0 1rem 0;
	}
	.company-guide .company-tbl th{
		width: 7rem;
		padding: 1.1875rem 0.625rem 1rem 0.625rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.company-guide{
		padding: 7.375rem 0 6.375rem 0;
	}
	.company-guide::before{
		width: 45%;
		top: -3.25rem;
	}
	.company-guide::after{
		width: 100%;
	}
	.company-guide .company-tbl{
		margin-left: auto;
	}
	.company-guide .company-tbl th,
	.company-guide .company-tbl td{
		padding: 1.875rem 0 1.375rem 0;
	}
	.company-guide .company-tbl th{
		width: 8.125rem;
		padding: 0.1875rem 1.375rem 0.75rem 1.125rem;
	}
	.company-guide::after{width: 90%;}
}
/**
/* 下層ページ共通 CSS
----------------------------------------------- */
/*　　ページヘッダー　　*/
.page-view{
	background: #eeeeee;
	padding: 6rem 0 1rem 0;
	margin-top: 6.25rem;
}
.page-view .view-ttl{
	text-align: center;
	margin-bottom: 4rem;
}
.page-view .view-ttl .roma{
	font-family: "Oswald", sans-serif;
	color: #183f7f;
	font-size: 3.75rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 1.625rem;
	text-transform: uppercase;
}
.page-view .view-ttl h1{
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.25;
}
@media only screen and (max-width: 1560px) {
	.page-view{
		margin-top: 6.35rem;
	}
}
@media only screen and (max-width: 1350px) {
	.page-view{
		margin-top: 6rem;
	}
}
@media only screen and (max-width: 1024px) {
	.page-view{
		margin-top: 5rem;
	}
}
@media only screen and (max-width: 767px) {
	.page-view{
		padding: 4.5rem 0 1rem 0;
		margin-top: 4.05rem;
	}
	.page-view .view-ttl{
		margin-bottom: 2.5rem;
	}
	.page-view .view-ttl .roma{
		font-size: 3rem;
		margin-bottom: 1.25rem;
	}
	.page-view .view-ttl h1{
		font-size: 1.25rem;
	}
}
/*　　table　　*/
.tbl_bg{
	width: 100%;
}
.tbl_bg caption{
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.45;
	border-left: 0.5rem solid #b8a897;
	padding-left: 1rem;
	margin-bottom: 1.125rem;
}
.tbl_bg th,
.tbl_bg td{
	vertical-align: middle;
}
.tbl_bg th{
	background: #eeeeee;
	border: 1px solid #d5d4d4;
	font-size: 1.125rem;
	font-weight: 500;
}
.tbl_bg td{
	background: #ffffff;
	font-size: 1rem;
	border: 1px solid #d5d4d4;
}
@media only screen and (max-width: 767px) {
	.tbl_bg caption{
		font-size: 1rem;
		border-left: 0.35rem solid #b8a897;
		padding-left: 0.65rem;
		margin-bottom: 0.65rem;
	}
	.tbl_bg th{
		font-size: 1rem;
	}
	.tbl_bg td{
		font-size: 0.9375rem;
	}
}
.marker_y{
	background:linear-gradient(transparent 60%, #ff6 60%);
}
/**
/* 業務内容 CSS
----------------------------------------------- */
.business-guide .comment{
	margin-bottom: 3.75rem;
}
.business-guide .comment p{
	font-size: 1rem;
	font-weight: 700;
	line-height: 2;
	text-align: center;
}
.business-nav{
	column-gap: 2.5rem;
	row-gap: 3.125rem;
}
.business-guide .business-nav{
	margin-bottom: 7.5rem;
}
.business-nav .nav-items{
	width: calc(25% - 1.875rem);
}
/* .business-nav .nav-items:nth-child(1){
	margin-left: 1rem;
}
.business-nav .nav-items:nth-child(3){
	margin-right: 1rem;
} */
.business-nav .nav-items a:hover{
	opacity: 1;
}
.business-nav .nav-items .imageArea{
	position: relative;
	overflow: hidden;
	border-radius: 0.4375rem 0.4375rem 0 0;
}
.business-nav .nav-items .imageArea .img:before{
	content: "";
	padding-top: 61.8%;
	display: block;
	height: 0;
}
.business-nav .nav-items .imageArea .img img{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	object-fit:cover;
	transition: .2s ease-in-out;
}
.business-nav .nav-items a:hover .imageArea .img img{
	transform: scale(1.1);
}
.business-nav .nav-items .no{
	position: absolute;
	left: 1.25rem;
	bottom: 0;
	font-family: "Oswald", sans-serif;
	color: #183f7f;
	font-size: 3.125rem;
	font-weight: 500;
	line-height: 1;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.business-nav .nav-items a:hover .no{
	color: #ee761c;
}
.business-nav .nav-items h3{
	background: #183f7f;
	color: #ffffff;
	/* font-size: 1.375rem; */
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	padding: 2rem 0.625rem;
	border-radius: 0 0 0.4375rem 0.4375rem;
}
.business-nav .nav-items a:hover h3{
	background: #ee761c;
}
.business-list .business-items{
	margin-bottom: 6rem;
}
.business-list .business-items:last-child{
	margin-bottom: 0;
}
.business-list .business-items .business-ttl{
	background: #183f7f;
	color: #ffffff;
	align-items: center;
	padding: 0.625rem 1.25rem;
	margin-bottom: 2rem;
}
.business-list .business-items .business-ttl .no{
	font-family: "Oswald", sans-serif;
	font-size: 3.125rem;
	font-weight: 500;
	line-height: 1.25;
}
.business-list .business-items .business-ttl h2{
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	margin-left: 1.25rem;
}
.business-list .business-items .imageArea{
	width: 40%;
}
.business-list .business-items .imageArea img{
	border-radius: 0.4375rem;
}
.business-list .business-items .imageArea > .note{
	display: inline-block;
	margin-top: 0.8rem;
	font-size: 0.875rem;
}
.business-list .business-items .contentArea{
	width: 60%;
	padding-left: 2rem;
}
.business-list .business-items .contentArea p{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 2;
}
.business-guide .block_btn{
	margin-top: 7.5rem;
}
@media only screen and (max-width: 767px) {
	.business-guide .comment{
		margin-bottom: 2.75rem;
	}
	.business-guide .comment p{
		text-align: left;
	}
	.business-nav{
		column-gap: 1rem;
		row-gap: 1rem;
	}
	.business-guide .business-nav{
		margin-bottom: 4.5rem;
	}
	.business-nav .nav-items{
		width: calc(50% - 0.5rem);
	}
	.business-nav .nav-items:nth-child(1){
		margin-left: 0;
	}
	.business-nav .nav-items:nth-child(3){
		margin-right: 0;
	}
	.business-nav .nav-items .no{
		left: 0.625rem;
		font-size: 2rem;
	}
	.business-nav .nav-items h3{
		font-size: 1.125rem;
		padding: 1.25rem 0.625rem;
	}
	.business-list .business-items{
		margin-bottom: 4rem;
	}
	.business-list .business-items .business-ttl{
		margin-bottom: 1.5rem;
	}
	.business-list .business-items .business-ttl .no{
		font-size: 2rem;
	}
	.business-list .business-items .business-ttl h2{
		font-size: 1.25rem;
		margin-left: 0.625rem;
	}
	.business-list .business-items .imageArea{
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.business-list .business-items .imageArea img{
		border-radius: 0.4375rem;
	}
	.business-list .business-items .contentArea{
		width: 100%;
		padding-left: 0;
	}
	.business-list .business-items .contentArea p{
		font-size: 1rem;
	}
	.business-guide .block_btn{
		margin-top: 4.5rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.business-nav{
		column-gap: 1rem;
		row-gap: 2rem;
	}
	.business-guide .business-nav{
		margin-bottom: 5.5rem;
	}
	.business-nav .nav-items{
		width: calc(25% - 0.75rem);
	}
	.business-nav .nav-items .no{
		left: 0.625rem;
		font-size: 2.125rem;
	}
	.business-nav .nav-items h3{
		font-size: 1.125rem;
		padding: 1.25rem 0;
	}
	.business-list .business-items{
		margin-bottom: 4rem;
	}
	.business-list .business-items .business-ttl{
		margin-bottom: 1.5rem;
	}
	.business-list .business-items .business-ttl .no{
		font-size: 2.125rem;
	}
	.business-list .business-items .business-ttl h2{
		font-size: 1.25rem;
		margin-left: 1.25rem;
	}
	.business-list .business-items .imageArea img{
		border-radius: 0.4375rem;
	}
	.business-list .business-items .contentArea{
		padding-left: 1.5rem;
	}
	.business-list .business-items .contentArea p{
		font-size: 1rem;
	}
}
/**
/* クイックの強み  CSS
----------------------------------------------- */
.strengths-guide .strengths-hrad{
	margin-bottom: 7.5rem;
}
.strengths-guide .strengths-hrad .caption{
	position: relative;
	display: inline-block;
	margin-bottom: 4.375rem;
}
.strengths-guide .strengths-hrad .caption:before,
.strengths-guide .strengths-hrad .caption:after{
	content: "";
	height: 50%;
	width: 2px;
	background-color: #ee761c;
	position: absolute;
	bottom: 0;
}
.strengths-guide .strengths-hrad .caption::before{
    left: -5rem;
    transform: rotate(-25deg);
}
.strengths-guide .strengths-hrad .caption::after{
    right: -5rem;
    transform: rotate(25deg);
}
.strengths-guide .strengths-hrad .caption ul li{
	position: relative;
	font-size: 1.75rem;
	font-weight: 900;
	line-height: 1.45;
	text-align: left;
	padding-left: 2.875rem;
}
.strengths-guide .strengths-hrad .caption ul li + li{
	margin-top: 1.5rem;
}
.strengths-guide .strengths-hrad .caption ul li::before{
	background: url(../img/icn_check.png) no-repeat center;
	background-size: contain;
	content: "";
	width: 1.75rem;
	height: 1.625rem;
	position: absolute;
	top: 0.5rem;
	left: 0;
}
.strengths-guide .strengths-hrad .list-box{
	background: #ffffff;
	border: 2px solid #222222;
}
.strengths-guide .strengths-hrad .list-box h3{
	background: #222222;
	color: #ffffff;
	font-size: 1.875rem;
	font-weight: 900;
	line-height: 1.35;
	padding: 1.25rem;
}
.strengths-guide .strengths-hrad .list{
	column-gap: 1.25rem;
	padding: 1.25rem;
}
.strengths-guide .strengths-hrad .list li{
	color: #183f7f;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.25;
	border: 2px solid #183f7f;
	padding: 1rem 2rem;
}
.strengths-guide .strengths-hrad .arrow-down{
	padding: 2.875rem 0 3.125rem 0;
}
.strengths-guide .strengths-hrad .arrow-down img{
	width: 10rem;
}
.strengths-guide .strengths-hrad .text{
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1.75;
}
.strengths-guide .strengths-hrad .text.mb{
	margin-bottom: 2.5rem;
}
.strengths-guide .strengths-hrad .text span{
	display: inline-block;
}
.strengths-guide .strengths-hrad .text .border{
	line-height: 1.25;
	font-weight: 900;
	background: linear-gradient(transparent 80%, #ee761c 80%);
}
.strengths-guide .strengths-hrad .text .bg_orange{
	background: #ee761c;
	color: #ffffff;
	font-weight: 900;
	line-height: 1.35;
	padding: 0.125rem 0.625rem;
}
.strengths-guide .strengths-hrad .text .bg_blue{
	background: #183f7f;
	color: #ffffff;
	font-weight: 900;
	line-height: 1.35;
	padding: 0.125rem 0.625rem;
}
.strengths-guide .strengths-ttl{
	margin-bottom: 3.5rem;
}
.strengths-guide .strengths-ttl h2{
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.25;
}
.strengths-guide .strengths-nav{
	column-gap: 1rem;
	row-gap: 1rem;
	margin-bottom: 3.5rem;
}
.strengths-nav .nav-items{
	position: relative;
	width: calc(33.3333% - 0.7rem);
	border: 2px solid #ee761c;
	border-radius: 0.4375rem;
	padding: 1rem 1rem 3rem 1rem;
}
.strengths-nav .nav-items::after{
	position: absolute;
	bottom: 0.375rem;
	left: 50%;
	transform: translateX(-50%);
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 1.25rem;
	height: 1.625rem;
	border: 0.625rem solid transparent;
	border-top: 1rem solid #ee761c;
}
.strengths-nav .nav-items .icon{
	text-align: center;
	margin-bottom: 0.625rem;
}
.strengths-nav .nav-items .icon img{
	width: 5rem;
}
.strengths-nav .nav-items h3{
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
}
.strengths-guide .strengths-list .strengths-items{
	margin-bottom: 2.5rem;
}
.strengths-guide .strengths-list .strengths-items h3{
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 0.625rem;
}
.strengths-guide .strengths-list .strengths-items h3 span{
	margin-right: 0.625rem;
}
.strengths-guide .strengths-list .strengths-items figure{
	margin-top: 2.5rem;
}
.strengths-guide .about-guide{
	margin-top: 7.5rem;
}
.strengths-guide .about-guide h2{
	color: #ee761c;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 1.25rem;
}
.strengths-guide .about-guide h2 span{
	margin-right: 0.625rem;
}
.strengths-guide .about-guide h3{
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	margin-bottom: 1.125rem;
}
.strengths-guide .about-guide h4{
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.25;
	margin-top: 2.5rem;
}
.strengths-guide .about-guide h4 span{
	color: #ee761c;
}
.about-guide .compare-list{
	column-gap: 2rem;
	row-gap: 2rem;
	margin-top: 1.25rem;
}
.about-guide .compare-list .compare-items{
	width: calc(33.3333% - 1.375rem);
	border: 2px solid #183f7f;
	padding: 2rem 2rem 1rem 2rem;
}
.about-guide .compare-list .compare-items .no{
	font-family: "Oswald", sans-serif;
	color: #183f7f;
	font-size: 1.75rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 1rem;
	text-transform: uppercase;
}
.about-guide .compare-list .compare-items dl dt,
.about-guide .compare-list .compare-items dl dd{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.25;
}
.about-guide .compare-list .compare-items dl dt{
	width: 5.5rem;
}
.about-guide .compare-list .compare-items dl dd{
	width: calc(100% - 5.5rem);
}
.about-guide .compare-list .compare-items .icon{
	text-align: center;
}
.strengths-guide .block_btn{
	margin-top: 7.5rem;
}
@media only screen and (max-width: 767px) {
	.strengths-guide .strengths-hrad{
		margin-bottom: 3.5rem;
	}
	.strengths-guide .strengths-hrad .caption{
		margin-bottom: 2.375rem;
	}
	.strengths-guide .strengths-hrad .caption::before,
	.strengths-guide .strengths-hrad .caption::after{
	    content: none;
	}
	.strengths-guide .strengths-hrad .caption ul li{
		font-size: 1.125rem;
		padding-left: 2rem;
	}
	.strengths-guide .strengths-hrad .caption ul li + li{
		margin-top: 1rem;
	}
	.strengths-guide .strengths-hrad .caption ul li::before{
		width: 1.5rem;
		height: 1.25rem;
		top: 0.375rem;
	}
	.strengths-guide .strengths-hrad .list-box{
		border: 2px solid #222222;
	}
	.strengths-guide .strengths-hrad .list-box h3{
		font-size: 1.25rem;
		padding: 0.625rem;
	}
	.strengths-guide .strengths-hrad .list{
		column-gap: 0;
		row-gap: 0.375rem;
		padding: 0.625rem;
	}
	.strengths-guide .strengths-hrad .list li{
		width: 100%;
		font-size: 1.125rem;
		padding: 0.625rem;
	}
	.strengths-guide .strengths-hrad .arrow-down{
		padding: 1.875rem 0 2.125rem 0;
	}
	.strengths-guide .strengths-hrad .arrow-down img{
		width: 5rem;
	}
	.strengths-guide .strengths-hrad .text{
		font-size: 1.125rem;
	}
	.strengths-guide .strengths-hrad .text.mb{
		margin-bottom: 1.5rem;
	}
	.strengths-guide .strengths-ttl{
		margin-bottom: 1.5rem;
	}
	.strengths-guide .strengths-ttl h2{
		font-size: 1.25rem;
	}
	.strengths-guide .strengths-nav{
		column-gap: 0.5rem;
		row-gap: 0.5rem;
		margin-bottom: 3.5rem;
	}
	.strengths-nav .nav-items{
		width: calc(50% - 0.25rem);
		padding: 1rem 1rem 2.5rem 1rem;
	}
	.strengths-nav .nav-items::after{
		bottom: 0.125rem;
		width: 1.25rem;
		height: 0.375rem;
		border: 0.625rem solid transparent;
		border-top: 0.875rem solid #ee761c;
	}
	.strengths-nav .nav-items .icon img{
		width: 4rem;
	}
	.strengths-nav .nav-items h3{
		font-size: 1rem;
	}
	.strengths-guide .strengths-list .strengths-items{
		margin-bottom: 1.5rem;
	}
	.strengths-guide .strengths-list .strengths-items h3 span{
		margin-right: 0.375rem;
	}
	.strengths-guide .strengths-list .strengths-items figure{
		margin-top: 1.5rem;
	}
	.strengths-guide .about-guide{
		margin-top: 4.5rem;
	}
	.strengths-guide .about-guide h2{
		font-size: 1.375rem;
	}
	.strengths-guide .about-guide h2 span{
		margin-right: 0.625rem;
	}
	.strengths-guide .about-guide h3{
		font-size: 1.125rem;
		margin-bottom: 1.125rem;
	}
	.strengths-guide .about-guide h4{
		font-size: 1.125rem;
		margin-top: 2rem;
	}
	.about-guide .compare-list{
		column-gap: 0;
		row-gap: 1rem;
		margin-top: 1.25rem;
	}
	.about-guide .compare-list .compare-items{
		width: 100%;
		padding: 1.25rem 1rem 1rem 1rem;
	}
	.about-guide .compare-list .compare-items .no{
		font-size: 1.375rem;
	}
	.about-guide .compare-list .compare-items dl dt,
	.about-guide .compare-list .compare-items dl dd{
		font-size: 1rem;
	}
	.about-guide .compare-list .compare-items dl dt{
		width: 5rem;
	}
	.about-guide .compare-list .compare-items dl dd{
		width: calc(100% - 5rem);
	}
	.strengths-guide .block_btn{
		margin-top: 4.5rem;
	}
}
/**
/* 施工実績 CSS
----------------------------------------------- */
/*　　一覧ページ　　*/
.case-nav{
	column-gap: 1.25rem;
	row-gap: 1rem;
	margin-bottom: 4rem;
}
.case-nav li a{
	display: block;
	color: #183f7f;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
	border: 2px solid #183f7f;
	padding: 0.65rem 3rem;
}
.case-nav li a.current,
.case-nav li a:hover{
	background: #183f7f;
	color: #ffffff;
	opacity: 1;
}
.case-guide .case-list{
	column-gap: 1.25rem;
	row-gap: 4rem;
}
.case-guide .case-list .case-items{
	width: calc(25% - 0.9375rem);
}
.case-list .case-items .imageArea{
	position: relative;
	overflow: hidden;
	border-radius: 0.4375rem;
	margin-bottom: 1.125rem;
}
.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 .data{
	align-items: flex-start;
	margin-bottom: 0.625rem;
}
.case-list .case-items .date{
	font-family: "Oswald", sans-serif;
	color: #183f7f;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 1rem;
}
.case-list .case-items .category{
	margin-top: 1.25rem;
}
.case-list .case-items .category span{
	display: inline-block;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
}
.case-list .case-items .category span a{
	color: #183f7f;
}
.case-list .case-items .category span + span{
	margin-left: 0.625rem;
}
.case-list .case-items .ttl{
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5;
}
@media only screen and (max-width: 1024px) {
	.case-list .case-items{
		width: calc(33.3333% - 0.85rem);
	}
}
@media only screen and (max-width: 767px) {
	.case-nav{
		column-gap: 0.65rem;
		row-gap: 0.65rem;
		margin-bottom: 2rem;
	}
	.case-nav li a{
		font-size:0.9375rem;
		padding: 0.375rem 1rem;
	}
	.case-guide .case-list{
		column-gap: 0;
		row-gap: 2.25rem;
	}
	.case-guide .case-list .case-items{
		width: 100%;
	}
	.case-list .case-items .date{
		margin-bottom: 0.625rem;
	}
	.case-list .case-items .category{
		margin-top: 1rem;
	}
	.case-list .case-items .category span + span{
		margin-left: 0.325rem;
	}
}
/*　　詳細ページ　　*/
.case-header{
	margin-bottom: 4.5rem;
}
.case-header h2{
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.5;
	border-bottom: 2px solid #183f7f;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}
.case-header .date{
	font-family: "Oswald", sans-serif;
	color: #183f7f;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.25;
	margin-left: 1.25rem;
}
.case-header .category span{
	display: inline-block;
}
.case-header .category span + span{
	margin-left: 0.625rem;
}
.case-header .category a{
	background: #183f7f;
	display: block;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
	padding: 0.375rem 0.625rem;
}
.case-gallery{
	max-width: 740px;
	margin: 0 auto 5rem auto;
}
.case-gallery .main-gallery{
	position: relative;
}
.case-gallery .slick-slide img{
	width: 100%;
}
.case-gallery .main-gallery .prev-arrow,
.case-gallery .main-gallery .next-arrow{
	position: absolute;
	top: calc(50% - 1.56rem);
	background-color: #ee761c;
	width: 3.125rem;
	height: 3.125rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.case-gallery .main-gallery .next-arrow{
	right: 0;
}
.case-gallery .main-gallery .prev-arrow{
	left: 0;
}
.case-gallery .main-gallery .next-arrow::after,
.case-gallery .main-gallery .prev-arrow::after{
	color: #fff;
	font-size: 1.5rem;
}
.case-gallery .main-gallery .next-arrow::after{
	content: '→';
}
.case-gallery .main-gallery .prev-arrow::after{
	content: '←';
}
.case-gallery .case-thumbnail{
	margin-top: 0.65rem;
}
.case-gallery .case-thumbnail .slick-track{
	transform: unset !important;
}
.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 .slick-img{
	height: 7.375rem;
	opacity: 0.5;
	margin: 0 0.325rem;
}
.case-gallery .case-thumbnail .slick-img.slick-current{
	opacity: 1;
}
.case-gallery .case-thumbnail .slick-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.case-body .case-tbl{
	margin-bottom: 5rem;
}
.case-body .case-tbl th{width: 7em;}
.case-body .before-after{
	max-width: 740px;
    margin: 0 auto;
}
.case-body .before-after .before-after-list:not(:first-child){
	margin-top: 3rem;
}
.case-body .before-after .before-after-list{
	column-gap: 4rem;
}
.case-body .before-after .before-after-list dl{
	position: relative;
	width: calc(50% - 2rem);
}
.case-body .before-after .before-after-list dl:first-child:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.625rem 0 0.625rem 1rem;
	border-color: transparent transparent transparent #183f7f;
	position: absolute;
	top: 0;
	right: -2.5rem;
	bottom: 0;
	margin: auto;
}
.case-body .before-after .before-after-list dl dd{
	font-family: "Oswald", sans-serif;
	color: #ffffff;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	text-transform: uppercase;
	padding: 0.5rem 1rem;
}
.case-body .before-after .before-after-list .case-before dd{
	background-color: #a8a8a8;
}
.case-body .before-after .before-after-list .case-after dd{
	background-color: #183f7f;
}
@media only screen and (max-width: 767px) {
	.case-header{
		margin-bottom: 2.5rem;
	}
	.case-header h2{
		font-size: 1.25rem;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}
	.case-header .date{
		font-size: 1rem;
		margin-left: 1rem;
	}
	.case-header .category a{
		font-size: 0.9375rem;
	}
	.case-header .category span + span{
		margin-left: 0.375rem;
	}
	.case-gallery{
		margin: 0 auto 3rem auto;
	}
	.case-gallery .main-gallery .prev-arrow,
	.case-gallery .main-gallery .prev-arrow{
		width: 2.125rem;
		height: 2.125rem;
	}
	.case-gallery .main-gallery .prev-arrow::after,
	.case-gallery .main-gallery .prev-arrow::after{
		font-size: 1.125rem;
	}
	.case-gallery .case-thumbnail{
		margin-top: 0.375rem;
	}
	.case-gallery .case-thumbnail .slick-img{
		height: 4rem;
		margin: 0 0.125rem;
	}
	.case-body .before-after .before-after-list:not(:first-child){
		margin-top: 2rem;
	}
	.case-body .before-after .before-after-list{
		column-gap: 2rem;
	}
	.case-body .before-after .before-after-list dl{
		width: calc(50% - 1rem);
	}
	.case-body .before-after .before-after-list dl:first-child:after{
		border-width: 0.375rem 0 0.375rem 0.625rem;
		right: -1.25rem;
	}
	.case-body .before-after .before-after-list dl dd{
		font-size: 1rem;
		padding: 0.375rem 0.65rem;
	}
	.case-body .case-tbl{
		margin-bottom: 3rem;
	}
	.case-tbl .tbl_bg th{
		width: 8.85rem;
	}
}
/**
/* 法人・オーナーの皆様へ CSS
----------------------------------------------- */
.owner-guide .owner-ttl{
	margin-bottom: 6.375rem;
}
.owner-guide .owner-ttl h2{
	position: relative;
	display: inline-block;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.75;
}
.owner-guide .owner-ttl h2:before,
.owner-guide .owner-ttl h2:after{
	content: "";
	height: 100%;
	width: 2px;
	background-color: #ee761c;
	position: absolute;
	top: 0;
}
.owner-guide .owner-ttl h2::before{
	left: -5rem;
	transform: rotate(-25deg);
}
.owner-guide .owner-ttl h2::after{
	right: -5rem;
	transform: rotate(25deg);
}
.worries-guide{
	margin-bottom: 7.5rem;
}
.worries-guide h2{
	color: #ec0000;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	margin-bottom: 2.5rem;
}
.worries-guide .check-box{
	text-align: center;
}
.worries-guide .check-box ul{
	display: inline-block;
}
.worries-guide .check-box ul li{
	position: relative;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.25;
	text-align: left;
	padding-left: 2.5rem;
}
.worries-guide .check-box ul li::before {
	content: '\f00c';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 0;
	left: 0;
	color: #ec0000;
	border: 1px solid #d8d8d8;
	padding: 0 0.3125rem;
}
.worries-guide .check-box ul li + li{
	margin-top: 0.625rem;
}
.worries-guide .bg-text{
	color: #ec0000;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	margin-top: 2.625rem;
}
.rope-guide h2{
	display: flex;
	align-items: center;
	color: #183f7f;
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 1.25;
	transform: rotate(0.05deg);
	margin-bottom: 3rem;
}
.rope-guide h2::before,
.rope-guide h2::after{
	content: "";
	height: 2px;
	flex-grow: 1;
	background-color: #183f7f;
}
.rope-guide h2::before{
	margin-right: 2rem;
}
.rope-guide h2::after{
	margin-left: 2rem;
}
.rope-guide .p-text{
	line-height: 2;
	margin-bottom: 3rem;
}
.rope-guide .box{
	max-width: 740px;
	border: 2px solid #ee761c;
	border-radius: 0.4375rem;
	padding: 2rem 2.5rem;
	margin: 0 auto 3rem auto;
}
.rope-guide .box h3{
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	margin-bottom: 1.5rem;
}
.rope-guide .box ul li{
	position: relative;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.25;
	text-align: left;
	padding-left: 1.125rem;
}
.rope-guide .box ul li + li{
	margin-top: 0.625rem;
}
.rope-guide .box ul li::before{
	content:  "●";
	position: absolute;
	top: 0.65rem;
	left: 0;
	color: #ee761c;
	font-size: 0.3125rem;
}
.rope-guide .rope-gallery{
	column-gap: 0.625rem;
	margin-bottom: 3rem;
}
.rope-guide .rope-gallery li{
	width: calc(25% - 0.475rem);
}
.rope-guide .rope-gallery li img{
	border-radius: 0.3125rem;
}
.rope-guide .comment p{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 2;
}
.owner-guide .block_btn{
	margin-top: 3.5rem;
}
.rope-guide .comment .block_btn{
	margin-top: 6.5rem;
}
@media only screen and (max-width: 767px) {
	.owner-guide .owner-ttl{
		margin-bottom: 3.375rem;
	}
	.owner-guide .owner-ttl h2{
		font-size: 1.25rem;
	}
	.owner-guide .owner-ttl h2::before{
		left: -1.5rem;
	}
	.owner-guide .owner-ttl h2::after{
		right: -1.5rem;
	}
	.worries-guide{
		margin-bottom: 4.5rem;
	}
	.worries-guide h2{
		font-size: 1.25rem;
		margin-bottom: 2rem;
	}
	.worries-guide .check-box ul li{
		font-size: 1rem;
		padding-left: 2rem;
	}
	.worries-guide .check-box ul li::before {
		padding: 0 0.25rem;
	}
	.worries-guide .check-box ul li + li{
		margin-top: 0.875rem;
	}
	.worries-guide .bg-text{
		font-size: 1.125rem;
		margin-top: 2rem;
	}
	.rope-guide h2{
		font-size: 1.25rem;
		margin-bottom: 1.5rem;
	}
	.rope-guide h2::before{
		margin-right: 1rem;
	}
	.rope-guide h2::after{
		margin-left: 1rem;
	}
	.rope-guide .p-text{
		margin-bottom: 1.5rem;
	}
	.rope-guide .box{
		padding: 1.5rem 1.5rem;
		margin: 0 auto 2rem auto;
	}
	.rope-guide .box h3{
		font-size: 1.125rem;
		margin-bottom: 1rem;
	}
	.rope-guide .box ul li{
		font-size: 0.9375rem;
		padding-left: 1rem;
	}
	.rope-guide .box ul li + li{
		margin-top: 0.625rem;
	}
	.rope-guide .box ul li::before{
		top: 0.5rem;
		/* font-size: 0.3125rem; */
	}
	.rope-guide .rope-gallery{
		column-gap: 0.375rem;
		row-gap: 0.375rem;
		margin-bottom: 2rem;
	}
	.rope-guide .rope-gallery li{
		width: calc(50% - 0.475rem);
	}
	.rope-guide .comment p{
		font-size: 1rem;
	}
	.owner-guide .block_btn{
		margin-top: 1.5rem;
	}
	.rope-guide .comment .block_btn{
		margin-top: 3.5rem;
	}
}
/**
/* お問い合わせ CSS
----------------------------------------------- */
.contact-guide .tel-box{
	margin-top: 5rem;
}
.contact-guide .tel-box .box{
	margin-top: 5rem;
}
.contact-guide .tel-box h3{
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.45;
	border-left: 0.5rem solid #ee761c;
	padding-left: 1rem;
	margin-bottom: 1.5rem;
	margin-top: 2rem;
}
.contact-guide .tel-box .tel{padding-left: 1.5rem;}
.contact-guide .tel-box .tel li{
	display: flex;
	align-items: center;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1;
}
.contact-guide .tel-box .tel li a{
	font-family: Lato, sans-serif;
	color: #ee761c;
	font-size: 1.875rem;
	font-weight: 900;
	line-height: 1;
}
.contact-guide .tel-box .hours{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.45;
	margin-top: 1rem;
	margin-bottom: 3.5rem;
	padding-left: 1.5rem;
}
.contact-guide .tel-box .line{padding-left: 1.5rem;}
.contact-guide .tel-box .line li.line_btn{
	width: 3.75rem;
}
.form-box{
	margin-top: 5rem;
}
.form-box .p-required{
	position: relative;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.45;
	margin-bottom: 1rem;
}
.form-box .p-required span{
	color: #ff0000;
	font-weight: 900;
}
.form-box .form-tbl{
	display: flex;
	margin-bottom: 1.25rem;
}
.form-box .form-tbl dt{
	width: 16.25rem;
	background: #eeeeee;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.25;
	padding: 1.25rem;
}
.form-box .form-tbl dt .ttl{
	position: relative;
	display: inline-block;
}
.form-box .form-tbl dt.required .ttl::after{
	position: absolute;
	display: block;
	content: "※";
	color: #ff0000;
	font-size: 0.65rem;
	font-weight: 900;
	line-height: 1.2;
	right: -1rem;
	top: 0;
}
.form-box .form-tbl dd{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: calc(100% - 21.25rem);
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
	padding-left: 1.25rem;
}
.form-box .form-tbl dd ul{
	width: 100%;
}
.form-box .form-tbl dd ul li + li{
	margin-top: 0.625rem;
}
.form-box .form-tbl dd ul.flex{
	column-gap: 1rem;
}
.form-box .form-tbl dd ul.flex li{
	display: flex;
	align-items: center;
	width: calc(50% - 0.5rem);
}
.form-box .form-tbl dd ul.flex li + li{
	margin-top: 0;
}
.form-box .form-tbl dd ul li p{
	margin-bottom: 0.375rem;
}
.form-box .form-tbl dd ul.flex li span.text{
	width: 3rem;
}
.form-box .form-tbl dd ul.flex li input.text{
	width: calc(100% - 3rem);
}
.form-box .form-tbl dd .wpcf7-form-control-wrap{
	width: 100%;
}
.form-box .form-tbl dd label{
	margin-right: 1rem;
}
.form-box .alert {
	font-size: 1rem;
	font-weight: normal;
	color: #dc3232;
}
.form-box .wpcf7-response-output {
	display: none;
}
.form-box .wrap.target06 {
	width: 100%;
}
.form-box .wrap.target09 {
	width: 100%;
}
.form-box .wpcf7-not-valid-tip {
	display: none!important;
}
input[type=checkbox],
input[type=radio]{
	margin: 0 .6rem 0 0;
}
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: "Zen Kaku Gothic New", serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25;
	padding: 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: #a2a2a2;
}
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: #a2a2a2;
}
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: #a2a2a2;
}
input.s-text{
	width: 40%;
}
textarea{
	height: 100%;
}
.acceptance-check{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.45;
	text-align: center;
	margin-top: 3.5rem;
}
.acceptance-check label{
	display: flex;
	align-items: center;
}
.acceptance-check .acceptance{
	transform: scale(1.5);
	border: 1px solid #051338;
}
.acceptance-check .wpcf7-list-item{
	margin: 0;
}
.acceptance-check .wpcf7-list-item-label{
	margin-left: 1rem;
}
.submit_btn{
	text-align: center;
	margin-top: 3rem;
}
.submit_btn li{
	display: inline-block;
	margin:.5rem 1rem;
	width: 100%;
	max-width: 18.75rem;
}
input[type="submit"] {
	position: relative;
	display: block;
	width: 100%;
	background: #ee761c;
	border: none;
	font-family: "Zen Kaku Gothic New", serif;
	color: #FFFFFF;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 3.4;
	letter-spacing: 0.05em;
	text-align: center;
	cursor: pointer;
	border-radius: 3.125rem;
}
.btn_confirm input[type="button"],
.btn_back input[type="button"] {
	position: relative;
	display: block;
	width: 100%;
	background: #ee761c;
	border: none;
	font-family: "Zen Kaku Gothic New", serif;
	color: #FFFFFF;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 3.4;
	letter-spacing: 0.05em;
	text-align: center;
	cursor: pointer;
	border-radius: 3.125rem;
}
.submit_btn li .wpcf7-previous{
	position: relative;
	display: block;
	width: 100%;
	background: #c1c1c1;
	border: none;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	color: #FFFFFF;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 3.4;
	text-align: center;
	cursor: pointer;
	border-radius: 3.125rem;
}
.form-box .p-note{
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
}
.wpcf7-spinner{
	display: none;
}
/* サンクスページ */
.form-thanks{
	text-align: center;
}
.form-thanks h3{margin-bottom: 1rem;}
.form-thanks p{margin-bottom: 2rem;}
/* 住所項目 　*/
input.address-zip,
input.address-pref,
input.address-city {
	width: 15em;
}
@media only screen and (max-width: 767px) {
	.contact-guide .tel-box{
		margin-top: 3rem;
	}
	.contact-guide .tel-box h3{
		font-size: 1rem;
		border-left: 0.35rem solid #ee761c;
		padding-left: 0.65rem;
		margin-bottom: 1rem;
	}
	.contact-guide .tel-box .tel li{
		font-size: 1rem;
	}
	.contact-guide .tel-box .tel li a{
		font-size: 1.5rem;
	}
	.contact-guide .tel-box .hours{
		font-size: 1rem;
		margin-top: 0.65rem;
	}
	.contact-guide .tel-box .hours span{
		font-size: 0.9375rem;
	}
	.form-box{
		margin-top: 3rem;
	}
	.form-box .p-required{
		font-size: 0.9375rem;
		margin-bottom: 0.65rem;
	}
	.form-box .form-tbl{
		display: block;
	}
	.form-box .form-tbl dt{
		width: 100%;
		font-size: 1rem;
		padding: 1rem;
		margin-bottom: 0.35rem;
	}
	.form-box .form-tbl dt.required .ttl::after{
		font-size: 0.65rem;
		right: -1rem;
	}
	.form-box .form-tbl dd{
		width: 100%;
		font-size: 0.9375rem;
		padding-left: 0;
	}
	.form-box .form-tbl dd label{
		margin-right: 0.65rem;
		margin-top: 0.65rem;
	}
	.form-box .form-tbl dd ul li + li{
		margin-top: 0.5rem;
	}
	.form-box .form-tbl dd ul.flex{
		column-gap: 0.5rem;
	}
	.form-box .form-tbl dd ul.flex li{
		width: calc(50% - 0.25rem);
	}
	.form-box .form-tbl dd ul.flex li + li{
		margin-top: 0;
	}
	.form-box .form-tbl dd ul li p{
		margin-bottom: 0.25rem;
	}
	.form-box .form-tbl dd ul.flex li span.text{
		width: 2rem;
	}
	.form-box .form-tbl dd ul.flex li input.text{
		width: calc(100% - 2rem);
	}
	input[type=checkbox],
	input[type=radio]{
		margin: 0 0.375rem 0 0;
	}
	input[type="date"],
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="url"],
	textarea,
	select{
		font-size: 0.9375rem;
		padding: 1rem;
	}
	input.s-text{
		width: 40%;
	}
	.acceptance-check{
		font-size: 1rem;
		margin-top: 3rem;
	}
	.submit_btn{
		margin-top: 2rem;
	}
	input[type="submit"] {
		font-size: 1rem;
	}
	input[type="button"] {
		font-size: 1rem;
	}
	.form-box .p-note{
		font-size: 0.9375rem;
	}
	/* 住所項目 　*/
	input.address-zip,
	input.address-pref,
	input.address-city {
		width: 100%;
	}
}
/*　　プライバシーポリシー　　*/
.privacy-box{
	position: relative;
	margin-top: 5rem;
}
.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{
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.45;
	border-left: 0.5rem solid #ee761c;
	padding-left: 1rem;
	margin-bottom: 1.125rem;
}
.privacy-box dl{
	margin-top: 0.625rem;
}
.privacy-box p{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.85;
}
.privacy-box dl dt{
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
	margin-bottom: 0.3125rem;
}
.privacy-box dl dd{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.85;
}
@media only screen and (max-width: 767px) {
	.privacy-box{
		margin-top: 2rem;
	}
	.privacy-box .box{
		height: 12rem;
		padding: 1rem;
	}
	.privacy-box h3{
		font-size: 1rem;
		border-left: 0.35rem solid #ee761c;
		padding-left: 0.65rem;
		margin-bottom: 1rem;
	}
	.privacy-box p{
		font-size: 0.875rem;
	}
	.privacy-box dl dt{
		font-size: 0.9375rem;
	}
	.privacy-box dl dd{
		font-size: 0.875rem;
	}
}
/**
/* サイトマップ CSS
----------------------------------------------- */
.site-map-guide .site-map-list + .site-map-list{
	margin-left: 6rem;
}
.site-map-guide .site-map-list li + li{
	margin-top: 2rem;
}
.site-map-guide .site-map-list li a{
	display: block;
	color: #333333;
	font-size: 1rem;
	font-weight: 700;
	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{
	position: relative;
	padding-left: 1.125rem;
}
.site-map-guide .site-map-list li ul li a::before{
	content:  "●";
	position: absolute;
	top: 0.65rem;
	left: 0;
	color: #ee761c;
	font-size: 0.3125rem;
}
@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.25rem;
	}
	.site-map-guide .site-map-list li + li{
		margin-top: 1.25rem;
	}
	.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
----------------------------------------------- */
/*一覧*/
.news-list .news-items{
	display: flex;
	border-bottom: 1px solid #F2F2F2;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
}
.news-list .news-items dt{
	display: flex;
	align-items: center;
	width: 12rem;
}
.news-list .news-items .date{
	font-family: "Lato", sans-serif;
	color: #b3b3b3;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1.5;
}
.news-list .news-items .category{
	margin-left: 1.5rem;
}
.news-list .news-items .category a{
	color: #183f7f;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
}
.news-list .news-items dd{
	width: calc(100% - 12rem);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	padding-left: 1rem;
}
@media only screen and (max-width: 767px) {
	.news-list .news-items{
		display: block;
		padding-bottom: 0.75rem;
		margin-bottom: 0.75rem;
	}
	.news-list .news-items dt{
		width: 100%;
		margin-bottom: 0.5rem;
	}
	.news-list .news-items .category{
		font-size: 0.875rem;
		padding: 0.1875rem 0.5rem;
		margin-left: 0.75rem;
	}
	.news-list .news-items dd{
		width: 100%;
		padding-left: 0;
	}
}
/*　　詳細　　*/
.single-guide article{
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 2rem;
}
.single-guide .entry-header{
	border-bottom: 1px solid #D9D9D9;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
}
.single-guide .entry-header .entry-data{
	align-items: center;
	margin-bottom: 2rem;
}
.single-guide .entry-header .dete{
	font-family: "Oswald", sans-serif;
	color: #183f7f;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.25;
}
.single-guide .entry-header .category span{
	color: #183f7f;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
	margin-left: 1rem;
}
.single-guide .entry-header h2{
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.35;
}
.single-guide .entry-body h2{
	position: relative;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}
.single-guide .entry-body h3{
	position: relative;
	font-size: 1.375rem;
	font-weight: 500;
	line-height: 1.5;
	border-bottom: 1px solid #E6E6E6;
	border-left: 0.25rem solid #61c8e6;
	padding-left: 1rem;
	padding-bottom: 0.5rem;
	margin-bottom: 1.5rem;
}
.single-guide .entry-body h4{
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}
.single-guide .entry-body p{
	font-size: 1rem;
	line-height: 2;
	letter-spacing: 0.05em;
	margin-bottom: 2rem;
}
.single-guide .entry-body p img{
	margin: 0.5rem 0;
}
.single-guide .entry-body ol{
	list-style: decimal;
	margin-left: 1.25rem;
}
.single-guide .entry-body ul{
	list-style: disc;
	margin-left: 1.25rem;
}
.single-guide .entry-body ol li,
.single-guide .entry-body ul li{
	font-size: 1rem;
	line-height: 1.875;
	letter-spacing: 0.06em;
}
.single-guide .entry-body figure{
	margin: 0.5rem 0;
}
.single-guide .entry-body figcaption{
	font-size: 90%;
}
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0 1rem 0 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0 0 0 1rem;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
}
.single-guide .page-nav{
	margin-top: 3.5rem;
}
.single-guide .page-nav ul{
	width: 100%;
	display: flex;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.single-guide .page-nav ul .nav__item--prev a,
.single-guide .page-nav ul .nav__item--next a{
	display: flex;
	align-items: center;
}
.single-guide .page-nav ul .nav__item--prev a span,
.single-guide .page-nav ul .nav__item--next a span{
	font-family: "Lato", sans-serif;
	color: #222222;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.45;
	text-transform: uppercase;
}
.single-guide .page-nav ul .nav__item--prev a i,
.single-guide .page-nav ul .nav__item--next a i{
	font-size: 1rem;
}
.single-guide .page-nav ul .nav__item--prev a i{
	margin-right: 0.8125rem;
}
.single-guide .page-nav ul .nav__item--next a i{
	margin-left: 0.8125rem;
}
@media only screen and (max-width: 767px) {
	.single-guide article{
		padding-bottom: 1rem;
	}
	.single-guide .entry-header{
		margin-bottom: 1.5rem;
		padding-bottom: 1.25rem;
	}
	.single-guide .entry-header .entry-data{
		margin-bottom: 1.25rem;
	}
	.single-guide .entry-header .category{
		padding: 0.1875rem 0.3125rem;
		margin-left: 0.625rem;
	}
	.single-guide .entry-header h2{
		font-size: 1.375rem;
	}
	.single-guide .entry-body h2{
		font-size: 1.25rem;
		margin-bottom: 1.125rem;
	}
	.single-guide .entry-body h3{
		font-size: 1.1875rem;
		padding-left: 0.875rem;
		padding-bottom: 0.5rem;
		margin-bottom: 1.125rem;
	}
	.single-guide .entry-body p{
		margin-bottom: 1.5rem;
	}
	.single-guide .entry-body p img{
		margin: 0.25rem 0;
	}
	.single-guide .entry-body figure{
		margin: 0.25rem 0;
	}
	blockquote.alignleft,
	.wp-caption.alignleft,
	img.alignleft {
		margin: 0 0.625rem 0 0;
	}
	blockquote.alignright,
	.wp-caption.alignright,
	img.alignright {
		margin: 0 0 0 0.625rem;
	}
	.single-guide .page-nav{
		margin-top: 2.5rem;
	}
	.single-guide .page-nav ul .nav__item--prev a i{
		margin-right: 0.625rem;
	}
	.single-guide .page-nav ul .nav__item--next a i{
		margin-left: 0.625rem;
	}
}
/**
/* エラー 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;
	}
}