@charset "UTF-8";

/* --------------------------------------------------------------------------
  COMMON UPDATE
-------------------------------------------------------------------------- */
/* ボタン */
@media all and (min-width: 768px), print {
  .c-btn--disable {
    --btn-bg-color: var(--gray-color-300);
    --btn-txt-color: var(--white-color);
    --btn-arrow-color: var(--white-color);
    --btn-border-color: var(--gray-color-300);
    pointer-events: none;
  }

  button.c-btn:hover {
    filter: brightness(1.1);
  }
  
}
@media screen and (max-width: 767px) {
  .c-btn--disable {
    --btn-bg-color: var(--gray-color-300);
    --btn-txt-color: var(--white-color);
    --btn-arrow-color: var(--white-color);
    --btn-border-color: var(--gray-color-300);
    pointer-events: none;
  }
  
}
/* ボタンレイアウト */
@media all and (min-width: 768px), print {
  .l-btn-list {
    --col: 1;
    display: flex;
    justify-content: center;
    gap: calc(16 /var(--font-size) * 1rem) calc(40 /var(--font-size) * 1rem);
  }
  .l-btn-list__item {
    width: calc((100% - (40 / var(--font-size) * 1rem) * (var(--col) - 1)) / var(--col));
  }

  /* modifier */
  .l-btn-list--wrap {
    flex-wrap: wrap;
  }
  .l-btn-list--2col {
    --col: 2;
  }
  .l-btn-list--3col {
    --col: 3;
  }
  .l-btn-list--4col {
    --col: 4;
  }
  .l-btn-list--5col {
    --col: 5;
  }

  .l-btn-list--auto .l-btn-list__item {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .l-btn-list {
    --col: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    gap: calc(20 /var(--font-size) * 1rem) calc(40 /var(--font-size) * 1rem);
  }
  .l-btn-list__item {
    width: calc((100% - (40 / var(--font-size) * 1rem) * (var(--col) - 1)) / var(--col));
  }

  /* modifier */
  .l-btn-list--wrap {
    flex-wrap: wrap;
  }
  .l-btn-list--2col {
    --col: 2;
  }
  .l-btn-list--3col {
    --col: 3;
  }
  .l-btn-list--4col {
    --col: 4;
  }
  .l-btn-list--5col {
    --col: 5;
  }

  .l-btn-list--auto .l-btn-list__item {
    width: auto;
  }
}

/* テキストマージン */
@media all and (min-width: 768px), print {
  
  .c-txt + .c-txt--s {
    margin-top: 0;
  }
  .c-txt + .c-txt--xs {
    margin-top: 0;
  }
  .c-txt + .c-txt--xxs {
    margin-top: 0;
  }
  .c-txt + .c-txt--xxxs {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-txt + .c-txt--s {
    margin-top: 0;
  }
  .c-txt + .c-txt--xs {
    margin-top: 0;
  }
  .c-txt + .c-txt--xxs {
    margin-top: 0;
  }
  .c-txt + .c-txt--xxxs {
    margin-top: 0;
  }
}


/* --------------------------------------------------------------------------
  PHONE
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .phone-sec {
    padding: calc(100 / var(--font-size) * 1rem) 0 0;
  }
  .phone-sec__in {
  }
  .phone-sec__body {
    background-color: var(--primary-color-100);
    border-radius: calc(16 / var(--font-size) * 1rem);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(32 / var(--font-size) * 1rem);
    padding: calc(45 / var(--font-size) * 1rem) 0;
  }
  .phone-sec-number {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(8 / var(--font-size) * 1rem);
  }
  .phone-sec-number__label {
    color: var(--secondary-color-500);
    font-size: calc(44 / var(--font-size) * 1rem);
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
  .phone-sec-number__icon {
    width: calc(48 / var(--font-size) * 1rem);
    height: calc(48 / var(--font-size) * 1rem);
  }
  .phone-sec-text {
    font-size: calc(16 / var(--font-size) * 1rem);
    line-height: 1.8;
  }
}
@media screen and (max-width: 767px) {
  .phone-sec {
    padding: calc(64 / var(--font-size) * 1rem) 0 0;
  }
  .phone-sec__in {
  }
  .phone-sec__body {
    background-color: var(--primary-color-100);
    border-radius: calc(16 / var(--font-size) * 1rem);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(30 / var(--font-size) * 1rem);
    padding: calc(45 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem);
  }
  .phone-sec-number {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(8 / var(--font-size) * 1rem);
  }
  .phone-sec-number__label {
    color: var(--secondary-color-500);
    font-size: calc(30 / var(--font-size) * 1rem);
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
  .phone-sec-number__icon {
    width: calc(40 / var(--font-size) * 1rem);
    height: calc(40 / var(--font-size) * 1rem);
  }
  .phone-sec-text {
    font-size: calc(16 / var(--font-size) * 1rem);
    line-height: 1.8;
  }
}

/* --------------------------------------------------------------------------
  LEAD
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .lead-sec {
  }
  .lead-sec__in {
  }
  .lead-sec__body {
  }
}
@media screen and (max-width: 767px) {
  .lead-sec {
  }
  .lead-sec__in {
  }
  .lead-sec__body {
    padding-top: calc(40 / var(--font-size) * 1rem);
  }
}

/* --------------------------------------------------------------------------
  FORM
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .form-sec {
  }
  .form-sec__in {
  }
  .form-sec__body {
  }
  .form-sec__header {
    margin-bottom: calc(56 / var(--font-size) * 1rem);
  }

  .form-agree-check {
    margin-top: calc(48 / var(--font-size) * 1rem);
  }
  .form-agree-check__input {
  }
  .form-agree-check__input .c-form-check input[type='checkbox'] + .c-form-check__label:hover {
    --check-btn-txt-color: var(--black-color);
  }
  .form-agree-check__input .c-form-check__label a {
    text-decoration: underline;
    color: var(--primary-color-500);
    font-weight: 700;
  }
  .form-agree-check__input .c-form-check__label a:hover {
    text-decoration: none;
  }
  .form-agree-check__note {
    max-width: calc(764 / var(--font-size) * 1rem);
    margin: calc(60 / var(--font-size) * 1rem) auto 0;
  }
  .form-agree-check__note {
  }
  .form-sec .c-form-check__footer {
    margin-left: 0;
  }

}
@media screen and (max-width: 767px) {
  .form-sec {
  }
  .form-sec__in {
  }
  .form-sec .p-sec__body.form-sec__body {
    padding-bottom: calc(80 / var(--font-size) * 1rem);
  }
  .form-sec__header {
    margin-bottom: calc(30 / var(--font-size) * 1rem);
  }
  .form-sec__header .c-header-title {
    text-align: center;
  }

  .form-agree-check {
    margin-top: calc(48 / var(--font-size) * 1rem);
  }
  .form-agree-check__input {
  }
  .form-agree-check__input .form-row {
    justify-content: left;
  }
  .form-agree-check__input .c-form-check__label a {
    text-decoration: underline;
    color: var(--primary-color-500);
  }
  .form-agree-check__note {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
  .form-agree-check__note {
  }
  .form-sec .c-form-check__footer {
    margin-left: 0;
  }
}

/* --------------------------------------------------------------------------
  COMPLETE
-------------------------------------------------------------------------- */

@media all and (min-width: 768px), print {
  .complete-sec {
  }
  .complete-sec__in {
  }
  .complete-sec__body {
  }
  .complete-sec__header {
    margin-bottom: calc(50 / var(--font-size) * 1rem);
  }
  .complete-sec__header-ico {
    width: calc(109 / var(--font-size) * 1rem);
    height: calc(109 / var(--font-size) * 1rem);
    background-color: var(--primary-color-100);
    border-radius: 50%;
    background-image: url("/r6/assets/img/entry/ico_check.svg");
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto auto calc(20 / var(--font-size) * 1rem);
  }
  .complete-sec__header-title {
  }
  .complete-sec__btn {
    margin-top: calc(80 / var(--font-size) * 1rem);
  }
}

@media screen and (max-width: 767px) {
  .complete-sec {
  }
  .complete-sec__in {
  }
  .complete-sec .p-sec__body.complete-sec__body {
    padding-top: calc(40 / var(--font-size) * 1rem);
    padding-bottom: calc(80 / var(--font-size) * 1rem);
  }
  .complete-sec__header {
    margin-bottom: calc(20 / var(--font-size) * 1rem);
  }
  .complete-sec__header-ico {
    width: calc(86 / var(--font-size) * 1rem);
    height: calc(86 / var(--font-size) * 1rem);
    background-color: var(--primary-color-100);
    border-radius: 50%;
    background-image: url("/r6/assets/img/entry/ico_check.svg");
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto auto calc(30 / var(--font-size) * 1rem);
  }
  .complete-sec__header-title {
  }
  .complete-sec__content {
  }
  .complete-sec__btn {
    margin-top: calc(40 / var(--font-size) * 1rem);
  }
}