@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* --------------------------------------------------------

                         style

-------------------------------------------------------- */
/* line 13, page_contact.scss */
#contact {
  /* ---------------------------------------------------------------------------------------------
    PC～スマホ 調整（兼タブレット）
  --------------------------------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------------------------------
    スマホ向け設定
  --------------------------------------------------------------------------------------------- */ }
  /* line 19, page_contact.scss */
  #contact .mailformContents {
    /*border-top: 1px solid $bdColor;*/
    padding-top: 0px;
    max-width: 860px;
    margin-bottom: 100px;
    /* 必須アイコン */
    /* 入力フォーム系 */
    /* ボタン */
    /* キャンセルボタン */
    /* 確認前エラー */
    /* 確認ページ */
    /* サンクスページ */ }
    /* line 20, page_contact.scss */
    #contact .mailformContents .read {
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 1.6875rem;
      margin-bottom: 40px; }
      /* line 22, page_contact.scss */
      #contact .mailformContents .read small strong {
        color: red; }
      /* line 24, page_contact.scss */
      #contact .mailformContents .read.errorTit {
        color: #ff0000; }
    /* line 27, page_contact.scss */
    #contact .mailformContents table tr {
      border-bottom: 1px dotted rgba(175, 171, 171, 0.75);
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      /* line 28, page_contact.scss */
      #contact .mailformContents table tr:first-child {
        border-top: 1px dotted rgba(175, 171, 171, 0.75); }
    /* line 31, page_contact.scss */
    #contact .mailformContents table th, #contact .mailformContents table td {
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.8rem;
      text-align: left;
      padding: 15px 15px 15px 15px;
      box-sizing: border-box; }
    /* line 32, page_contact.scss */
    #contact .mailformContents table th {
      width: 250px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: baseline; }
    /* line 37, page_contact.scss */
    #contact .mailformContents table td {
      /*padding-left:0;*/
      width: calc(100% - 250px); }
    /* line 43, page_contact.scss */
    #contact .mailformContents table a {
      color: #843c0c;
      text-decoration: underline; }
    /* line 46, page_contact.scss */
    #contact .mailformContents .must {
      background: #ff0000;
      color: #fff;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.35rem;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 50px;
      margin-left: auto; }
    /* line 48, page_contact.scss */
    #contact .mailformContents input, #contact .mailformContents textarea, #contact .mailformContents select, #contact .mailformContents optgroup, #contact .mailformContents option, #contact .mailformContents .btn button, #contact .mailformContents .mfp_buttons #mfp_button_send {
      font-family: "YakuHanjP", "Noto Sans JP", sans-serif; }
    /* line 49, page_contact.scss */
    #contact .mailformContents input, #contact .mailformContents textarea {
      border: none;
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1.9125rem;
      width: inherit !important;
      height: inherit !important;
      padding: 0 10px;
      box-sizing: border-box;
      max-width: 100%;
      border: 1px solid #adb5bd;
      transform: rotate(0.03deg); }
    /* line 50, page_contact.scss */
    #contact .mailformContents textarea {
      width: 100% !important; }
    /* line 51, page_contact.scss */
    #contact .mailformContents select {
      border: none;
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 1.6875rem;
      margin-bottom: 10px;
      border: 1px solid #adb5bd;
      padding: 4px 10px; }
      /* line 52, page_contact.scss */
      #contact .mailformContents select optgroup, #contact .mailformContents select option {
        font-style: normal; }
    /* line 54, page_contact.scss */
    #contact .mailformContents button[type="submit"] {
      border: none; }
    /* line 55, page_contact.scss */
    #contact .mailformContents .widthAuto {
      max-width: auto !important;
      width: auto !important; }
    /* line 57, page_contact.scss */
    #contact .mailformContents .btn button {
      width: 350px;
      height: 60px !important;
      margin: auto;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 2.025rem;
      font-weight: 600;
      height: 100%;
      background: #2e75b6;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      cursor: pointer;
      transition: 0.5s;
      border: none;
      margin: 50px auto 0;
      -webkit-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.15);
      box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.15);
      /*&::before{ content:"\f138"; font-family:"Font Awesome 5 Pro"; font-weight: 300; @include centerY; right:15px;}*/ }
      /* line 58, page_contact.scss */
      #contact .mailformContents .btn button:hover {
        opacity: 0.7;
        box-shadow: none; }
      /* line 61, page_contact.scss */
      #contact .mailformContents .btn button i {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        right: 15px;
        transition: .25s;
        font-weight: 400;
        font-size: 86%; }
      /* line 62, page_contact.scss */
      #contact .mailformContents .btn button:hover i {
        right: 12px; }
    /* line 65, page_contact.scss */
    #contact .mailformContents #mfp_button_cancel {
      width: 220px;
      height: 46px !important;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.8rem;
      background: #adb5bd !important;
      color: #fff;
      margin: 50px auto 0;
      -webkit-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0);
      -moz-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0);
      box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0); }
    /* line 67, page_contact.scss */
    #contact .mailformContents label.error {
      color: #ff0000;
      font-weight: bold; }
    /* line 68, page_contact.scss */
    #contact .mailformContents .error_messe {
      /*text-align: left;*/ }
      /* line 69, page_contact.scss */
      #contact .mailformContents .error_messe:not(:last-child) {
        margin-bottom: 15px; }
  /* line 77, page_contact.scss */
  #contact.thanks .intro .catch {
    width: 100%;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 3.15rem;
    padding: 10px 0; }
  /* line 79, page_contact.scss */
  #contact.thanks .mailformContents {
    padding-bottom: 100px; }
  /* line 80, page_contact.scss */
  #contact.thanks .read {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2.2rem;
    padding: 0px 0 30px; }
  /* line 81, page_contact.scss */
  #contact.thanks .sec.sec02 {
    background: rgba(132, 60, 12, 0.05);
    border-radius: 30px;
    padding: 20px 60px;
    /*display: inline-block;*/ }
    /* line 82, page_contact.scss */
    #contact.thanks .sec.sec02 .read {
      padding-bottom: 15px;
      margin-bottom: 0px; }
  /* line 85, page_contact.scss */
  #contact .privacypolicy {
    padding: 30px 36px;
    box-sizing: border-box;
    overflow: auto;
    height: 300px;
    text-align: left;
    margin: 50px auto;
    width: 90%;
    background: rgba(175, 171, 171, 0.1); }
    /* line 86, page_contact.scss */
    #contact .privacypolicy .tit {
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 1.6875rem;
      font-weight: bold;
      margin-bottom: 10px; }
    /* line 87, page_contact.scss */
    #contact .privacypolicy p {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 1.3rem; }
    /* line 88, page_contact.scss */
    #contact .privacypolicy .t {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.575rem;
      font-weight: bold;
      margin-top: 10px;
      margin-bottom: 5px; }
    /* line 89, page_contact.scss */
    #contact .privacypolicy ul {
      margin-top: 10px; }
      /* line 90, page_contact.scss */
      #contact .privacypolicy ul li {
        position: relative;
        padding-left: .75em;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.3rem;
        display: block; }
        /* line 91, page_contact.scss */
        #contact .privacypolicy ul li:not(:last-child) {
          margin-bottom: 0px; }
        /* line 92, page_contact.scss */
        #contact .privacypolicy ul li::before {
          content: "・";
          position: absolute;
          top: 0;
          left: 0; }
  @media only screen and (max-width: 750px) {
    /* line 13, page_contact.scss */
    #contact {
      /* サンクスページ */ }
      /* line 114, page_contact.scss */
      #contact .title em {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 2.7rem;
        letter-spacing: 0; }
      /* line 117, page_contact.scss */
      #contact .mailformContents {
        /*border-top: 1px solid $bdColor;*/
        max-width: 860px;
        padding: 0px 0% 30px;
        margin-bottom: 50px;
        /* 必須アイコン */
        /* 入力フォーム系 */
        /* ボタン */
        /* キャンセルボタン */
        /* 確認ページ */ }
        /* line 118, page_contact.scss */
        #contact .mailformContents .read {
          font-size: 15px;
          font-size: 0.9375rem;
          line-height: 1.6875rem;
          margin-bottom: 30px;
          text-align: left;
          padding: 0 0%; }
          /* line 120, page_contact.scss */
          #contact .mailformContents .read small strong {
            color: red; }
        /* line 127, page_contact.scss */
        #contact .mailformContents table th, #contact .mailformContents table td {
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.8rem;
          padding: 15px 10px 15px; }
        /* line 128, page_contact.scss */
        #contact .mailformContents table th {
          width: 100%;
          font-size: 90%;
          padding-bottom: 0; }
        /* line 133, page_contact.scss */
        #contact .mailformContents table td {
          width: 100%; }
        /* line 141, page_contact.scss */
        #contact .mailformContents .must {
          font-size: 11px;
          font-size: 0.6875rem;
          line-height: 1.2375rem;
          width: 42px;
          margin-left: 15px;
          margin-right: auto; }
        /* line 144, page_contact.scss */
        #contact .mailformContents input, #contact .mailformContents textarea {
          font-size: 17px;
          font-size: 1.0625rem;
          line-height: 1.9125rem;
          padding: 0 10px;
          max-width: 100%;
          width: 100% !important; }
        /* line 146, page_contact.scss */
        #contact .mailformContents input[type="checkbox"] {
          width: auto !important; }
        /* line 147, page_contact.scss */
        #contact .mailformContents .chkbox label {
          width: 100%;
          display: block; }
        /* line 148, page_contact.scss */
        #contact .mailformContents select {
          font-size: 15px;
          font-size: 0.9375rem;
          line-height: 1.6875rem;
          margin-bottom: 10px;
          padding: 4px 10px; }
        /* line 153, page_contact.scss */
        #contact .mailformContents .btn button {
          width: 320px;
          height: 50px !important;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 2.025rem;
          margin: 50px auto 0; }
          /* line 155, page_contact.scss */
          #contact .mailformContents .btn button i {
            right: 15px;
            font-size: 86%; }
          /* line 156, page_contact.scss */
          #contact .mailformContents .btn button:hover i {
            right: 12px; }
        /* line 159, page_contact.scss */
        #contact .mailformContents #mfp_button_cancel {
          width: 220px;
          height: 46px !important;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.8rem;
          margin: 50px auto 0; }
      /* line 163, page_contact.scss */
      #contact .privacypolicy {
        padding: 20px 22px;
        box-sizing: border-box;
        overflow: auto;
        height: 200px;
        text-align: left;
        margin: 40px auto;
        width: 94%;
        background: rgba(175, 171, 171, 0.1); }
        /* line 164, page_contact.scss */
        #contact .privacypolicy .tit {
          font-size: 15px;
          font-size: 0.9375rem;
          line-height: 1.6875rem;
          font-weight: bold;
          margin-bottom: 10px; }
        /* line 165, page_contact.scss */
        #contact .privacypolicy p {
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1.3rem; }
        /* line 166, page_contact.scss */
        #contact .privacypolicy .t {
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1.575rem;
          font-weight: bold;
          margin-top: 10px;
          margin-bottom: 5px; }
        /* line 167, page_contact.scss */
        #contact .privacypolicy ul {
          margin-top: 10px; }
          /* line 168, page_contact.scss */
          #contact .privacypolicy ul li {
            position: relative;
            padding-left: .75em;
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 1.3rem;
            display: block; }
            /* line 169, page_contact.scss */
            #contact .privacypolicy ul li:not(:last-child) {
              margin-bottom: 0px; }
            /* line 170, page_contact.scss */
            #contact .privacypolicy ul li::before {
              content: "・";
              position: absolute;
              top: 0;
              left: 0; }
      /* line 176, page_contact.scss */
      #contact.thanks .mailformContents {
        padding-bottom: 50px; }
      /* line 177, page_contact.scss */
      #contact.thanks .copy {
        font-size: 16px;
        font-size: 1rem;
        line-height: 2.2rem;
        padding: 0px 0 30px; }
      /* line 178, page_contact.scss */
      #contact.thanks .sec.sec02 {
        border-radius: 20px;
        padding: 15px 20px; }
        /* line 179, page_contact.scss */
        #contact.thanks .sec.sec02 .read {
          padding-bottom: 15px;
          margin-bottom: 0px; } }