@charset "utf-8";
/* CSS Document */

.cate1 .box_wrap{
	flex-direction: column;
	gap: 60px;
	background-color: #fff;
	padding: 60px 20px;
	border-radius: 10px;
}
.cate1 .box_wrap .txtbox{
	flex-direction: column;
	gap: 20px;
}

/* ---------- cate2 ---------- */
.cate2 .box_wrap{
	flex-direction: column;
	gap: 60px;
	background-color: #fff;
	padding: 60px 20px;
	border-radius: 10px;
}
.cate2 .box_wrap .txtbox{
	flex-direction: column;
	gap: 20px;
}
.contact-form_a{
	width: 100%;
}
.contact-form_a .send .send-bt {
    width: 200px;
    position: relative;
    padding: 10px 30px;
    border-radius: 200px;
    border: none;
	background-color: #9DD1BA;
}
/* ---------- cate3 ---------- */
.cate3{
	flex-direction: column;
	gap: 60px;
}
.faq_c{
	width: 100%;
}
.faq_c .box .qbox p {
    font-family: "Bellefair",  sans-serif;
	color: #9DD1BA;
}
.faq_c .box .abox {
    margin-top: 10px;
    background-color: #fff;
    padding: 30px;
}
.faq_c .box .qbox .icon::before, .faq_c .box .qbox .icon::after {
    background-color: #9DD1BA;
}
/* ---------- 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){
	.cate3 {
		gap: 40px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}