#navSpeak, #subCol, .speakAnchor, .floating-menu-wrapper {
    display: none;
}
/* Base Font Setting
============================================ */
html {
  font-size: 62.5%;
}

/* Header Setting
============================================ */
/* stylelint-disable */
@media screen and (max-width: 966px) {
  .header {
    /* position: relative;
    z-index: 5; */
    height: 68px;
    /* _header_direct用 */
    /* _header_ideco用 */
    /* _header_simple */
    /* _header_takarakuji用 */
  }
  .header__inner {
    left: 0;
    position: fixed;
    top: 0;
    transition: all 0.15s ease-out;
    width: 100%;
    z-index: 100;
  }
  .header__pc {
    display: none;
  }
  .header__sp {
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    width: 97.33%;
    z-index: 5;
  }
  .header__sp-content {
    display: flex;
    height: 68px;
    justify-content: space-between;
    padding: 0 11px 0 15px;
    position: relative;
  }
  .header__sp-content::after {
    background-color: #333;
    border-radius: 0 0 28px;
    /* オーバーレイ */
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease-out;
    width: 100%;
    z-index: -1;
  }
  .header__sp-content.is-fade::after {
    opacity: 0.8;
    z-index: 0;
  }
  .header__sp-logo {
    height: 25px;
    margin-left: -4px;
    padding-top: 21px;
    width: 186px;
  }
  .header__sp-logo a {
    display: block;
  }
  .header__sp-logo img {
    height: 100%;
    width: 100%;
  }
  .header__sp-btn-wrap {
    display: flex;
    justify-content: end;
    padding: 10px 0;
    width: 106px;
    z-index: 1;
  }
  .header__sp-btn-login {
    background-image: url(/common2024/images/icon/icon_login_header.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 48px;
    position: relative;
    width: 48px;
    z-index: 1;
  }
  .header__sp-btn-login span {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .header__sp-btn-menu {
    background-image: url(/common2024/images/icon/icon_menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 48px;
    position: relative;
    width: 48px;
    z-index: 1;
  }
  .header__sp-btn-menu.is-login-show::after {
    background-color: #333;
    border-radius: 50%;
    /* オーバーレイ */
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease-out;
    width: 100%;
  }
  .header__sp-btn-menu.is-login-show.is-fade::after {
    opacity: 0.8;
  }
  .header__sp-btn-menu span {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .header__sp-btn-login + .header__sp-btn-menu {
    margin-left: 10px;
  }
  .header__sp-menu {
    backdrop-filter: blur(5px);
    background-color: #fff;
    border-radius: 0 0 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    height: 0;
    height: 68px;
    left: 0;
    opacity: 0;
    overflow-y: scroll;
    overscroll-behavior: contain; /* 背景要素のスクロール禁止 */
    position: fixed;
    top: 0;
    transition: opacity 0.15s ease-out, height 0.3s ease-out;
    width: 100%;
    /* z-index: 5; */
    z-index: -1;
  }
  .header__sp-menu.is-fade {
    opacity: 1;
    z-index: 5;
  }
  .header__sp-menu.is-active {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
  .header__sp-menu-head {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    display: flex;
    height: 68px;
    justify-content: space-between;
    left: 0;
    padding: 10px 10px 10px 15px;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100;
  }
  .header__sp-menu-close {
    background-image: url(/common2024/images/icon/icon_menu_close.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 48px;
    position: relative;
    width: 48px;
  }
  .header__sp-menu-close span {
    bottom: 20%;
    color: #285ae1;
    display: block;
    font-size: 8px;
    font-weight: bold;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translate(-50%, 0);
    white-space: nowrap;
  }
  .header__sp-menu-search {
    height: 40px;
    padding-right: 10px;
    width: calc(100% - 48px);
  }
  .header__sp-menu-btn {
    padding: 9px 10px;
  }
  .header__sp-menu-btn-inner {
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
    width: 100%;
  }
  .header__sp-menu-btn-inner > div {
    width: 47.6%;
  }
  .header__sp-menu-btn-takara, .header__sp-menu-btn-login, .header__sp-menu-btn-hojinkoza, .header__sp-menu-btn-direct-login, .header__sp-menu-btn-easy-login, .header__sp-menu-btn-report, .header__sp-menu-btn-faq {
    align-items: center;
    border-radius: 24px;
    color: #fff;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    margin: 0 auto;
    padding: 0 32px;
    position: relative;
    width: 100%;
  }
  .header__sp-menu-btn-takara, .header__sp-menu-btn-hojinkoza, .header__sp-menu-btn-easy-login, .header__sp-menu-btn-report, .header__sp-menu-btn-faq {
    background: #285ae1;
  }
  .header__sp-menu-btn-direct-login {
    background: #08287f;
  }
  .header__sp-menu-btn-login {
    background: #08287f;
    display: block;
    padding: 15px 0;
    text-align: center;
    text-indent: 1.5em;
  }
  .header__sp-menu-btn-login::before {
    background-image: url(/common2024/images/icon/icon_system_login.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    left: calc(50% - 35px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
  }
  .header__sp-menu-btn-hojinkoza, .header__sp-menu-btn-report, .header__sp-menu-btn-faq {
    display: block;
    padding: 15px 0;
    text-align: center;
    text-indent: 1.5em;
  }
  .header__sp-menu-btn-hojinkoza::before {
    background: url(/common2024/images/icon/icon_system_kaisetsu.svg) no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    left: calc(50% - 53px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
  }
  .header__sp-menu-btn-report, .header__sp-menu-btn-faq {
    text-indent: 0;
  }
  .header__sp-menu-btn-faq::after {
    background: url(/common2024/images/icon/icon_blank.svg) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 14px;
    margin: 0 0 0 6px;
    transform: translateY(2px);
    width: 14px;
  }
  .header__sp-menu-btn-kojin, .header__sp-menu-btn-hojin {
    align-items: center;
    border-radius: 21px;
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    height: 42px;
    justify-content: center;
    margin: 0 auto;
    padding: 0 32px;
    position: relative;
    width: 100%;
  }
  .header__sp-menu-btn-kojin {
    background-color: #285ae1;
    color: #fff;
  }
  .header__sp-menu-btn-hojin {
    background-color: #fff;
    color: #285ae1;
  }
  .header__sp-menu-btn--bottom {
    background-color: #fff;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: sticky;
    width: 100%;
    z-index: 10;
  }
  .header__sp-menu-btn--bottom.is-active {
    animation: btnFade 0.2s ease-out;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    display: block;
    /* メニュー展開後、コンテンツがフェードイン */
  }
  @keyframes btnFade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .header__sp-menu-btn-inner--bottom {
    border: 1px solid #c0d2ff;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 3px;
  }
  .header__sp-menu-btn-inner--bottom > div {
    width: 50%;
  }
  .header__sp-menu-login {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease-out;
  }
  .header__sp-menu-login.is-active {
    height: 150px;
    opacity: 1;
    z-index: 1;
  }
  .header__sp-menu-login-inner {
    background: #f0f4ff;
    border-radius: 10px;
    display: flex;
    justify-content: space-evenly;
    margin-top: 10px;
    padding: 24px 15px 20px;
    position: relative;
  }
  .header__sp-menu-login-inner::before {
    background: url(/common2024/images/icon/icon_login_triangle.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: 22%;
    top: -8px;
    width: 20px;
  }
  .header__sp-menu-login-inner > div {
    width: 150px;
  }
  .header__sp-menu-login-inner > div + div {
    margin-left: 15px;
  }
  .header__sp-menu-login-btn {
    display: block;
    position: relative;
  }
  .header__sp-menu-login-btn::before {
      background: url(/common2024/images/icon/icon_triangle.svg) no-repeat;
      background-size: contain;
      content: "";
      display: block;
      height: 12px;
      right: 0;
      position: absolute;
      bottom: 12px;
      width: 12px;
  }
  .header__sp-menu-login--head {
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.2));
    position: absolute;
    right: 5px;
    top: 51px;
  }
  .header__sp-menu-login--head.is-active {
    height: 150px;
    opacity: 1;
  }
  .header .header__sp-menu-search .headerSP-form {
    position: relative;
  }
  .header .header__sp-menu-search .headerSP-form.is-now [type=text] {
    border-radius: 24px 24px 0 0;
  }
  .header .header__sp-menu-search [type=text] {
    background: #f0f4ff;
    border-radius: 24px;
    color: #333;
    font-size: 1.6rem;
    font-weight: 500;
    height: 48px;
    line-height: 1.6;
    padding: 12px 44px 10px 15px;
    width: 100%;
  }
  .header .header__sp-menu-search [type=text]::placeholder {
    color: #888;
  }
  .header .header__sp-menu-search [type=text]:focus-visible {
    outline: 1px solid #285ae1;
  }
  .header .header__sp-menu-search [type=submit] {
    background: url(/common2024/images/icon/icon_search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    text-indent: 100%;
    top: 50%;
    transform: translate(0, -50%);
    white-space: nowrap;
    width: 24px;
  }
  .header.is-scrolldown-sp {
    /* 下スクロール時ヘッダーを非表示にすr */
  }
  .header.is-scrolldown-sp .header__inner {
    transform: translate(0, -100%);
  }
  .header__inner--corporate .header__sp-menu-btn-kojin {
    background-color: #fff;
    color: #285ae1;
  }
  .header__inner--corporate .header__sp-menu-btn-hojin {
    background-color: #285ae1;
    color: #fff;
  }
  .header-other01 .header__sp-menu {
    box-shadow: none;
    overflow-y: hidden;
    padding-bottom: 67px;
  }
  .header-other01 .header__sp-menu.is-active {
    height: 0;
  }
  .header-other01 .header__sp-btn-menu {
    background-image: url(/common2024/images/icon/icon_search_menu.svg);
  }
  .header-other03 .header__sp-menu {
    overflow-y: hidden;
  }
  .header-other02 .header__sp-menu {
    overflow-y: hidden;
  }
  .header-takarakuji {
    height: 156px;
  }
  .header-takarakuji .header__sp-menu-btn {
    padding: 9px 25px;
  }
  .header-takarakuji .header__sp-menu-btn-inner {
    flex-wrap: wrap;
  }
  .header-takarakuji .header__sp-menu-btn-inner > div {
    width: 100%;
  }
  .header-takarakuji .header__sp-menu-btn-inner > div + div {
    margin-top: 16px;
  }
  .header-takarakuji .header__sp-side {
    height: 78px;
    position: relative;
    top: 78px;
  }
  .header-takarakuji .header__sp-sidemenu-list {
    display: flex;
    justify-content: space-around;
  }
  .header-takarakuji .header__sp-sidemenu-list-item {
    width: 78px;
  }
  .header-takarakuji .header__sp-sidemenu-btn {
    color: #333;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    height: 100%;
    line-height: 1.2;
    position: relative;
    text-align: center;
    /* transition: all 0.2s ease-out; */
    width: 100%;
  }
  .header-takarakuji .header__sp-sidemenu-btn-icon {
    display: inline-block;
    margin-bottom: 2px;
    width: 100%;
  }
  .header-takarakuji .header__sp-sidemenu-btn-icon > img {
    width: auto;
  }
}
@media screen and (min-width: 967px) {
  .header {
    height: 118px;
    padding: 0 5px;
    /* transition: all 0.4s ease-out; */
    /* 追従ではない場合のレイアウト */
    /* _header_direct用 */
    /* _header_ideco用 */
    /* _header_simple用 */
    /* _header_takarakuji用 */
  }
  .header:has(.header__inner--corporate) {
    height: 128px;
  }
  .header__inner {
    margin: 0 auto;
    max-width: 1242px;
    padding: 0;
    position: relative;
    /* position: fixed; */
    /* transform: translate(-50%, 0); */
    /* transition: all 0.2s ease-out; */
    width: 100%;
    z-index: 100;
  }
  .header__pc {
    backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 20px 20px;
    /* グラスモーフィズム */
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    width: 100%;
  }
  .header__pc-content.is-login-show::after {
    background-color: #333;
    border-radius: 0 0 20px 20px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    /* transition: all 0.2s ease-out; */
    width: 100%;
  }
  .header__pc-content.is-login-show.is-fade::after {
    opacity: 0.25;
  }
  .header__pc-logo {
    /* transition: all 0.2s ease-out; */
    width: 217px;
  }
  .header__pc-logo a {
    display: block;
  }
  .header__pc-logo img {
    width: 100%;
  }
  .header__pc-upper {
    display: flex;
    justify-content: flex-end;
    position: relative;
    width: calc(100% - 217px);
  }
  .header__pc-upper-wrap {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px 0;
    position: relative;
  }
  .header__pc-upper.is-login-show::after {
    background-color: #333;
    border-radius: 0 0 20px 20px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    /* transition: all 0.2s ease-out; */
    width: 100%;
  }
  .header__pc-upper.is-login-show.is-fade::after {
    opacity: 0.25;
  }
  .header__pc-btn-wrap {
    display: flex;
    justify-content: space-between;
    margin-left: 16px;
    position: relative;
    /* transition: all 0.2s ease-out; */
    width: 233px;
    z-index: 1;
  }
  .header__pc-search {
    margin-left: 14px;
    /* transition: all 0.2s ease-out; */
    width: 252px;
  }
  .header__pc .headerPC-form {
    position: relative;
  }
  .header__pc .headerPC-form [type=text] {
    background: #f0f4ff;
    border-radius: 16px;
    color: #555;
    font-size: 1.4rem;
    font-weight: 500;
    height: 32px;
    line-height: 1.6;
    padding: 0 31px 0 12px;
    /* transition: all 0.2s ease-out; */
    width: 100%;
  }
  .header__pc .headerPC-form [type=text]:focus-visible {
    outline: 1px solid #285ae1;
  }
  .header__pc .headerPC-form.is-now [type=text] {
    border-radius: 16px 16px 0 0;
  }
  .header__pc .headerPC-form [type=submit] {
    background: url(/common2024/images/icon/icon_search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 16px;
    overflow: hidden;
    position: absolute;
    right: 11px;
    text-indent: 100%;
    top: 50%;
    transform: translate(0, -50%);
    /* transition: all 0.2s ease-out; */
    white-space: nowrap;
    width: 16px;
  }
  .header__pc-about {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 272px;
  }
  .header__pc-about-text {
    color: #285ae1;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4; /* 140% */
  }
  .header__pc-about-btn-wrap {
    border: 1px solid #c0d2ff;
    border-radius: 16px;
    display: flex;
    height: 32px;
    justify-content: center;
    overflow: hidden;
    padding: 2px 3px;
    width: 130px;
  }
  .header__pc-about-btn-wrap > div {
    width: 50%;
  }
  .header__pc-about-btn-kojin, .header__pc-about-btn-hojin {
    align-items: center;
    border-radius: 21px;
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    height: 26px;
    justify-content: center;
    line-height: 1.4;
    margin: 0 auto;
    padding: 2px 0 0;
    position: relative;
    width: 100%;
  }
  .header__pc-about-btn-kojin {
    background-color: #285ae1;
    color: #fff;
  }
  .header__pc-about-btn-hojin {
    background-color: #fff;
    color: #285ae1;
  }
  .header__pc-btn-takara a, .header__pc-btn-login button, .header__pc-btn-hojinkoza a, .header__pc-btn-report a, .header__pc-btn-faq a {
    align-items: center;
    border-radius: 16px;
    color: #fff;
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    line-height: 1.4;
    margin: 0 auto;
    padding: 2px 24px 0;
    position: relative;
    width: 100%;
  }
  .header__pc-btn-takara {
    position: relative;
    width: 90px;
  }
  .header__pc-btn-takara a {
    background-color: #285ae1;
  }
  .header__pc-btn-takara.is-login-show::after {
    background-color: #333;
    border-radius: 16px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    /* transition: all 0.2s ease-out; */
    width: 100%;
  }
  .header__pc-btn-takara.is-fade::after {
    opacity: 0.25;
  }
  .header__pc-btn-hojinkoza {
    width: 156px;
  }
  .header__pc-btn-report {
    width: 132px;
  }
  .header__pc-btn-faq {
    width: 77px;
  }
  .header__pc-btn-hojinkoza a, .header__pc-btn-report a, .header__pc-btn-faq a {
    background-color: #285ae1;
    display: block;
    padding: 7px 0;
    text-align: center;
    text-indent: 1.5em;
  }.header__pc-btn-report a, .header__pc-btn-faq a {
    text-indent: 0;
   }
  .header__pc-btn-hojinkoza a::before {
    background: url(/common2024/images/icon/icon_system_kaisetsu.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    left: 32px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
  }
  .header__pc-btn-hojinkoza.is-login-show::after {
    background-color: #333;
    border-radius: 16px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    /* transition: all 0.2s ease-out; */
    width: 100%;
  }
  .header__pc-btn-faq a::after {
   background: url(/common2024/images/icon/icon_blank.svg) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 14px;
    margin: 0 0 0 6px;
    transform: translateY(2px);
    width: 14px;
  }
  .header__pc-btn-hojinkoza.is-fade::after {
    opacity: 0.25;
  }
  .header__pc-btn-login {
    position: relative;
    width: 127px;
    z-index: 1;
  }
  .header__pc-btn-login button {
    background-color: #08287f;
    text-indent: 1.5em;
  }
  .header__pc-btn-login button::before {
    background-image: url(/common2024/images/icon/icon_system_login.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    left: 32px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
  }
  .header__pc-login {
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.2));
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 27px;
    transition: all 0.3s ease-out;
  }
  .header__pc-login.is-active {
    height: 150px;
    opacity: 1;
    z-index: 1;
  }
  .header__pc-login-inner {
    background: #f0f4ff;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding: 24px 15px 20px;
    position: relative;
    width: 345px;
  }
  .header__pc-login-inner::before {
    background: url(/common2024/images/icon/icon_login_triangle.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: 54px;
    top: -9px;
    width: 20px;
  }
  .header__pc-login-inner > div {
    width: 150px;
  }
  .header__pc-login-btn {
    display: block;
    position: relative;
  }
  .header__pc-login-btn::before {
    background: url(/common2024/images/icon/icon_triangle.svg) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 12px;
    right: 0;
    position: absolute;
    bottom: 12px;
    width: 12px;
  }
  .header__pc-menu {
    padding: 8px 0 0;
  }
  .header__pc-menu-list {
    display: flex;
    justify-content: center;
  }
  .header__inner--corporate .header__pc-menu-list {
    align-items: stretch;
  }
  .header__pc-menu-list.is-open a {
    opacity: 0.6;
  }
  .header__pc-menu-list.is-open a:hover {
    opacity: 1;
  }
  .header__pc-menu-item {
    flex-shrink: 0;
    height: 66px;
    position: relative;
    /* transition: all 0.2s ease-out; */
    width: 155px;
  }
  .header__inner--corporate .header__pc-menu-item {
    height: auto;
  }
  .header__pc-menu-item::before, .header__pc-menu-item::after {
    background: #ccc;
    content: "";
    display: block;
    height: 34px;
    position: absolute;
    top: 12px;
    width: 1px;
  }
  .header__inner--corporate .header__pc-menu-item::before, .header__inner--corporate .header__pc-menu-item::after {
    top: 22.5px;
  }
  .header__pc-menu-item::before {
    left: 0;
  }
  .header__pc-menu-item::after {
    right: -1px;
  }
  .header__pc-menu-item:not(:first-child)::before {
    display: none;
  }
  .header__pc-menu-item.is-open {
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
  }
  .header__pc-menu-item.is-open::before {
    display: none;
  }
  .header__pc-menu-item.is-open::after {
    background: #fafafa;
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    left: auto;
    position: absolute;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 1;
  }
  .header__pc-menu-btn {
    color: #333;
    cursor: pointer;
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    height: 100%;
    line-height: 1.2;
    padding: 12px 0 24px;
    position: relative;
    text-align: center;
    /* transition: all 0.2s ease-out; */
    width: 100%;
  }
  .header__pc-menu-btn span {
    display: block;
    font-size: 1rem;
    margin-top: 4px;
  }
  .header__pc-menu-btn:hover {
    color: #285ae1;
    opacity: 1;
  }
  .header__pc-menu-btn--acd::after {
    background: url(/common2024/images/icon/icon_triangle_bottom_black.svg) no-repeat;
    background-size: contain;
    bottom: 4px;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 10px;
  }
  .header__pc-menu-btn--acd:hover::after {
    background: url(/common2024/images/icon/icon_triangle_bottom_blue.svg) no-repeat;
  }
  .header__pc-menu-btn--acd.is-open {
    color: #285ae1;
    opacity: 1 !important;
  }
  .header__pc-menu-btn--acd.is-open::after {
    background: url(/common2024/images/icon/icon_triangle_bottom_blue.svg) no-repeat;
    transform: translateX(-50%) rotate(180deg);
  }
  .header__pc-menu-body {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.3s ease-out, opacity 0.3s 0.2s ease-out;
  }
  .header__pc-menu-body.is-open {
    opacity: 1;
  }
  .header__pc-menu-body-inner {
    align-items: start;
    display: flex;
    justify-content: space-between;
    /* padding: 59px 69px 56px; */
    padding: 4.75% 5.54% 4.51%;
    position: relative;
  }
  .header__pc-menu-body-mention {
    background: #f6f9ff;
    border-radius: 10px;
    padding: 24px 16px 20px;
    /* width: 336px; */
    width: 30%;
  }
  .header__pc-menu-body-mention-text {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
  }
  .header__pc-menu-body-mention-list + .header__pc-menu-body-mention-text {
    margin-top: 24px;
  }
  .header__pc-menu-body-mention-list {
    margin-top: 3px;
  }
  .header__pc-menu-body-mention-item {
    border-top: 1px solid #ccc;
  }
  .header__pc-menu-body-mention-item--bordernone {
    border-top: none;
  }
  .header__pc-menu-body-mention-item a {
    color: #285ae1;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.6;
    padding: 9px 16px 7px 0;
    position: relative;
  }
  .header__pc-menu-body-mention-item a::before {
    background-image: url(/common2024/images/icon/icon_triangle_right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 9px;
  }
  .header__pc-menu-body-mention-item a[target=_blank]::after {
    background: url(/common2024/images/icon/icon_blank.svg) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 0 0 6px;
    transform: translateY(2px);
    width: 18px;
  }
  .header__pc-menu-body-mention-item span {
    color: #333;
    display: block;
    font-size: 1.6rem;
    font-weight: normal;
    padding-bottom: 7px;
  }
  .header__pc-menu-body-link {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* width: 720px; */
    width: 65%;
  }
  .header__pc-menu-body-link--column {
    flex-direction: column;
  }
  .header__pc-menu-body-link > .header__pc-menu-body-link {
    width: 100%;
  }
  .header:has(.header__inner--corporate) .header__pc-menu-body-link > .header__pc-menu-body-link {
    margin-top: 20px;
  }
  .header__pc-menu-body-link--no-mention {
    width: 100%;
  }
  .header__pc-menu-body-link--no-mention .header__pc-menu-body-item {
    width: 30%;
  }
  .header:has(.header__inner--corporate) .header__pc__menu__body__links__head {
    font-size: 29px;
    font-weight: 700;
    margin-left: 17px;
    position: relative;
  }
  .header:has(.header__inner--corporate) .header__pc__menu__body__links__head + .header__pc__menu__body__links__head {
    margin-top: 45px;
  }
  .header:has(.header__inner--corporate) .header__pc__menu__body__links__head::before {
    background: url(/common2024/images/icon/icon_triangle_right.svg) no-repeat;
    content: "";
    height: 12px;
    left: -16px;
    position: absolute;
    top: 35%;
    width: 12px;
  }
  .header__pc-menu-body-item {
    border-bottom: 1px solid #ccc;
    height: 72px;
    /* width: 336px; */
    width: 46.66%;
  }
  .header__pc-menu-body-item a {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 1.8rem;
    font-weight: 700;
    height: 100%;
    line-height: 1.2;
    width: 100%;
  }
  .header__pc-menu-body-item a:hover {
    color: #285ae1;
    opacity: 1;
  }
  .header__pc-menu-body-close {
    background-repeat: no-repeat;
    background-size: contain;
    height: 48px;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 48px;
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 50%;
  }
  .header__pc-menu-body-close:hover {
    opacity: 1;
    background: #e0e0e0;
  }
  .header__pc-menu-body-close::before,
  .header__pc-menu-body-close::after {
      content: '';
      position: absolute;
      top: 38%;
      left: 32%;
      height: 1.5px;
      width: 33%;
      background-color: #285ae1;
  }
  .header__pc-menu-body-close::before {
      transform: rotate(45deg);
  }
  .header__pc-menu-body-close::after {
      transform: rotate(-45deg);
  }
  .header__pc-menu-body-close span {
    margin-top: 20px;
    bottom: 20%;
    color: #285ae1;
    display: block;
    font-size: 8px;
    font-weight: bold;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translate(-50%, 0);
    white-space: nowrap;
  }
  .header__pc-menu-body.is-open {
    border-top: 1px solid #ccc;
    display: block;
  }
  .header__sp, .header__sp-wrap, .header__sp-side {
    display: none;
  }
  .header.is-fixed .header__pc {
    backdrop-filter: none;
    background: initial;
    border-radius: 0;
    box-shadow: none;
  }
  .header.is-fixed .header__pc-logo {
    left: 10%;
    padding: 0 16% 0 0;
    position: absolute;
    top: 30px;
    /* width: 187px; */
    width: 100%;
  }
  .header.is-fixed .header__pc-upper {
    display: none;
  }
  .header.is-fixed .header__pc-upper-wrap {
    align-items: center;
    padding: 0 17px;
    width: 221px;
  }
  .header.is-fixed .header__pc-content.js-login-overlay {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .header.is-fixed .header__pc-menu {
    padding-left: 5px;
    width: 1022px;
  }
  .header.is-fixed .header__pc-menu-body-wrap {
    backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    left: 0;
    padding-top: 74px;
    position: absolute;
    top: 0;
    /* transition: all 0.2s ease-out; */
    width: 100%;
    z-index: -1;
  }
  .header.is-fixed .header__pc-menu-item {
    flex-shrink: 0;
    height: 66px;
    position: relative;
    width: 143px;
  }
  .header.is-fixed .header__inner--corporate .header__pc-menu-item {
    width: 156px;
  }
  .header.is-fixed .header__pc-menu-item:last-child::after {
    display: none;
  }
  .header.is-fixed .header__pc-menu-item.is-open::after {
    bottom: -2px;
  }
  .header.is-fixed .header__pc-menu-list {
    justify-content: flex-start;
  }
  .header.is-fixed .header__inner {
    animation: headIn 0.2s ease-out;
    animation-fill-mode: forwards;
    left: 50%;
    /* padding: 0 5px; */
    position: fixed;
    top: 0;
  }
  @keyframes headIn {
    0% {
      transform: translate(-50%, -100%);
    }
    100% {
      transform: translate(-50%, 0);
    }
  }
}
@media screen and (min-width: 967px) and (min-width: 768px) and (max-width: 1242px) {
  .header.is-fixed .header-btn {
    padding: 12px 3.28% 24%;
  }
  .header.is-fixed .header-btn span {
    margin-top: 4%;
  }
  .header.is-fixed .header__pc-upper-wrap {
    padding: 0 1.2% 0 1.8%;
    width: 19.2%;
  }
  .header.is-fixed .header__pc-menu {
    padding-left: 1.6%;
    padding-top: 9px;
    width: 80.8%;
  }
  .header.is-fixed .header__pc-menu-body-wrap {
    padding-top: 83px;
  }
  .header.is-fixed .header__pc-menu-item {
    height: 73px;
    width: 13.962%;
  }
  .header.is-fixed .header__inner {
    padding: 0;
    /* transition: all 0.2s ease-out; */
  }
  .header.is-fixed .header__pc-menu-btn {
    font-size: 1.4rem;
    height: 100%; /* ディスクリプション3行時に▼アイコンのアラインを調整 */
    padding-left: 3.28%;
    padding-right: 3.28%;
    word-break: break-all;
  }
  .header.is-fixed .header__pc-menu-btn span {
    margin-top: 1%;
  }
  .header.is-fixed .header__pc-menu-btn--acd::after {
    /* bottom: -6%; */
    bottom: 6%;
  }
}
@media screen and (min-width: 967px) {
  .header__inner--corporate .header__pc-menu-btn {
    /* padding: 20px 0 24px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .header__inner--corporate .header__pc-btn-wrap {
    width: 225px;
  }
  .header__inner--corporate .header__pc-about-btn-kojin {
    background-color: #fff;
    color: #285ae1;
  }
  .header__inner--corporate .header__pc-about-btn-hojin {
    background-color: #285ae1;
    color: #fff;
  }
  .header__inner--corporate .header__pc-search {
    width: 341px;
  }
}
@media screen and (min-width: 967px) and (min-width: 768px) and (max-width: 1242px) {
  .header {
    height: 130px;
    padding: 0;
  }
  .header__pc-logo {
    padding-top: 5px;
    width: 157px;
    width: 16.4%;
  }
  .header__pc-about {
    width: 262px;
  }
  .header__pc-menu-item {
    height: 78px;
  }
  .header__inner {
    padding: 0 5px;
  }
  .header__pc-menu-btn {
    font-size: 1.4rem;
    /* height: auto; */
    padding: 14px 4.1% 19px;
  }
  .header__pc-upper {
    width: 83.6%;
  }
  .header__pc-search {
    margin-left: 6px;
    width: 240px;
  }
  .header__pc-btn-wrap {
    margin-left: 6px;
    /* width: 223px; */
    width: auto;
  }
  .header__pc-btn-login {
    margin-left: 6px;
  }
  .header__pc-about-text {
    padding-top: 3px;
  }
  .header__pc-menu-item {
    width: 13.8%;
  }
  .header__pc .headerPC-form [type=text] {
    padding-left: 7px;
  }
  .header__pc .headerPC-form [type=submit] {
    right: 8px;
  }
}
@media screen and (min-width: 967px) {
  .header-other01 {
    height: 72px;
  }
  .header-other01 .header__pc-upper-wrap {
    padding: 20px 16px;
  }
  .header-other01 .header__pc-search {
    width: 341px;
  }
  .header-other01.is-fixed .header__pc {
    position: absolute;
    top: 0;
  }
  .header-other01.is-fixed .header__pc-wrap {
    backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    left: 0;
    padding-top: 74px;
    position: absolute;
    top: 0;
    /* transition: all 0.2s ease-out; */
    width: 100%;
    z-index: -1;
  }
  .header-other03 {
    height: 72px;
  }
  .header-other03 .header__pc-upper-wrap {
    padding: 20px 16px;
  }
  .header-other03 .header__pc-search {
    width: 341px;
  }
  .header-other03.is-fixed .header__pc {
    position: absolute;
    top: 0;
  }
  .header-other03.is-fixed .header__pc-wrap {
    backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    left: 0;
    padding-top: 74px;
    position: absolute;
    top: 0;
    /* transition: all 0.2s ease-out; */
    width: 100%;
    z-index: -1;
  }
  .header-other02 {
    height: 72px;
  }
  .header-other02 .header__pc-upper-wrap {
    padding: 20px 16px;
  }
  .header-other02.is-fixed .header__pc {
    position: absolute;
    top: 0;
  }
  .header-other02.is-fixed .header__pc-wrap {
    backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    left: 0;
    padding-top: 74px;
    position: absolute;
    top: 0;
    /* transition: all 0.2s ease-out; */
    width: 100%;
    z-index: -1;
  }
  .header-takarakuji {
    height: 144px;
  }
  .header-takarakuji .header__pc-menu-item {
    height: 94px;
    width: 169px;
  }
  .header-takarakuji .header__pc-menu-item::before, .header-takarakuji .header__pc-menu-item::after {
    height: 48px;
    top: 23px;
  }
  .header-takarakuji .header__pc-menu-item.is-open::after {
    height: 2px;
    top: auto;
  }
  .header-takarakuji .header__pc-menu-btn {
    padding: 0 0 24px;
  }
  .header-takarakuji .header__pc-menu-btn-icon {
    margin-bottom: 3px;
  }
  .header-takarakuji .header__pc-menu-btn--acd::after {
    bottom: 8px;
  }
  .header-takarakuji .header__pc-search {
    width: 240px;
  }
  .header-takarakuji .header__pc-btn-login {
    width: 197px;
  }
  .header-takarakuji .header__pc-btn-icon {
    margin-left: auto;
    margin-right: auto;
    width: 48px;
  }
  .header-takarakuji.is-fixed .header__pc-menu-body-wrap {
    padding-top: 102px;
  }
  .header-takarakuji.is-fixed .header__pc-menu-item {
    flex-shrink: 0;
    height: 94px;
    position: relative;
    width: 169px;
  }
  .header-takarakuji.is-fixed .header__pc-logo {
    top: 36px;
  }
}
@media screen and (min-width: 967px) and (min-width: 768px) and (max-width: 1242px) {
  .header-takarakuji.is-fixed .header__pc-menu-item {
    width: 17.21%;
  }
  .header-takarakuji.is-fixed .header-menu-btn-icon {
    margin-left: auto;
    margin-right: auto;
    width: 30.4%;
  }
}
/*共通css_header*/

/* Footer Setting
============================================ */
.footer {
  background-color: #08287f;
  color: #fff;
  margin-bottom: 120px;
  /* パンくずありの場合は上マージンなし */
  /* 個人/法人リンク出し分け */
}
@media screen and (max-width: 849px) {
    .footer {
        margin-bottom: 131px;
    }
}
@media screen and (max-width: 794px) {
    .footer {
        margin-bottom: 155px;
    }
}
@media screen and (max-width: 767px) {
    .footer {
        margin-bottom: 137px;
    }
}
#breadcrumbBtm + .footer {
  margin-top: 0;
}
.footer-corporate-only {
  display: none !important;
}
.footer-retail-only {
  display: none !important;
}
.js-footer_corp-link .footer-corporate-only {
  display: block !important;
}
.js-footer_retail-link .footer-retail-only {
  display: block !important;
}
@media screen and (min-width: 768px) {
  .footer-menu {
    padding: 48px 62px;
    width: 100%;
  }
  .footer-menu + .footer-menu {
    border-top: 1px solid #759bfd;
  }
  .footer-menu + .footer-copyright {
    border-top: none;
  }
  .footer-menu:first-child {
    padding-top: 54px;
  }
  .footer-menu:nth-last-child(2) {
    padding-bottom: 80px;
  }
  .footer-menu__item {
    margin: 0 auto;
    max-width: 1242px;
  }
  .footer-menu__item + .footer-menu__item {
    margin-top: 48px;
  }
  .footer-menu__head {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.42;
    text-align: left;
  }
  .footer-menu__head + * {
    margin-top: 12px;
  }
  .footer-menu__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.625;
    text-align: left;
  }
  .footer-menu__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .footer-menu__list-item {
    align-items: center;
    border-bottom: 1px solid #759bfd;
    display: flex;
    height: 76px;
    width: 30.44%;
  }
  .footer-menu__list-item:nth-child(-n+3) {
    border-top: 1px solid #759bfd;
  }
  .footer-menu__list::after {
    /* 最後の要素を左寄せにするための疑似要素 */
    content: "";
    display: block;
    width: 30.44%; /* footer-menu__list-itemと同じwidthを指定 */
  }
  .footer-menu__button-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 0;
    justify-content: space-between;
    /* &-item:nth-child(n + 4) {
      margin-top: 16px;
    } */
  }
  .footer-menu__button-list-item {
    align-items: center;
    display: flex;
    height: 72px;
    width: 30.44%;
  }
  .footer-menu__button-list::after {
    /* 最後の要素を左寄せにするための疑似要素 */
    content: "";
    display: block;
    width: 30.44%; /* footer-menu__list-itemと同じwidthを指定 */
  }
  .footer-menu__note-list {
    display: flex;
    flex-wrap: wrap;
    width: 85%;
  }
  .footer-menu__note-list + .footer-menu__note-list.group-list {
    margin-top: 0;
  }
  .footer-menu__note-list + .footer-menu__note-list {
    margin-top: 12px;
  }
  .footer-menu__note-list-item {
    display: inline-block;
  }
  .footer-menu__note-list-item > a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.625;
    padding: 0 16px 0 32px;
    position: relative;
    text-align: left;
  }
  .footer-menu__note-list-item > a::before {
    align-items: center;
    bottom: 0;
    color: #759bfd;
    content: "｜";
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
  }
  .footer-menu__note-list-item:last-child > a {
    padding-right: 0;
  }
  .main-list .footer-menu__note-list-item:last-child > a {
    padding-right: 32px;
  }
  .footer-menu__note-list-item:nth-child(5n+1) > a {
    padding-left: 0;
  }
  .footer-menu__note-list-item:nth-child(5n+1) > a::before {
    content: none;
  }
  .footer-menu__note-list-item:nth-child(5n) > a {
    padding-right: 32px;
  }
  .main-list .footer-menu__note-list-item:last-child > a::after,
  .footer-menu__note-list-item:nth-child(5n) > a::after {
    align-items: center;
    bottom: 0;
    color: #759bfd;
    content: "｜";
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
  }
  .footer-minimum .footer-menu {
    padding: 54px 62px 80px;
  }
  .footer-minimum .footer-menu.footer-copyright {
    height: 54px;
    padding: 0;
  }
  .footer-copyright {
    align-items: center;
    background-color: #fff;
    border-top: 0;
    display: flex;
    height: 54px;
    padding: 0;
  }
  .footer-copyright__text {
    color: #08287f;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375;
    text-align: center;
    width: 100%;
  }
  .footer__link {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    line-height: 1.6;
    position: relative;
    text-align: left;
    width: 100%;
  }
  .footer__link-social {
    padding-right: 30%;
  }
  .footer__link-social::after {
    background: url(/common2024/images/icon/icon_sns_all.svg) no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 20px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 28%;
  }
  .footer__button {
    align-items: center;
    border: 1px solid #759bfd;
    border-radius: 10px;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 100%;
    line-height: 1.375;
    padding: 0 52px 0 16px;
    position: relative;
    text-align: left;
    width: 100%;
  }
  .footer__button::after {
    background: url(/common2024/images/icon/icon_triangle_white.png) no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 12px;
    margin: auto;
    position: absolute;
    right: 12px;
    top: 0;
    width: 12px;
  }
  .footer-social-box__inner {
    border: 1px solid #285ae1;
    border-radius: 10px;
    padding: 24px;
  }
  .footer-social-box-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .footer-social-box-list__item {
    align-items: center;
    display: flex;
    padding: 0 42px;
  }
  .footer-social-box-list__item + .footer-social-box-list__item {
    border-left: 1px solid #285ae1;
  }
  .footer-social-box-list__text {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.42;
    text-align: left;
  }
  .footer-social-box-icon-list {
    display: flex;
    justify-content: center;
    margin-left: 32px;
  }
  .footer-social-box-icon-list__item {
    max-width: 48px;
  }
  .footer-social-box-icon-list__item + .footer-social-box-icon-list__item {
    margin-left: 24px;
  }
}
@media screen and (max-width: 767px) {
  .footer-menu {
    padding: 48px 15px;
    width: 100%;
  }
  .footer-menu + .footer-menu {
    border-top: 1px solid #759bfd;
  }
  .footer-menu + .footer-copyright {
    border-top: none;
  }
  .footer-menu:first-of-type {
    padding-top: 32px;
  }
  .footer-menu__item + .footer-menu__item {
    margin-top: 48px;
  }
  .footer-menu__head {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-align: left;
  }
  .footer-menu__head + * {
    margin-top: 18px;
  }
  .footer-menu__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    text-align: left;
  }
  .footer-menu__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .footer-menu__list-item {
    align-items: center;
    border-bottom: 1px solid #759bfd;
    display: flex;
    padding: 16px 0;
    width: 100%;
  }
  .footer-menu__list-item:first-of-type {
    border-top: 1px solid #759bfd;
  }
  .footer-menu__button-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 0;
    justify-content: space-between;
    /* &-item + &-item {
      margin-top: 16px;
    } */
  }
  .footer-menu__button-list-item {
    align-items: center;
    display: flex;
    width: 100%;
  }
  .footer-menu__note-list {
    display: flex;
    flex-wrap: wrap;
  }
  .footer-menu__note-list + .footer-menu__note-list {
    margin-top: 24px;
  }
  .footer-menu__note-list + .footer-menu__note-list.group-list {
    margin-top: 12px;
  }
  .footer-menu__note-list-item {
    display: block;
    width: 100%;
  }
  .footer-menu__note-list-item > a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.625;
    text-align: left;
  }
  .footer-menu__note-list-item + .footer-menu__note-list-item {
    margin-top: 12px;
  }
  .footer-minimum .footer-menu {
    padding: 32px 15px 48px;
  }
  .footer-minimum .footer-menu.footer-copyright {
    height: 54px;
    padding: 0;
  }
  .footer-copyright {
    align-items: center;
    background-color: #fff;
    border-top: 0;
    display: flex;
    height: 54px;
    padding: 0;
  }
  .footer-copyright__text {
    color: #08287f;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    width: 100%;
  }
  .footer__link {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    line-height: 1.6;
    position: relative;
    text-align: left;
    width: 100%;
  }
  .footer__button {
    align-items: center;
    border: 1px solid #759bfd;
    border-radius: 10px;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 100%;
    line-height: 1.4;
    padding: 24.5px 16px;
    position: relative;
    text-align: left;
    width: 100%;
  }
  .footer__button::after {
    background: url(/common2024/images/icon/icon_triangle_white.png) no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 12px;
    margin: auto;
    position: absolute;
    right: 12px;
    top: 0;
    width: 12px;
  }
  .footer__social-link {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.625;
    padding-left: 28px;
    position: relative;
    text-align: left;
  }
  .footer__social-link::before {
    background: url(/common2024/images/icon/icon_carousel_control_white.svg) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 20px;
  }
  .footer__social-list {
    align-items: center;
    display: flex;
    margin-top: 16px;
  }
  .footer__social-list-item {
    width: 40px;
  }
  .footer__social-list-item + .footer__social-list-item {
    margin-left: 20px;
  }
  .footer-social-box__inner {
    border: 1px solid #285ae1;
    border-radius: 10px;
    padding: 8px 15px;
  }
  .footer-social-box-list {
    display: flex;
    flex-direction: column;
  }
  .footer-social-box-list__item {
    padding: 16px 0;
  }
  .footer-social-box-list__item + .footer-social-box-list__item {
    border-top: 1px solid #285ae1;
  }
  .footer-social-box-list__text {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.42;
    text-align: center;
  }
  .footer-social-box-icon-list {
    display: flex;
    justify-content: center;
    margin-top: 15px;
  }
  .footer-social-box-icon-list__item {
    max-width: 40px;
  }
  .footer-social-box-icon-list__item + .footer-social-box-icon-list__item {
    margin-left: 24px;
  }
}

/*共通css_footer*/

/*pagetop*/
@media screen and (min-width: 768px) {
  .pagetop {
    bottom: -60px; /* デフォルトは画面外に表示 */
    /* bottom: 10px; */
    position: fixed;
    right: 16px;
    transition: bottom 0.15s ease-out;
    z-index: 51;
  }
  .pagetop.is-show {
    bottom: 10px;
  }
  .pagetop-btn {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    color: #285ae1;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    padding: 13.5px 8px;
  }
  .pagetop-btn::before {
    background-image: url(/common2024/images/icon/ico_up.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 16px;
    margin: 0 auto 2px;
    width: 16px;
  }
}
@media screen and (max-width: 767px) {
  .pagetop {
    /* bottom: 10px; */
    bottom: -50px; /* デフォルトは画面外に表示 */
    position: fixed;
    right: 0;
    transition: bottom 0.15s ease-out;
    width: 48px;
    z-index: 51;
  }
  .pagetop.is-show {
    bottom: 10px;
  }
  .pagetop-btn {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px 0 0 10px;
    color: #285ae1;
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.2;
    padding: 10px 0;
    text-align: center;
  }
  .pagetop-btn::before {
    background-image: url(/common2024/images/icon/ico_up.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 16px;
    margin: 0 auto 2px;
    width: 16px;
  }
}
/*pagetop*/

body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

body.w-wide .wrapper.wrapper {
    margin-top: 42px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    padding-bottom: 0;
}

.wrap-area{
    background-color: #E2EAFF;
    padding: 80px 3% 0;
    color: #333;
}

.main-area {
    max-width: 1242px;
    margin: 0 auto;
}

.main-area-wrap{
    max-width: 1242px;
    padding: 0;
    margin: 0 0 0 auto;
    box-sizing: content-box;
}

.anchor-area{
    padding: 29px 0 25px;
}

.anchor-area .anchor-link-wrap{
    max-width: 1240px;
    margin: 0 auto;
}

.anchor-area .anchor-link-list {
    display: flex;
    justify-content: space-between;
    color: #08287F;
    margin: 0 5%;
}

.anchor-area .anchor-link-list .anchor-list-item {
    width: 31%;
}

.anchor-area .anchor-link-list .anchor-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffffff;
    border-radius: 9px;
    width: 100%;
    transition: .25s ease, transform .25s ease;
    padding-bottom: 15px;
}
.anchor-area .anchor-link-list .anchor-link > :not(:first-child) {
    margin-right: 15px;
    margin-left: 15px;
}

.anchor-area .anchor-link-list .anchor-link:hover {
    opacity: 0.9;
}

.notice {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6em;
}

.notice > li {
    text-align: left;
    margin-bottom: 15px;
    padding-left: 25px;
}

.notice > li:last-child {
    margin-bottom: 0!important;
}

.note{
    position: relative;
 }

.note .note-char {
    left: 0;
    position: absolute;
    top: 0;
}

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

    body.w-wide .wrapper.w-1220 #mainCol {
        padding-left: 0;
        padding-right: 0;
    }

    .pc-only {
        display: none !important;
    }

    .section>* {
        max-width: 100%;
    }
    .wrap-area{
        padding: 0;
    }

    .main-area{
        padding: 18px 0% 64px;
    }

    .document-open{
        padding: 0;
    }
    .anchor-area .anchor-link-list {
        gap: 6px;
        margin: 0 3%;
    }
    .anchor-area .anchor-link-list .anchor-list-item {
        width: 100%;
    }
    .anchor-area .anchor-link-list .anchor-link:hover {
        opacity: 1.0;
    }
}
@media screen and (max-width: 1004px) {
    .pagetop.is-show {
        bottom: 125px !important;
  }
}

@media screen and (min-width:768px) {
    header#header .headerPC-inner.headerPC-inner{
        width: 100%;
    }
    .sp-only {
        display: none !important;
    }

    img {
        width: auto;
        max-width: 100%;
    }

    .w-wide header#header {
        width: 100%;
        min-width: initial !important;
    }

    #footer {
        min-width: initial !important;
        width: 100%;
    }

    #footer .box-footer .content.content {
        width: initial;
    }
}

@media print {
    .sp-only {
        display: none !important;
    }
} 

.copy_guard {
    pointer-events: none;
}
@media print {
    .copy_guard {
        display: none !important;
    }
}

.mt60 {
    margin-top: 60px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
@media screen and (max-width: 767px) {
    .sp-mb0 {
        margin-bottom: 0 !important;
    }
}

.fc-red {
    color: #f01700 !important;
}
.fc-yellow {
    color: #ffe326 !important;
}
.fc-navy {
    color: #08287f !important;
}

.underline {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #666666;
}
.underline .blank {
    margin-right: 20px;
}
.pc-blank {
    margin-right: 14px;
}
@media screen and (max-width: 767px) {
    .pc-blank {
        margin-right: 0;
    }
}
.annotation .indent .blank {
    margin-right: 14px;
}

.white_border_title {
    display: inline-block;
    padding: 11px 30px;
    border: 2px solid #FFF;
    border-radius: 17px;
    color: #FFF;
    font-size: 2.6rem;
    font-weight: bold;
}

.area-title{
    text-align: center;
}

@media screen and (max-width: 767px) {
    .white_border_title {
        font-size: 1.2rem;
        border-radius: 6px;
    }
}

/*KV*/
.kv{
    background-color: #000;
    text-align: center;
    margin-top: -70px;
    padding-bottom: 50px;
}
.kv img {
    width: 100%;
    height: auto;
    max-width: 1440px;
    margin: 0 auto;
}
.kv_read {
    margin-top: -50px;
}
.kv_text {
    margin-top: 25px;
    font-size: 4.2rem;
    font-weight: bold;
    color: #FFF;
}

.anchor_gradation {
    color: #FFF;
    font-size: 2.5rem;
    font-weight: bold;
    background : linear-gradient(150deg, rgba(1, 52, 134, 1) 0%, rgba(0, 3, 7, 1) 75%);
    width: 100%;
    height: 75px;
    border-radius: 7px 7px 0 0;
    display: flex;
    align-items: center;
    padding: 0 15px 0 42px;
}

.hexagon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    background-color: #347cff;
    width: 54px;
    height: 47px;
    font-size: 3.3rem;
    font-weight: bold;
    color: #FFF;
    margin-right: 23px;
}
.wrap-area .hexagon {
    width: 92px;
    height: 80px;
    font-size: 5.6rem;
}

.anchor-list-item p {
    font-size: 2.0rem;
    font-weight: bold;
    color: #333;
}
.anchor-link-list .anchor_subtitle {
    font-size: 2.4rem !important;
    margin: 20px 0 30px;
}
.anchor-link-list li:nth-child(2) .anchor_subtitle {
    margin: 20px 0 50px;
}

.anchor-list-item .strong {
    font-size: 5.4rem;
}
.anchor-list-item .semi-strong {
    font-size: 3.9rem;
}
.anchor-list-item .medium {
    font-size: 3.0rem;
}

.anchor_box {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 35px;
    color: #333;
}

.anchor_box-left {
    text-align: left;
}
.anchor_box-right .strong {
    line-height: 1;
}

.anchor-link-list .anchor-link .down_arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    border-top: 15px solid #08287f;
    border-bottom: 0;
    margin-top: auto;
}

.kv_supplement {
    color: #FFF;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 5%;
}

.kv_appeal-link {
    margin: 44px auto 0;
    width: 440px;
    padding: 12px 72px;
}

.gradation_appeal-link {
    position: relative;
    background : linear-gradient(90deg, rgba(255, 102, 51, 1) 0%, rgba(255, 153, 0, 1) 60.67%, rgba(255, 174, 0, 1) 100%);
    border-radius : 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.0rem;
    font-weight: bold;
    color: #FFF;
    transition: .25s ease, transform .25s ease;
}
.gradation_appeal-link::before {
    position: absolute;
    background: url(/special/upsiderbank/images/icon_blank_01.png) no-repeat;
    background-size: contain;
    content: "";
    width: 25px;
    height: 25px;
    right: 33px;
    top: 50%;
    transform: translateY(-50%);
}
.gradation_appeal-link:hover {
    opacity: 0.9;
}

.kv_white_border {
    max-width: 1242px;
    width: calc(100% - 6%);
    border: 2px solid #FFF;
    border-radius: 9px;
    margin: 46px auto 0;
    padding: 41px 45px 42px 30px;
}
.kv_white_border ul .indent {
    padding-left: 1.2em;
    text-indent: -1.2em;
    font-size: 1.6rem;
    font-weight: bold;
    color: #FFF;
    text-align: left;
    line-height: 1.5;
}
.kv_white_border ul .indent:nth-child(2) {
    margin-top: 21px;
}

@media screen and (max-width: 966px) {
    .kv{
        margin-top: -68px;
    }
}
@media screen and (max-width: 767px) {
    .kv_read {
        margin-top: 0;
    }
    .kv_text {
        font-size: 2.0rem;
    }
    .anchor_gradation {
        font-size: 1.2rem;
        padding: 0 3px 0 5px;
        height: 30px;
    }
    .hexagon {
        width: 19px;
        height: 16px;
        font-size: 1.2rem;
        margin-right: 5px;
    }
    .anchor-list-item p {
        font-size: 1.2rem;
    }
    .anchor-link-list .anchor_subtitle {
        font-size: 1.2rem !important;
        margin: 10px 0;
    }
    .anchor-link-list li:nth-child(2) .anchor_subtitle {
        margin: 10px 0 30px;
    }
    .anchor-list-item .strong {
        font-size: 1.8rem;
    }
    .anchor-link-list li:nth-child(2) .strong {
        font-size: 2.4rem;
    }
    .anchor-link-list li:nth-child(3) .strong {
        font-size: 2.0rem;
    }
    .anchor-list-item .semi-strong {
        font-size: 1.2rem;
    }
    .anchor-list-item .medium {
        font-size: 1.4rem;
    }
    .kv_supplement {
        font-size: 1.2rem;
    }
    .anchor-link-list .anchor-link .down_arrow {
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 9px solid #08287f;
    }
    .anchor_box {
        margin-bottom: 13px;
        font-size: 1.2rem;
        flex-direction: column;
    }
    .anchor_box-left {
        text-align: center;
    }
    .kv_appeal-link {
        margin: 25px auto 0;
        padding: 19px 58px 19px 39px;
        width: 71%;
    }
    .gradation_appeal-link {
        border-radius : 52px;
        font-size: 1.8rem;
    }
    .gradation_appeal-link::before {
        position: absolute;
        background: url(/special/upsiderbank/images/icon_blank_01.png) no-repeat;
        background-size: contain;
        content: "";
        width: 16px;
        height: 16px;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }
    .kv_white_border {
        width: calc(100% - 6%);
        border: 2px solid #FFF;
        border-radius: 6px;
        margin: 25px auto 0;
        padding: 12px 4.5vw 10px 9px;
    }
    .kv_white_border ul .indent {
        font-size: 1.2rem;
        font-weight: normal;
    }
    .kv_white_border ul .indent:nth-child(2) {
        margin-top: 13px;
    }
}

/*1～3*/
.contents-area {
    background-color: #FFF;
    margin-bottom: 74px;
    padding-top: 51px;
}
.area-title {
    height: 120px;
    background : linear-gradient(90deg, rgba(1, 52, 134, 1) 0%, rgba(7, 22, 81, 1) 60%, rgba(255, 255, 255, 1) 100%);
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 4.3rem;
    font-weight: bold;
    clip-path: polygon(
        37px 0,
        100% 0,
        100% 100%,
        0 100%,
        0 50px
    );
    margin-left: 32px;
}
.area-title h2 {
    text-align: left;
    margin-left: 37px;
}

.readtext {
    background-color: #08287f;
    border-radius: 9px;
    width: 377px;
    height: 57px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 2.6rem;
    font-weight: bold;
    margin: 46px auto;
}

@media screen and (max-width: 767px) {
    .contents-area {
        margin: 0 3% 38px;
        padding-top: 19px;
    }
    .area-title {
        height: 58px;
        font-size: 1.8rem;
        clip-path: polygon(
            18px 0,
            100% 0,
            100% 100%,
            0 100%,
            0 18px
        );
        margin-left: 10px;
    }
    .area-title h2 {
        text-align: left;
        margin-left: 15px;
    }
    .area-title h2 .hexagon {
        width: 42px;
        height: 36px;
        font-size: 2.0rem;
        margin-right: 13px;
    }
    .readtext {
        width: 214px;
        height: 32px;
        border-radius: 6px;
        font-size: 1.4rem;
        margin: 24px auto 20px;
    }
}

/*1 もっとお得に*/
.profit_column2 {
    display: flex;
    gap: 5%;
    margin: 0 3% 64px 8%;
}
.profit_column2 .text {
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.6;
    width: 40%;
    margin-top: 43px;
}
.profit_column2 .strong {
    font-size: 4.3rem;
}
.profit_column2 .text p + p {
    margin-top: 27px;
}

.commission {
    width: 50%;
}
.commission p {
    font-size: 2.6rem;
    margin-bottom: 22px;
    text-align: center;
}
.commission .annotation {
    font-size: 1.4rem;
    margin-top: 15px;
    line-height: 1.6;
}
.commission .annotation li + li {
    margin-top: 10px;
}

.profit_moreover {
    background-color: #000;
    text-align: center;
    padding: 52px 78px 50px;
}
.profit_moreover .white_border_title {
    width: 205px;
}
.profit_moreover .profit_moreover_title {
    font-size: 5.0rem;
    font-weight: bold;
    color: #FFF;
}
.profit_moreover .profit_moreover_title .strong {
    font-size: 7.9rem;
}
.profit_moreover .profit_moreover_subtitle {
    font-size: 2.6rem;
    font-weight: bold;
    color: #FFF;
    margin: 44px 0 56px;
    line-height: 1.7;
}
.profit_moreover .profit_moreover_subtitle .profit_moreover_subtitle-strong {
    font-size: 3.6rem;
}
.profit_moreover .profit_moreover_column2 {
    display: flex;
    justify-content: center;
    gap: 24px;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col {
    background-color: #FFF;
    border-radius: 12px;
    width: 100%;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_col_title {
    font-size: 3.0rem;
    font-weight: bold;
    color: #FFF;
    background-image: url(/special/upsiderbank/images/bg_01_pc.png);
    background-size: cover;
    background-position: right;
    padding: 14px 2px 17px;
    border-radius: 4px 4px 0 0;
    position: relative;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_col_title::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 4px 4px 0 0;
    background: linear-gradient(
        135deg,
        rgba(10, 12, 26, 1) 0%,
        rgba(43, 61, 104, 1) 0%,
        rgba(28, 53, 106, 1) 10%,
        rgba(60, 94, 166, 1) 20%,
        rgba(58, 73, 148, 1) 42%,
        rgba(37, 42, 101, 1) 64.33%,
        rgba(25, 36, 50, 1) 82.67%,
        rgba(58, 62, 70, 1) 95.33%
    );
    padding: 2px 2px 0 2px;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    clip-path: polygon(
        0 0,
        87% 0,
        86% 4px,
        4px 4px,
        4px 100%,
        0 100%
    );
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_col_title .strong {
    font-size: 5.0rem;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item {
    padding: 24px;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_moreover_item_subtitle {
    font-size: 3.2rem;
    font-weight: bold;
    color: #08287f;
    margin: 18px 0 20px;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .blue_border_title {
    display: inline-block;
    padding: 11px 48px;
    border: 2px solid #08287f;
    border-radius: 50px;
    color: #08287f;
    font-size: 2.0rem;
    font-weight: bold;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_item_column2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_item_column2 .profit_item_col {
    width: 50%;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_item_column2 .profit_item_col.profit_item_text p {
    background-color: #f2f2fc;
    position: relative;
    font-size: 2.0rem;
    font-weight: bold;
    padding: 12px 33px 12px 46px;
    text-align: left;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_item_column2 .profit_item_col.profit_item_text p:not(:first-child) {
    margin-top: 18px;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_item_column2 .profit_item_col.profit_item_text p::before {
    content: "";
    position: absolute;
    background-image: url(/special/upsiderbank/images/icon_check.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 7%;
    transform: translateY(-50%);
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 17px;
    align-items: center;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_main {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    aspect-ratio: 11 / 24;
    border-radius: 6px;
    background: #08287f;
    gap: 24px;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_main p {
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row {
    display: flex;
    align-items: center;
    gap: 10px;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_flow {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13px;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_flow .fc-red {
    font-size: 3.0rem;
    font-weight: bold;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_flow .fc-red .strong {
    font-size: 6.0rem;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_flow p {
    font-size: 2.4rem;
    font-weight: bold;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_flow p .strong {
    font-size: 3.6rem;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_logo_mizuho,
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    aspect-ratio: 1 / 1;
    background: #08287f;
    max-width: 155px;
    width: 100%;
    border-radius: 6px;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_logo_mizuho {
    background: #08287f;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_logo {
    background: #b3bedc;
}
.profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_logo p {
    font-size: 2.6rem;
    font-weight: bold;
    color: #fff;
    margin-top: 17px;
}
@media screen and (max-width: 1051px) {
    .profit_moreover .profit_moreover_column2 {
        flex-wrap: wrap;
        gap: 24px;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row {
        display: grid;
        grid-template-columns: 2fr 3fr;
        gap: 6px;
    }
}
@media screen and (max-width: 1011px) {
    .profit_column2 .text .responsive_none {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .profit_column2 {
        flex-wrap: wrap;
        gap: 25px;
        margin: 0 3% 34px;
    }
    .profit_column2 .text {
        font-size: 1.4rem;
        width: 100%;
        margin-top: 0;
        text-align: center;
    }
    .profit_column2 .strong {
        font-size: 2.4rem;
    }
    .profit_column2 .text p + p {
        margin-top: 8px;
    }
    .commission {
        width: 100%;
    }
    .commission p {
        font-size: 1.4rem;
        margin-bottom: 13px;
    }
    .commission:not(.annotation) {
        text-align: center;
    }
    .commission .annotation {
        font-size: 1.2rem;
        text-align: left;
        line-height: 1.5;
    }
    .commission .annotation li + li {
        margin-top: 5px;
    }
    .profit_moreover {
        padding: 27px 5% 30px;
    }
    .profit_moreover .white_border_title {
        font-size: 1.4rem;
        width: auto;
        padding: 4px 21px;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col {
        border-radius: 6px;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_col_title {
        font-size: 1.4rem;
        background-image: url(/special/upsiderbank/images/bg_01_sp.png);
        padding: 8px 2px;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_col_title::before {
        clip-path: none;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_col_title .strong {
        font-size: 2.4rem;
    }
    .profit_moreover .profit_moreover_title {
        font-size: 2.0rem;
        margin-top: 15px;
    }
    .profit_moreover .profit_moreover_title .strong {
        font-size: 3.0rem;
    }
    .profit_moreover .profit_moreover_subtitle {
        font-size: 1.4rem;
        margin: 23px 0 26px;
        line-height: 1.7;
    }
    .profit_moreover .profit_moreover_subtitle .profit_moreover_subtitle-strong {
        font-size: 1.4rem;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item {
        padding: 12px 10px;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_moreover_item_subtitle {
        font-size: 1.8rem;
        margin: 8px 0;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .blue_border_title {
        padding: 5px 14px;
        border-radius: 0;
        font-size: 1.2rem;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_item_column2 {
        gap: 16px;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_item_column2 .profit_item_col {
        width: 100%;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_item_column2 .profit_item_col.profit_item_text p {
        font-size: 1.2rem;
        padding: 5px 7px 5px 23px;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_item_column2 .profit_item_col.profit_item_text p:not(:first-child) {
        margin-top: 8px;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_item_column2 .profit_item_col.profit_item_text p::before {
        width: 10px;
        height: 10px;
        left: 7px;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item img {
        width: 100%;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent {
        gap: 7px;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_main {
        gap: 10px;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_main p {
        font-size: 1.2rem;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_flow {
        gap: 6px;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_flow .fc-red {
        font-size: 1.4rem;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_flow .fc-red .strong {
        font-size: 3.0rem;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_flow p {
        font-size: 1.2rem;
        font-weight: bold;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_flow p .strong {
        font-size: 1.8rem;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_logo {
        padding: 10px 21px;
    }
    .profit_moreover .profit_moreover_column2 .profit_moreover_col .profit_moreover_item .profit_remittance_parent .profit_remittance_sending .profit_remittance_row .profit_remittance_logo p {
        font-size: 1.3rem;
        margin-top: 6px;
    }
}

/*2 もっと早く*/
.quickly {
    padding-bottom: 102px;
}

.quickly_subtitle {
    text-align: center;
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 50px;
}
.quickly_subtitle sub {
    font-size: 1.8rem;
}
.quickly .quickly_contents {
    padding: 0 3%;
}

.quickly_column2 {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 36px;
}
.quickly_column2 .quickly_col {
    width: 470px;
    padding: 36px 0 49px;
    border: 2px solid #a2a1a5;
    border-radius: 9px;
    text-align: center;
}
.quickly_column2 .quickly_col p {
    font-size: 2.6rem;
    color: #08287f;
    font-weight: bold;
}
.quickly_column2 .quickly_col p .fc-red {
    font-size: 3.6rem;
}
.quickly_column2 .quickly_col p .fc-red .strong {
    font-size: 6.0rem;
}
.quickly_column2 .quickly_col p + .quickly_col_img,
.quickly_column2 .quickly_col p + p {
    margin-top: 50px;
}
.quickly_column2 .quickly_col .quickly_col_img {
    margin-bottom: 25px;
    height: 174px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quickly_annotation {
    font-size: 1.4rem;
    margin: 0 auto 36px;
    max-width: 980px;
}

.quickly_accordion {
    display: block;
    margin: 0 auto;
    max-width: 1120px;
    border: 2px solid #a2a1a5;
    border-radius: 9px;
}
.quickly_accordion .accordion-head {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 16px 46px;
    cursor: pointer;
    font-size: 2.6rem;
    color: #333333;
}
.quickly_accordion .accordion-head p {
    margin-right: 100px;
    line-height: 1.5;
}
.quickly_accordion .accordion-head .strong {
    font-weight: bold;
    display: inline-block;
    margin-bottom: 25px;
}

.quickly_accordion .accordion-head .accordion-head-icon{
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}

.quickly_accordion .accordion-head .accordion-head-icon::after {
    border-right: solid 3px #333;
    border-top: solid 3px #333;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 14px;
    height: 14px;
    transform: translateX(0%) translateY(-50%) rotate(135deg);
    transition: all 0.5s;
}

.quickly_accordion.open .accordion-head .accordion-head-icon::after {
    transform: translateX(0%) translateY(-50%) rotate(-45deg);
}

.quickly_accordion .accordion-content {
    padding: 0 16px 46px;
}
.quickly_accordion .accordion-content p {
    font-size: 2.6rem;
    line-height: 1.5;
}
.quickly_accordion .accordion-content .content-box-head {
    background-color: #f3f3f3;
    margin: 45px 0;
    padding: 15px 0;
    font-weight: bold;
}
@media screen and (max-width: 819px) {
    .quickly_column2 .quickly_col .quickly_col_img.mb50 {
        margin-bottom: 25px !important;
    }
}
@media screen and (max-width: 767px) {
    .quickly {
        padding-bottom: 38px;
    }

    .quickly_subtitle {
        font-size: 1.4rem;
        margin-bottom: 19px;
    }
    .quickly_subtitle sub {
        font-size: 1.2rem;
    }

    .quickly_column2 {
        gap: 4px;
        margin-bottom: 15px;
    }
    .quickly_column2 .quickly_col {
        width: 50%;
        padding: 16px 0 14px;
    }
    .quickly_column2 .quickly_col p {
        font-size: 1.2rem;
    }
    .quickly_column2 .quickly_col p .fc-red {
        font-size: 1.4rem;
    }
    .quickly_column2 .quickly_col p .fc-red .strong {
        font-size: 2.4rem;
    }
    .quickly_column2 .quickly_col p + .quickly_col_img,
    .quickly_column2 .quickly_col p + p {
        margin-top: 10px;
    }
    .quickly_column2 .quickly_col .quickly_col_img {
        height: 60px;
        margin-bottom: 16px;
    }
    .quickly_column2 .quickly_col .quickly_col_img img {
        height: 100%;
    }
    .quickly_column2 .quickly_col .quickly_col_img.mb50 {
        margin-bottom: 25px !important;
    }
    .quickly_annotation {
        font-size: 1.2rem;
        margin-bottom: 27px;
        text-align: left;
        padding-left: 1em;
        text-indent: -1em;
        line-height: 1.5;
    }

    .quickly_accordion .accordion-head {
        font-size: 1.2rem;
        padding: 15px;
    }
    .quickly_accordion .accordion-head p {
        margin-right: 45px;
    }
    .quickly_accordion .accordion-head .strong {
        font-size: 1.4rem;
        margin-bottom: 19px;
    }

    .quickly_accordion .accordion-head .accordion-head-icon{
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
    }
    .quickly_accordion .accordion-head .accordion-head-icon::after {
        border-right: solid 3px #333;
        border-top: solid 3px #333;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 14px;
        height: 14px;
        transform: translateX(0%) translateY(-50%) rotate(135deg);
        transition: all 0.5s;
    }

    .quickly_accordion.open .accordion-head .accordion-head-icon::after {
        transform: translateX(0%) translateY(-50%) rotate(-45deg);
    }

    .quickly_accordion .accordion-content {
        padding: 0 15px 15px;
    }
    .quickly_accordion .accordion-content p {
        font-size: 1.4rem;
        line-height: 1.5;
    }
    .quickly_accordion .accordion-content .content-box-head {
        background-color: #f3f3f3;
        margin: 23px 0;
        padding: 9px 16px 8px 7px;
        font-weight: bold;
    }
}

/*3 もっと大きく*/
.big {
    background-color: #000314;
}
.big .area-title {
    background : linear-gradient(90deg, rgba(1, 52, 134, 1) 0%, rgba(0, 3, 7, 1) 60%, rgba(0, 3, 20, 1) 100%);
}
.big_contents-body {
    margin-bottom: 187px;
    padding: 0 5% 51px;
}
.big .big_read {
    position: relative;
}

.big_border {
    margin-top: 60px;
    border-bottom: 2px solid #555;
}
.big .big_read .big_title {
    position: absolute;
    font-size: 5.0rem;
    font-weight: bold;
    color: #fff;
    top: 5%;
    left: 6%;
}
.big .big_read .big_read_circle {
    background-image: url(/special/upsiderbank/images/bg_02_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 243px 0 140px;
    gap: 40px;
}
.big .big_read .big_read_circle .big_read_circle_wrap {
    position: relative;
}

.big .big_read .big_read_circle .big_read_circle_wrap p {
    position: absolute;
    font-size: 2.5rem;
    font-weight: bold;
    color: #08287f;
    text-align: center;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 2.5;
    white-space: nowrap;
}
.big .big_read .big_read_circle .big_read_circle_wrap:nth-child(2) p {
    line-height: 1.25;
}
.big .big_column2 {
    margin-top: 110px;
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 70px;
}
.big .big_column2 .big_col .text {
    font-size: 3.0rem;
    font-weight: bold;
    color: #FFF;
}
.big .big_column2 .big_col .text_strong {
    font-size: 4.0rem;
    font-weight: bold;
    margin-top: 35px;
    color: #FFF;
}
.big .big_column2 .big_col .text_strong .fc-yellow {
    font-size: 6.0rem;
}
.big .big_column2 .big_col .text_strong .fc-yellow .strong{
    font-size: 8.6rem;
}
.big .big_column2 .big_col .text_strong .white_strong {
    font-size: 5.0rem;
}

.big .point_column2 {
    display : flex;
    justify-content: center;
    align-items: center;
    gap: 37px;
    margin-top: 76px;
}
.big .point_column2 .point_col {
    display : flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
    max-width: 535px;
    width: 100%;
    background-image: url(/special/upsiderbank/images/bg_03_pc.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 25px 39px 35px 28px;
}
.big .point_column2 .point_col .point_text .point_bgwhite {
    font-size: 2.3rem;
    font-weight: bold;
    color: #08287f;
    background-color: #FFF;
    border-radius: 30px;
    width: 270px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.big .point_column2 .point_col .point_text .text {
    margin-top: 20px;
    font-size: 3.0rem;
    font-weight: bold;
    color: #FFF;
}
.big .point_column2 .point_col .point_text .fc-yellow {
    font-size: 5.0rem;
}
.big .point_column2 .point_col .point_text .text sub {
    font-size: 1.5rem;
    font-weight: normal;
}

.big .annotation {
    margin-top: 50px;
    padding: 0 5px;
}
.big .annotation ul .indent {
    color: #FFF;
    font-size: 1.4rem;
    padding-left: 2em;
    text-indent: -2em;
    line-height: 1.5;
    margin-top: 18px;
}

.big .big_subtitle {
    font-size: 4.0rem;
    font-weight: bold;
    color: #fff;
    margin: 82px 0 62px;
    text-align: center;
}
.big .merit_column3 {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.big .merit_column3 .merit_col {
    background-image: url(/special/upsiderbank/images/bg_04_pc.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 360px;
    display: flex;
    flex-direction: column;
    padding-top: 21px;
    border-radius: 10px;
}
.big .merit_column3 .merit_col .merit_bgwhite {
    margin: 0 auto 21px;
    font-size: 2.0rem;
    font-weight: bold;
    color: #08287f;
    background: #FFF;
    border-radius: 30px;
    width: 160px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.big .merit_column3 .merit_col .text {
    font-size: 2.0rem;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    margin: 22px 0 46px;
}
.big .merit_column3 .merit_col .text .strong {
    font-size: 3.4rem;
}
.big .merit_column3 .merit_col .text sub {
    font-size: 1.4rem;
}
.big .merit_column3 .merit_col .text > :not(.strong) {
    line-height: 1.8;
}
.big .merit_column3 .merit_col .text .line1,
.big .merit_column3 .merit_col .text .line2,
.big .merit_column3 .merit_col .text .line3 {
    display: block;
}
.big .merit_column3 .merit_col .text .line2 {
    margin-bottom: 20px;
}
.big .merit_annotation {
    margin-top: 40px;
}
.big .list_border {
    margin: 18px 0 94px;
    padding: 20px;
    border: 2px solid #FFF;
    border-radius: 10px;
}
.big .list_border ul .indent {
    font-size: 1.4rem;
    color: #FFF;
    padding-left: 1.2em;
    text-indent: -1.2em;
    line-height: 1.5;
}
.big .list_border ul .indent:nth-child(2) {
    margin-top: 17px;
}

.big .big_new-point {
    background-color: #1f1f1f;
    text-align: center;
    margin-bottom: 86px;
    padding: 53px 5% 50px;
    border-radius: 9px;
}
.big .big_new-point .subtitle_bgwhite {
    display: inline-block;
    background-color: #FFF;
    font-size: 2.6rem;
    font-weight: bold;
    color: #1e1e1e;
    border-radius: 40px;
    padding: 16px 75px 20px;
}
.big .big_new-point .big_new-point_title {
    font-size: 4.0rem;
    font-weight: bold;
    color: #FFF;
    margin-top: 28px;
}
.big .big_new-point .big_new-point_title .fc-yellow {
    font-size: 6.0rem;
}
.big .big_new-point .big_new-point_item {
    margin-top: 48px;
}
.big .big_new-point .big_new-point_item .under_yellow {
    display: inline-block;
    font-size: 3.0rem;
    font-weight: bold;
    color: #FFF;
    padding: 0 10px 10px;
    border-bottom: 5px solid #ffe326;
}
.big .big_new-point .big_new-point_item .text {
    margin-top: 37px;
    font-size: 2.6rem;
    color: #FFF;
    line-height: 1.5;
}
.big .big_new-point .big_new-point_item .period {
    margin-top: 34px;
    font-size: 3.6rem;
    color: #FFF;
}
.big .big_new-point .big_new-point_item .day {
    font-size: 2.4rem;
}
.big .big_new-point .big_new-point_item .annotation {
    margin: 28px auto 0;
    max-width: 956px;
}
.big .big_new-point .big_new-point_item .annotation ul li {
    font-size: 2.0rem;
    color: #FFF;
    line-height: 1.5;
}
.big .big_new-point_item_border {
    margin-top: 62px;
    padding: 30px;
    border: 2px solid #666666;
    border-radius: 9px;
}
.big .big_new-point_item_border .bg_gray {
    padding: 12px 0;
    background-color: #292929;
    border: 1px solid #333;
    font-size: 3.4rem;
    color: #FFF;
}
.big .big_new-point_item_border .text {
    margin-top: 35px;
    font-size: 2.0rem;
    line-height: 1.5;
    color: #FFF;
    text-align: left;
}
.big .big_new-point_item_border .number_list {
    margin-top: 35px;
    line-height: 1.5;
}
.big .big_new-point_item_border .number_list .indent {
    font-size: 2.0rem;
    color: #FFF;
    padding-left: 2em;
    text-indent: -2em;
    text-align: left;
}
.big .big_new-point_item_border .number_list .indent .number {
    margin-right: 1em;
}
.big .big_new-point_item_border .annotation {
    margin-top: 35px !important;
}
.big .big_new-point_item_border .annotation .indent {
    padding-left: 1.2em !important;
    text-indent: -1.2em !important;
    text-align: left;
}
.big .big_accordion {
    display: block;
    margin: 75px auto 0;
    max-width: 1020px;
    background-color: #292929;
    border: 2px solid #666666;
    border-radius: 9px;
}
.big .big_accordion .accordion-head {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 2.6rem;
    font-weight: bold;
    color: #fff;
    padding: 32px 16px;
}
.big .big_accordion .accordion-head .accordion-head-icon {
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}
.big .big_accordion .accordion-head .accordion-head-icon::after {
    border-right: solid 3px #FFF;
    border-top: solid 3px #FFF;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 50%;
    width: 14px;
    height: 14px;
    transform: translateX(0%) translateY(-50%) rotate(135deg);
    transition: all 0.5s;
}

.big .big_accordion.open .accordion-head .accordion-head-icon::after {
    transform: translateX(0%) translateY(-50%) rotate(-45deg);
}
.big .big_accordion .accordion-content {
    padding: 0 16px;
}
.big .big_accordion .content-box {
    margin: 0 14px 32px 16px;
}
.big table {
    border-collapse: collapse;
    border: 2px solid #c0d2ff;
}
.big table th,
.big table td {
    border: 2px solid #c0d2ff;
    padding: 17px 22px 17px 13px;
    vertical-align: middle;
}
.big table thead th {
    background-color: #e2eaff;
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;
    text-align: center;
}
.big table tbody th {
    background-color: #f0f4ff;
    font-size: 1.4rem;
    font-weight: bold;
    color: #1e1e1e;
}
.big table tbody td {
    background-color: #fff;
    font-size: 1.4rem;
    color: #1e1e1e;
}
.big table tbody td ul li {
    margin-top: 12px;
    text-align: left;
}
.big table tbody td .list_dot li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 14px;
}
.big table tbody td .list_dot li::before {
    background: #285ae1;
    border-radius: 5px;
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 6px;
    height: 6px;
}

.big_platform {
    margin-top: 86px;
    padding: 60px 2.9vw 50px;
    background-color: #fff;
    border-radius: 9px;
    text-align: center;
}
.big_platform .big_platform_title {
    margin-bottom: 62px;
    font-size: 5.0rem;
    font-weight: bold;
    color: #08287f;
}
.big_platform .big_platform_annotation {
    margin-top: 32px;
    font-size: 2.0rem;
    color: #08287f;
}
.big_platform .text {
    margin-top: 78px;
    font-size: 2.6rem;
    color: #1e1e1e;
    line-height: 1.5;
    letter-spacing: -0.07rem;
}
.big_platform .big_platform_point {
    position: relative;
    width: 100%;
    margin-top: 60px;
    background : linear-gradient(90deg, rgba(16, 86, 185, 1) 15.67%, rgba(123, 223, 255, 1) 50%, rgba(16, 86, 185, 1) 100%);
    border-radius: 34px;
    padding: 4px;
}
.big_platform .big_platform_point .big_platform_point_content {
    background: #ffffff;
    border-radius: 30px;
}
.big_platform .big_platform_point .big_platform_point_title {
    position: absolute;
    width: 129px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/special/upsiderbank/images/bg_05_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 1.7rem;
    color: #fff;
    top: -9%;
    left: 3%;
}
.big_platform .big_platform_point .column2 {
    display: flex;
    align-items: center;
    gap: 75px;
    padding: 30px 4% 30px;
}
.big_platform .big_platform_point .column2 .col .bg_blue {
    margin-bottom: 22px;
    padding: 15px;
    background-color: #08287f;
    font-size: 2.0rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    border-radius: 9px;
}
.big_platform .big_platform_point .column2 .col img {
    min-width: 86px;
}
.big_platform .big_platform_point .column2 .col .col_text {
    font-size: 3.4rem;
    font-weight: bold;
    color: #333;
}
.big_platform .big_platform_point .column2 .col .col_text .fc-red {
    font-size: 4.0rem;
}
.big_platform .annotation_list {
    text-align: left;
}
.big_platform .annotation_list .indent {
    font-size: 1.4rem;
    padding-left: 2em;
    text-indent: -2em;
    margin-top: 20px;
    line-height: 1.6;
}

.big_founding {
    margin-top: 51px;
    padding: 55px 68px 67px 93px;
    background-color: #d9e0ef;
    border-radius: 9px;
    text-align: center;
}
.big_founding .big_founding_title {
    font-size: 5.0rem;
    font-weight: bold;
    color: #08287f;
}
.big_founding .big_founding_title .big_founding_subtitle {
    font-size: 3.6rem;
}
.big_founding .column2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 34px;
    margin-top: 60px;
}
.big_founding .column2 .col {
    text-align: left;
    max-width: 50%;
}
.big_founding .column2 .col .col_text {
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1.5;
}
.big_founding .column2 .col .sub_text {
    margin-top: 30px;
    font-size: 1.4rem;
    line-height: 1.5;
}

@media screen and (max-width: 1272px) {
    .big .big_new-point .big_new-point_item .text .responsive_none_new-point1 {
        display: none;
    }
}
@media screen and (max-width: 1198px) {
    .big .point_column2 .point_col {
        padding: 25px 34px 39px;
    }
}
@media screen and (max-width: 1111px) {
    .big .big_new-point .big_new-point_item .text .responsive_none_new-point2 {
        display: none;
    }
}
@media screen and (max-width: 849px) {
    .big_founding .column2 {
        flex-wrap: wrap;
    }
    .big_founding .column2 .col {
        max-width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .big_contents-body {
        margin-bottom: 46px;
        padding: 0 5% 64px;
    }
    .big .big_read .big_read_circle {
        background-image: url(/special/upsiderbank/images/bg_02_sp.png);
        padding: 78px 0 43px;
        gap: 5px;
    }
    .big .big_read .big_read_circle .big_read_circle_wrap img {
        max-width: 100%;
    }
    .big .big_read .big_read_circle .big_read_circle_wrap p {
        font-size: 1.2rem;
        top: 10px;
        line-height: 2.5;
    }
    .big .big_read .big_read_circle .big_read_circle_wrap:nth-child(2) p {
        line-height: 1.25;
    }
    .big .big_read .big_title {
        font-size: 2.0rem;
        top: 10%;
        left: 0;
    }
    .big_border {
        margin-top: 30px;
    }
    .big .big_column2 {
        margin-top: 30px;
        flex-wrap: wrap;
        gap: 21px;
    }
    .big .big_column2 .big_col {
        text-align: center;
    }
    .big .big_column2 .big_col .text {
        font-size: 1.4rem;
    }
    .big .big_column2 .big_col .text_strong {
        margin-top: 18px;
        font-size: 2.0rem;
    }
    .big .big_column2 .big_col .text_strong .fc-yellow {
        font-size: 2.4rem;
    }
    .big .big_column2 .big_col .text_strong .fc-yellow .strong{
        font-size: 2.4rem;
    }
    .big .big_column2 .big_col .text_strong .white_strong {
        font-size: 2.0rem;
    }
    .big .big_column2 .big_col img {
        width: 60%;
    }

    .big .point_column2 {
        gap: 5px;
        margin-top: 24px;
    }
    .big .point_column2 .point_col {
        gap: 10px;
        background-image: url(/special/upsiderbank/images/bg_03_sp.png);
        padding: 9px 6px 14px;
        justify-content: start;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .big .point_column2 .point_col .point_img img {
        height: 21px;
    }
    .big .point_column2 .point_col .point_text {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .big .point_column2 .point_col .point_text .point_bgwhite {
        font-size: 1.2rem;
        width: 102px;
        height: 18px;
    }
    .big .point_column2 .point_col .point_text .text {
        font-size: 1.2rem;
        margin-top: 8px;
        margin-bottom: auto;
        justify-content: space-between;
        flex: 1;
    }
    .big .point_column2 .point_col .point_text .fc-yellow {
        font-size: 1.8rem;
    }
    .big .point_column2 .point_col .point_text .text sub {
        font-size: 1.2rem;
        bottom: 0;
        margin-left: 5px;
    }
    .big .annotation {
        margin-top: 25px;
        padding: 0;
    }
    .big .annotation ul .indent {
        font-size: 1.2rem;
        padding-left: 0;
        text-indent: 0;
    }

    .big .big_subtitle {
        font-size: 1.4rem;
        margin: 35px 0 15px;
    }
    .big .merit_column3 {
        flex-wrap: wrap;
    }
    .big .merit_column3 .merit_col {
        background-image: url(/special/upsiderbank/images/bg_04_sp.png);
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        justify-content: center;
        gap: 10px;
        padding: 10px 9px;
    }
    .big .merit_column3 .merit_col .merit_col_sp-vertical {
        width: 200px;
    }
    .big .merit_column3 .merit_col img {
        width: 133px;
    }
    .big .merit_column3 .merit_col:not(:nth-child(2)) {
        flex-direction: row-reverse;
    }
    .big .merit_column3 .merit_col .merit_bgwhite {
        margin: 0 auto 14px;
        font-size: 1.2rem;
        width: 80px;
        height: 20px;
    }
    .big .merit_column3 .merit_col .text {
        font-size: 1.2rem;
        font-weight: bold;
        color: #FFF;
        text-align: center;
        margin: 13px 0 0;
    }
    .big .merit_column3 .merit_col .text .strong {
        font-size: 1.4rem;
    }
    .big .merit_column3 .merit_col .text sub {
        bottom: 0;
    }
    .big .merit_column3 .merit_col .text .line2 {
        margin-bottom: 15px;
    }
    .big .list_border {
        margin: 18px 0 42px;
        padding: 18px 13px 20px;
    }
    .big .list_border ul .indent {
        font-size: 1.2rem;
        padding-left: 0;
        text-indent: 0;
    }
    .big .list_border ul .indent:nth-child(2) {
        margin-top: 12px;
    }

    .big .big_new-point {
        margin-bottom: 41px;
        padding: 11px 5% 28px;
    }
    .big .big_new-point .subtitle_bgwhite {
        font-size: 1.4rem;
        padding: 9px 25px;
        border-radius: 5px;
    }
    .big .big_new-point .big_new-point_title {
        font-size: 2.0rem;
        margin-top: 20px;
    }
    .big .big_new-point .big_new-point_title .fc-yellow {
        font-size: 3.0rem;
    }
    .big .big_new-point .big_new-point_item {
        margin-top: 32px;
    }
    .big .big_new-point .big_new-point_item .under_yellow {
        font-size: 1.4rem;
        padding: 0 10px 4px;
        border-bottom: 2px solid #ffe326;
    }
    .big .big_new-point .big_new-point_item .text {
        margin-top: 22px;
        font-size: 1.4rem;
        line-height: 1.7;
    }
    .big .big_new-point .big_new-point_item .period {
        width: fit-content;
        margin: 22px auto 0;
        text-align: left;
        font-size: 2.0rem;
    }
    .big .big_new-point .big_new-point_item .day {
        font-size: 1.2rem;
    }
    .big .big_new-point .big_new-point_item .annotation {
        margin: 21px auto 0;
    }
    .big .big_new-point .big_new-point_item .annotation ul li {
        font-size: 1.2rem;
    }
    .big .big_new-point_item_border {
        margin-top: 40px;
        padding: 17px 10px 20px;
    }
    .big .big_new-point_item_border .bg_gray {
        padding: 5px 0 8px;
        font-size: 1.4rem;
    }
    .big .big_new-point_item_border .text {
        margin-top: 16px;
        font-size: 1.2rem;
    }
    .big .big_new-point_item_border .number_list {
        margin-top: 25px;
    }
    .big .big_new-point_item_border .number_list .indent {
        font-size: 1.2rem;
    }
    .big .big_new-point_item_border .annotation {
        margin-top: 25px !important;
    }

    .big .big_accordion {
        margin: 27px auto 0;
        padding: 0;
    }
    .big .big_accordion .accordion-content {
        padding: 0 10px;
    }
    .big .big_accordion .accordion-head {
        font-size: 1.4rem;
        padding: 15px 18px;
    }
    .big .big_accordion .accordion-head .accordion-head-icon {
        right: 16px;
        width: 18px;
    }
    .big .big_accordion .accordion-head .accordion-head-icon::after {
        width: 11px;
        height: 11px;
    }

    .big .big_accordion .content-box {
        overflow-x: auto;
        margin: 0 0 15px;
    }
    .big .big_accordion .content-box::-webkit-scrollbar {
        height: 4px;
    }
    .big .big_accordion .content-box::-webkit-scrollbar-thumb {
        background: #285ae1;
    }
    .big table {
        table-layout: fixed;
        width: 100%;
        min-width: 821px;
    }
    .big table th,
    .big table td {
        padding: 20px 16px 20px 14px;
    }

    .big table th:nth-child(1),
    .big table td:nth-child(1) {
        width: 10%;
    }
    th:nth-child(2),
    td:nth-child(2),
    th:nth-child(3),
    td:nth-child(3) {
        width: 45%;
    }

    .big_platform {
        margin-top: 0;
        padding: 26px 2.6vw 30px;
    }
    .big_platform .big_platform_title {
        margin-bottom: 23px;
        font-size: 2.0rem;
    }
    .big_platform .big_platform_annotation {
        margin-top: 17px;
        font-size: 1.2rem;
        color: #08287f;
    }
    .big_platform .text {
        margin-top: 27px;
        font-size: 1.4rem;
        letter-spacing: 0;
        line-height: 1.8;
    }
    .big_platform .big_platform_point {
        margin-top: 30px;
        border-radius: 12px;
        padding: 2px;
    }
    .big_platform .big_platform_point .big_platform_point_content {
        border-radius: 10px;
    }
    .big_platform .big_platform_point .column2 {
        gap: 14px;
        padding: 11px 14px 14px;
        justify-content: center;
    }
    .big_platform .big_platform_point .column2 .col .bg_blue {
        margin-bottom: 11px;
        font-size: 1.2rem;
        border-radius: 5px;
    }
    .big_platform .big_platform_point .column2 .col .col_text {
        font-size: 2.0rem;
    }
    .big_platform .big_platform_point .column2 .col .col_text .fc-red {
        font-size: 2.0rem;
    }
    .big_platform .annotation_list .indent {
        font-size: 1.2rem;
        padding-left: 1em;
        text-indent: -1em;
        margin-top: 20px;
        line-height: 1.5;
    }
    .big_platform img {
        max-width: 100%;
        width: 80%;
    }

    .big_founding {
        margin-top: 45px;
        padding: 28px 33px 36px 23px;
    }
    .big_founding .big_founding_title {
        font-size: 2.0rem;
    }
    .big_founding .big_founding_title .big_founding_subtitle {
        font-size: 1.2rem;
    }
    .big_founding .column2 {
        gap: 26px;
        margin-top: 24px;
        flex-wrap: wrap;
    }
    .big_founding .column2 .col {
        text-align: center;
        max-width: 100%;
    }
    .big_founding .column2 .col .col_text {
        font-size: 1.4rem;
    }
    .big_founding .column2 .sub_text {
        margin-top: 26px;
        text-align: left;
    }
    .big_founding .column2 .col img {
        max-width: 100%;
        width: 70%;
    }
}

/*経営を支える*/
.management {
    background-color: #FFF;
    padding: 57px 5%;
    text-align: center;
}
.management .management_title {
    font-size: 4.0rem;
    font-weight: bold;
    color: #1e1e1e;
    margin-bottom: 54px;
}
.management .management_column2 {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.management .management_column2 .management_col {
    background-color: #f7f8fc;
    border: 1px solid #cccccc;
    border-radius: 10px;
    max-width: 500px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.management .management_column2 .management_col .management_col_bgblue {
    background-color: #08287f;
    border-radius: 10px 10px 0 0;
    font-size: 2.7rem;
    color: #fff;
    padding: 15px 0;
}
.management .management_column2 .management_col .text,
.management .management_column2 .management_col .management_col_caption {
    font-size: 1.8rem;
}
.management .management_column2 .management_col .text {
    text-align: left;
    padding: 25px 33px 0;
    line-height: 1.8;
}
.management .management_column2 .management_col .management_col_logo {
    padding: 20px 33px;
    margin-top: auto;
}
.management .management_column2 .management_col .management_col_logo img {
    max-width: 100%;
}
.management .management_column2 .management_col .management_col_caption {
    padding-bottom: 23px;
    margin-top: auto;
}
.management .subtext {
    font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
    .management {
        padding: 20px 25px 51px;
    }
    .management .management_title {
        font-size: 2.0rem;
        margin-bottom: 22px;
    }
    .management .management_column2 {
        margin: 5px 0;
        gap: 7px;
    }
    .management .management_column2:nth-of-type(2) {
        margin: 5px 0;
        justify-content: start;
    }
    .management .management_column2:nth-of-type(2) {
        width: calc((100% - 7px) / 2);
    }
    .management .management_column2 .management_col .management_col_bgblue {
        font-size: 1.6rem;
        font-weight: bold;
        padding: 8px 0 6px;
    }
    .management .management_column2 .management_col .text,
    .management .management_column2 .management_col .management_col_caption {
        font-size: 1.4rem;
    }
    .management .management_column2 .management_col .text {
        text-align: left;
        padding: 9px 16px 0 11px;
        line-height: 1.8;
    }
    .management .management_column2 .management_col .management_col_logo {
        padding: 27px 19px 26px;
    }
    .management .management_column2 .management_col .management_col_logo.logo_freee {
        width: 100%;
    }
    .management .management_column2 .management_col .management_col_caption {
        padding-bottom: 29px;
    }
    .management .subtext {
        font-size: 1.2rem;
        line-height: 1.5;
        margin-top: 21px;
        text-align: left;
    }
}

/*〈みずほ〉には*/
.support {
    background-color: #d9e0ef;
    padding: 61px 5% 54px;
    text-align: center;
}
.support .support_title {
    font-size: 4.0rem;
    font-weight: bold;
    color: #1e1e1e;
    line-height: 1.25;
}
.support .support_column3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: stretch;
    margin: 63px 0 40px;
}
.support .support_column3 .support_col {
    max-width: 360px;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 10px;
}
.support .support_column3 .support_col .support_img {
    margin-bottom: 25px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.support .support_column3 .support_col .caption {
    font-size: 2.0rem;
    font-weight: bold;
    color: #1e1e1e;
    margin-bottom: 15px;
}
.support .support_column3 .support_col .text {
    font-size: 3.0rem;
    font-weight: bold;
    color: #1e1e1e;
}
.support .support_column3 .support_col .text .fc-navy {
    font-size: 6.0rem;
}
.support .support_column3 .support_col .text sub {
    font-size: 1.4rem;
    font-weight: normal;
}
.support .annotation {
    text-align: left;
}
.support .annotation .indent {
    font-size: 1.4rem;
    color: #333;
    line-height: 2.2;
    padding-left: 2em;
    text-indent: -2em;
}
@media screen and (max-width: 1123px) {
    .support .support_column3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .support .support_column3 .support_col {
        justify-self: center;
    }
}
@media screen and (max-width: 767px) {
    .support {
        padding: 27px 24px 39px 23px;
    }
    .support .support_title {
        font-size: 2.0rem;
    }
    .support .support_column3 {
        gap: 7px;
        margin: 26px 0 18px;
    }
    .support .support_column3 .support_col {
        padding: 14px 10px 12px;
        border-radius: 0;
    }
    .support .support_column3 .support_col .support_col_item {
        display: flex;
        align-items: center;
    }
    .support .support_column3 .support_col .support_img {
        margin-bottom: 0;
    }
    .support .support_column3 .support_col .support_img img {
        width: 80%;
    }
    .support .support_column3 .support_col .caption {
        font-size: 1.2rem;
        margin-bottom: 0;
    }
    .support .support_column3 .support_col .text {
        font-size: 1.4rem;
    }
    .support .support_column3 .support_col .text .fc-navy {
        font-size: 2.4rem;
    }
    .support .support_column3 .support_col .text sub {
        bottom: 0;
    }
    .support .annotation .indent {
        font-size: 1.2rem;
        line-height: 1.5;
    }
}

/*法人口座開設の流れ*/
.flow {
    background-color: #000314;
    padding: 51px 5% 114px;
    text-align: center;
}
.flow .flow_title {
    font-size: 3.0rem;
    font-weight: bold;
    color: #fff;
}
.flow .flow_column3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    align-items: stretch;
    margin-top: 30px;
}
.flow .flow_column3 .flow_col {
    max-width: 360px;
    background-color: #fff;
    border-radius: 10px;
    padding: 17px 20px 33px;
    justify-self: center;
}
.flow .flow_column3 .flow_col .flow_step {
    background-color: #0633a5;
    width: 151px;
    height: 42px;
    border-radius: 30px;
    font-size: 2.0rem;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 22px;
}
.flow .flow_column3 .flow_col .flow_subtitle {
    height: 54px;
    margin-bottom: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flow .flow_column3 .flow_col .flow_subtitle .subtitle {
    font-size: 2.0rem;
    font-weight: bold;
    color: #1e1e1e;
}
.flow .flow_column3 .flow_col .flow_img {
    height: 148px;
    margin-bottom: 47px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flow .flow_column3 .flow_col .text {
    font-size: 2.0rem;
    color: #1e1e1e;
    text-align: left;
    line-height: 1.3;
}

.flow .flow_accordion {
    display: block;
    margin-top: 30px;
    text-align: left;
    background-color: #292929;
    border: 2px solid #666666;
    border-radius: 9px;
}
.flow .flow_accordion .accordion-head {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 2.6rem;
    font-weight: bold;
    color: #fff;
    padding: 32px 24px 32px 16px;
}
.flow .flow_accordion .accordion-head .accordion-head-icon {
    display: block;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}
.flow .flow_accordion .accordion-head .accordion-head-icon::after {
    border-right: solid 3px #FFF;
    border-top: solid 3px #FFF;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 50%;
    width: 14px;
    height: 14px;
    transform: translateX(0%) translateY(-50%) rotate(135deg);
    transition: all 0.5s;
}
.flow .flow_accordion.open .accordion-head .accordion-head-icon::after {
    transform: translateX(0%) translateY(-50%) rotate(-45deg);
}

.flow .flow_accordion .accordion-content {
    padding: 0 24px 32px 16px;
}

.flow .flow_accordion .accordion-content p {
    font-size: 2.6rem;
    color: #fff;
}
.flow .flow_accordion .accordion-content .content-box-head {
    background-color: #666;
    margin: 40px 0;
    padding: 15px 0 15px 8px;
    font-weight: bold;
}
.flow .flow_accordion .accordion-content .content-box-main .list-dot {
    font-size: 2.6rem;
    color: #fff;
}
.flow .flow_accordion .accordion-content .content-box-main .list-dot li {
    margin-bottom: 16px;
}
.flow .flow_accordion .accordion-content .content-box-main .list-dot li sub {
    font-size: 1.4rem;
}
.flow .flow_accordion .accordion-content .content-box-main .text,
.flow .flow_accordion .accordion-content .content-box-main .annotation {
    margin-top: 57px;
    line-height: 1.6;
}
.flow .flow_accordion .accordion-content .content-box-main .annotation {
    margin-top: 57px;
}
.flow .flow_accordion .accordion-content .content-box-main .annotation ul .indent {
    font-size: 1.4rem;
    color: #fff;
    padding-left: 1.8em;
    text-indent: -1.8em;
}
.flow .flow_accordion .accordion-content .content-box-main .annotation ul .indent:nth-child(1) {
    margin-bottom: 47px;
}
@media screen and (max-width: 767px){
    .flow {
        padding: 25px 5% 61px;
    }
    .flow .flow_title {
        font-size: 1.8rem;
    }
    .flow .flow_column3 {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
        margin: 32px 3% 0;
    }
    .flow .flow_column3 .flow_col {
        padding: 18px 40px 25px 30px;
        border-radius: 0;
    }
    .flow .flow_column3 .flow_col .flow_step {
        background-color: #0633a5;
        width: 97px;
        height: 29px;
        font-size: 1.4rem;
        margin: 0 auto 13px;
    }
    .flow .flow_column3 .flow_col .flow_subtitle {
        height: auto;
        margin-bottom: 18px;
    }
    .flow .flow_column3 .flow_col .flow_subtitle .subtitle {
        font-size: 1.4rem;
    }
    .flow .flow_column3 .flow_col .flow_img {
        height: auto;
        margin-bottom: 17px;
    }
    .flow .flow_column3 .flow_col .flow_img img {
        width: 50%;
    }
    .flow .flow_column3 .flow_col .text {
        font-size: 1.2rem;
    }

    .flow .flow_accordion {
        margin-top: 29px;
    }
    .flow .flow_accordion .accordion-head {
        font-size: 1.4rem;
        padding: 14px 18px 14px 16px;
    }

    .flow .flow_accordion .accordion-content {
        padding: 0 18px 14px 16px;
        line-height: 1.5;
    }
    .flow .flow_accordion .accordion-content p {
        font-size: 1.4rem;
    }
    .flow .flow_accordion .accordion-content .content-box-head {
        margin: 19px 0 17px;
        padding: 9px 11px 7px 7px;
    }
    .flow .flow_accordion .accordion-content .content-box-main .list-dot {
        font-size: 1.4rem;
    }
    .flow .flow_accordion .accordion-content .content-box-main .list-dot li {
        margin-bottom: 7px;
    }
    .flow .flow_accordion .accordion-content .content-box-main .list-dot li sub {
        font-size: 1.4rem;
    }
    .flow .flow_accordion .accordion-content .content-box-main .text {
        margin-top: 30px;
    }
    .flow .flow_accordion .accordion-content .content-box-main .annotation {
        margin-top: 27px;
    }
    .flow .flow_accordion .accordion-content .content-box-main .annotation ul .indent {
        font-size: 1.2rem;
        padding-left: 0;
        text-indent: 0;
    }
    .flow .flow_accordion .accordion-content .content-box-main .annotation ul .indent:nth-child(1) {
        margin-bottom: 27px;
    }
}

/*よくあるご質問*/
.faq {
    margin: 66px auto 131px;
    padding: 0 10px;
    max-width: 1120px;
    width: calc(100% - 6%);
}

.faq .contents-normal {
    font-size: 5.2rem;
    font-weight: bold;
    color: #08287f;
    text-align: center;
    margin-bottom: 58px;
}

.faq .section-link {
    text-decoration: underline;
    color: #285ae1;
} 

.faq .section-link:hover {
    text-decoration: none;
}

.faq .faq-content {
    margin-bottom: 25px;
}

.faq .faq-accordion {
    position: relative;
    border-top: 1px solid #666;
}

.faq .faq-accordion .question {
    position: relative;
    cursor: pointer;
}

.faq .faq-accordion .question::after {
    border-right: solid 3px #333;
    border-top: solid 3px #333;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 3%;
    width: 14px;
    height: 14px;
    transform: translateX(0%) translateY(-50%) rotate(135deg);
    transition: all 0.5s;
}

.faq .faq-accordion.open .question::after {
    transform: translateX(0%) translateY(-50%) rotate(-45deg);
}

.faq .question {
    display: flex;
}

.faq .faq-accordion:last-of-type {
    border-bottom: 1px solid #666;
}

.faq .question img {
    width: auto;
    height: auto;
    padding-right: 18px;
    margin-bottom: auto;
    margin-top: auto;
}

.faq .question .text {
    font-size: 2.6rem;
    line-height: 1.32em;
    font-weight: bold;
    margin: 27px auto 27px 0px !important;
    color: #333333;
    padding-right: 72px;
}

.faq .faq-accordion .anser {
    display: flex;
    padding-bottom: 70px;
}

.faq .anser .section_list .link-list li::before {
    display: none;
}

.faq .anser img {
    padding-right: 18px;
    margin-bottom: auto;
    width: auto;
    height: auto;
}

.faq .anser .text {
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 1.7em;
    margin-left: -3px;
    padding: 6px 0 2px;
}

.faq .anser .annotation {
    padding-left: 1em;
}

.faq .anser .section_list_number {
    margin-bottom: 28px;
}

.faq .anser .section_list_number li .annotation {
    padding-left: 1em;
    font-size: 1.4rem;
}

.faq .anser .link-list li,.faq .anser .link-wrap p {
    margin-bottom: 5px;
}

.faq .anser .link-list li:last-child,.faq .anser .link-wrap p:last-child {
    margin-bottom: 0px;
}

.faq a{
    line-height: 1.7;
}

.faq a.text-link{
    color: #285ae1;
    text-decoration: underline;
}

.faq a.text-link:hover{
    text-decoration: none;
}
  
.faq a.blank {
    margin-right: 20px;
    position: relative;
}

.faq .right_text a.blank::before {
    position: absolute;
    content: "";
    background-image: url(/special/upsiderbank/images/icon_link_01.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    top: 17%;
    left: -10%;
}

.faq a.blank::after {
    position: absolute;
    content: "";
    background-image: url(/special/upsiderbank/images/icon_blank_02.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
}

.faq .anser .text .note {
    font-size: 1.3rem;
    line-height: 1.6;
}

.faq .anser .section_list li {
    padding-left: 14px;
    position: relative;
}
  
.faq .anser .section_list li::before {
    background: #333;
    border-radius: 5px;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    top: 15px;
    width: 6px;
}

.faq .anser .notice{
    margin-top: 28px;
}

.faq .anser .notice.small-text > li{
    padding-left: 15px;
}

.faq .right_text {
    text-align: right;
    font-size: 2.0rem;
}
.faq .right_text p {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .faq {
        padding: 24px 4%;
        margin: 0 auto;
    }
    .faq .contents-normal {
        font-size: 2.0rem;
        margin-bottom: 24px;
    }
    .faq .section_list li {
        margin-bottom: 5px;
        line-height: 1.5;
    }

    .faq .section_list li:last-child {
        margin-bottom: 0;
    }
    .faq .faq-content {
        margin-bottom: 21px;
    }

    .faq .question {
        align-items: center;
        gap: 7px;
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .faq .question img {
        width: auto;
        height: auto;
        padding: 0;
        max-width: 30px;
    }

    .faq .question .text {
        word-wrap: break-word;
        font-size: 1.4rem;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding-right: 41px;
    }
    .faq .faq-accordion .anser {
        padding-bottom: 39px;
    }

    .faq .anser {
        margin-top: 10px;
        gap: 7px;
    }

    .faq .anser img {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 30px;
    }

    .faq .anser .text {
        margin-left: 0px;
        margin-right: 6px;
        word-break: break-all;
        font-size: 1.4rem;
    }
    .faq .anser .text .mt60 {
        margin-top: 30px !important;
    }
    .faq .anser .text .mb60 {
        margin-bottom: 25px !important;
    }
    .faq .anser .text .mb60.sp-mb0 {
        margin-bottom: 0 !important;
    }
    .faq .anser .section_list li::before {
        top: 8px;
    }

    .faq .anser .link-wrap {
        margin-top: 28px;
    }
    .faq .right_text a.blank::before {
        width: 16px;
        height: 16px;
    }
    .faq a.blank::after {
        width: 8px;
        height: 8px;
    }
    .faq .right_text {
        font-size: 1.4rem;
    }
    .faq .right_text p {
        margin-bottom: 15px;
    }
}

/*ご注意事項*/
.notes {
    padding: 50px 10% 95px;
    background-color: #0a0c0b;
}

.notes .notes-title {
    color: #fff;
    font-size: 3.0rem;
    line-height: 1.32em;
    font-weight: bold;
    margin-bottom: 40px;
}

.notes .main {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.7;
}
  
.notes .main p:not(:last-of-type) {
    margin-bottom: 20px;
}

.notes .main .right_text {
    font-size: 2.0rem;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .notes{
        padding: 19px 4% 38px;
    }

    .notes .notes-title{
        font-size: 1.2rem;
    }
    .notes .main {
        color: #fff;
        font-size: 1.2rem;
    }
    .notes .main p:not(:last-of-type) {
        margin-bottom: 28px;
    }
    .notes .main .right_text {
        font-size: 1.4rem;
    }
}

/*追従バナー*/
.fixed-module {
    position: fixed;
    z-index: 5;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 31px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(15px, 50px, 85px); 
}
.fixed-module p {
    font-size: 3.0rem;
    font-weight: bold;
    color: #fff;
}
.fixed_appeal-link {
    position: relative;
    display: inline-block;
    height: auto;
    color: white !important;
    border-radius: 30px;
    padding: 12px 72px;
    font-weight: bold;
    width: 440px;
}

.fixed_appeal-link::before {
    right: 23px;
}
@media screen and (max-width: 767px) {
    .fixed-module {
        padding: 20px 3% 25px;
        gap: 15px;
        flex-wrap: wrap;
    }
    .fixed-module p {
        font-size: 1.6rem;
    }
    .fixed_appeal-link {
        padding: 19px 58px 19px 39px;
        font-size: 1.8rem;
        width: 74%;
    }

    .fixed_appeal-link::before {
        right: 23px;
    }
}