@charset "UTF-8";
/* mailform.scss

***************************************

mailform

*****************************************/
.mailform { padding-top: 60px; padding-bottom: 120px; }
.mailform table { width: 100%; text-align: left; }
.mailform input, .mailform textarea { max-width: 100%; padding: 10px 10px; width: 100%; box-sizing: border-box; }
.mailform select { max-width: 100%; padding: 10px 10px; background: white; border: none; box-sizing: border-box; border-radius: 8px; }
.mailform .w100 { width: 100%; }
.mailform table, .mailform tbody, .mailform tr, .mailform th, .mailform td { display: block; }
.mailform th { padding-bottom: 5px; }
.mailform td { padding-bottom: 30px; }
@media screen and (max-width: 767px) { .mailform .white-in-box { padding: 5%; } }

.form-required { margin-bottom: 10px; }
@media screen and (min-width: 768px) { .form-required { padding-left: 60px; } }

.form-privacy-check span { font-weight: bold; }

.mailform__send__btn { /* iOSでのデフォルトスタイルをリセット */ }
.mailform__send__btn input[type="submit"], .mailform__send__btn input[type="button"] { -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; }
.mailform__send__btn input[type="submit"]::-webkit-search-decoration, .mailform__send__btn input[type="button"]::-webkit-search-decoration { display: none; }
.mailform__send__btn input[type="submit"]::focus, .mailform__send__btn input[type="button"]::focus { outline-offset: -2px; }

@media screen and (min-width: 768px) { .wpcf7-response-output { margin: -60px auto 100px !important; max-width: 500px; text-align: center; } }
@media screen and (max-width: 767px) { .wpcf7-response-output { margin: -30px auto 100px !important; width: 90%; } }

.wpcf7-spinner { position: absolute !important; bottom: -40px; left: 50%; margin-left: -12px !important; }