@charset "utf-8";
/* ===================================================
	Inquiry CSS
====================================================== */
/* ---------------------------------------------------
	Main title
------------------------------------------------------ */
.box_maintit{ background-image: url("../../img/inquiry/main_img.jpg");}
.box_maintit .tit{ width: 500px; height: 144px;}

@media screen and (max-width: 600px) {
.box_maintit .tit{ width: 300px; height: 86px; top: 74px; bottom: inherit;}
}


/* ---------------------------------------------------
	Section lead
------------------------------------------------------ */
#sec_lead{ padding: 40px 0 0; text-align: center;}
#sec_lead h2{ font-size: 26px; line-height: 1.8; color: #286c35; padding: 0 0 30px;}
#sec_lead p{ font-size: 15px; line-height: 2;}
#sec_lead .flow{ width: 1100px; margin: 90px auto 150px; display: flex; justify-content: center; border-top: solid 1px #c4c4c4;}
#sec_lead .flow li{ position: relative; padding: 16px 70px 0; font-size: 15px; line-height: 1; letter-spacing: 0.07em; width: 5em; text-align: center;}
#sec_lead .flow li::before{ content: ""; border: solid 1px #c4c4c4; background: #fff; border-radius: 16px; width: 16px; height: 16px; position: absolute; top: -10px; left: 50%; margin: 0 0 0 -8px;}
#sec_lead .flow li.current{ font-weight: bold;}
#sec_lead .flow li.current::before{ background: #286c35; border: solid 1px #286c35;}

@media screen and (max-width: 600px) {
#sec_lead{ padding: 40px 4% 0; text-align: left;}
#sec_lead h2{ font-size: 20px; line-height: 1.5; padding: 0 0 10px;}
#sec_lead p{ font-size: 14px; line-height: 1.7; padding: 0; text-align: left;}
#sec_lead .flow{ width: 100%; margin: 30px 0 50px;}
#sec_lead .flow li{ padding: 16px 10px 0; font-size: 13px;}
}