@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     お問い合わせ
 Notes:          
--------------------------------------------------------------- */
#inquiry {
    width: 100%;
    margin: 4.2% auto 5%;
}

#inquiry .content {
  width: 52.0833%;
  max-width: 980px;
  margin: 0 auto;
	padding: 0 0 3%;
}
.main-title-area {
	margin: 0 auto;
	color: #fff;
    padding: 4% 0 2%;
    border-bottom: 1px solid #002474;
    border-top: 1px solid #000000;
    text-align: center;
}
.main-title-area img{
width: 20.677%;
max-width:397px;
}

.req {
	color: #ffffff;
    background-color: #c20000;
    padding: 0 2%;
    margin-left: 3%;
    font-size: 0.8vw;
}
/* section 1 */
section.sec01 {
	padding: 5% 0;
}

.inquiry-txt01{
width:100%;
text-align: left;
font-size: 1.1vw;
font-weight: bold;
line-height: 170%;
}

.sec01 .wrap {
	padding: 1em 0;
	display: flex;
}
.sec01 .box01 {
	width: 40%;
	padding: 0.5em 0 0 0;
    font-size: 1vw;
    text-align: right;
}
.sec01 .box02 {
	width: 55%;
    margin-left: 5%;
}
.sec01 .txt-box {
	margin: 5% 0;
	text-align: center;
}
.sec01 .txt-box a {
	text-decoration: underline;
}
.sec01 .width01 {
	width: 100% !important;
}
.sec01 .width02 {
	width: 100% !important;
	height: 10em !important;
}

.thanks{
width:55%;
margin: 0 auto;
}

#inquiry .txt01 {
 margin: 5% auto 10%;
    text-align: center;
    font-size: 2vw;
    line-height: 170%;
}
#inquiry .txt02 {
  margin: 0 auto 5%;
line-height: 170%;
}
#inquiry .txt03 {
line-height: 170%;
}



/* ================= smartphone ================= */
@media only screen and (max-width:699px) {
/* section 1 */
#inquiry .content {
  width: 90%;
  margin: 0 auto;
  padding: 3% 0;
}
.sec01 .tel-box {
  margin: 0 auto 5%;
  padding: 1em;
}
.sec01 .tel-box h2.tel {
  font-size: 25px;
}
.sec01 .wrap {
  display: block;
	padding: 0;
}
.sec01 .box01 {
  width: 100%;
}

}