/*==========================================================================
APPLICATION
========================================================================== */
@media all and (min-width: 768px), print {
    .c-image__button {
      max-width: calc(800 / var(--font-size) * 1rem);
    }
    .c-image__button .c-btn.--size-xxs{
        width: calc(180 / var(--font-size) * 1rem) !important;
    }
}

@media all and (max-width: 767px) {
  .image-tab-button .c-btn__inner {
    padding-top: calc(8 / var(--font-size) * 1rem);
    padding-bottom: calc(8 / var(--font-size) * 1rem);
    min-height: calc(34 / var(--font-size) * 1rem) !important;
  }
  .c-btn.application-button{
    width:auto !important;
  }
}


/*==========================================================================
TAB
========================================================================== */
@media all and (min-width: 768px), print {
  .application-tab .c-tab__btn-list__inner {
    width: 100%;
  }
  .application-tab .c-tab__btn {
    width: calc((100% - calc(14 / var(--font-size) * 1rem)) / 2);
  }
  .application-tab .c-tab__btn__inner {
    min-height: calc(81 / var(--font-size) * 1rem);
  }
  .application-tab .c-tab__button[aria-selected="true"] .c-tab__btn__inner {
    /* background: var(--bg-sub-color); */
  }
  }
  @media all and (max-width: 767px), print {
  .application-tab .c-tab__btn-list__inner {
    width: 100%;
    flex-wrap: nowrap;
  }
  .application-tab .c-tab__btn {
    width: calc((100% - calc(14 / var(--font-size) * 1rem)) / 2);
  }
  .application-tab .c-tab__btn__inner {
    min-height: calc(52 / var(--font-size) * 1rem);
  }
  .application-tab .c-tab__button[aria-selected="true"] .c-tab__btn__inner {
    /* background: var(--bg-sub-color); */
  }
  }
/*==========================================================================
EXPLANATION
========================================================================== */
@media all and (min-width: 768px), print {
  .explanation-box {
    border-radius: calc(10 / var(--font-size) * 1rem);
  }
  .explanation-box__body {
    padding: calc(24 / var(--font-size) * 1rem);
  }
  .c-btn-list.--340 .c-btn {
    width: calc(340 / var(--font-size) * 1rem);
  }
  .c-btn-list.--400 .c-btn {
    width: calc(400 / var(--font-size) * 1rem);
  }
  td .c-btn.--size-xs {
    width: 100%;
    max-width: calc(168 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px), print {
  .explanation-box {
    border-radius: calc(10 / var(--font-size) * 1rem);
  }
  .explanation-box__body {
    padding: calc(24 / var(--font-size) * 1rem);
  }
  .c-btn-list.--340 .c-btn {
    width: 100%;
  }
  .c-btn-list.--400 .c-btn {
    width: 100%;
  }
  td .c-btn.--size-xs {
    width: 100%;
    max-width: calc(168 / var(--font-size) * 1rem);
  }
}