@charset "utf-8";

.cate1 .titlebox1{
margin-bottom:clamp(-60px,-5vw,-35px);
	position:relative;
	z-index:2;
}

.reserve_a .reserve_box{
	max-width:1280px;
	margin:0 auto;
	background:#f5f5f5;
	text-align:center;
	padding:clamp(80px,9vw,90px) 20px clamp(70px,7vw,95px) ;
}

.reserve_a .lead1{
	margin-bottom:28px;
	letter-spacing:.12em;
}

.reserve_a .reserve_more_wrap{
	justify-content:center;
	margin-bottom:34px;
}

.reserve_a .more a,
.contact-form_a .send-bt{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:240px;
	height:54px;
	background:#000;
	color:#fff;
	border-radius:0;
	overflow:hidden;
}



.reserve_a .more a p,
.contact-form_a .send-bt p{
	color:#fff;
	letter-spacing:.12em;
}

.reserve_a .tel_lead{
	margin-bottom:12px;
	letter-spacing:.12em;
}

.reserve_a .telbox{
	justify-content:center;
	align-items:baseline;
	gap:10px;
	color:#333;
}

.reserve_a .telbox .tel{
	font-size:clamp(24px,3vw,34px);
	letter-spacing:.12em;
}

/* form */
.contact-form_a .form-box{
	max-width:980px;
	margin:0 auto;
}

.contact-form_a .box-wrap .box{
	align-items:center;
	gap:30px;
	margin-bottom:28px;
}

.contact-form_a .box-wrap .box h3{
	width:160px;
	position:relative;
	font-weight:400;
}


.contact-form_a .inputbox{
	flex:1;
}


.contact-form_a textarea{
	min-height:210px;
}

.contact-form_a .check-area{
	margin-top:30px;
	text-align:center;
}

.contact-form_a .send{
	justify-content:center;
	margin-top:32px;
}

/* sp */
@media screen and (max-width:768px){
	.contact-form_a .box-wrap .box{
		flex-direction:column;
		align-items:flex-start;
		gap:10px;
	}

	.contact-form_a .box-wrap .box h3{
		width:100%;
		padding-right:70px;
	}

	.contact-form_a .inputbox{
		width:100%;
	}
}

@media screen and (max-width:576px){
	.cate1 .titlebox1{
		margin-bottom:-35px;
	}

	.reserve_a .reserve_more_wrap{
		flex-direction:column;
		align-items:center;
	}

	.reserve_a .more a,
	.contact-form_a .send-bt{
		width:100%;
		max-width:280px;
	}

}
.faq_e1{
	position:relative;
	overflow:hidden;
	background:transparent;
}

.faq_e1 .boxwrap{
	max-width:1280px;
	margin:0 auto;
}

.faq_e1 .box{
	background:#fff;
	border-radius:0;
	overflow:hidden;
	box-shadow:none;
}

.faq_e1 .box:not(:last-of-type){
	margin-bottom:34px;
}

.faq_e1 .box .qbox{
	cursor:pointer;
	position:relative;
	padding:34px 70px 24px 34px;
	background:#fff;
	gap:18px;
}

.faq_e1 .q_icon{
	color:#333;
	font-size:38px;
	font-weight:400;
	line-height:1;
}

.faq_e1 .a_icon{
	color:#999;
	font-size:38px;
	font-weight:400;
	line-height:1;
}

.faq_e1 .box .qbox h3{
	margin:0;
	line-height:1.6;
	color:#333;
}

.faq_e1 .box .qbox .icon{
	position:absolute;
	right:34px;
	top:38px;
	width:22px;
	height:22px;
	border-radius:50%;
	background:#333;
}

.faq_e1 .box .qbox .icon::before,
.faq_e1 .box .qbox .icon::after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	background:#fff;
	transition:.25s ease;
	transform:translate(-50%,-50%);
}

.faq_e1 .box .qbox .icon::before{
	width:9px;
	height:2px;
}

.faq_e1 .box .qbox .icon::after{
	width:2px;
	height:9px;
}

.faq_e1 .box .qbox.active .icon::after{
	opacity:0;
}

.faq_e1 .box .abox{
	display:flex;
	position:relative;
	gap:18px;
	padding:0 34px 32px;
	background:#fff;
}

.faq_e1 .box .abox::before{
	content:"";
	position:absolute;
	left:34px;
	right:34px;
	top:0;
	height:1px;
	background:#ddd;
}

.faq_e1 .box .abox .a_icon{
	padding-top:24px;
	flex-shrink:0;
}

.faq_e1 .box .abox p:last-child{
	margin:0;
	padding-top:22px;
	line-height:2;
	color:#333;
}

body.on .faq_e1 .box .abox{
	display:none;
}

@media screen and (max-width:576px){
	.faq_e1 .box:not(:last-of-type){
		margin-bottom:22px;
	}

	.faq_e1 .box .qbox{
		padding:24px 52px 20px 20px;
		gap:12px;
	}

	.faq_e1 .box .qbox .icon{
		right:20px;
		top:28px;
		width:20px;
		height:20px;
	}

	.faq_e1 .q_icon,
	.faq_e1 .a_icon{
		font-size:30px;
	}

	.faq_e1 .box .abox{
		gap:12px;
		padding:0 20px 24px;
	}

	.faq_e1 .box .abox::before{
		left:20px;
		right:20px;
	}

	.faq_e1 .box .abox p:last-child{
		line-height:1.9;
	}
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}

