@charset "UTF-8";
@import url(common.css);
#js-loader {
  display: none !important; }

.content-wrapper {
  padding-top: 70px; }

.page-ttl {
  color: #1B2B47;
  border-bottom: solid 1px #C8C9CA;
  padding-bottom: 19px;
  font-size: 26px; }

.inner {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto; }

.form-group {
  transition: .3s; }

.sec-ttl {
  font-size: 20px;
  border-bottom: solid 1px #808080;
  font-weight: 500;
  padding-bottom: 14px;
  text-align: left;
  font-family: 'Reisho 101', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif; }

.sec-tel .att, .sec-mail .att {
  margin-top: 18px;
  line-height: 24px; }

.sec-mail {
  margin-top: 106px; }

.sec-tel {
  margin-top: 44px; }
  .sec-tel .number {
    margin-top: 7px;
    line-height: 1; }
    .sec-tel .number a, .sec-tel .number span {
      font-size: 24px;
      font-family: '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
      display: inline-block;
      vertical-align: bottom;
      color: #1B2B47;
      letter-spacing: .05em; }
    .sec-tel .number p {
      display: inline-block;
      vertical-align: bottom;
      line-height: 1;
      padding-bottom: 2px; }

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

.form-area {
  margin-top: 48px;
  padding-bottom: 90px; }
  .form-area .form-group {
    padding: 38px 0;
    margin: 0; }
    .form-area .form-group:nth-child(odd) {
      background: rgba(27, 43, 71, 0.15); }
    .form-area .form-group .form-inner {
      width: 800px;
      margin: 0 auto;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start; }
      .form-area .form-group .form-inner.radio-inner {
        align-items: center; }
      .form-area .form-group .form-inner .form-label {
        width: 230px;
        font-size: 16px;
        font-weight: 500;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-right: 15px;
        min-height: 40px;
        margin-top: 3px; }
        .form-area .form-group .form-inner .form-label .badge {
          display: block;
          width: 60px;
          margin-right: 12px;
          padding: 0;
          border-radius: 0;
          vertical-align: initial;
          font-weight: 500; }
        .form-area .form-group .form-inner .form-label .badge span {
          background: #c1272d;
          color: #fff;
          font-size: 16px;
          padding: 6px 12px;
          line-height: 1.2em;
          border-radius: 0;
          vertical-align: initial;
          text-align: center;
          display: block; }
        .form-area .form-group .form-inner .form-label .label-txt {
          flex: 1;
          line-height: 24px; }
      .form-area .form-group .form-inner .form-content {
        flex: 1;
        min-height: 40px;
        align-items: center; }
        .form-area .form-group .form-inner .form-content input[type=text],
        .form-area .form-group .form-inner .form-content input[type=email],
        .form-area .form-group .form-inner .form-content input[type=tel],
        .form-area .form-group .form-inner .form-content input[type=number],
        .form-area .form-group .form-inner .form-content input[type=date] {
          width: 100%;
          border-radius: 8px;
          border: solid 2px #cccccc;
          background: #fff;
          font-size: 16px;
          padding: 10px 20px;
          height: auto;
          box-shadow: none;
          line-height: initial; }
        .form-area .form-group .form-inner .form-content input[type=date] {
          line-height: 34px; }
        .form-area .form-group .form-inner .form-content .danger {
          margin-top: 8px;
          font-size: 14px; }
        .form-area .form-group .form-inner .form-content .post-icn {
          float: left;
          line-height: 48px;
          margin-right: 10px; }
        .form-area .form-group .form-inner .form-content .input-s {
          width: 220px !important;
          margin-bottom: 10px;
          float: left; }
        .form-area .form-group .form-inner .form-content .input-s + select {
          margin-bottom: 10px;
          float: right; }
        .form-area .form-group .form-inner .form-content select {
          background: #666666;
          color: #fff;
          padding: 10px 20px;
          width: 300px;
          font-size: 16px;
          line-height: 2;
          border: 0;
          border-radius: 8px;
          cursor: pointer; }
        .form-area .form-group .form-inner .form-content textarea {
          border: solid 2px #cccccc;
          font-size: 16px;
          line-height: 24px;
          padding: 9px 20px 8px;
          min-height: 120px;
          min-width: 570px;
          max-width: 570px;
          border-radius: 8px;
          background: #fff;
          box-shadow: none; }
        .form-area .form-group .form-inner .form-content.radio, .form-area .form-group .form-inner .form-content.checkbox {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center; }
          .form-area .form-group .form-inner .form-content.radio label, .form-area .form-group .form-inner .form-content.checkbox label {
            min-height: initial;
            margin: 5px 0; }
          .form-area .form-group .form-inner .form-content.radio .radio-inline, .form-area .form-group .form-inner .form-content.radio .custom-control-inline, .form-area .form-group .form-inner .form-content.checkbox .radio-inline, .form-area .form-group .form-inner .form-content.checkbox .custom-control-inline {
            padding-left: 0;
            margin-left: 0; }
          .form-area .form-group .form-inner .form-content.radio .custom-control-inline, .form-area .form-group .form-inner .form-content.checkbox .custom-control-inline {
            align-items: center; }
        .form-area .form-group .form-inner .form-content input[type='radio'] {
          display: none; }
          .form-area .form-group .form-inner .form-content input[type='radio'] + label {
            padding-left: 24px;
            position: relative;
            margin-right: 15px;
            line-height: 16px;
            transition: .2s ease;
            font-size: 18px;
            cursor: pointer; }
            .form-area .form-group .form-inner .form-content input[type='radio'] + label::before {
              content: "";
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              width: 18px;
              height: 18px;
              border: 1px solid #999;
              border-radius: 50%;
              transition: .2s ease;
              background: #fff; }
            .form-area .form-group .form-inner .form-content input[type='radio'] + label:after {
              transition: .2s ease;
              content: '';
              display: block;
              position: absolute;
              top: 3px;
              left: 3px;
              width: 12px;
              height: 12px;
              background: #1B2B47;
              border-radius: 50%;
              opacity: 0;
              visibility: hidden; }
        .form-area .form-group .form-inner .form-content input[type='radio']:checked + label {
          color: #1B2B47; }
          .form-area .form-group .form-inner .form-content input[type='radio']:checked + label::after {
            content: "";
            opacity: 1;
            visibility: visible; }
        .form-area .form-group .form-inner .form-content input[type='checkbox'] {
          display: none; }
          .form-area .form-group .form-inner .form-content input[type='checkbox'] + label {
            padding-left: 25px;
            width: auto;
            text-align: center;
            font-size: 18px;
            margin-right: 10px;
            position: relative;
            line-height: 18px;
            font-weight: 400; }
            .form-area .form-group .form-inner .form-content input[type='checkbox'] + label:before {
              content: "";
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              width: 18px;
              height: 18px;
              border: 1px solid #999999;
              background: #fff; }
          .form-area .form-group .form-inner .form-content input[type='checkbox']:checked + label:after {
            content: "";
            display: block;
            position: absolute;
            top: 1px;
            left: 5px;
            width: 8px;
            height: 13px;
            transform: rotate(40deg);
            border-bottom: 3px solid #000;
            border-right: 3px solid #000; }
  .form-area .btn-area .btn-submit {
    display: block;
    width: 320px;
    margin: 40px auto 0;
    border: solid 1px #1B2B47;
    color: #1B2B47;
    text-align: center;
    padding: 14px 0 15px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    transition: .3s ease;
    border-radius: 10px; }
    .form-area .btn-area .btn-submit:hover {
      background: #1B2B47;
      color: #fff; }
    .form-area .btn-area .btn-submit:disabled {
      background: #999999 !important;
      cursor: no-drop; }
      .form-area .btn-area .btn-submit:disabled:hover {
        opacity: 1; }
  .form-area .btn-area .back {
    text-align: center;
    margin-top: 15px; }
    .form-area .btn-area .back .btn-back {
      display: block;
      margin: 0 auto;
      background: #999999;
      color: #fff;
      border: solid 1px #999;
      width: 320px;
      font-size: 14px;
      font-weight: bold;
      position: relative;
      text-align: center;
      padding: 15px 0 14px;
      transition: .2s ease;
      cursor: pointer;
      border-radius: 10px; }
      .form-area .btn-area .back .btn-back:hover {
        opacity: .8; }

.confirm-form .form-group .form-inner .form-label {
  min-height: initial;
  line-height: 22px; }
.confirm-form .form-group .form-inner .form-content {
  line-height: 22px;
  min-height: initial; }

.complete-content {
  margin-top: 70px;
  text-align: center; }
  .complete-content .thank-block {
    font-size: 18px;
    line-height: 30px; }
  .complete-content .btn-tp {
    display: block;
    width: 240px;
    height: 60px;
    border-radius: 30px;
    border: solid 2px #1B2B47;
    color: #fff;
    background: #1B2B47;
    text-align: center;
    line-height: 56px;
    font-size: 20px;
    margin: 30px auto 0; }
    .complete-content .btn-tp:hover {
      background: #fff;
      color: #1B2B47; }

@media only screen and (max-width: 768px) {
  .content-wrapper {
    padding-top: 0; }

  .inner {
    max-width: 100%;
    padding: 0 5%; }

  .sec-ttl {
    font-size: 20px;
    padding-bottom: 0;
    text-align: center;
    border-bottom: 0; }

  .sec-tel .att, .sec-mail .att {
    margin-top: 8px;
    font-size: 14px;
    line-height: 24px; }

  .sec-mail {
    margin-top: 55px; }

  .sec-tel {
    margin-top: 40px; }
    .sec-tel .number {
      margin-top: 18px;
      padding-left: 0;
      display: block;
      text-align: center; }
      .sec-tel .number a, .sec-tel .number span {
        font-size: 28px;
        display: block; }
      .sec-tel .number p {
        display: block;
        margin-top: 8px;
        padding-bottom: 0; }

  .form-area {
    margin-top: 50px;
    padding-bottom: 60px; }
    .form-area .form-group {
      padding: 5% 0; }
      .form-area .form-group .form-inner {
        padding: 0 5%;
        display: block;
        width: 100%; }
        .form-area .form-group .form-inner .form-label {
          width: 100%;
          font-size: 14px;
          margin-top: 0;
          padding-right: 0;
          min-height: initial; }
          .form-area .form-group .form-inner .form-label .badge {
            width: auto;
            margin-right: 0; }
            .form-area .form-group .form-inner .form-label .badge span {
              margin-right: 15px;
              font-size: 14px;
              padding: 4px 12px; }
        .form-area .form-group .form-inner .form-content {
          margin-top: 10px;
          min-height: initial; }
          .form-area .form-group .form-inner .form-content input[type=text],
          .form-area .form-group .form-inner .form-content input[type=email],
          .form-area .form-group .form-inner .form-content input[type=tel],
          .form-area .form-group .form-inner .form-content input[type=number],
          .form-area .form-group .form-inner .form-content input[type=date] {
            font-size: 14px;
            padding: 8px 10px; }
          .form-area .form-group .form-inner .form-content select {
            width: 100%;
            padding: 8px 10px;
            height: auto;
            font-size: 14px; }
          .form-area .form-group .form-inner .form-content textarea {
            font-size: 14px;
            line-height: 20px;
            padding: 6px 10px;
            min-height: 120px;
            min-width: 100%;
            max-width: 100%; }
    .form-area .btn-area {
      padding: 0 5%; }
      .form-area .btn-area .btn-submit {
        width: 100%;
        margin: 30px auto 0;
        padding: 15px 0;
        line-height: 1; }
      .form-area .btn-area .back {
        margin-top: 15px; }
        .form-area .btn-area .back .btn-back {
          width: 100%;
          line-height: 1;
          padding: 15px 0; }

  .complete-content {
    margin-top: 80px/3; }
    .complete-content .thank-block {
      font-size: 50px/3;
      line-height: 80px/3; }
    .complete-content .btn-tp {
      margin: 80px/3 auto 0;
      width: 1200px/3;
      max-width: 100%;
      height: 160px/3;
      line-height: 152px/3;
      font-size: 50px/3;
      font-weight: bold;
      border-radius: 80px/3; } }

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