@charset "UTF-8";

/*******************************
 
お問い合わせ StyleCss
 
*******************************/
.inquiry .wrap-common{
width: 692px;
}
.inquiry #hero{
background: url(../img/inq_h.jpg) no-repeat top center;
background-size: cover;
min-height: 300px;
margin-bottom: 50px;
}

.inq_read{
font-weight: bold;
margin-bottom: 50px;
}

.inquiry_tel{
background:#00ae99;
color: #fff;
padding: 15px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-pack: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.inquiry_tel .item:nth-of-type(2){
font-size: 42px;
font-weight: bold;
}

.inquiry_title{
padding-top: 80px;
border-bottom: 2px solid #ccc;
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}

.inquiry_caption{
text-align: left;
font-weight: bold;
margin-bottom: 40px;
}
.inquiry_caption img{
vertical-align: middle;
}

.form_structure label,
.form_structure a{
	display: inline-block;
}

.form_structure dl{
display: block;
border-bottom: 0;
padding-bottom: 10px;
margin-bottom: 15px;
text-align: left;
}

.form_structure dl dt{
font-weight: bold;
margin-bottom: 10px;
}

.form_structure dl dd.size50{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.form_structure dl dd{
position: relative;
}

.form_structure dl dd span.must{
position: relative;
display: block;
}

.form_structure dl dd.size50 span.item{
flex-basis: 49.5%;
position: relative;
}

.form_structure dl dd span.must:before{
content:"";
width: 16px;
height: 16px;
background:  url(../img/must@2x.png);
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

.form_structure dl dd input.size_m{
width: 400px;
background: #f0f0f0;
border: 1px solid #ccc;
line-height: 3em;
padding-left: 10px;
}

.form_structure dl dd input.size_l{
width: 100%;
background: #f0f0f0;
border: 1px solid #ccc;
line-height: 3em;
padding-left: 2%;
}

.form_structure dl dd textarea.size_l{
width: 100%;
background: #f0f0f0;
border: 1px solid #ccc;
line-height: 3em;
padding-left: 2%;
}

.form_structure .btn_submit{
	background: #00ae99;
	color: #fff;
	border: 0;
	line-height: 4em;
	padding: 0 80px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 300ms 0s ease;
}
.form_structure .btn_submit:hover{
	opacity: 0.7;
}

.form_structure .btn_back{
background: #ccc;
color: #fff;
border: 0;
line-height: 4em;
padding: 0 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
}

.thx{
text-align: left;
padding: 50px 100px 0;
line-height: 2em;
}
.thx a{
display: inline-block;
background: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 8px 25px;
text-decoration: none;
color: #000;
}
.thx a:hover{
background: #eee;
}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
.inquiry .wrap-common{
width: 85%;
margin: 0 auto;
}
.inquiry_tel{
background:#00ae99;
color: #fff;
padding: 15px 15px;
display: block;
}

.inquiry_tel .item:nth-of-type(2){
font-size: 24px;
font-weight: bold;
}


.form_structure dl dd.size50{
display: block;
}
.form_structure dl dd.size50 span.item{
display: block;
margin-bottom: 15px;
}
.form_structure dl dd{
position: relative;
}

.form_structure dl dd span.must{
position: relative;
display: block;
}

.form_structure dl dd.size50 span.item{
flex-basis: 49.5%;
position: relative;
}

.form_structure dl dd span.must:before{
content:"";
width: 16px;
height: 16px;
background:  url(../img/must@2x.png);
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}


.form_structure dl{
display:block;
margin-bottom: 25px;
}

.form_structure dl dt{
flex-basis: auto;
width: 100%;
margin-bottom: 10px;
}

.form_structure dl dd{
flex-basis: auto;
width: 100%;
}



.form_structure dl dd input.size_m{
width: 98%;
background: #f0f0f0;
border: 1px solid #ccc;
line-height: 3em;
padding-left: 2%;
}

.form_structure dl dd input.size_l{
width: 98%;
background: #f0f0f0;
border: 1px solid #ccc;
line-height: 3em;
padding-left: 2%;

}
.form_structure dl dd textarea.size_l{
width: 98%;
background: #f0f0f0;
border: 1px solid #ccc;
line-height: 3em;
padding-left: 2%;

}


.form_structure .btn_submit{
color: #fff;
border: 0;
line-height: 4em;
padding: 0 60px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.form_structure .btn_back{
background: #ccc;
color: #fff;
border: 0;
line-height: 4em;
padding: 0 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
}
.thx{
padding: 0 10px;

}
}
/*******************************

アラート

*******************************/
.alert{
    padding: 20px;
    border: 1px solid #000;
    margin: 20px;

}
.alert.alert-danger{
    color: #ff000f;
    border-color: #FF0000;
}
/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
}