@charset "UTF-8";
.digitalpay-site-header .header__menu-link{white-space:nowrap;display:inline-flex;gap:6px;align-items:center}
/* バッジ付きの項目は、バッジの文字の位置で行が下がらないよう上端で揃える（ほかの項目と同じ高さにする） */
.digitalpay-site-header .header__menu-link:has(.nav-new-badge){vertical-align:top}
/* NEW!バッジ：ボタンと同じオレンジの丸いラベル。高さ18pxで、文字は line-height で上下の真ん中に置く */
.digitalpay-site-header .nav-new-badge,.digitalpay-site-drawer .nav-new-badge{display:inline-block;height:18px;padding:0 8px;border-radius:9px;background:var(--color-secondary);color:#fff;font-family:var(--font-en);font-size:11px;font-weight:700;line-height:18px;letter-spacing:.06em;white-space:nowrap}
/* 日本語の文字は行の中でやや下寄りに描かれるので、ヘッダーではバッジを1px下げて文字の中心に揃える */
.digitalpay-site-header .nav-new-badge{transform:translateY(1px)}
/* マウスを乗せたときの下線は「新機能」の文字だけに引き、NEW!バッジには引かない（リンク全体に引くとバッジの中にも出るため） */
@media (hover:hover){.digitalpay-site-header .header__menu-link:has(.nav-new-badge):hover{text-decoration:none}.digitalpay-site-header .header__menu-link:has(.nav-new-badge):hover .nav-feature-name{text-decoration:underline}}
.digitalpay-site-drawer .drawer__menu-link:has(.nav-new-badge){display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}
.digitalpay-site-drawer .drawer__menu-link .nav-new-badge{flex:0 0 auto;margin:0}
/* メニューのページ内リンクで移動したとき、移動先のセクション全体に枠線を出さない（フォーカスは次のTabの起点として使う） */
#case:focus,#reason:focus,#updates:focus,#pricing:focus,#faq:focus{outline:none}
@media(min-width:1281px) and (max-width:1480px){.digitalpay-site-header .header__tel{display:none}}
@media(min-width:1481px) and (max-width:1600px){.digitalpay-site-header .header__menu{gap:16px}.digitalpay-site-header .header__toolbar{gap:16px}}
@media(min-width:1281px) and (max-width:1320px){.digitalpay-site-header .header__menu-item:last-child{display:none}}

@media (max-width: 1280px) {
  .digitalpay-site-header .header__nav { display:none; }
  .digitalpay-site-header .header__action-item--inquiry {
    display: none;
  }
  .digitalpay-site-header .header__handle {
    display: block;
  }
  .digitalpay-site-header .header__handle-button {
    display: block;
    width: 24px;
    height: 14px;
  }
  .digitalpay-site-header .header__handle-button-icon {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/global/header_menu_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .digitalpay-site-header .header__handle-button.is-active .header__handle-button-icon {
    background-image: url(../images/global/header_menu_icon_close.svg);
  }
  .drawer.digitalpay-site-drawer {
    display: block;
    position: fixed;
    top: calc(var(--gmo-header-height, 29px) + var(--header-height, 76px));
    left: 0;
    width: 100vw;
    height: calc(100dvh - var(--gmo-header-height, 29px) - var(--header-height, 76px));
    overflow-y: auto;
    background: var(--gmo-color-blue);
    transition: 0.3s;
    opacity: 0;
    pointer-events: none;
  }
  .drawer.digitalpay-site-drawer.is-active {
    pointer-events: all;
    opacity: 1;
    z-index: 9999;
  }
  .digitalpay-site-drawer .drawer__nav {
    margin-block-end: 24px;
  }
  .digitalpay-site-drawer .drawer__menu-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .digitalpay-site-drawer .drawer__menu-link {
    display: grid;
    place-content: center;
    padding-block: 24px;
    font-size: 20px;
    font-weight: 500;
    color: var(--color-white);
  }
  .digitalpay-site-drawer .drawer__tel {
    margin-block-end: 24px;
  }
  .digitalpay-site-drawer .drawer__tel-hours {
    text-align: center;
    font-size: 13px;
    color: var(--color-white);
    line-height: 1.7;
  }
  .digitalpay-site-drawer .drawer__tel-number-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-block: var(--lh-trim);
    font-family: var(--font-en);
    font-size: 28px;
    font-weight: 700;
    color: var(--color-white);
  }
  .digitalpay-site-drawer .drawer__tel-number-link:before {
    content: "";
    width: 20px;
    height: 22px;
    -webkit-mask-image: url(../images/global/header_icon_tel.svg);
            mask-image: url(../images/global/header_icon_tel.svg);
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
    background: var(--color-white);
  }
  .digitalpay-site-drawer .drawer__action {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    padding-inline: 32px;
  }
  .digitalpay-site-drawer .drawer__action-button {
    display: grid;
    place-content: center;
    width: 100%;
    max-width: 400px;
    height: 54px;
    margin-inline: auto;
    border-radius: 27px;
    font-size: 18px;
    font-weight: 700;
  }
  .digitalpay-site-drawer .drawer__action-button--download {
    background: var(--color-secondary);
    color: var(--color-white);
  }
  .digitalpay-site-drawer .drawer__action-button--inquiry {
    background: var(--color-white);
    color: var(--gmo-color-blue);
  }
}

@media (max-width: 768px) {
  .digitalpay-site-drawer .drawer__nav {
    margin-block-end: 12px;
  }
  .digitalpay-site-drawer .drawer__menu-link {
    padding-block: 12px;
    font-size: 18px;
  }
  .digitalpay-site-drawer .drawer__tel {
    margin-block-end: 16px;
  }
  .digitalpay-site-drawer .drawer__action {
    gap: 12px;
  }
  .digitalpay-site-drawer .drawer__action-button {
    height: 48px;
    border-radius: 24px;
    font-size: 17px;
  }
}