@charset 'UTF-8';

/*
* 下部固定バナー表示
*/
.bottom_bar_js_typeNone {
  display: block;
  width: 100%;
}

/* メインビジュアル */
.image {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
}

.mypage_bl_fv {
  background-color: var(--col_white);
  margin: 0 auto;
  width: 100%;
}

.image source,
.image img {
  aspect-ratio: 1366 / 395;
  height: auto;
  object-fit: cover;
  object-position: top center;
  width: 100%;
}

/* ボタンのラッパー */
.mypage_bl_btnWrapper {
  display: flex;
  margin: 3rem auto 6rem;
}

/* 2行ボタン */
.mypage_el_btn__2 {
  font-size: 1.6rem;
  line-height: 1.18;
  padding: 18px 26px;
  text-align: left;
}

.mypage_el_btn__2::after {
  display: none;
}

.mypage_el_btn__2 span:first-child {
  font-size: 1.8rem;
  white-space: nowrap;
}

.mypage_el_btn__2 span:last-child {
  font-size: 1.4rem;
  font-weight: normal;
}

.mypage_el_btn__2 span > b {
  display: inline-block;
  font-size: 2.4rem;
  padding-left: .5em;
}


/*===============================================
●スマホ用（896px未満）
===============================================*/
@media screen and (max-width:896px) {
  /* メインビジュアル */
  .image source,
  .image img {
    aspect-ratio: 375 / 182;
    object-position: center center;
  }


  /* ボタンのラッパー */
  .mypage_bl_btnWrapper__center {
    align-items: center;
    flex-direction: column;
    gap: 2rem;
    justify-content: flex-start;
  }

  /* 2行ボタン */
  .mypage_el_btn__2 {
    align-content: center;
    display: flex;
  }

  .mypage_el_btn__2 span:first-child {
    font-size: 1.6rem;
  }

  .mypage_el_btn__2 span > b {
    font-size: 2.2rem;
  }

  .mypage_el_btn_waiting {
    font-size: 2.2rem;
  }
}

/*===============================================
●PC・タブレット用（897px以上）
===============================================*/
@media screen and (min-width: 897px) {
  /* ボタンのラッパー */
  .mypage_bl_btnWrapper__center {
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2rem 4rem;
    height: 10.8rem;
    justify-content: center;
  }

  /* 2行ボタン */
  .mypage_el_btn__2 {
    height: 100%;
  }

  .mypage_el_btn_waiting {
    align-items: center;
    display: flex;
    font-size: 2.4rem;
    height: 100%;
    justify-content: center;
  }
}

.mypage_el_btn_waiting {
  padding: 18px 20px;
}

.mypage_el_link_underline,
.mypage_el_link_underline:visited {
  text-decoration: underline;
}

.mypage_el_link_underline:hover,
.mypage_el_link_underline:focus,
.mypage_el_link_underline:active {
  text-decoration: underline var(--col_gold);
}