@charset "utf-8";
/* CSS Document */
.cate1box{
	padding: 60px 50px;
	gap: 30px;
}
.cate1box .telbox a .icon{
	background-color: #143F91;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin-right: 8px;
}
.cate1box .telbox a .icon img{
	width: 15px;
}
.cate1box .morewrap{
	gap: 10px;
}
.contact-form_a{
	padding: 60px 50px;
}
.contact-form_a .send .send-bt {
	min-width: 200px;
	height: 60px;
	padding: 0px 20px;
	align-items: center;
    position: relative; 
	border-radius: 200px;
	background-color: #143F91;
	overflow: hidden;
	box-sizing: border-box;
	transition: ease 1.0s;
	border: none;
	justify-content: space-between;
}
.contact-form_a .send .send-bt:hover::after{
	transform: translateX(0);
}
.contact-form_a .send .fa-solid {
    width: 22px;
    height: 22px;
    background-color: #fff;
    color: #143F91;
    border-radius: 50%;
    font-size: 12px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
	flex-direction: row;
    transition: transform 0.3s ease;
	margin-left: 10px;
}
.contact-form_a .send .send-bt:hover .fa-solid {
 	transform: translateX(5px);
}
.faq_c .box{
    border: 2px solid #E6E6E6;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}
.faq_c .box .qbox{
    cursor: pointer;
    position: relative;
    padding: 30px 40px;
    padding-right: 80px;     
    border: 0;                  
    border-radius: 0;
}
.faq_c .box .qbox .icon{
    position: absolute;
    width: 26px;
    height: 26px;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    background: #143F91;   
    border-radius: 50%;
}
.faq_c .box .qbox .icon::before,
.faq_c .box .qbox .icon::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;     
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.faq_c .box .qbox .icon::before{
    width: 12px;
    height: 2px;
}
.faq_c .box .qbox .icon::after{
    width: 2px;
    height: 12px;
    opacity: 1;
}
.faq_c .box .qbox.active .icon::after{
    opacity: 0;
}
.faq_c .box .qbox p{
    width: 40px;
}
.faq_c .box .qbox h3{
    flex: 1;
}

.faq_c .box .abox .a_icon{
    width: 40px;
	flex: 0 0 40px;
}
.faq_c .box .abox .atxt{
    flex: 1;
	min-width: 0;
}
.faq_c .box .abox{
    padding: 30px 40px;
    position: relative;
}
.faq_c .box .abox::before{
    content: "";
    position: absolute;
    left: 40px;           
    right: 40px;          
    top: 0;
    height: 1px;
    background-color: #E6E6E6;
}
.cate3 .title-style1{
	width: 100%;
	border-bottom: #E6E6E6 1px solid;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.cate1box {
		padding: 40px 30px;
	}
	.contact-form_a{
		padding: 40px 30px;
	}
	
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate1box .morewrap{
		flex-direction: column;
	}
	.faq_c .box .qbox {
		padding: 20px 30px;
		padding-right: 60px;
	}
	.faq_c .box .qbox .icon {
		right: 22px;
	}
	.faq_c .box .abox{
		padding: 20px 30px;
	}

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate1box {
		padding: 30px 20px;
		gap: 20px;
	}
	.contact-form_a{
		padding: 30px 20px;
	}
    .faq_c .box .qbox {
        padding: 10px 20px;
        padding-right: 40px;
    }
	.faq_c .box .qbox .icon {
		position: absolute;
		width: 20px;
		height: 20px;
		right: 10px;
	}
	.faq_c .box .qbox p {
		width: 20px;
	}
	.faq_c .box .abox{
		padding: 10px 20px;
	}
	.faq_c .box .abox .a_icon {
		width: 20px;
		flex: 0 0 20px;
	}
	.faq_c .box .qbox .icon::before{
		width: 9px;
	}
	.faq_c .box .qbox .icon::after{
		height: 9px;
	}
	.contact-form_a .send .send-bt {
		height: 55px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}