@charset "utf-8";
#contact_form{}
.contact .tr{
display: flex;
flex-wrap: wrap;
}
.contact .th,.contact .td{}
.contact .th{
width: 25%;
font-weight: bold;
color: #666;
text-align: right;
padding: 1.3em 1em;
}
.contact .th span{color: #d80000;font-weight: bold;}
.contact .td{
width: 75%;
padding: 0.5em 1em;
}
.contact .td.conf{padding-top: 1.3em;}
#contact_form input[type="text"], #contact_form input[type="tel"], #contact_form input[type="email"] {
background-color: #f1f1f1;
border: none;
border-radius: 5px;
padding: 1em 0.7em;
width: 60%;
font-size: 16px; 
}
#contact_form textarea {
width: 100%;
height: 200px;
background-color: #f1f1f1;
border: none;
border-radius: 5px;
padding: 0.7em;
font-size: 16px; 
font-family: "meiryo","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}
#contact_form input::placeholder, 
#contact_form textarea::placeholder{
color: #666;
font-size: 16px; 
font-family: "meiryo","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}
.question{white-space: pre-wrap;}
#contact_form .inputbutton {margin: 3em auto;}
#contact_form .inputbutton input {
font-size: 1.2em;
padding: 1em 1em;
display: block;
text-align: center;
background: #e71a2f;
color: #fff;
font-weight: bold;
border: none;
width: 300px;
margin: 0 auto;
border-radius: 10px;
}
#contact_form .inputbutton.btn2{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#contact_form .inputbutton.btn2 input{margin: 0 1em;}

@media screen and (max-width: 768px) {
.contact .th{width: 100%;text-align: left;padding: 1.3em 0.5em 0em;}
.contact .td{width: 100%;padding: 0.5em 0.5em;}
.contact .td.conf{padding-top: 0.5em;}
#contact_form input[type="text"], #contact_form input[type="tel"], #contact_form input[type="email"] {width: 100%;}
#contact_form .inputbutton input {width: 80%;}
#contact_form .inputbutton.btn2 input{margin: 0 auto 1em;}

}