@charset "UTF-8";
:root {
  --var-c-inquiry-text: #fff; /* 問い合わせ文字色 */
  --var-c-inquiry-bc-before: #6a6e78; /* PC用 問い合わせ 背景色 */
  --var-c-inquiry-bc-after1: rgba(39, 172, 217, 1) 10.8%; /* PC用 問い合わせ 背景色 hover */
  --var-c-inquiry-bc-after2: rgba(18, 83, 229, 1) 94.3%; /* PC用 問い合わせ 背景色 hover */
  --var-c-inquiry-bc-tel-1: rgba(57, 210, 248, 1); /* 携帯用 問い合わせ 背景色 TEL1 */
  --var-c-inquiry-bc-tel-2: rgba(48, 97, 96, 1); /* 携帯用 問い合わせ 背景色 TEL2 */
  --var-c-inquiry-bc-cnt-1: rgba(69, 90, 200, 1); /* 携帯用 問い合わせ 背景色 メール */
  --var-c-inquiry-bc-cnt-2: rgba(126, 219, 243, 1); /* 携帯用 問い合わせ 背景色 メール */
}

/* ■PC用 1180px以上 */
@media (min-width: 1180px) {
  /* top画像非表示 */
  .inquiry_sp {
    display: none;
  }
  .inquiry_tb {
    display: none;
  }
  /*PC 問い合わせ*/
  a.inq_btn_PC {
    color: var(--var-c-inquiry-text);
    background: var(--var-c-inquiry-bc-before);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    height: 4rem;
    width: 250px;
    margin: 30px auto;
    padding: 0 4rem;
    border-radius: 100vw;
    background-size: 400%;
    box-sizing: unset;
    text-align: center;
  }
  a.inq_btn_PC:hover::before {
    transform: scaleX(1);
  }
  a.inq_btn_PC:hover {
    color: var(--var-c-inquiry-text);
  }
  a.inq_btn_PC span {
    position: relative;
    z-index: 1;
  }
  a.inq_btn_PC::before {
    background: linear-gradient(82.3deg, var(--var-c-inquiry-bc-after1), var(--var-c-inquiry-bc-after2));
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    width: 100%;
    height: inherit;
    border-radius: inherit;
    transition: all 0.475s;
  }
}
/* ■TB用 601px以上 1179以下 */
@media (min-width: 601px) and (max-width: 1179px) {
  /* top画像非表示 */
  .inquiry_pc {
    display: none;
  }
  .inquiry_sp {
    display: none;
  }
  /* タブレット 問い合わせ */
  a.inq_btn_TB {
    color: var(--var-c-inquiry-text);
    background: linear-gradient(82.3deg, var(--var-c-inquiry-bc-after1), var(--var-c-inquiry-bc-after2));
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    height: 4rem;
    width: 250px;
    margin: 30px auto;
    padding: 0 4rem;
    border-radius: 100vw;
    background-size: 400%;
    box-sizing: unset;
    transition: transform 0.2s;
  }
  a.inq_btn_TB:active {
    transform: scale(0.95);
  }
}
/* ■SP用 600px以下 */
@media (max-width: 600px) {
  /* top画像非表示 */
  .inquiry_pc {
    display: none;
  }
  .inquiry_tb {
    display: none;
  }
  /* 携帯 問い合わせ*/
  *,
  *:before,
  *:after {
    box-sizing: inherit;
  }
  html {
    box-sizing: border-box;
    font-size: 62.5%;
  }
  .i-btn,
  a.i-btn,
  button.i-btn {
    font-weight: 700;
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    border-radius: 0.5rem;
    transition: transform 0.2s;
  }
  .i-btn:active,
  a.i-btn:active,
  button.i-btn:active {
    transform: scale(0.95);
  }
  .btn-wrap-pc-sp {
    display: flex;
    max-width: 435px;
    margin: 0 auto 20px;
    justify-content: space-between;
  }
  a.btn-pc-sp {
    line-height: 1.4;
    width: 49.5%;
    padding: 1.25rem 0;
    color: var(--var-c-inquiry-text);
  }
  a.btn-pc-sp--contact {
    color: var(--var-c-inquiry-text);
    background-image: linear-gradient(90deg, var(--var-c-inquiry-bc-cnt-1), var(--var-c-inquiry-bc-cnt-2));
    font-size: 1.2rem;
  }
  a.btn-pc-sp--tel {
    color: var(--var-c-inquiry-text);
    background-image: linear-gradient(90deg, var(--var-c-inquiry-bc-tel-1), var(--var-c-inquiry-bc-tel-2));
    font-size:1.2rem;
  }
  .fa-position-right {
    position: absolute;
    top: calc(50% - 0.5em);
    right: 1rem;
  }
}