@charset "UTF-8";


/*
COMMON
================================================ */
.inner {
	padding: 0 3vw;
}
.btn_link,
.btn_veiw_all{
	font-size: 4.5vw;
}

/*
header
================================================ */
.header {
	padding: 3vw 0;
}
.header .logo {
	width: 16vw;
}

/*
mv
================================================ */
.mv .logo{
	width: 22vw;
}

/*
main
================================================ */
main section{
	padding: 12vw 0;
}
section .heading{
	font-size: 6vw;
}

/*対応サービス*/
.sec_service .inner{
	padding: 0 5vw;
}
.sec_service ul{
	flex-direction: column;
	gap: 3vw;
}
.sec_service li{
	width: 100%;
	padding: 3vw 2vw;
}
.sec_service li .flex{
	padding-left: 3vw;
	gap: 5vw;
}
.sec_service li img{
	width: 22vw;
}
.sec_service li h3{
	text-align: left;
	font-size: 6vw;
}
.sec_service li .text p{
	font-size: 4.8vw;
	margin-top: 0.5em;
}


/*ご利用の流れ*/
.sec_flow .inner{
	padding-bottom: 35vw;
}
.sec_flow ul{
	width: 100%;
}
.sec_flow li{
	padding: 3vw 0 3vw 7vw;
	border-radius: 12vw;
	margin-bottom: 7vw;
}
.sec_flow li .flex{
	gap: 4vw;
}
.sec_flow li img {
    width: 18vw;
}
.sec_flow li .text h3 {
    font-size: 5.6vw;
}
.sec_flow li .text p{
	font-size: 4vw;
}
.sec_flow li::after{
	top: 26.5vw;
	left: 45%;
}

.sec_flow .personA {
	width: 22vw;
	top: -8vw;
}
.sec_flow .personB{
	width: 35vw;
	left: 15vw;
}
.sec_flow .personC{
	width: 26vw;
	right: 15vw;
}


/*料金相場*/
.sec_price table{
	width: 96%;
	font-size: 4.4vw;
}
.sec_price th,
.sec_price td{
	padding: 3vw 5vw;
}


/*下部２カラム*/
.sec_2column .inner{
	flex-direction: column;
}
.sec_2column .inner .heading{
	font-size: 6vw;
}


/*お役立ち情報*/
.sec_article {
	width: 100%;
}


/*よくある質問*/
.sec_faq{
	width: 100%;
	margin-top: 16vw;
}
.faq_accordion{
	width: 100%;
}
.faq_accordion summary{
	font-size: 4vw;
}
.faq_accordion summary::after{
	width: 8px;
	height: 8px;
	right: 3vw;
}
.faq_accordion .answer{
	font-size: 3.8vw;
}
.faq_accordion .head_A{
	font-size: 4vw;
}


/*お問い合わせ*/
.sec_contact{
	padding-bottom: 15vw;
}
.contact_form{
	font-size: 4vw;
}
.contact_form dl{
	flex-direction: column;
}
.contact_form dt{
	width: 100%;
	margin-bottom: 0.5em;
}
.contact_form dd{
	width: 100%;
}
.contact_form .btn_submit{
	font-size: 5vw;
}


footer{
	font-size: 3.8vw;
}
footer .copyright {
	font-size: 3.2vw;
}