/* ============================================================
   CONFIG
   基準幅を変数で管理。px値 ÷ --base × 100vw で自動計算。
   PC基準: 1366px / SP基準: 375px
   ============================================================ */

:root {
  --base: 1366;
  --base-sp: 375;
}

/* ============================================================
   BASE
   ============================================================ */

p {
  color: #000;
  margin: 0;
}

p.is_white {
  color: #fff;
}

/* ============================================================
   UTILITY
   ============================================================ */

.u_pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .u_pc {
    display: none;
  }
}

.u_sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .u_sp {
    display: block;
  }
}


article {
    background-color: #fff!important;
}

.un_form_input input[type=email], .un_form_input input[type=tel], .un_form_input input[type=text],
.un_form_textarea textarea {
   font-family: "YuGothic", "Yu Gothic", sans-serif !important; 
   resize: none !important;
}

@media screen and (max-width: 767px) {
    .un_form_input input[type=email], .un_form_input input[type=tel], .un_form_input input[type=text],
    .un_form_textarea textarea {
    font-family: "YuGothic", "Yu Gothic", sans-serif !important; 
    font-size: calc(14 / var(--base-sp) * 100vw);
    }
}

/* ============================================================
   コンテンツ
   ============================================================ */


  .un_form_company .un_form_item{
        border-bottom: none!important;
  }

.un_form {
    padding-top: calc(100 / var(--base) * 100vw) !important;
    padding-bottom: calc(155 / var(--base) * 100vw) !important;
}

.un_form_lead {
    font-family: "YuGothic", "Yu Gothic", sans-serif;
    color: #4A4A4A;
    /* font-size: calc(16 / var(--base) * 100vw); */
    letter-spacing: .14em;
    line-height: 2.5;
    margin-bottom: max(0px, min(3.14788vw, 43px));
    text-align: center;
}

.un_showcase_ttl img.en {
    margin-bottom: 14px;
    width:  calc(227 / var(--base) * 100vw) ;
}

@media screen and (max-width: 767px) {

    .un_form {
        padding-top: calc(80 / var(--base-sp) * 100vw) !important;
        padding-bottom: calc(100 / var(--base-sp) * 100vw) !important;
    }

    .un_form_lead {
        font-size: clamp(0px, calc(14 / var(--base-sp) * 100vw), 14px)!important;
        letter-spacing: 0.04em;
        line-height: 2.5;
        margin-bottom: calc(34 / var(--base-sp) * 100vw);
        padding-left: calc(5 / var(--base-sp) * 100vw);
        text-align: left;
    }

    .un_showcase_ttl img.en {
        width:  calc(186 / var(--base-sp) * 100vw) ;
    }
}

/* 問い合わせのTELバナー */
.un_banner {
  border: 1px solid #333;
  text-align: center;
  height: calc(130 / var(--base) * 100vw)!important;
}

.un_banner_bg {
  display: none;
}

.un_banner_ttl {
  display: none;
}

.un_banner_front {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(12 / var(--base) * 100vw);
}

.un_banner_num {
  margin: calc(6 / var(--base) * 100vw) 0!important;
}

.un_banner_num img {
  width: calc(340 / var(--base) * 100vw)!important;
  height: auto;
  filter: brightness(0.2);
}

.un_banner_txt {
  font-family: "YuGothic", "Yu Gothic", sans-serif;
  font-size: calc(15 / var(--base) * 100vw)!important;
  color: #333;
  letter-spacing: 0.05em;
  margin-bottom: 0px!important;
  letter-spacing: 0.14em;
}

.un_form_items {
    font-family: "YuGothic", "Yu Gothic", sans-serif;

}



@media screen and (max-width: 767px) {
  .un_banner {
    width: 100%;
    height: calc(120 / var(--base-sp) * 100vw) !important;
    margin: 0 0 calc(100 / var(--base-sp) * 100vw) 0!important;
  }

  .un_banner_num img {
    width: calc(246 / var(--base-sp) * 100vw)!important;
  }

  .un_banner_txt {
    font-size: clamp(0px, calc(12 / var(--base-sp) * 100vw), 14px)!important;
    margin-bottom: 0px!important;
  }

  .un_banner_front {
        gap: calc(12 / var(--base-sp) * 100vw);
    }

}



/* 送信ボタン */
.un_form_submit {
  border: none !important;
  width: auto !important;
  text-align: center;
}

.un_form_submit:after {
  display: none !important;
}

.un_form_submit input[type="submit"] {
  background-color: #70C9F0 !important;
  border: 2px solid #70C9F0 !important;
  border-radius: calc(50 / var(--base) * 100vw) !important;
  color: #fff !important;
  cursor: pointer !important;
  font-family: "YuGothic", "Yu Gothic", sans-serif !important;
  font-size: max(0px, min(calc(15 / var(--base) * 100vw), 15px)) !important;
  height: auto !important;
  letter-spacing: 0.14em !important;
  padding: calc(13 / var(--base) * 100vw) calc(60 / var(--base) * 100vw) !important;
  transition: background-color 0.3s, color 0.3s !important;
  width: auto !important;
}

.un_form_submit:hover input[type="submit"] {
  background-color: #fff !important;
  color: #70C9F0 !important;
  opacity: 1 !important;
}

@media screen and (max-width: 767px) {
  .un_form_submit input[type="submit"] {
    border-radius: calc(50 / var(--base-sp) * 100vw) !important;
    font-size: max(0px, min(calc(14 / var(--base-sp) * 100vw), 14px)) !important;
    padding: calc(16 / var(--base-sp) * 100vw) calc(50 / var(--base-sp) * 100vw) !important;
    width: 100% !important;
  }
}

.un_form_select_inner:after {
      pointer-events: none;
}