@charset "utf-8";
/* CSS Document */
.contact-form_a .form-box .check-wrap .check-box input[type="radio"]:checked::after {
    background-color: #242424;
}
.contact-form_a .send .send-bt{
	position: relative;
	min-width: 260px;
	border-radius: 200px;
	justify-content: space-between;
	padding: 10px 20px;
	background-color: #F6F6F6;
	border: 1px solid #C4E8D9;
}
.contact-form_a .send .send-bt > div{
	position: relative;
	z-index: 2;
	border-radius: 10px;
	padding: 10px;
	gap: 15px;
	justify-content: space-between;
    width: 100%;
}
.contact-form_a .send .send-bt .icon{
	width: 30px;
	aspect-ratio: 1 / 1;
	background-color: #017138;
	border-radius: 50%;
	transition: ease 0.3s;
}
.contact-form_a .send .send-bt:hover .icon{
	transform: translateX(3px);
}
.contact-form_a .send .send-bt .icon i{
	color: #FAF9F5;
	font-size: 15px;
}
.contact-form_a .send .send-bt p{
	font-family: "Noto Sans JP",  sans-serif;
	line-height: 1;
	font-weight: 500;
}
.main-wrap .tab-box{
	position: relative;
	z-index: 2;
	transform: translateY(1px);
	gap: 20px;
}
.main-wrap .tab-box .bt{
	width: calc(50% - 20px / 2);
	max-width: 260px;
	height: 60px;
	border-radius: 10px 10px 0 0;
	background-color: #E8E8E8;
	cursor: pointer;
}
.main-wrap .tab-box .bt.on{
	background-color: #1EA192;
}
.main-wrap .tab-box .bt.on p{
	color: #fff;
}
.main-wrap .mailform{
	position: relative;
	z-index: 1;
	padding: 80px;
	background-color: #FDFDFD;	
	border: 1px solid #A7EDD0;
	border-radius: 10px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	max-width: 1280px;
	margin: 0 auto;
}

.main-wrap .cate-wrap .cate2{
	background: #A7EDD0;
	background: linear-gradient(135deg, rgba(167, 237, 208, 0.2) 0%, rgba(109, 230, 226, 0.2) 100%);
}

.faq_c .box .qbox{
	justify-content: flex-start;
	gap: 10px;
	flex-wrap: nowrap;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
.contact-form_a .send .send-bt {
    min-width: 260px;
    padding: 10px 20px;
}
	.main-wrap .mailform{
		padding: 50px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.main-wrap .mailform{
		padding: 40px 20px;
	}
	.main-wrap .tab-box{gap: 5px;}
	.main-wrap .tab-box .bt{
		width: calc(50% - 5px / 2);
	}
	.main-wrap .tab-box .bt p{font-size: 14px;}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}