.styling-area p { margin: 0 0 2em; font-size: 108%; line-height: 1.8; }

input[type="submit"] { -webkit-appearance: none; border-radius: 0; }

.tel-list { padding: 2em 2em; margin: 0 2em; border: 2px solid #0b7cc3; box-sizing: border-box; border-radius: 10px; word-wrap: break-word; }
.tel-list dl { margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: baseline;}
.tel-list dl dt { width: 55%; margin-bottom: 0.625rem; font-size: 120%; font-weight: normal; }
.tel-list dl dd { width: 45%; margin: 0 0 0.625rem 0; font-size: 120%; font-weight: bold; color: #0b7cc3; }
.tel-list__time { margin-top: 1.25em; font-size: 108%; }

.contact-status { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 2em; }
.contact-status__input, .contact-status__confirm, .contact-status__thanks { height: 55px; width: 55px; line-height: 55px; text-align: center; background-color: #E6E6E6; border-radius: 9999px; }
.contact-status__line { position: relative; margin: 0; height: 3px; width: 30%; background-color: #E6E6E6; }
.contact-status.is-input .contact-status__input { font-weight: bold; color: white; background-color: #0b7cc3; }
.contact-status.is-confirm .contact-status__confirm { font-weight: bold; color: white; background-color: #0b7cc3; }
.contact-status.is-thanks .contact-status__thanks { font-weight: bold; color: white; background-color: #0b7cc3; }

.contact-body { border-top: 1px solid #a9a9a9; }
.contact-body .form-item { padding: 1.5rem 0; border-bottom: 1px solid #a9a9a9; box-sizing: border-box; }
.contact-body .form-item__label { position: relative; float: left; width: 200px; font-size: 108%; font-weight: bold; line-height: 1.5rem; padding: .3rem 0; }
.contact-body .form-item__label .label { position: absolute; top: 6px; right: 0; padding: .25rem .65rem; font-weight: normal; line-height: 1; color: white; background-color: #FF0101; }
.contact-body .form-item__detail { margin-top: 7px; margin-left: 215px; }
.contact-body .form-item__detail-input, .contact-body .form-item__detail-textarea, .contact-body .form-item__detail-select { vertical-align: middle; display: inline-block; width: 100%; max-width: 100%; padding: 5px 10px; margin: 0; font: inherit; line-height: 1.8; background: #fff; border: 1px solid #e5e5e5; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; transition-property: all; -webkit-transition-property: color,background-color,border; transition-property: color,background-color,border; border-radius: 0; box-sizing: border-box; }
.contact-body .form-item__detail-input.is-error, .contact-body .form-item__detail-textarea.is-error, .contact-body .form-item__detail-select.is-error { background-color: #ffdcdf; }
.contact-body .form-item__detail-input, .contact-body .form-item__detail-select { height: 40px; }
.contact-body .form-item__detail.radioblock label { display: inline-block; margin-right: .5rem; }
.contact-body .form-item__detail-error { margin-top: 6px; color: #FF0101; }

.contact-body.confirm .confirm_hide { display: none; }

@media only screen and (max-width: 589px) { .styling-area p { margin: 0 0 2em; font-size: 108%; line-height: 1.8; }
  input[type="submit"] { -webkit-appearance: none; border-radius: 0; }
  .tel-list { padding: 1em 1em; margin: 0 1em; text-align: center; }
  .tel-list dl { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .tel-list dl dt { width: 100%; margin: 0 auto; font-size: 100%; }
  .tel-list dl dd { width: 100%; margin: 0 auto 1em; font-size: 100%; font-weight: normal; }
  .tel-list__time { margin-top: 1em; font-size: 100%; }
  .contact-status__input, .contact-status__confirm, .contact-status__thanks { height: 45px; width: 45px; font-size: 85%; line-height: 45px; }
  .contact-guide .t-c { text-align: left; }
  .contact-body .form-item__label { display: block; float: none; width: auto; margin-bottom: 6px; line-height: 26px; }
  .contact-body .form-item__label .label { top: 0; }
  .contact-body .form-item__detail { margin-left: 0; }
  .contact-body .form-item__detail-input, .contact-body .form-item__detail-textarea, .contact-body .form-item__detail-select { font-size: 16px !important; } }
@media only screen and (min-width: 590px) and (max-width: 959px) { .styling-area p { margin: 0 0 2em; font-size: 108%; line-height: 1.8; }
  input[type="submit"] { -webkit-appearance: none; border-radius: 0; }
  .tel-list { font-size: 110%; }
  .contact-status__input, .contact-status__confirm, .contact-status__thanks { height: 45px; width: 45px; font-size: 85%; line-height: 45px; }
  .contact-guide .t-c { text-align: left; }
  .contact-body .form-item__label { display: block; float: none; width: auto; margin-bottom: 6px; line-height: 26px; }
  .contact-body .form-item__label .label { top: 0; }
  .contact-body .form-item__detail { margin-left: 0; }
  .contact-body .form-item__detail-input, .contact-body .form-item__detail-textarea, .contact-body .form-item__detail-select { font-size: 16px !important; } }
@media only screen and (min-width: 960px) { .styling-area p { margin: 0 0 2em; font-size: 108%; line-height: 1.8; }
  input[type="submit"] { -webkit-appearance: none; border-radius: 0; } }

/*# sourceMappingURL=contact.css.map */