@charset "UTF-8";
/* お問い合わせ用スタイル */
/* parts */
/* media query */
/* layout */
/* padding, margin */
/* headline */
/* color */
/* flex */
/* font */
/* other */
/* contact-area */
.contact-area {
  width: 75%;
  margin: 0 auto; }
  .contact-area section {
    width: 100%;
    padding: 0 0 7em 0; }
    .contact-area section h2 {
      font-size: 1.5em;
      text-align: left;
      align-items: flex-start; }
      .contact-area section h2::after {
        margin-bottom: 1.5em; }
    .contact-area section p,
    .contact-area section dl {
      font-size: 1.05em;
      padding: 0.75em 0; }
      .contact-area section p span,
      .contact-area section dl span {
        font-family: 'Yu Mincho', serif;
        font-style: normal;
        font-weight: 400;
        font-size: 1.3em;
        leter-spacing: 0.01em; }
    .contact-area section dl dt {
      font-size: 1.1em;
      font-weight: bold;
      padding-bottom: 1.5em; }
    .contact-area section dl dd {
      line-height: 1.8; }

.contact .contents-section {
  width: 60%;
  margin: 0 auto; }
  .contact .contents-section span.req {
    color: #991919; }
  .contact .contents-section table.base-table {
    font-size: 1em;
    line-height: 1.7;
    width: 100%;
    margin: 2em 0; }
    .contact .contents-section table.base-table th, .contact .contents-section table.base-table td {
      padding: 0.5em 2em; }
    .contact .contents-section table.base-table th {
      vertical-align: top; }
      .contact .contents-section table.base-table th span.req {
        font-size: 0.8em;
        font-weight: normal;
        padding-left: 1em; }
    .contact .contents-section table.base-table td textarea {
      width: 100%;
      height: 12em; }
    .contact .contents-section table.base-table td input.error {
      display: inline-block !important; }
    .contact .contents-section table.base-table tr.privacy th {
      white-space: nowrap; }
    .contact .contents-section table.base-table tr.privacy td label {
      padding: 1em;
      margin-top: 1em;
      display: inline-block;
      background: #f1f1f1; }
  .contact .contents-section .btn-area {
    text-align: center;
    width: 100%;
    padding: 2em 0; }
    .contact .contents-section .btn-area button.btn-back {
      color: #fff;
      text-align: center;
      padding: 1em 4em 1em 4em;
      display: inline-block;
      position: relative;
      border-radius: 30px;
      background: #000;
      margin-left: 2em;
      background: #999;
      border: none;
      cursor: pointer; }
      .contact .contents-section .btn-area button.btn-back span {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        align-items: center; }
        .contact .contents-section .btn-area button.btn-back span:after {
          width: 1.8em;
          height: 1em;
          margin-left: 1em;
          display: inline-block;
          background-image: url("../img/icon/arrow_w.png");
          background-repeat: no-repeat;
          background-size: 100% auto;
          content: ''; }
      .contact .contents-section .btn-area button.btn-back:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        border-radius: 50px; }
      .contact .contents-section .btn-area button.btn-back:hover {
        opacity: .6; }

.contact_confirm .contents-section table.base-table tr.privacy {
  display: none; }

.contact_complete .contents-section p {
  text-align: center; }
.contact_complete .contents-section p.complete {
  font-family: 'Yu Mincho', serif;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  font-size: 2em;
  padding-bottom: 3em; }

/* mobile */
@media screen and (max-width: 575px) {
  .contact .contents-section {
    width: 100%; }
    .contact .contents-section input[type="text"],
    .contact .contents-section input[type="email"],
    .contact .contents-section select,
    .contact .contents-section textarea {
      width: 100% !important; } }
/* tablet */
@media screen and (min-width: 576px) and (max-width: 768px) {
  .contact .contents-section {
    width: 90%;
    margin: 0 auto; }
    .contact .contents-section input[type="text"],
    .contact .contents-section input[type="email"],
    .contact .contents-section select,
    .contact .contents-section textarea {
      width: 100% !important; } }

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