@charset "UTF-8";
.contact_read{
margin-bottom: 40px;
}
.contact_read .title{
color: #14429a;
font-size: 30px;
font-weight: bold;
margin-bottom: 20px;
}

.contact_tel{
margin-bottom: 40px;
}

.contact_tel .title{
background-color: #14429a;
background-image: url(images/tel_icon.png);
background-repeat: no-repeat;
background-size: 40px;
background-position: 15px center;
color: #fff;
font-size: 24px;
font-weight: bold;
padding: 5px 70px;
margin-bottom: 15px;
}

.contact_tel table th{
vertical-align: middle;
background: #eee;
padding: 20px;
text-align: center;
border-bottom: 1px solid #fff;
}

.contact_tel table td{
padding:0 20px;
border-bottom: 1px solid #fff;

}

.contact_tel a{
font-size: 32px;
color: #14429a;
font-weight: bold;
}

.contact_mail{
margin-bottom: 40px;
}

.contact_mail .title{
background-color: #14429a;
background-image: url(images/mail_icon.png);
background-repeat: no-repeat;
background-size: 40px;
background-position: 15px center;
color: #fff;
font-size: 24px;
font-weight: bold;
padding: 5px 70px;
margin-bottom: 15px;
}

.forms{
margin-bottom: 80px;
}

.forms dl{
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;
}

.forms dl dt{
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;
flex-basis: calc(25% - 40px);
padding: 15px 20px;
background: #dfe9ea;
margin-bottom: 2px;
}

.forms dl dt span.must{
font-size: 10px;
margin-left: 15px;
color: #fff;
background: #cc0000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 3px 5px;
vertical-align: 2px;
}

.forms dl dd{
flex-basis: calc(75% - 60px);
padding: 15px 30px;
line-height: 2em;
}

.forms dl dd span.caption{
display: block;
padding-top: 10px;
font-size: 11px;
color: #666;
}

input[type="button"],input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}

.forms input.form-control{
width: calc(100% - 20px);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 1.6em;
padding: 7px 10px;
border: 1px solid #ccc;
}

.forms input.form-control-zip{
width: 15%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 1.6em;
padding: 7px 10px;
border: 1px solid #ccc;
}

.forms input.form-control-half{
width: calc(50% - 20px);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 1.6em;
padding: 7px 10px;
border: 1px solid #ccc;
}


.forms .form-control-text{
width: calc(100% - 20px);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
line-height: 1.6em;
padding: 7px 10px;
border: 1px solid #ccc;
}

.privacy{
text-align: center;
padding: 50px 0 0;
}

.privacy a{
text-decoration: underline;
}

.submit{
padding-top: 50px;
text-align: center;
}
.submit input.btn_submit{
background: #003288;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
padding: 15px;
min-width: 300px;
text-align: center;
}
.submit input.btn_back{
background: #cccccc;
color: #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
padding: 15px;
min-width: 150px;
margin-right: 20px;
text-align: center;
}

.listback{
text-align: center;
padding: 50px 0 80px;
}

.listback a{
position: relative;
display: inline-block;
min-width: 200px;
padding: 15px;
background: #000;
color: #fff;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

.listback a:before{
content: "\f053";
font-family: "Font Awesome 5 Free";
font-weight:900;
font-weight: bold;
font-style: normal;
display: inline-block;
margin-right: 15px;
}

@media screen and (max-width: 769px) {
.contact_read{
margin-bottom: 40px;
}

.contact_read .title{
font-size: 21px;
margin-bottom: 15px;
}

.contact_read p{
font-size: 12px;
line-height: 1.8em;
}

.contact_tel{
margin-bottom: 30px;
}

.contact_tel .title{
background-size: 30px;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 5px 10px 5px 50px;
margin-bottom: 15px;
}

.contact_tel table{
width: 100%;
}
.contact_tel table th{
display: block;
vertical-align: middle;
background: #eee;
padding:5px 0;
text-align: center;
border-bottom: 1px solid #fff;
}

.contact_tel table td{
display: block;
padding:5px 0;
border-bottom: 1px solid #fff;

}



.contact_tel a{
font-size: 28px;
}

.contact_mail{
margin-bottom: 30px;
}

.contact_mail .title{
background-size: 30px;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 5px 10px 5px 50px;
margin-bottom: 15px;
}

.forms{
margin-bottom: 80px;
}

.forms dl{
display:block;
}

.forms dl dd{
padding: 15px;
}

.forms input.form-control-zip{
width: 30%;
}

.forms input.form-control-half{
width: calc(100% - 20px);
}

.privacy{
text-align: center;
padding: 30px 0;
}

}