@charset "UTF-8";
/* --------------------------------------------------
 ※※※※※※※※※※※※※※※※※※※※※※※※
 共通ページ用
 このファイルはsassでコンパイルされています
 以下の内容を変更したい場合は構成するscssファイルを
 ご確認ください
 ※※※※※※※※※※※※※※※※※※※※※※※※
-------------------------------------------------- */
@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";
/* 画面サイズが768px未満はここを読み込む */
/* stylelint-disable-next-line */
@media (max-width: 767.9px) {
  /* ------------------------------
    alert SP
  ------------------------------ */
  .alert {
    position: relative;
    padding: 12px;
    background: #ffe8ef;
    color: #ce1651;
  }
  .alert + .alert {
    margin-top: 4px;
  }
  .alert:has(.alert__button) {
    padding-top: 32px;
  }
  .alert--important {
    background: #ffeec2;
    color: #dc6e00;
  }
  .alert__inner {
    display: block;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 24px;
    text-decoration: none;
  }
  .alert__link {
    padding-right: 28px;
    color: #ce1651;
  }
  .alert__link::after {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .alert--important .alert__link {
    color: #dc6e00;
  }
  .alert__text {
    margin: 0;
  }
  .alert__text a {
    color: #17479c;
  }
  .alert__sub-text {
    margin: 0;
    font-size: 14px;
  }
  .alert__button {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    border: 0;
    background: #ce1651;
    font-size: 0;
  }
  .alert__button::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .alert--important .alert__button {
    background: #ff8000;
  }
  /* ------------------------------
    banner SP
  ------------------------------ */
  .banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    padding: 0 20px;
  }
  .banner__link {
    display: block;
    max-width: 528px;
    text-align: center;
  }
  .banner__link img {
    width: auto;
    height: auto;
  }
  .banner-transfer {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
  }
  .banner-transfer__link {
    display: block;
  }
  .banner-transfer__link img {
    width: 100%;
    height: auto;
  }
  /* ------------------------------
    base SP
  ------------------------------ */
  html.is-fixed {
    height: 100%;
    overflow: hidden;
  }
  body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100svh;
    color: #191919;
    font-family: "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    image-rendering: auto;
  }
  .is-fixed body {
    position: fixed;
    width: 100%;
  }
  *:focus-visible {
    z-index: 1;
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    image-rendering: auto;
  }
  button:hover {
    cursor: pointer;
  }
  ::-webkit-input-placeholder {
    color: #a5a5a5;
  }
  ::-moz-placeholder {
    color: #a5a5a5;
  }
  :-ms-input-placeholder {
    color: #a5a5a5;
  }
  ::-ms-input-placeholder {
    color: #a5a5a5;
  }
  ::placeholder {
    color: #a5a5a5;
  }
  .only-pc {
    display: none !important;
  }
  .only-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    pointer-events: none；;
  }
  br {
    visibility: hidden;
  }
  /* ------------------------------
    button SP
  ------------------------------ */
  .button-paramount {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-width: 300px;
    max-width: 374px;
    min-height: 56px;
    padding: 16px 32px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #ce1651;
    border-radius: 2px;
    background: #ce1651;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
  }
  .button-paramount--medium {
    min-width: 172px;
    max-width: 172px;
    padding: 12px;
  }
  .button-paramount--medium:has([class^=icon-]) {
    padding-left: 32px;
  }
  .button-paramount--small {
    min-width: 90px;
    max-width: 110px;
    padding: 12px 4px;
    font-size: 16px;
  }
  .button-paramount--full {
    width: 100%;
    min-width: auto;
  }
  .button-paramount[aria-disabled=true] {
    border-color: #a5a5a5;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .button-paramount:focus-visible {
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  .button-primary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-width: 300px;
    max-width: 374px;
    min-height: 56px;
    padding: 16px 32px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #17479c;
    border-radius: 2px;
    background: #17479c;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
  }
  .button-primary--medium {
    min-width: 172px;
    max-width: 172px;
    padding: 12px;
  }
  .button-primary--medium:has([class^=icon-]) {
    padding-left: 32px;
  }
  .button-primary--small {
    min-width: 90px;
    max-width: 110px;
    padding: 12px 4px;
    font-size: 16px;
  }
  .button-primary--full {
    width: 100%;
    min-width: auto;
  }
  .button-primary[aria-disabled=true] {
    border-color: #a5a5a5;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .button-primary:focus-visible {
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  .button-secondary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-width: 300px;
    max-width: 374px;
    min-height: 56px;
    padding: 16px 32px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #17479c;
    border-radius: 2px;
    background: #fff;
    color: #17479c;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    border: 1px solid #17479c;
  }
  .button-secondary--medium {
    min-width: 172px;
    max-width: 172px;
    padding: 12px;
  }
  .button-secondary--medium:has([class^=icon-]) {
    padding-left: 32px;
  }
  .button-secondary--small {
    min-width: 90px;
    max-width: 110px;
    padding: 12px 4px;
    font-size: 16px;
  }
  .button-secondary--full {
    width: 100%;
    min-width: auto;
  }
  .button-secondary[aria-disabled=true] {
    border-color: #a5a5a5;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .button-secondary:focus-visible {
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  .button-tertiary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-width: 300px;
    max-width: 374px;
    min-height: 56px;
    padding: 16px 32px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #ddeaff;
    border-radius: 2px;
    background: #ddeaff;
    color: #17479c;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
  }
  .button-tertiary--medium {
    min-width: 172px;
    max-width: 172px;
    padding: 12px;
  }
  .button-tertiary--medium:has([class^=icon-]) {
    padding-left: 32px;
  }
  .button-tertiary--small {
    min-width: 90px;
    max-width: 110px;
    padding: 12px 4px;
    font-size: 16px;
  }
  .button-tertiary--full {
    width: 100%;
    min-width: auto;
  }
  .button-tertiary[aria-disabled=true] {
    border-color: #a5a5a5;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .button-tertiary:focus-visible {
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  .button-quaternary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-width: 300px;
    max-width: 374px;
    min-height: 56px;
    padding: 16px 32px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #f0f6ff;
    border-radius: 2px;
    background: #f0f6ff;
    color: #17479c;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
  }
  .button-quaternary--medium {
    min-width: 172px;
    max-width: 172px;
    padding: 12px;
  }
  .button-quaternary--medium:has([class^=icon-]) {
    padding-left: 32px;
  }
  .button-quaternary--small {
    min-width: 90px;
    max-width: 110px;
    padding: 12px 4px;
    font-size: 16px;
  }
  .button-quaternary--full {
    width: 100%;
    min-width: auto;
  }
  .button-quaternary[aria-disabled=true] {
    border-color: #a5a5a5;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .button-quaternary:focus-visible {
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  .button-quaternary:hover {
    opacity: 0.6;
  }
  .button-alert {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-width: 300px;
    max-width: 374px;
    min-height: 56px;
    padding: 16px 32px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #ce1651;
    border-radius: 2px;
    background: #ce1651;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
  }
  .button-alert--medium {
    min-width: 172px;
    max-width: 172px;
    padding: 12px;
  }
  .button-alert--medium:has([class^=icon-]) {
    padding-left: 32px;
  }
  .button-alert--small {
    min-width: 90px;
    max-width: 110px;
    padding: 12px 4px;
    font-size: 16px;
  }
  .button-alert--full {
    width: 100%;
    min-width: auto;
  }
  .button-alert[aria-disabled=true] {
    border-color: #a5a5a5;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .button-alert:focus-visible {
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  .button-user {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-width: 300px;
    max-width: 374px;
    min-height: 56px;
    padding: 16px 32px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #08b5ae;
    border-radius: 2px;
    background: #fff;
    color: #191919;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    padding: 16px 28px;
    border: 1px solid #08b5ae;
    font-size: 14px;
    font-weight: 700;
  }
  .button-user--medium {
    min-width: 172px;
    max-width: 172px;
    padding: 12px;
  }
  .button-user--medium:has([class^=icon-]) {
    padding-left: 32px;
  }
  .button-user--small {
    min-width: 90px;
    max-width: 110px;
    padding: 12px 4px;
    font-size: 16px;
  }
  .button-user--full {
    width: 100%;
    min-width: auto;
  }
  .button-user[aria-disabled=true] {
    border-color: #a5a5a5;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .button-user:focus-visible {
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  .button-user::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #08b5ae;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
    font-weight: 400;
  }
  .button-user__logo {
    width: 100px;
  }
  .button-user__logo img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .button-arrow-right::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
    font-weight: 400;
  }
  .button-arrow-left::before {
    content: "\e314";
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
    font-weight: 400;
  }
  .button-function {
    gap: 2px;
    width: auto;
    min-width: 84px;
    min-height: 40px;
    padding: 8px 14px 7px;
    font-size: 16px;
  }
  .heading-box .button-function {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .form-side .button-function {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .form__label-box .button-function, .form-child__label-box .button-function {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .button-icon {
    width: 40px;
    min-width: auto;
    height: 40px;
    min-height: auto;
    padding: 8px;
  }
  .button-icon-small {
    width: 32px;
    min-width: auto;
    height: 32px;
    min-height: auto;
    padding: 4px;
    border-radius: 4px;
  }
  .button-menu-primary {
    display: grid;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: 12px;
    padding: 20px 8px 16px;
    border-radius: 2px;
    background: #17479c;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    justify-items: center;
  }
  .button-menu-secondary {
    display: grid;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: 12px;
    padding: 20px 8px 16px;
    border: 1px solid #17479c;
    border-radius: 2px;
    background: #fff;
    color: #17479c;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    justify-items: center;
  }
  .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    margin-top: 32px;
    padding: 0 20px;
  }
  .button-area--close {
    margin-top: 16px;
  }
  .button-area__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .button-rest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 6px;
    font-weight: 700;
  }
  .button-rest__text {
    margin: 0;
    color: #17479c;
    font-size: 14px;
    line-height: 1.1;
  }
  .button-rest__number {
    margin: 0 4px;
    font-size: 18px;
  }
  .button-top-text {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
  }
  .button-sub-text {
    display: block;
    font-size: 12px;
  }
  /* ------------------------------
    checkbox SP
  ------------------------------ */
  .checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .checkbox--toggle {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 12px;
  }
  .checkbox__input {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #17479c;
    border-radius: 4px;
    border-color: #17479c;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #17479c;
  }
  .checkbox__input::before {
    content: "\e5ca";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .checkbox__input:checked::before {
    opacity: 1;
  }
  .checkbox__input:disabled {
    border-color: #dedede;
    background: #f5f5f5;
    color: #a5a5a5;
    pointer-events: none;
  }
  .checkbox__label {
    margin-top: -2px;
  }
  .checkbox__input:disabled + .checkbox__label {
    color: #818181;
  }
  .checkbox-wrap {
    margin-top: 16px;
  }
  .checkbox-wrap:first-child {
    margin-top: 0;
  }
  /* ------------------------------
    date SP
  ------------------------------ */
  .date {
    position: relative;
    width: 100%;
    max-width: 374px;
  }
  .date--small {
    max-width: 154px;
  }
  .date__input {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 13px 40px 13px 12px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
    color: #191919;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .date__input::-webkit-date-and-time-value {
    text-align: left;
  }
  .date__input::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  .date__input.is-error {
    border-color: #ce1651;
    background: #ffe8ef;
  }
  .date__input:disabled {
    background-color: #f5f5f5;
    pointer-events: none;
  }
  .date__input:focus {
    outline: 1px solid #a5a5a5;
    outline-offset: 0;
  }
  .date__calendar {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 1px;
    width: 48px;
    height: calc(100% - 2px);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 0;
    border-radius: 0 4px 4px 0;
    background: #f0f6ff;
    font-size: 0;
  }
  .date__calendar::after {
    content: "\e878";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #17479c;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    pointer-events: none;
  }
  .date__input:disabled + .date__calendar {
    background: #f5f5f5;
    pointer-events: none;
  }
  .date__input:disabled + .date__calendar::after {
    color: #a5a5a5;
  }
  /* ------------------------------
    drawer SP
  ------------------------------ */
  .drawer {
    top: 0;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    background: none;
  }
  .drawer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100vw;
    height: 100dvh;
    overflow: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    background: #f5f5f5;
  }
  .is-open .drawer__inner {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .drawer__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 20px 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
  }
  .drawer__close {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .drawer__close::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .drawer__title {
    margin: 0;
    padding-right: 32px;
    font-size: 26px;
    font-weight: 700;
  }
  .drawer__text {
    margin: 8px 0 0;
  }
  .drawer__text:first-child {
    margin-top: 0;
  }
  .drawer__filter-area {
    margin-top: 16px;
  }
  .drawer__filter-area--full {
    margin: 0 -20px;
  }
  .drawer__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 20px -20px 0;
    padding: 16px 20px;
    background: #f5f5f5;
  }
  .drawer__table-wrap {
    margin-top: 20px;
  }
  .drawer__table-wrap:first-child {
    margin-top: 0;
  }
  .drawer__table-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: calc(100vw - 20px);
    margin-right: -20px;
    overflow-x: auto;
  }
  .drawer__table-scroll::after {
    content: "";
    display: block;
    min-width: 20px;
    height: 20px;
    background: transparent;
  }
  .drawer__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    padding: 16px 20px;
    border-top: 1px solid #dedede;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
  }
  .drawer__box .simplebar-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .drawer__box .simplebar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* ------------------------------
    event-header SP
  ------------------------------ */
  .event-header {
    position: sticky;
    z-index: 2;
    top: 0;
    width: 100%;
  }
  .event-header__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
    padding: 12px 40px 12px 12px;
    background: #fff;
  }
  .event-header__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin: 0;
    line-height: 1.1;
  }
  .event-header__id-title {
    color: #818181;
    font-size: 12px;
  }
  .event-header__id-data {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
  }
  .event-header__event-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin: 0;
    line-height: 1.1;
  }
  .event-header__event-name-title {
    color: #818181;
    font-size: 12px;
  }
  .event-header__event-name-data {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .event-header__button {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .event-header__button::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 2px;
    height: 12px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    background: #818181;
  }
  .is-open .event-header__button::before {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
            transform: translate(-50%, -50%) rotate(-90deg);
  }
  .event-header__button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 6px;
    width: 12px;
    height: 2px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #818181;
  }
  .event-header__notice {
    position: absolute;
    top: 12px;
    right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ce1651;
    font-size: 0;
  }
  .is-open .event-header__notice {
    display: none;
  }
  .event-header__panel {
    display: none;
  }
  .event-header-menu {
    display: grid;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    margin: 0;
    padding: 4px 2px;
    background: #fff;
    list-style: none;
  }
  .event-header-menu__item {
    display: grid;
    grid-row: span 2;
    grid-template-rows: subgrid;
    border-left: 1px solid #dedede;
  }
  .event-header-menu__item:first-child {
    border: 0;
  }
  .event-header-menu__link {
    display: grid;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    grid-row: span 2;
    grid-template-rows: subgrid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3px;
    height: 100%;
    padding: 0 10px;
    color: #818181;
    font-size: 9px;
    line-height: 1.1;
    text-decoration: none;
    justify-items: center;
  }
  .event-header-menu__text {
    color: #191919;
    font-weight: 700;
  }
  .event-header-menu__notice {
    position: absolute;
    top: -2px;
    right: 38%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ce1651;
    font-size: 0;
  }
  /* ------------------------------
    file-upload SP
  ------------------------------ */
  .file-upload {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 16px;
    border: 1px solid #dedede;
    border-radius: 5px;
    background: #f5f5f5;
  }
  .file-upload--lower {
    background: #fff;
  }
  .file-upload__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 374px;
    margin: 16px auto 0;
    padding-top: 16px;
    border-top: 1px dashed #a5a5a5;
  }
  .file-upload__block:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .file-upload__link-area {
    margin-top: 8px;
  }
  .file-upload__text {
    margin: 0;
    font-size: 14px;
  }
  .file-upload__file-name {
    margin-top: 16px;
  }
  .file-upload-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    width: 100%;
  }
  .file-upload-name__text {
    position: relative;
    margin: 0;
    padding-left: 24px;
    font-weight: 700;
    word-break: break-all;
  }
  .file-upload-name__text::before {
    content: "\e873";
    position: absolute;
    top: -4px;
    left: 0;
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
    font-weight: 400;
  }
  .file-upload-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: 100%;
  }
  .file-upload-image__item {
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 120px;
    height: 120px;
    border: 1px solid #dedede;
    background: #dedede;
  }
  .file-upload-image__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .file-upload-image__item--cover {
    width: 100%;
    height: auto;
    aspect-ratio: 5/1;
  }
  .file-upload-image__item--cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .file-upload-image__item--small {
    width: 80px;
    height: 80px;
  }
  .file-upload-image__button {
    position: absolute;
    right: 8px;
    bottom: 8px;
  }
  .file-upload-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid #818181;
    border-radius: 2px;
    background: #fff;
    color: #17479c;
  }
  .file-upload-button__delete {
    position: relative;
    width: 20px;
    font-size: 0;
  }
  .file-upload-button__delete::before {
    content: "\e872";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .file-upload-button__zoom {
    position: relative;
    width: 20px;
    font-size: 0;
  }
  .file-upload-button__zoom::before {
    content: "\e8ff";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .file-upload-input {
    display: none;
  }
  /* ------------------------------
    filter SP
  ------------------------------ */
  .filter-area {
    margin: 12px 0;
  }
  .filter-area:first-child {
    margin-top: 0;
  }
  .heading01 + .filter-area, .message-area + .filter-area {
    margin-top: 32px;
  }
  .filter-box {
    padding: 20px;
    background: #fff;
  }
  .filter {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .filter__head {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .filter:first-child .filter__head {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .filter__data {
    margin: 0 0 8px;
  }
  .filter__button {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 24px;
    border: 0;
    background: transparent;
  }
  .filter__button::before {
    content: "\ef4f";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .filter.is-open .filter__button span:first-child {
    display: none;
  }
  .filter__button span:last-child {
    display: none;
  }
  .filter.is-open .filter__button span:last-child {
    display: inline;
  }
  button.filter__button {
    color: #17479c;
  }
  button.filter__button::before {
    color: #17479c;
  }
  .filter__panel {
    display: none;
    padding-top: 24px;
  }
  .filter__panel:first-child {
    padding-top: 0;
  }
  .filter.is-open .filter__panel {
    display: block;
  }
  .filter__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    width: 100%;
  }
  .filter__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .filter__label {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .filter__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 24px;
  }
  .filter-select-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px 16px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /* ------------------------------
    flatpickr PC
  ------------------------------ */
  .flatpickr-wrapper {
    width: 100%;
  }
  .flatpickr-calendar.static.open.arrowBottom {
    top: -630%;
  }
  .drawer .flatpickr-calendar.static.open.arrowBottom, .modal .flatpickr-calendar.static.open.arrowBottom {
    top: calc(100% + 2px);
  }
  .flatpickr-current-month .numInputWrapper {
    width: 75px !important;
  }
  .flatpickr-current-month svg {
    fill: #17479c;
  }
  .flatpickr-next-month:hover svg {
    opacity: 0.7;
    fill: #17479c !important;
  }
  .flatpickr-next-month:focus svg {
    opacity: 0.7;
    fill: #17479c !important;
  }
  .flatpickr-prev-month:hover svg {
    opacity: 0.7;
    fill: #17479c !important;
  }
  .flatpickr-prev-month:focus svg {
    opacity: 0.7;
    fill: #17479c !important;
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months {
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
    padding: 0 20px 0 0.5ch !important;
    background: url("../images/icon/main/ico_arrow_down.svg") no-repeat right center/20px !important;
  }
  .flatpickr-day:hover {
    border-color: #ddeaff !important;
    background: #ddeaff !important;
  }
  .flatpickr-day:focus {
    border-color: #ddeaff !important;
    background: #ddeaff !important;
  }
  .flatpickr-day.today {
    border-color: #17479c !important;
  }
  .flatpickr-day.today:hover {
    background: #17479c !important;
  }
  .flatpickr-day.today:focus {
    background: #17479c !important;
  }
  .flatpickr-day.selected {
    border-color: #17479c !important;
    background: #17479c !important;
  }
  /* ------------------------------
    flow SP
  ------------------------------ */
  .flow {
    margin-top: 16px;
    padding: 0;
    list-style: none;
  }
  .flow__item {
    position: relative;
    padding-bottom: 48px;
  }
  .flow__item:last-child {
    padding-bottom: 0;
  }
  .flow__item:last-child::after {
    content: none;
  }
  .flow__item::after {
    content: "\e313";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    color: #dedede;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .flow__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 12px 16px;
    background: #f5f5f5;
    gap: 8px;
  }
  .flow__item[aria-current=step] .flow__head {
    background: #a5a5a5;
    color: #fff;
  }
  .flow__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
  }
  .flow__label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 4px 8px;
    background: #17479c;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .flow__label--lpt {
    background: #08b5ae;
  }
  .flow__label--user {
    background: #fff;
    color: #17479c;
  }
  .flow__content {
    padding: 16px;
    border: 1px solid #dedede;
    border-top: 0;
    background: #fff;
  }
  .flow__block {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #dedede;
  }
  .flow__block:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .flow__block-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
  }
  .flow__text {
    margin: 8px 0 0;
  }
  .flow__text:first-child {
    margin-top: 0;
  }
  .flow__note {
    margin: 8px 0 0;
    padding-left: 1.2em;
    color: #818181;
    font-size: 14px;
    text-indent: -1.2em;
  }
  .flow__note::before {
    content: "※";
    margin-right: 0.2em;
  }
  .flow__message {
    margin-top: 16px;
  }
  /* ------------------------------
    footer SP
  ------------------------------ */
  .footer {
    background: #efefef;
  }
  .footer-top__link {
    display: block;
    text-decoration: none;
  }
  .footer-top__image-area {
    position: relative;
    height: 220px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(23, 52, 156, 0.5)), to(rgba(23, 52, 156, 0.5))), url("../images/bg_footer_sp.webp") no-repeat center/cover;
    background: linear-gradient(rgba(23, 52, 156, 0.5), rgba(23, 52, 156, 0.5)), url("../images/bg_footer_sp.webp") no-repeat center/cover;
  }
  .footer-top__image {
    position: absolute;
    top: 32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .footer-top__image img {
    width: 130px;
    height: 254px;
  }
  .footer-top__list {
    display: none;
  }
  .footer-top__text {
    margin: 0;
    color: #fff;
    font-weight: 700;
    text-align: center;
  }
  .footer-top__copy-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 32px 20px;
    background: #edf3ff;
  }
  .footer-top__copy {
    margin: 0;
    color: #191919;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
  }
  .footer-top__copy-sub {
    display: block;
  }
  .footer-top__button-area {
    width: 100%;
    margin-top: 16px;
  }
  .footer-top__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-height: 60px;
    padding: 18px 32px 16px;
    background: #17479c;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
  }
  .footer-top__button::before {
    content: "\e5e1";
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 16px;
    font-weight: 400;
  }
  .footer-bottom__inner {
    padding: 16px 18px 0;
  }
  .footer-bottom__text {
    margin: 32px 0 0;
    color: #a5a5a5;
    font-size: 12px;
    text-align: center;
  }
  .footer-bottom__text:first-child {
    margin-top: 0;
  }
  .footer-bottom__copyright {
    margin: 16px -18px 0;
    padding: 6px;
    background: #17479c;
    color: #fff;
    font-size: 11px;
    line-height: 1.1;
    text-align: center;
  }
  .footer-menu-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
    margin: 0;
    padding: 16px 0 0;
    list-style: none;
    gap: 12px 32px;
  }
  .footer-menu-list__link {
    color: #17479c;
    text-decoration: none;
  }
  .footer-app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 32px;
  }
  .footer-app__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .footer-app__title img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 40px;
    height: 40px;
  }
  .footer-app__store {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
    margin-top: 12px;
  }
  .footer-app__link {
    display: block;
  }
  .footer-app__link img {
    width: auto;
    height: 47px;
  }
  .footer-path {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0 8px 16px;
    overflow-x: auto;
    line-height: 1.1;
    list-style: none;
  }
  .footer-path__item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 8px;
  }
  .footer-path__item::after {
    content: "/";
    padding-left: 8px;
    color: #a5a5a5;
  }
  .footer-path__item:first-child {
    margin-left: 0;
  }
  .footer-path__item:last-child::after {
    content: none;
  }
  .footer-path__link {
    color: #17479c;
    text-decoration: none;
    white-space: nowrap;
  }
  /* ------------------------------
    form SP
  ------------------------------ */
  .form {
    margin-top: 32px;
  }
  .form--close {
    margin-top: 8px;
  }
  .form__heading-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .form__section {
    margin-top: 12px;
    padding: 32px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .form__section:first-child, input[type=hidden] + .form__section {
    margin-top: 0;
  }
  .form__block {
    margin-top: 32px;
  }
  .form__block + .form__block {
    padding-top: 32px;
    border-top: 1px dashed #a5a5a5;
  }
  .form__block:first-child {
    margin-top: 0;
  }
  .form__block--close {
    margin-top: 16px;
  }
  .form__block + .form__block--no-border {
    padding-top: 0;
    border-top: 0;
  }
  .form__text + .form__block {
    margin-top: 24px;
  }
  .form__box-button + .form__block {
    margin-top: 8px;
  }
  .form__block--switch-display:first-child {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px dashed #a5a5a5;
  }
  .form__block--switch-display:first-child + .form__block {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .form__block--switch-display[style="display: none;"] + .form__block.is-first {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .form__sub-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 24px;
  }
  .form__label-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .form__label {
    display: block;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .form__label--align-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .form__box-button + .form__block .form__label {
    display: block;
    padding-right: 48px;
  }
  .form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: 100%;
    margin: 12px 0 0;
  }
  .form__field:first-child {
    margin-top: 0;
  }
  .form__field--far {
    margin-top: 24px;
  }
  .form__label-box:has(.button-function) + .form__field {
    margin-top: 20px;
  }
  .form__text {
    display: block;
    margin: 16px 0 0;
  }
  .form__block + .form__text {
    margin-top: 24px;
  }
  .form__label + .form__text {
    margin-top: 12px;
  }
  .form__text:first-child {
    margin-top: 0;
  }
  .form__field .form__text {
    margin: 0;
  }
  .form__text-bg {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 16px;
    background: #f5f5f5;
  }
  .form__message {
    margin-top: 12px;
  }
  .form__box-wrap {
    width: 100%;
  }
  .form__box {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 -20px;
    padding: 32px 20px;
    border-bottom: 2px solid #dedede;
  }
  .form__box-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 32px;
  }
  .form__box-button:first-child {
    margin-top: 0;
  }
  .form-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
    line-height: 1.1;
  }
  .form-side--stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .form-side + .form-side {
    margin-top: 8px;
  }
  .form-side label,
  .form-side p,
  .form-side span {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .form-side-behind {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
  }
  .form-side-behind span {
    padding-top: 4px;
    line-height: 1.1;
    white-space: nowrap;
  }
  .form-side .form-side-behind {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .form-child {
    width: 100%;
  }
  .form-child--bg {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 16px 24px;
    background: #f5f5f5;
  }
  .form-child__label-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .form-child__label {
    display: block;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .form-child__block {
    margin-top: 32px;
  }
  .form-child__block + .form-child__block {
    padding-top: 32px;
    border-top: 1px dashed #a5a5a5;
  }
  .form-child__block:first-child {
    margin-top: 0;
  }
  .form-child__block--close {
    margin-top: 16px;
  }
  .form-child__block + .form-child__block--no-border {
    padding-top: 0;
    border-top: 0;
  }
  .form-child--bg .form-child__block {
    margin-top: 24px;
    padding-top: 24px;
  }
  .form-child--bg .form-child__block:first-child {
    margin-top: 0;
  }
  .form-child__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: 100%;
    margin: 12px 0 0;
  }
  .form-child__field:first-child {
    margin-top: 0;
  }
  .form-child__content > * {
    margin: 0;
  }
  .form-child__text {
    margin: 12px 0 0;
  }
  .form-child__text:first-child {
    margin-top: 0;
  }
  .form-child__field .form-child__text {
    margin-top: 0;
  }
  .form-child__toggle-panel {
    display: none;
    padding-top: 32px;
  }
  .form-grand-child {
    width: 100%;
  }
  .form-grand-child__label {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .form-grand-child__label--large {
    font-size: 16px;
  }
  .form-grand-child__block {
    margin-top: 16px;
  }
  .form-grand-child__block:first-child {
    margin-top: 0;
  }
  .form-grand-child__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: 100%;
    margin: 12px 0 0;
  }
  .form-grand-child__field:first-child {
    margin-top: 0;
  }
  .form-grand-child__add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 8px;
  }
  .form-grand-child__text {
    margin: 12px 0 0;
  }
  .form-grand-child__field .form-grand-child__text {
    margin-top: 0;
  }
  .form-address {
    width: 100%;
  }
  .form-address__block {
    margin-top: 32px;
  }
  .form-address__block:first-child {
    margin-top: 0;
  }
  .form-address__label {
    display: block;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .form-address__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: 100%;
    margin: 12px 0 0;
  }
  .form-address__field:first-child {
    margin-top: 0;
  }
  .form-address__text {
    margin: 0;
  }
  .form-map {
    width: 100%;
    height: 233px;
  }
  .form-select-toggle-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .form-select-toggle-list__item {
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
  }
  .form-select-toggle-list__item:has(> .radio > .radio__input:checked), .form-select-toggle-list__item:has(> .checkbox > .checkbox__input:checked) {
    border-color: #d1e2ff;
    background: #f5f9ff;
  }
  .form-select-toggle-list__item:has(> .radio > .radio__input:disabled), .form-select-toggle-list__item:has(> .checkbox > .checkbox__input:disabled) {
    border-color: #dedede;
    background: #f5f5f5;
  }
  .form-select-toggle-list--child .form-select-toggle-list__item:has(> .radio > .radio__input:checked), .form-select-toggle-list--child .form-select-toggle-list__item:has(> .checkbox > .checkbox__input:checked) {
    border-color: #c5dbff;
    background: #ddeaff;
  }
  .form-select-toggle-list__panel {
    display: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: auto !important;
    padding: 4px 12px 12px;
  }
  .form-select-toggle-list__panel--top-far {
    padding-top: 10px;
  }
  .form-select-toggle-list__panel--top-close {
    margin-top: -8px;
  }
  .form-select-toggle-list__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    width: 100%;
    padding: 16px 12px 12px;
  }
  .form-select-toggle-list__detail--close {
    padding-top: 4px;
  }
  .form-select-column-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    gap: 8px;
  }
  .form-select-column-list--child {
    gap: 4px;
  }
  .form-select-column-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
  }
  .form-select-column-list__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 0 0 8px 24px;
  }
  .form-select-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .form-select-list__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 148px;
  }
  .form-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
  }
  .form-help--close {
    margin-top: 8px;
  }
  .form-file-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .form-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    max-width: 374px;
  }
  .form-date__date {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .form-date__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  .form-term {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    width: 100%;
    max-width: 374px;
  }
  .form-term .flatpickr-wrapper {
    width: auto;
  }
  .form-term .rightMost {
    right: 0;
  }
  .form-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    gap: 16px;
  }
  .form-name__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    min-width: 220px;
  }
  .form-name__label {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0;
    font-weight: 700;
  }
  .form-test-mail {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 auto;
    margin-top: 12px;
    padding: 32px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .form-test-mail__title {
    position: relative;
    margin: 0;
    padding-left: 32px;
    color: #17479c;
    font-weight: 700;
  }
  .form-test-mail__title::before {
    content: "\e158";
    position: absolute;
    top: -6px;
    left: 0;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    font-weight: 400;
  }
  .form-test-mail__text {
    margin: 12px 0 0;
  }
  .form-test-mail__button-area {
    margin: 12px 0 0;
  }
  .form-error-text {
    margin: 8px 0 0;
    color: #ce1651;
    font-size: 14px;
  }
  .form-data-box {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-top: 16px;
    padding: 16px;
    background: #f5f5f5;
    color: #191919;
  }
  .form-data-box--pattern {
    background-color: #fff;
  }
  .form-data-box__text {
    margin: 0;
    font-weight: 700;
  }
  .form-data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 0;
  }
  .form-data-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .form-data-list__title {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    min-width: 112px;
    padding-right: 1em;
  }
  .form-data-list__title::after {
    content: "：";
    position: absolute;
    right: 0;
  }
  .form-data-list__data {
    margin: 0;
    word-break: break-all;
  }
  .form-note-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 8px;
  }
  .form-note-wrap:first-child {
    margin-top: 0;
  }
  .form__field > .form-note-wrap, .form-child__field > .form-note-wrap {
    margin: 0;
  }
  .form-add {
    width: 100%;
  }
  .form-add__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .form-add__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
  }
  .form-add__button {
    margin-top: 12px;
  }
  .form-text-ok {
    margin: 8px 0 0;
    color: #019c83;
    font-size: 14px;
  }
  .form-edit-lock-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    padding: 0 20px;
    color: #818181;
    font-size: 12px;
    gap: 4px;
  }
  .form-checkbox-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
  }
  .form__field .note-editor, .form-child__field .note-editor, .form-grand-child__field .note-editor {
    max-width: 100%;
  }
  .note-editable * {
    margin: 0;
  }
  .note-editable > ul,
  .note-editable > ol {
    padding-left: 0;
  }
  /* ------------------------------
    global-nav SP
  ------------------------------ */
  .global-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 4;
    top: 0;
    right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100vw;
    height: 100svh;
    overflow-y: auto;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    border-top: 3px solid #17479c;
    background: #fff;
  }
  .global-nav.is-open {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  .global-nav__logo-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    min-height: 55px;
    padding: 11px 12px;
  }
  .global-nav__logo img {
    width: 106px;
    height: 19px;
  }
  .global-nav__label img {
    width: 62px;
    height: auto;
  }
  .global-nav__button-area {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
  }
  .global-nav__button {
    position: relative;
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
  }
  .global-nav__button::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .global-nav__account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding: 12px 20px;
    background: #f5f5f5;
  }
  .global-nav__account-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #08b5ae;
    color: #fff;
    font-size: 10px;
  }
  .global-nav__account-name {
    font-size: 14px;
    font-weight: 700;
  }
  .global-nav__section {
    padding: 16px 0 20px;
    border-bottom: 1px solid #dedede;
  }
  .global-nav__section:first-child {
    border-width: 4px;
  }
  .global-nav__section:not(:has(~ .global-nav__section)) {
    padding-top: 4px;
    border-bottom: 0;
  }
  .global-nav__title {
    margin: 0;
    padding: 0 20px 12px;
    color: #a5a5a5;
    font-size: 12px;
    line-height: 1.1;
  }
  .global-nav-account-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0 10px;
  }
  .global-nav-account-name__name {
    font-size: 18px;
    font-weight: 700;
  }
  .global-nav-account-name__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #019c83;
    color: #fff;
  }
  .global-nav-owner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding: 4px 20px 20px;
  }
  .global-nav-owner__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #dedede;
  }
  .global-nav-owner__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    font-weight: 700;
  }
  .global-nav-owner__id {
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.1;
  }
  .global-nav-owner__button {
    padding: 10px 15px;
    border: 1px solid #17479c;
    border-radius: 2px;
    background: #fff;
    color: #17479c;
    font-weight: 700;
  }
  .global-nav-menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .global-nav-menu-list__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    border: 0;
    background: #fff;
    color: #818181;
    text-decoration: none;
  }
  .global-nav-menu-list__text {
    color: #191919;
    line-height: 1.1;
  }
  .global-nav-menu-list__link--small .global-nav-menu-list__text {
    font-size: 12px;
  }
  .global-nav-menu-number {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 8px;
    left: 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 20px;
    padding: 2px 4px;
    border-radius: 10px;
    background: #ce1651;
    color: #fff;
    font-size: 8px;
    line-height: 1;
  }
  .global-nav-menu-number ::-webkit-full-page-media,
  .global-nav-menu-number :future, :root .global-nav-menu-number {
    padding: 3px 4px 1px;
  }
  .half-modal-popover {
    display: block;
    position: fixed;
    z-index: 6;
    top: 0;
    left: 0;
    width: 100vw;
    max-width: none;
    padding: 0;
    overflow: visible;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    border: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5019607843);
  }
  .half-modal-popover.is-open {
    height: 100svh;
    opacity: 1;
  }
  .half-modal-popover.is-disabled {
    background-color: transparent;
  }
  .half-modal-popover:not(.is-disabled)::-ms-backdrop {
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5019607843);
  }
  .half-modal-popover:not(.is-disabled)::backdrop {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5019607843);
  }
  .half-modal-popover.is-open::-ms-backdrop {
    opacity: 1;
  }
  .half-modal-popover.is-open::backdrop {
    opacity: 1;
  }
  .half-modal-popover__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    position: fixed;
    bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100vw;
    max-width: 100vw;
    max-height: 70vh;
    overflow: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border-radius: 10px 10px 0 0;
    background: #fff;
  }
  .is-open .half-modal-popover__inner {
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .half-modal-popover__heading {
    gap: 4px;
    margin: 0;
    padding: 16px 68px 12px 20px;
    font-size: 22px;
    font-weight: 700;
  }
  .half-modal-popover__close {
    position: absolute;
    top: 16px;
    right: 20px;
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    color: #818181;
    font-size: 0;
  }
  .half-modal-popover__close::before {
    content: "\e5cd";
    position: absolute;
    top: 0;
    right: 0;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .half-modal-popover__list-box {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 20px 20px;
    overflow-y: auto;
  }
  .half-modal-popover-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .half-modal-popover-list__item {
    border-top: 1px solid #dedede;
  }
  .half-modal-popover-list__item:last-child {
    border-bottom: 1px solid #dedede;
  }
  .half-modal-popover-list__item.is-selected, .half-modal-popover-list__item.is-selected + .half-modal-popover-list__item {
    border: 0;
  }
  .half-modal-popover-list__button {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% + 40px);
    margin-inline: -20px;
    padding: 12px 20px;
    border: 0;
    background: #fff;
    color: #191919;
    line-height: 1.5;
    text-align: start;
  }
  .is-selected .half-modal-popover-list__button {
    background-color: #f5f5f5;
    color: #191919;
    text-decoration: none;
  }
  .half-modal-popover-menu {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #dedede;
    background: #fff;
    list-style: none;
  }
  .half-modal-popover-menu__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
    padding: 12px 0;
    border: 0;
    border-top: 1px solid #dedede;
    background: #fff;
    color: #191919;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
  }
  /* ------------------------------
    head SP
  ------------------------------ */
  .head-text-area {
    margin-top: 8px;
    padding: 0 20px;
  }
  .head-text-area--far {
    margin-top: 32px;
  }
  .head-text-area--border {
    margin: 32px 0 0;
    padding-bottom: 32px;
    border-bottom: 1px dashed #a5a5a5;
  }
  .head-text {
    margin: 0;
  }
  .head-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 24px;
  }
  /* ------------------------------
    header SP
  ------------------------------ */
  .header {
    z-index: 3;
    border-top: 3px solid #17479c;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
  }
  .header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 11px 12px;
  }
  .header__logo-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .header__logo img {
    width: 106px;
    height: 19px;
  }
  .header__label {
    width: 62px;
    height: auto;
  }
  .header__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  .header__account {
    display: none;
  }
  .header__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 3px;
    color: #818181;
    text-decoration: none;
  }
  .header__link-text {
    color: #191919;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.1;
  }
  .header__menu-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 3px;
    height: 100%;
    padding: 0;
    border: 0;
    background: #fff;
  }
  .header__menu-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    width: 20px;
    height: 20px;
    color: #818181;
  }
  .header__menu-icon::before {
    content: "\e5d2";
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Material Symbols Outlined", sans-serif;
    font-size: 20px;
  }
  .header__menu-text {
    color: #191919;
    font-size: 9px;
    font-weight: 700;
  }
  .header__menu-notice {
    position: absolute;
    top: 0;
    right: 4px;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #ce1651;
    font-size: 0;
  }
  /* ------------------------------
    heading SP
  ------------------------------ */
  .heading01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0 20px;
    font-size: 26px;
    font-weight: 700;
  }
  .error-content .heading01, .heading01--center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  .heading02 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
  }
  .heading03 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .heading04 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .heading-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  /* ------------------------------
    icon SP
  ------------------------------ */
  [class^=icon-] {
    display: inline-block;
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 0;
    text-indent: 0;
  }
  [class^=icon-]::before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-weight: 400;
  }
  .button-primary [class^=icon-], .button-secondary [class^=icon-], .button-tertiary [class^=icon-], .button-quaternary [class^=icon-] {
    position: absolute;
    left: 12px;
    width: 20px;
    height: 20px;
  }
  .button-primary [class^=icon-]::before, .button-secondary [class^=icon-]::before, .button-tertiary [class^=icon-]::before, .button-quaternary [class^=icon-]::before {
    font-size: 20px;
  }
  .button-icon [class^=icon-], .button-icon-small [class^=icon-] {
    position: relative;
    left: auto;
    width: 24px;
    height: 24px;
  }
  .button-icon [class^=icon-]::before, .button-icon-small [class^=icon-]::before {
    font-size: 24px;
  }
  .button-function [class^=icon-] {
    position: relative;
    left: auto;
    width: 24px;
    height: 24px;
    margin-left: -4px;
  }
  .button-function [class^=icon-]::before {
    font-size: 24px;
  }
  .button-menu-primary [class^=icon-], .button-menu-secondary [class^=icon-] {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f5f9ff;
    color: #17479c;
  }
  .button-menu-primary [class^=icon-]::before, .button-menu-secondary [class^=icon-]::before {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 24px;
  }
  .half-modal-popover-menu__button [class^=icon-] {
    width: 20px;
    height: 20px;
    color: #818181;
  }
  .half-modal-popover-menu__button [class^=icon-]::before {
    font-size: 20px;
  }
  .icon-remove::before {
    content: "\e15b";
    font-size: 20px;
  }
  .icon-delete {
    width: 20px;
    height: 20px;
  }
  .icon-delete::before {
    content: "\e872";
    font-size: 20px;
  }
  .link-icon .icon-delete {
    position: absolute;
    left: 0;
    margin-top: 1px;
  }
  .icon-add::before {
    content: "\e145";
    font-size: 20px;
  }
  .icon-edit {
    width: 20px;
    height: 20px;
  }
  .icon-edit::before {
    content: "\e3c9";
    font-size: 20px;
  }
  .link-icon .icon-edit {
    position: absolute;
    left: -2px;
    width: 24px;
    height: 24px;
  }
  .link-icon .icon-edit::before {
    font-size: 24px;
  }
  .icon-edit-lock {
    width: 20px;
    height: 20px;
    vertical-align: bottom;
  }
  .icon-edit-lock::before {
    content: "\f8f3";
    color: #818181;
    font-size: 20px;
  }
  .form__label .icon-edit-lock {
    margin-left: 4px;
  }
  .form__label-box .icon-edit-lock {
    margin-left: -4px;
  }
  .checkbox .icon-edit-lock {
    margin-left: 0;
  }
  .icon-download {
    width: 20px;
    height: 20px;
  }
  .icon-download::before {
    content: "\f090";
    font-size: 20px;
  }
  .link-icon .icon-download {
    position: absolute;
    left: 0;
    margin-top: 2px;
  }
  .icon-upload {
    width: 20px;
    height: 20px;
  }
  .icon-upload::before {
    content: "\e255";
    font-size: 20px;
  }
  .icon-help {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 2px;
  }
  .icon-help::before {
    content: "\e887";
    font-size: 20px;
  }
  .link-help .icon-help {
    position: relative;
    margin-top: 0;
  }
  .icon-blank {
    width: 20px;
    height: 20px;
    vertical-align: top;
  }
  .icon-blank::before {
    content: "\e89e";
    font-size: 20px;
  }
  .button-primary .icon-blank, .button-secondary .icon-blank, .button-tertiary .icon-blank, .button-quaternary .icon-blank {
    right: 12px;
    left: auto;
  }
  .link-icon--right .icon-blank {
    margin-top: 2px;
  }
  .link-icon--xsmall .icon-blank {
    width: 18px;
    height: 18px;
    margin-top: 0;
  }
  .link-icon--xsmall .icon-blank::before {
    font-size: 18px;
  }
  .icon-copy {
    width: 20px;
    height: 20px;
  }
  .icon-copy::before {
    content: "\e173";
    font-size: 20px;
  }
  .link-icon .icon-copy {
    position: absolute;
    left: 0;
    margin-top: 2px;
  }
  .icon-text-copy {
    width: 20px;
    height: 20px;
  }
  .icon-text-copy::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #17479c;
    -webkit-mask: url("../images/icon/gray-primary/ico_link.svg") no-repeat center/100%;
            mask: url("../images/icon/gray-primary/ico_link.svg") no-repeat center/100%;
  }
  .half-modal-popover-menu__button .icon-text-copy::before {
    background-color: #818181;
  }
  .icon-attach {
    width: 20px;
    height: 20px;
  }
  .icon-attach::before {
    content: "\e226";
    color: #818181;
    font-size: 20px;
  }
  .icon-group {
    width: 20px;
    height: 20px;
  }
  .icon-group::before {
    content: "\f233";
    font-size: 20px;
  }
  .mail-menu-button .icon-group {
    position: absolute;
    left: 15px;
  }
  .icon-person {
    width: 20px;
    height: 20px;
  }
  .icon-person::before {
    content: "\e7fd";
    font-size: 20px;
  }
  .mail-menu-button .icon-person {
    position: absolute;
    left: 15px;
  }
  .icon-campaign {
    width: 20px;
    height: 20px;
  }
  .icon-campaign::before {
    content: "\ef49";
    font-size: 20px;
  }
  .icon-alert {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 2px;
  }
  .icon-alert::before {
    content: "\e000";
    font-size: 20px;
  }
  .modal-alert-dialog__title .icon-alert {
    width: 24px;
    height: 24px;
    margin-top: 4px;
  }
  .modal-alert-dialog__title .icon-alert::before {
    font-size: 24px;
  }
  .event-list__text-important .icon-alert {
    width: 18px;
    height: 18px;
    margin-top: 0;
  }
  .event-list__text-important .icon-alert::before {
    font-size: 18px;
  }
  .icon-notification {
    width: 20px;
    height: 20px;
  }
  .icon-notification::before {
    content: "\e0f0";
    font-size: 20px;
  }
  .alert .icon-notification {
    position: absolute;
    top: 0;
    left: 0;
  }
  .icon-settings {
    width: 20px;
    height: 20px;
  }
  .icon-settings::before {
    content: "\e8b8";
    font-size: 20px;
  }
  .icon-stop {
    width: 20px;
    height: 20px;
  }
  .icon-stop::before {
    content: "\e14b";
    font-size: 20px;
  }
  .icon-resale {
    width: 20px;
    height: 20px;
    margin-inline: 2px;
    border: 1px solid #191919;
    border-radius: 50%;
  }
  .icon-dashboard {
    width: 20px;
    height: 20px;
  }
  .icon-dashboard::before {
    content: "\e871";
    font-size: 20px;
  }
  .icon-notice {
    width: 20px;
    height: 20px;
  }
  .icon-notice::before {
    content: "\e7f4";
    font-size: 20px;
  }
  .icon-event {
    width: 20px;
    height: 20px;
  }
  .icon-event::before {
    content: "\ea68";
    font-size: 20px;
  }
  .icon-list {
    width: 20px;
    height: 20px;
  }
  .icon-list::before {
    content: "\e0ee";
    font-size: 20px;
  }
  .icon-sales {
    width: 20px;
    height: 20px;
  }
  .icon-sales::before {
    content: "\e2eb";
    font-size: 20px;
  }
  .icon-description {
    width: 20px;
    height: 20px;
  }
  .icon-description::before {
    content: "\e873";
    font-size: 20px;
  }
  .link-icon .icon-description {
    position: absolute;
    left: 0;
  }
  .icon-return {
    width: 20px;
    height: 20px;
  }
  .icon-return::before {
    content: "\e15a";
    font-size: 20px;
  }
  .icon-send {
    width: 20px;
    height: 20px;
  }
  .icon-send::before {
    content: "\e163";
    font-size: 20px;
  }
  .icon-inquiry {
    width: 20px;
    height: 20px;
  }
  .icon-inquiry::before {
    content: "\e0b7";
    font-size: 20px;
  }
  .icon-no-account {
    width: 20px;
    height: 20px;
  }
  .icon-no-account::before {
    content: "\f03e";
    font-size: 20px;
  }
  .icon-seller {
    width: 20px;
    height: 20px;
  }
  .icon-seller::before {
    content: "\ea40";
    font-size: 20px;
  }
  .icon-time {
    width: 20px;
    height: 20px;
  }
  .icon-time::before {
    content: "\e8b5";
    font-size: 20px;
  }
  .icon-logout {
    width: 20px;
    height: 20px;
  }
  .icon-logout::before {
    content: "\e9ba";
    font-size: 20px;
  }
  .icon-withdrawal {
    width: 20px;
    height: 20px;
  }
  .icon-withdrawal::before {
    content: "\ef66";
    font-size: 20px;
  }
  .icon-ticket {
    width: 20px;
    height: 20px;
  }
  .icon-ticket::before {
    content: "\e638";
    font-size: 20px;
  }
  .icon-meatball {
    width: 24px;
    height: 24px;
  }
  .icon-meatball::before {
    content: "\ef64";
    font-size: 24px;
  }
  .icon-lottery {
    width: 24px;
    height: 24px;
  }
  .icon-lottery::before {
    content: "\e175";
    font-size: 24px;
  }
  .icon-qr {
    width: 24px;
    height: 24px;
  }
  .icon-qr::before {
    content: "\ef6b";
    font-size: 24px;
  }
  .icon-graph {
    width: 20px;
    height: 20px;
  }
  .icon-graph::before {
    content: "\f681";
    font-size: 24px;
  }
  .icon-mail {
    width: 20px;
    height: 20px;
  }
  .icon-mail::before {
    content: "\e158";
    font-size: 20px;
  }
  .icon-private {
    width: 20px;
    height: 20px;
  }
  .icon-private::before {
    content: "\e8f5";
    font-size: 20px;
  }
  .icon-publish {
    width: 24px;
    height: 24px;
  }
  .icon-publish::before {
    content: "\e8f4";
    font-size: 24px;
  }
  .icon-calender {
    width: 20px;
    height: 20px;
  }
  .icon-calender::before {
    content: "\e878";
    font-size: 20px;
  }
  .icon-x {
    width: 20px;
    height: 20px;
    background: url("../images/icon/gray-primary/ico_x.svg") no-repeat center/100%;
  }
  .event-share-button .icon-x {
    width: 32px;
    height: 32px;
    background-image: url("../images/icon/main/ico_x.svg");
  }
  .icon-facebook {
    width: 20px;
    height: 20px;
    background: url("../images/icon/gray-primary/ico_facebook.svg") no-repeat center/100%;
  }
  .event-share-button .icon-facebook {
    width: 32px;
    height: 32px;
    background-image: url("../images/icon/main/ico_facebook.svg");
  }
  .icon-line {
    width: 20px;
    height: 20px;
    background: url("../images/icon/gray-primary/ico_line.svg") no-repeat center/100%;
  }
  .event-share-button .icon-line {
    width: 32px;
    height: 32px;
    background-image: url("../images/icon/main/ico_line.svg");
  }
  .icon-instagram {
    width: 20px;
    height: 20px;
    background: url("../images/icon/gray-primary/ico_instagram.svg") no-repeat center/100%;
  }
  .icon-tiktok {
    width: 20px;
    height: 20px;
    background: url("../images/icon/gray-primary/ico_tiktok.svg") no-repeat center/100%;
  }
  .icon-movie {
    width: 20px;
    height: 20px;
  }
  .icon-movie::before {
    content: "\e639";
    font-size: 20px;
  }
  .icon-home {
    width: 20px;
    height: 20px;
  }
  .icon-home::before {
    content: "\e88a";
    left: -1px;
    font-size: 22px;
  }
  .icon-ad {
    width: 20px;
    height: 20px;
  }
  .icon-ad::before {
    content: "\e65a";
    font-size: 20px;
  }
  .icon-code {
    width: 20px;
    height: 20px;
  }
  .icon-code::before {
    content: "\f045";
    font-size: 20px;
  }
  .icon-fan {
    width: 20px;
    height: 20px;
  }
  .icon-fan::before {
    content: "\f8d7";
    font-size: 20px;
  }
  .icon-real-fan {
    width: 20px;
    height: 20px;
  }
  .icon-real-fan::before {
    content: "\f8d7";
    font-size: 20px;
    font-variation-settings: "FILL" 1;
  }
  .icon-close {
    width: 20px;
    height: 20px;
  }
  .icon-close::before {
    content: "\e5cd";
    font-size: 20px;
  }
  .link-icon .icon-close {
    position: absolute;
    left: 0;
  }
  .icon-set-page {
    width: 20px;
    height: 20px;
  }
  .icon-set-page::before {
    content: "\e6fa";
    font-size: 20px;
  }
  .icon-unset-page::before {
    content: "\e506";
    font-size: 20px;
  }
  .icon-unlink {
    width: 20px;
    height: 20px;
  }
  .icon-unlink::before {
    content: "\e16f";
    font-size: 20px;
  }
  .icon-reply {
    width: 20px;
    height: 20px;
  }
  .icon-reply::before {
    content: "\e15e";
    font-size: 20px;
  }
  .icon-lock {
    width: 20px;
    height: 20px;
  }
  .icon-lock::before {
    content: "\e897";
    color: #818181;
    font-size: 20px;
  }
  :is(.event-list__sub, .event-group-list__sub) .icon-lock {
    width: 16px;
    height: 16px;
  }
  :is(.event-list__sub, .event-group-list__sub) .icon-lock::before {
    font-size: 16px;
  }
  .icon-print {
    width: 20px;
    height: 20px;
  }
  .icon-print::before {
    content: "\e8ad";
    font-size: 20px;
  }
  .icon-ticket-add {
    width: 20px;
    height: 20px;
    background: url("../images/icon/white/ico_ticket_add.svg") no-repeat center/100%;
  }
  .button-function .icon-ticket-add {
    width: 20px;
    height: 20px;
    margin-right: 2px;
  }
  .icon-reception-add {
    width: 20px;
    height: 20px;
    background: url("../images/icon/white/ico_reception_add.svg") no-repeat center/100%;
  }
  .button-function .icon-reception-add {
    width: 20px;
    height: 20px;
    margin-right: 2px;
  }
  .button-secondary .icon-reception-add {
    background: url("../images/icon/main/ico_reception_add.svg") no-repeat center/100%;
  }
  .icon-seat {
    width: 20px;
    height: 20px;
  }
  .icon-seat::before {
    content: "\e903";
    font-size: 20px;
  }
  .icon-preview {
    width: 20px;
    height: 20px;
    background: url("../images/icon/gray-primary/ico_preview.svg") no-repeat center/100%;
  }
  .button-secondary .icon-preview {
    background-image: url("../images/icon/main/ico_preview.svg");
  }
  /* ------------------------------
    input-text SP
  ------------------------------ */
  .input-text {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 13px 12px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
    color: #191919;
  }
  .input-text.is-error {
    border-color: #ce1651;
    background: #ffe8ef;
  }
  .input-text:disabled {
    background: #f5f5f5;
    pointer-events: none;
  }
  .input-text:disabled::-webkit-input-placeholder {
    color: #818181;
  }
  .input-text:disabled::-moz-placeholder {
    color: #818181;
  }
  .input-text:disabled:-ms-input-placeholder {
    color: #818181;
  }
  .input-text:disabled::-ms-input-placeholder {
    color: #818181;
  }
  .input-text:disabled::placeholder {
    color: #818181;
  }
  .input-text:focus {
    outline: 1px solid #a5a5a5;
    outline-offset: 0;
  }
  .form-side-behind .input-text {
    min-width: 124px;
    max-width: 240px;
  }
  .input-text[type=search] {
    -webkit-appearance: none;
  }
  .input-text-password {
    display: inline-block;
    position: relative;
    width: 100%;
  }
  .input-text-password__input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 13px 12px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
    color: #191919;
    padding: 13px 48px 13px 12px;
  }
  .input-text-password__input.is-error {
    border-color: #ce1651;
    background: #ffe8ef;
  }
  .input-text-password__input:disabled {
    background: #f5f5f5;
    pointer-events: none;
  }
  .input-text-password__input:disabled::-webkit-input-placeholder {
    color: #818181;
  }
  .input-text-password__input:disabled::-moz-placeholder {
    color: #818181;
  }
  .input-text-password__input:disabled:-ms-input-placeholder {
    color: #818181;
  }
  .input-text-password__input:disabled::-ms-input-placeholder {
    color: #818181;
  }
  .input-text-password__input:disabled::placeholder {
    color: #818181;
  }
  .input-text-password__input:focus {
    outline: 1px solid #a5a5a5;
    outline-offset: 0;
  }
  .form-side-behind .input-text-password__input {
    min-width: 124px;
    max-width: 240px;
  }
  .input-text-password__input[type=search] {
    -webkit-appearance: none;
  }
  .input-text-password__button {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .input-text-password__button::before {
    content: "\e8f5";
    position: absolute;
    top: 0;
    right: 0;
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    font-weight: 300;
  }
  .input-text-password__button.is-show::before {
    content: "\e8f4";
  }
  .input-text-password__input:disabled + .input-text-password__button {
    pointer-events: none;
  }
  .input-text-search {
    display: inline-block;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
  .input-text-search::after {
    content: "\e8b6";
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #17479c;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .input-text-search__input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 13px 12px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
    color: #191919;
    padding: 13px 12px 13px 48px;
  }
  .input-text-search__input.is-error {
    border-color: #ce1651;
    background: #ffe8ef;
  }
  .input-text-search__input:disabled {
    background: #f5f5f5;
    pointer-events: none;
  }
  .input-text-search__input:disabled::-webkit-input-placeholder {
    color: #818181;
  }
  .input-text-search__input:disabled::-moz-placeholder {
    color: #818181;
  }
  .input-text-search__input:disabled:-ms-input-placeholder {
    color: #818181;
  }
  .input-text-search__input:disabled::-ms-input-placeholder {
    color: #818181;
  }
  .input-text-search__input:disabled::placeholder {
    color: #818181;
  }
  .input-text-search__input:focus {
    outline: 1px solid #a5a5a5;
    outline-offset: 0;
  }
  .form-side-behind .input-text-search__input {
    min-width: 124px;
    max-width: 240px;
  }
  .input-text-search__input[type=search] {
    -webkit-appearance: none;
  }
  .input-text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
  }
  .input-text-box__button {
    min-height: 48px;
    padding: 12px 16px;
    border: 0;
    border-radius: 2px;
    background: #17479c;
    color: #fff;
    font-weight: 700;
  }
  /* ------------------------------
    label SP
  ------------------------------ */
  .label-required {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background-color: #e80b66;
  }
  .heading03 .label-required {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-required, .form-child__label .label-required, .form-address__label .label-required {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-normal {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background-color: #535353;
  }
  .heading03 .label-normal {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-normal, .form-child__label .label-normal, .form-address__label .label-normal {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-attention {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background-color: #e80b66;
  }
  .heading03 .label-attention {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-attention, .form-child__label .label-attention, .form-address__label .label-attention {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-alert {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background-color: #f00;
  }
  .heading03 .label-alert {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-alert, .form-child__label .label-alert, .form-address__label .label-alert {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-ticket {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background-color: #8557cf;
  }
  .heading03 .label-ticket {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-ticket, .form-child__label .label-ticket, .form-address__label .label-ticket {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-lottery {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #008577;
    background: #fff;
    color: #008577;
  }
  .heading03 .label-lottery {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-lottery, .form-child__label .label-lottery, .form-address__label .label-lottery {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-first-come {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: #008577;
    color: #fff;
  }
  .heading03 .label-first-come {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-first-come, .form-child__label .label-first-come, .form-address__label .label-first-come {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-fan-club {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    position: relative;
    padding-left: 22px;
    background: #008577;
    color: #fff;
  }
  .heading03 .label-fan-club {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-fan-club, .form-child__label .label-fan-club, .form-address__label .label-fan-club {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-fan-club::before {
    content: "";
    position: absolute;
    left: 8px;
    width: 14px;
    height: 14px;
    background: url("../images/icon/white/ico_star.svg") no-repeat center/100%;
  }
  .label-serial-code {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    position: relative;
    padding-left: 22px;
    background: #008577;
    color: #fff;
  }
  .heading03 .label-serial-code {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-serial-code, .form-child__label .label-serial-code, .form-address__label .label-serial-code {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-serial-code::before {
    content: "";
    position: absolute;
    left: 8px;
    width: 14px;
    height: 14px;
    background: url("../images/icon/white/ico_key.svg") no-repeat center/100%;
  }
  .label-status-normal {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: #535353;
    color: #fff;
  }
  .heading03 .label-status-normal {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-normal, .form-child__label .label-status-normal, .form-address__label .label-status-normal {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-normal-sub {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #535353;
    background: #fff;
    color: #535353;
  }
  .heading03 .label-status-normal-sub {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-normal-sub, .form-child__label .label-status-normal-sub, .form-address__label .label-status-normal-sub {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-important {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: #cc4100;
    color: #fff;
  }
  .heading03 .label-status-important {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-important, .form-child__label .label-status-important, .form-address__label .label-status-important {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-important-sub {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #cc4100;
    background: #fff;
    color: #cc4100;
  }
  .heading03 .label-status-important-sub {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-important-sub, .form-child__label .label-status-important-sub, .form-address__label .label-status-important-sub {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-sale {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: #17349c;
    color: #fff;
  }
  .heading03 .label-status-sale {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-sale, .form-child__label .label-status-sale, .form-address__label .label-status-sale {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-before-sale {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #17349c;
    background: #fff;
    color: #17349c;
  }
  .heading03 .label-status-before-sale {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-before-sale, .form-child__label .label-status-before-sale, .form-address__label .label-status-before-sale {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-alert {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: #f00;
    color: #fff;
  }
  .heading03 .label-status-alert {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-alert, .form-child__label .label-status-alert, .form-address__label .label-status-alert {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-alert-sub {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #f00;
    background: #fff;
    color: #f00;
  }
  .heading03 .label-status-alert-sub {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-alert-sub, .form-child__label .label-status-alert-sub, .form-address__label .label-status-alert-sub {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-attention {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: #e80b66;
    color: #fff;
  }
  .heading03 .label-status-attention {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-attention, .form-child__label .label-status-attention, .form-address__label .label-status-attention {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-attention-sub {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #e80b66;
    background: #fff;
    color: #e80b66;
  }
  .heading03 .label-status-attention-sub {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-attention-sub, .form-child__label .label-status-attention-sub, .form-address__label .label-status-attention-sub {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-supplement {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: #dedede;
    color: #535353;
  }
  .heading03 .label-status-supplement {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-supplement, .form-child__label .label-status-supplement, .form-address__label .label-status-supplement {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-notice {
    color: #17479c;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
  }
  .label-status-locked {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    position: relative;
    padding-left: 24px;
    border: 1px solid #191919;
    border-radius: 100vh;
    background: #fff;
    color: #191919;
  }
  .heading03 .label-status-locked {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-locked, .form-child__label .label-status-locked, .form-address__label .label-status-locked {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-locked::before {
    content: "";
    position: absolute;
    left: 8px;
    width: 14px;
    height: 14px;
    background: url("../images/icon/black/ico_lock.svg") no-repeat center/contain;
  }
  .label-status-checked {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    position: relative;
    padding-left: 24px;
    border: 1px solid #191919;
    border-radius: 100vh;
    background: #fff;
    color: #191919;
  }
  .heading03 .label-status-checked {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-checked, .form-child__label .label-status-checked, .form-address__label .label-status-checked {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-checked::before {
    content: "\e5ca";
    position: absolute;
    left: 8px;
    font-size: 16px;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
  }
  .label-primary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border-radius: 16px;
    background-color: #818181;
  }
  .heading03 .label-primary {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-primary, .form-child__label .label-primary, .form-address__label .label-primary {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-important {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border-radius: 16px;
    background-color: #ff8000;
  }
  .heading03 .label-important {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-important, .form-child__label .label-important, .form-address__label .label-important {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-information {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border-radius: 16px;
    background-color: #f2f2f2;
    color: #191919;
  }
  .heading03 .label-information {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-information, .form-child__label .label-information, .form-address__label .label-information {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-before-sale {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border-radius: 16px;
    background-color: rgba(255, 128, 0, 0.5);
  }
  .heading03 .label-before-sale {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-before-sale, .form-child__label .label-before-sale, .form-address__label .label-before-sale {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-before {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #818181;
    border-radius: 16px;
    background-color: #fff;
    color: #818181;
  }
  .heading03 .label-before {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-before, .form-child__label .label-before, .form-address__label .label-before {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-setting {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #a5a5a5;
    border-radius: 4px;
    background-color: #fff;
    color: #191919;
    font-weight: 400;
  }
  .heading03 .label-setting {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-setting, .form-child__label .label-setting, .form-address__label .label-setting {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-cancel {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border-radius: 16px;
    background-color: rgba(206, 22, 81, 0.5);
  }
  .heading03 .label-cancel {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-cancel, .form-child__label .label-cancel, .form-address__label .label-cancel {
    margin-left: 8px;
    vertical-align: bottom;
  }
  /* ------------------------------
    link SP
  ------------------------------ */
  .link-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-width: 260px;
    margin-top: 16px;
    gap: 8px;
  }
  .link-text {
    padding: 0;
    border: 0;
    background: none;
    color: #17479c;
    text-decoration: underline;
    word-break: break-all;
  }
  .link-arrow {
    display: inline-block;
    position: relative;
    padding-right: 24px;
    border: 0;
    background: 0;
    color: #17479c;
    text-decoration: none;
  }
  .link-arrow::after {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .link-arrow[aria-disabled=true] {
    color: #818181;
    pointer-events: none;
  }
  .link-icon {
    position: relative;
    padding: 0 0 0 24px;
    border: 0;
    background: transparent;
    color: #17479c;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    text-decoration: none;
    text-indent: initial;
    word-break: break-all;
  }
  .link-icon--right {
    padding-left: 0;
  }
  .link-icon--blank::after {
    content: "\e6fa";
    display: inline-block;
    margin-left: 4px;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
    line-height: 24px;
    vertical-align: bottom;
  }
  .link-icon--small {
    font-size: 14px;
  }
  .link-icon--xsmall {
    font-size: 12px;
  }
  .link-icon[aria-disabled=true] {
    color: #818181;
    cursor: default;
    pointer-events: none;
  }
  .link-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    background-color: unset;
    color: #17479c;
    font-size: 0;
  }
  .link-internal-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px 8px;
    margin: 24px 0 0;
    padding: 0 20px;
    list-style: none;
  }
  .link-internal-list__link {
    position: relative;
    padding-right: 20px;
    color: #17479c;
    font-size: 14px;
    text-decoration: none;
  }
  .link-internal-list__link::before {
    content: "\e313";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  /* ------------------------------
    ly SP
  ------------------------------ */
  .ly-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ly-main-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ly-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #f5f5f5;
  }
  .ly-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 32px 0 56px;
  }
  .ly-content:has(.dashboard), .ly-content:has(.notice-important) {
    padding-top: 0;
  }
  .ly-container-single-column {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .ly-container-double-column {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .ly-container-full {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .ly-box {
    position: relative;
    margin-top: 24px;
    padding: 16px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  /* ------------------------------
    message SP
  ------------------------------ */
  .message {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    background: #f5f5f5;
    color: #818181;
  }
  .message--success {
    background: #dbf7f5;
    color: #007569;
  }
  .message--error {
    background: #ffe8ef;
    color: #ce1651;
  }
  .message--important {
    background: #ffeec2;
    color: #dc6e00;
  }
  .message__inner {
    padding: 16px 12px;
  }
  .message__link {
    display: block;
    position: relative;
    padding-right: 40px;
    color: #818181;
    text-decoration: none;
  }
  .message--success .message__link {
    color: #007569;
  }
  .message--error .message__link {
    color: #ce1651;
  }
  .message--important .message__link {
    color: #dc6e00;
  }
  .message__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .message__link--anchor::before {
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
  }
  .message__title {
    margin: 0;
    font-size: 24px;
    text-align: center;
  }
  .message__text {
    margin: 16px 0 0;
  }
  .message__text:first-child {
    margin-top: 0;
  }
  .message__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 16px;
  }
  .message-list {
    margin: 0;
    padding: 0;
  }
  .message-list__item {
    padding-left: 1em;
    list-style: none;
    text-indent: -1em;
  }
  .message-list__item::before {
    content: "・";
  }
  .message-area {
    margin-top: 24px;
    padding: 0 20px;
  }
  .message-area--close {
    margin-top: 16px;
  }
  .message-null {
    margin: 12px 0 0;
    padding: 32px 0;
    font-size: 16px;
    text-align: center;
  }
  /* ------------------------------
    modal SP
  ------------------------------ */
  .modal {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 40px);
    max-width: 520px;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
  }
  .modal::-ms-backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal::backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal:focus {
    outline: none;
  }
  .modal:has(.modal__box--wide) {
    overflow-y: auto;
  }
  .modal__close {
    position: absolute;
    z-index: 1;
    top: 16px;
    right: 20px;
    width: 32px;
    height: 32px;
    margin: 0 0 0 auto;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .modal__close::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .modal:has(.modal__box--wide) .modal__close {
    width: 24px;
    height: 24px;
  }
  .modal:has(.modal__box--wide) .modal__close::before {
    font-size: 24px;
  }
  .modal__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px 20px;
    border-radius: 15px;
    background: #fff;
  }
  .modal__inner:first-child {
    margin-top: 0;
  }
  .modal__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: calc(100dvh - 240px);
  }
  .modal__box:not(:has(.modal__title)) {
    padding-top: 48px;
  }
  .modal__box--wide {
    min-height: 260px;
    max-height: calc(100dvh - 440px);
    margin: 0 -20px;
  }
  .modal__title {
    margin: 0;
    padding-right: 32px;
    font-size: 22px;
    font-weight: 700;
  }
  .modal__box--wide .modal__title {
    padding: 0 20px;
    font-size: 18px;
  }
  .modal__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 24px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal__content.is-simple-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 16px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .modal__content.is-simple-bar::-webkit-scrollbar {
    display: none;
  }
  .modal__content:first-child {
    margin-top: 0;
  }
  .modal__section {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal__section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .modal__text {
    margin: 16px 0 0;
  }
  .modal__text:first-child {
    margin-top: 0;
  }
  .modal__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
  }
  .modal__link-area:first-child {
    margin-top: 0;
  }
  .modal__note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 8px;
  }
  .modal__note-area:first-child {
    margin-top: 0;
  }
  .modal__list-area {
    margin-top: 16px;
  }
  .modal__list-area:first-child {
    margin-top: 0;
  }
  .modal__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px 12px;
    margin-top: 32px;
  }
  .modal__button-area--border {
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal__bottom .modal__button-area {
    margin-top: 24px;
  }
  .modal__image {
    margin: 16px auto 0;
    text-align: center;
  }
  .modal__image:first-child {
    margin-top: 0;
  }
  .modal__sample {
    margin: 16px 0 -24px;
    padding: 8px 12px;
    background: #ffeec2;
    color: #dc6e00;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
  }
  .modal__sub-title {
    margin: 24px 0 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
  }
  .modal__bottom {
    margin-top: 24px;
  }
  .modal-dialog {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 40px);
    max-width: 520px;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    top: -20%;
  }
  .modal-dialog::-ms-backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal-dialog::backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal-dialog:focus {
    outline: none;
  }
  .modal-dialog:has(.modal-dialog__box--wide) {
    overflow-y: auto;
  }
  .modal-dialog__close {
    position: absolute;
    z-index: 1;
    top: 16px;
    right: 20px;
    width: 32px;
    height: 32px;
    margin: 0 0 0 auto;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .modal-dialog__close::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .modal-dialog:has(.modal-dialog__box--wide) .modal-dialog__close {
    width: 24px;
    height: 24px;
  }
  .modal-dialog:has(.modal-dialog__box--wide) .modal-dialog__close::before {
    font-size: 24px;
  }
  .modal-dialog__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px 20px;
    border-radius: 15px;
    background: #fff;
  }
  .modal-dialog__inner:first-child {
    margin-top: 0;
  }
  .modal-dialog__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: calc(100dvh - 240px);
  }
  .modal-dialog__box:not(:has(.modal-dialog__title)) {
    padding-top: 48px;
  }
  .modal-dialog__box--wide {
    min-height: 260px;
    max-height: calc(100dvh - 440px);
    margin: 0 -20px;
  }
  .modal-dialog__title {
    margin: 0;
    padding-right: 32px;
    font-size: 22px;
    font-weight: 700;
  }
  .modal-dialog__box--wide .modal-dialog__title {
    padding: 0 20px;
    font-size: 18px;
  }
  .modal-dialog__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 24px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal-dialog__content.is-simple-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 16px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .modal-dialog__content.is-simple-bar::-webkit-scrollbar {
    display: none;
  }
  .modal-dialog__content:first-child {
    margin-top: 0;
  }
  .modal-dialog__section {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal-dialog__section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .modal-dialog__text {
    margin: 16px 0 0;
  }
  .modal-dialog__text:first-child {
    margin-top: 0;
  }
  .modal-dialog__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
  }
  .modal-dialog__link-area:first-child {
    margin-top: 0;
  }
  .modal-dialog__note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 8px;
  }
  .modal-dialog__note-area:first-child {
    margin-top: 0;
  }
  .modal-dialog__list-area {
    margin-top: 16px;
  }
  .modal-dialog__list-area:first-child {
    margin-top: 0;
  }
  .modal-dialog__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px 12px;
    margin-top: 32px;
  }
  .modal-dialog__button-area--border {
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal__bottom .modal-dialog__button-area {
    margin-top: 24px;
  }
  .modal-dialog__image {
    margin: 16px auto 0;
    text-align: center;
  }
  .modal-dialog__image:first-child {
    margin-top: 0;
  }
  .modal-dialog__box {
    max-height: 300px;
  }
  .modal-alert-dialog {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 40px);
    max-width: 520px;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    top: -20%;
  }
  .modal-alert-dialog::-ms-backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal-alert-dialog::backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal-alert-dialog:focus {
    outline: none;
  }
  .modal-alert-dialog:has(.modal-alert-dialog__box--wide) {
    overflow-y: auto;
  }
  .modal-alert-dialog__close {
    position: absolute;
    z-index: 1;
    top: 16px;
    right: 20px;
    width: 32px;
    height: 32px;
    margin: 0 0 0 auto;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .modal-alert-dialog__close::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .modal-alert-dialog:has(.modal-alert-dialog__box--wide) .modal-alert-dialog__close {
    width: 24px;
    height: 24px;
  }
  .modal-alert-dialog:has(.modal-alert-dialog__box--wide) .modal-alert-dialog__close::before {
    font-size: 24px;
  }
  .modal-alert-dialog__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px 20px;
    border-radius: 15px;
    background: #fff;
  }
  .modal-alert-dialog__inner:first-child {
    margin-top: 0;
  }
  .modal-alert-dialog__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: calc(100dvh - 240px);
  }
  .modal-alert-dialog__box:not(:has(.modal-alert-dialog__title)) {
    padding-top: 48px;
  }
  .modal-alert-dialog__box--wide {
    min-height: 260px;
    max-height: calc(100dvh - 440px);
    margin: 0 -20px;
  }
  .modal-alert-dialog__title {
    margin: 0;
    padding-right: 32px;
    font-size: 22px;
    font-weight: 700;
  }
  .modal-alert-dialog__box--wide .modal-alert-dialog__title {
    padding: 0 20px;
    font-size: 18px;
  }
  .modal-alert-dialog__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 24px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal-alert-dialog__content.is-simple-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 16px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .modal-alert-dialog__content.is-simple-bar::-webkit-scrollbar {
    display: none;
  }
  .modal-alert-dialog__content:first-child {
    margin-top: 0;
  }
  .modal-alert-dialog__section {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal-alert-dialog__section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .modal-alert-dialog__text {
    margin: 16px 0 0;
  }
  .modal-alert-dialog__text:first-child {
    margin-top: 0;
  }
  .modal-alert-dialog__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
  }
  .modal-alert-dialog__link-area:first-child {
    margin-top: 0;
  }
  .modal-alert-dialog__note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 8px;
  }
  .modal-alert-dialog__note-area:first-child {
    margin-top: 0;
  }
  .modal-alert-dialog__list-area {
    margin-top: 16px;
  }
  .modal-alert-dialog__list-area:first-child {
    margin-top: 0;
  }
  .modal-alert-dialog__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px 12px;
    margin-top: 32px;
  }
  .modal-alert-dialog__button-area--border {
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal__bottom .modal-alert-dialog__button-area {
    margin-top: 24px;
  }
  .modal-alert-dialog__image {
    margin: 16px auto 0;
    text-align: center;
  }
  .modal-alert-dialog__image:first-child {
    margin-top: 0;
  }
  .modal-alert-dialog__box {
    max-height: 300px;
  }
  .modal-alert-dialog__title {
    position: relative;
    padding-left: 32px;
    color: #ce1651;
  }
  .modal-alert-dialog__alert-text {
    margin: 16px 0 0;
    font-weight: 700;
  }
  .modal-alert-dialog__alert-text:first-child {
    margin-top: 0;
  }
  .modal-alert-info {
    margin: 16px 0 0;
    padding: 16px;
    background: #f5f5f5;
  }
  .modal-alert-info__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .modal-alert-info__title {
    white-space: nowrap;
  }
  .modal-alert-info__title::after {
    content: "：";
  }
  .modal-alert-info__data {
    margin: 0;
    font-weight: 700;
  }
  .modal-form {
    margin-top: 16px;
  }
  .modal-form__label {
    display: block;
    font-weight: 700;
  }
  .modal-form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
    padding: 1px;
  }
  .modal-image {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 40px);
    max-width: 520px;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
  }
  .modal-image::-ms-backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal-image::backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal-image:focus {
    outline: none;
  }
  .modal-image:has(.modal-image__box--wide) {
    overflow-y: auto;
  }
  .modal-image__close {
    position: absolute;
    z-index: 1;
    top: 16px;
    right: 20px;
    width: 32px;
    height: 32px;
    margin: 0 0 0 auto;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .modal-image__close::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .modal-image:has(.modal-image__box--wide) .modal-image__close {
    width: 24px;
    height: 24px;
  }
  .modal-image:has(.modal-image__box--wide) .modal-image__close::before {
    font-size: 24px;
  }
  .modal-image__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px 20px;
    border-radius: 15px;
    background: #fff;
  }
  .modal-image__inner:first-child {
    margin-top: 0;
  }
  .modal-image__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: calc(100dvh - 240px);
  }
  .modal-image__box:not(:has(.modal-image__title)) {
    padding-top: 48px;
  }
  .modal-image__box--wide {
    min-height: 260px;
    max-height: calc(100dvh - 440px);
    margin: 0 -20px;
  }
  .modal-image__title {
    margin: 0;
    padding-right: 32px;
    font-size: 22px;
    font-weight: 700;
  }
  .modal-image__box--wide .modal-image__title {
    padding: 0 20px;
    font-size: 18px;
  }
  .modal-image__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 24px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal-image__content.is-simple-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 16px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .modal-image__content.is-simple-bar::-webkit-scrollbar {
    display: none;
  }
  .modal-image__content:first-child {
    margin-top: 0;
  }
  .modal-image__section {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal-image__section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .modal-image__text {
    margin: 16px 0 0;
  }
  .modal-image__text:first-child {
    margin-top: 0;
  }
  .modal-image__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
  }
  .modal-image__link-area:first-child {
    margin-top: 0;
  }
  .modal-image__note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 8px;
  }
  .modal-image__note-area:first-child {
    margin-top: 0;
  }
  .modal-image__list-area {
    margin-top: 16px;
  }
  .modal-image__list-area:first-child {
    margin-top: 0;
  }
  .modal-image__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px 12px;
    margin-top: 32px;
  }
  .modal-image__button-area--border {
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal__bottom .modal-image__button-area {
    margin-top: 24px;
  }
  .modal-image__image {
    margin: 16px auto 0;
    text-align: center;
  }
  .modal-image__image:first-child {
    margin-top: 0;
  }
  .modal-image__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .modal-image__image {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .modal-image__image img {
    width: auto;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .modal-image__qr img {
    width: 100%;
  }
  /* ------------------------------
    pagination SP
  ------------------------------ */
  .pagination-wrap {
    margin-top: 24px;
    padding: 0 16px;
  }
  .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    line-height: 1.1;
  }
  .pagination__prev, .pagination__next {
    position: absolute;
    bottom: -16px;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    color: #17479c;
    font-size: 14px;
    text-decoration: none;
  }
  .pagination__prev::before, .pagination__next::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .pagination__prev[aria-disabled=true], .pagination__next[aria-disabled=true] {
    color: #818181;
  }
  .pagination__prev {
    left: 0;
    padding-left: 24px;
  }
  .pagination__prev::before {
    content: "\e314";
    left: 0;
  }
  .pagination__next {
    right: 0;
    padding-right: 24px;
  }
  .pagination__next::before {
    content: "\e315";
    right: 0;
  }
  .pagination__pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px 0;
    font-size: 14px;
  }
  .pagination__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 24px;
    padding: 6px 4px;
    color: #17479c;
    text-decoration: none;
  }
  .pagination__button[aria-current=page] {
    border-radius: 2px;
    background: #17479c;
    color: #fff;
  }
  .pagination__dots {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 14px;
    height: 14px;
    padding: 0 4px 6px;
    color: #818181;
  }
  .pagination-count {
    margin-top: 16px;
    padding: 0 60px;
    font-size: 12px;
    line-height: 1.1;
    text-align: center;
  }
  .pagination-count__number {
    margin-right: 2px;
    font-size: 14px;
    font-weight: 700;
  }
  /* ------------------------------
    progress SP
  ------------------------------ */
  .progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
    margin-top: 24px;
    padding: 0 20px;
  }
  .progress__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
  }
  .progress__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .progress__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 100%;
  }
  .progress__item::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -2px;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background: #dedede;
  }
  .progress__item:not([aria-current=step] ~ .progress__item)::before {
    background: #17479c;
  }
  .progress__mark {
    z-index: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 2px solid #dedede;
    border-radius: 50%;
    background: #dedede;
  }
  .progress__item[aria-current=step] .progress__mark {
    border-color: #17479c;
    background: #fff;
  }
  .progress__item:not([aria-current=step] ~ .progress__item):not([aria-current=step]) .progress__mark {
    border-color: #17479c;
    background: #17479c;
  }
  .progress__name {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
  }
  .progress__title {
    margin: 0;
    font-weight: 700;
    text-align: center;
  }
  .progress-secondary {
    margin-top: 8px;
  }
  .progress-secondary__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px 14px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .progress-secondary__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 23px;
    padding: 4px 12px;
    border: 1px solid #dedede;
    background: #dedede;
    color: #818181;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    text-wrap: nowrap;
  }
  .progress-secondary__item:first-child::before {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    width: 10px;
    height: 23px;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    background: #dedede;
    clip-path: polygon(0% 0%, 2px 0%, 100% 50%, 2px 100%, 0% 100%);
  }
  .progress-secondary__item:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 1px;
    width: 10px;
    height: 21px;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    background: #dedede;
    clip-path: polygon(0% 0%, 2.5px 0%, 100% 50%, 2.5px 100%, 0% 100%);
  }
  .progress-secondary__item[aria-current=step] {
    border-color: #17479c;
    background: #fff;
    color: #17479c;
  }
  .progress-secondary__item[aria-current=step]:first-child {
    padding-right: 10px;
  }
  .progress-secondary__item[aria-current=step]:first-child::before {
    background: #17479c;
  }
  .progress-secondary__item[aria-current=step]:first-child::after {
    background: #fff;
  }
  /* ------------------------------
    pulldown SP
  ------------------------------ */
  .pulldown {
    display: inline-block;
    position: relative;
    width: 100%;
  }
  .pulldown::after {
    content: "\e313";
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #17479c;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    pointer-events: none;
  }
  .form-select-toggle-list__panel .pulldown::after {
    right: 6px;
  }
  .pulldown--small {
    max-width: 86px;
  }
  .pulldown:has(.pulldown__select:disabled)::after {
    color: #a5a5a5;
  }
  .pulldown__select {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 13px 36px 13px 12px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
    color: #191919;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .pulldown__select.is-error {
    border-color: #ce1651;
    background: #ffe8ef;
  }
  .pulldown__select:disabled {
    background: #f5f5f5;
    color: #818181;
  }
  .form-select-toggle-list__panel .pulldown__select {
    padding: 13px 32px 13px 10px;
  }
  /* ------------------------------
    radio SP
  ------------------------------ */
  .radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .radio--toggle {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 12px;
  }
  .radio__input {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #17479c;
    border-radius: 20px;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .radio__input::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border-radius: 20px;
    opacity: 0;
    background: #17479c;
  }
  .radio__input:checked::before {
    opacity: 1;
  }
  .radio__input:disabled {
    border-color: #dedede;
    pointer-events: none;
  }
  .radio__input:disabled:checked::before {
    background: #dedede;
  }
  .radio__label {
    margin-top: -2px;
  }
  .radio__input:disabled + .radio__label {
    color: #a5a5a5;
  }
  .radio-customized-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 10px 0 0;
    list-style-type: none;
  }
  .radio-customized-list__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .radio-customized {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .radio-customized__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 56px;
    padding: 15px 12px;
    border: 1px solid #dedede;
    border-radius: 2px;
    background: #fff;
    color: #17479c;
    font-weight: 700;
    text-align: center;
  }
  .radio-customized__label:has(.radio-customized__input:checked) {
    padding: 14px 12px;
    border: 2px solid #17479c;
  }
  .radio-customized__label:has(:disabled) {
    background-color: #f5f5f5;
    color: #a5a5a5;
    pointer-events: none;
  }
  .radio-customized__input {
    position: absolute;
    top: -10px;
    left: 8px;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #dedede;
    border-radius: 50%;
    background: #fff;
    color: #dedede;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .radio-customized__input::before {
    content: "\e5ca";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: "Material Symbols Outlined";
    font-size: 16px;
  }
  .radio-customized__input:checked {
    border-color: #17479c;
    background: #17479c;
    color: #fff;
  }
  .radio-customized__input:disabled {
    background-color: #f5f5f5;
  }
  .radio-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
    padding: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 20px;
    background: #dedede;
  }
  .radio-switch::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 2px;
    width: calc(50% - 2px);
    height: calc(100% - 4px);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 20px;
    background: #17479c;
  }
  .radio-switch:has(.radio-switch__block:first-child .radio-switch__input:checked)::before {
    left: 2px;
  }
  .radio-switch:has(.radio-switch__block:nth-child(2) .radio-switch__input:checked)::before {
    left: 50%;
  }
  .radio-switch__block {
    padding: 6px 8px;
    border-radius: 20px;
    line-height: 1.1;
  }
  .radio-switch--large .radio-switch__block {
    padding: 10px 12px;
  }
  .radio-switch__input {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
  }
  .radio-switch__input:checked {
    pointer-events: none;
  }
  .radio-switch__text {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #17479c;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
  }
  .radio-switch--large .radio-switch__text {
    font-size: 16px;
  }
  .radio-switch__input:checked + .radio-switch__text {
    color: #fff;
  }
  /* ------------------------------
    selected-item SP
  ------------------------------ */
  .selected-item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
  }
  .selected-item-box:last-child {
    margin-bottom: 0;
  }
  .selected-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 6px 5px 8px;
    border: 1px solid #dedede;
    border-radius: 2px;
    background: #fff;
  }
  .selected-item__name {
    font-size: 14px;
    line-height: 1.1;
  }
  .selected-item__close {
    position: relative;
    width: 20px;
    height: 20px;
    border: 0;
    background: transparent;
    color: #818181;
    font-size: 0;
  }
  .selected-item__close::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .selected-item-area {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-top: 16px;
  }
  .selected-item-area:first-child {
    margin-top: 0;
  }
  .selected-item-area--bg {
    padding: 12px;
    background-color: #f5f5f5;
  }
  .selected-item-area__text {
    margin: 0 0 16px;
  }
  /* ------------------------------
    sort SP
  ------------------------------ */
  .sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    border: 0;
    background: transparent;
    line-height: 1.1;
    gap: 8px;
  }
  .sort__label {
    position: relative;
    margin: 0;
    padding-left: 22px;
    color: #17479c;
    font-size: 14px;
  }
  .sort__label::before {
    content: "\e8d5";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 18px;
  }
  .sort__select {
    margin: 0;
    color: #191919;
    font-size: 14px;
  }
  .sort-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 12px;
    padding: 0 20px;
  }
  .filter-area + .sort-box {
    margin-top: 32px;
  }
  .sort-box--end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .sort-box__text {
    margin: 0;
    line-height: 1.1;
  }
  .sort-box__current {
    font-size: 14px;
    font-weight: 700;
  }
  .sort-box__total {
    font-size: 12px;
  }
  /* ------------------------------
    tab SP
  ------------------------------ */
  .tab {
    display: grid;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 24px;
  }
  .tab:first-child {
    margin-top: 0;
  }
  .tab--wide {
    margin-inline: -20px;
  }
  .tab__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: calc(100vw - 16px);
    height: 43px;
    margin: 0 auto;
  }
  .tab__button {
    width: 100%;
    padding: 10px 15px;
    border: 0;
    background-color: #ddeaff;
    color: #17479c;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
  }
  .tab__button[aria-selected=true] {
    position: relative;
    background-color: #fff;
  }
  .tab__button[aria-selected=true]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: #17479c;
  }
  .tab__panel {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .tab__panel[aria-hidden=true] {
    display: none;
  }
  .tab__panel--scroll {
    overflow-x: scroll;
  }
  /* ------------------------------
    table SP
  ------------------------------ */
  .table-wrap {
    padding: 0 20px;
  }
  .table-scroll {
    margin-left: 20px;
    overflow-x: auto;
  }
  .modal__content .table-scroll {
    margin-left: 0;
  }
  .table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .table--scroll {
    position: relative;
    width: auto;
  }
  .modal__content .table--scroll {
    margin-right: 0;
  }
  .table__title {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 12px 10px;
    font-size: 14px;
    text-align: left;
    background: #17479c;
    color: #fff;
  }
  .table__title:first-child {
    padding-left: 16px;
  }
  .table__title:last-child {
    padding-right: 16px;
  }
  .table__title.is-fixed {
    position: sticky;
    left: 0;
  }
  .table__title.is-fixed::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
  }
  .table__data {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 12px 10px;
    font-size: 14px;
    text-align: left;
    background: #fff;
    word-break: break-word;
  }
  .table__data:first-child {
    padding-left: 16px;
  }
  .table__data:last-child {
    padding-right: 16px;
  }
  .table__data.is-fixed {
    position: sticky;
    left: 0;
  }
  .table__data.is-fixed::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
  }
  tr:nth-child(2n) .table__data {
    background: #f5f9ff;
  }
  .table__data span {
    display: inline-block;
  }
  .table__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .table__foot {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .table-scroll .simplebar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .table-scroll .simplebar-content::after {
    display: block;
    min-width: 20px;
    height: 20px;
    background: transparent;
  }
  /* ------------------------------
    text SP
  ------------------------------ */
  .text {
    margin: 16px 0 0;
    font-size: 16px;
  }
  .text:first-child {
    margin-top: 0;
  }
  .text-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-left: 1em;
    list-style: none;
    text-indent: -1em;
  }
  .text-list__item {
    margin: 0;
  }
  .text-list__item::before {
    content: "・";
  }
  .text-list__item img {
    margin-top: 8px;
  }
  .text-note {
    margin: 0;
    padding-left: 1.2em;
    color: #818181;
    font-size: 12px;
    text-align: start;
    text-indent: -1.2em;
  }
  .text-note::before {
    content: "※";
    margin-right: 0.2em;
  }
  .text-note-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 8px;
  }
  .text-important {
    position: relative;
    margin: 0;
    padding-left: 24px;
    color: #dc6e00;
  }
  .text-important__link {
    color: #dc6e00;
  }
  .text-check {
    position: relative;
    margin: 0;
    padding-left: 24px;
  }
  .text-check::before {
    content: "\e5ca";
    position: absolute;
    top: -4px;
    left: 0;
    color: #17479c;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .text-complete {
    position: relative;
    margin: 0;
    padding-left: 24px;
    color: #007569;
  }
  .text-complete::before {
    content: "\e86c";
    position: absolute;
    top: -3px;
    left: 0;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  /* ------------------------------
    textarea SP
  ------------------------------ */
  .textarea {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 120px;
    min-height: 68px;
    padding: 12px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
    line-height: 1.5;
    resize: vertical;
  }
  .textarea::-webkit-input-placeholder {
    color: #a5a5a5;
  }
  .textarea::-moz-placeholder {
    color: #a5a5a5;
  }
  .textarea:-ms-input-placeholder {
    color: #a5a5a5;
  }
  .textarea::-ms-input-placeholder {
    color: #a5a5a5;
  }
  .textarea::placeholder {
    color: #a5a5a5;
  }
  .textarea--large {
    height: 240px;
  }
  .textarea--small {
    height: 68px;
  }
  .textarea.is-error {
    border-color: #ce1651;
    background: #ffe8ef;
  }
  .textarea[disabled] {
    background: #f5f5f5;
    color: #818181;
  }
  .textarea:hover {
    border-color: #a5a5a5;
  }
  .textarea:focus {
    outline: 1px solid #a5a5a5;
    outline-offset: 0;
  }
  /* ------------------------------
    toast SP
  ------------------------------ */
  .toast {
    position: fixed;
    z-index: 5;
    top: 48px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0;
  }
  .toast-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: calc(100vw - 32px);
    padding: 16px 16px 16px 12px;
    border: 1px solid #019c83;
    border-radius: 4px;
    background: #dbf7f5;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  }
  .toast-message--error {
    border-color: #ce1651;
    background-color: #ffe8ef;
  }
  .toast-message__inner {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .toast-message__text {
    margin: 0;
    color: #007569;
  }
  .toast-message--error .toast-message__text {
    color: #ce1651;
  }
  .toast-message__close {
    position: relative;
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    color: #007569;
    font-size: 0;
  }
  .toast-message__close::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .toast-message--error .toast-message__close {
    color: #ce1651;
  }
  /* ------------------------------
    utility SP
  ------------------------------ */
  .u-break-keep {
    word-break: keep-all;
  }
  .u-w48 {
    width: 48px;
  }
  .u-w60 {
    width: 60px;
  }
  .u-w72,
  .u-sp-w72 {
    width: 72px;
  }
  .u-w80 {
    width: 80px;
  }
  .u-w100 {
    width: 100px;
  }
  .u-w120 {
    width: 120px;
  }
  .u-w140 {
    width: 140px;
  }
  .u-w160 {
    width: 160px;
  }
  .u-w180 {
    width: 180px;
  }
  .u-w200 {
    width: 200px;
  }
  .u-w-full,
  .u-sp-w-full {
    width: 100%;
  }
  .u-mw72 {
    min-width: 72px;
  }
  .u-mw80 {
    min-width: 80px;
  }
  .u-mw100 {
    min-width: 100px;
  }
  .u-mw120 {
    min-width: 120px;
  }
  .u-mw140,
  .u-sp-mw140 {
    min-width: 140px;
  }
  .u-mw160 {
    min-width: 160px;
  }
  .u-mw180 {
    min-width: 180px;
  }
  .u-mw200 {
    min-width: 200px;
  }
  .u-mw220 {
    min-width: 220px;
  }
  .u-mw240 {
    min-width: 240px;
  }
  .u-mw260 {
    min-width: 260px;
  }
  .u-mw280 {
    min-width: 280px;
  }
  .u-mw300 {
    min-width: 300px;
  }
  .u-text-center {
    text-align: center;
  }
  .u-text-right {
    text-align: right;
  }
  .u-text-bold {
    font-weight: 700;
  }
  .u-text-alert {
    color: #ce1651;
  }
  .u-text-small {
    font-size: 14px;
  }
  .u-right {
    margin-left: auto;
  }
  /* ------------------------------
    download SP
  ------------------------------ */
  .download {
    margin-top: 32px;
    padding: 32px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
  }
  .download__text {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 700;
    text-align: start;
  }
  .download__note-area {
    margin-top: 16px;
  }
  /* ------------------------------
    loader SP
  ------------------------------ */
  .loader-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 32px 0;
  }
  .loader {
    width: 40px;
    -webkit-animation: loading-1 0.8s infinite linear alternate, loading-2 1.6s infinite linear;
            animation: loading-1 0.8s infinite linear alternate, loading-2 1.6s infinite linear;
    border: 4px solid #17479c;
    border-radius: 50%;
    font-size: 0;
    aspect-ratio: 1;
  }
  @-webkit-keyframes loading-1 {
    0% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
    }
    12.5% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
    }
    25% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
    }
    50% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }
    62.5% {
      clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }
    75% {
      clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
    }
    100% {
      clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
    }
  }
  @keyframes loading-1 {
    0% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
    }
    12.5% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
    }
    25% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
    }
    50% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }
    62.5% {
      clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }
    75% {
      clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
    }
    100% {
      clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
    }
  }
  @-webkit-keyframes loading-2 {
    0% {
      -webkit-transform: scaleY(1) rotate(0deg);
              transform: scaleY(1) rotate(0deg);
    }
    49.99% {
      -webkit-transform: scaleY(1) rotate(135deg);
              transform: scaleY(1) rotate(135deg);
    }
    50% {
      -webkit-transform: scaleY(-1) rotate(0deg);
              transform: scaleY(-1) rotate(0deg);
    }
    100% {
      -webkit-transform: scaleY(-1) rotate(-135deg);
              transform: scaleY(-1) rotate(-135deg);
    }
  }
  @keyframes loading-2 {
    0% {
      -webkit-transform: scaleY(1) rotate(0deg);
              transform: scaleY(1) rotate(0deg);
    }
    49.99% {
      -webkit-transform: scaleY(1) rotate(135deg);
              transform: scaleY(1) rotate(135deg);
    }
    50% {
      -webkit-transform: scaleY(-1) rotate(0deg);
              transform: scaleY(-1) rotate(0deg);
    }
    100% {
      -webkit-transform: scaleY(-1) rotate(-135deg);
              transform: scaleY(-1) rotate(-135deg);
    }
  }
  /* ------------------------------
    applicant SP
  ------------------------------ */
  .applicant-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 32px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .applicant-number__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .applicant-number__data {
    margin: 0;
    font-weight: 700;
    text-align: end;
  }
  .applicant-number__data span {
    margin-right: 4px;
    font-size: 24px;
  }
  .applicant-number__time {
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: 400;
  }
  .applicant-modal-box {
    margin-top: 24px;
  }
  .applicant-modal-box:first-child {
    margin-top: 0;
  }
  .applicant-modal-box__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .applicant-modal-box__sub-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin: 16px 0 0;
    font-weight: 700;
  }
  .applicant-modal-info {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 16px 0 0;
    border: 1px solid #f0f6ff;
  }
  .applicant-modal-info__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    padding: 8px 12px;
    background: #f5f9ff;
    font-size: 14px;
  }
  .applicant-modal-info__block:nth-child(2n) {
    background: #fff;
  }
  .applicant-modal-info__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .applicant-modal-info__title {
    width: 40%;
    min-width: auto;
    font-weight: 700;
  }
  .applicant-modal-info__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: start;
    word-break: break-all;
  }
  .applicant-modal-info__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .applicant-modal-price-box {
    margin-top: 16px;
  }
  .applicant-modal-price-box__title {
    margin: 16px 0 0;
    font-weight: 700;
  }
  .applicant-modal-price-box__title:first-child {
    margin-top: 0;
  }
  .applicant-modal-price-list {
    margin: 8px 0 0;
    padding: 12px;
    background: #f5f5f5;
  }
  .applicant-modal-price-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .applicant-modal-price-list__item:first-child {
    margin-top: 0;
    padding-top: 0;
    border: 0;
  }
  .applicant-modal-price-list__title {
    font-size: 14px;
  }
  .applicant-modal-price-list__data {
    margin: 0;
    font-size: 12px;
  }
  .applicant-modal-price-list__data span {
    font-size: 14px;
  }
  .applicant-modal-price-table {
    width: 100%;
    margin: 16px 0 0;
  }
  .applicant-modal-price-table__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #dedede;
  }
  .applicant-modal-price-table__item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .applicant-modal-price-table__title {
    font-size: 14px;
  }
  .applicant-modal-price-table__title--total {
    font-size: 16px;
    font-weight: 700;
  }
  .applicant-modal-price-table__data {
    margin: 0;
    padding-right: 12px;
    font-size: 14px;
  }
  .applicant-modal-price-table__data--total {
    font-size: 16px;
    font-weight: 700;
  }
  /* ------------------------------
    dashboard SP
  ------------------------------ */
  .dashboard-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
  }
  .dashboard-heading__user {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .dashboard-heading__owner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-left: 8px;
    padding-left: 9px;
  }
  .dashboard-heading__owner::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 80%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #a5a5a5;
  }
  .dashboard-heading__owner-name {
    display: -webkit-box;
    overflow: hidden;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .dashboard-heading__owner-id {
    text-wrap: nowrap;
  }
  .dashboard-head {
    position: relative;
  }
  .dashboard-head__cover {
    width: 100%;
    height: 100%;
    aspect-ratio: 3/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .dashboard-head__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 32px 20px 12px;
    background: #fff;
    gap: 12px;
  }
  .dashboard-head__content:first-child {
    padding-top: 16px;
  }
  .dashboard-head__logo {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 86px;
    height: 86px;
    margin-top: -90px;
    border: 2px solid #fff;
    border-radius: 4px;
    -o-object-fit: contain;
       object-fit: contain;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  }
  .dashboard-head__content:first-child .dashboard-head__logo {
    margin-top: 0;
  }
  .dashboard-head__info {
    width: 100%;
  }
  .dashboard-head__heading {
    margin: 0;
    font-size: 24px;
  }
  .dashboard-head__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 8px;
  }
  .dashboard-summary {
    margin-top: 12px;
  }
  .dashboard-data {
    margin-inline: 20px;
  }
  .dashboard-data__box {
    margin-top: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .dashboard-data__box:first-child {
    margin-top: 0;
  }
  .dashboard-data__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 12px;
  }
  .dashboard-data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 22px;
    margin: 0;
    padding: 16px 24px;
    list-style: none;
  }
  .dashboard-data-list--full {
    padding: 12px;
  }
  .dashboard-data-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    text-align: center;
  }
  .dashboard-data-list--full .dashboard-data-list__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: start;
  }
  .dashboard-data-list__title {
    margin: 0;
  }
  .dashboard-data-list__number {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 14px;
    line-height: 1.1;
  }
  .dashboard-data-list__link {
    display: inline-block;
    margin-right: 4px;
    color: #17479c;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
  }
  .dashboard-data-list__link[aria-disabled=true] {
    color: #818181;
    text-decoration: none;
    cursor: default;
  }
  .dashboard-price {
    margin-top: 12px;
    padding: 12px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .dashboard-price__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .dashboard-price__heading {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
  }
  .dashboard-price__time {
    display: inline-block;
    margin: 8px 0 0 12px;
    color: #818181;
    font-size: 14px;
    line-height: 1.1;
  }
  .dashboard-price__price {
    margin: 16px 0 0;
    font-weight: 700;
    line-height: 1.1;
    text-align: end;
  }
  .dashboard-price__price span {
    margin-right: 4px;
    font-size: 32px;
    line-height: 1;
  }
  .dashboard-price__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 8px;
  }
  .dashboard-price__text-note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #dedede;
  }
  .dashboard-flow {
    margin-top: 12px;
  }
  .dashboard-flow__wrapper {
    margin-top: 12px;
    padding: 24px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .dashboard-flow__wrapper:first-child {
    margin-top: 0;
  }
  .dashboard-flow__section {
    margin-top: 32px;
  }
  .dashboard-flow__section:first-child {
    margin-top: 0;
  }
  .dashboard-flow__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
    margin-top: 16px;
  }
  .dashboard-flow__button {
    width: auto;
    min-width: auto;
    padding: 16px 12px;
  }
  .dashboard-notice {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .dashboard-notice__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 12px;
  }
  .dashboard-notice-list {
    margin: 12px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .dashboard-notice-list__item {
    border-top: 1px solid #dedede;
  }
  .dashboard-notice-list__item:first-child {
    border-top: 0;
  }
  .dashboard-notice-list__link {
    display: block;
    position: relative;
    padding: 20px 28px 20px 0;
    background: #fff;
    color: #191919;
    text-decoration: none;
  }
  .dashboard-notice-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .dashboard-notice-list__upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  .dashboard-notice-list__date {
    margin: 0;
    color: #191919;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .dashboard-notice-list__lower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 12px;
  }
  .dashboard-notice-list__important {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: -1px;
    font-size: 0;
  }
  .dashboard-notice-list__important::before {
    content: "\e000";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #ce1651;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .dashboard-notice-list__title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1.1;
  }
  .dashboard-tips {
    margin-top: 12px;
    padding: 24px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .dashboard-tips--event-none {
    padding-bottom: 0;
    border-top: 1px solid #dedede;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .dashboard-tips-slider {
    margin-top: 32px;
    overflow: hidden;
  }
  .dashboard-tips-slider__title {
    margin: 8px 0 0;
  }
  .dashboard-tips-slider__control {
    margin-top: 32px;
  }
  .dashboard-tips-slider .swiper-notification {
    display: none;
  }
  .dashboard-tips-slider-item__link {
    display: block;
    color: #191919;
    text-decoration: none;
  }
  .dashboard-tips-slider-item__link img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .dashboard-tips-slider-item__title {
    margin: 8px 0 0;
  }
  .dashboard-banner {
    margin-top: 24px;
    padding: 0 20px;
  }
  .dashboard-banner-slider {
    overflow: hidden;
  }
  .dashboard-banner-slider__control {
    margin-top: 12px;
  }
  .dashboard-banner-slider .swiper-notification {
    display: none;
  }
  .dashboard-banner-slider-item__link {
    display: block;
  }
  .dashboard-banner-slider-item__link img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .dashboard-banner-slider-item__title {
    margin: 8px 0 0;
  }
  .dashboard-slider-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0 12px;
  }
  .dashboard-slider-control__prev, .dashboard-slider-control__next {
    position: relative;
    width: 24px;
    height: 24px;
    padding: 2px;
    border: 0;
    background: transparent;
    color: #818181;
    font-size: 0;
  }
  .dashboard-slider-control__prev::before, .dashboard-slider-control__next::before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .dashboard-slider-control__prev {
    margin-right: 4px;
  }
  .dashboard-slider-control__prev::before {
    content: "\e314";
  }
  .dashboard-slider-control__next {
    margin-left: 4px;
  }
  .dashboard-slider-control__next::before {
    content: "\e315";
  }
  .dashboard-slider-control__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto !important;
  }
  .dashboard-slider-control__pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    opacity: 1;
    background: #dedede;
  }
  .dashboard-slider-control__pagination .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background: #17479c;
  }
  .dashboard-slider-control__stop {
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 24px;
    height: 24px;
    padding: 0 0 0 6px;
    border: 0;
    border-left: 1px solid #dedede;
    background: transparent;
    color: #a5a5a5;
    font-size: 0;
  }
  .dashboard-slider-control__stop::before {
    content: "\e034";
    position: absolute;
    top: 50%;
    left: 6px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    font-variation-settings: "FILL" 1;
  }
  .dashboard-slider-control__stop.is-pause::before {
    content: "\e037";
  }
  .dashboard-alert-area {
    margin-top: 12px;
  }
  .dashboard-add-event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    margin-top: 12px;
    padding: 24px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  /* ------------------------------
    display-event SP
  ------------------------------ */
  .display-event-box {
    padding: 32px 20px 12px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .display-event {
    margin: 16px 0 0;
    padding: 0;
    border-top: 1px solid #dedede;
    list-style: none;
  }
  .display-event__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    gap: 16px;
    padding: 20px 8px;
    border-top: 1px solid #dedede;
  }
  .display-event__items:first-child {
    border-top: 0;
  }
  .display-event__items.is-hidden {
    margin: 0 -20px;
    padding: 20px 28px;
    background: #dedede;
  }
  .display-event__items.is-disabled {
    margin: 0 -20px;
    padding: 20px 28px;
    background: #dedede;
    color: #818181;
  }
  .display-event__items.is-disabled::before, .display-event__items.is-disabled::after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 28px;
    height: 1px;
    background: #dedede;
  }
  .display-event__items.is-disabled::before {
    left: 0;
  }
  .display-event__items.is-disabled::after {
    right: 0;
  }
  .display-event__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
  .display-event__icon-label {
    font-size: 0;
  }
  .is-hidden .display-event__eye-off {
    display: none;
  }
  .display-event__eye-on {
    display: none;
  }
  .is-hidden .display-event__eye-on {
    display: inline;
  }
  .is-pin .display-event__pin-off {
    display: none;
  }
  .display-event__pin-on {
    display: none;
  }
  .is-pin .display-event__pin-on {
    display: inline;
  }
  .display-event__icon {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 5px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .display-event__icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .display-event__icon--eye {
    background: #17479c;
    color: #fff;
  }
  .display-event__icon--eye::before {
    content: "\e8f4";
  }
  .display-event__icon--eye:checked {
    border: 1px solid #17479c;
    background: #fff;
    color: #17479c;
  }
  .display-event__icon--eye:checked::before {
    content: "\e8f5";
  }
  .display-event__icon--eye:disabled {
    border: 0;
    background: #a5a5a5;
    color: #dedede;
  }
  .display-event__icon--pin {
    border: 1px solid #17479c;
    background: #fff;
    color: #17479c;
  }
  .display-event__icon--pin::before {
    content: "\e6f9";
  }
  .display-event__icon--pin:checked {
    background: #17479c;
    color: #fff;
  }
  .display-event__icon--pin:checked::before {
    content: "\e6aa";
  }
  .display-event__icon--pin:disabled {
    border: 0;
    background: #a5a5a5;
    color: #dedede;
  }
  .display-event__title {
    margin: 8px 0 0;
    font-weight: 700;
  }
  .display-event__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
    color: #a5a5a5;
    font-size: 12px;
    line-height: 1.1;
  }
  .display-event__id-title::after {
    content: "：";
  }
  .display-event__id-data {
    margin: 0;
  }
  .display-event__detail {
    margin-top: 16px;
  }
  .display-event__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    font-size: 14px;
  }
  .display-event__place {
    margin: 0;
    font-size: 14px;
  }
  /* ------------------------------
    cancel SP
  ------------------------------ */
  .cancel-status {
    margin-top: 32px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .cancel-status__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    margin-top: 32px;
  }
  .cancel-status__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 12px;
  }
  .cancel-status-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px 0 0;
  }
  .cancel-status-date__title::after {
    content: "：";
  }
  .cancel-status-date__data {
    margin: 0;
  }
  .cancel-intro {
    margin-top: 32px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .cancel-status + .cancel-intro {
    margin-top: 12px;
  }
  .cancel-intro__text {
    margin: 0;
  }
  .cancel-intro__help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 32px;
  }
  .cancel-description {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #dedede;
  }
  .cancel-description__block {
    margin-top: 24px;
  }
  .cancel-description__block:first-child {
    margin-top: 0;
  }
  .cancel-description__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
  }
  .cancel-description__text {
    margin: 8px 0 0;
  }
  .heading02 + .cancel-description__text {
    margin-top: 32px;
  }
  .cancel-flow-section {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .cancel-message-area {
    margin-top: 12px;
    padding: 0 20px;
  }
  .cancel-detail-section {
    margin-top: 24px;
    padding: 16px 20px;
    background: #fff;
  }
  .cancel-detail-section + .cancel-detail-section {
    margin-top: 16px;
  }
  .cancel-detail-section__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 16px;
  }
  .cancel-detail-section__button-area--left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 8px;
  }
  .cancel-detail-section__note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 8px;
  }
  .cancel-detail-section__block {
    margin-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dedede;
  }
  .cancel-detail-section__block:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .cancel-detail-section__text {
    margin: 12px 0 0;
  }
  .cancel-detail-text {
    margin: 16px 0 0;
  }
  .cancel-detail-child {
    margin-top: 8px;
    padding: 16px;
    background: #f5f5f5;
  }
  .cancel-detail-child__block {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dedede;
  }
  .cancel-detail-child__block:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .cancel-detail-child__title {
    margin: 0;
    font-weight: 700;
  }
  .cancel-detail-child__text {
    margin: 8px 0 0;
  }
  .cancel-detail-child__text > p {
    margin: 0;
  }
  /* ------------------------------
    error SP
  ------------------------------ */
  .error-box {
    margin-top: 32px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .error-box__text {
    margin: 0;
  }
  /* ------------------------------
    fan-club SP
  ------------------------------ */
  .fan-club-intro {
    margin-top: 32px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .fan-club-help + .fan-club-intro {
    margin-top: 16px;
  }
  .fan-club-intro__text {
    margin: 8px 0 0;
  }
  .fan-club-intro__text:first-child {
    margin-top: 0;
  }
  .fan-club-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
    padding: 0 20px;
  }
  .fan-club-intro .fan-club-help {
    padding: 0;
  }
  .fan-club-head-text-area {
    margin: 16px 20px 0;
  }
  .fan-club-head-text-area__text {
    margin: 8px 0 0;
  }
  .fan-club-head-text-area__text:first-child {
    margin-top: 0;
  }
  .fan-club-list {
    margin: 32px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .fan-club-help + .fan-club-list {
    margin-top: 12px;
  }
  .fan-club-list__item {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .fan-club-list__item:first-child {
    margin-top: 0;
  }
  .fan-club-list__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .fan-club-list__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
  }
  .fan-club-list__bottom {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #a5a5a5;
  }
  .fan-club-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px 16px;
  }
  .fan-club-list__download {
    margin-top: 12px;
  }
  .fan-club-detail-list {
    margin: 20px 0 0;
  }
  .fan-club-detail-list__row {
    margin-top: 12px;
  }
  .fan-club-detail-list__row:first-child {
    margin-top: 0;
  }
  .fan-club-detail-list__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .fan-club-detail-list__desc {
    margin: 4px 0 0;
  }
  .fan-club-use-list {
    margin: 0;
  }
  .fan-club-use-list__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fan-club-use-list__title {
    font-weight: 700;
  }
  .fan-club-sub-info {
    margin-top: 12px;
  }
  .fan-club-sub-text {
    margin: 0;
    font-size: 14px;
  }
  .fan-club-sub-number-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
  }
  .fan-club-sub-number-list__item {
    padding-left: 1em;
    font-size: 14px;
    text-indent: -1em;
  }
  .fan-club-sub-text-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .fan-club-sub-text-list__item {
    padding-left: 1em;
    text-indent: -1em;
  }
  .fan-club-sub-text-list__item::before {
    content: "・";
  }
  /* ------------------------------
    event-group SP
  ------------------------------ */
  .event-group-search {
    margin: 32px 0;
    padding: 0 20px;
  }
  .event-group-list {
    margin: 0;
    padding: 12px 0;
    background: #fff;
    list-style: none;
  }
  .event-group-list:first-child {
    margin-top: 0;
  }
  .event-group-list__item {
    position: relative;
    margin: 0 20px;
    border-top: 1px solid #dedede;
  }
  .event-group-list__item:first-child {
    border-top: 0;
  }
  .event-group-list__link {
    display: block;
    position: relative;
    padding: 20px 28px 20px 0;
    color: #191919;
    text-decoration: none;
  }
  .event-group-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .event-group-list__label-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    height: 32px;
    gap: 8px;
  }
  .event-group-list__content {
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 8px;
  }
  .event-group-list__content:first-child {
    margin-top: 0;
  }
  .event-group-list__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80px;
    height: 80px;
    margin-right: 8px;
  }
  .event-group-list__image img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .event-group-list__title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #191919;
    font-size: 16px;
    font-weight: 700;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .event-group-list__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 8px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .event-group-list__id-title {
    text-wrap: nowrap;
  }
  .event-group-list__id-title::after {
    content: "：";
  }
  .event-group-list__id-data {
    margin: 0;
  }
  .event-group-list__sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 1/-1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 16px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
    gap: 4px;
  }
  .event-group-list__sub-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  .event-group-list__sub-date-title {
    text-wrap: nowrap;
  }
  .event-group-list__sub-date-title::after {
    content: "：";
  }
  .event-group-list__sub-date-data {
    margin: 0;
  }
  .event-group-list__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 20px;
    right: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event-group-list-detail {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 12px 0 0;
    border: 1px solid #f0f6ff;
    grid-column: 1/-1;
  }
  .event-group-list-detail__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: #f5f9ff;
    font-size: 14px;
  }
  .event-group-list-detail__block:nth-child(2n) {
    background: #fff;
  }
  .event-group-list-detail__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .event-group-list-detail__title {
    width: 68px;
    min-width: auto;
    font-weight: 700;
  }
  .event-group-list-detail__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: start;
    word-break: break-all;
  }
  .event-group-list-detail__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .event-group-list-detail__data span {
    display: inline-block;
    margin-left: 4px;
  }
  .event-group-list-detail__data span:first-child {
    margin-left: 0;
  }
  .event-group-publish-date {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 24px 0 0;
  }
  .event-group-publish-date__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-group-publish-date__data {
    margin: 4px 0 0;
  }
  .event-group-name {
    margin: 32px 0 0;
    font-size: 22px;
    font-weight: 700;
  }
  .event-group-name:first-child {
    margin-top: 0;
  }
  .event-group-date {
    margin: 0;
  }
  .event-group-date__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-group-date__data {
    margin: 4px 0 0;
  }
  .event-group-page-info__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .event-group-page-info__url {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 16px;
  }
  .event-group-page-info__copy {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #17479c;
    vertical-align: middle;
  }
  .event-group-page-info__qr-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 16px;
  }
  .event-group-page-info__qr {
    width: 120px;
    height: 120px;
  }
  .event-group-page-info__qr-button-area {
    margin-top: 16px;
  }
  .event-group-page-info__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 12px;
  }
  .event-group-share {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .event-group-share__title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .event-group-share__copy {
    margin: 32px 0 0;
    font-weight: 700;
  }
  .event-group-share__copy-sub {
    display: block;
    font-size: 14px;
    font-weight: 700;
  }
  .event-group-share__copy-main {
    display: block;
    margin-top: 2px;
    font-size: 18px;
  }
  .event-group-share__note-wrap {
    margin-top: 8px;
  }
  .event-group-share-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
  }
  .event-group-share-menu__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .event-group-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 24px;
    padding: 0 20px;
  }
  .event-group-select-table-area {
    margin-top: 16px;
  }
  .event-group-note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
    padding: 0 20px;
  }
  .event-group-sticky-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: sticky;
    bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    padding: 32px 20px 24px;
  }
  .event-group-sticky-button-area.is-sticky {
    background: #fff;
  }
  /* ------------------------------
    event-group-manage SP
  ------------------------------ */
  .event-group-manage-headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    padding: 0 20px;
  }
  .event-group-manage-headline__title {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
  }
  .event-group-manage-headline__menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
  }
  .event-group-manage-headline-menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #818181;
  }
  .event-group-manage {
    margin-top: 32px;
  }
  .event-group-manage-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 24px;
    padding: 0 20px;
  }
  .event-group-manage-status__label {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .event-group-manage-status__url {
    word-break: break-all;
  }
  .event-group-manage-section {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .event-group-manage-section:first-child {
    margin-top: 0;
  }
  .event-group-manage-section__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 16px 0 0;
  }
  .event-group-manage-section__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 24px;
  }
  .event-group-manage-section__block {
    margin-top: 32px;
  }
  .event-group-manage-section__block + .event-group-manage-section__block {
    padding-top: 32px;
    border-top: 1px dashed #dedede;
  }
  .event-group-manage-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin: 0;
    font-size: 24px;
    font-weight: 700;
  }
  .event-group-manage-heading02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .event-group-manage-text {
    margin: 0;
  }
  .event-group-manage-arrow {
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    margin: 12px auto 0;
  }
  .event-group-manage-arrow::before {
    content: "\e313";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .event-group-manage-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 32px;
    padding: 0 20px;
  }
  .event-group-manage-name {
    margin: 32px 0 0;
    font-size: 22px;
    font-weight: 700;
  }
  .event-group-manage-name:first-child {
    margin-top: 0;
  }
  .event-group-manage-id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 12px 0 0;
    line-height: 1.1;
  }
  .event-group-manage-id__title::after {
    content: "：";
  }
  .event-group-manage-id__data {
    margin: 0;
  }
  .event-group-manage-image-wrap {
    margin-top: 24px;
    padding-bottom: 12px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .event-group-manage-image-wrap::-webkit-scrollbar {
    display: none;
  }
  .event-group-manage-image-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .event-group-manage-image-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 134px;
    height: 134px;
  }
  .event-group-manage-image-list__item img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .event-group-manage-image-list__button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .event-group-manage-detail {
    display: -webkit-box;
    margin: 24px 0 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .event-group-manage-detail * {
    margin: 0;
  }
  .event-group-manage-detail > ul,
  .event-group-manage-detail > ol {
    padding-left: 0;
  }
  .event-group-manage-detail li {
    list-style-position: inside;
  }
  .event-group-manage-link {
    margin-top: 32px;
  }
  .event-group-manage-link__block {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .event-group-manage-link__block:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .event-group-manage-link__heading {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .event-group-manage-link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
  }
  .event-group-manage-link-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4px;
    word-break: break-all;
  }
  .event-group-manage-link-list__item span {
    margin-top: 2px;
    color: #818181;
  }
  .event-group-manage-other-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: 16px;
    padding: 16px;
    border: 1px solid #dedede;
    border-radius: 4px;
  }
  .event-group-manage-other-link__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100px;
    height: 100px;
  }
  .event-group-manage-other-link__image img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .event-group-manage-other-link__detail {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .event-group-manage-other-link__title {
    margin: 0;
    font-weight: 700;
  }
  .event-group-manage-other-link__description {
    margin: 8px 0 0;
  }
  .event-group-manage-other-link__url {
    margin: 8px 0 0;
    font-size: 14px;
    word-break: break-all;
  }
  .event-group-manage-publish-info__title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-group-manage-publish-info__data {
    margin: 4px 0 0;
  }
  /* ------------------------------
    event-list SP
  ------------------------------ */
  .event-list {
    margin: 0;
    padding: 12px 0;
    background: #fff;
    list-style: none;
  }
  .event-list--wide {
    margin: 8px -20px 0;
    padding: 0;
  }
  .event-list:first-child {
    margin-top: 0;
  }
  .event-list__item {
    position: relative;
    margin: 0 20px;
    border-top: 1px solid #dedede;
  }
  .event-list__item:first-child {
    border-top: 0;
  }
  .event-list__link {
    display: block;
    position: relative;
    padding: 20px 28px 20px 0;
    color: #191919;
    text-decoration: none;
  }
  .event-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .event-list__item.is-old .event-list__link::before {
    content: none;
  }
  .event-list__label-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    height: 32px;
    gap: 8px;
  }
  .event-list__content {
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 8px;
  }
  .event-list__content:first-child {
    margin-top: 0;
  }
  .event-list__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80px;
    height: 80px;
    margin-right: 8px;
  }
  .event-list__image img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .event-list__title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #191919;
    font-size: 16px;
    font-weight: 700;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .event-list__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 8px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .event-list__id-title {
    text-wrap: nowrap;
  }
  .event-list__id-title::after {
    content: "：";
  }
  .event-list__id-data {
    margin: 0;
  }
  .event-list__text-important {
    position: relative;
    grid-column: 1/-1;
    margin: 12px 0 0;
    padding-left: 22px;
    color: #ff8000;
    font-size: 12px;
  }
  .event-list__sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 1/-1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 16px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
    gap: 4px;
  }
  .event-list__sub-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  .event-list__sub-date-title {
    text-wrap: nowrap;
  }
  .event-list__sub-date-title::after {
    content: "：";
  }
  .event-list__sub-date-data {
    margin: 0;
  }
  .event-list__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 20px;
    right: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event-list-detail {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 12px 0 0;
    border: 1px solid #f0f6ff;
    grid-column: 1/-1;
  }
  .event-list-detail__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: #f5f9ff;
    font-size: 14px;
  }
  .event-list-detail__block:nth-child(2n) {
    background: #fff;
  }
  .event-list-detail__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .event-list-detail__title {
    width: 68px;
    min-width: auto;
    font-weight: 700;
  }
  .event-list-detail__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: start;
    word-break: break-all;
  }
  .event-list-detail__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .event-list-detail__data span {
    display: inline-block;
  }
  /* ------------------------------
    event-manage SP
  ------------------------------ */
  .event-manage-head {
    padding: 0 20px;
  }
  .event-manage-head__heading {
    position: relative;
    margin: 12px 0 0;
  }
  .event-manage-head__title {
    margin: 0;
    padding-right: 32px;
    font-size: 22px;
  }
  .event-manage-head__menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 4px;
    right: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
  }
  .event-manage-head__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 12px 0 0;
    line-height: 1.1;
  }
  .event-manage-head__id-title::after {
    content: "：";
  }
  .event-manage-head__id-data {
    margin: 0;
  }
  .event-manage-head__text {
    margin: 16px 0 4px;
    font-size: 14px;
    font-weight: bold;
  }
  .event-manage-head__event-page {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #dedede;
  }
  .event-manage-head__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 8px;
  }
  .event-manage-head__reception {
    margin-block: 0;
    font-size: 14px;
  }
  .event-manage-head__reception span {
    display: inline-block;
    max-width: 7em;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
  }
  .event-manage-head__support {
    margin: 0 -8px;
    font-size: 14px;
  }
  .event-manage-head__url {
    max-width: calc(100% - 32px);
    margin-block: 0;
    word-break: break-all;
  }
  .event-manage-head__url a {
    color: #17479c;
  }
  .event-manage-head__url span {
    font-size: 14px;
  }
  .event-manage-head-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #818181;
  }
  .event-manage-share {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #818181;
    font-size: 0;
  }
  .event-manage-share::before {
    content: "\e80d";
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .event-manage-summary {
    margin-top: 16px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .event-manage-summary__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .event-manage-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin: 24px 0 0;
  }
  .event-manage-info:first-child {
    margin-top: 0;
  }
  .event-manage-info__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }
  .event-manage-info__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-manage-info__data {
    margin: 0;
  }
  .event-manage-inquiry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .event-manage-inquiry__button-area {
    position: relative;
  }
  .event-manage-inquiry__notice {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 50%;
    background: #ce1651;
    color: #fff;
    font-size: 0;
    font-weight: 400;
  }
  .event-manage-inquiry__notice::before {
    content: "\e7f4";
    font-family: "Material Symbols Outlined";
    font-size: 16px;
  }
  .event-manage-reception {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .event-manage-reception__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 24px;
  }
  .event-manage-reception-list {
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
  }
  .event-manage-reception-list__item {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #dedede;
  }
  .event-manage-reception-list__upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding-right: 56px;
  }
  .event-manage-reception-list__title {
    margin: 8px 0 0;
    padding-right: 56px;
    font-size: 18px;
    font-weight: 700;
  }
  .event-manage-reception-list__setting, .event-manage-reception-list__term {
    margin: 16px 0 0;
  }
  .event-manage-reception-list__setting + .event-manage-reception-list__setting, .event-manage-reception-list__setting + .event-manage-reception-list__term, .event-manage-reception-list__term + .event-manage-reception-list__setting, .event-manage-reception-list__term + .event-manage-reception-list__term {
    margin-top: 8px;
  }
  .event-manage-reception-list__setting-title, .event-manage-reception-list__term-title {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-manage-reception-list__setting-data, .event-manage-reception-list__term-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 4px;
    margin: 0;
    margin-top: 4px;
    font-size: 14px;
  }
  .event-manage-reception-list__setting-data a, .event-manage-reception-list__term-data a {
    color: #17479c;
  }
  .event-manage-reception-list__setting-data:has(span) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .event-manage-reception-list__setting-data:has(span) span {
    margin-right: 4px;
  }
  .event-manage-reception-list__button-area {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 20px;
    right: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event-manage-reception-list__link {
    display: inline-block;
    position: relative;
    margin-top: 16px;
    padding: 0 24px;
    color: #ce1651;
    text-decoration: none;
  }
  .event-manage-reception-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .event-manage-reception-list__alert {
    position: relative;
    margin: 16px 0 0;
    padding-left: 24px;
    color: #ce1651;
  }
  .event-manage-reception-list__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: 8px;
  }
  .event-manage-section {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .event-manage-section:first-child {
    margin-top: 0;
  }
  .event-manage-section__text {
    margin: 16px 0 0;
  }
  .event-manage-section__text:first-child {
    margin-top: 0;
  }
  .event-manage-section__content {
    margin-top: 16px;
  }
  .event-manage-section__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
  }
  .event-manage-section__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .event-manage-menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
  }
  .event-manage-menu__item {
    padding: 0;
  }
  .event-manage-menu__item--full {
    grid-column: span 2;
    text-align: center;
  }
  /* ------------------------------
    event-register SP
  ------------------------------ */
  .event-register-headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    padding: 0 20px;
  }
  .event-register-headline__title {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
  }
  .event-register-headline__menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
  }
  .event-register-headline-menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #818181;
  }
  .event-register-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 24px;
    padding: 0 20px;
  }
  .event-register {
    margin-top: 32px;
  }
  .event-register-section {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .event-register-section:first-child {
    margin-top: 0;
  }
  .event-register-section__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 16px 0 0;
  }
  .event-register-section__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
    margin-top: 24px;
  }
  .event-register-section__block {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #dedede;
  }
  .event-register-section__block:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .event-register-section__block--close {
    margin-top: 22px;
    padding-top: 22px;
  }
  .event-register-section__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .event-register-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin: 0;
    font-size: 24px;
    font-weight: 700;
  }
  .event-register-heading02 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
  }
  .event-register-text {
    margin: 0;
  }
  .event-register-check-text {
    position: relative;
    margin: 12px 0 0;
    padding-left: 28px;
  }
  .event-register-check-text:first-child {
    margin-top: 0;
  }
  .event-register-check-text::before {
    content: "\e5ca";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #17479c;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .event-register-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
  }
  .event-register-menu-tag {
    position: absolute;
    top: 50%;
    right: 12px;
    padding: 4px 6px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #e80b66;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
  }
  .event-register-arrow {
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    margin: 12px auto 0;
  }
  .event-register-arrow::before {
    content: "\e313";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .event-register-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 32px;
    padding: 0 20px;
  }
  .event-register-name {
    margin: 32px 0 0;
    font-size: 22px;
    font-weight: 700;
  }
  .event-register-name:first-child {
    margin-top: 0;
  }
  .event-register-id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 12px 0 0;
    line-height: 1.1;
  }
  .event-register-id__title::after {
    content: "：";
  }
  .event-register-id__data {
    margin: 0;
  }
  .event-register-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin: 24px 0 0;
  }
  .event-register-info__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }
  .event-register-info__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-register-info__data {
    margin: 0;
  }
  .event-register-image-wrap {
    margin-top: 32px;
    padding-bottom: 12px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .event-register-image-wrap::-webkit-scrollbar {
    display: none;
  }
  .event-register-image-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .event-register-image-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 134px;
    height: 134px;
  }
  .event-register-image-list__item img {
    -o-object-fit: contain;
       object-fit: contain;
    width: auto;
  }
  .event-register-image-list__button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .event-register-detail {
    display: -webkit-box;
    margin: 24px 0 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .event-register-detail * {
    margin: 0;
  }
  .event-register-detail > ul,
  .event-register-detail > ol {
    padding-left: 0;
  }
  .event-register-detail li {
    list-style-position: inside;
  }
  .event-register-inquiry {
    margin-top: 16px;
  }
  .event-register-inquiry__seller-name {
    margin: 0;
    font-weight: 700;
  }
  .event-register-reception-list-wrap {
    margin-top: 32px;
  }
  .event-register-reception-list-wrap__button-area {
    margin-top: 20px;
    text-align: center;
  }
  .event-register-reception-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .event-register-reception-list__item {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
  }
  .event-register-reception-list__item:first-child {
    margin-top: 0;
  }
  .event-register-reception-list__upper {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: 8px 16px;
  }
  .event-register-reception-list__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-row: 1;
    gap: 4px;
  }
  .event-register-reception-list__title {
    grid-row: 2;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .event-register-reception-list__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-row: 1/span 2;
  }
  .event-register-reception-list__setting, .event-register-reception-list__term {
    margin: 16px 0 0;
  }
  .event-register-reception-list__setting + .event-register-reception-list__setting, .event-register-reception-list__setting + .event-register-reception-list__term, .event-register-reception-list__term + .event-register-reception-list__setting, .event-register-reception-list__term + .event-register-reception-list__term {
    margin-top: 8px;
  }
  .event-register-reception-list__setting-title, .event-register-reception-list__term-title {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-register-reception-list__setting-data, .event-register-reception-list__term-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 4px;
    margin: 4px 0 0;
    font-size: 14px;
  }
  .event-register-reception-list__setting-data a, .event-register-reception-list__term-data a {
    color: #17479c;
  }
  .event-register-reception-list__alert {
    position: relative;
    grid-column: 1/span 2;
    margin: 0;
    padding-left: 24px;
    color: #ce1651;
    font-size: 14px;
  }
  .event-register-heading + .event-register-reception-list__alert {
    margin-block: 8px;
  }
  .event-register-reception-list__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: 8px;
  }
  .event-register-reception-list-button {
    position: relative;
    padding: 0 0 0 16px;
    border: 0;
    background: transparent;
    color: #17479c;
  }
  .event-register-reception-list-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 2px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #17479c;
  }
  .event-register-reception-list-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 2px;
    height: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    background: #17479c;
  }
  .event-register-reception-list-button.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
  }
  .event-register-reception-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    max-width: 374px;
    margin: 32px auto 0;
  }
  .event-register-reception-button-area--secondary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    margin-top: 12px;
  }
  .event-register-limit {
    margin-top: 12px;
    padding-left: 28px;
  }
  .event-register-limit__title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-register-limit-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin: 4px 0 0;
    padding: 0;
    font-size: 14px;
    list-style: none;
  }
  .event-register-publish-info {
    margin: 0;
  }
  .event-register-publish-info__title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-register-publish-info__data {
    margin: 4px 0 0;
  }
  .event-register-publish-date {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 24px 0 0;
  }
  .event-register-publish-date__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-register-publish-date__data {
    margin: 4px 0 0;
  }
  .event-register-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin: 0;
  }
  .event-register-date__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-register-date__data {
    margin: 4px 0 0;
  }
  .event-register-page-info__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .event-register-page-info__url {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 16px;
  }
  .event-register-page-info__copy {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #17479c;
    vertical-align: middle;
  }
  .event-register-page-info__qr-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 16px;
  }
  .event-register-page-info__qr {
    width: 120px;
    height: 120px;
  }
  .event-register-page-info__qr-button-area {
    margin-top: 16px;
  }
  .event-register-page-info__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 12px;
  }
  .event-register-share {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .event-register-share__title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .event-register-share__block {
    margin-top: 32px;
  }
  .event-register-share__block + .event-register-share__block {
    padding-top: 32px;
    border-top: 1px dashed #dedede;
  }
  .event-register-share__copy {
    margin: 0;
    font-weight: 700;
  }
  .event-register-share__copy-sub {
    display: block;
    font-size: 14px;
    font-weight: 700;
  }
  .event-register-share__copy-main {
    display: block;
    margin-top: 2px;
    font-size: 18px;
  }
  .event-register-share__note-wrap {
    margin-top: 8px;
  }
  .event-register-share-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
  }
  .event-register-share-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event-share-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    padding: 12px;
    border: 1px solid #17479c;
    border-radius: 2px;
    background: #fff;
    color: #17479c;
    text-decoration: none;
  }
  .event-register-ticket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .event-register-ticket__item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 12px;
    border-radius: 2px;
    background: #fff;
  }
  .event-register-ticket__title {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-publish-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 8px;
  }
  .event-table-text {
    display: -webkit-box;
    margin: 8px 0 0;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .event-table-text:first-child {
    margin-top: 0;
  }
  .event-table-id {
    display: block;
    margin-top: 8px;
    color: #818181;
    font-size: 14px;
    line-height: 1.1;
  }
  .event-table-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  /* ------------------------------
    exclusive-sale SP
  ------------------------------ */
  .exclusive-sale-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 24px;
    padding: 0 20px;
  }
  .exclusive-sale-reception-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
    gap: 12px;
  }
  .exclusive-sale-reception-list__item {
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .exclusive-sale-reception-list__tag-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .exclusive-sale-reception-list__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
  }
  .exclusive-sale-reception-list__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .exclusive-sale-reception-list__block {
    margin-top: 20px;
  }
  .exclusive-sale-reception-list__block + .exclusive-sale-reception-list__block {
    padding-top: 20px;
    border-top: 1px dashed #dedede;
  }
  .exclusive-sale-reception-list__label {
    margin: 0;
    font-weight: 700;
  }
  .exclusive-sale-reception-list__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 16px;
  }
  .exclusive-sale-reception-list__box:first-child {
    margin-top: 0;
  }
  .exclusive-sale-reception-list__text {
    margin: 16px 0 0;
  }
  .exclusive-sale-reception-list__text:first-child {
    margin-top: 0;
  }
  .exclusive-sale-drawer {
    margin: 0 -20px;
  }
  .exclusive-sale-drawer__box {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px 20px;
    border-top: 1px solid #dedede;
    background: #fff;
  }
  .exclusive-sale-drawer__box:first-child {
    border-top: 0;
  }
  .exclusive-sale-drawer__tag-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .exclusive-sale-drawer__title-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 8px;
  }
  .exclusive-sale-drawer__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .exclusive-sale-drawer__url {
    margin: 16px 0 0;
    padding: 16px;
    background: #f5f5f5;
  }
  .exclusive-sale-drawer__accordion {
    position: relative;
    padding-left: 24px;
    border: 0;
    background-color: transparent;
    color: #17479c;
  }
  .exclusive-sale-drawer__accordion::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 12px;
    height: 2px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #17479c;
  }
  .exclusive-sale-drawer__accordion::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 9px;
    width: 2px;
    height: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    background: #17479c;
  }
  .exclusive-sale-drawer__box.is-open .exclusive-sale-drawer__accordion::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
  }
  .exclusive-sale-drawer__box.is-open .exclusive-sale-drawer__accordion span:first-child {
    display: none;
  }
  .exclusive-sale-drawer__accordion span:last-child {
    display: none;
  }
  .exclusive-sale-drawer__box.is-open .exclusive-sale-drawer__accordion span:last-child {
    display: inline;
  }
  .exclusive-sale-drawer-form {
    margin-top: 24px;
  }
  .exclusive-sale-drawer-form:first-child {
    margin-top: 0;
  }
  .exclusive-sale-drawer-form__label {
    display: block;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .exclusive-sale-drawer-form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: 100%;
    margin: 12px 0 0;
  }
  .exclusive-sale-drawer-form__field:first-child {
    margin-top: 0;
  }
  .exclusive-sale-drawer-form__text {
    margin: 12px 0 0;
  }
  .exclusive-sale-drawer-panel {
    display: none;
    margin-top: 16px;
  }
  .exclusive-sale-drawer-panel__box {
    margin-top: 16px;
  }
  .exclusive-sale-drawer-panel__box:first-child {
    margin-top: 0;
  }
  .exclusive-sale-drawer-panel__title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
  }
  .exclusive-sale-drawer-panel__period {
    margin: 4px 0 0;
  }
  .exclusive-sale-drawer-panel__period span {
    display: inline-block;
    margin-left: 4px;
  }
  .exclusive-sale-drawer-panel__period span:first-child {
    margin-left: 0;
  }
  .exclusive-sale-drawer-ticket-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    gap: 12px;
  }
  .exclusive-sale-drawer-ticket-list__name {
    display: inline-block;
    margin: 0;
  }
  /* ------------------------------
    history SP
  ------------------------------ */
  .history-table-area {
    margin-top: 32px;
  }
  /* ------------------------------
    login SP
  ------------------------------ */
  .login-content {
    margin-top: -32px;
  }
  .login-intro {
    padding: 24px 0 32px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .login-top-banner-area {
    margin-top: 12px;
  }
  .login-form-wrapper {
    margin-top: 32px;
    padding: 0 20px;
  }
  .login-form-box {
    margin-top: 32px;
  }
  .login-form-box:first-child {
    margin-top: 0;
  }
  .login-form__block {
    margin-top: 16px;
  }
  .login-form__block:first-child {
    margin-top: 0;
  }
  .login-form__label {
    display: block;
    font-weight: 700;
  }
  .login-form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 6px;
  }
  .login-form__box {
    margin-top: 16px;
    padding: 20px;
    background: #ffe8ef;
  }
  .login-form__text {
    margin: 0 0 12px;
  }
  .login-form-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
    margin-top: 24px;
  }
  .login-form-button-area__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    width: 100%;
  }
  .login-error-message {
    margin: 0;
    color: #ce1651;
    font-size: 14px;
  }
  .login-banner-area {
    margin-top: 24px;
  }
  .login-user-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 24px;
    padding: 0 20px;
  }
  .login-user-area__text {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .login-notice-section {
    margin-top: 24px;
    padding: 32px 20px;
    background-color: #fff;
  }
  .login-notice-section__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 12px;
  }
  .login-notice-list {
    margin: 12px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .login-notice-list__item {
    border-top: 1px solid #dedede;
  }
  .login-notice-list__item:first-child {
    border-top: 0;
  }
  .login-notice-list__link {
    display: block;
    position: relative;
    padding: 20px 28px 20px 0;
    background: #fff;
    color: #191919;
    text-decoration: none;
  }
  .login-notice-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .login-notice-list__upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  .login-notice-list__date {
    margin: 0;
    color: #191919;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .login-notice-list__lower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 12px;
  }
  .login-notice-list__important {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: -1px;
    font-size: 0;
  }
  .login-notice-list__important::before {
    content: "\e000";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #ce1651;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .login-notice-list__title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1.1;
  }
  .login-bottom-banner-area {
    margin-top: 24px;
  }
  /* ------------------------------
    mail SP
  ------------------------------ */
  .mail-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 24px;
    padding: 0 20px;
  }
  .mail-note-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin: 16px 20px 0;
  }
  .mail-selected-item-confirm {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
    padding: 16px;
    background-color: #f5f5f5;
  }
  .form__field .mail-selected-item-confirm {
    margin-top: 0;
  }
  .mail-selected-item-confirm__list {
    margin: 0;
    padding: 0 0 0 1em;
    list-style-type: none;
    text-indent: -1em;
  }
  .mail-selected-item-confirm__item::before {
    content: "・";
  }
  .mail-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 12px;
    gap: 8px;
  }
  .mail-download__text {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
  }
  .mail-file-name {
    margin: 8px 0 0;
  }
  .form__field .mail-file-name {
    margin-top: 0;
  }
  .mail-menu-section {
    margin-top: 32px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .mail-menu-section__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #a5a5a5;
  }
  .mail-menu-section__block:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .mail-menu-section__description {
    margin: 0;
  }
  .mail-list-section {
    margin-top: 32px;
    padding: 0 20px;
  }
  .mail-list-section__text {
    margin: 16px 0 0;
  }
  .mail-list-area {
    padding: 0 20px;
  }
  .mail-list {
    margin: 24px -20px 0;
    padding: 0;
    list-style: none;
  }
  .mail-list__item {
    margin-top: 12px;
  }
  .mail-list__item:first-child {
    margin-top: 0;
  }
  .mail-list__link {
    display: block;
    position: relative;
    padding: 20px 36px 20px 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    color: #191919;
    text-decoration: none;
  }
  .mail-list__link:hover {
    opacity: 0.7;
  }
  .mail-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 20px;
  }
  .mail-list__date {
    margin: 0;
    font-size: 14px;
    line-height: 1.1;
  }
  .mail-list__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: 12px;
  }
  .mail-list__title {
    display: -webkit-box;
    margin: 8px 0 0;
    overflow: hidden;
    font-size: 18px;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .mail-list__event {
    margin: 4px 0 0;
    font-size: 14px;
  }
  .mail-list__destination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 4px 0 0;
    color: #818181;
    font-size: 14px;
    line-height: 1.1;
  }
  .mail-list__destination-title::after {
    content: "：";
  }
  .mail-list__destination-data {
    display: -webkit-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .mail-list__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #a5a5a5;
  }
  .mail-list__text {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .mail-detail-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 32px;
    padding: 0 20px;
    gap: 8px;
  }
  .mail-detail-status__date {
    padding-top: 4px;
    font-size: 14px;
  }
  .mail-detail-section {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .mail-detail-section__block {
    margin-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px dashed #a5a5a5;
  }
  .mail-detail-section__block:first-child {
    margin-top: 0;
  }
  .mail-detail-section__block:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .mail-detail-section__field {
    margin-top: 12px;
  }
  .mail-detail-section__note {
    margin-top: 8px;
  }
  .mail-detail-text {
    margin: 0;
  }
  .mail-detail-alert-area {
    margin-top: 8px;
    padding: 0 20px;
  }
  /* ------------------------------
    notice SP
  ------------------------------ */
  .notice-list {
    margin: 32px 0 0;
    padding: 12px 20px;
    list-style-type: none;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .notice-list__item {
    border-top: 1px solid #dedede;
  }
  .notice-list__item:first-child {
    border-top: 0;
  }
  .notice-list__link {
    display: block;
    position: relative;
    padding: 20px 28px 20px 0;
    text-decoration: none;
  }
  .notice-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .notice-list__upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  .notice-list__date {
    margin: 0;
    color: #191919;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .notice-list__lower {
    margin-top: 12px;
  }
  .notice-list__important {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    font-size: 0;
    vertical-align: top;
  }
  .notice-list__important::before {
    content: "\e000";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #ce1651;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .notice-list__title {
    display: inline;
    margin: 0;
    color: #191919;
  }
  .notice-detail {
    margin-top: 24px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .notice-detail__upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .notice-detail__date {
    margin: 0;
    color: #191919;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .notice-detail__head {
    margin-top: 16px;
  }
  .notice-detail__important {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    font-size: 0;
    vertical-align: middle;
  }
  .notice-detail__important::before {
    content: "\e000";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #ce1651;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .notice-detail__heading {
    display: inline;
    font-size: 24px;
    font-weight: 400;
    vertical-align: middle;
  }
  .notice-detail__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .notice-detail__content p {
    margin: 0;
  }
  .notice-detail__content a {
    border: 0;
    background: none;
    color: #17479c;
    text-decoration: underline;
  }
  .notice-detail__content a[target=_blank] {
    position: relative;
    padding-right: 24px;
  }
  .notice-detail__content a[target=_blank]::before {
    content: "\e89e";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .notice-popup-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-bottom: 8px;
  }
  .notice-popup-head__date {
    margin: 0;
    color: #191919;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .notice-popup__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .notice-popup__content p {
    margin: 0;
  }
  .notice-popup__content a {
    border: 0;
    background: none;
    color: #17479c;
    text-decoration: underline;
  }
  .notice-popup__content a[target=_blank] {
    position: relative;
    padding-right: 24px;
  }
  .notice-popup__content a[target=_blank]::before {
    content: "\e89e";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .notice-popup__text {
    margin: 0;
  }
  .notice-important {
    width: 100%;
  }
  .notice-important__title {
    display: none;
  }
  .notice-important-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
  }
  .notice-important-list__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    gap: 8px;
    padding: 8px 40px 8px 12px;
    background: #ffe8ef;
    text-decoration: none;
  }
  .notice-important-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .notice-important-list__label {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    font-size: 0;
  }
  .notice-important-list__label::before {
    content: "\e000";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #ce1651;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .notice-important-list__title {
    display: -webkit-box;
    overflow: hidden;
    color: #191919;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  /* ------------------------------
    owner SP
  ------------------------------ */
  .owner-select {
    margin-top: 32px;
    padding: 12px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .owner-select-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .owner-select-list__item {
    border-top: 1px solid #dedede;
  }
  .owner-select-list__item:first-child {
    border-top: 0;
  }
  .owner-select-list__link {
    display: block;
    position: relative;
    padding: 20px 28px 20px 0;
    background: #fff;
    color: #191919;
    text-decoration: none;
  }
  .owner-select-list__link:not(.is-selected)::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .owner-select-list__name {
    margin: 8px 0 0;
    font-size: 18px;
    font-weight: 700;
  }
  .owner-select-list__name:first-child {
    margin-top: 0;
  }
  .owner-select-list__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin: 12px 0 0;
    color: #a5a5a5;
    line-height: 1.1;
  }
  .owner-select-list__id-title {
    position: relative;
  }
  .owner-select-list__id-title::after {
    content: ":";
    position: absolute;
    right: -6px;
  }
  .owner-select-list__id-data {
    margin: 0;
  }
  .owner-select-list__notice {
    display: inline-block;
    position: relative;
    margin-left: 4px;
    padding-left: 22px;
    color: #17479c;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
  }
  .owner-select-list__notice::before {
    content: "\ef49";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 18px;
    font-weight: 400;
  }
  .owner-setting-bank-name {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .owner-setting-bank__heading {
    margin: 16px 0 0;
    font-weight: 700;
  }
  .owner-setting-bank__heading:first-child {
    margin-top: 0;
  }
  .owner-setting-bank__inner {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
    margin-top: 12px;
  }
  /* ------------------------------
    participant SP
  ------------------------------ */
  .participant-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding: 0 20px;
  }
  .participant-visitors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 12px 0 0;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .participant-visitors__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .participant-visitors__data {
    margin: 0;
    font-weight: 700;
    text-align: end;
  }
  .participant-visitors__number {
    margin-right: 4px;
    font-size: 24px;
  }
  .participant-visitors__sub {
    font-size: 14px;
    font-weight: 400;
  }
  .participant-visitors__time {
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: 400;
  }
  .participant-modal-sub-title {
    margin: 8px 0 0;
    font-size: 14px;
  }
  .participant-modal-ticket-name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .participant-modal-info {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 16px 0 0;
    border: 1px solid #f0f6ff;
  }
  .participant-modal-info__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    padding: 8px 12px;
    background: #f5f9ff;
    font-size: 14px;
  }
  .participant-modal-info__block:nth-child(2n) {
    background: #fff;
  }
  .participant-modal-info__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .participant-modal-info__title {
    width: 40%;
    min-width: auto;
    font-weight: 700;
  }
  .participant-modal-info__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: start;
    word-break: break-all;
  }
  .participant-modal-info__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  /* ------------------------------
    promoter SP
  ------------------------------ */
  .promoter-head {
    position: relative;
    margin-top: 32px;
  }
  .promoter-head__cover {
    width: 100%;
    height: 100%;
    aspect-ratio: 3/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .promoter-head__inner {
    padding: 0 20px 24px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .promoter-head__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 32px;
    background: #fff;
    gap: 12px;
  }
  .promoter-head__inner:first-child .promoter-head__content {
    padding-top: 24px;
  }
  .promoter-head__logo {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 86px;
    height: 86px;
    margin-top: -90px;
    border: 2px solid #fff;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
    -o-object-fit: contain;
       object-fit: contain;
  }
  .promoter-head__inner:first-child .promoter-head__logo {
    margin-top: 0;
  }
  .promoter-head__name {
    margin: 0;
    font-size: 24px;
  }
  .promoter-head__block {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #dedede;
  }
  .promoter-head__block:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .promoter-head__data {
    margin: 12px 0 0;
  }
  .promoter-head__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 16px;
  }
  .promoter-event {
    margin-top: 32px;
    padding: 0 20px;
  }
  .promoter-tab-event {
    padding: 32px 20px;
    background: #fff;
  }
  .promoter-tab-event__intro {
    margin-inline: -20px;
    padding: 0 20px 32px;
    border-bottom: 1px solid #dedede;
  }
  .promoter-tab-event__intro:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .promoter-tab-event__event-list {
    margin-top: 24px;
    margin-inline: -20px;
    padding: 24px 20px 0;
    border-top: 1px solid #dedede;
  }
  .promoter-tab-event__intro + .promoter-tab-event__event-list {
    padding-top: 0;
    border-top: 0;
  }
  .promoter-tab-event__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
  .promoter-box {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .promoter-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 8px;
    margin-top: 16px;
  }
  /* ------------------------------
    sales SP
  ------------------------------ */
  .sales-filter-area {
    margin-top: 12px;
  }
  .sales-head {
    margin-top: 16px;
    padding: 0 20px;
  }
  .sales-head__text {
    margin: 0;
  }
  .sales-head__link-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 8px;
    margin-top: 24px;
  }
  .sales-head__note {
    display: block;
    margin-top: 12px;
    color: #818181;
    font-size: 12px;
    text-align: right;
  }
  .sales-sum {
    padding: 32px 20px;
    background: #fff;
  }
  .sales-sum__list {
    margin: 0;
  }
  .sales-sum__list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
  }
  .sales-sum__list-block:first-child {
    margin-top: 0;
  }
  .sales-sum__list-title {
    font-size: 18px;
    font-weight: 700;
  }
  .sales-sum__list-data {
    margin: 0;
    font-weight: 700;
    text-align: right;
  }
  .sales-sum__list-data span {
    margin-right: 4px;
    font-size: 24px;
  }
  .sales-sum__sub {
    display: block;
    color: #818181;
    font-size: 14px;
    text-align: right;
  }
  .sales-ticket {
    margin-top: 12px;
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .sales-ticket__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 0;
  }
  .sales-ticket__master-name {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
  }
  .sales-ticket__name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .sales-ticket__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 16px -20px 0;
    padding: 0 20px;
    list-style-type: none;
    border-top: 1px solid #dedede;
    -webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.05);
  }
  .sales-ticket__box {
    margin-top: 20px;
    padding: 12px;
    border: 1px solid #dedede;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
  }
  .sales-ticket-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.1;
  }
  .sales-ticket-price__title::after {
    content: "：";
  }
  .sales-ticket-price__data {
    margin-left: 0;
  }
  .sales-ticket-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 12px 0 0;
    padding: 8px 12px;
    background: #f5f5f5;
    gap: 12px;
  }
  .sales-ticket-result__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 12px;
    border-top: 1px dashed #a5a5a5;
  }
  .sales-ticket-result__block:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .sales-ticket-result__block--sub .sales-ticket-result__title {
    font-size: 14px;
  }
  .sales-ticket-result__data {
    margin-left: 0;
    font-size: 14px;
    font-weight: 700;
  }
  .sales-ticket-result__block--sub .sales-ticket-result__data {
    font-size: 12px;
    font-weight: 400;
  }
  .sales-ticket-result__data span {
    margin-right: 4px;
    font-size: 18px;
  }
  .sales-ticket-result__block--sub .sales-ticket-result__data span {
    font-size: 14px;
  }
  .sales-ticket-detail__panel {
    display: none;
    padding-top: 24px;
  }
  .sales-ticket-detail__button {
    display: block;
    position: relative;
    margin: 16px auto 0;
    padding: 0 0 0 24px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 0;
    background: transparent;
    color: #17479c;
  }
  .sales-ticket-detail__button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 12px;
    height: 2px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #17479c;
  }
  .sales-ticket-detail__button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 9px;
    width: 2px;
    height: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #17479c;
  }
  .is-open.sales-ticket-detail .sales-ticket-detail__button::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
  }
  .is-open.sales-ticket-detail .sales-ticket-detail__button {
    margin-top: 8px;
  }
  .sales-ticket-detail.is-open .sales-ticket-detail__more {
    display: none;
  }
  .sales-ticket-detail__close {
    display: none;
  }
  .sales-ticket-detail.is-open .sales-ticket-detail__close {
    display: inline-block;
  }
  .sales-ticket-detail__edit {
    display: block;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 8px 0 0 auto;
    padding-left: 24px;
    color: #17479c;
    font-size: 14px;
    text-decoration: none;
  }
  .sales-ticket-detail__edit::before {
    content: "\e3c9";
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -4px;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .sales-ticket-detail-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0;
    border: 1px solid #f0f6ff;
  }
  .sales-ticket-detail-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    padding: 8px 12px;
    background: #f5f9ff;
    font-size: 14px;
  }
  .sales-ticket-detail-list__block:nth-child(2n) {
    background: #fff;
  }
  .sales-ticket-detail-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .sales-ticket-detail-list__title {
    width: 40%;
    min-width: auto;
    font-weight: 700;
  }
  .sales-ticket-detail-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
    word-break: break-all;
  }
  .sales-ticket-detail-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .sales-reception {
    margin-top: 24px;
  }
  .sales-reception__heading {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .sales-reception-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .sales-reception-list__item {
    border-top: 1px solid #dedede;
  }
  .sales-reception-list__item:first-child {
    border-top: 0;
  }
  .sales-reception-list__link {
    display: block;
    position: relative;
    padding: 16px 28px 16px 0;
    text-decoration: none;
  }
  .sales-reception-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .sales-reception-list__item:first-child .sales-reception-list__link {
    padding-top: 16px;
  }
  .sales-reception-list__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .sales-reception-list__name {
    margin: 8px 0 0;
    color: #191919;
    font-weight: 700;
  }
  .sales-reception-list__list {
    margin: 12px 0 0;
    color: #191919;
    font-size: 12px;
  }
  .sales-reception-list__list-title {
    color: #191919;
    font-weight: 700;
    line-height: 1.1;
  }
  .sales-reception-list__list-data {
    margin: 4px 0 0;
  }
  .sales-reception-list__list-data span {
    display: inline-block;
    margin-left: 4px;
  }
  .sales-reception-list__list-data span:first-child {
    margin-left: 0;
  }
  .sales-note-area {
    padding: 16px 20px 0;
  }
  .sales-table {
    margin-top: 24px;
  }
  .sales-table__action {
    margin-bottom: 24px;
    padding: 0 20px;
  }
  .sales-table__table-wrap {
    padding: 0 20px;
  }
  /* ------------------------------
    seat SP
  ------------------------------ */
  .seat-list {
    margin: 32px 0 0;
    padding: 12px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    list-style: none;
  }
  .seat-list__item {
    position: relative;
    border-top: 1px solid #dedede;
  }
  .seat-list__item:first-child {
    border: 0;
  }
  .seat-list__link {
    display: block;
    padding: 20px 0;
    text-decoration: none;
  }
  .seat-list__inner {
    position: relative;
    padding-right: 68px;
  }
  .seat-list__inner::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .seat-list__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    color: #191919;
    font-weight: 700;
  }
  .seat-list__item:has(.seat-list__button-area) .seat-list__name {
    min-height: 32px;
  }
  .seat-list__ticket-area {
    position: relative;
    margin-top: 8px;
    padding-left: 24px;
  }
  .seat-list__ticket-area::before {
    content: "\e638";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #191919;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .seat-list__ticket {
    color: #191919;
  }
  .seat-list__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    right: 28px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .seat-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 12px;
    padding: 12px 20px 20px;
  }
  .seat-intro {
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .seat-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
  }
  .seat-list-name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .seat-text {
    margin: 16px 0 0;
  }
  .seat-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    margin-top: 32px;
  }
  .seat-status-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
  }
  .seat-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 12px;
    background: #f5f5f5;
    gap: 12px;
  }
  .seat-status__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .seat-status__item:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .seat-status__count {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
  }
  .seat-status__count span {
    margin-left: 4px;
    font-size: 16px;
  }
  .seat-sub-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 4px;
    margin: 0;
  }
  .seat-sub-status__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 4px;
    padding: 8px 16px;
    background: #f5f5f5;
    font-size: 14px;
  }
  .seat-sub-status__count {
    margin: 0;
  }
  .seat-sub-status__count span {
    font-size: 12px;
  }
  .seat-guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    margin: 32px 0 0;
  }
  .modal .seat-guide {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    border: 0;
  }
  .seat-guide__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding-left: 16px;
    border-left: 1px dashed #dedede;
  }
  .seat-guide__item:first-child {
    padding-left: 0;
    border-left: 0;
  }
  .seat-guide__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 20px;
    height: 20px;
  }
  .seat-guide__description {
    margin: 0;
    font-size: 14px;
    line-height: 1.1;
  }
  .seat-chart-area {
    margin: 32px 0;
  }
  .seat-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    margin-top: 32px;
  }
  .seat-chart__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
  .seat-chart__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 24px;
    padding: 0 20px;
  }
  .seat-chart__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 8px;
    font-size: 14px;
  }
  .seat-chart__content {
    padding: 12px 20px;
    overflow-x: auto;
    background: #fff;
  }
  .seat-chart__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 32px;
    padding: 0 20px;
  }
  .seat-chart__button-area:first-child {
    margin-top: 0;
  }
  .seat-chart-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .seat-chart-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  .seat-chart-list__item:last-child {
    padding-right: 20px;
  }
  .seat-chart-list__button {
    position: relative;
    width: 32px;
    height: 32px;
    border: 0;
  }
  .seat-chart-list__number {
    font-size: 12px;
    line-height: 1.1;
  }
  .seat-chart-list__stairs {
    position: relative;
    width: 32px;
    height: 32px;
  }
  .seat-icon {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background: #17479c;
    color: #fff;
    font-size: 0;
  }
  .seat-icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .seat-guide .seat-icon::before {
    font-size: 16px;
  }
  .is-stop .seat-icon {
    border: 1px solid #17479c;
    background: #fff;
    color: #17479c;
  }
  .is-stop .seat-icon::before {
    content: "\e14b";
  }
  .is-sold .seat-icon {
    background: #a5a5a5;
  }
  .is-sold .seat-icon::before {
    content: "\e5cd";
  }
  .is-reserved .seat-icon {
    background: #818181;
  }
  .is-reserved .seat-icon::before {
    content: "\e86b";
  }
  .seat-stairs {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
  }
  .seat-stairs::before {
    content: "\f6e4";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .seat-guide .seat-stairs::before {
    font-size: 16px;
  }
  .seat-ticket {
    margin-top: 24px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .seat-ticket__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .seat-ticket__text {
    margin: 16px 0 0;
  }
  .seat-ticket-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
  }
  .seat-ticket-list__link {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    color: #17479c;
    text-decoration: none;
  }
  .seat-ticket-list__link::before {
    content: "\e157";
    position: absolute;
    top: -6px;
    left: 0;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  /* ------------------------------
    serial-code SP
  ------------------------------ */
  .serial-code-intro {
    margin-top: 32px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .serial-code-intro__heading {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .serial-code-intro__text {
    margin: 32px 0 0;
  }
  .serial-code-intro__text:first-child {
    margin-top: 0;
  }
  .serial-code-sub-text {
    margin: 12px 0 0;
    font-size: 14px;
  }
  .serial-code-text-list {
    margin: 8px 0 0;
    padding: 0 0 0 1em;
    list-style-type: none;
    text-indent: -1em;
  }
  .serial-code-text-list__item {
    margin-top: 8px;
  }
  .serial-code-text-list__item:first-child {
    margin-top: 0;
  }
  .serial-code-text-list__item::before {
    content: "・";
  }
  .serial-code-sub-text-list {
    margin: 4px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .serial-code-sub-text-list__item {
    padding-left: 1em;
    font-size: 14px;
    text-indent: -1em;
  }
  .serial-code-sub-text-list__item::before {
    content: "・";
  }
  .serial-code-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 24px;
    padding: 0 20px;
  }
  .serial-code-intro .serial-code-help {
    padding: 0;
  }
  .serial-code-list {
    margin: 32px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .serial-code-list__item {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .serial-code-list__item:first-child {
    margin-top: 0;
  }
  .serial-code-list__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .serial-code-list__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
  }
  .serial-code-list__bottom {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #a5a5a5;
  }
  .serial-code-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px 16px;
  }
  .serial-code-list__download {
    margin-top: 12px;
  }
  .serial-code-detail-list {
    margin: 20px 0 0;
  }
  .serial-code-detail-list:first-child {
    margin-top: 0;
  }
  .serial-code-detail-list__row {
    margin-top: 12px;
  }
  .serial-code-detail-list__row:first-child {
    margin-top: 0;
  }
  .serial-code-detail-list__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .serial-code-detail-list__desc {
    margin: 4px 0 0;
  }
  .serial-code-select {
    padding-top: 16px;
    border-top: 1px dashed #a5a5a5;
  }
  .serial-code-select__image {
    text-align: center;
  }
  .serial-code-select__image img {
    width: auto;
    height: 50px;
  }
  .serial-code-select__text {
    margin: 16px 0 0;
    font-size: 12px;
  }
  /* ------------------------------
    survey SP
  ------------------------------ */
  .survey-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 24px;
    padding: 0 20px;
  }
  .survey-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 0 20px;
  }
  .survey-bottom-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 12px 20px 20px;
  }
  .survey-head-checkbox {
    margin-top: 24px;
    padding: 0 20px;
  }
  .survey-summary-box {
    margin-top: 32px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .survey-summary-list {
    margin: 0;
  }
  .survey-summary-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #dedede;
  }
  .survey-summary-list__item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .survey-summary-list__title {
    font-size: 18px;
    font-weight: 700;
  }
  .survey-summary-list__data {
    margin: 0;
    font-weight: 700;
    text-align: end;
  }
  .survey-summary-list__number {
    margin-right: 4px;
    font-size: 24px;
  }
  .survey-summary-list__sub {
    display: block;
    font-size: 14px;
    font-weight: 400;
  }
  .survey-detail {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .survey-detail-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    padding: 0;
    list-style: none;
    counter-reset: q-counter;
  }
  .survey-detail-list__item {
    margin: 0;
    padding-top: 32px;
    border-top: 1px dashed #dedede;
  }
  .survey-detail-list__item:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .survey-detail-list__question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .survey-detail-list__question::before {
    content: counter(q-counter) ".";
    -ms-flex-negative: 0;
        flex-shrink: 0;
    counter-increment: q-counter;
  }
  .survey-detail-list__count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
    font-size: 14px;
  }
  .survey-detail-list__count-title::after {
    content: ":";
  }
  .survey-detail-list__count-data {
    margin: 0;
  }
  .survey-detail-list__graph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    max-height: 335px;
    margin-top: 24px;
  }
  .survey-detail-list__table-area {
    margin-top: 24px;
  }
  .survey-answer {
    margin-top: 24px;
  }
  .survey-answer__note-wrap {
    display: none;
    margin-top: 8px;
  }
  .survey-answer__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 16px;
  }
  .survey-answer__button {
    display: block;
    position: relative;
    padding: 0 0 0 24px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 0;
    background: transparent;
    color: #17479c;
  }
  .survey-answer__button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 12px;
    height: 2px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #17479c;
  }
  .survey-answer__button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 9px;
    width: 2px;
    height: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #17479c;
  }
  .is-open.survey-answer .survey-answer__button::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
  }
  .survey-answer-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .survey-answer-list__item {
    padding: 16px;
    background: #f5f5f5;
  }
  /* ------------------------------
    ticket SP
  ------------------------------ */
  .ticket-section {
    margin-top: 32px;
  }
  .ticket-section__text {
    margin: 0;
    padding: 0 20px;
  }
  .ticket-list-wrap {
    margin-top: 32px;
  }
  .ticket-list-heading {
    margin: 0;
    padding: 0 20px;
    font-size: 24px;
    font-weight: 700;
  }
  .ticket-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    margin: 12px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .ticket-list:first-child {
    margin-top: 0;
  }
  .ticket-list__item {
    padding-bottom: 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .ticket-list__head {
    padding: 20px 20px 12px;
    border-bottom: 1px solid #dedede;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
  }
  .ticket-list__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ticket-list__title {
    margin: 8px 0 0;
    font-weight: 700;
  }
  .ticket-list__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    border: 0;
    background: transparent;
    color: #818181;
  }
  .ticket-list__list {
    margin: 16px 0 0;
    padding: 8px 12px;
    background: #f5f5f5;
  }
  .ticket-list__list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .ticket-list__list-block:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .ticket-list__list-title {
    font-size: 14px;
  }
  .ticket-list__list-data {
    margin: 0;
    font-size: 14px;
  }
  .ticket-list__list-data span {
    font-size: 12px;
  }
  .ticket-child-list {
    margin-top: 20px;
    padding: 0 20px;
    list-style-type: none;
  }
  .ticket-child-list__item {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #dedede;
  }
  .ticket-child-list__item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .ticket-child-list__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 8px 0 0;
    padding: 8px 0;
    background: #f5f5f5;
  }
  .ticket-child-list__list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    padding: 0 8px;
    border-left: 1px solid #dedede;
    line-height: 1.1;
  }
  .ticket-child-list__list-block:first-child {
    border-left: 0;
  }
  .ticket-child-list__list-title {
    color: #818181;
    font-size: 14px;
  }
  .ticket-child-list__list-data {
    margin: 0;
  }
  .ticket-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    gap: 12px;
    margin-top: 4px;
    padding: 12px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #dedede;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);
            box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);
  }
  .ticket-card:first-child {
    margin-top: 0;
  }
  .ticket-card::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    width: 20px;
    height: 20px;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
  }
  .ticket-card.color01::after {
    background: transparent;
  }
  .ticket-card.color02::after {
    background: #000;
  }
  .ticket-card.color03::after {
    background: #0053e5;
  }
  .ticket-card.color04::after {
    background: #00d2e5;
  }
  .ticket-card.color05::after {
    background: #00a63d;
  }
  .ticket-card.color06::after {
    background: #67d916;
  }
  .ticket-card.color07::after {
    background: #ffd400;
  }
  .ticket-card.color08::after {
    background: #ff9121;
  }
  .ticket-card.color09::after {
    background: #f20000;
  }
  .ticket-card.color10::after {
    background: #ff66b2;
  }
  .ticket-card.color11::after {
    background: #ac00e5;
  }
  .ticket-card:has(:checked) {
    border-color: #17479c;
    background: #f5f9ff;
  }
  .ticket-card:has(:disabled) {
    border-color: #dedede;
    background: #f5f5f5;
    cursor: default;
  }
  .ticket-card__checkbox {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .ticket-card__inner {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .ticket-card__head {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
  }
  .ticket-card__title {
    grid-row: 1;
    margin: 0;
    font-size: 18px;
  }
  .ticket-card__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-row: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.1;
  }
  .ticket-card__list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .ticket-card__list-title::after {
    content: "：";
  }
  .ticket-card__list-data {
    margin: 0;
  }
  .ticket-card__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 2;
    grid-row: 1/span 2;
    margin-left: 10px;
  }
  .ticket-card__toggle {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .ticket-card__text {
    display: -webkit-box;
    max-height: 62px;
    margin: 0;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #818181;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    --max-height: 62;
  }
  .ticket-card__text.is-open {
    -webkit-line-clamp: inherit;
  }
  .ticket-card__more {
    display: block;
    position: relative;
    min-width: 76px;
    margin: 12px auto 0;
    padding: 0 0 0 16px;
    border: 0;
    opacity: 0;
    background: transparent;
    color: #17479c;
    font-size: 12px;
  }
  .ticket-card__more::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 2px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #17479c;
  }
  .ticket-card__more::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 2px;
    height: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #17479c;
  }
  .ticket-card__more.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
  }
  .ticket-card__link {
    display: block;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 8px 0 0 auto;
    padding: 0 0 0 18px;
    border: 0;
    background: transparent;
    color: #17479c;
    font-size: 12px;
    line-height: 1.5;
    text-decoration: none;
  }
  .ticket-card__link::before {
    content: "\e86c";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 16px;
  }
  .ticket-card__action {
    display: block;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 0 0 auto;
    padding: 0 0 0 24px;
    border: 0;
    background: transparent;
    color: #17479c;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: none;
  }
  .ticket-card__action::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .ticket-card__action.is-sold-out::before {
    content: "\e14b";
  }
  .ticket-card__action.is-resale::before {
    content: "\e638";
  }
  .ticket-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 8px;
  }
  .ticket-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 12px 20px 20px;
  }
  .ticket-reception-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px solid #dedede;
  }
  .ticket-reception-list__link {
    display: block;
    position: relative;
    padding: 24px 20px 24px 0;
    border-top: 1px solid #dedede;
    text-decoration: none;
  }
  .ticket-reception-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .ticket-reception-list__title {
    margin: 0;
    color: #191919;
    font-size: 18px;
    font-weight: 700;
  }
  .ticket-reception-list__list {
    margin: 16px 0 0;
  }
  .ticket-reception-list__list-block {
    margin-top: 16px;
  }
  .ticket-reception-list__list-block:first-child {
    margin-top: 0;
  }
  .ticket-reception-list__list-title {
    color: #191919;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .ticket-reception-list__list-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 4px 0 0;
    color: #191919;
    font-size: 14px;
    gap: 0 4px;
  }
  .ticket-lottery-message {
    margin-top: 12px;
  }
  .ticket-color-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .ticket-color {
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    cursor: pointer;
  }
  .ticket-color.color02 {
    background: #000;
  }
  .ticket-color.color03 {
    background: #0053e5;
  }
  .ticket-color.color04 {
    background: #00d2e5;
  }
  .ticket-color.color05 {
    background: #00a63d;
  }
  .ticket-color.color06 {
    background: #67d916;
  }
  .ticket-color.color07 {
    background: #ffd400;
  }
  .ticket-color.color08 {
    background: #ff9121;
  }
  .ticket-color.color09 {
    background: #f20000;
  }
  .ticket-color.color10 {
    background: #ff66b2;
  }
  .ticket-color.color11 {
    background: #ac00e5;
  }
  .ticket-color__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .ticket-color__label {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 0;
  }
  .ticket-color__label::before {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 5px;
    opacity: 0;
  }
  .ticket-color__label::after {
    content: "\e5ca";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    color: #fff;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .ticket-color__input:checked + .ticket-color__label::before, .ticket-color__input:checked + .ticket-color__label::after {
    opacity: 1;
  }
  .ticket-drawer-content {
    margin: 0 -20px;
    padding-top: 16px;
    background: #fff;
  }
  .ticket-drawer-content__text {
    margin: 0;
    padding: 0 20px;
  }
  /* ------------------------------
    statement SP
  ------------------------------ */
  .statement-list-area {
    margin-top: 32px;
  }
  .statement-list {
    margin: 0;
    padding: 12px 20px;
    list-style-type: none;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .statement-list__item {
    border-bottom: 1px solid #dedede;
  }
  .statement-list__item:last-child {
    border-bottom: 0;
  }
  .statement-list__link {
    display: block;
    padding: 20px 0;
    color: #191919;
    text-decoration: none;
  }
  .statement-list__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .statement-list__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .statement-list__list--update {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 16px 0 0;
  }
  .statement-list__list-title::after {
    content: "：";
  }
  .statement-list__list-data {
    margin: 0;
    font-size: 12px;
  }
  .statement-list__title {
    display: -webkit-box;
    margin: 8px 0 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .statement-list__date {
    margin: 16px 0 0;
  }
  .statement-list__date-title {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .statement-list__date-data {
    margin: 4px 0 0;
    font-size: 14px;
  }
  .statement-list__date-data span {
    display: inline-block;
  }
  .statement-list__button {
    display: block;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 16px 0 0 auto;
    padding-right: 24px;
    color: #17479c;
  }
  .statement-list__button::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #17479c;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 20px;
  }
  .statement-list-detail {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 16px 0 0;
    border: 1px solid #f0f6ff;
  }
  .statement-list-detail__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    padding: 8px 12px;
    background: #f5f9ff;
    font-size: 14px;
  }
  .statement-list-detail__block:nth-child(2n) {
    background: #fff;
  }
  .statement-list-detail__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .statement-list-detail__title {
    width: 40%;
    min-width: auto;
    font-weight: 700;
  }
  .statement-list-detail__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
    word-break: break-all;
  }
  .statement-list-detail__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .statement-event-info {
    margin-top: 32px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .statement-event-info__title {
    display: inline-block;
    position: relative;
    padding-right: 28px;
    color: #191919;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
  }
  .statement-event-info__title::after {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 20px;
    font-weight: 400;
  }
  .statement-event-info__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
    line-height: 1.1;
  }
  .statement-event-info__id-title::after {
    content: "：";
  }
  .statement-event-info__id-data {
    margin: 0;
  }
  .statement-event-info__date {
    margin: 16px 0 0;
  }
  .statement-event-info__date-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .statement-event-info__date-data {
    margin: 4px 0 0;
  }
  .statement-section {
    margin-top: 16px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .statement-section__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    font-size: 24px;
    gap: 8px;
  }
  .statement-summary-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 32px 0 0;
    padding: 8px 12px;
    background: #f5f5f5;
    gap: 12px;
  }
  .statement-summary-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 12px;
    border-top: 1px dashed #a5a5a5;
  }
  .statement-summary-list__block:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .statement-summary-list__block--sub .statement-summary-list__title {
    font-size: 14px;
  }
  .statement-summary-list__data {
    margin-left: 0;
    font-size: 14px;
    font-weight: 700;
  }
  .statement-summary-list__block--sub .statement-summary-list__data {
    font-size: 12px;
    font-weight: 400;
  }
  .statement-summary-list__data span {
    margin-right: 4px;
    font-size: 18px;
  }
  .statement-summary-list__block--sub .statement-summary-list__data span {
    font-size: 14px;
  }
  .statement-date-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 24px 0 0;
    border: 1px solid #f0f6ff;
  }
  .statement-date-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    padding: 8px 12px;
    background: #f5f9ff;
    font-size: 14px;
  }
  .statement-date-list__block:nth-child(2n) {
    background: #fff;
  }
  .statement-date-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .statement-date-list__title {
    width: 40%;
    min-width: auto;
    font-weight: 700;
  }
  .statement-date-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
    word-break: break-all;
  }
  .statement-date-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .statement-date-list__button {
    display: block;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 4px 0 0 auto;
    padding: 0 18px 0 0;
    border: 0;
    background: 0;
    color: #17479c;
    font-size: 12px;
    line-height: 1.1;
  }
  .statement-date-list__button::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #17479c;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 16px;
  }
  .statement-number {
    display: block;
    margin-top: 16px;
    color: #818181;
    font-size: 12px;
    text-align: right;
  }
  .statement-link-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  /* ------------------------------
    black-list SP
  ------------------------------ */
  .black-list-intro {
    margin-top: 32px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .black-list-intro__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .black-list-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin: 8px 0 0;
  }
  .black-list-date__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px;
  }
  .black-list-date__block:first-child {
    margin-top: 0;
  }
  .black-list-date__title {
    font-size: 14px;
  }
  .black-list-date__title::after {
    content: "：";
  }
  .black-list-date__data {
    margin: 0;
    font-size: 14px;
  }
  .black-list-step {
    margin: 0;
    padding-left: 24px;
  }
  .black-list-step__item {
    margin-top: 8px;
  }
  .black-list-step__item:first-child {
    margin-top: 0;
  }
  /* ------------------------------
    inquiry SP
  ------------------------------ */
  .inquiry-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .inquiry-list__link {
    display: block;
    position: relative;
    padding: 20px 36px 20px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    color: #191919;
    text-decoration: none;
  }
  .inquiry-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .inquiry-list__title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 4px;
    margin: 8px 0 0;
  }
  .inquiry-list__title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font-size: 18px;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .inquiry-list__number {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 24px;
    height: 24px;
    padding: 6px 4px 8px;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
  }
  .inquiry-list__number::before {
    content: "\e0ca";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    font-variation-settings: "FILL" 1;
  }
  .inquiry-list__event-name {
    display: -webkit-box;
    margin: 4px 0 0;
    overflow: hidden;
    color: #818181;
    font-size: 14px;
    line-height: 1.1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .inquiry-list__desc {
    display: -webkit-box;
    margin: 12px 0 0;
    padding-top: 12px;
    overflow: hidden;
    border-top: 1px dashed #dedede;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .inquiry-list__reply-box {
    margin-top: 8px;
    padding: 12px 8px;
    background: #f5f5f5;
  }
  .inquiry-list__reply {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #818181;
    font-size: 14px;
  }
  .inquiry-list__date {
    margin: 16px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .inquiry-list__date-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 6px;
  }
  .inquiry-list__date-block:first-child {
    margin-top: 0;
  }
  .inquiry-list__date-block--em .inquiry-list__date-title {
    font-weight: 700;
  }
  .inquiry-list__date-title::after {
    content: "：";
  }
  .inquiry-list__date-data {
    margin: 0;
  }
  .inquiry-list__date-block--em .inquiry-list__date-data {
    font-weight: 700;
  }
  .inquiry-detail-head {
    margin-top: 32px;
    padding: 24px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .inquiry-detail-head__title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .inquiry-detail-head__link {
    display: inline-block;
    margin-top: 8px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    color: #17479c;
    font-size: 16px;
    text-decoration: none;
  }
  .inquiry-detail-list {
    margin: 16px 0 0;
    padding: 0 20px;
    list-style-type: none;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .inquiry-detail-list__item {
    border-top: 1px solid #dedede;
  }
  .inquiry-detail-list__item:first-child {
    padding-bottom: 20px;
    border-top: 0;
  }
  .inquiry-detail-list__toggle {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 36px 20px 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
  }
  .inquiry-detail-list__item.is-open .inquiry-detail-list__toggle {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .inquiry-detail-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    color: #818181;
  }
  .inquiry-detail-list__name {
    display: -webkit-box;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    overflow: hidden;
    color: #191919;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .inquiry-detail-list__item.is-open .inquiry-detail-list__name {
    display: block;
  }
  .inquiry-detail-list__date {
    display: block;
    margin-top: 8px;
    color: #818181;
    font-size: 14px;
  }
  .inquiry-detail-list__icon {
    position: absolute;
    top: 20px;
    right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 28px;
    height: 28px;
    padding: 4px;
    border: 1px #17479c solid;
    border-radius: 2px;
  }
  .inquiry-detail-list__icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #17479c;
  }
  .inquiry-detail-list__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #17479c;
  }
  .inquiry-detail-list__item.is-open .inquiry-detail-list__icon::after, .inquiry-detail-list__toggle:has(.is-open) .inquiry-detail-list__icon::after {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
            transform: translate(-50%, -50%) rotate(-90deg);
  }
  .inquiry-detail-list__panel {
    display: none;
    padding-bottom: 20px;
  }
  .inquiry-detail-list__panel.is-open {
    display: block;
  }
  .inquiry-detail-list__text {
    margin: 0;
  }
  .inquiry-detail-list__toggle-text {
    display: -webkit-box;
    position: relative;
    max-height: 120px;
    margin: 0;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    --max-height: 120;
  }
  .inquiry-detail-list__toggle-text.is-open {
    -webkit-line-clamp: inherit;
  }
  .inquiry-detail-list__button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    opacity: 0;
    background: transparent;
    font-size: 0;
  }
  .inquiry-detail-form {
    border-top: 1px solid #dedede;
  }
  .inquiry-detail-form--confirm {
    margin-top: 12px;
    border-top: 0;
  }
  .inquiry-detail-form__block {
    padding: 32px 20px;
    background: #fff;
  }
  .inquiry-detail-form--confirm .inquiry-detail-form__block {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .inquiry-detail-form__label {
    display: block;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .inquiry-detail-form__field {
    margin-top: 12px;
  }
  /* ------------------------------
    refund SP
  ------------------------------ */
  .refund-top-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 24px;
    padding: 0 20px;
  }
  .refund-section {
    margin-top: 8px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .refund-section + .refund-section {
    margin-top: 12px;
  }
  .refund-section__text {
    margin: 32px 0 0;
  }
  .refund-section__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 16px;
  }
  .heading02 + .refund-section__message {
    margin-top: 32px;
  }
  .refund-section__note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
  }
  .refund-section__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .refund-child-section {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #dedede;
  }
  .refund-child-section__text {
    margin: 8px 0 0;
  }
  .heading04 + .refund-child-section__text {
    margin-top: 20px;
  }
  .refund-child-section__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 8px;
  }
  .refund-text-list {
    margin: 8px 0 0;
    padding: 0;
    padding-left: 1em;
    list-style: none;
    text-indent: -1em;
  }
  .heading02 + .refund-text-list {
    margin-top: 16px;
  }
  .refund-text-list__item::before {
    content: "・";
  }
  .refund-note-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
    gap: 8px;
  }
  .refund-note-list:first-child {
    margin-top: 0;
  }
  .refund-note-list__item {
    position: relative;
    padding-left: 18px;
  }
  .refund-note-list__item::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
  }
  .refund-payment-list {
    margin: 24px 0 0;
    border: 1px solid #dedede;
  }
  .refund-payment-list__title {
    padding: 8px 12px;
    background: #818181;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
  }
  .refund-payment-list__data {
    margin: 0;
    padding: 8px 16px;
    background: #fff;
    font-size: 14px;
  }
  .refund-caution {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 32px 0 0;
    padding: 0;
    list-style-type: none;
    gap: 20px;
  }
  .refund-caution__item {
    padding-top: 20px;
    border-top: 1px dashed #818181;
    font-weight: 700;
  }
  .refund-caution__item:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .refund-caution__text-sub {
    display: block;
    margin-top: 16px;
    font-size: 14px;
    font-weight: 400;
  }
  .refund-caution__help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
  }
  .refund-list {
    margin: 0;
    padding: 32px 20px;
    list-style-type: none;
    background: #fff;
  }
  .refund-list--arrow {
    margin-top: 32px;
    padding: 0;
  }
  .refund-list__item {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #a5a5a5;
  }
  .refund-list__item:first-child {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .heading02 + .refund-list__item {
    padding-top: 0;
    border-top: 0;
  }
  .refund-list__link {
    display: block;
    position: relative;
    color: #191919;
    text-decoration: none;
  }
  .refund-list--arrow .refund-list__link {
    margin-right: -12px;
    padding-right: 28px;
  }
  .refund-list--arrow .refund-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .refund-list__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .refund-list__number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    margin: 0;
  }
  .refund-list__number-title::after {
    content: ":";
    display: inline-block;
    margin-left: 2px;
  }
  .refund-list__number-data {
    margin: 0;
  }
  .refund-list__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 4px 0 0;
  }
  .refund-list__id-title {
    color: #818181;
    font-size: 12px;
  }
  .refund-list__id-title::after {
    content: "：";
  }
  .refund-list__id-data {
    margin: 0;
    color: #818181;
    font-size: 12px;
  }
  .refund-list__title {
    display: -webkit-box;
    margin: 8px 0 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .refund-list__date {
    margin-top: 16px;
    margin-bottom: 0;
  }
  .refund-list__date-title {
    font-size: 12px;
    font-weight: 700;
  }
  .refund-list__date-data {
    margin: 0;
    font-size: 14px;
  }
  .refund-list__date-data span {
    display: inline-block;
  }
  .refund-list__table {
    margin: 8px 0 0;
    padding: 8px 12px;
    background: #f5f5f5;
  }
  .refund-list__table-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #a5a5a5;
  }
  .refund-list__table-block:first-child {
    margin-top: 0;
    padding-top: 0;
    border: 0;
  }
  .refund-list__table-title {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 120px;
  }
  .refund-list__table-block--sub .refund-list__table-title {
    font-size: 14px;
  }
  .refund-list__table-data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
  }
  .refund-list__table-block--sub .refund-list__table-data {
    font-size: 14px;
    font-weight: 400;
  }
  .refund-list__table-data span {
    display: inline-block;
    margin-right: 4px;
    font-size: 18px;
  }
  .refund-list__button {
    position: relative;
    margin: 16px 0 0;
    padding-right: 25px;
    color: #17479c;
    text-align: right;
  }
  .refund-list__button::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .refund-list__message {
    margin-top: 8px;
  }
  .refund-event-info {
    margin-top: 32px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .refund-event-info:has(+ .form__section) {
    margin-top: 12px;
  }
  .refund-event-info__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 32px 0 0;
    line-height: 1.1;
  }
  .refund-event-info__id-title::after {
    content: "：";
  }
  .refund-event-info__id-data {
    margin: 0;
  }
  .refund-event-info__title {
    margin: 12px 0 0;
    font-weight: 700;
  }
  .refund-event-info__date {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.1;
  }
  .refund-event-info__link {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .refund-table-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0;
    border: 1px solid #f0f6ff;
  }
  .refund-table-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    padding: 8px 12px;
    background: #f5f9ff;
    font-size: 14px;
  }
  .refund-table-list__block:nth-child(2n) {
    background: #fff;
  }
  .refund-table-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .refund-table-list__title {
    width: 40%;
    min-width: auto;
    font-weight: 700;
  }
  .refund-table-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
    word-break: break-all;
  }
  .refund-table-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .refund-detail {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .refund-detail__list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 0 4px;
    line-height: 1.1;
  }
  .refund-detail__list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .refund-detail__list-title::after {
    content: "：";
  }
  .refund-detail__list-data {
    margin: 0;
  }
  .refund-detail__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 32px 0 0 auto;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .refund-detail__date + .refund-detail__date {
    margin-top: 6px;
  }
  .refund-detail__date-title::after {
    content: "：";
  }
  .refund-detail__date-data {
    margin: 0;
  }
  .refund-detail__table {
    margin: 8px 0 0;
    padding: 12px 8px;
    background: #f5f5f5;
  }
  .refund-detail__table-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #a5a5a5;
  }
  .refund-detail__table-block:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .refund-detail__table-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 14px;
  }
  .refund-detail__table-data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    text-align: end;
  }
  .refund-detail__table-data span {
    margin-right: 4px;
    font-size: 18px;
  }
  .refund-detail__section {
    margin-top: 32px;
  }
  .refund-detail__message {
    margin: 12px 0 0;
    padding: 16px;
    background: #f5f5f5;
  }
  .refund-info {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #dedede;
  }
  .heading02 + .refund-info {
    margin-top: 32px;
  }
  .refund-info:first-child {
    margin-top: 0;
  }
  .refund-info:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .refund-info__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .refund-info__data {
    margin: 12px 0 0;
  }
  .refund-download {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #dedede;
    text-align: center;
  }
  .refund-download:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .refund-download__text {
    margin: 0 0 12px;
    font-weight: 700;
    text-align: start;
  }
  /* ------------------------------
    admission SP
  ------------------------------ */
  .admission-content {
    margin-top: 52px;
  }
  .admission-content__heading {
    margin: 0;
    padding: 0 20px;
    font-size: 24px;
  }
  .admission-content__text {
    margin: 8px 0 0;
    padding: 0 20px;
  }
  .admission-content__text:first-child {
    margin-top: 0;
  }
  .admission-section {
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .admission-section__block-wrap {
    margin-top: 32px;
  }
  .admission-section__block {
    padding: 32px 0;
    border-top: 1px dashed #a5a5a5;
  }
  .admission-section__block:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .admission-section__block:last-child {
    padding-bottom: 0;
  }
  .admission-section__table {
    margin-top: 16px;
  }
  .admission-section__text {
    margin: 32px 0 0;
  }
  .admission-section__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 32px;
  }
  .admission-event-date {
    margin: 24px 0 0;
  }
  .admission-event-date__block {
    margin-top: 16px;
  }
  .admission-event-date__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .admission-event-date__data {
    margin: 4px 0 0;
  }
  .admission-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #f0f6ff;
  }
  .admission-table__head {
    background: #17479c;
    color: #fff;
    font-size: 14px;
    text-align: left;
  }
  .admission-table__title {
    padding: 8px 5px;
    font-size: 14px;
    font-weight: 700;
  }
  .admission-table__body tr:nth-child(odd) .admission-table__title {
    background: #f5f9ff;
  }
  .admission-table__title:first-child {
    padding-left: 12px;
  }
  .admission-table__title:last-child {
    padding-right: 12px;
  }
  .admission-table__data {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    padding: 8px 5px;
    background: #fff;
    font-size: 14px;
    text-align: right;
  }
  .admission-table__body tr:nth-child(odd) .admission-table__data {
    background: #f5f9ff;
  }
  .admission-table__data:first-child {
    padding-left: 12px;
  }
  .admission-table__data:last-child {
    padding-right: 12px;
  }
  .admission-table__foot {
    border-top: 1px solid #17479c;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
  }
  .admission-flow {
    margin: 24px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .admission-flow__item::after {
    content: "\e313";
    display: block;
    margin: 4px 0;
    color: #a5a5a5;
    text-align: center;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 32px;
  }
  .admission-flow__item:last-child::after {
    content: none;
  }
  .admission-flow__title {
    margin: 0;
    padding: 12px 16px;
    background: #f5f5f5;
    font-size: 16px;
  }
  .admission-flow__content {
    padding: 16px;
    border: 1px solid #dedede;
    border-top: 0;
  }
  .admission-flow__section {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #a5a5a5;
  }
  .admission-flow__section-title {
    margin: 16px 0 0;
    font-size: 16px;
  }
  .admission-flow__section-title:first-child {
    margin-top: 0;
  }
  .admission-flow__text {
    margin: 8px 0 0;
  }
  .admission-flow__text:first-child {
    margin-top: 0;
  }
  .admission-flow__image {
    width: 212px;
    margin: 8px auto 0;
  }
  .admission-flow__image img {
    width: 100%;
  }
  .admission-app {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #a5a5a5;
  }
  .admission-app:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .admission-app__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
  }
  .admission-app__title {
    margin: 0;
    font-size: 16px;
  }
  .admission-app__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 56px;
  }
  .admission-app__image img {
    width: 100%;
  }
  .admission-app__manual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 32px;
  }
  .admission-app-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    margin-top: 16px;
  }
  .admission-app-button__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  .admission-app-button__qr {
    display: none;
  }
  .admission-app-button__text {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
  }
  .admission-app-button__button {
    height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
  }
  .admission-app-button__button img {
    height: 100%;
  }
  .admission-assistant {
    margin-top: 24px;
  }
  .admission-assistant__title {
    margin: 0;
    font-size: 18px;
  }
  .admission-assistant__box {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: 0 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 16px;
  }
  .admission-assistant__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px;
    border: 1px solid #dedede;
    background: #fff;
    gap: 4px;
  }
  .admission-assistant__qr {
    width: 72px;
  }
  .admission-assistant__qr img {
    width: 100%;
  }
  .admission-assistant__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #17479c;
    font-size: 12px;
  }
  .admission-assistant__text {
    margin: 0;
  }
  .admission-assistant__help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 1/span 2;
    grid-row: 2;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 8px;
  }
  .admission-ticket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 24px 0 0;
    padding: 0;
    list-style-type: none;
    gap: 12px;
  }
  .admission-ticket__item {
    padding-bottom: 12px;
    border-bottom: 1px solid #dedede;
  }
  .admission-ticket__item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .admission-ticket__name {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #17479c;
    text-decoration: none;
  }
  .admission-faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 32px 0 0;
    padding: 0;
    list-style-type: none;
    gap: 20px;
  }
  .admission-faq__item {
    padding-top: 20px;
    border-top: 1px solid #dedede;
  }
  .admission-faq__item:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .admission-faq__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #17479c;
    text-decoration: none;
  }
  .admission-app-section {
    margin-top: 32px;
    padding: 0 20px;
  }
  .admission-slider-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .admission-slider-control__prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 4px;
    background: #fff;
    color: #17479c;
    font-size: 14px;
    cursor: pointer;
  }
  .admission-slider-control__prev::before {
    content: "\e314";
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #17479c;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 20px;
  }
  .admission-slider-control__prev.swiper-button-disabled {
    color: #a5a5a5;
    pointer-events: none;
  }
  .admission-slider-control__prev.swiper-button-disabled::before {
    color: #a5a5a5;
  }
  .admission-slider-control__next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 4px;
    background: #fff;
    color: #17479c;
    font-size: 14px;
    cursor: pointer;
  }
  .admission-slider-control__next::after {
    content: "\e315";
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #17479c;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 20px;
  }
  .admission-slider-control__next.swiper-button-disabled {
    color: #a5a5a5;
    pointer-events: none;
  }
  .admission-slider-control__next.swiper-button-disabled::after {
    color: #a5a5a5;
  }
  .admission-slider-control__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
  }
  .admission-slider-control__pagination span {
    font-size: 14px;
  }
  .admission-drawer {
    display: none;
    position: fixed;
    z-index: 8;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #fff;
  }
  .admission-drawer.is-open {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .admission-drawer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100dvh;
    overflow: hidden;
  }
  .admission-drawer__head {
    position: relative;
    padding: 20px 20px 0;
  }
  .admission-drawer__title {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
  }
  .admission-drawer__sample {
    margin: 20px -20px 0;
    padding: 8px 12px;
    background: #ffeec2;
    color: #dc6e00;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
  }
  .admission-drawer__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .admission-drawer__close::before {
    content: "\e5cd";
    position: absolute;
    top: 0;
    right: 0;
    color: #818181;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 32px;
  }
  .admission-drawer__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: auto;
    /* スクロールバー非表示（IE・Edge） */
    -ms-overflow-style: none;
    /* スクロールバー非表示（Firefox） */
    scrollbar-width: none;
    /* スクロールバー非表示（Chrome・Safari） */
  }
  .admission-drawer__body::-webkit-scrollbar {
    display: none;
  }
  .admission-drawer__content {
    overflow: hidden;
  }
  .admission-drawer__content .swiper-notification {
    display: none;
  }
  .admission-drawer__bottom {
    padding: 16px 10px;
    border-top: 1px solid #dedede;
    background: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  }
  .admission-drawer__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 24px;
  }
  .admission-text-alert {
    position: relative;
    margin: 0 0 8px;
    padding-left: 24px;
    color: #ce1651;
    font-size: 14px;
  }
  .admission-checkbox {
    display: block;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .admission-checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .admission-checkbox__text {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    color: #191919;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
  }
  .admission-checkbox__input:disabled + .admission-checkbox__text {
    color: #818181;
    pointer-events: none;
  }
  .admission-checkbox__text::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 1px solid #08b5ae;
    border-radius: 4px;
    background: #fff;
  }
  .admission-checkbox__input.is-error + .admission-checkbox__text::before {
    border-color: #ce1651;
    background: #ffe8ef;
  }
  .admission-checkbox--block .is-error + .admission-checkbox__text::before {
    background: #fff;
  }
  .admission-checkbox__text::after {
    content: "\e5ca";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    color: #08b5ae;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 20px;
  }
  .admission-checkbox__input:checked + .admission-checkbox__text::after {
    opacity: 1;
  }
  #ticket-sample .heading02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: 700;
  }
  #ticket-sample .list-dot {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #ticket-sample .list-dot__item {
    padding-left: 1.2em;
    text-indent: -1.2em;
  }
  #ticket-sample .list-dot__item::before {
    content: "・";
    margin-right: 0.2em;
  }
  #ticket-sample .text-link {
    position: relative;
    padding-right: 20px;
    color: #a5a5a5;
    text-align: right;
    text-decoration: none;
    word-break: break-all;
  }
  #ticket-sample .text-link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 20px;
  }
  #ticket-sample .my-ticket {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
  }
  #ticket-sample .my-ticket__content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 -20px 40px;
    padding: 24px 20px;
    background: #f5f5f5;
  }
  #ticket-sample .my-ticket__notice {
    margin-bottom: 40px;
  }
  #ticket-sample .my-ticket-summary {
    padding: 24px;
    border-radius: 16px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  }
  #ticket-sample .my-ticket-summary__title {
    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
  }
  #ticket-sample .my-ticket-summary__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #191919;
    text-decoration: none;
    gap: 4px;
  }
  #ticket-sample .my-ticket-summary__link::after {
    content: "\e315";
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #191919;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 24px;
    font-weight: 400;
  }
  #ticket-sample .my-ticket-summary-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    gap: 8px;
  }
  #ticket-sample .my-ticket-summary-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  #ticket-sample .my-ticket-summary-list__block:last-child {
    margin-bottom: 0;
  }
  #ticket-sample .my-ticket-summary-list__title span {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    font-size: 0;
  }
  #ticket-sample .my-ticket-summary-list__title span::before {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #191919;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 24px;
  }
  #ticket-sample .my-ticket-summary-list__data {
    width: 100%;
    margin: 0;
  }
  #ticket-sample .my-ticket-summary-list__data span {
    display: block;
  }
  #ticket-sample .my-ticket-summary-list__date::before {
    content: "\e878";
  }
  #ticket-sample .my-ticket-summary-list__time::before {
    content: "\e8b5";
  }
  #ticket-sample .my-ticket-summary-list__place::before {
    content: "\e0c8";
  }
  #ticket-sample .my-ticket-summary-list__sub-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #ticket-sample .my-ticket-summary-list-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    color: #818181;
    font-size: 14px;
    gap: 0 4px;
  }
  #ticket-sample .my-ticket-summary-list-time--large {
    color: #191919;
    font-size: 16px;
  }
  #ticket-sample .my-ticket-summary-list-time__date {
    margin: 0;
  }
  #ticket-sample .my-ticket-info {
    position: relative;
    padding: 24px;
    border-radius: 16px;
    background: #fff;
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08);
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08);
  }
  #ticket-sample .my-ticket-info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 22px);
    height: 16px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: #fff;
    background-image: radial-gradient(circle, #dedede 4px, transparent 4px);
    background-repeat: repeat-x;
    background-position: center center;
    background-size: 16px 16px;
  }
  #ticket-sample .my-ticket-info__block {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #a5a5a5;
  }
  #ticket-sample .my-ticket-info__block:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  #ticket-sample .my-ticket-info__box {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #a5a5a5;
  }
  #ticket-sample .my-ticket-info__name {
    font-weight: 700;
  }
  #ticket-sample .my-ticket-info__number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    color: #818181;
  }
  #ticket-sample .my-ticket-info__number-title::after {
    content: "：";
  }
  #ticket-sample .my-ticket-info__number-data {
    margin: 0;
  }
  #ticket-sample .my-ticket-info__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
  #ticket-sample .my-ticket-info__list-title {
    padding-top: 1.5px;
    font-size: 12px;
    white-space: nowrap;
  }
  #ticket-sample .my-ticket-info__list-title::after {
    content: "‖";
    margin: 0 4px;
  }
  #ticket-sample .my-ticket-info__list-data {
    margin: 0;
    font-size: 14px;
    word-break: break-all;
  }
  #ticket-sample .my-ticket-info__title {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 700;
  }
  #ticket-sample .my-ticket-info__type {
    margin: 0 0 16px;
  }
  #ticket-sample .my-ticket-info__type-title {
    margin-bottom: 4px;
    font-size: 14px;
  }
  #ticket-sample .my-ticket-info__type-data {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
  }
  #ticket-sample .my-ticket-info__sub-text {
    margin: 0;
    color: #818181;
    font-size: 14px;
  }
  #ticket-sample .my-ticket-qr {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 300px;
    margin: 0 auto 24px;
    padding: 18px;
    border: 1px solid #dedede;
    background: #fff;
  }
  #ticket-sample .my-ticket-qr.color01 {
    background: transparent;
  }
  #ticket-sample .my-ticket-qr.color02 {
    background: #000;
  }
  #ticket-sample .my-ticket-qr.color03 {
    background: #0053e5;
  }
  #ticket-sample .my-ticket-qr.color04 {
    background: #00d2e5;
  }
  #ticket-sample .my-ticket-qr.color05 {
    background: #00a63d;
  }
  #ticket-sample .my-ticket-qr.color06 {
    background: #67d916;
  }
  #ticket-sample .my-ticket-qr.color07 {
    background: #ffd400;
  }
  #ticket-sample .my-ticket-qr.color08 {
    background: #ff9121;
  }
  #ticket-sample .my-ticket-qr.color09 {
    background: #f20000;
  }
  #ticket-sample .my-ticket-qr.color10 {
    background: #ff66b2;
  }
  #ticket-sample .my-ticket-qr.color11 {
    background: #ac00e5;
  }
  #ticket-sample .my-ticket-qr__inner {
    padding: 15px;
    background: #fff;
  }
  #ticket-sample .my-ticket-qr__image img {
    width: 100%;
    height: auto;
  }
  #ticket-sample .my-ticket-text-link {
    display: block;
    margin-top: 8px;
  }
  #ticket-sample .my-ticket-promoter {
    margin: 0 -20px;
    padding: 24px 20px;
    background: #f5f5f5;
  }
  #ticket-sample .my-ticket-promoter__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
  }
  #ticket-sample .my-ticket-promoter__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 120px;
    height: 120px;
  }
  #ticket-sample .my-ticket-promoter__image img {
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    background-color: #fff;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #ticket-sample .my-ticket-promoter__title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    font-size: 16px;
  }
  #ticket-sample .my-ticket-promoter__text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #modal-online-ticket .my-ticket-online__inner {
    margin-bottom: 40px;
    padding: 24px 20px;
    background: #f5f5f5;
  }
  #modal-online-ticket .my-ticket-online__summary {
    padding: 24px 20px;
    border-radius: 16px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  }
  #modal-online-ticket .my-ticket-online__title {
    margin: 0 0 16px;
    font-weight: 700;
    line-height: 1.5;
  }
  #modal-online-ticket .my-ticket-online__text {
    margin: 0 0 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #a5a5a5;
  }
  #modal-online-ticket .my-ticket-online__text:last-child {
    margin: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  #modal-online-ticket .my-ticket-online__box {
    position: relative;
    padding: 24px 20px;
    border-radius: 16px;
    background: #fff;
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08);
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08);
  }
  #modal-online-ticket .my-ticket-online__box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 22px);
    height: 16px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: #fff;
    background-image: radial-gradient(circle, #dedede 4px, transparent 4px);
    background-repeat: repeat-x;
    background-position: center center;
    background-size: 16px 16px;
  }
  #modal-online-ticket .my-ticket-online__info {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #a5a5a5;
  }
  #modal-online-ticket .my-ticket-online__info:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  #modal-online-ticket .my-ticket-online__info-box {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #a5a5a5;
  }
  #modal-online-ticket .my-ticket-online__name {
    font-weight: 700;
  }
  #modal-online-ticket .my-ticket-online__number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
  #modal-online-ticket .my-ticket-online__number-title {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #818181;
  }
  #modal-online-ticket .my-ticket-online__number-title::after {
    content: "：";
  }
  #modal-online-ticket .my-ticket-online__number-data {
    margin: 0;
    color: #818181;
  }
  #modal-online-ticket .my-ticket-online__ticket-name {
    margin: 0 0 16px;
    font-weight: 700;
    line-height: 1.5;
  }
  #modal-online-ticket .my-ticket-online__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 4px;
  }
  #modal-online-ticket .my-ticket-online__list:last-child {
    margin-bottom: 0;
  }
  #modal-online-ticket .my-ticket-online__list-title {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-top: 1px;
    font-size: 12px;
    line-height: 1.5;
    white-space: nowrap;
  }
  #modal-online-ticket .my-ticket-online__list-title::after {
    content: "‖";
    margin: 0 4px;
  }
  #modal-online-ticket .my-ticket-online__list-data {
    margin: 0;
    font-size: 14px;
    word-break: break-all;
  }
  #modal-online-ticket .my-ticket-online__sub-text {
    margin: 0;
    color: #818181;
    font-size: 14px;
  }
  #modal-online-ticket .my-ticket-online__sub-text br {
    visibility: hidden;
  }
  #modal-online-ticket .my-ticket-online__promoter {
    margin: 0;
    padding: 0 20px;
  }
  #modal-online-ticket .my-ticket-online__promoter-title {
    margin: 0 0 16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
  }
  #modal-online-ticket .my-ticket-online-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    gap: 4px;
  }
  #modal-online-ticket .my-ticket-online-info__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  #modal-online-ticket .my-ticket-online-info__block:last-child {
    margin-bottom: 0;
  }
  #modal-online-ticket .my-ticket-online-info__title {
    width: 22px;
    height: 22px;
  }
  #modal-online-ticket .my-ticket-online-info__title span {
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    font-size: 0;
  }
  #modal-online-ticket .my-ticket-online-info__title span::before {
    position: absolute;
    top: -4px;
    left: 0;
    height: 22px;
    color: #191919;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 22px;
  }
  #modal-online-ticket .my-ticket-online-info__data {
    width: 100%;
    margin: 0;
  }
  #modal-online-ticket .my-ticket-online-info__data span {
    display: block;
  }
  #modal-online-ticket .my-ticket-online-info__date::before {
    content: "\e878";
  }
  #modal-online-ticket .my-ticket-online-info__time::before {
    content: "\e8b5";
  }
  #modal-online-ticket .my-ticket-online-info__sub-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #modal-online-ticket .my-ticket-online-info-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    color: #818181;
    font-size: 14px;
    gap: 0 4px;
  }
  #modal-online-ticket .my-ticket-online-info-time--large {
    color: #191919;
    font-size: 16px;
  }
  #modal-online-ticket .my-ticket-online-info-time__date {
    margin: 0;
  }
  #modal-online-ticket .online-modal-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-height: 54px;
    padding: 14px 8px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid transparent;
    border-radius: 2px;
    background: #08b5ae;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
  }
  #modal-online-ticket .online-modal-button-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-height: 54px;
    padding: 14px 8px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid transparent;
    border-radius: 2px;
    background: #fff;
    color: #08b5ae;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    border: 1px solid #08b5ae;
  }
  .admission-drawer__body .simplebar-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  /* ------------------------------
    staff SP
  ------------------------------ */
  .staff-list {
    margin: 32px 0 0;
    padding: 12px 20px;
    list-style-type: none;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .staff-section .staff-list {
    margin-top: 0;
    padding: 0;
  }
  .staff-list__item {
    padding: 20px 0;
    border-top: 1px solid #dedede;
  }
  .staff-list__item:first-child {
    border-top: 0;
  }
  .staff-section .staff-list__item:first-child {
    padding-top: 12px;
  }
  .staff-list__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
  }
  .staff-list__text-box {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-right: 48px;
  }
  .staff-list__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    word-break: break-all;
  }
  .staff-list__type {
    display: block;
    margin-top: 8px;
  }
  .staff-list__mail {
    position: relative;
    margin-top: 8px;
    padding: 8px 12px;
    background: #f5f5f5;
  }
  .staff-list__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    padding-right: 40px;
    font-size: 14px;
    line-height: 1.1;
  }
  .staff-list__date-title::after {
    content: "：";
  }
  .staff-list__date-data {
    margin: 0;
  }
  .staff-list__resend {
    position: relative;
    margin-top: 8px;
    padding: 0 0 0 24px;
    border: 0;
    background: transparent;
    color: #17479c;
    font-size: 14px;
    line-height: 1.1;
  }
  .staff-list__resend::before {
    content: "\e163";
    position: absolute;
    top: -4px;
    left: 0;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .staff-list__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 8px;
    right: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .staff-section {
    margin-top: 12px;
    padding: 32px 20px 12px;
    background: #fff;
  }
  .staff-section__note {
    margin-top: 16px;
  }
  /* ------------------------------
    lottery SP
  ------------------------------ */
  .lottery-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 24px;
    padding: 0 20px;
  }
  .lottery-text {
    margin: 0;
    padding: 20px 20px 0;
  }
  .lottery-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 16px 0 0;
    margin-top: 12px;
    padding: 0;
    list-style: none;
    gap: 12px;
  }
  .lottery-list__item {
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .lottery-list__head {
    padding: 20px;
    border-bottom: 1px solid #dedede;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
  }
  .lottery-list__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .lottery-list__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 16px 0 0;
    gap: 12px;
  }
  .lottery-list__info-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .lottery-list__info-data {
    margin: 4px 0 0;
  }
  .lottery-list__info-data span {
    display: inline-block;
  }
  .lottery-ticket-list {
    padding: 0 20px;
    list-style: none;
  }
  .lottery-ticket-list__item + .lottery-ticket-list__item {
    border-top: 1px dashed #dedede;
  }
  .lottery-ticket__link {
    display: block;
    padding: 20px 0;
    color: #191919;
    text-decoration: none;
  }
  .lottery-ticket__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .lottery-ticket__title {
    margin: 8px 0;
    font-weight: 700;
  }
  .lottery-ticket__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 16px 0 0;
    padding-right: 24px;
    color: #17479c;
  }
  .lottery-ticket__button::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .lottery-ticket-detail-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 16px 0 0;
    border: 1px solid #f0f6ff;
  }
  .lottery-ticket-detail-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    padding: 8px 12px;
    background: #f5f9ff;
    font-size: 14px;
  }
  .lottery-ticket-detail-list__block:nth-child(2n) {
    background: #fff;
  }
  .lottery-ticket-detail-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .lottery-ticket-detail-list__title {
    width: 40%;
    min-width: auto;
    font-weight: 700;
  }
  .lottery-ticket-detail-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
    word-break: break-all;
  }
  .lottery-ticket-detail-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .lottery-head {
    margin: 32px 20px 0;
  }
  .lottery-head--border {
    padding-top: 24px;
    border-top: 1px dashed #a5a5a5;
  }
  .lottery-head__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .lottery-heading {
    margin: 8px 0 0;
    font-size: 22px;
    font-weight: 700;
  }
  .lottery-heading-sub {
    margin: 12px 0 0;
  }
  .lottery-section {
    margin-top: 24px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .lottery-section + .lottery-section {
    margin-top: 12px;
  }
  .lottery-section__message-area {
    margin-top: 32px;
  }
  .lottery-section__list-area {
    margin-top: 32px;
  }
  .lottery-section__text {
    margin: 32px 0 0;
  }
  .lottery-section__table-area {
    margin: 32px 0 0 -20px;
  }
  .lottery-section__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .lottery-reception-name {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .lottery-summary-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin: 32px 0 0;
  }
  .lottery-summary-info__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .lottery-summary-info__data {
    margin: 4px 0 0;
  }
  .lottery-summary-info__data span {
    display: inline-block;
    margin-left: 4px;
  }
  .lottery-summary-info__data span:first-child {
    margin-left: 0;
  }
  .lottery-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 32px;
  }
  .lottery-button-area__arrow {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
  }
  .lottery-button-area__arrow::before {
    content: "\e313";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #dedede;
    font-family: "Material Symbols Outlined";
    font-size: 40px;
  }
  .lottery-data-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 32px 0 0;
    border: 1px solid #f0f6ff;
  }
  .lottery-data-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    padding: 8px 12px;
    background: #f5f9ff;
    font-size: 14px;
  }
  .lottery-data-list__block:nth-child(2n) {
    background: #fff;
  }
  .lottery-data-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .lottery-data-list__title {
    width: 40%;
    min-width: 152px;
    font-weight: 700;
  }
  .lottery-data-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
    word-break: break-all;
  }
  .lottery-data-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .lottery-data-list--close {
    margin-top: 16px;
  }
  .lottery-download {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #dedede;
    text-align: center;
  }
  .lottery-download:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .lottery-download__text-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
    text-align: start;
  }
  .lottery-download__text {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .lottery-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
  }
  .lottery-date__title::after {
    content: "：";
  }
  .lottery-date__data {
    margin: 0;
  }
  .lottery-info {
    margin-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px dashed #dedede;
  }
  .lottery-info:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .lottery-info__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
  }
  .lottery-info__data {
    margin: 12px 0 0;
  }
  .lottery-info__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 12px;
    padding: 12px;
    background: #f5f5f5;
  }
  .lottery-info__message-text {
    margin: 0;
  }
  .lottery-info__message-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .lottery-info-data-box {
    margin-top: 12px;
    padding: 12px;
    background: #f5f5f5;
  }
  .lottery-info-data-box__block {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .lottery-info-data-box__block:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .lottery-info-data-box__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .lottery-info-data-box__data {
    margin: 12px 0 0;
  }
  .lottery-info-data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 8px 0 0;
    padding: 0 0 0 8px;
    font-size: 14px;
    list-style: none;
  }
  .lottery-info-data-list-button {
    display: block;
    position: relative;
    min-width: 110px;
    margin: 12px auto 0;
    padding-left: 24px;
    border: 0;
    background: transparent;
    color: #17479c;
  }
  .lottery-info-data-list-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 10px;
    height: 2px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #17479c;
  }
  .lottery-info-data-list-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 2px;
    height: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    background: #17479c;
  }
  .lottery-info-data-list-button.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
  }
  .lottery-process-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
    padding: 0 20px;
    font-size: 14px;
  }
  .lottery-process-date__title::after {
    content: "：";
  }
  .lottery-process-date__data {
    margin: 0;
  }
  .lottery-planned-quantity {
    margin: 0;
    text-align: right;
  }
  .lottery-result-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 32px 0 0;
    border: 1px solid #f0f6ff;
  }
  .lottery-result-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    padding: 8px 12px;
    background: #f5f9ff;
    font-size: 14px;
  }
  .lottery-result-list__block:nth-child(2n) {
    background: #fff;
  }
  .lottery-result-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .lottery-result-list__title {
    width: 40%;
    min-width: auto;
    font-weight: 700;
  }
  .lottery-result-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
    word-break: break-all;
  }
  .lottery-result-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .lottery-complete__text {
    margin: 0 0 16px;
    font-size: 18px;
  }
  .lottery-section__table-area .table-scroll .simplebar-content::after {
    display: none;
  }
  /* ------------------------------
    payment PC
  ------------------------------ */
  .payment-list-area {
    margin-top: 32px;
  }
  .payment-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .payment-list__item {
    margin-top: 12px;
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .payment-list__item:first-child {
    margin-top: 0;
  }
  .payment-list__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
  }
  .payment-list__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    font-weight: 700;
    gap: 4px;
  }
  .payment-list__date-title {
    font-size: 14px;
  }
  .payment-list__date-data {
    margin: 0;
    font-size: 18px;
  }
  .payment-list__button {
    position: relative;
    padding: 0 24px 0 0;
    border: 0;
    background: transparent;
    color: #17479c;
  }
  .payment-list__button::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .payment-list__download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 4px;
    margin-top: 16px;
    color: #17479c;
    text-decoration: none;
  }
  .payment-detail-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 16px 0 0;
    border: 1px solid #f0f6ff;
  }
  .payment-detail-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    padding: 8px 12px;
    background: #f5f9ff;
    font-size: 14px;
  }
  .payment-detail-list__block:nth-child(2n) {
    background: #fff;
  }
  .payment-detail-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .payment-detail-list__title {
    width: 40%;
    min-width: auto;
    font-weight: 700;
  }
  .payment-detail-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
    word-break: break-all;
  }
  .payment-detail-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .payment-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 4px;
    margin: 0;
  }
  .payment-date__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #818181;
    font-size: 14px;
    line-height: 1.1;
  }
  .payment-date__title::after {
    content: "：";
  }
  .payment-date__data {
    margin: 0;
  }
  .payment-event-list {
    margin: 8px 0 0;
    padding: 0;
    list-style-type: none;
    background: #fff;
  }
  .payment-event-list__item {
    padding: 20px 0;
    border-top: 1px solid #dedede;
  }
  .payment-event-list__item:first-child {
    border-top: 0;
  }
  .payment-event-list__title {
    display: -webkit-box;
    position: relative;
    padding-right: 28px;
    overflow: hidden;
    color: #191919;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .payment-event-list__title::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .payment-event-list__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .payment-event-list__id-title::after {
    content: "：";
  }
  .payment-event-list__id-data {
    margin: 0;
  }
  .payment-event-detail-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 16px 0 0;
    border: 1px solid #f0f6ff;
  }
  .payment-event-detail-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: #f5f9ff;
    font-size: 14px;
  }
  .payment-event-detail-list__block:nth-child(2n) {
    background: #fff;
  }
  .payment-event-detail-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .payment-event-detail-list__title {
    width: 80px;
    min-width: auto;
    font-weight: 700;
  }
  .payment-event-detail-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: start;
    word-break: break-all;
  }
  .payment-event-detail-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .payment-event-detail-list__data span {
    display: inline-block;
  }
  /* ------------------------------
    lp SP
  ------------------------------ */
  .app-box {
    margin-top: 32px;
    padding: 32px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .app-search {
    display: none;
  }
  .app-note {
    margin: 4px 0 0;
    padding-left: 1em;
    text-indent: -1em;
  }
  .app-note::before {
    content: "※";
  }
  .app-note-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin: 16px 0 0;
    padding: 0;
    color: #535353;
    font-size: 14px;
    list-style: none;
  }
  .app-note-list__item {
    padding-left: 1em;
    text-indent: -1em;
  }
  .app-note-list__item::before {
    content: "※";
    color: #818181;
  }
  .app-download {
    margin-top: 24px;
    padding: 24px 10px;
    border: 1px solid #dedede;
  }
  .app-download__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
  }
  .app-download__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 16px;
    gap: 12px;
  }
  .app-download__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  .app-download__qr {
    display: none;
  }
  .app-download__text {
    display: none;
  }
  .app-download__link {
    display: block;
  }
  .app-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 24px;
    padding: 16px 12px;
    background: #ffeec2;
  }
  .app-message__image-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
  }
  .app-message__image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
  }
  .app-message__icon {
    width: 30px;
    height: 30px;
  }
  .app-message__app-icon {
    width: 74px;
    height: 74px;
  }
  .app-message__app-icon img {
    width: 100%;
    height: 100%;
  }
  .app-message__app-name {
    margin: 4px 0 0;
    font-size: 10px;
    white-space: nowrap;
  }
  .app-message__text {
    margin: 0;
    color: #dc6e00;
  }
  /* ------------------------------
    refund-flow SP
  ------------------------------ */
  .refund-flow-sub-title {
    display: block;
    font-size: 20px;
  }
  .refund-flow-box {
    -webkit-box-sizing: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-sizing: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    margin-top: 12px;
    padding: 32px 20px;
    background: #fff;
  }
  .refund-flow-section {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #a5a5a5;
  }
  .heading02 + .refund-flow-section {
    padding-top: 0;
    border-top: 0;
  }
  .refund-flow-section__heading-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .refund-flow-section__text {
    margin: 16px 0 0;
  }
  .refund-flow-section__text + .refund-flow-section__text {
    margin-top: 8px;
  }
  .refund-flow-section__text:first-child {
    margin-top: 0;
  }
  .refund-flow-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 24px 0 0;
    padding: 0;
  }
  .refund-flow-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 8px;
  }
  .refund-flow-list__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
    letter-spacing: 0.1em;
  }
  .refund-flow-list__label.is-owner {
    background: #17479c;
  }
  .refund-flow-list__label.is-lpt {
    background: #08b5ae;
    text-orientation: upright;
    letter-spacing: 0;
  }
  .refund-flow-list__label.is-user {
    background: #edf3ff;
    color: #17479c;
  }
  .refund-flow-list__item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .refund-flow-list__title {
    padding: 12px 16px;
    background: #f5f5f5;
  }
  .refund-flow-list__link {
    color: #17479c;
    font-size: 14px;
    font-weight: 700;
  }
  .refund-flow-list__content {
    padding: 16px;
    border: 1px solid #dedede;
    border-top: 0;
  }
  .refund-flow-list__content:has(+ .refund-flow-list__content) {
    position: relative;
    border-bottom: 0;
  }
  .refund-flow-list__content:has(+ .refund-flow-list__content)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 32px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-bottom: 1px dashed #a5a5a5;
  }
  .refund-flow-list__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .refund-flow-list__block + .refund-flow-list__arrow {
    margin-right: 28px;
  }
  .refund-flow-list__arrow::before {
    content: "\e313";
    color: #a5a5a5;
    font-size: 32px;
    line-height: 32px;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
  }
  .refund-flow-list__text {
    margin: 8px 0 0;
    font-size: 14px;
  }
  .refund-flow-list__text:first-child {
    margin-top: 0;
  }
  .refund-flow-list__note {
    display: block;
    margin: 4px 0 0;
    padding-left: 1.2em;
    font-size: 12px;
    text-indent: -1.2em;
  }
  .refund-flow-list__note::before {
    content: "※";
    margin-right: 0.2em;
  }
  .refund-label {
    display: block;
    padding: 8px 16px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .refund-label.is-owner {
    background: #17479c;
  }
  .refund-label.is-lpt {
    background: #08b5ae;
    text-orientation: upright;
    letter-spacing: 0;
  }
  .refund-label.is-user {
    background: #edf3ff;
    color: #17479c;
  }
  .refund-flow-text-note-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 16px;
  }
  .refund-flow-detail {
    margin: 16px 0 0;
  }
  .refund-flow-detail__title {
    margin: 0;
    padding: 8px 12px;
    background: #818181;
    color: #fff;
    font-size: 14px;
  }
  .refund-flow-detail__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid #dedede;
    border-top: 0;
  }
  .refund-flow-detail__text {
    margin: 0;
    font-size: 14px;
  }
}
/* 画面サイズが768px以上はここを読み込む */
@media (768px <= width) {
  /* ------------------------------
    alert PC
  ------------------------------ */
  .alert {
    position: relative;
    padding: 12px;
    background: #ffe8ef;
    color: #ce1651;
  }
  .alert + .alert {
    margin-top: 4px;
  }
  .alert:has(.alert__button) {
    padding-top: 32px;
  }
  .alert--important {
    background: #ffeec2;
    color: #dc6e00;
  }
  .alert__inner {
    display: block;
    position: relative;
    padding-left: 24px;
    text-decoration: none;
  }
  .alert__link {
    padding-right: 40px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    color: #ce1651;
  }
  .alert__link::after {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .alert--important .alert__link {
    color: #dc6e00;
  }
  .alert__link:hover::after {
    right: -4px;
  }
  .alert__text {
    margin: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .alert__link:hover .alert__text {
    text-decoration: underline;
  }
  .alert__text a {
    color: #17479c;
  }
  .alert__text a:hover {
    text-decoration: none;
  }
  .alert__sub-text {
    margin: 0;
    font-size: 14px;
  }
  .alert__button {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 0;
    background: #ce1651;
    font-size: 0;
  }
  .alert__button::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .alert__button:hover {
    background: #b20039;
  }
  .alert--important .alert__button {
    background: #ff8000;
  }
  .alert--important .alert__button:hover {
    background: #dc6e00;
  }
  /* ------------------------------
    banner PC
  ------------------------------ */
  .banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
  }
  .banner__link {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 528px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
  }
  .banner__link img {
    width: auto;
    height: auto;
  }
  .banner__link:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .banner-transfer {
    width: 374px;
    margin-inline: auto;
  }
  .banner-transfer__link {
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .banner-transfer__link img {
    width: 100%;
    height: auto;
  }
  .banner-transfer__link:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  /* ------------------------------
    base PC
  ------------------------------ */
  html.is-fixed {
    height: 100%;
    overflow: hidden;
  }
  body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100svh;
    color: #191919;
    font-family: "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    overflow-wrap: anywhere;
    image-rendering: auto;
  }
  .is-fixed body {
    position: fixed;
    width: 100%;
  }
  *:focus-visible {
    z-index: 1;
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    image-rendering: auto;
  }
  button:hover {
    cursor: pointer;
  }
  ::-webkit-input-placeholder {
    color: #a5a5a5;
  }
  ::-moz-placeholder {
    color: #a5a5a5;
  }
  :-ms-input-placeholder {
    color: #a5a5a5;
  }
  ::-ms-input-placeholder {
    color: #a5a5a5;
  }
  ::placeholder {
    color: #a5a5a5;
  }
  .only-sp {
    display: none !important;
  }
  .only-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    pointer-events: none;
  }
  br {
    visibility: hidden;
  }
  /* ------------------------------
    button PC
  ------------------------------ */
  .button-paramount {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 300px;
    max-width: 374px;
    min-height: 56px;
    padding: 17px 32px 15px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #ce1651;
    border-radius: 2px;
    background: #ce1651;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
  }
  .button-paramount--medium {
    min-width: 172px;
    padding: 12px;
    font-size: 16px;
  }
  .button-paramount--medium:has([class^=icon-]) {
    padding-left: 32px;
  }
  .button-paramount--small {
    min-width: 110px;
    padding: 12px;
    font-size: 16px;
  }
  .button-paramount--full {
    width: 100%;
    min-width: auto;
  }
  .button-paramount[aria-disabled=true] {
    border-color: #a5a5a5;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .button-paramount:focus-visible {
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  .button-paramount:hover {
    background: #b20039;
  }
  .button-primary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 300px;
    max-width: 374px;
    min-height: 56px;
    padding: 17px 32px 15px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #17479c;
    border-radius: 2px;
    background: #17479c;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
  }
  .button-primary--medium {
    min-width: 172px;
    padding: 12px;
    font-size: 16px;
  }
  .button-primary--medium:has([class^=icon-]) {
    padding-left: 32px;
  }
  .button-primary--small {
    min-width: 110px;
    padding: 12px;
    font-size: 16px;
  }
  .button-primary--full {
    width: 100%;
    min-width: auto;
  }
  .button-primary[aria-disabled=true] {
    border-color: #a5a5a5;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .button-primary:focus-visible {
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  .button-primary:hover {
    background: #0e2f69;
  }
  .button-secondary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 300px;
    max-width: 374px;
    min-height: 56px;
    padding: 17px 32px 15px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #17479c;
    border-radius: 2px;
    background: #fff;
    color: #17479c;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    border: 1px solid #17479c;
  }
  .button-secondary--medium {
    min-width: 172px;
    padding: 12px;
    font-size: 16px;
  }
  .button-secondary--medium:has([class^=icon-]) {
    padding-left: 32px;
  }
  .button-secondary--small {
    min-width: 110px;
    padding: 12px;
    font-size: 16px;
  }
  .button-secondary--full {
    width: 100%;
    min-width: auto;
  }
  .button-secondary[aria-disabled=true] {
    border-color: #a5a5a5;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .button-secondary:focus-visible {
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  .button-secondary:hover {
    background: #f5f9ff;
  }
  .button-tertiary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 300px;
    max-width: 374px;
    min-height: 56px;
    padding: 17px 32px 15px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #ddeaff;
    border-radius: 2px;
    background: #ddeaff;
    color: #17479c;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
  }
  .button-tertiary--medium {
    min-width: 172px;
    padding: 12px;
    font-size: 16px;
  }
  .button-tertiary--medium:has([class^=icon-]) {
    padding-left: 32px;
  }
  .button-tertiary--small {
    min-width: 110px;
    padding: 12px;
    font-size: 16px;
  }
  .button-tertiary--full {
    width: 100%;
    min-width: auto;
  }
  .button-tertiary[aria-disabled=true] {
    border-color: #a5a5a5;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .button-tertiary:focus-visible {
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  .button-tertiary:hover {
    background: #c4daff;
    color: #0e2f69;
  }
  .button-quaternary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 300px;
    max-width: 374px;
    min-height: 56px;
    padding: 17px 32px 15px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #f0f6ff;
    border-radius: 2px;
    background: #f0f6ff;
    color: #17479c;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
  }
  .button-quaternary--medium {
    min-width: 172px;
    padding: 12px;
    font-size: 16px;
  }
  .button-quaternary--medium:has([class^=icon-]) {
    padding-left: 32px;
  }
  .button-quaternary--small {
    min-width: 110px;
    padding: 12px;
    font-size: 16px;
  }
  .button-quaternary--full {
    width: 100%;
    min-width: auto;
  }
  .button-quaternary[aria-disabled=true] {
    border-color: #a5a5a5;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .button-quaternary:focus-visible {
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  .button-quaternary:hover {
    background: #c4daff;
    color: #0e2f69;
  }
  .button-alert {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 300px;
    max-width: 374px;
    min-height: 56px;
    padding: 17px 32px 15px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #ce1651;
    border-radius: 2px;
    background: #ce1651;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
  }
  .button-alert--medium {
    min-width: 172px;
    padding: 12px;
    font-size: 16px;
  }
  .button-alert--medium:has([class^=icon-]) {
    padding-left: 32px;
  }
  .button-alert--small {
    min-width: 110px;
    padding: 12px;
    font-size: 16px;
  }
  .button-alert--full {
    width: 100%;
    min-width: auto;
  }
  .button-alert[aria-disabled=true] {
    border-color: #a5a5a5;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .button-alert:focus-visible {
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  .button-alert:hover {
    background: #b20039;
  }
  .button-user {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 300px;
    max-width: 374px;
    min-height: 56px;
    padding: 17px 32px 15px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #08b5ae;
    border-radius: 2px;
    background: #fff;
    color: #191919;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    width: 374px;
    padding: 16px 28px;
    border: 1px solid #08b5ae;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
  }
  .button-user--medium {
    min-width: 172px;
    padding: 12px;
    font-size: 16px;
  }
  .button-user--medium:has([class^=icon-]) {
    padding-left: 32px;
  }
  .button-user--small {
    min-width: 110px;
    padding: 12px;
    font-size: 16px;
  }
  .button-user--full {
    width: 100%;
    min-width: auto;
  }
  .button-user[aria-disabled=true] {
    border-color: #a5a5a5;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .button-user:focus-visible {
    border-radius: 2px;
    outline: 2px solid #17479c;
    outline-offset: 2px;
  }
  .button-user::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #08b5ae;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
    font-weight: 400;
  }
  .button-user:hover {
    background: #edfaf8;
  }
  .button-user:hover::before {
    right: 4px;
  }
  .button-user__logo {
    width: 100px;
  }
  .button-user__logo img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .button-arrow-right::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
    font-weight: 400;
  }
  .button-arrow-right:hover::before {
    right: 8px;
  }
  .button-arrow-left::before {
    content: "\e314";
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
    font-weight: 400;
  }
  .button-arrow-left:hover::before {
    left: 8px;
  }
  .button-function {
    gap: 4px;
    min-width: 84px;
    min-height: 40px;
    padding: 8px 15px 6px;
    font-size: 16px;
  }
  .heading-box .button-function {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .form__label-box .button-function, .form-child__label-box .button-function {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .button-icon {
    width: 40px;
    min-width: auto;
    height: 40px;
    min-height: auto;
    padding: 8px;
  }
  .button-icon-small {
    width: 32px;
    min-width: auto;
    height: 32px;
    min-height: auto;
    padding: 4px;
  }
  .button-menu-primary {
    display: grid;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 162px;
    padding: 20px 8px 16px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border-radius: 2px;
    background: #17479c;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    gap: 12px;
    justify-items: center;
  }
  .button-menu-primary:hover {
    background: #0e2f69;
  }
  .button-menu-secondary {
    display: grid;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 162px;
    padding: 20px 8px 16px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #17479c;
    border-radius: 2px;
    background: #fff;
    color: #17479c;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    gap: 12px;
    justify-items: center;
  }
  .button-menu-secondary:hover {
    background: #f5f9ff;
  }
  .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    margin-top: 40px;
  }
  .button-area--close {
    margin-top: 16px;
  }
  .button-area__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .button-rest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 6px;
    font-weight: 700;
  }
  .button-rest__text {
    margin: 0;
    color: #17479c;
    font-size: 14px;
    line-height: 1.1;
  }
  .button-rest__number {
    margin: 0 4px;
    font-size: 18px;
  }
  .button-top-text {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
  }
  .button-sub-text {
    display: block;
    font-size: 12px;
  }
  /* ------------------------------
    checkbox PC
  ------------------------------ */
  .checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
  }
  .checkbox::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: -10px;
    left: -10px;
    width: 40px;
    height: 40px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border-radius: 50%;
    opacity: 0;
    background: #f0f6ff;
    pointer-events: none;
  }
  .form-select-toggle-list .checkbox::after {
    background: #ddeaff;
  }
  .form-select-toggle-list--child .checkbox::after {
    background: #f0f6ff;
  }
  .checkbox:hover::after, .table tr:hover .checkbox::after {
    opacity: 1;
  }
  .table tr:nth-child(2n):hover .checkbox::after {
    opacity: 1;
    background-color: #ddeaff;
  }
  .checkbox:has(.checkbox__input:disabled) {
    cursor: default;
    pointer-events: none;
  }
  .checkbox--toggle {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 12px;
  }
  .checkbox--toggle::after {
    content: none;
  }
  .checkbox__input {
    position: relative;
    z-index: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #17479c;
    border-radius: 4px;
    background: #fff;
    color: #17479c;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .checkbox__input::before {
    content: "\e5ca";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .checkbox__input:checked::before {
    opacity: 1;
  }
  .checkbox__input:disabled {
    border-color: #dedede;
    background: #f5f5f5;
    color: #a5a5a5;
    cursor: default;
    pointer-events: none;
  }
  .checkbox__label {
    z-index: 1;
    margin-top: -2px;
  }
  .checkbox__input:disabled + .checkbox__label {
    color: #818181;
  }
  .checkbox-wrap {
    margin-top: 16px;
  }
  .checkbox-wrap:first-child {
    margin-top: 0;
  }
  /* ------------------------------
    date PC
  ------------------------------ */
  .date {
    position: relative;
    width: 150px;
  }
  .date__input {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 13px 36px 13px 8px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
  }
  .date__input::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  .date__input.is-error {
    border-color: #ce1651;
    background: #ffe8ef;
  }
  .date__input:disabled {
    background-color: #f5f5f5;
    pointer-events: none;
  }
  .date__input:hover {
    border-color: #a5a5a5;
  }
  .date__input:focus {
    outline: 1px solid #a5a5a5;
    outline-offset: 0;
  }
  .date__calendar {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 0;
    background: 0;
    font-size: 0;
  }
  .date__calendar::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 50%;
  }
  .date__calendar::after {
    content: "\e878";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #17479c;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    pointer-events: none;
  }
  .date__calendar:hover::before {
    background: #f0f6ff;
  }
  .date__input:disabled + .date__calendar {
    pointer-events: none;
  }
  .date__input:disabled + .date__calendar::after {
    color: #a5a5a5;
  }
  /* ------------------------------
    drawer PC
  ------------------------------ */
  .drawer {
    padding: 0;
    border: 0;
    background: transparent;
  }
  .drawer::-ms-backdrop {
    background-color: rgba(0, 0, 0, 0.5019607843);
  }
  .drawer::backdrop {
    background-color: rgba(0, 0, 0, 0.5019607843);
  }
  .drawer__close {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .drawer__close::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .drawer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: calc(100vw - 96px);
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
  }
  .drawer__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: calc(100vh - 200px);
    padding: 20px 32px 0;
    overflow-x: hidden;
    overflow-y: auto;
    /* スクロールバー非表示（IE・Edge） */
    -ms-overflow-style: none;
    /* スクロールバー非表示（Firefox） */
    scrollbar-width: none;
    /* スクロールバー非表示（Chrome・Safari） */
  }
  .drawer__box::-webkit-scrollbar {
    display: none;
  }
  .drawer__title {
    margin: 0;
    padding-right: 12px;
    font-size: 30px;
    font-weight: 700;
  }
  .drawer__text {
    margin: 0;
  }
  .drawer__filter-area {
    margin-top: 16px;
  }
  .drawer__filter-area--full {
    margin: 0 -32px;
  }
  .drawer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    margin: 20px -32px 0;
    padding: 20px 32px;
    background-color: #f5f5f5;
  }
  .drawer__table-wrap {
    margin-top: 20px;
  }
  .drawer__table-wrap:first-child {
    margin-top: 0;
  }
  .drawer__table-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: calc(100vw - 128px);
    margin-right: -32px;
    overflow-x: auto;
    scrollbar-color: rgba(0, 0, 0, 0.5) #f5f5f5;
  }
  .drawer__table-scroll::-webkit-scrollbar {
    height: 7px;
  }
  .drawer__table-scroll::-webkit-scrollbar-track {
    background-color: #f5f5f5;
  }
  .drawer__table-scroll::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .drawer__table-scroll::after {
    content: "";
    display: block;
    min-width: 32px;
    height: 32px;
    background: transparent;
  }
  .drawer__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    padding: 20px 32px;
    border-top: 1px solid #dedede;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
  }
  .drawer__box .simplebar-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .drawer__box .simplebar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 496px;
    max-width: calc(100vw - 160px);
  }
  .simplebar-content:has(.flatpickr-calendar.open) {
    min-height: 620px;
  }
  /* ------------------------------
    event-header PC
  ------------------------------ */
  .event-header {
    position: sticky;
    z-index: 2;
    top: -1px;
    width: 100%;
  }
  .event-header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 12px 16px;
    background: #fff;
  }
  .event-header__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .event-header__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0;
    gap: 4px;
  }
  .event-header__id-title {
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .event-header__id-data {
    margin: 0;
    font-weight: 700;
  }
  .event-header__event-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin: 0;
  }
  .event-header__event-name-title {
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .event-header__event-name-data {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .event-header__button {
    display: none;
  }
  .event-header__panel {
    display: block !important;
  }
  .event-header-menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .event-header-menu__item {
    display: grid;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    grid-row: span 2;
    grid-template-rows: subgrid;
    min-width: 90px;
    padding: 0 8px;
    border-left: 1px solid #dedede;
  }
  .event-header-menu__item:first-child {
    border: 0;
  }
  .event-header-menu__link {
    display: grid;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    grid-row: span 2;
    grid-template-rows: subgrid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #818181;
    text-decoration: none;
    justify-items: center;
  }
  .event-header-menu__link:hover {
    color: #17479c;
  }
  .event-header-menu__text {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #191919;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
  }
  .event-header-menu__link:hover .event-header-menu__text {
    color: #17479c;
    text-decoration: underline;
  }
  .event-header-menu__notice {
    position: absolute;
    top: -2px;
    right: 34%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ce1651;
    font-size: 0;
  }
  /* ------------------------------
    event-list PC
  ------------------------------ */
  .event-list-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .event-list {
    margin: 0;
    padding: 20px 56px;
    background: #fff;
    list-style: none;
  }
  .event-list--wide {
    margin-top: 8px;
    padding: 0;
  }
  .event-list:first-child {
    margin-top: 0;
  }
  .event-list__item {
    position: relative;
    border-top: 1px solid #dedede;
  }
  .event-list__item:first-child {
    border: 0;
  }
  .event-list__link {
    display: block;
    padding: 20px 28px 20px 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    color: #191919;
    text-decoration: none;
  }
  .event-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .event-list__link:hover::before {
    right: -4px;
  }
  .event-list__item.is-old .event-list__link {
    pointer-events: none;
  }
  .event-list__item.is-old .event-list__link::before {
    content: none;
  }
  .event-list__label-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .event-list__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-row: span 2;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 120px;
    height: 120px;
    margin-right: 12px;
  }
  .event-list__image img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .event-list__content {
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 8px;
  }
  .event-list__content:first-child {
    margin-top: 0;
  }
  .event-list__info {
    grid-column: 2;
    padding-right: 44px;
  }
  .event-list__title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #191919;
    font-weight: 700;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .event-list__link:hover .event-list__title {
    text-decoration: underline;
  }
  .event-list__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 8px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .event-list__id-title {
    text-wrap: nowrap;
  }
  .event-list__id-title::after {
    content: "：";
  }
  .event-list__id-data {
    margin: 0;
  }
  .event-list__text-important {
    position: relative;
    grid-column: 2;
    margin: 12px 0 0;
    padding-left: 22px;
    color: #ff8000;
    font-size: 12px;
  }
  .event-list__sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 1/-1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 16px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
    gap: 4px;
  }
  .event-list__sub-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  .event-list__sub-date-title {
    text-wrap: nowrap;
  }
  .event-list__sub-date-title::after {
    content: "：";
  }
  .event-list__sub-date-data {
    margin: 0;
  }
  .event-list__sub-label {
    display: inline-block;
    padding: 2px 10px 1px;
    border: 1px solid #dedede;
    border-radius: 50vh;
    color: #191919;
    font-size: 14px;
    text-align: center;
  }
  .event-list__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 48px;
    right: 28px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event-list-detail {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 12px 0 0;
    border: 1px solid #f0f6ff;
    grid-column: 2;
  }
  .event-list-detail__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    background-color: #f5f9ff;
    font-size: 14px;
  }
  .event-list-detail__block:nth-of-type(2n) {
    background: #fff;
  }
  .event-list-detail__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .event-list-detail__title {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    width: 20%;
    font-weight: 700;
  }
  .event-list-detail__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: start;
  }
  .event-list-detail__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .event-list-detail__title {
    min-width: 60px;
  }
  .event-list-detail__block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .event-list-detail__data {
    min-width: 80px;
  }
  .event-list-detail__data span {
    display: inline-block;
  }
  /* ------------------------------
    file-upload PC
  ------------------------------ */
  .file-upload {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-inline: auto;
    padding: 24px 16px;
    border: 1px solid #dedede;
    border-radius: 5px;
    background: #f5f5f5;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);
            box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.11);
  }
  .file-upload--lower {
    background: #fff;
  }
  .file-upload__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #a5a5a5;
  }
  .file-upload__block:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .file-upload__link-area {
    margin-top: 8px;
  }
  .file-upload__text {
    margin: 0;
    font-size: 14px;
  }
  .file-upload__file-name {
    margin-top: 16px;
  }
  .file-upload-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
    width: 100%;
  }
  .file-upload-name__text {
    position: relative;
    margin: 0;
    padding-left: 24px;
    font-weight: 700;
    word-break: break-all;
  }
  .file-upload-name__text::before {
    content: "\e873";
    position: absolute;
    top: -3px;
    left: 0;
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
    font-weight: 400;
  }
  .file-upload-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: 100%;
  }
  .file-upload-image__item {
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 120px;
    height: 120px;
    border: 1px solid #dedede;
    background: #dedede;
  }
  .file-upload-image__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .file-upload-image__item--cover {
    width: 100%;
    height: auto;
    aspect-ratio: 5/1;
  }
  .file-upload-image__item--cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .file-upload-image__item--small {
    width: 80px;
    height: 80px;
  }
  .file-upload-image__button {
    position: absolute;
    right: 8px;
    bottom: 8px;
  }
  .file-upload-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #dedede;
    border-radius: 1px;
    background: #fff;
    color: #17479c;
  }
  .file-upload-button:hover {
    border-color: #17479c;
    background: #f5f9ff;
  }
  .file-upload-button__delete {
    position: relative;
    width: 20px;
    font-size: 0;
  }
  .file-upload-button__delete::before {
    content: "\e872";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .file-upload-button__zoom {
    position: relative;
    width: 20px;
    font-size: 0;
  }
  .file-upload-button__zoom::before {
    content: "\e8ff";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .file-upload-input {
    display: none;
  }
  /* ------------------------------
    filter PC
  ------------------------------ */
  .filter-area {
    margin: 16px 0;
  }
  .filter-area:first-child {
    margin-top: 0;
  }
  .heading01 + .filter-area, .message-area + .filter-area {
    margin-top: 32px;
  }
  .filter-box {
    padding: 24px 56px;
    background: #fff;
  }
  .filter {
    position: relative;
  }
  .filter__head {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .filter:first-child .filter__head {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .filter__data {
    margin: 0 0 16px;
  }
  .filter__button {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 24px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border: 0;
    background: transparent;
  }
  .filter__button::before {
    content: "\ef4f";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .filter.is-open .filter__button span:first-child {
    display: none;
  }
  .filter__button span:last-child {
    display: none;
  }
  .filter.is-open .filter__button span:last-child {
    display: inline;
  }
  button.filter__button {
    color: #17479c;
  }
  button.filter__button:hover {
    text-decoration: underline;
  }
  button.filter__button::before {
    color: #17479c;
  }
  .filter__panel {
    display: none;
    padding-top: 24px;
  }
  .filter__panel:first-child {
    padding-top: 0;
  }
  .filter.is-open .filter__panel {
    display: block;
  }
  .filter__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    width: 100%;
  }
  .filter__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .filter__label {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .filter__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 24px;
  }
  .filter-select-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px 24px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /* ------------------------------
    flatpickr PC
  ------------------------------ */
  .flatpickr-calendar.static.open.arrowBottom {
    top: -630%;
  }
  .drawer .flatpickr-calendar.static.open.arrowBottom, .modal .flatpickr-calendar.static.open.arrowBottom {
    top: calc(100% + 2px);
  }
  .flatpickr-months svg {
    fill: #17479c;
  }
  .flatpickr-next-month:hover svg {
    opacity: 0.7;
    fill: #17479c !important;
  }
  .flatpickr-next-month:focus svg {
    opacity: 0.7;
    fill: #17479c !important;
  }
  .flatpickr-prev-month:hover svg {
    opacity: 0.7;
    fill: #17479c !important;
  }
  .flatpickr-prev-month:focus svg {
    opacity: 0.7;
    fill: #17479c !important;
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months {
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
    padding: 0 20px 0 0.5ch !important;
    background: url("../images/icon/main/ico_arrow_down.svg") no-repeat right center/20px !important;
  }
  .flatpickr-day:hover {
    border-color: #ddeaff !important;
    background: #ddeaff !important;
  }
  .flatpickr-day:focus {
    border-color: #ddeaff !important;
    background: #ddeaff !important;
  }
  .flatpickr-day.today {
    border-color: #17479c !important;
  }
  .flatpickr-day.today:hover {
    background: #17479c !important;
  }
  .flatpickr-day.today:focus {
    background: #17479c !important;
  }
  .flatpickr-day.selected {
    border-color: #17479c !important;
    background: #17479c !important;
  }
  /* ------------------------------
    flow PC
  ------------------------------ */
  .flow {
    margin-top: 16px;
    padding: 0;
    list-style: none;
  }
  .flow__item {
    position: relative;
    padding-bottom: 48px;
  }
  .flow__item:last-child {
    padding-bottom: 0;
  }
  .flow__item:last-child::after {
    content: none;
  }
  .flow__item::after {
    content: "\e313";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    color: #dedede;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .flow__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 12px 24px;
    background: #f5f5f5;
    gap: 8px;
  }
  .flow__head--full {
    max-width: none;
  }
  .flow__item[aria-current=step] .flow__head {
    background: #a5a5a5;
    color: #fff;
  }
  .flow__title {
    margin: 0;
    font-weight: 700;
  }
  .flow__label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 4px 8px;
    background: #17479c;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .flow__label--lpt {
    background: #08b5ae;
  }
  .flow__label--user {
    background: #fff;
    color: #17479c;
  }
  .flow__content {
    padding: 24px;
    border: 1px solid #dedede;
    border-top: 0;
    background: #fff;
  }
  .flow__block {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #dedede;
  }
  .flow__block:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .flow__block-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
  }
  .flow__text {
    margin: 8px 0 0;
  }
  .flow__text:first-child {
    margin-top: 0;
  }
  .flow__note {
    margin: 8px 0 0;
    padding-left: 1.2em;
    color: #818181;
    font-size: 14px;
    text-indent: -1.2em;
  }
  .flow__note::before {
    content: "※";
    margin-right: 0.2em;
  }
  .flow__message {
    margin-top: 16px;
  }
  /* ------------------------------
    footer PC
  ------------------------------ */
  .footer {
    width: 100%;
    background: #efefef;
  }
  .footer-top__link {
    display: block;
    text-decoration: none;
  }
  .footer-top__image-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 64px 40px 40px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(23, 52, 156, 0.5)), to(rgba(23, 52, 156, 0.5))), url("../images/bg_footer_pc.webp") no-repeat center/cover;
    background: linear-gradient(rgba(23, 52, 156, 0.5), rgba(23, 52, 156, 0.5)), url("../images/bg_footer_pc.webp") no-repeat center/cover;
  }
  .footer-top__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .footer-top__image img {
    width: 142px;
    height: 280px;
  }
  .footer-top__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 640px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .footer-top__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    padding: 0 30px;
    border-left: 1px solid #fff;
  }
  .footer-top__item:first-child {
    border-left: 0;
  }
  .footer-top__icon {
    width: 80px;
    height: 80px;
  }
  .footer-top__text {
    margin: 0;
    color: #fff;
    font-weight: 700;
    text-align: center;
  }
  .footer-top__copy-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 40px;
    background: #edf3ff;
  }
  .footer-top__copy {
    margin: 0;
    color: #191919;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
  }
  .footer-top__copy-sub {
    display: block;
    font-size: 18px;
  }
  .footer-top__button-area {
    margin-top: 16px;
  }
  .footer-top__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 350px;
    min-height: 60px;
    padding: 18px 32px 16px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background: #17349c;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
  }
  .footer-top__button::before {
    content: "\e5e1";
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Material Symbols Outlined";
    font-size: 16px;
    font-weight: 400;
  }
  .footer-top__button:hover {
    background-color: #00215c;
  }
  .footer-top__button:hover::before {
    right: 12px;
  }
  .footer-bottom__inner {
    padding: 32px 32px 0;
  }
  .footer-bottom__text {
    margin: 24px 0 0;
    color: #a5a5a5;
    font-size: 12px;
    text-align: center;
  }
  .footer-bottom__text:first-child {
    margin-top: 0;
  }
  .footer-bottom__copyright {
    margin: 32px -32px 0;
    padding: 6px;
    background: #17479c;
    color: #fff;
    font-size: 11px;
    line-height: 1.1;
    text-align: center;
  }
  .footer-menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px 48px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .footer-menu-list__link {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #17479c;
    text-decoration: none;
  }
  .footer-menu-list__link:hover {
    text-decoration: underline;
  }
  .footer-app {
    display: none;
  }
  .footer-path {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0 16px 16px;
    overflow-x: auto;
    line-height: 1.1;
    list-style: none;
  }
  .footer-path__item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 8px;
  }
  .footer-path__item::after {
    content: "/";
    padding-left: 8px;
    color: #a5a5a5;
  }
  .footer-path__item:first-child {
    margin-left: 0;
  }
  .footer-path__item:last-child::after {
    content: none;
  }
  .footer-path__link {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #17479c;
    text-decoration: none;
    white-space: nowrap;
  }
  .footer-path__link:hover {
    text-decoration: underline;
  }
  /* ------------------------------
    form PC
  ------------------------------ */
  .form {
    margin-top: 32px;
  }
  .form--close {
    margin-top: 16px;
  }
  .form__heading-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .form__section {
    margin-top: 16px;
    padding: 40px 56px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .form__section:first-child, input[type=hidden] + .form__section {
    margin-top: 0;
  }
  .form__block {
    margin-top: 32px;
  }
  .form__block + .form__block {
    padding-top: 32px;
    border-top: 1px dashed #a5a5a5;
  }
  .form__block:first-child {
    margin-top: 0;
  }
  .form__block--close {
    margin-top: 16px;
  }
  .form__block + .form__block--no-border {
    padding-top: 0;
    border-top: 0;
  }
  .form__text + .form__block {
    margin-top: 24px;
  }
  .form__box-button + .form__block {
    margin-top: 8px;
  }
  .form__block--switch-display:first-child {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px dashed #a5a5a5;
  }
  .form__block--switch-display:first-child + .form__block {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .form__block--switch-display[style="display: none;"] + .form__block.is-first {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .form__sub-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 24px;
  }
  .form__label-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .form__label {
    display: block;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .form__label--align-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .form__box-button + .form__block .form__label {
    display: block;
    padding-right: 48px;
  }
  .form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: 100%;
    margin: 12px 0 0;
  }
  .form__field:first-child {
    margin-top: 0;
  }
  .form__field--far {
    margin-top: 24px;
  }
  .form__text {
    display: block;
    margin: 16px 0 0;
  }
  .form__block + .form__text {
    margin-top: 24px;
  }
  .form__label + .form__text {
    margin-top: 12px;
  }
  .form__text:first-child {
    margin-top: 0;
  }
  .form__field .form__text {
    margin: 0;
  }
  .form__text-bg {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 16px;
    background: #f5f5f5;
  }
  .form__message {
    margin-top: 16px;
  }
  .form__box-wrap {
    width: 100%;
    margin-top: 8px;
  }
  .form__box {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% + 112px);
    margin: 0 -56px;
    padding: 32px 56px;
    border-bottom: 2px solid #dedede;
  }
  .form__box-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 32px;
  }
  .form__box-button:first-child {
    margin-top: 0;
  }
  .form-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
  }
  .form-side--stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .form-side + .form-side {
    margin-top: 8px;
  }
  .form-side label,
  .form-side p,
  .form-side span {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .form-side-behind {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .form-side-behind span {
    padding-top: 4px;
  }
  .form-child {
    width: 100%;
  }
  .form-child--bg {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 16px 24px;
    background: #f5f5f5;
  }
  .form-child__label-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .form-child__label {
    display: block;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .form-child__block {
    margin-top: 32px;
  }
  .form-child__block + .form-child__block {
    padding-top: 32px;
    border-top: 1px dashed #a5a5a5;
  }
  .form-child__block:first-child {
    margin-top: 0;
  }
  .form-child__block--close {
    margin-top: 16px;
  }
  .form-child__block + .form-child__block--no-border {
    padding-top: 0;
    border-top: 0;
  }
  .form-child--bg .form-child__block {
    margin-top: 24px;
    padding-top: 24px;
  }
  .form-child--bg .form-child__block:first-child {
    margin-top: 0;
  }
  .form-child__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: 100%;
    margin: 12px 0 0;
  }
  .form-child__field:first-child {
    margin-top: 0;
  }
  .form-child__content > * {
    margin: 0;
  }
  .form-child__text {
    margin: 12px 0 0;
  }
  .form-child__text:first-child {
    margin-top: 0;
  }
  .form-child__field .form-child__text {
    margin-top: 0;
  }
  .form-child__toggle-panel {
    display: none;
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #dedede;
  }
  .form-grand-child {
    width: 100%;
  }
  .form-grand-child__label {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .form-grand-child__label--large {
    font-size: 16px;
  }
  .form-grand-child__block {
    margin-top: 16px;
  }
  .form-grand-child__block:first-child {
    margin-top: 0;
  }
  .form-grand-child__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: 100%;
    margin: 12px 0 0;
  }
  .form-grand-child__field:first-child {
    margin-top: 0;
  }
  .form-grand-child__add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 8px;
  }
  .form-grand-child__text {
    margin: 12px 0 0;
  }
  .form-grand-child__field .form-grand-child__text {
    margin: 0;
  }
  .form-address {
    width: 100%;
  }
  .form-address__block {
    margin-top: 32px;
  }
  .form-address__block:first-child {
    margin-top: 0;
  }
  .form-address__label {
    display: block;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .form-address__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: 100%;
    margin: 12px 0 0;
  }
  .form-address__field:first-child {
    margin-top: 0;
  }
  .form-address__text {
    margin: 0;
  }
  .form-map {
    width: 100%;
    height: 233px;
  }
  .form-select-toggle-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .form-select-toggle-list__item {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
  }
  .form-select-toggle-list__item:hover, .form-select-toggle-list__item:has(> .radio > .radio__input:checked), .form-select-toggle-list__item:has(> .checkbox > .checkbox__input:checked) {
    border-color: #d1e2ff;
    background: #f5f9ff;
  }
  .form-select-toggle-list__item:has(> .radio > .radio__input:disabled), .form-select-toggle-list__item:has(> .checkbox > .checkbox__input:disabled) {
    border-color: #dedede;
    background: #f5f5f5;
  }
  .form-select-toggle-list--child .form-select-toggle-list__item:hover, .form-select-toggle-list--child .form-select-toggle-list__item:has(> .radio > .radio__input:checked), .form-select-toggle-list--child .form-select-toggle-list__item:has(> .checkbox > .checkbox__input:checked) {
    border-color: #c5dbff;
    background: #ddeaff;
  }
  .form-select-toggle-list__panel {
    display: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: auto !important;
    padding: 4px 12px 12px;
  }
  .form-select-toggle-list__panel--top-far {
    padding-top: 20px;
  }
  .form-select-toggle-list__panel--top-close {
    margin-top: -8px;
  }
  .form-select-toggle-list__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    width: 100%;
    padding: 16px 12px 12px;
    cursor: pointer;
  }
  .form-select-toggle-list__detail--close {
    padding-top: 4px;
  }
  .radio:has(.radio__input:disabled) + .form-select-toggle-list__detail {
    cursor: default;
    pointer-events: none;
  }
  .form-select-column-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .form-select-column-list--child {
    gap: 4px;
  }
  .form-select-column-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
  }
  .form-select-column-list__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 0 0 8px 24px;
  }
  .form-select-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .form-select-list__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 148px;
  }
  .form-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
  }
  .form-help--far {
    margin-top: 32px;
  }
  .form-help--close {
    margin-top: 8px;
  }
  .form-file-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .form-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
  }
  .form-date__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  .form-term {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  .form-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    gap: 16px;
  }
  .form-name__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    min-width: 220px;
  }
  .form-name__label {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0;
    font-weight: 700;
  }
  .form-test-mail {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-top: 16px;
    padding: 40px 56px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .form-test-mail__title {
    position: relative;
    margin: 0;
    padding-left: 32px;
    color: #17479c;
    font-weight: 700;
  }
  .form-test-mail__title::before {
    content: "\e158";
    position: absolute;
    top: -6px;
    left: 0;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    font-weight: 400;
  }
  .form-test-mail__text {
    margin: 12px 0 0;
  }
  .form-test-mail__button-area {
    margin-top: 12px;
  }
  .form-test-mail-drawer-content {
    width: 620px;
  }
  .form-artist-drawer-content {
    width: 620px;
  }
  .form-error-text {
    margin: 8px 0 0;
    color: #ce1651;
    font-size: 14px;
  }
  .form-data-box {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-top: 16px;
    padding: 16px;
    background: #f5f5f5;
    color: #191919;
  }
  .form-data-box--pattern {
    background-color: #fff;
  }
  .form-data-box__text {
    margin: 0;
    font-weight: 700;
  }
  .form-data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 0;
  }
  .form-data-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .form-data-list__title {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    min-width: 112px;
    padding-right: 1em;
  }
  .form-data-list__title::after {
    content: "：";
    position: absolute;
    right: 0;
  }
  .form-data-list__data {
    margin: 0;
    word-break: break-all;
  }
  .form-note-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 8px;
  }
  .form-note-wrap:first-child {
    margin-top: 0;
  }
  .form__field > .form-note-wrap, .form-child__field > .form-note-wrap {
    margin: 0;
  }
  .form-add {
    width: 100%;
  }
  .form-add__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .form-add__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
  }
  .form-add__button {
    margin-top: 12px;
  }
  .form-add__button:first-child {
    margin-top: 0;
  }
  .form-text-ok {
    margin: 8px 0 0;
    color: #019c83;
    font-size: 14px;
  }
  .form-edit-lock-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    margin: 0;
    color: #818181;
    font-size: 12px;
  }
  .form-checkbox-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
  }
  .form__field .note-editor, .form-child__field .note-editor, .form-grand-child__field .note-editor {
    max-width: 100%;
  }
  .note-editable * {
    margin: 0;
  }
  .note-editable > ul,
  .note-editable > ol {
    padding-left: 0;
  }
  /* ------------------------------
    global-nav PC
  ------------------------------ */
  .global-nav {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 252px;
    height: 100%;
    overflow-x: hidden;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    background: #fff;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.18);
            box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.18);
    color: #191919;
  }
  .global-nav.is-min {
    width: 44px;
  }
  .global-nav__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    padding: 16px 16px 16px 12px;
  }
  .is-min .global-nav__button-area {
    padding: 16px 12px;
  }
  .global-nav__button {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .global-nav__button::before {
    content: "\f591";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
            transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .is-min .global-nav__button::before {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  .global-nav__button::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 50%;
    background: transparent;
  }
  .global-nav__button:hover::after {
    background: #f5f9ff;
  }
  .global-nav__logo-area {
    display: none;
  }
  .global-nav__account {
    display: none;
  }
  .global-nav__section {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 252px;
    padding-bottom: 24px;
    border-bottom: 1px solid #dedede;
  }
  .global-nav__section:first-child {
    border-bottom-width: 4px;
  }
  .is-min .global-nav__section {
    margin-bottom: 32px;
  }
  .global-nav__section:not(:has(~ .global-nav__section)) {
    border-bottom: 0;
  }
  .is-min .global-nav__section:not(:has(~ .global-nav__section)) {
    margin: -32px 0 0;
  }
  .global-nav__title {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 12px 8px 8px 12px;
    color: #a5a5a5;
    font-size: 12px;
    line-height: 1.1;
  }
  .is-min .global-nav__title {
    display: none;
  }
  .global-nav-owner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 252px;
    min-height: 70px;
    padding: 16px 16px 16px 12px;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
  }
  .is-min .global-nav-owner {
    padding: 16px 6px;
  }
  .global-nav-owner__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 32px;
    height: 32px;
    padding: 6px 4px 3px;
    border-radius: 4px;
    background: #dedede;
    color: #191919;
    line-height: 1.1;
  }
  .global-nav-owner__name {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    font-weight: 700;
  }
  .is-min .global-nav-owner__name {
    display: none;
  }
  .global-nav-owner__id {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
  }
  .global-nav-owner__button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 7px 7px 6px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #17479c;
    border-radius: 2px;
    background: #fff;
    color: #17479c;
    font-weight: 700;
  }
  .global-nav-owner__button:hover {
    background: #f5f9ff;
  }
  .is-min .global-nav-owner__button {
    display: none;
  }
  .global-nav-menu-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .global-nav-menu-list__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 16px 12px 12px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 0;
    background: #fff;
    color: #818181;
    text-decoration: none;
  }
  .is-min .global-nav-menu-list__link {
    padding: 12px;
  }
  .global-nav-menu-list__link[aria-current=location] {
    padding-left: 10px;
    border-left: 2px solid #17479c;
    background-color: #f5f9ff;
    color: #17479c;
    font-weight: 700;
  }
  .global-nav-menu-list__link:hover {
    background: #f5f9ff;
    color: #17479c;
  }
  .global-nav-menu-list__text {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #191919;
    line-height: 1.1;
  }
  .global-nav-menu-list__link--small .global-nav-menu-list__text {
    font-size: 12px;
  }
  .global-nav-menu-list__link[aria-current=location] .global-nav-menu-list__text {
    color: #17479c;
  }
  .global-nav-menu-list__link:hover .global-nav-menu-list__text {
    color: #17479c;
    font-weight: 700;
  }
  .is-min .global-nav-menu-list__text {
    display: none;
  }
  .global-nav-menu-number {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 9px;
    left: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 20px;
    padding: 2px;
    border-radius: 48px;
    background: #ce1651;
    color: #fff;
    font-size: 8px;
    line-height: 1;
  }
  .global-nav-menu-number ::-webkit-full-page-media, .global-nav-menu-number :future, :root .global-nav-menu-number {
    padding: 3px 2px 1px;
  }
  .half-modal-popover {
    display: none;
    position: absolute;
    z-index: 1;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    background: none;
  }
  .half-modal-popover.is-open {
    display: block;
    right: 0;
  }
  .half-modal-popover__inner {
    position: relative;
    margin: 0;
    overflow: hidden;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border-top: 0;
    border-radius: 10px;
    opacity: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    -webkit-filter: drop-shadow(0 0 20px 0 rgba(0, 0, 0, 0.2));
            filter: drop-shadow(0 0 20px 0 rgba(0, 0, 0, 0.2));
  }
  .is-open .half-modal-popover__inner {
    opacity: 1;
  }
  .half-modal-popover:modal {
    overlay: none !important;
  }
  .half-modal-popover::-ms-backdrop {
    inset: initial;
    background: transparent;
  }
  .half-modal-popover::backdrop {
    inset: initial;
    background: transparent;
  }
  .half-modal-popover__close {
    display: none;
  }
  .half-modal-popover__heading {
    display: none;
  }
  .half-modal-popover__list-box {
    min-width: 217px;
    background-color: transparent;
  }
  .is-bottom + .half-modal-popover .half-modal-popover__list-box {
    max-height: 400px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.5) #fff;
  }
  .is-bottom + .half-modal-popover .half-modal-popover__list-box::-webkit-scrollbar {
    width: 7px;
  }
  .is-bottom + .half-modal-popover .half-modal-popover__list-box::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background: rgba(0, 0, 0, 0.5);
  }
  .half-modal-popover-list {
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style: none;
  }
  .half-modal-popover-list__item {
    margin-inline: 16px;
    border-top: 1px solid #dedede;
  }
  .half-modal-popover-list__item:first-child, .half-modal-popover-list__item:has(.half-modal-popover-list__button:hover), .half-modal-popover-list__item:has(.half-modal-popover-list__button:hover) + .half-modal-popover-list__item, .half-modal-popover-list__item.is-selected, .half-modal-popover-list__item.is-selected + .half-modal-popover-list__item {
    margin-inline: 0;
    padding: 0 16px;
    border-color: #f5f5f5;
  }
  .half-modal-popover-list__button {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% + 32px);
    margin-inline: -16px;
    padding: 12px 16px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 0;
    background: #fff;
    color: #191919;
    line-height: 1.5;
    text-align: start;
    cursor: pointer;
  }
  .half-modal-popover-list__item:first-child .half-modal-popover-list__button {
    padding-top: 20px;
  }
  .half-modal-popover-list__item:last-child .half-modal-popover-list__button {
    padding-bottom: 20px;
  }
  .half-modal-popover-list__item.is-selected .half-modal-popover-list__button {
    background-color: #f5f5f5;
    cursor: default;
  }
  .half-modal-popover-list__button:hover {
    background-color: #f5f5f5;
  }
  .half-modal-popover-menu {
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style: none;
  }
  .half-modal-popover-menu__items {
    margin-inline: 16px;
    border-top: 1px solid #dedede;
  }
  .half-modal-popover-menu__items:first-child, .half-modal-popover-menu__items:has(.half-modal-popover-menu__button:hover), .half-modal-popover-menu__items:has(.half-modal-popover-menu__button:hover) + .half-modal-popover-menu__items {
    margin-inline: 0;
    padding: 0 16px;
    border-color: #f5f5f5;
  }
  .half-modal-popover-menu__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc(100% + 32px);
    margin-inline: -16px;
    padding: 12px 16px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 0;
    background: #fff;
    color: #191919;
    font-size: 14px;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
    white-space: nowrap;
    gap: 8px;
  }
  .half-modal-popover-menu__button:hover {
    background-color: #f5f5f5;
  }
  .half-modal-popover-wrap {
    display: inline-block;
    position: relative;
  }
  /* ------------------------------
    head PC
  ------------------------------ */
  .head-text-area {
    margin-top: 8px;
  }
  .head-text-area--far {
    margin-top: 32px;
  }
  .head-text-area--border {
    margin: 32px 0 0;
    padding-bottom: 32px;
    border-bottom: 1px dashed #a5a5a5;
  }
  .head-text {
    margin: 0;
  }
  .head-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 16px;
  }
  /* ------------------------------
    header PC
  ------------------------------ */
  .header {
    z-index: 3;
    border-top: 3px solid #17479c;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.18);
            box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.18);
  }
  .header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 672px;
    margin-inline: auto;
    padding: 11px 0;
  }
  .header--login .header__inner {
    width: 100%;
    padding: 17px 16px;
  }
  .header__logo-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  .header__logo img {
    width: 132px;
    height: 24px;
  }
  .header__label img {
    width: 76px;
    height: auto;
  }
  .header__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
  .header__account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    margin: 0;
  }
  .header__account-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #08b5ae;
    color: #fff;
    line-height: 1.1;
  }
  .header__account-name {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .header__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 16px;
    border-left: 1px solid #dedede;
  }
  .header__link-area:first-child {
    border-left: 0;
  }
  .header__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #818181;
    text-decoration: none;
  }
  .header__link:hover {
    color: #17479c;
  }
  .header__link-text {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #191919;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
  }
  .header__link:hover .header__link-text {
    color: #17479c;
    text-decoration: underline;
  }
  .header__menu-button {
    display: none;
  }
  /* ------------------------------
    heading PC
  ------------------------------ */
  .heading01 {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
  }
  .error-content .heading01, .heading01--center {
    text-align: center;
  }
  .heading02 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
  }
  .heading03 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .heading04 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .heading-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  /* ------------------------------
    icon PC
  ------------------------------ */
  [class^=icon-] {
    display: inline-block;
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 0;
    text-indent: 0;
  }
  [class^=icon-]::before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-weight: 400;
  }
  .button-primary [class^=icon-], .button-secondary [class^=icon-], .button-tertiary [class^=icon-], .button-quaternary [class^=icon-] {
    position: absolute;
    left: 12px;
    width: 20px;
    height: 20px;
  }
  .button-primary [class^=icon-]::before, .button-secondary [class^=icon-]::before, .button-tertiary [class^=icon-]::before, .button-quaternary [class^=icon-]::before {
    font-size: 20px;
  }
  .button-icon [class^=icon-], .button-icon-small [class^=icon-] {
    position: relative;
    left: auto;
    width: 24px;
    height: 24px;
  }
  .button-icon [class^=icon-]::before, .button-icon-small [class^=icon-]::before {
    font-size: 24px;
  }
  .button-function [class^=icon-] {
    position: relative;
    left: auto;
    width: 20px;
    height: 20px;
    margin: -1px 0 0 -4px;
  }
  .button-function [class^=icon-]::before {
    font-size: 20px;
  }
  .button-menu-primary [class^=icon-], .button-menu-secondary [class^=icon-] {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f5f9ff;
    color: #17479c;
  }
  .button-menu-primary [class^=icon-]::before, .button-menu-secondary [class^=icon-]::before {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 24px;
  }
  .button-menu-secondary:hover [class^=icon-] {
    background: #fff;
  }
  .half-modal-popover-menu__button [class^=icon-] {
    width: 18px;
    height: 18px;
  }
  .half-modal-popover-menu__button [class^=icon-]::before {
    color: #818181;
    font-size: 18px;
  }
  .icon-remove::before {
    content: "\e15b";
    font-size: 20px;
  }
  .icon-delete {
    width: 20px;
    height: 20px;
  }
  .icon-delete::before {
    content: "\e872";
    font-size: 20px;
  }
  .link-icon .icon-delete {
    position: absolute;
    left: 0;
    margin-top: 1px;
  }
  .icon-add::before {
    content: "\e145";
    font-size: 20px;
  }
  .icon-edit {
    width: 20px;
    height: 20px;
  }
  .icon-edit::before {
    content: "\e3c9";
    font-size: 20px;
  }
  .link-icon .icon-edit {
    position: absolute;
    left: -2px;
    width: 24px;
    height: 24px;
  }
  .link-icon .icon-edit::before {
    font-size: 24px;
  }
  .button-function .icon-edit {
    margin-top: -3px;
  }
  .icon-edit-lock {
    width: 20px;
    height: 20px;
    vertical-align: bottom;
  }
  .icon-edit-lock::before {
    content: "\f8f3";
    color: #818181;
    font-size: 20px;
  }
  .form__label .icon-edit-lock {
    margin-left: 4px;
  }
  .form__label-box .icon-edit-lock {
    margin-left: -4px;
  }
  .checkbox .icon-edit-lock {
    margin-left: 0;
  }
  .icon-download {
    width: 20px;
    height: 20px;
  }
  .icon-download::before {
    content: "\f090";
    font-size: 20px;
  }
  .link-icon .icon-download {
    position: absolute;
    left: 0;
    margin-top: 2px;
  }
  .icon-upload {
    width: 20px;
    height: 20px;
  }
  .icon-upload::before {
    content: "\e255";
    font-size: 20px;
  }
  .icon-help {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 2px;
  }
  .icon-help::before {
    content: "\e887";
    font-size: 20px;
  }
  .link-help .icon-help {
    position: relative;
    margin-top: 0;
  }
  .icon-blank {
    width: 20px;
    height: 20px;
    vertical-align: top;
  }
  .icon-blank::before {
    content: "\e89e";
    font-size: 20px;
  }
  .button-primary .icon-blank, .button-secondary .icon-blank, .button-tertiary .icon-blank, .button-quaternary .icon-blank {
    right: 12px;
    left: auto;
  }
  .link-icon--right .icon-blank {
    margin-top: 1px;
  }
  .icon-copy {
    width: 20px;
    height: 20px;
  }
  .icon-copy::before {
    content: "\e173";
    font-size: 20px;
  }
  .link-icon .icon-copy {
    position: absolute;
    left: 0;
    margin-top: 2px;
  }
  .icon-text-copy {
    width: 20px;
    height: 20px;
  }
  .icon-text-copy::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #17479c;
    -webkit-mask: url("../images/icon/gray-primary/ico_link.svg") no-repeat center/100%;
            mask: url("../images/icon/gray-primary/ico_link.svg") no-repeat center/100%;
  }
  .half-modal-popover-menu__button .icon-text-copy::before {
    background-color: #818181;
  }
  .icon-attach {
    width: 20px;
    height: 20px;
  }
  .icon-attach::before {
    content: "\e226";
    color: #818181;
    font-size: 20px;
  }
  .icon-group {
    width: 20px;
    height: 20px;
  }
  .icon-group::before {
    content: "\f233";
    font-size: 20px;
  }
  .mail-menu-button .icon-group {
    position: absolute;
    left: 15px;
  }
  .icon-person {
    width: 20px;
    height: 20px;
  }
  .icon-person::before {
    content: "\e7fd";
    font-size: 20px;
  }
  .mail-menu-button .icon-person {
    position: absolute;
    left: 15px;
  }
  .icon-campaign {
    width: 20px;
    height: 20px;
  }
  .icon-campaign::before {
    content: "\ef49";
    font-size: 20px;
  }
  .icon-alert {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 1px;
  }
  .icon-alert::before {
    content: "\e000";
    font-size: 20px;
  }
  .modal-alert-dialog__title .icon-alert {
    width: 24px;
    height: 24px;
    margin-top: 4px;
  }
  .modal-alert-dialog__title .icon-alert::before {
    font-size: 24px;
  }
  .event-list__text-important .icon-alert {
    width: 18px;
    height: 18px;
    margin-top: 0;
  }
  .event-list__text-important .icon-alert::before {
    font-size: 18px;
  }
  .icon-notification {
    width: 20px;
    height: 20px;
  }
  .icon-notification::before {
    content: "\e0f0";
    font-size: 20px;
  }
  .alert .icon-notification {
    position: absolute;
    top: 0;
    left: 0;
  }
  .icon-settings {
    width: 20px;
    height: 20px;
  }
  .icon-settings::before {
    content: "\e8b8";
    font-size: 20px;
  }
  .icon-stop {
    width: 20px;
    height: 20px;
  }
  .icon-stop::before {
    content: "\e14b";
    font-size: 20px;
  }
  .icon-resale {
    width: 20px;
    height: 20px;
    margin-inline: 2px;
    border: 1px solid #191919;
    border-radius: 50%;
  }
  .icon-dashboard {
    width: 20px;
    height: 20px;
  }
  .icon-dashboard::before {
    content: "\e871";
    font-size: 20px;
  }
  .icon-notice {
    width: 20px;
    height: 20px;
  }
  .icon-notice::before {
    content: "\e7f4";
    font-size: 20px;
  }
  .icon-event {
    width: 20px;
    height: 20px;
  }
  .icon-event::before {
    content: "\ea68";
    font-size: 20px;
  }
  .icon-list {
    width: 20px;
    height: 20px;
  }
  .icon-list::before {
    content: "\e0ee";
    font-size: 20px;
  }
  .icon-sales {
    width: 20px;
    height: 20px;
  }
  .icon-sales::before {
    content: "\e2eb";
    font-size: 20px;
  }
  .icon-description {
    width: 20px;
    height: 20px;
  }
  .icon-description::before {
    content: "\e873";
    font-size: 20px;
  }
  .link-icon .icon-description {
    position: absolute;
    left: 0;
  }
  .icon-return {
    width: 20px;
    height: 20px;
  }
  .icon-return::before {
    content: "\e15a";
    font-size: 20px;
  }
  .icon-send {
    width: 20px;
    height: 20px;
  }
  .icon-send::before {
    content: "\e163";
    font-size: 20px;
  }
  .icon-inquiry {
    width: 20px;
    height: 20px;
  }
  .icon-inquiry::before {
    content: "\e0b7";
    font-size: 20px;
  }
  .icon-no-account {
    width: 20px;
    height: 20px;
  }
  .icon-no-account::before {
    content: "\f03e";
    font-size: 20px;
  }
  .icon-seller {
    width: 20px;
    height: 20px;
  }
  .icon-seller::before {
    content: "\ea40";
    font-size: 20px;
  }
  .icon-time {
    width: 20px;
    height: 20px;
  }
  .icon-time::before {
    content: "\e8b5";
    font-size: 20px;
  }
  .icon-logout {
    width: 20px;
    height: 20px;
  }
  .icon-logout::before {
    content: "\e9ba";
    font-size: 20px;
  }
  .icon-withdrawal {
    width: 20px;
    height: 20px;
  }
  .icon-withdrawal::before {
    content: "\ef66";
    font-size: 20px;
  }
  .icon-ticket {
    width: 20px;
    height: 20px;
  }
  .icon-ticket::before {
    content: "\e638";
    font-size: 20px;
  }
  .icon-meatball {
    width: 24px;
    height: 24px;
  }
  .icon-meatball::before {
    content: "\ef64";
    font-size: 24px;
  }
  .icon-lottery {
    width: 24px;
    height: 24px;
  }
  .icon-lottery::before {
    content: "\e175";
    font-size: 24px;
  }
  .icon-qr {
    width: 24px;
    height: 24px;
  }
  .icon-qr::before {
    content: "\ef6b";
    font-size: 24px;
  }
  .icon-graph {
    width: 20px;
    height: 20px;
  }
  .icon-graph::before {
    content: "\f681";
    font-size: 24px;
  }
  .icon-mail {
    width: 20px;
    height: 20px;
  }
  .icon-mail::before {
    content: "\e158";
    font-size: 20px;
  }
  .icon-private {
    width: 20px;
    height: 20px;
  }
  .icon-private::before {
    content: "\e8f5";
    font-size: 20px;
  }
  .icon-publish {
    width: 20px;
    height: 20px;
  }
  .icon-publish::before {
    content: "\e8f4";
    font-size: 20px;
  }
  .icon-calender {
    width: 20px;
    height: 20px;
  }
  .icon-calender::before {
    content: "\e878";
    font-size: 20px;
  }
  .icon-x {
    width: 20px;
    height: 20px;
    background: url("../images/icon/gray-primary/ico_x.svg") no-repeat center/100%;
  }
  .event-share-button .icon-x {
    width: 32px;
    height: 32px;
    background-image: url("../images/icon/main/ico_x.svg");
  }
  .icon-facebook {
    width: 20px;
    height: 20px;
    background: url("../images/icon/gray-primary/ico_facebook.svg") no-repeat center/100%;
  }
  .event-share-button .icon-facebook {
    width: 32px;
    height: 32px;
    background-image: url("../images/icon/main/ico_facebook.svg");
  }
  .icon-line {
    width: 20px;
    height: 20px;
    background: url("../images/icon/gray-primary/ico_line.svg") no-repeat center/100%;
  }
  .event-share-button .icon-line {
    width: 32px;
    height: 32px;
    background-image: url("../images/icon/main/ico_line.svg");
  }
  .icon-instagram {
    width: 20px;
    height: 20px;
    background: url("../images/icon/gray-primary/ico_instagram.svg") no-repeat center/100%;
  }
  .icon-tiktok {
    width: 20px;
    height: 20px;
    background: url("../images/icon/gray-primary/ico_tiktok.svg") no-repeat center/100%;
  }
  .icon-movie {
    width: 20px;
    height: 20px;
  }
  .icon-movie::before {
    content: "\e639";
    font-size: 20px;
  }
  .icon-home {
    width: 20px;
    height: 20px;
  }
  .icon-home::before {
    content: "\e88a";
    left: -1px;
    font-size: 22px;
  }
  .icon-ad {
    width: 20px;
    height: 20px;
  }
  .icon-ad::before {
    content: "\e65a";
    font-size: 20px;
  }
  .icon-code {
    width: 20px;
    height: 20px;
  }
  .icon-code::before {
    content: "\f045";
    font-size: 20px;
  }
  .icon-fan {
    width: 20px;
    height: 20px;
  }
  .icon-fan::before {
    content: "\f8d7";
    font-size: 20px;
  }
  .icon-real-fan {
    width: 20px;
    height: 20px;
  }
  .icon-real-fan::before {
    content: "\f8d7";
    font-size: 20px;
    font-variation-settings: "FILL" 1;
  }
  .icon-close {
    width: 20px;
    height: 20px;
  }
  .icon-close::before {
    content: "\e5cd";
    font-size: 20px;
  }
  .link-icon .icon-close {
    position: absolute;
    left: 0;
  }
  .icon-set-page {
    width: 20px;
    height: 20px;
  }
  .icon-set-page::before {
    content: "\e6fa";
    font-size: 20px;
  }
  .icon-unset-page::before {
    content: "\e506";
    font-size: 20px;
  }
  .icon-unlink {
    width: 20px;
    height: 20px;
  }
  .icon-unlink::before {
    content: "\e16f";
    font-size: 20px;
  }
  .icon-reply {
    width: 20px;
    height: 20px;
  }
  .icon-reply::before {
    content: "\e15e";
    font-size: 20px;
  }
  .icon-lock {
    width: 20px;
    height: 20px;
  }
  .icon-lock::before {
    content: "\e897";
    color: #818181;
    font-size: 20px;
  }
  :is(.event-list__sub, .event-group-list__sub) .icon-lock {
    width: 16px;
    height: 16px;
  }
  :is(.event-list__sub, .event-group-list__sub) .icon-lock::before {
    font-size: 16px;
  }
  .icon-print {
    width: 20px;
    height: 20px;
  }
  .icon-print::before {
    content: "\e8ad";
    font-size: 20px;
  }
  .icon-ticket-add {
    width: 20px;
    height: 20px;
    background: url("../images/icon/white/ico_ticket_add.svg") no-repeat center/100%;
  }
  .icon-reception-add {
    width: 20px;
    height: 20px;
    background: url("../images/icon/white/ico_reception_add.svg") no-repeat center/100%;
  }
  .button-secondary .icon-reception-add {
    background: url("../images/icon/main/ico_reception_add.svg") no-repeat center/100%;
  }
  .icon-seat {
    width: 20px;
    height: 20px;
  }
  .icon-seat::before {
    content: "\e903";
    font-size: 20px;
  }
  .icon-preview {
    width: 20px;
    height: 20px;
    background: url("../images/icon/gray-primary/ico_preview.svg") no-repeat center/100%;
  }
  .button-secondary .icon-preview {
    background-image: url("../images/icon/main/ico_preview.svg");
  }
  /* ------------------------------
    input-text PC
  ------------------------------ */
  .input-text {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 200px;
    height: 48px;
    padding: 13px 12px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
  }
  .input-text.is-error {
    border-color: #ce1651;
    background: #ffe8ef;
  }
  .input-text:disabled {
    background: #f5f5f5;
    pointer-events: none;
  }
  .input-text:disabled::-webkit-input-placeholder {
    color: #818181;
  }
  .input-text:disabled::-moz-placeholder {
    color: #818181;
  }
  .input-text:disabled:-ms-input-placeholder {
    color: #818181;
  }
  .input-text:disabled::-ms-input-placeholder {
    color: #818181;
  }
  .input-text:disabled::placeholder {
    color: #818181;
  }
  .input-text:hover {
    border-color: #a5a5a5;
  }
  .input-text:focus {
    border-color: #a5a5a5;
    outline: 0;
    outline-offset: 0;
  }
  .input-text--long {
    max-width: 560px;
  }
  .input-text--short {
    max-width: 124px;
  }
  .input-text-password {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 200px;
  }
  .input-text-password--long {
    max-width: 560px;
  }
  .input-text-password--full {
    max-width: none;
  }
  .input-text-password__input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 200px;
    height: 48px;
    padding: 13px 12px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
    max-width: none;
    padding: 12px 48px 12px 12px;
  }
  .input-text-password__input.is-error {
    border-color: #ce1651;
    background: #ffe8ef;
  }
  .input-text-password__input:disabled {
    background: #f5f5f5;
    pointer-events: none;
  }
  .input-text-password__input:disabled::-webkit-input-placeholder {
    color: #818181;
  }
  .input-text-password__input:disabled::-moz-placeholder {
    color: #818181;
  }
  .input-text-password__input:disabled:-ms-input-placeholder {
    color: #818181;
  }
  .input-text-password__input:disabled::-ms-input-placeholder {
    color: #818181;
  }
  .input-text-password__input:disabled::placeholder {
    color: #818181;
  }
  .input-text-password__input:hover {
    border-color: #a5a5a5;
  }
  .input-text-password__input:focus {
    border-color: #a5a5a5;
    outline: 0;
    outline-offset: 0;
  }
  .input-text-password__input--long {
    max-width: 560px;
  }
  .input-text-password__input--short {
    max-width: 124px;
  }
  .input-text-password__button {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .input-text-password__button::before {
    content: "\e8f5";
    position: absolute;
    top: 0;
    right: 0;
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    font-weight: 300;
  }
  .input-text-password__button.is-show::before {
    content: "\e8f4";
  }
  .input-text-password__input:disabled + .input-text-password__button {
    pointer-events: none;
  }
  .input-text-search {
    display: inline-block;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    max-width: 374px;
  }
  .input-text-search::after {
    content: "\e8b6";
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #17479c;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .input-text-search--long {
    max-width: 350px;
  }
  .input-text-search__input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 200px;
    height: 48px;
    padding: 13px 12px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
    max-width: none;
    padding: 12px 12px 12px 48px;
  }
  .input-text-search__input.is-error {
    border-color: #ce1651;
    background: #ffe8ef;
  }
  .input-text-search__input:disabled {
    background: #f5f5f5;
    pointer-events: none;
  }
  .input-text-search__input:disabled::-webkit-input-placeholder {
    color: #818181;
  }
  .input-text-search__input:disabled::-moz-placeholder {
    color: #818181;
  }
  .input-text-search__input:disabled:-ms-input-placeholder {
    color: #818181;
  }
  .input-text-search__input:disabled::-ms-input-placeholder {
    color: #818181;
  }
  .input-text-search__input:disabled::placeholder {
    color: #818181;
  }
  .input-text-search__input:hover {
    border-color: #a5a5a5;
  }
  .input-text-search__input:focus {
    border-color: #a5a5a5;
    outline: 0;
    outline-offset: 0;
  }
  .input-text-search__input--long {
    max-width: 560px;
  }
  .input-text-search__input--short {
    max-width: 124px;
  }
  .input-text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
  }
  .input-text-box__button {
    min-height: 48px;
    padding: 12px 16px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 0;
    border-radius: 2px;
    background: #17479c;
    color: #fff;
    font-weight: 700;
  }
  .input-text-box__button:hover {
    background: #0e2f69;
  }
  /* ------------------------------
    label PC
  ------------------------------ */
  .label-required {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background-color: #e80b66;
  }
  .heading03 .label-required {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-required, .form-child__label .label-required, .form-address__label .label-required {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-normal {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background-color: #535353;
  }
  .heading03 .label-normal {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-normal, .form-child__label .label-normal, .form-address__label .label-normal {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-attention {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background-color: #e80b66;
  }
  .heading03 .label-attention {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-attention, .form-child__label .label-attention, .form-address__label .label-attention {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-alert {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background-color: #f00;
  }
  .heading03 .label-alert {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-alert, .form-child__label .label-alert, .form-address__label .label-alert {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-ticket {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background-color: #8557cf;
  }
  .heading03 .label-ticket {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-ticket, .form-child__label .label-ticket, .form-address__label .label-ticket {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-lottery {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #008577;
    background: #fff;
    color: #008577;
  }
  .heading03 .label-lottery {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-lottery, .form-child__label .label-lottery, .form-address__label .label-lottery {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-first-come {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: #008577;
    color: #fff;
  }
  .heading03 .label-first-come {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-first-come, .form-child__label .label-first-come, .form-address__label .label-first-come {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-fan-club {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    position: relative;
    padding-left: 22px;
    background: #008577;
    color: #fff;
  }
  .heading03 .label-fan-club {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-fan-club, .form-child__label .label-fan-club, .form-address__label .label-fan-club {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-fan-club::before {
    content: "";
    position: absolute;
    left: 8px;
    width: 14px;
    height: 14px;
    background: url("../images/icon/white/ico_star.svg") no-repeat center/100%;
  }
  .label-serial-code {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    position: relative;
    padding-left: 22px;
    background: #008577;
    color: #fff;
  }
  .heading03 .label-serial-code {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-serial-code, .form-child__label .label-serial-code, .form-address__label .label-serial-code {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-serial-code::before {
    content: "";
    position: absolute;
    left: 8px;
    width: 14px;
    height: 14px;
    background: url("../images/icon/white/ico_key.svg") no-repeat center/100%;
  }
  .label-status-normal {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: #535353;
    color: #fff;
  }
  .heading03 .label-status-normal {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-normal, .form-child__label .label-status-normal, .form-address__label .label-status-normal {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-normal-sub {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #535353;
    background: #fff;
    color: #535353;
  }
  .heading03 .label-status-normal-sub {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-normal-sub, .form-child__label .label-status-normal-sub, .form-address__label .label-status-normal-sub {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-important {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: #cc4100;
    color: #fff;
  }
  .heading03 .label-status-important {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-important, .form-child__label .label-status-important, .form-address__label .label-status-important {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-important-sub {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #cc4100;
    background: #fff;
    color: #cc4100;
  }
  .heading03 .label-status-important-sub {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-important-sub, .form-child__label .label-status-important-sub, .form-address__label .label-status-important-sub {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-sale {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: #17349c;
    color: #fff;
  }
  .heading03 .label-status-sale {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-sale, .form-child__label .label-status-sale, .form-address__label .label-status-sale {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-before-sale {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #17349c;
    background: #fff;
    color: #17349c;
  }
  .heading03 .label-status-before-sale {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-before-sale, .form-child__label .label-status-before-sale, .form-address__label .label-status-before-sale {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-alert {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: #f00;
    color: #fff;
  }
  .heading03 .label-status-alert {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-alert, .form-child__label .label-status-alert, .form-address__label .label-status-alert {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-alert-sub {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #f00;
    background: #fff;
    color: #f00;
  }
  .heading03 .label-status-alert-sub {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-alert-sub, .form-child__label .label-status-alert-sub, .form-address__label .label-status-alert-sub {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-attention {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: #e80b66;
    color: #fff;
  }
  .heading03 .label-status-attention {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-attention, .form-child__label .label-status-attention, .form-address__label .label-status-attention {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-attention-sub {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #e80b66;
    background: #fff;
    color: #e80b66;
  }
  .heading03 .label-status-attention-sub {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-attention-sub, .form-child__label .label-status-attention-sub, .form-address__label .label-status-attention-sub {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-supplement {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    background: #dedede;
    color: #535353;
  }
  .heading03 .label-status-supplement {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-supplement, .form-child__label .label-status-supplement, .form-address__label .label-status-supplement {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-notice {
    color: #17479c;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
  }
  .label-status-locked {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    position: relative;
    padding-left: 24px;
    border: 1px solid #191919;
    border-radius: 100vh;
    background: #fff;
    color: #191919;
  }
  .heading03 .label-status-locked {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-locked, .form-child__label .label-status-locked, .form-address__label .label-status-locked {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-locked::before {
    content: "";
    position: absolute;
    left: 8px;
    width: 14px;
    height: 14px;
    background: url("../images/icon/black/ico_lock.svg") no-repeat center/contain;
  }
  .label-status-checked {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    position: relative;
    padding-left: 24px;
    border: 1px solid #191919;
    border-radius: 100vh;
    background: #fff;
    color: #191919;
  }
  .heading03 .label-status-checked {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-status-checked, .form-child__label .label-status-checked, .form-address__label .label-status-checked {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-status-checked::before {
    content: "\e5ca";
    position: absolute;
    left: 8px;
    font-size: 16px;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
  }
  .label-primary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border-radius: 16px;
    background-color: #818181;
  }
  .heading03 .label-primary {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-primary, .form-child__label .label-primary, .form-address__label .label-primary {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-important {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border-radius: 16px;
    background-color: #ff8000;
  }
  .heading03 .label-important {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-important, .form-child__label .label-important, .form-address__label .label-important {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-information {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border-radius: 16px;
    background-color: #f2f2f2;
    color: #191919;
  }
  .heading03 .label-information {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-information, .form-child__label .label-information, .form-address__label .label-information {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-before-sale {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border-radius: 16px;
    background-color: rgba(255, 128, 0, 0.5);
  }
  .heading03 .label-before-sale {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-before-sale, .form-child__label .label-before-sale, .form-address__label .label-before-sale {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-before {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #818181;
    border-radius: 16px;
    background-color: #fff;
    color: #818181;
  }
  .heading03 .label-before {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-before, .form-child__label .label-before, .form-address__label .label-before {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-setting {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid #a5a5a5;
    border-radius: 4px;
    background-color: #fff;
    color: #191919;
    font-weight: 400;
  }
  .heading03 .label-setting {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-setting, .form-child__label .label-setting, .form-address__label .label-setting {
    margin-left: 8px;
    vertical-align: bottom;
  }
  .label-cancel {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 48px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border-radius: 16px;
    background-color: rgba(206, 22, 81, 0.5);
  }
  .heading03 .label-cancel {
    margin: -2px 0 0 8px;
    vertical-align: middle;
  }
  .form__label .label-cancel, .form-child__label .label-cancel, .form-address__label .label-cancel {
    margin-left: 8px;
    vertical-align: bottom;
  }
  /* ------------------------------
    link PC
  ------------------------------ */
  .link-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 260px;
    margin-top: 16px;
  }
  .link-text {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 0;
    background: none;
    color: #17479c;
    text-decoration: underline;
    word-break: break-all;
  }
  .link-text:hover {
    text-decoration: none;
  }
  .link-arrow {
    display: inline-block;
    position: relative;
    padding-right: 24px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 0;
    background: 0;
    color: #17479c;
    text-decoration: none;
  }
  .link-arrow::after {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .link-arrow:hover {
    text-decoration: underline;
  }
  .link-arrow:hover::after {
    right: -4px;
  }
  .link-arrow[aria-disabled=true] {
    color: #818181;
    cursor: default;
    pointer-events: none;
  }
  .link-arrow[aria-disabled=true]:hover {
    opacity: 1;
  }
  .link-icon {
    display: inline-block;
    position: relative;
    padding: 0 0 0 24px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 0;
    background: transparent;
    color: #17479c;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    text-decoration: none;
    text-indent: initial;
    word-break: break-all;
  }
  .link-icon--right {
    padding-left: 0;
  }
  .link-icon--blank::after {
    content: "\e6fa";
    display: inline-block;
    margin-left: 4px;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
    line-height: 24px;
    vertical-align: bottom;
  }
  .link-icon--small {
    font-size: 14px;
  }
  .link-icon--xsmall {
    font-size: 12px;
  }
  .link-icon:hover {
    text-decoration: underline;
  }
  .link-icon[aria-disabled=true] {
    color: #818181;
    cursor: default;
    pointer-events: none;
  }
  .link-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
    padding: 4px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #17479c;
    font-size: 0;
  }
  .link-help:hover {
    background: #f0f6ff;
  }
  .link-internal-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
  }
  .link-internal-list__link {
    position: relative;
    padding-right: 20px;
    color: #17479c;
    text-decoration: none;
  }
  .link-internal-list__link::before {
    content: "\e313";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .link-internal-list__link:hover {
    text-decoration: underline;
  }
  /* ------------------------------
    ly PC
  ------------------------------ */
  .ly-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
  .ly-main-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: 0;
    height: 100%;
  }
  .ly-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
  }
  .ly-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 40px 0 80px;
  }
  .ly-content:has(.dashboard), .ly-content:has(.notice-important) {
    padding-top: 0;
  }
  .ly-container-single-column {
    width: 672px;
    margin-inline: auto;
  }
  .ly-container-double-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 1288px;
  }
  .ly-container-full {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
  .ly-box {
    position: relative;
    margin-top: 24px;
    padding: 24px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .ly-double-column-inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  /* ------------------------------
    message PC
  ------------------------------ */
  .message {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    background: #f5f5f5;
    color: #191919;
  }
  .message--success {
    background: #dbf7f5;
    color: #007569;
  }
  .message--error {
    background: #ffe8ef;
    color: #ce1651;
  }
  .message--important {
    background: #ffeec2;
    color: #dc6e00;
  }
  .message__inner {
    padding: 16px;
  }
  .message__link {
    display: block;
    position: relative;
    padding-right: 44px;
    color: #191919;
    text-decoration: none;
  }
  .message--success .message__link {
    color: #007569;
  }
  .message--error .message__link {
    color: #ce1651;
  }
  .message--important .message__link {
    color: #dc6e00;
  }
  .message__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .message__link:hover::before {
    right: 12px;
  }
  .message__link--anchor::before {
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
  }
  .message__title {
    margin: 0;
    font-size: 24px;
    text-align: center;
  }
  .message__text {
    margin: 16px 0 0;
  }
  .message__text:first-child {
    margin-top: 0;
  }
  .message__link:hover .message__text {
    text-decoration: underline;
  }
  .message__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 16px;
  }
  .message-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .message-list__item {
    padding-left: 1em;
    text-indent: -1em;
  }
  .message-list__item::before {
    content: "・";
  }
  .message-area {
    margin-top: 32px;
  }
  .message-area--close {
    margin-top: 16px;
  }
  .message-null {
    margin: 16px 0 0;
    padding: 40px 0;
    font-size: 16px;
    text-align: center;
  }
  /* ------------------------------
    modal PC
  ------------------------------ */
  .modal {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 128px);
    min-width: 560px;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    max-width: 712px;
  }
  .modal--fit-content {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .modal::-ms-backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal::backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal:focus {
    outline: none;
  }
  .modal:has(.modal__box--wide) {
    overflow-y: auto;
  }
  .modal__close {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 24px;
    width: 32px;
    height: 32px;
    margin: 0 0 0 auto;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .modal__close::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .modal:has(.modal__box--wide) .modal__close {
    width: 24px;
    height: 24px;
  }
  .modal:has(.modal__box--wide) .modal__close::before {
    font-size: 24px;
  }
  .modal__inner {
    padding: 24px 32px;
    border-radius: 10px;
    background: #fff;
  }
  .modal__inner:first-child {
    margin-top: 0;
  }
  .modal__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: calc(100dvh - 272px);
  }
  .modal__box:not(:has(.modal__title)) {
    padding-top: 32px;
  }
  .modal__box--wide {
    min-height: 260px;
    max-height: calc(100dvh - 500px);
    margin: 0 -32px;
  }
  .modal__title {
    margin: 0;
    padding-right: 32px;
    font-size: 22px;
    font-weight: 700;
  }
  .modal__box--wide .modal__title {
    padding: 0 32px;
    font-size: 18px;
  }
  .modal__sub-title {
    margin: 4px 0 0;
    font-size: 14px;
    text-align: center;
  }
  .modal__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 16px;
    padding-bottom: 1px;
    overflow-x: hidden;
    overflow-y: auto;
    /* スクロールバー非表示（IE・Edge） */
    -ms-overflow-style: none;
    /* スクロールバー非表示（Firefox） */
    scrollbar-width: none;
    /* スクロールバー非表示（Chrome・Safari） */
  }
  .modal__content::-webkit-scrollbar {
    display: none;
  }
  .modal__content.is-simple-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding-right: 16px;
  }
  .modal__content:first-child {
    margin-top: 0;
  }
  .modal__section {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal__section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .modal__text {
    margin: 16px 0 0;
  }
  .modal__text:first-child {
    margin-top: 0;
  }
  .modal__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
    overflow: hidden;
  }
  .modal__link-area:first-child {
    margin-top: 0;
  }
  .modal__note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 8px;
  }
  .modal__list-area {
    margin-top: 16px;
  }
  .modal__list-area:first-child {
    margin-top: 0;
  }
  .modal__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    margin-top: 32px;
  }
  .modal__button-area--border {
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal__bottom .modal__button-area {
    margin-top: 24px;
  }
  .modal__image {
    margin: 0 auto;
    margin-top: 16px;
    text-align: center;
  }
  .modal__image:first-child {
    margin-top: 0;
  }
  .modal__sample {
    margin: 16px 0 -16px;
    padding: 8px 12px;
    background: #ffeec2;
    color: #dc6e00;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
  }
  .modal__sub-title {
    margin: 24px 0 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
  }
  .modal__bottom {
    margin-top: 24px;
  }
  .modal-dialog {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 128px);
    min-width: 560px;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    top: -20%;
    max-width: 560px;
  }
  .modal-dialog--fit-content {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .modal-dialog::-ms-backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal-dialog::backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal-dialog:focus {
    outline: none;
  }
  .modal-dialog:has(.modal-dialog__box--wide) {
    overflow-y: auto;
  }
  .modal-dialog__close {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 24px;
    width: 32px;
    height: 32px;
    margin: 0 0 0 auto;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .modal-dialog__close::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .modal-dialog:has(.modal-dialog__box--wide) .modal-dialog__close {
    width: 24px;
    height: 24px;
  }
  .modal-dialog:has(.modal-dialog__box--wide) .modal-dialog__close::before {
    font-size: 24px;
  }
  .modal-dialog__inner {
    padding: 24px 32px;
    border-radius: 10px;
    background: #fff;
  }
  .modal-dialog__inner:first-child {
    margin-top: 0;
  }
  .modal-dialog__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: calc(100dvh - 272px);
  }
  .modal-dialog__box:not(:has(.modal-dialog__title)) {
    padding-top: 32px;
  }
  .modal-dialog__box--wide {
    min-height: 260px;
    max-height: calc(100dvh - 500px);
    margin: 0 -32px;
  }
  .modal-dialog__title {
    margin: 0;
    padding-right: 32px;
    font-size: 22px;
    font-weight: 700;
  }
  .modal-dialog__box--wide .modal-dialog__title {
    padding: 0 32px;
    font-size: 18px;
  }
  .modal-dialog__sub-title {
    margin: 4px 0 0;
    font-size: 14px;
    text-align: center;
  }
  .modal-dialog__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 16px;
    padding-bottom: 1px;
    overflow-x: hidden;
    overflow-y: auto;
    /* スクロールバー非表示（IE・Edge） */
    -ms-overflow-style: none;
    /* スクロールバー非表示（Firefox） */
    scrollbar-width: none;
    /* スクロールバー非表示（Chrome・Safari） */
  }
  .modal-dialog__content::-webkit-scrollbar {
    display: none;
  }
  .modal-dialog__content.is-simple-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding-right: 16px;
  }
  .modal-dialog__content:first-child {
    margin-top: 0;
  }
  .modal-dialog__section {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal-dialog__section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .modal-dialog__text {
    margin: 16px 0 0;
  }
  .modal-dialog__text:first-child {
    margin-top: 0;
  }
  .modal-dialog__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
    overflow: hidden;
  }
  .modal-dialog__link-area:first-child {
    margin-top: 0;
  }
  .modal-dialog__note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 8px;
  }
  .modal-dialog__list-area {
    margin-top: 16px;
  }
  .modal-dialog__list-area:first-child {
    margin-top: 0;
  }
  .modal-dialog__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    margin-top: 32px;
  }
  .modal-dialog__button-area--border {
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal__bottom .modal-dialog__button-area {
    margin-top: 24px;
  }
  .modal-dialog__image {
    margin: 0 auto;
    margin-top: 16px;
    text-align: center;
  }
  .modal-dialog__image:first-child {
    margin-top: 0;
  }
  .modal-dialog__box {
    max-height: 304px;
  }
  .modal-alert-dialog {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 128px);
    min-width: 560px;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    top: -20%;
    max-width: 560px;
  }
  .modal-alert-dialog--fit-content {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .modal-alert-dialog::-ms-backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal-alert-dialog::backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal-alert-dialog:focus {
    outline: none;
  }
  .modal-alert-dialog:has(.modal-alert-dialog__box--wide) {
    overflow-y: auto;
  }
  .modal-alert-dialog__close {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 24px;
    width: 32px;
    height: 32px;
    margin: 0 0 0 auto;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .modal-alert-dialog__close::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .modal-alert-dialog:has(.modal-alert-dialog__box--wide) .modal-alert-dialog__close {
    width: 24px;
    height: 24px;
  }
  .modal-alert-dialog:has(.modal-alert-dialog__box--wide) .modal-alert-dialog__close::before {
    font-size: 24px;
  }
  .modal-alert-dialog__inner {
    padding: 24px 32px;
    border-radius: 10px;
    background: #fff;
  }
  .modal-alert-dialog__inner:first-child {
    margin-top: 0;
  }
  .modal-alert-dialog__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: calc(100dvh - 272px);
  }
  .modal-alert-dialog__box:not(:has(.modal-alert-dialog__title)) {
    padding-top: 32px;
  }
  .modal-alert-dialog__box--wide {
    min-height: 260px;
    max-height: calc(100dvh - 500px);
    margin: 0 -32px;
  }
  .modal-alert-dialog__title {
    margin: 0;
    padding-right: 32px;
    font-size: 22px;
    font-weight: 700;
  }
  .modal-alert-dialog__box--wide .modal-alert-dialog__title {
    padding: 0 32px;
    font-size: 18px;
  }
  .modal-alert-dialog__sub-title {
    margin: 4px 0 0;
    font-size: 14px;
    text-align: center;
  }
  .modal-alert-dialog__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 16px;
    padding-bottom: 1px;
    overflow-x: hidden;
    overflow-y: auto;
    /* スクロールバー非表示（IE・Edge） */
    -ms-overflow-style: none;
    /* スクロールバー非表示（Firefox） */
    scrollbar-width: none;
    /* スクロールバー非表示（Chrome・Safari） */
  }
  .modal-alert-dialog__content::-webkit-scrollbar {
    display: none;
  }
  .modal-alert-dialog__content.is-simple-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding-right: 16px;
  }
  .modal-alert-dialog__content:first-child {
    margin-top: 0;
  }
  .modal-alert-dialog__section {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal-alert-dialog__section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .modal-alert-dialog__text {
    margin: 16px 0 0;
  }
  .modal-alert-dialog__text:first-child {
    margin-top: 0;
  }
  .modal-alert-dialog__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
    overflow: hidden;
  }
  .modal-alert-dialog__link-area:first-child {
    margin-top: 0;
  }
  .modal-alert-dialog__note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 8px;
  }
  .modal-alert-dialog__list-area {
    margin-top: 16px;
  }
  .modal-alert-dialog__list-area:first-child {
    margin-top: 0;
  }
  .modal-alert-dialog__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    margin-top: 32px;
  }
  .modal-alert-dialog__button-area--border {
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal__bottom .modal-alert-dialog__button-area {
    margin-top: 24px;
  }
  .modal-alert-dialog__image {
    margin: 0 auto;
    margin-top: 16px;
    text-align: center;
  }
  .modal-alert-dialog__image:first-child {
    margin-top: 0;
  }
  .modal-alert-dialog__box {
    max-height: 304px;
  }
  .modal-alert-dialog__title {
    position: relative;
    padding-left: 32px;
    color: #ce1651;
  }
  .modal-alert-dialog__alert-text {
    margin: 16px 0 0;
    font-weight: 700;
  }
  .modal-alert-dialog__alert-text:first-child {
    margin-top: 0;
  }
  .modal-alert-info {
    margin: 0;
    margin-top: 16px;
    padding: 16px;
    background: #f5f5f5;
  }
  .modal-alert-info__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .modal-alert-info__title {
    white-space: nowrap;
  }
  .modal-alert-info__title::after {
    content: "：";
  }
  .modal-alert-info__data {
    margin: 0;
    font-weight: 700;
  }
  .modal-form {
    margin-top: 16px;
  }
  .modal-form__label {
    margin-bottom: 8px;
    font-weight: 700;
  }
  .modal-form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
  }
  .modal-image {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 128px);
    min-width: 560px;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    max-width: 495px;
  }
  .modal-image--fit-content {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .modal-image::-ms-backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal-image::backdrop {
    background: rgba(25, 25, 25, 0.6);
  }
  .modal-image:focus {
    outline: none;
  }
  .modal-image:has(.modal-image__box--wide) {
    overflow-y: auto;
  }
  .modal-image__close {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 24px;
    width: 32px;
    height: 32px;
    margin: 0 0 0 auto;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .modal-image__close::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .modal-image:has(.modal-image__box--wide) .modal-image__close {
    width: 24px;
    height: 24px;
  }
  .modal-image:has(.modal-image__box--wide) .modal-image__close::before {
    font-size: 24px;
  }
  .modal-image__inner {
    padding: 24px 32px;
    border-radius: 10px;
    background: #fff;
  }
  .modal-image__inner:first-child {
    margin-top: 0;
  }
  .modal-image__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: calc(100dvh - 272px);
  }
  .modal-image__box:not(:has(.modal-image__title)) {
    padding-top: 32px;
  }
  .modal-image__box--wide {
    min-height: 260px;
    max-height: calc(100dvh - 500px);
    margin: 0 -32px;
  }
  .modal-image__title {
    margin: 0;
    padding-right: 32px;
    font-size: 22px;
    font-weight: 700;
  }
  .modal-image__box--wide .modal-image__title {
    padding: 0 32px;
    font-size: 18px;
  }
  .modal-image__sub-title {
    margin: 4px 0 0;
    font-size: 14px;
    text-align: center;
  }
  .modal-image__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 16px;
    padding-bottom: 1px;
    overflow-x: hidden;
    overflow-y: auto;
    /* スクロールバー非表示（IE・Edge） */
    -ms-overflow-style: none;
    /* スクロールバー非表示（Firefox） */
    scrollbar-width: none;
    /* スクロールバー非表示（Chrome・Safari） */
  }
  .modal-image__content::-webkit-scrollbar {
    display: none;
  }
  .modal-image__content.is-simple-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding-right: 16px;
  }
  .modal-image__content:first-child {
    margin-top: 0;
  }
  .modal-image__section {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal-image__section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .modal-image__text {
    margin: 16px 0 0;
  }
  .modal-image__text:first-child {
    margin-top: 0;
  }
  .modal-image__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
    overflow: hidden;
  }
  .modal-image__link-area:first-child {
    margin-top: 0;
  }
  .modal-image__note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 8px;
  }
  .modal-image__list-area {
    margin-top: 16px;
  }
  .modal-image__list-area:first-child {
    margin-top: 0;
  }
  .modal-image__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    margin-top: 32px;
  }
  .modal-image__button-area--border {
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .modal__bottom .modal-image__button-area {
    margin-top: 24px;
  }
  .modal-image__image {
    margin: 0 auto;
    margin-top: 16px;
    text-align: center;
  }
  .modal-image__image:first-child {
    margin-top: 0;
  }
  .modal-image__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .modal-image__image {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .modal-image__image img {
    width: auto;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .modal-image__qr img {
    width: 100%;
  }
  .modal__content.is-simple-bar .simplebar-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  /* ------------------------------
    pagination PC
  ------------------------------ */
  .pagination-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 32px;
  }
  .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 26px;
  }
  .pagination__prev, .pagination__next {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    color: #17479c;
    font-size: 14px;
    line-height: 1.1;
    text-decoration: none;
  }
  .pagination__prev::before, .pagination__next::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .pagination__prev:hover, .pagination__next:hover {
    text-decoration: underline;
  }
  .pagination__prev[aria-disabled=true], .pagination__next[aria-disabled=true] {
    color: #818181;
    cursor: default;
  }
  .pagination__prev[aria-disabled=true]:hover, .pagination__next[aria-disabled=true]:hover {
    opacity: 1;
  }
  .pagination__prev {
    padding-left: 24px;
  }
  .pagination__prev::before {
    content: "\e314";
    left: 0;
  }
  .pagination__prev:hover::before {
    left: -4px;
  }
  .pagination__next {
    padding-right: 24px;
  }
  .pagination__next::before {
    content: "\e315";
    right: 0;
  }
  .pagination__next:hover::before {
    right: -4px;
  }
  .pagination__pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1.1;
    gap: 6px;
  }
  .pagination__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 32px;
    padding: 6px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #17479c;
    text-decoration: none;
  }
  .pagination__button[aria-current=page], .pagination__button:hover {
    border-radius: 2px;
    background: #17479c;
    color: #fff;
  }
  .pagination__dots {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0 6px 8px;
    color: #818181;
  }
  .pagination-count {
    margin-top: 16px;
    font-size: 12px;
    line-height: 1.1;
  }
  .pagination-count__number {
    margin-right: 2px;
    font-size: 14px;
    font-weight: 700;
  }
  /* ------------------------------
    progress PC
  ------------------------------ */
  .progress {
    margin-top: 32px;
  }
  .progress__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .progress__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .progress__item::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -2px;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background: #dedede;
  }
  .progress__item:not([aria-current=step] ~ .progress__item)::before {
    background: #17479c;
  }
  .progress__mark {
    position: absolute;
    z-index: 1;
    right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 2px solid #dedede;
    border-radius: 50%;
    background: #dedede;
  }
  .progress__item[aria-current=step] .progress__mark {
    border-color: #17479c;
    background: #fff;
  }
  .progress__item:not([aria-current=step] ~ .progress__item):not([aria-current=step]) .progress__mark {
    border-color: #17479c;
    background: #17479c;
  }
  .progress__name {
    margin-top: 20px;
    padding: 0 6px;
    color: #a5a5a5;
    font-size: 14px;
    text-align: center;
  }
  .progress__item[aria-current=step] .progress__name {
    color: #191919;
    font-weight: 700;
  }
  .progress__title {
    display: none;
  }
  .progress-secondary {
    margin-top: 12px;
  }
  .progress-secondary__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .progress-secondary__item {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 6px 12px 4px;
    background: #dedede;
    color: #818181;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
  }
  .progress-secondary__item:first-child::before {
    content: "";
    position: absolute;
    top: -1px;
    right: -9px;
    width: 8px;
    height: calc(100% + 2px);
    min-height: 23px;
    background: #dedede;
    clip-path: polygon(8px 50%, 0% 0%, 0% 100%);
  }
  .progress-secondary__item:first-child::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -8px;
    width: 8px;
    height: calc(100% + 2px);
    min-height: 23px;
    background: #dedede;
    clip-path: polygon(8px 50%, 0% 0%, 0% 100%);
  }
  .progress-secondary__item[aria-current=step] {
    border: 1px solid #17479c;
    background: #fff;
    color: #17479c;
  }
  .progress-secondary__item[aria-current=step]:first-child::before {
    background: #17479c;
  }
  .progress-secondary__item[aria-current=step]:first-child::after {
    background: #fff;
  }
  /* ------------------------------
    pulldown PC
  ------------------------------ */
  .pulldown {
    display: inline-block;
    position: relative;
    width: 100%;
    min-width: 78px;
    max-width: 374px;
  }
  .pulldown::after {
    content: "\e313";
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #17479c;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    pointer-events: none;
  }
  .pulldown--small {
    max-width: 78px;
  }
  .pulldown--medium {
    max-width: 200px;
  }
  .pulldown--full {
    max-width: 100%;
  }
  .pulldown:has(.pulldown__select:disabled)::after {
    color: #a5a5a5;
  }
  .pulldown__select {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 13px 36px 13px 12px;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .pulldown--small .pulldown__select {
    padding-right: 36px;
  }
  .pulldown__select.is-error {
    border-color: #ce1651;
    background: #ffe8ef;
  }
  .pulldown__select:hover {
    border-color: #a5a5a5;
  }
  .pulldown__select:disabled {
    background: #f5f5f5;
    color: #818181;
    pointer-events: none;
  }
  .pulldown__select:focus {
    border-color: #a5a5a5;
    outline: 0;
  }
  /* ------------------------------
    radio PC
  ------------------------------ */
  .radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
  }
  .radio::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: -10px;
    left: -10px;
    width: 38px;
    height: 38px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border-radius: 50%;
    opacity: 0;
    background: #f0f6ff;
    pointer-events: none;
  }
  .form-select-toggle-list .radio::after {
    background: #ddeaff;
  }
  .form-select-toggle-list--child .radio::after {
    background: #f0f6ff;
  }
  .radio:hover::after, .table tr:hover .radio::after {
    opacity: 1;
  }
  tr:nth-child(2n):hover .radio::after {
    opacity: 1;
    background-color: #ddeaff;
  }
  .radio:has(.radio__input:disabled) {
    cursor: default;
  }
  .radio--toggle {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 12px;
  }
  .radio--toggle::after {
    content: none;
  }
  .radio__input {
    position: relative;
    z-index: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #17479c;
    border-radius: 20px;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .radio__input::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border-radius: 20px;
    opacity: 0;
    background: #17479c;
  }
  .radio__input:checked::before {
    opacity: 1;
  }
  .radio__input:disabled {
    border-color: #dedede;
    cursor: default;
    pointer-events: none;
  }
  .radio__input:disabled:checked::before {
    background: #dedede;
  }
  .radio__label {
    z-index: 1;
    margin-top: -2px;
  }
  .radio__input:disabled + .radio__label {
    color: #a5a5a5;
  }
  .radio-customized-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 10px 0 0;
    list-style-type: none;
  }
  .radio-customized-list__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .radio-customized {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .radio-customized__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 56px;
    padding: 15px 12px;
    border: 1px solid #dedede;
    border-radius: 2px;
    background: #fff;
    color: #17479c;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
  }
  .radio-customized__label:has(.radio-customized__input:checked), .radio-customized__label:has(.radio-customized__input:hover) {
    padding: 14px 12px;
    border: 2px solid #17479c;
  }
  .radio-customized__label:hover {
    border-color: #17479c;
  }
  .radio-customized__label:has(:disabled) {
    background-color: #f5f5f5;
    color: #a5a5a5;
    pointer-events: none;
  }
  .radio-customized__input {
    position: absolute;
    top: -10px;
    left: 12px;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #dedede;
    border-radius: 50%;
    background: #fff;
    color: #dedede;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .radio-customized__input::before {
    content: "\e5ca";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: "Material Symbols Outlined";
    font-size: 16px;
  }
  .radio-customized__input:checked, .radio-customized__input:hover {
    border-color: #17479c;
    background: #17479c;
    color: #fff;
  }
  .radio-customized__input:disabled {
    background-color: #f5f5f5;
  }
  .radio-customized__label:hover .radio-customized__input {
    border-color: #17479c;
    background: #17479c;
    color: #fff;
  }
  .radio-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
    padding: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 20px;
    background: #dedede;
  }
  .radio-switch::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 2px;
    width: calc(50% - 2px);
    height: calc(100% - 4px);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 20px;
    background: #17479c;
  }
  .radio-switch:has(.radio-switch__block:first-child .radio-switch__input:checked)::before {
    left: 2px;
  }
  .radio-switch:has(.radio-switch__block:nth-child(2) .radio-switch__input:checked)::before {
    left: 50%;
  }
  .radio-switch:hover::before {
    background: #0e2f69;
  }
  .radio-switch__block {
    padding: 6px 8px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    border-radius: 20px;
    line-height: 1.1;
  }
  .radio-switch--large .radio-switch__block {
    padding: 10px 12px;
  }
  .radio-switch__block:hover {
    background: rgba(165, 165, 165, 0.4);
  }
  .radio-switch__input {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    cursor: pointer;
  }
  .radio-switch__input:checked {
    pointer-events: none;
  }
  .radio-switch__text {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #17479c;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
  }
  .radio-switch--large .radio-switch__text {
    font-size: 18px;
  }
  .radio-switch__input:checked + .radio-switch__text {
    color: #fff;
  }
  /* ------------------------------
    selected-item PC
  ------------------------------ */
  .selected-item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
  }
  .selected-item-box:last-child {
    margin-bottom: 0;
  }
  .selected-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 6px 5px 8px;
    border: 1px solid #dedede;
    border-radius: 2px;
    background: #fff;
  }
  .selected-item__name {
    font-size: 14px;
    line-height: 1.1;
  }
  .selected-item__close {
    position: relative;
    width: 20px;
    height: 20px;
    border: 0;
    background: transparent;
    color: #818181;
    font-size: 0;
  }
  .selected-item__close::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .selected-item-area {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-top: 16px;
  }
  .selected-item-area:first-child {
    margin-top: 0;
  }
  .selected-item-area--bg {
    padding: 12px;
    background-color: #f5f5f5;
  }
  .selected-item-area__text {
    margin: 0 0 16px;
  }
  /* ------------------------------
    serial-code PC
  ------------------------------ */
  .serial-code-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .serial-code-intro {
    margin-top: 32px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .serial-code-intro__heading {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .serial-code-intro__text {
    margin: 32px 0 0;
  }
  .serial-code-intro__text:first-child {
    margin-top: 0;
  }
  .serial-code-sub-text {
    margin: 12px 0 0;
    font-size: 14px;
  }
  .serial-code-text-list {
    margin: 8px 0 0;
    padding: 0 0 0 1em;
    list-style-type: none;
    text-indent: -1em;
  }
  .serial-code-text-list__item {
    margin-top: 8px;
  }
  .serial-code-text-list__item:first-child {
    margin-top: 0;
  }
  .serial-code-text-list__item::before {
    content: "・";
  }
  .serial-code-sub-text-list {
    margin: 4px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .serial-code-sub-text-list__item {
    padding-left: 1em;
    font-size: 14px;
    text-indent: -1em;
  }
  .serial-code-sub-text-list__item::before {
    content: "・";
  }
  .serial-code-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .serial-code-list {
    margin: 32px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .serial-code-list__item {
    margin-top: 12px;
    padding: 24px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .serial-code-list__item:first-child {
    margin-top: 0;
  }
  .serial-code-list__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .serial-code-list__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
  }
  .serial-code-list__bottom {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #a5a5a5;
  }
  .serial-code-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px 16px;
  }
  .serial-code-list__download {
    margin-top: 12px;
  }
  .serial-code-detail-list {
    margin: 20px 0 0;
  }
  .serial-code-detail-list:first-child {
    margin-top: 0;
  }
  .serial-code-detail-list__row {
    margin-top: 12px;
  }
  .serial-code-detail-list__row:first-child {
    margin-top: 0;
  }
  .serial-code-detail-list__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .serial-code-detail-list__desc {
    margin: 4px 0 0;
  }
  .serial-code-select {
    padding-top: 16px;
    border-top: 1px dashed #a5a5a5;
  }
  .serial-code-select__image {
    text-align: center;
  }
  .serial-code-select__image img {
    width: auto;
    height: 50px;
  }
  .serial-code-select__text {
    margin: 16px 0 0;
    font-size: 12px;
  }
  /* ------------------------------
    sort PC
  ------------------------------ */
  .sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border: 0;
    background: transparent;
    line-height: 1.1;
    gap: 8px;
  }
  .sort__label {
    position: relative;
    margin: 0;
    padding-left: 22px;
    color: #17479c;
    font-size: 14px;
  }
  .sort__label::before {
    content: "\e8d5";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 18px;
  }
  .sort:hover .sort__label {
    text-decoration: underline;
  }
  .sort__select {
    margin: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 14px;
  }
  .sort:hover .sort__select {
    color: #17479c;
    text-decoration: underline;
  }
  .sort-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 12px;
  }
  .filter-area + .sort-box {
    margin-top: 32px;
  }
  .sort-box--end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .sort-box__text {
    margin: 0;
    line-height: 1.1;
  }
  .sort-box__current {
    font-size: 14px;
    font-weight: 700;
  }
  .sort-box__total {
    font-size: 12px;
  }
  /* ------------------------------
    tab PC
  ------------------------------ */
  .tab {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-top: 24px;
  }
  .tab:first-child {
    margin-top: 0;
  }
  .heading01 + .tab {
    margin-top: 32px;
  }
  .tab--close {
    margin-top: 16px;
  }
  .tab__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .tab__button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 160px;
    padding: 16px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    border: 0;
    background-color: #ddeaff;
    color: #17479c;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
  }
  .tab__button[aria-selected=true] {
    position: relative;
    background-color: #fff;
    cursor: auto;
  }
  .tab__button[aria-selected=true]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: #17479c;
  }
  .tab__button[aria-selected=false]:hover {
    background: #c4daff;
  }
  .tab__panel {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .tab__panel[aria-hidden=true] {
    display: none;
  }
  /* ------------------------------
    table PC
  ------------------------------ */
  .table-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: calc(100vw - 160px);
    overflow-x: auto;
    scrollbar-color: rgba(0, 0, 0, 0.5) #f5f5f5;
  }
  .table-scroll::-webkit-scrollbar {
    height: 7px;
  }
  .table-scroll::-webkit-scrollbar-track {
    background-color: #f5f5f5;
  }
  .table-scroll::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .ly-container-full .table-scroll {
    margin-left: 48px;
  }
  .table-wrap {
    max-width: 672px;
    margin-inline: auto;
    padding: 0 48px;
  }
  .table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .table--scroll {
    width: auto;
    min-width: calc(100% - 96px);
  }
  .modal__content .table--scroll {
    margin-right: 0;
  }
  .table tr:not(:has(.radio-switch)):has(input) {
    cursor: pointer;
  }
  .table__title {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 12px;
    font-size: 14px;
    text-align: left;
    background: #17479c;
    color: #fff;
  }
  .table__title:first-child {
    padding-left: 16px;
  }
  .table__title:last-child {
    padding-right: 16px;
  }
  .table__title.is-fixed {
    position: sticky;
    left: 0;
  }
  .table__title.is-fixed::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
  }
  .table__data {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 12px;
    font-size: 14px;
    text-align: left;
    background: #fff;
    word-break: break-word;
  }
  .table__data:first-child {
    padding-left: 16px;
  }
  .table__data:last-child {
    padding-right: 16px;
  }
  .table__data.is-fixed {
    position: sticky;
    left: 0;
  }
  .table__data.is-fixed::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
  }
  tr:nth-child(2n) .table__data {
    background: #f5f9ff;
  }
  .table__data span {
    display: inline-block;
  }
  .table__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .table__foot {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .table-scroll .simplebar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .table-scroll .simplebar-content::after {
    display: block;
    min-width: 32px;
    height: 32px;
    background: transparent;
  }
  /* ------------------------------
    text PC
  ------------------------------ */
  .text {
    margin: 16px 0 0;
    font-size: 16px;
  }
  .text:first-child {
    margin-top: 0;
  }
  .text-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-left: 1em;
    list-style: none;
    text-indent: -1em;
  }
  .text-list__item {
    margin: 0;
  }
  .text-list__item::before {
    content: "・";
  }
  .text-list__item img {
    margin-top: 8px;
  }
  .text-note {
    margin: 0;
    padding-left: 1.2em;
    color: #818181;
    font-size: 12px;
    text-align: start;
    text-indent: -1.2em;
  }
  .text-note::before {
    content: "※";
    margin-right: 0.2em;
  }
  .text-note-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 8px;
  }
  .text-important {
    position: relative;
    margin: 0;
    padding-left: 24px;
    color: #dc6e00;
  }
  .text-important__link {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    color: #dc6e00;
  }
  .text-important__link:hover {
    text-decoration: none;
  }
  .text-check {
    position: relative;
    margin: 0;
    padding-left: 24px;
  }
  .text-check::before {
    content: "\e5ca";
    position: absolute;
    top: -4px;
    left: 0;
    color: #17479c;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .text-complete {
    position: relative;
    margin: 0;
    padding-left: 24px;
    color: #007569;
  }
  .text-complete::before {
    content: "\e86c";
    position: absolute;
    top: -3px;
    left: 0;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  /* ------------------------------
    textarea PC
  ------------------------------ */
  .textarea {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 120px;
    min-height: 68px;
    padding: 12px;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #fff;
    line-height: 1.5;
    resize: vertical !important;
  }
  .textarea::-webkit-input-placeholder {
    color: #a5a5a5;
  }
  .textarea::-moz-placeholder {
    color: #a5a5a5;
  }
  .textarea:-ms-input-placeholder {
    color: #a5a5a5;
  }
  .textarea::-ms-input-placeholder {
    color: #a5a5a5;
  }
  .textarea::placeholder {
    color: #a5a5a5;
  }
  .textarea--large {
    height: 240px;
  }
  .textarea--small {
    height: 68px;
  }
  .textarea.is-error {
    border-color: #ce1651;
    background: #ffe8ef;
  }
  .textarea[disabled] {
    background: #f5f5f5;
    color: #818181;
  }
  .textarea:hover {
    border-color: #a5a5a5;
  }
  .textarea:focus {
    outline: 1px solid #a5a5a5;
    outline-offset: 0;
  }
  /* ------------------------------
    toast PC
  ------------------------------ */
  .toast {
    position: fixed;
    z-index: 5;
    top: 56px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-animation: slide-in-right 1s;
            animation: slide-in-right 1s;
    opacity: 0;
  }
  .toast-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    width: 730px;
    padding: 16px 12px 16px 16px;
    border: 1px solid #019c83;
    border-radius: 4px;
    background: #dbf7f5;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  }
  .toast-message--error {
    border-color: #ce1651;
    background-color: #ffe8ef;
  }
  .toast-message__inner {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .toast-message__text {
    margin: 0;
    color: #007569;
  }
  .toast-message--error .toast-message__text {
    color: #ce1651;
  }
  .toast-message__close {
    position: relative;
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    color: #007569;
    font-size: 0;
  }
  .toast-message__close::before {
    content: "\e5cd";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .toast-message--error .toast-message__close {
    color: #ce1651;
  }
  /* ------------------------------
    utility PC
  ------------------------------ */
  .u-break-keep {
    word-break: keep-all;
  }
  .u-w48 {
    width: 48px;
  }
  .u-w60 {
    width: 60px;
  }
  .u-w72 {
    width: 72px;
  }
  .u-w80,
  .u-pc-w80 {
    width: 80px;
  }
  .u-w100 {
    width: 100px;
  }
  .u-w120 {
    width: 120px;
  }
  .u-w140 {
    width: 140px;
  }
  .u-w160 {
    width: 160px;
  }
  .u-w180 {
    width: 180px;
  }
  .u-w200 {
    width: 200px;
  }
  .u-w-full {
    width: 100%;
  }
  .u-mw72 {
    min-width: 72px;
  }
  .u-mw80 {
    min-width: 80px;
  }
  .u-mw100 {
    min-width: 100px;
  }
  .u-mw120 {
    min-width: 120px;
  }
  .u-mw140 {
    min-width: 140px;
  }
  .u-mw160 {
    min-width: 160px;
  }
  .u-mw180 {
    min-width: 180px;
  }
  .u-mw200,
  .u-pc-mw200 {
    min-width: 200px;
  }
  .u-mw220 {
    min-width: 220px;
  }
  .u-mw240 {
    min-width: 240px;
  }
  .u-mw260 {
    min-width: 260px;
  }
  .u-mw280 {
    min-width: 280px;
  }
  .u-mw300,
  .u-pc-mw300 {
    min-width: 300px;
  }
  .u-text-center {
    text-align: center;
  }
  .u-text-right {
    text-align: right;
  }
  .u-text-bold {
    font-weight: 700;
  }
  .u-text-alert {
    color: #ce1651;
  }
  .u-text-small {
    font-size: 14px;
  }
  .u-right {
    margin-left: auto;
  }
  .u-margin-inline {
    margin-inline: 48px;
  }
  /* ------------------------------
    download PC
  ------------------------------ */
  .download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 40px;
    padding: 40px 56px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    gap: 16px 32px;
  }
  .download__text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 40%;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  /* ------------------------------
    loader PC
  ------------------------------ */
  .loader-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 40px 0;
  }
  .loader {
    width: 40px;
    -webkit-animation: loading-1 0.8s infinite linear alternate, loading-2 1.6s infinite linear;
            animation: loading-1 0.8s infinite linear alternate, loading-2 1.6s infinite linear;
    border: 4px solid #17479c;
    border-radius: 50%;
    font-size: 0;
    aspect-ratio: 1;
  }
  @-webkit-keyframes loading-1 {
    0% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
    }
    12.5% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
    }
    25% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
    }
    50% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }
    62.5% {
      clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }
    75% {
      clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
    }
    100% {
      clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
    }
  }
  @keyframes loading-1 {
    0% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
    }
    12.5% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
    }
    25% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
    }
    50% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }
    62.5% {
      clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }
    75% {
      clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
    }
    100% {
      clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
    }
  }
  @-webkit-keyframes loading-2 {
    0% {
      -webkit-transform: scaleY(1) rotate(0deg);
              transform: scaleY(1) rotate(0deg);
    }
    49.99% {
      -webkit-transform: scaleY(1) rotate(135deg);
              transform: scaleY(1) rotate(135deg);
    }
    50% {
      -webkit-transform: scaleY(-1) rotate(0deg);
              transform: scaleY(-1) rotate(0deg);
    }
    100% {
      -webkit-transform: scaleY(-1) rotate(-135deg);
              transform: scaleY(-1) rotate(-135deg);
    }
  }
  @keyframes loading-2 {
    0% {
      -webkit-transform: scaleY(1) rotate(0deg);
              transform: scaleY(1) rotate(0deg);
    }
    49.99% {
      -webkit-transform: scaleY(1) rotate(135deg);
              transform: scaleY(1) rotate(135deg);
    }
    50% {
      -webkit-transform: scaleY(-1) rotate(0deg);
              transform: scaleY(-1) rotate(0deg);
    }
    100% {
      -webkit-transform: scaleY(-1) rotate(-135deg);
              transform: scaleY(-1) rotate(-135deg);
    }
  }
  /* ------------------------------
    applicant PC
  ------------------------------ */
  .applicant-number {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 32px auto 0;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .applicant-number__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .applicant-number__data {
    margin: 0;
    font-weight: 700;
    text-align: end;
  }
  .applicant-number__data span {
    margin-right: 4px;
    font-size: 24px;
  }
  .applicant-number__time {
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: 400;
  }
  .applicant-modal-box {
    margin-top: 24px;
  }
  .applicant-modal-box:first-child {
    margin-top: 0;
  }
  .applicant-modal-box__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .applicant-modal-box__sub-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin: 16px 0 0;
    font-weight: 700;
  }
  .applicant-modal-info {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 16px 0 0;
    border: 1px solid #f0f6ff;
  }
  .applicant-modal-info__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    background-color: #f5f9ff;
    font-size: 14px;
  }
  .applicant-modal-info__block:nth-of-type(2n) {
    background: #fff;
  }
  .applicant-modal-info__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .applicant-modal-info__title {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 20%;
    font-weight: 700;
  }
  .applicant-modal-info__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: start;
  }
  .applicant-modal-info__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .applicant-modal-price-box {
    margin-top: 16px;
  }
  .applicant-modal-price-box__title {
    margin: 16px 0 0;
    font-weight: 700;
  }
  .applicant-modal-price-box__title:first-child {
    margin-top: 0;
  }
  .applicant-modal-price-list {
    margin: 8px 0 0;
    padding: 12px;
    background: #f5f5f5;
  }
  .applicant-modal-price-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .applicant-modal-price-list__item:first-child {
    margin-top: 0;
    padding-top: 0;
    border: 0;
  }
  .applicant-modal-price-list__title {
    font-size: 14px;
  }
  .applicant-modal-price-list__data {
    margin: 0;
    font-size: 12px;
  }
  .applicant-modal-price-list__data span {
    font-size: 14px;
  }
  .applicant-modal-price-table {
    width: 100%;
    margin: 16px 0 0;
  }
  .applicant-modal-price-table__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #dedede;
  }
  .applicant-modal-price-table__item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .applicant-modal-price-table__title {
    font-size: 14px;
  }
  .applicant-modal-price-table__title--total {
    font-size: 16px;
    font-weight: 700;
  }
  .applicant-modal-price-table__data {
    margin: 0;
    padding-right: 12px;
    font-size: 14px;
  }
  .applicant-modal-price-table__data--total {
    font-size: 16px;
    font-weight: 700;
  }
  /* ------------------------------
    dashboard SP
  ------------------------------ */
  .dashboard {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
    -webkit-margin-before: 32px;
            margin-block-start: 32px;
  }
  .dashboard-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
  }
  .dashboard-heading__user {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .dashboard-heading__owner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-left: 8px;
    padding-left: 10px;
  }
  .dashboard-heading__owner::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 80%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #a5a5a5;
  }
  .dashboard-heading__owner-name {
    display: -webkit-box;
    overflow: hidden;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .dashboard-heading__owner-id {
    text-wrap: nowrap;
  }
  .dashboard-head {
    position: relative;
    margin-top: 8px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .dashboard-head__cover {
    width: 100%;
    height: 100%;
    aspect-ratio: 5/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .dashboard-head__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    padding: 24px;
  }
  .dashboard-head__logo {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 138px;
    height: 138px;
    margin-top: -64px;
    border: 2px solid #fff;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
    -o-object-fit: contain;
       object-fit: contain;
  }
  .dashboard-head__content:first-child .dashboard-head__logo {
    margin-top: 0;
  }
  .dashboard-head__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  .dashboard-head__heading {
    margin: 0;
    font-size: 24px;
  }
  .dashboard-head__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .dashboard-summary {
    margin-top: 16px;
  }
  .dashboard-data__box {
    margin-top: 8px;
    padding: 24px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .dashboard-data__box:first-child {
    margin-top: 0;
  }
  .dashboard-data__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 12px;
  }
  .dashboard-data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .dashboard-data-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
    padding: 0 20px;
    border-left: 1px dashed #dedede;
  }
  .dashboard-data-list__item:first-child {
    border-left: 0;
  }
  .dashboard-data-list--full .dashboard-data-list__item {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .dashboard-data-list__title {
    margin: 0;
  }
  .dashboard-data-list__number {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    line-height: 1.1;
  }
  .dashboard-data-list__link {
    display: inline-block;
    margin-right: 4px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #17479c;
    font-size: 32px;
    font-weight: 700;
  }
  .dashboard-data-list__link:hover {
    text-decoration: none;
  }
  .dashboard-data-list__link[aria-disabled=true] {
    color: #818181;
    text-decoration: none;
    cursor: default;
  }
  .dashboard-data-list__link[aria-disabled=true]:hover {
    opacity: 1;
  }
  .dashboard-price {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 32px;
    padding: 24px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .dashboard-price__heading {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
  }
  .dashboard-price__time {
    display: inline-block;
    margin: 4px 0 0 8px;
    color: #818181;
    font-size: 14px;
    line-height: 1.1;
  }
  .dashboard-price__price {
    margin: 0;
    margin-top: 16px;
    font-weight: 700;
    line-height: 1.1;
    text-align: right;
  }
  .dashboard-price__price span {
    margin-right: 4px;
    font-size: 32px;
    line-height: 1;
  }
  .dashboard-price__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 8px;
  }
  .dashboard-price__text-note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #dedede;
  }
  .dashboard-flow {
    margin-top: 16px;
  }
  .dashboard-flow__wrapper {
    margin-top: 16px;
    padding: 24px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .dashboard-flow__wrapper:first-child {
    margin-top: 0;
  }
  .dashboard-flow__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px 32px;
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #a5a5a5;
  }
  .dashboard-flow__section:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .dashboard-flow__heading {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 256px;
            flex: 1 1 256px;
  }
  .dashboard-flow__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 336px;
            flex: 1 1 336px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    gap: 12px;
  }
  .dashboard-flow__button {
    min-width: auto;
    padding: 14px 13px 12px;
  }
  .dashboard-notice {
    margin-top: 16px;
    padding: 24px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .dashboard-notice__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 8px;
  }
  .dashboard-notice-list {
    margin: 8px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .dashboard-notice-list__item {
    border-top: 1px solid #dedede;
  }
  .dashboard-notice-list__item:first-child {
    border-top: 0;
  }
  .dashboard-notice-list__link {
    display: block;
    position: relative;
    padding: 24px 28px 24px 0;
    background: #fff;
    text-decoration: none;
  }
  .dashboard-notice-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .dashboard-notice-list__link:hover::before {
    right: -4px;
  }
  .dashboard-notice-list__upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  .dashboard-notice-list__date {
    margin: 0;
    color: #191919;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .dashboard-notice-list__lower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    margin-top: 12px;
    line-height: 1;
  }
  .dashboard-notice-list__important {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: -1px;
    font-size: 0;
  }
  .dashboard-notice-list__important::before {
    content: "\e000";
    position: absolute;
    top: 0;
    right: 0;
    color: #ce1651;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .dashboard-notice-list__title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #191919;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .dashboard-notice-list__link:hover .dashboard-notice-list__title {
    text-decoration: underline;
  }
  .dashboard-tips {
    margin-top: 16px;
    padding: 24px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .dashboard-tips-slider {
    margin-top: 32px;
  }
  .dashboard-tips-slider .swiper-notification {
    display: none;
  }
  .dashboard-tips-slider-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 24px;
  }
  .dashboard-tips-slider-item {
    width: calc((100% - 48px) / 3) !important;
    max-width: 192px;
  }
  .dashboard-tips-slider-item__link {
    display: block;
    height: 100%;
    color: #191919;
    text-decoration: none;
  }
  .dashboard-tips-slider-item__link img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .dashboard-tips-slider-item__link:hover img {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .dashboard-tips-slider-item__title {
    margin: 8px 0 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 14px;
  }
  .dashboard-tips-slider-item__link:hover .dashboard-tips-slider-item__title {
    text-decoration: underline;
  }
  .dashboard-banner {
    margin-top: 24px;
  }
  .dashboard-banner-slider-wrapper {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 8px 48px;
    gap: 16px;
  }
  .dashboard-banner-slider {
    overflow: hidden;
  }
  .dashboard-banner-slider .swiper-notification {
    display: none;
  }
  .dashboard-banner-slider-item {
    width: calc((100% - 48px) / 2) !important;
  }
  .dashboard-banner-slider-item__link {
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .dashboard-banner-slider-item__link img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .dashboard-banner-slider-item__link:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .dashboard-banner-slider-item__title {
    margin: 8px 0 0;
  }
  .dashboard-slider-control {
    display: none;
  }
  .dashboard-alert-area {
    margin-top: 16px;
  }
  .dashboard-add-event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    margin-top: 16px;
    padding: 24px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  /* ------------------------------
    display-event PC
  ------------------------------ */
  .display-event-box {
    padding: 40px 56px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .display-event {
    margin: 16px 0 0;
    padding: 0;
    border-top: 1px solid #dedede;
    list-style: none;
  }
  .display-event__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    gap: 16px;
    padding: 20px 8px;
    border-top: 1px solid #dedede;
  }
  .display-event__items:first-child {
    border-top: 0;
  }
  .display-event__items.is-hidden {
    margin: 0 -56px;
    padding: 20px 64px;
    background: #dedede;
  }
  .display-event__items.is-disabled {
    margin: 0 -56px;
    padding: 20px 64px;
    background: #dedede;
    color: #818181;
  }
  .display-event__items.is-disabled::before, .display-event__items.is-disabled::after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 64px;
    height: 1px;
    background: #dedede;
  }
  .display-event__items.is-disabled::before {
    left: 0;
  }
  .display-event__items.is-disabled::after {
    right: 0;
  }
  .display-event__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
  .display-event__icon-label {
    font-size: 0;
  }
  .is-hidden .display-event__eye-off {
    display: none;
  }
  .display-event__eye-on {
    display: none;
  }
  .is-hidden .display-event__eye-on {
    display: inline;
  }
  .is-pin .display-event__pin-off {
    display: none;
  }
  .display-event__pin-on {
    display: none;
  }
  .is-pin .display-event__pin-on {
    display: inline;
  }
  .display-event__icon {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border-radius: 5px;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .display-event__icon:hover {
    opacity: 0.7;
  }
  .display-event__icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .display-event__icon--eye {
    background: #17479c;
    color: #fff;
  }
  .display-event__icon--eye::before {
    content: "\e8f4";
  }
  .display-event__icon--eye:checked {
    border: 1px solid #17479c;
    background: #fff;
    color: #17479c;
  }
  .display-event__icon--eye:checked::before {
    content: "\e8f5";
  }
  .display-event__icon--eye:disabled {
    border: 0;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .display-event__icon--eye:disabled:hover {
    opacity: 1;
  }
  .display-event__icon--pin {
    border: 1px solid #17479c;
    background: #fff;
    color: #17479c;
  }
  .display-event__icon--pin::before {
    content: "\e6f9";
  }
  .display-event__icon--pin:checked {
    background: #17479c;
    color: #fff;
  }
  .display-event__icon--pin:checked::before {
    content: "\e6aa";
  }
  .display-event__icon--pin:disabled {
    border: 0;
    background: #a5a5a5;
    color: #dedede;
    pointer-events: none;
  }
  .display-event__icon--pin:disabled:hover {
    opacity: 1;
  }
  .display-event__title {
    margin: 8px 0 0;
    font-weight: 700;
  }
  .display-event__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
    color: #a5a5a5;
    font-size: 12px;
    line-height: 1.1;
  }
  .display-event__id-title::after {
    content: "：";
  }
  .display-event__id-data {
    margin: 0;
  }
  .display-event__detail {
    margin-top: 16px;
  }
  .display-event__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    font-size: 14px;
  }
  .display-event__place {
    margin: 0;
    font-size: 14px;
  }
  /* ------------------------------
    cancel PC
  ------------------------------ */
  .cancel-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .cancel-status {
    margin-top: 32px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .cancel-status__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
    margin-top: 32px;
  }
  .cancel-status__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 12px;
  }
  .cancel-status-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px 0 0;
  }
  .cancel-status-date__title::after {
    content: "：";
  }
  .cancel-status-date__data {
    margin: 0;
  }
  .cancel-intro {
    margin-top: 32px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .cancel-status + .cancel-intro {
    margin-top: 16px;
  }
  .cancel-intro__text {
    margin: 0;
  }
  .cancel-intro__help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 32px;
  }
  .cancel-description {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #dedede;
  }
  .cancel-description__block {
    margin-top: 24px;
  }
  .cancel-description__block:first-child {
    margin-top: 0;
  }
  .cancel-description__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
  }
  .cancel-description__text {
    margin: 8px 0 0;
  }
  .heading02 + .cancel-description__text {
    margin-top: 32px;
  }
  .cancel-flow-section {
    margin-top: 16px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .cancel-message-area {
    margin-top: 16px;
  }
  .cancel-detail-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .cancel-detail-section {
    margin-top: 32px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .cancel-detail-section + .cancel-detail-section {
    margin-top: 16px;
  }
  .cancel-detail-section__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 32px;
  }
  .cancel-detail-section__button-area--left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 16px;
  }
  .cancel-detail-section__note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 8px;
  }
  .cancel-detail-section__block {
    margin-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px dashed #dedede;
  }
  .cancel-detail-section__block:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .cancel-detail-section__text {
    margin: 12px 0 0;
  }
  .cancel-detail-text {
    margin: 16px 0 0;
  }
  .cancel-detail-child {
    margin-top: 16px;
    padding: 24px 16px;
    background: #f5f5f5;
  }
  .cancel-detail-child__block {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #dedede;
  }
  .cancel-detail-child__block:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .cancel-detail-child__title {
    margin: 0;
    font-weight: 700;
  }
  .cancel-detail-child__text {
    margin: 8px 0 0;
  }
  .cancel-detail-child__text > p {
    margin: 0;
  }
  /* ------------------------------
    error PC
  ------------------------------ */
  .error-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 32px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .error-box__text {
    margin: 0;
  }
  /* ------------------------------
    fan-club SP
  ------------------------------ */
  .fan-club-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .fan-club-intro {
    margin-top: 32px;
    padding: 40px 54px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .fan-club-help + .fan-club-intro {
    margin-top: 16px;
  }
  .fan-club-intro__text {
    margin: 8px 0 0;
  }
  .fan-club-intro__text:first-child {
    margin-top: 0;
  }
  .fan-club-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .fan-club-head-text-area {
    margin-top: 16px;
  }
  .fan-club-head-text-area__text {
    margin: 8px 0 0;
  }
  .fan-club-head-text-area__text:first-child {
    margin-top: 0;
  }
  .fan-club-list {
    margin: 32px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .fan-club-help + .fan-club-list {
    margin-top: 16px;
  }
  .fan-club-list__item {
    margin-top: 12px;
    padding: 24px 54px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .fan-club-list__item:first-child {
    margin-top: 0;
  }
  .fan-club-list__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .fan-club-list__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
  }
  .fan-club-list__bottom {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #a5a5a5;
  }
  .fan-club-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px 16px;
  }
  .fan-club-list__download {
    margin-top: 12px;
  }
  .fan-club-detail-list {
    margin: 20px 0 0;
  }
  .fan-club-detail-list__row {
    margin-top: 12px;
  }
  .fan-club-detail-list__row:first-child {
    margin-top: 0;
  }
  .fan-club-detail-list__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .fan-club-detail-list__desc {
    margin: 4px 0 0;
  }
  .fan-club-head {
    margin: 24px 20px 0;
  }
  .fan-club-head__text {
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    font-size: 16px;
  }
  .fan-club-head__text.is-error {
    color: #ce1651;
  }
  .fan-club-use-list {
    margin: 0;
  }
  .fan-club-use-list__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fan-club-use-list__title {
    font-weight: 700;
  }
  .fan-club-sub-info {
    margin-top: 12px;
  }
  .fan-club-sub-text {
    margin: 0;
    font-size: 14px;
  }
  .fan-club-sub-number-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
  }
  .fan-club-sub-number-list__item {
    padding-left: 1em;
    font-size: 14px;
    text-indent: -1em;
  }
  .fan-club-sub-text-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .fan-club-sub-text-list__item {
    padding-left: 1em;
    text-indent: -1em;
  }
  .fan-club-sub-text-list__item::before {
    content: "・";
  }
  /* ------------------------------
    event-group PC
  ------------------------------ */
  .event-group-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .event-group-search {
    margin: 32px 0;
  }
  .event-group-list {
    margin: 0;
    padding: 20px 56px;
    background: #fff;
    list-style: none;
  }
  .event-group-list:first-child {
    margin-top: 0;
  }
  .event-group-list__item {
    position: relative;
    border-top: 1px solid #dedede;
  }
  .event-group-list__item:first-child {
    border: 0;
  }
  .event-group-list__link {
    display: block;
    padding: 20px 28px 20px 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    color: #191919;
    text-decoration: none;
  }
  .event-group-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .event-group-list__link:hover::before {
    right: -4px;
  }
  .event-group-list__label-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .event-group-list__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-row: span 2;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 120px;
    height: 120px;
    margin-right: 12px;
  }
  .event-group-list__image img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .event-group-list__content {
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 8px;
  }
  .event-group-list__content:first-child {
    margin-top: 0;
  }
  .event-group-list__info {
    grid-column: 2;
    padding-right: 44px;
  }
  .event-group-list__title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #191919;
    font-weight: 700;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .event-group-list__link:hover .event-group-list__title {
    text-decoration: underline;
  }
  .event-group-list__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 8px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .event-group-list__id-title {
    text-wrap: nowrap;
  }
  .event-group-list__id-title::after {
    content: "：";
  }
  .event-group-list__id-data {
    margin: 0;
  }
  .event-group-list__sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 1/-1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 16px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
    gap: 4px;
  }
  .event-group-list__sub-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  .event-group-list__sub-date-title {
    text-wrap: nowrap;
  }
  .event-group-list__sub-date-title::after {
    content: "：";
  }
  .event-group-list__sub-date-data {
    margin: 0;
  }
  .event-group-list__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 48px;
    right: 28px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event-group-list-detail {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 12px 0 0;
    border: 1px solid #f0f6ff;
    grid-column: 2;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .event-group-list-detail__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    background-color: #f5f9ff;
    font-size: 14px;
  }
  .event-group-list-detail__block:nth-of-type(2n) {
    background: #fff;
  }
  .event-group-list-detail__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .event-group-list-detail__title {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    width: 100px;
    font-weight: 700;
  }
  .event-group-list-detail__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: start;
  }
  .event-group-list-detail__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .event-group-list-detail__block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .event-group-list-detail__data {
    min-width: 80px;
  }
  .event-group-list-detail__data span {
    display: inline-block;
    margin-left: 4px;
  }
  .event-group-list-detail__data span:first-child {
    margin-left: 0;
  }
  .event-group-publish-date {
    margin: 16px 0 0;
  }
  .event-group-publish-date__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-group-publish-date__data {
    margin: 4px 0 0;
  }
  .event-group-name {
    margin: 32px 0 0;
    font-size: 22px;
    font-weight: 700;
  }
  .event-group-name:first-child {
    margin-top: 0;
  }
  .event-group-date {
    margin: 0;
  }
  .event-group-date__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-group-date__data {
    margin: 4px 0 0;
  }
  .event-group-page-info__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .event-group-page-info__url {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 16px;
  }
  .event-group-page-info__copy {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border: 0;
    background: transparent;
    color: #17479c;
    vertical-align: middle;
  }
  .event-group-page-info__copy::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border-radius: 50%;
    opacity: 0;
    background: #f0f6ff;
  }
  .event-group-page-info__copy:hover::before {
    opacity: 1;
  }
  .event-group-page-info__qr-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 16px;
  }
  .event-group-page-info__qr {
    width: 120px;
    height: 120px;
  }
  .event-group-page-info__qr-button-area {
    margin-top: 16px;
  }
  .event-group-page-info__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 12px;
  }
  .event-group-share {
    margin-top: 16px;
    padding: 32px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .event-group-share__title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
  }
  .event-group-share__copy {
    margin: 32px 0 0;
    font-weight: 700;
  }
  .event-group-share__copy-sub {
    display: block;
    font-size: 14px;
    font-weight: 700;
  }
  .event-group-share__copy-main {
    display: block;
    margin-top: 2px;
    font-size: 18px;
  }
  .event-group-share__note-wrap {
    margin-top: 16px;
  }
  .event-group-share-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
  }
  .event-group-share-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event-group-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .event-group-select-table-area {
    margin-top: 16px;
  }
  .event-group-note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin: 16px 48px 0;
  }
  .event-group-sticky-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    position: sticky;
    z-index: 1;
    bottom: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 32px 20px 24px;
  }
  .event-group-sticky-button-area.is-sticky {
    background: #fff;
  }
  /* ------------------------------
    event-group-manage SP
  ------------------------------ */
  .event-group-manage-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .event-group-manage-headline {
    position: relative;
  }
  .event-group-manage-headline__title {
    margin: 0;
    padding-right: 40px;
    font-size: 30px;
    font-weight: 700;
  }
  .event-group-manage-headline__menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 0;
    right: -10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
  }
  .event-group-manage-headline-menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #818181;
  }
  .event-group-manage {
    margin-top: 32px;
  }
  .event-group-manage-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 12px;
  }
  .event-group-manage-status__label {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .event-group-manage-status__url {
    word-break: break-all;
  }
  .event-group-manage-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px 32px;
    margin-top: 16px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .event-group-manage-section:first-child {
    margin-top: 0;
  }
  .event-group-manage-section__inner {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 200px;
  }
  .event-group-manage-section__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 16px 0 0;
  }
  .event-group-manage-section__content:first-child {
    margin-top: 0;
  }
  .event-group-manage-section__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 300px;
  }
  .event-group-manage-section__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 32px;
    gap: 16px 32px;
  }
  .event-group-manage-section__block + .event-group-manage-section__block {
    padding-top: 32px;
    border-top: 1px dashed #dedede;
  }
  .event-group-manage-section__block-inner {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 200px;
  }
  .event-group-manage-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    margin: 0;
    font-size: 24px;
    font-weight: 700;
  }
  .event-group-manage-heading02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .event-group-manage-text {
    margin: 0;
  }
  .event-group-manage-arrow {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 16px auto 0;
  }
  .event-group-manage-arrow::before {
    content: "\e313";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 40px;
  }
  .event-group-manage-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 40px;
  }
  .event-group-manage-name {
    margin: 32px 0 0;
    font-size: 22px;
    font-weight: 700;
  }
  .event-group-manage-name:first-child {
    margin-top: 0;
  }
  .event-group-manage-id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 12px 0 0;
    line-height: 1.1;
  }
  .event-group-manage-id__title::after {
    content: "：";
  }
  .event-group-manage-id__data {
    margin: 0;
  }
  .event-group-manage-image-wrap {
    margin-top: 24px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .event-group-manage-image-wrap::-webkit-scrollbar {
    display: none;
  }
  .event-group-manage-image-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .event-group-manage-image-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 134px;
    height: 134px;
    padding: 4px;
  }
  .event-group-manage-image-list__item img {
    width: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .event-group-manage-image-list__item:hover img {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .event-group-manage-image-list__button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .event-group-manage-detail {
    display: -webkit-box;
    margin: 24px 0 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .event-group-manage-detail * {
    margin: 0;
  }
  .event-group-manage-detail > ul,
  .event-group-manage-detail > ol {
    padding-left: 0;
  }
  .event-group-manage-detail li {
    list-style-position: inside;
  }
  .event-group-manage-link {
    margin-top: 32px;
  }
  .event-group-manage-link__block {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .event-group-manage-link__block:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .event-group-manage-link__heading {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .event-group-manage-link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
  }
  .event-group-manage-link-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4px;
    word-break: break-all;
  }
  .event-group-manage-link-list__item span {
    margin-top: 2px;
    color: #818181;
  }
  .event-group-manage-other-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: 16px;
    padding: 16px;
    border: 1px solid #dedede;
    border-radius: 4px;
  }
  .event-group-manage-other-link__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100px;
    height: 100px;
  }
  .event-group-manage-other-link__image img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .event-group-manage-other-link__detail {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .event-group-manage-other-link__title {
    margin: 0;
    font-weight: 700;
  }
  .event-group-manage-other-link__description {
    margin: 8px 0 0;
  }
  .event-group-manage-other-link__url {
    margin: 8px 0 0;
    font-size: 14px;
    word-break: break-all;
  }
  .event-group-manage-publish-info__title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-group-manage-publish-info__data {
    margin: 4px 0 0;
  }
  /* ------------------------------
    event-list PC
  ------------------------------ */
  .event-list-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .event-list {
    margin: 0;
    padding: 20px 56px;
    background: #fff;
    list-style: none;
  }
  .event-list--wide {
    margin-top: 8px;
    padding: 0;
  }
  .event-list:first-child {
    margin-top: 0;
  }
  .event-list__item {
    position: relative;
    border-top: 1px solid #dedede;
  }
  .event-list__item:first-child {
    border: 0;
  }
  .event-list__link {
    display: block;
    padding: 20px 28px 20px 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    color: #191919;
    text-decoration: none;
  }
  .event-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .event-list__link:hover::before {
    right: -4px;
  }
  .event-list__item.is-old .event-list__link {
    pointer-events: none;
  }
  .event-list__item.is-old .event-list__link::before {
    content: none;
  }
  .event-list__label-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .event-list__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-row: span 2;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 120px;
    height: 120px;
    margin-right: 12px;
  }
  .event-list__image img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .event-list__content {
    display: grid;
    grid-template-columns: auto 1fr;
    margin-top: 8px;
  }
  .event-list__content:first-child {
    margin-top: 0;
  }
  .event-list__info {
    grid-column: 2;
    padding-right: 44px;
  }
  .event-list__title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #191919;
    font-weight: 700;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .event-list__link:hover .event-list__title {
    text-decoration: underline;
  }
  .event-list__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 8px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .event-list__id-title {
    text-wrap: nowrap;
  }
  .event-list__id-title::after {
    content: "：";
  }
  .event-list__id-data {
    margin: 0;
  }
  .event-list__text-important {
    position: relative;
    grid-column: 2;
    margin: 12px 0 0;
    padding-left: 22px;
    color: #ff8000;
    font-size: 12px;
  }
  .event-list__sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 1/-1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 16px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
    gap: 4px;
  }
  .event-list__sub-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  .event-list__sub-date-title {
    text-wrap: nowrap;
  }
  .event-list__sub-date-title::after {
    content: "：";
  }
  .event-list__sub-date-data {
    margin: 0;
  }
  .event-list__sub-label {
    display: inline-block;
    padding: 2px 10px 1px;
    border: 1px solid #dedede;
    border-radius: 50vh;
    color: #191919;
    font-size: 14px;
    text-align: center;
  }
  .event-list__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 48px;
    right: 28px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event-list-detail {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 12px 0 0;
    border: 1px solid #f0f6ff;
    grid-column: 2;
  }
  .event-list-detail__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    background-color: #f5f9ff;
    font-size: 14px;
  }
  .event-list-detail__block:nth-of-type(2n) {
    background: #fff;
  }
  .event-list-detail__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .event-list-detail__title {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    width: 20%;
    font-weight: 700;
  }
  .event-list-detail__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: start;
  }
  .event-list-detail__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .event-list-detail__title {
    min-width: 60px;
  }
  .event-list-detail__block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .event-list-detail__data {
    min-width: 80px;
  }
  .event-list-detail__data span {
    display: inline-block;
  }
  /* ------------------------------
    event-manage PC
  ------------------------------ */
  .event-manage {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .event-manage-head__heading {
    position: relative;
    margin: 8px 0 0;
  }
  .event-manage-head__title {
    margin: 12px 0 0;
    padding-right: 32px;
    font-size: 22px;
  }
  .event-manage-head__menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 4px;
    right: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
  }
  .event-manage-head__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 12px 0 0;
    line-height: 1.1;
  }
  .event-manage-head__id-title::after {
    content: "：";
  }
  .event-manage-head__id-data {
    margin: 0;
  }
  .event-manage-head__text {
    margin: 16px 0 4px;
    font-size: 14px;
    font-weight: bold;
  }
  .event-manage-head__event-page {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #dedede;
  }
  .event-manage-head__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 8px;
  }
  .event-manage-head__reception {
    margin-block: 0;
    font-size: 14px;
  }
  .event-manage-head__reception span {
    display: inline-block;
    max-width: 7em;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
  }
  .event-manage-head__support {
    margin: 0 -8px;
    font-size: 14px;
  }
  .event-manage-head__url {
    margin-block: 0;
    word-break: break-all;
  }
  .event-manage-head__url a {
    color: #17479c;
  }
  .event-manage-head__url a:hover {
    text-decoration: none;
  }
  .event-manage-head__url span {
    font-size: 14px;
  }
  .event-manage-head-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #818181;
  }
  .event-manage-head-button::before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 50%;
    width: 32px;
    height: 32px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 50%;
    background: transparent;
  }
  .event-manage-head-button:hover::before {
    background: #ddeaff;
  }
  .event-manage-share {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #818181;
    font-size: 0;
  }
  .event-manage-share::before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 50%;
    width: 32px;
    height: 32px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 50%;
    background: transparent;
  }
  .event-manage-share:hover::before {
    background: #ddeaff;
  }
  .event-manage-share::after {
    content: "\e80d";
    position: relative;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .event-manage-summary {
    margin-top: 16px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .event-manage-summary__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 24px;
  }
  .event-manage-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin: 24px 0 0;
  }
  .event-manage-info:first-child {
    margin-top: 0;
  }
  .event-manage-info__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-manage-info__data {
    margin: 4px 0 0;
  }
  .event-manage-inquiry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .event-manage-inquiry__button-area {
    position: relative;
  }
  .event-manage-inquiry__notice {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 50%;
    background: #ce1651;
    color: #fff;
    font-size: 0;
    font-weight: 400;
  }
  .event-manage-inquiry__notice::before {
    content: "\e7f4";
    font-family: "Material Symbols Outlined";
    font-size: 16px;
  }
  .event-manage-reception {
    margin-top: 16px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .event-manage-reception__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 24px;
  }
  .event-manage-reception-list {
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
  }
  .event-manage-reception-list__item {
    position: relative;
    padding: 24px 0;
    border-bottom: 1px solid #dedede;
  }
  .event-manage-reception-list__item:last-child {
    border-top: 0;
  }
  .event-manage-reception-list__upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding-right: 48px;
  }
  .event-manage-reception-list__title {
    margin: 8px 0 0;
    padding-right: 48px;
    font-size: 18px;
    font-weight: 700;
  }
  .event-manage-reception-list__setting, .event-manage-reception-list__term {
    margin: 24px 0 0;
  }
  .event-manage-reception-list__setting + .event-manage-reception-list__setting, .event-manage-reception-list__setting + .event-manage-reception-list__term, .event-manage-reception-list__term + .event-manage-reception-list__setting, .event-manage-reception-list__term + .event-manage-reception-list__term {
    margin-top: 16px;
  }
  .event-manage-reception-list__setting-title, .event-manage-reception-list__term-title {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-manage-reception-list__setting-data, .event-manage-reception-list__term-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0 4px;
    margin: 4px 0 0;
    font-size: 14px;
  }
  .event-manage-reception-list__setting-data a, .event-manage-reception-list__term-data a {
    color: #17479c;
  }
  .event-manage-reception-list__setting-data:has(span) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .event-manage-reception-list__setting-data:has(span) span {
    margin-right: 4px;
  }
  .event-manage-reception-list__button-area {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 24px;
    right: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event-manage-reception-list__link {
    display: inline-block;
    position: relative;
    margin-top: 16px;
    padding: 0 24px;
    color: #ce1651;
    text-decoration: none;
  }
  .event-manage-reception-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .event-manage-reception-list__link:hover {
    text-decoration: underline;
  }
  .event-manage-reception-list__link:hover::before {
    right: -4px;
  }
  .event-manage-reception-list__alert {
    position: relative;
    margin: 16px 0 0;
    padding-left: 24px;
    color: #ce1651;
  }
  .event-manage-reception-list__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: 8px;
  }
  .event-manage-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px 32px;
    margin-top: 16px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .event-manage-section:first-child {
    margin-top: 0;
  }
  .event-manage-section--vertical-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .event-manage-section__text-area {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 200px;
  }
  .event-manage-section__text {
    margin: 16px 0 0;
  }
  .event-manage-section__text:first-child {
    margin-top: 0;
  }
  .event-manage-section__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
    min-width: 300px;
  }
  .event-manage-section__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    margin-top: 12px;
  }
  .event-manage-menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .event-manage-menu__item {
    padding: 0;
  }
  .event-manage-menu__item--full {
    grid-column: span 2;
  }
  /* ------------------------------
    event-register SP
  ------------------------------ */
  .event-register-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .event-register-headline {
    position: relative;
  }
  .event-register-headline__title {
    margin: 0;
    padding-right: 40px;
    font-size: 30px;
    font-weight: 700;
  }
  .event-register-headline__menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 0;
    right: -10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
  }
  .event-register-headline-menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #818181;
  }
  .event-register-headline-menu::before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 50%;
    width: 32px;
    height: 32px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 50%;
    background: transparent;
  }
  .event-register-headline-menu:hover::before {
    background: #ddeaff;
  }
  .event-register-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .event-register {
    margin-top: 32px;
  }
  .event-register-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 16px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    gap: 16px 32px;
  }
  .event-register-section:first-child {
    margin-top: 0;
  }
  .event-register-section__inner {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 200px;
  }
  .event-register-section__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 16px 0 0;
  }
  .event-register-section__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
    min-width: 300px;
  }
  .event-register-section__block {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #dedede;
  }
  .event-register-section__block:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .event-register-section__block--close {
    margin-top: 24px;
    padding-top: 24px;
  }
  .event-register-section__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    margin-top: 12px;
  }
  .event-register-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    margin: 0;
    font-size: 24px;
    font-weight: 700;
  }
  .event-register-text {
    margin: 0;
  }
  .event-register-check-text {
    position: relative;
    margin: 12px 0 0;
    padding-left: 28px;
  }
  .event-register-check-text:first-child {
    margin-top: 0;
  }
  .event-register-check-text::before {
    content: "\e5ca";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #17479c;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .event-register-menu {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .event-register-menu-tag {
    position: absolute;
    top: 50%;
    right: 12px;
    padding: 4px 6px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #e80b66;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
  }
  .event-register-arrow {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 16px auto 0;
  }
  .event-register-arrow::before {
    content: "\e313";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 40px;
  }
  .event-register-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 40px;
  }
  .event-register-name {
    margin: 32px 0 0;
    font-size: 22px;
    font-weight: 700;
  }
  .event-register-name:first-child {
    margin-top: 0;
  }
  .event-register-id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 12px 0 0;
    line-height: 1.1;
  }
  .event-register-id__title::after {
    content: "：";
  }
  .event-register-id__data {
    margin: 0;
  }
  .event-register-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin: 32px 0 0;
  }
  .event-register-info__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }
  .event-register-info__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-register-info__data {
    margin: 0;
  }
  .event-register-image-wrap {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .event-register-image-wrap::-webkit-scrollbar {
    display: none;
  }
  .event-register-image-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .event-register-image-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 134px;
    height: 134px;
    padding: 4px;
  }
  .event-register-image-list__item img {
    width: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .event-register-image-list__item:hover img {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  .event-register-image-list__button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .event-register-detail {
    display: -webkit-box;
    margin: 24px 0 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .event-register-detail * {
    margin: 0;
  }
  .event-register-detail > ul,
  .event-register-detail > ol {
    padding-left: 0;
  }
  .event-register-detail li {
    list-style-position: inside;
  }
  .event-register-inquiry {
    margin-top: 16px;
  }
  .event-register-inquiry__seller-name {
    margin: 0;
    font-weight: 700;
  }
  .event-register-reception-list-wrap {
    margin-top: 32px;
  }
  .event-register-reception-list-wrap__button-area {
    margin-top: 24px;
    text-align: center;
  }
  .event-register-reception-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .event-register-reception-list__item {
    margin-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #dedede;
  }
  .event-register-reception-list__item:first-child {
    margin-top: 0;
  }
  .event-register-reception-list__upper {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: 8px 16px;
  }
  .event-register-reception-list__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-row: 1;
    gap: 8px;
  }
  .event-register-reception-list__title {
    grid-row: 2;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .event-register-reception-list__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-row: 1/span 2;
  }
  .event-register-reception-list__setting, .event-register-reception-list__term {
    margin: 24px 0 0;
  }
  .event-register-reception-list__setting + .event-register-reception-list__setting, .event-register-reception-list__setting + .event-register-reception-list__term, .event-register-reception-list__term + .event-register-reception-list__setting, .event-register-reception-list__term + .event-register-reception-list__term {
    margin-top: 16px;
  }
  .event-register-reception-list__setting-title, .event-register-reception-list__term-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-register-reception-list__setting-data, .event-register-reception-list__term-data {
    margin: 4px 0 0;
    font-size: 14px;
  }
  .event-register-reception-list__setting-data a, .event-register-reception-list__term-data a {
    color: #17479c;
  }
  .event-register-reception-list__alert {
    position: relative;
    margin: 0;
    padding-left: 24px;
    color: #ce1651;
  }
  .event-register-heading + .event-register-reception-list__alert {
    margin-block: 8px;
  }
  .event-register-reception-list__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    gap: 8px;
  }
  .event-register-reception-list-button {
    position: relative;
    padding: 0 0 0 16px;
    border: 0;
    background: transparent;
    color: #17479c;
  }
  .event-register-reception-list-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 2px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #17479c;
  }
  .event-register-reception-list-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 2px;
    height: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    background: #17479c;
  }
  .event-register-reception-list-button.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
  }
  .event-register-reception-list-button:hover {
    text-decoration: underline;
  }
  .event-register-reception-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
    margin-top: 32px;
  }
  .event-register-reception-button-area--secondary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 340px;
    margin: 12px auto 0;
  }
  .event-register-limit {
    margin-top: 12px;
    padding-left: 28px;
  }
  .event-register-limit__title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-register-limit-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin: 4px 0 0;
    padding: 0;
    font-size: 14px;
    list-style: none;
  }
  .event-register-publish-info {
    margin: 0;
  }
  .event-register-publish-info__title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-register-publish-info__data {
    margin: 4px 0 0;
  }
  .event-register-publish-date {
    margin: 16px 0 0;
  }
  .event-register-publish-date__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-register-publish-date__data {
    margin: 4px 0 0;
  }
  .event-register-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin: 0;
  }
  .event-register-date__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-register-date__data {
    margin: 4px 0 0;
  }
  .event-register-page-info__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .event-register-page-info__url {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 16px;
  }
  .event-register-page-info__copy {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border: 0;
    background: transparent;
    color: #17479c;
    vertical-align: middle;
  }
  .event-register-page-info__copy::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border-radius: 50%;
    opacity: 0;
    background: #f0f6ff;
  }
  .event-register-page-info__copy:hover::before {
    opacity: 1;
  }
  .event-register-page-info__qr-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 16px;
  }
  .event-register-page-info__qr {
    width: 120px;
    height: 120px;
  }
  .event-register-page-info__qr-button-area {
    margin-top: 16px;
  }
  .event-register-page-info__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 12px;
  }
  .event-register-share {
    margin-top: 16px;
    padding: 32px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .event-register-share__title {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
  }
  .event-register-share__block {
    margin-top: 32px;
  }
  .event-register-share__block + .event-register-share__block {
    padding-top: 32px;
    border-top: 1px dashed #dedede;
  }
  .event-register-share__copy {
    margin: 0;
    font-weight: 700;
  }
  .event-register-share__copy-sub {
    display: block;
    font-size: 14px;
    font-weight: 700;
  }
  .event-register-share__copy-main {
    display: block;
    margin-top: 2px;
    font-size: 18px;
  }
  .event-register-share__note-wrap {
    margin-top: 16px;
  }
  .event-register-share-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
  }
  .event-register-share-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event-share-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    padding: 12px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    border: 1px solid #17479c;
    border-radius: 2px;
    background: #fff;
    color: #17479c;
    text-decoration: none;
  }
  .event-share-button:hover {
    background: #f5f9ff;
  }
  .event-register-ticket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .event-register-ticket__item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 12px;
    border-radius: 2px;
    background: #fff;
  }
  .event-register-ticket__title {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .event-publish-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 8px;
  }
  .event-table-text {
    display: -webkit-box;
    margin: 8px 0 0;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .event-table-text:first-child {
    margin-top: 0;
  }
  .event-table-id {
    display: block;
    margin-top: 8px;
    color: #818181;
    font-size: 14px;
    line-height: 1.1;
  }
  .event-table-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  /* ------------------------------
    exclusive-sale PC
  ------------------------------ */
  .exclusive-sale-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .exclusive-sale-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .exclusive-sale-reception-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
    gap: 12px;
  }
  .exclusive-sale-reception-list__item {
    padding: 24px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .exclusive-sale-reception-list__tag-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .exclusive-sale-reception-list__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
  }
  .exclusive-sale-reception-list__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .exclusive-sale-reception-list__block {
    margin-top: 20px;
  }
  .exclusive-sale-reception-list__block + .exclusive-sale-reception-list__block {
    padding-top: 20px;
    border-top: 1px dashed #dedede;
  }
  .exclusive-sale-reception-list__label {
    margin: 0;
    font-weight: 700;
  }
  .exclusive-sale-reception-list__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 12px;
  }
  .exclusive-sale-reception-list__box:first-child {
    margin-top: 0;
  }
  .exclusive-sale-reception-list__text {
    margin: 12px 0 0;
  }
  .exclusive-sale-reception-list__text:first-child {
    margin-top: 0;
  }
  .exclusive-sale-drawer-content {
    width: 672px;
  }
  .exclusive-sale-drawer {
    margin: 0 -32px;
  }
  .exclusive-sale-drawer__box {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 32px 56px;
    border-top: 1px solid #dedede;
    background: #fff;
  }
  .exclusive-sale-drawer__box:first-child {
    border-top: 0;
  }
  .exclusive-sale-drawer__tag-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .exclusive-sale-drawer__title-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 8px;
  }
  .exclusive-sale-drawer__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .exclusive-sale-drawer__url {
    margin: 16px 0 0;
    padding: 16px;
    background: #f5f5f5;
  }
  .exclusive-sale-drawer__accordion {
    position: relative;
    padding-left: 24px;
    border: 0;
    background-color: transparent;
    color: #17479c;
  }
  .exclusive-sale-drawer__accordion::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 12px;
    height: 2px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #17479c;
  }
  .exclusive-sale-drawer__accordion::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 9px;
    width: 2px;
    height: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    background: #17479c;
  }
  .exclusive-sale-drawer__box.is-open .exclusive-sale-drawer__accordion::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
  }
  .exclusive-sale-drawer__box.is-open .exclusive-sale-drawer__accordion span:first-child {
    display: none;
  }
  .exclusive-sale-drawer__accordion span:last-child {
    display: none;
  }
  .exclusive-sale-drawer__box.is-open .exclusive-sale-drawer__accordion span:last-child {
    display: inline;
  }
  .exclusive-sale-drawer__accordion:hover {
    text-decoration: underline;
  }
  .exclusive-sale-drawer-form {
    margin-top: 24px;
  }
  .exclusive-sale-drawer-form:first-child {
    margin-top: 0;
  }
  .exclusive-sale-drawer-form__label {
    display: block;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .exclusive-sale-drawer-form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    width: 100%;
    margin: 12px 0 0;
  }
  .exclusive-sale-drawer-form__field:first-child {
    margin-top: 0;
  }
  .exclusive-sale-drawer-form__text {
    margin: 12px 0 0;
  }
  .exclusive-sale-drawer-panel {
    display: none;
    margin-top: 16px;
  }
  .exclusive-sale-drawer-panel__box {
    margin-top: 16px;
  }
  .exclusive-sale-drawer-panel__box:first-child {
    margin-top: 0;
  }
  .exclusive-sale-drawer-panel__title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
  }
  .exclusive-sale-drawer-panel__period {
    margin: 4px 0 0;
  }
  .exclusive-sale-drawer-ticket-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    gap: 12px;
  }
  .exclusive-sale-drawer-ticket-list__name {
    display: inline-block;
    margin: 0;
  }
  /* ------------------------------
    history PC
  ------------------------------ */
  .history-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .history-table-area {
    margin-top: 32px;
  }
  /* ------------------------------
    login PC
  ------------------------------ */
  .login-intro {
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .login-top-banner-area {
    margin-top: 24px;
  }
  .login-form-wrapper {
    width: 100%;
    max-width: 374px;
    margin: 32px auto 0;
  }
  .login-form-box {
    margin-top: 32px;
  }
  .login-form-box:first-child {
    margin-top: 0;
  }
  .login-form__block {
    margin-top: 24px;
  }
  .login-form__block:first-child {
    margin-top: 0;
  }
  .login-form__label {
    display: block;
    font-weight: 700;
  }
  .login-form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 6px;
  }
  .login-form__box {
    margin-top: 24px;
    padding: 20px;
    background: #ffe8ef;
  }
  .login-form__text {
    margin: 0 0 16px;
  }
  .login-form-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
    margin-top: 32px;
  }
  .login-form-button-area__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  .login-error-message {
    margin: 0;
    color: #ce1651;
    font-size: 14px;
  }
  .login-banner-area {
    margin-top: 32px;
  }
  .login-user-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 32px;
  }
  .login-user-area__text {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .login-notice-section {
    margin-top: 32px;
    padding: 40px 56px;
    background-color: #fff;
  }
  .login-notice-section__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 8px;
  }
  .login-notice-list {
    margin: 8px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .login-notice-list__item {
    border-top: 1px solid #dedede;
  }
  .login-notice-list__item:first-child {
    border-top: 0;
  }
  .login-notice-list__link {
    display: block;
    position: relative;
    padding: 24px 28px 24px 0;
    background: #fff;
    text-decoration: none;
  }
  .login-notice-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .login-notice-list__link:hover::before {
    right: -4px;
  }
  .login-notice-list__upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  .login-notice-list__date {
    margin: 0;
    color: #191919;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .login-notice-list__lower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    margin-top: 12px;
    line-height: 1;
  }
  .login-notice-list__important {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: -1px;
    font-size: 0;
  }
  .login-notice-list__important::before {
    content: "\e000";
    position: absolute;
    top: 0;
    right: 0;
    color: #ce1651;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .login-notice-list__title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #191919;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .login-notice-list__link:hover .login-notice-list__title {
    text-decoration: underline;
  }
  .login-bottom-banner-area {
    margin-top: 40px;
  }
  /* ------------------------------
    mail PC
  ------------------------------ */
  .mail-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .mail-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .mail-note-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
  }
  .mail-selected-item-confirm {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
    padding: 16px;
    background-color: #f5f5f5;
  }
  .form__field .mail-selected-item-confirm {
    margin-top: 0;
  }
  .mail-selected-item-confirm__list {
    margin: 0;
    padding: 0 0 0 1em;
    list-style-type: none;
    text-indent: -1em;
  }
  .mail-selected-item-confirm__item::before {
    content: "・";
  }
  .mail-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 12px;
    gap: 8px;
  }
  .mail-download__text {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
  }
  .mail-file-name {
    margin: 8px 0 0;
  }
  .form__field .mail-file-name {
    margin-top: 0;
  }
  .mail-menu-section {
    margin-top: 32px;
    padding: 32px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .mail-menu-section__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px 32px;
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #a5a5a5;
  }
  .mail-menu-section__block:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .mail-menu-section__description {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 200px;
    margin: 0;
  }
  .mail-list-section {
    margin-top: 48px;
  }
  .mail-list-section__text {
    margin: 16px 0 0;
  }
  .mail-list-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .mail-list-area {
    margin-top: 32px;
  }
  .mail-list {
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
  }
  .mail-list__item {
    margin-top: 16px;
    padding: 24px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .mail-list__item:first-child {
    margin-top: 0;
  }
  .mail-list__link {
    display: block;
    position: relative;
    padding-right: 28px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #191919;
    text-decoration: none;
  }
  .mail-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 20px;
  }
  .mail-list__link:hover::before {
    right: -4px;
  }
  .mail-list__upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  .mail-list__date {
    margin: 0;
    font-size: 14px;
    line-height: 1.1;
  }
  .mail-list__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .mail-list__title {
    display: -webkit-box;
    margin: 8px 0 0;
    overflow: hidden;
    font-size: 18px;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .mail-list__link:hover .mail-list__title {
    text-decoration: underline;
  }
  .mail-list__event {
    margin: 4px 0 0;
    font-size: 14px;
  }
  .mail-list__destination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 4px 0 0;
    color: #818181;
    font-size: 14px;
    line-height: 1.1;
  }
  .mail-list__destination-title::after {
    content: "：";
  }
  .mail-list__destination-data {
    display: -webkit-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .mail-list__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #a5a5a5;
  }
  .mail-list__text {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .mail-detail-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .mail-detail-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 32px;
  }
  .mail-detail-status__date {
    padding-top: 4px;
    font-size: 14px;
  }
  .mail-detail-section {
    margin-top: 16px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .mail-detail-section__block {
    margin-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px dashed #a5a5a5;
  }
  .mail-detail-section__block:first-child {
    margin-top: 0;
  }
  .mail-detail-section__block:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .mail-detail-section__field {
    margin-top: 12px;
  }
  .mail-detail-section__note {
    margin-top: 8px;
  }
  .mail-detail-text {
    margin: 0;
  }
  .mail-detail-alert-area {
    margin-top: 8px;
  }
  .mail-drawer-content {
    width: 620px;
  }
  /* ------------------------------
    notice PC
  ------------------------------ */
  .notice-section {
    padding: 24px;
    background-color: #fff;
  }
  .notice-section__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 16px;
  }
  .notice-list {
    margin: 32px 0 0;
    padding: 16px 56px;
    list-style-type: none;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .notice-list__item {
    border-top: 1px solid #dedede;
  }
  .notice-list__item:first-child {
    border-top: 0;
  }
  .notice-list__link {
    display: block;
    position: relative;
    padding: 24px 28px 24px 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    text-decoration: none;
  }
  .notice-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .notice-list__link:hover {
    opacity: 0.7;
  }
  .notice-list__upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .notice-list__date {
    margin: 0;
    color: #191919;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .notice-list__lower {
    position: relative;
    margin-top: 12px;
  }
  .notice-list__important {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    font-size: 0;
    vertical-align: top;
  }
  .notice-list__important::before {
    content: "\e000";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #ce1651;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .notice-list__title {
    display: inline;
    margin: 0 0 0 2px;
    color: #191919;
    font-size: 16px;
  }
  .notice-section .notice-list {
    margin-top: 16px;
  }
  .notice-detail {
    margin-top: 32px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .notice-detail__upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .notice-detail__date {
    margin: 0;
    color: #191919;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .notice-detail__head {
    margin-top: 16px;
  }
  .notice-detail__important {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    font-size: 0;
    vertical-align: middle;
  }
  .notice-detail__important::before {
    content: "\e000";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #ce1651;
    font-family: "Material Symbols Outlined";
    font-size: 24px;
  }
  .notice-detail__heading {
    display: inline;
    font-size: 24px;
    font-weight: 400;
    vertical-align: middle;
  }
  .notice-detail__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .notice-detail__content p {
    margin: 0;
  }
  .notice-detail__content a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border: 0;
    background: none;
    color: #17479c;
    text-decoration: underline;
  }
  .notice-detail__content a:hover {
    opacity: 0.7;
  }
  .notice-detail__content a[target=_blank] {
    position: relative;
    padding-right: 24px;
  }
  .notice-detail__content a[target=_blank]::before {
    content: "\e89e";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .notice-popup-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-bottom: 8px;
  }
  .notice-popup-head__date {
    margin: 0;
    color: #191919;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .notice-popup__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .notice-popup__content p {
    margin: 0;
  }
  .notice-popup__content a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border: 0;
    background: none;
    color: #17479c;
    text-decoration: underline;
  }
  .notice-popup__content a:hover {
    opacity: 0.7;
  }
  .notice-popup__content a[target=_blank] {
    position: relative;
    padding-right: 24px;
  }
  .notice-popup__content a[target=_blank]::before {
    content: "\e89e";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .notice-popup__text {
    margin: 0;
  }
  .notice-important {
    max-width: 672px;
    margin: 16px auto;
  }
  .notice-important__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .notice-important__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
    padding: 16px;
    background: #ce1651;
    color: #fff;
    font-weight: 700;
  }
  .notice-important-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .notice-important-list__item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .notice-important-list__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    height: 100%;
    padding: 12px 44px 12px 12px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #ffe8ef;
    color: #191919;
    text-decoration: none;
  }
  .notice-important-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .notice-important-list__link:hover {
    text-decoration: underline;
  }
  .notice-important-list__link:hover::before {
    right: 8px;
  }
  .notice-important-list__label {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    font-size: 0;
  }
  .notice-important-list__label::before {
    content: "\e000";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #ce1651;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .notice-important-list__title {
    display: -webkit-box;
    overflow: hidden;
    color: #191919;
    line-height: 1.1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  /* ------------------------------
    owner PC
  ------------------------------ */
  .owner-select {
    margin-top: 32px;
    padding: 16px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .owner-select-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .owner-select-list__item {
    border-top: 1px solid #dedede;
  }
  .owner-select-list__item:first-child {
    border-top: 0;
  }
  .owner-select-list__link {
    display: block;
    position: relative;
    padding: 24px 20px 24px 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    color: #191919;
    text-decoration: none;
  }
  .owner-select-list__link:not(.is-selected)::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .owner-select-list__link:not(.is-selected):hover {
    opacity: 0.7;
  }
  .owner-select-list__name {
    margin: 8px 0 0;
    font-size: 18px;
    font-weight: 700;
  }
  .owner-select-list__name:first-child {
    margin-top: 0;
  }
  .owner-select-list__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin: 12px 0 0;
    color: #a5a5a5;
    line-height: 1.1;
  }
  .owner-select-list__id-title {
    position: relative;
  }
  .owner-select-list__id-title::after {
    content: ":";
    position: absolute;
    right: -6px;
  }
  .owner-select-list__id-data {
    margin: 0;
  }
  .owner-select-list__notice {
    display: inline-block;
    position: relative;
    margin-left: 4px;
    padding-left: 22px;
    color: #17479c;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
  }
  .owner-select-list__notice::before {
    content: "\ef49";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 18px;
    font-weight: 400;
  }
  .owner-setting-bank-name {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .owner-setting-bank {
    width: 620px;
  }
  .owner-setting-bank__heading {
    margin: 16px 0 0;
    font-weight: 700;
  }
  .owner-setting-bank__heading:first-child {
    margin-top: 0;
  }
  .owner-setting-bank__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 12px;
  }
  /* ------------------------------
    participant PC
  ------------------------------ */
  .participant-help {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
  }
  .participant-visitors {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 16px auto 0;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .participant-visitors__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .participant-visitors__data {
    margin: 0;
    font-weight: 700;
    text-align: end;
  }
  .participant-visitors__number {
    margin-right: 4px;
    font-size: 24px;
  }
  .participant-visitors__sub {
    font-size: 14px;
    font-weight: 400;
  }
  .participant-visitors__time {
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: 400;
  }
  .participant-modal-sub-title {
    margin: 8px 0 0;
    font-size: 14px;
  }
  .participant-modal-ticket-name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .participant-modal-info {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 16px 0 0;
    border: 1px solid #f0f6ff;
  }
  .participant-modal-info__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    background-color: #f5f9ff;
    font-size: 14px;
  }
  .participant-modal-info__block:nth-of-type(2n) {
    background: #fff;
  }
  .participant-modal-info__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .participant-modal-info__title {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 20%;
    font-weight: 700;
  }
  .participant-modal-info__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: start;
  }
  .participant-modal-info__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  /* ------------------------------
    promoter PC
  ------------------------------ */
  .promoter-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .promoter-head {
    position: relative;
    margin-top: 32px;
  }
  .promoter-head__cover {
    width: 100%;
    height: 100%;
    aspect-ratio: 5/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .promoter-head__inner {
    padding: 24px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .promoter-head__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
  }
  .promoter-head__inner:first-child .promoter-head__content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .promoter-head__logo {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 138px;
    height: 138px;
    margin-top: -64px;
    border: 2px solid #fff;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
    -o-object-fit: contain;
       object-fit: contain;
  }
  .promoter-head__inner:first-child .promoter-head__logo {
    margin-top: 0;
  }
  .promoter-head__name {
    margin: 0;
    font-size: 24px;
  }
  .promoter-head__block {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed #dedede;
  }
  .promoter-head__block:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .promoter-head__data {
    margin: 12px 0 0;
  }
  .promoter-head__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 16px;
  }
  .promoter-event {
    margin-top: 48px;
  }
  .promoter-tab-event {
    padding: 40px 0;
    background: #fff;
  }
  .promoter-tab-event__intro {
    padding: 0 56px 32px;
    border-bottom: 1px solid #dedede;
  }
  .promoter-tab-event__intro:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .promoter-tab-event__event-list {
    margin-top: 32px;
    padding: 32px 56px 0;
    border-top: 1px solid #dedede;
  }
  .promoter-tab-event__intro + .promoter-tab-event__event-list {
    padding-top: 0;
    border-top: 0;
  }
  .promoter-tab-event__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
  .promoter-box {
    margin-top: 16px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .promoter-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 8px;
    margin-top: 16px;
  }
  /* ------------------------------
    sales PC
  ------------------------------ */
  .sales {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .sales-filter-area {
    margin-top: 16px;
  }
  .sales-head {
    margin-top: 16px;
  }
  .sales-head__text {
    margin: 0;
  }
  .sales-head__link-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 8px;
    margin-top: 24px;
  }
  .sales-head__note {
    display: block;
    margin-top: 12px;
    color: #818181;
    font-size: 12px;
    text-align: right;
  }
  .sales-sum {
    padding: 40px 56px;
    background: #fff;
  }
  .sales-sum__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    margin: 0;
  }
  .sales-sum__list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .sales-sum__list-block:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .sales-sum__list-title {
    font-size: 18px;
    font-weight: 700;
  }
  .sales-sum__list-data {
    margin: 0;
    font-weight: 700;
    text-align: right;
  }
  .sales-sum__list-data span {
    margin-right: 4px;
    font-size: 24px;
  }
  .sales-sum__sub {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    text-align: right;
  }
  .sales-ticket {
    margin-top: 16px;
    padding: 24px 56px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .sales-ticket__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin: 0;
  }
  .sales-ticket__master-name {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
  }
  .sales-ticket__name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .sales-ticket__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 16px -56px 0;
    padding: 0 56px;
    list-style-type: none;
    border-top: 1px solid #dedede;
    -webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.05);
  }
  .sales-ticket__box {
    margin-top: 20px;
    padding: 16px;
    border: 1px solid #dedede;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
  }
  .sales-ticket-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.1;
  }
  .sales-ticket-price__title::after {
    content: "：";
  }
  .sales-ticket-price__data {
    margin-left: 0;
  }
  .sales-ticket-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 12px 0 0;
    padding: 16px;
    background: #f5f5f5;
    gap: 12px;
  }
  .sales-ticket-result__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 12px;
    border-top: 1px dashed #a5a5a5;
  }
  .sales-ticket-result__block:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .sales-ticket-result__block--sub .sales-ticket-result__title {
    font-size: 14px;
  }
  .sales-ticket-result__data {
    margin-left: 0;
    font-size: 14px;
    font-weight: 700;
  }
  .sales-ticket-result__block--sub .sales-ticket-result__data {
    font-size: 12px;
    font-weight: 400;
  }
  .sales-ticket-result__data span {
    margin-right: 4px;
    font-size: 18px;
  }
  .sales-ticket-result__block--sub .sales-ticket-result__data span {
    font-size: 14px;
  }
  .sales-ticket-detail__panel {
    display: none;
    padding-top: 32px;
  }
  .sales-ticket-detail__button {
    display: block;
    position: relative;
    margin: 24px auto 0;
    padding: 0 0 0 24px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 0;
    background: transparent;
    color: #17479c;
  }
  .sales-ticket-detail__button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 12px;
    height: 2px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #17479c;
  }
  .sales-ticket-detail__button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 9px;
    width: 2px;
    height: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #17479c;
  }
  .is-open.sales-ticket-detail .sales-ticket-detail__button::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
  }
  .is-open.sales-ticket-detail .sales-ticket-detail__button {
    margin-top: 0;
  }
  .sales-ticket-detail.is-open .sales-ticket-detail__more {
    display: none;
  }
  .sales-ticket-detail:hover .sales-ticket-detail__more {
    text-decoration: underline;
  }
  .sales-ticket-detail__close {
    display: none;
  }
  .sales-ticket-detail.is-open .sales-ticket-detail__close {
    display: inline-block;
  }
  .sales-ticket-detail:hover .sales-ticket-detail__close {
    text-decoration: underline;
  }
  .sales-ticket-detail__edit {
    display: block;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 8px 0 0 auto;
    padding-left: 24px;
    color: #17479c;
    font-size: 14px;
    text-decoration: none;
  }
  .sales-ticket-detail__edit::before {
    content: "\e3c9";
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -4px;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .sales-ticket-detail__edit:hover {
    text-decoration: underline;
  }
  .sales-ticket-detail-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0;
    border: 1px solid #f0f6ff;
  }
  .sales-ticket-detail-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    background-color: #f5f9ff;
    font-size: 14px;
  }
  .sales-ticket-detail-list__block:nth-of-type(2n) {
    background: #fff;
  }
  .sales-ticket-detail-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .sales-ticket-detail-list__title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 20%;
    font-weight: 700;
  }
  .sales-ticket-detail-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
  }
  .sales-ticket-detail-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .sales-reception {
    margin-top: 32px;
  }
  .sales-reception__heading {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .sales-reception-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .sales-reception-list__item {
    border-top: 1px solid #dedede;
  }
  .sales-reception-list__item:first-child {
    border-top: 0;
  }
  .sales-reception-list__link {
    display: block;
    position: relative;
    padding: 24px 28px 24px 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    text-decoration: none;
  }
  .sales-reception-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .sales-reception-list__item:first-child .sales-reception-list__link {
    padding-top: 16px;
  }
  .sales-reception-list__link:hover::before {
    right: -4px;
  }
  .sales-reception-list__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .sales-reception-list__name {
    margin: 8px 0 0;
    color: #191919;
    font-weight: 700;
  }
  .sales-reception-list__link:hover .sales-reception-list__name {
    text-decoration: underline;
  }
  .sales-reception-list__list {
    margin: 16px 0 0;
    color: #191919;
  }
  .sales-reception-list__list-title {
    color: #191919;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .sales-reception-list__list-data {
    margin-left: 0;
  }
  .sales-reception-list__list-data span {
    display: inline-block;
    margin-left: 4px;
  }
  .sales-reception-list__list-data span:first-child {
    margin-left: 0;
  }
  .sales-note-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    margin-top: 12px;
  }
  .sales-table {
    margin-top: 24px;
  }
  .sales-table__action {
    margin-bottom: 24px;
  }
  .sales-table__table-wrap {
    margin-top: 8px;
  }
  /* ------------------------------
    seat SP
  ------------------------------ */
  .seat-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .seat-list {
    margin: 32px 0 0;
    padding: 20px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    list-style: none;
  }
  .seat-list__item {
    position: relative;
    border-top: 1px solid #dedede;
  }
  .seat-list__item:first-child {
    border: 0;
  }
  .seat-list__link {
    display: block;
    padding: 20px 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    text-decoration: none;
  }
  .seat-list__inner {
    position: relative;
    padding-right: 72px;
  }
  .seat-list__inner::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .seat-list__link:hover .seat-list__inner::before {
    right: -4px;
  }
  .seat-list__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    color: #191919;
    font-weight: 700;
  }
  .seat-list__item:has(.seat-list__button-area) .seat-list__name {
    min-height: 32px;
  }
  .seat-list__link:hover .seat-list__name {
    text-decoration: underline;
  }
  .seat-list__ticket-area {
    position: relative;
    margin-top: 8px;
    padding-left: 24px;
  }
  .seat-list__ticket-area::before {
    content: "\e638";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #191919;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .seat-list__ticket {
    color: #191919;
  }
  .seat-list__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    right: 28px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .seat-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 12px;
    padding: 16px 0 24px;
  }
  .seat-detail-inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 768px;
    margin-inline: auto;
  }
  .seat-intro {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 768px;
    margin-inline: auto;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .seat-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
  }
  .seat-list-name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .seat-text {
    margin: 16px 0 0;
  }
  .seat-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    margin-top: 32px;
  }
  .seat-status-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 16px;
  }
  .seat-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 16px;
    background: #f5f5f5;
    gap: 12px;
  }
  .seat-status__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .seat-status__item:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .seat-status__count {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
  }
  .seat-status__count span {
    margin-left: 4px;
    font-size: 16px;
  }
  .seat-sub-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 8px;
    margin: 0;
  }
  .seat-sub-status__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    padding: 8px 16px;
    background: #f5f5f5;
    font-size: 14px;
  }
  .seat-sub-status__count {
    margin: 0;
  }
  .seat-sub-status__count span {
    font-size: 12px;
  }
  .seat-guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
    margin: 32px 0 0;
  }
  .modal .seat-guide {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 0 1px;
    border: 0;
  }
  .seat-guide__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding-left: 32px;
    border-left: 1px dashed #dedede;
  }
  .seat-guide__item:first-child {
    padding-left: 0;
    border-left: 0;
  }
  .seat-guide__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 32px;
    height: 32px;
  }
  .seat-guide__description {
    margin: 0;
    font-size: 14px;
    line-height: 1.1;
  }
  .seat-chart-area {
    max-width: 100%;
    margin: 32px 0;
  }
  .seat-chart-area__inner {
    margin-inline: auto;
    padding: 0 48px;
    text-align: center;
  }
  .seat-chart {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    max-width: 100%;
  }
  .seat-chart__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin-top: 56px;
  }
  .seat-chart__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
  }
  .seat-chart__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    padding-top: 8px;
  }
  .seat-chart__content {
    padding: 16px;
    overflow-x: auto;
    background: #fff;
  }
  .seat-chart__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 56px;
  }
  .seat-chart__button-area:first-child {
    margin-top: 0;
  }
  .seat-chart-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .seat-chart-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .seat-chart-list__item:last-child {
    padding-right: 16px;
  }
  .seat-chart-list__button {
    position: relative;
    width: 40px;
    height: 40px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border: 0;
  }
  .seat-chart-list__button[aria-disabled=true] {
    pointer-events: none;
  }
  .seat-chart-list__button:hover {
    opacity: 0.7;
  }
  .seat-chart-list__number {
    font-size: 14px;
    line-height: 1.1;
  }
  .seat-chart-list__stairs {
    position: relative;
    width: 40px;
    height: 40px;
  }
  .seat-icon {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background: #17479c;
    color: #fff;
    font-size: 0;
  }
  .seat-icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .seat-guide .seat-icon::before {
    font-size: 24px;
  }
  .is-stop .seat-icon {
    border: 1px solid #17479c;
    background: #fff;
    color: #17479c;
  }
  .is-stop .seat-icon::before {
    content: "\e14b";
  }
  .is-sold .seat-icon {
    background: #a5a5a5;
  }
  .is-sold .seat-icon::before {
    content: "\e5cd";
  }
  .is-reserved .seat-icon {
    background: #818181;
  }
  .is-reserved .seat-icon::before {
    content: "\e86b";
  }
  .seat-stairs {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
  }
  .seat-stairs::before {
    content: "\f6e4";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .seat-guide .seat-stairs::before {
    font-size: 24px;
  }
  .seat-ticket {
    margin-top: 16px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .seat-ticket__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .seat-ticket__text {
    margin: 16px 0 0;
  }
  .seat-ticket-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
  }
  .seat-ticket-list__link {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    color: #17479c;
    text-decoration: none;
  }
  .seat-ticket-list__link::before {
    content: "\e157";
    position: absolute;
    top: -2px;
    left: 0;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .seat-ticket-list__link:hover {
    text-decoration: underline;
  }
  /* ------------------------------
    serial-code PC
  ------------------------------ */
  .serial-code-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .serial-code-intro {
    margin-top: 32px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .serial-code-intro__heading {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .serial-code-intro__text {
    margin: 32px 0 0;
  }
  .serial-code-intro__text:first-child {
    margin-top: 0;
  }
  .serial-code-sub-text {
    margin: 12px 0 0;
    font-size: 14px;
  }
  .serial-code-text-list {
    margin: 8px 0 0;
    padding: 0 0 0 1em;
    list-style-type: none;
    text-indent: -1em;
  }
  .serial-code-text-list__item {
    margin-top: 8px;
  }
  .serial-code-text-list__item:first-child {
    margin-top: 0;
  }
  .serial-code-text-list__item::before {
    content: "・";
  }
  .serial-code-sub-text-list {
    margin: 4px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .serial-code-sub-text-list__item {
    padding-left: 1em;
    font-size: 14px;
    text-indent: -1em;
  }
  .serial-code-sub-text-list__item::before {
    content: "・";
  }
  .serial-code-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .serial-code-list {
    margin: 32px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .serial-code-list__item {
    margin-top: 12px;
    padding: 24px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .serial-code-list__item:first-child {
    margin-top: 0;
  }
  .serial-code-list__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .serial-code-list__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
  }
  .serial-code-list__bottom {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #a5a5a5;
  }
  .serial-code-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px 16px;
  }
  .serial-code-list__download {
    margin-top: 12px;
  }
  .serial-code-detail-list {
    margin: 20px 0 0;
  }
  .serial-code-detail-list:first-child {
    margin-top: 0;
  }
  .serial-code-detail-list__row {
    margin-top: 12px;
  }
  .serial-code-detail-list__row:first-child {
    margin-top: 0;
  }
  .serial-code-detail-list__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .serial-code-detail-list__desc {
    margin: 4px 0 0;
  }
  .serial-code-select {
    padding-top: 16px;
    border-top: 1px dashed #a5a5a5;
  }
  .serial-code-select__image {
    text-align: center;
  }
  .serial-code-select__image img {
    width: auto;
    height: 50px;
  }
  .serial-code-select__text {
    margin: 16px 0 0;
    font-size: 12px;
  }
  /* ------------------------------
    survey PC
  ------------------------------ */
  .survey-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .survey-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .survey-bottom-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 16px 0 24px;
  }
  .survey-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .survey-head-checkbox {
    margin-top: 16px;
  }
  .survey-summary-box {
    margin-top: 32px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .survey-summary-list {
    margin: 0;
  }
  .survey-summary-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .survey-summary-list__item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .survey-summary-list__title {
    font-size: 18px;
    font-weight: 700;
  }
  .survey-summary-list__data {
    margin: 0;
    font-weight: 700;
    text-align: end;
  }
  .survey-summary-list__number {
    margin-right: 4px;
    font-size: 24px;
  }
  .survey-summary-list__sub {
    display: block;
    font-size: 14px;
    font-weight: 400;
  }
  .survey-detail {
    margin-top: 16px;
    padding: 49px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .survey-detail-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    padding: 0;
    list-style: none;
    counter-reset: q-counter;
  }
  .survey-detail-list__item {
    margin: 0;
    padding-top: 32px;
    border-top: 1px dashed #dedede;
  }
  .survey-detail-list__item:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .survey-detail-list__question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .survey-detail-list__question::before {
    content: counter(q-counter) ".";
    -ms-flex-negative: 0;
        flex-shrink: 0;
    counter-increment: q-counter;
  }
  .survey-detail-list__count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.1;
  }
  .survey-detail-list__count-title::after {
    content: ":";
  }
  .survey-detail-list__count-data {
    margin: 0;
  }
  .survey-detail-list__graph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    max-height: 335px;
    margin-top: 24px;
  }
  .survey-detail-list__table-area {
    margin-top: 24px;
  }
  .survey-answer {
    margin-top: 24px;
  }
  .survey-answer__note-wrap {
    margin-top: 8px;
  }
  .survey-answer__button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 16px;
  }
  .survey-answer__button {
    display: block;
    position: relative;
    padding: 0 0 0 24px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 0;
    background: transparent;
    color: #17479c;
  }
  .survey-answer__button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 12px;
    height: 2px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #17479c;
  }
  .survey-answer__button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 9px;
    width: 2px;
    height: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #17479c;
  }
  .is-open.survey-answer .survey-answer__button::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
  }
  .survey-answer__button:hover {
    text-decoration: underline;
  }
  .survey-answer-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .survey-answer-list__item {
    padding: 16px;
    background: #f5f5f5;
  }
  .survey-answer-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 8px;
  }
  /* ------------------------------
    ticket PC
  ------------------------------ */
  .ticket {
    width: 100%;
  }
  .ticket-section {
    margin-top: 40px;
  }
  .ticket-section--with-arrow {
    position: relative;
    margin-top: 52px;
  }
  .ticket-section--with-arrow::before {
    content: "";
    position: absolute;
    top: -16px;
    left: 50%;
    width: 33px;
    height: 15px;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    background: #dedede;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
  }
  .ticket-section__heading {
    margin: 0;
    padding: 0 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.1;
  }
  .ticket-section__text {
    margin: 0;
  }
  .ticket-list-wrap {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
    margin-top: 32px;
  }
  .ticket-list-heading {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
  }
  .ticket-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin: 16px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .ticket-list:first-child {
    margin-top: 0;
  }
  .ticket-list__item {
    padding-bottom: 24px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .ticket-list__head {
    padding: 20px 56px 16px;
    border-bottom: 1px solid #dedede;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
  }
  .ticket-list__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ticket-list__title {
    margin: 8px 0 0;
    font-weight: 700;
  }
  .ticket-list__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0;
    border: 0;
    background: transparent;
    color: #818181;
  }
  .ticket-list__button::before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 50%;
    width: 32px;
    height: 32px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 50%;
    background: transparent;
  }
  .ticket-list__button:hover::before {
    background: #f0f6ff;
  }
  .ticket-list__list {
    margin: 16px 0 0;
    padding: 16px;
    background: #f5f5f5;
  }
  .ticket-list__list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .ticket-list__list-block:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .ticket-list__list-title {
    font-size: 14px;
  }
  .ticket-list__list-data {
    margin: 0;
    font-size: 14px;
  }
  .ticket-list__list-data span {
    font-size: 12px;
  }
  .ticket-child-list {
    margin-top: 20px;
    padding: 0 56px;
    list-style-type: none;
  }
  .ticket-child-list__item {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #dedede;
  }
  .ticket-child-list__item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .ticket-child-list__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 8px 0 0;
    padding: 12px;
    background: #f5f5f5;
    line-height: 1.1;
  }
  .ticket-child-list__list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    max-width: 160px;
    padding: 0 20px;
    border-left: 1px solid #dedede;
  }
  .ticket-child-list__list-block:first-child {
    border-left: 0;
  }
  .ticket-child-list__list-title {
    color: #818181;
    font-size: 14px;
  }
  .ticket-child-list__list-data {
    margin: 0;
    white-space: nowrap;
  }
  .ticket-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    gap: 12px;
    margin-top: 4px;
    padding: 12px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #dedede;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);
            box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.07);
  }
  .ticket-card:first-child {
    margin-top: 0;
  }
  .ticket-card::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    width: 20px;
    height: 20px;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
  }
  .ticket-card.color01::after {
    background: transparent;
  }
  .ticket-card.color02::after {
    background: #000;
  }
  .ticket-card.color03::after {
    background: #0053e5;
  }
  .ticket-card.color04::after {
    background: #00d2e5;
  }
  .ticket-card.color05::after {
    background: #00a63d;
  }
  .ticket-card.color06::after {
    background: #67d916;
  }
  .ticket-card.color07::after {
    background: #ffd400;
  }
  .ticket-card.color08::after {
    background: #ff9121;
  }
  .ticket-card.color09::after {
    background: #f20000;
  }
  .ticket-card.color10::after {
    background: #ff66b2;
  }
  .ticket-card.color11::after {
    background: #ac00e5;
  }
  .ticket-card:has(input):hover, .ticket-card:has(:checked) {
    border-color: #17479c;
    background: #f5f9ff;
    cursor: pointer;
  }
  .ticket-card:has(:disabled), .ticket-card:has(:disabled):hover {
    border-color: #dedede;
    background: #f5f5f5;
    cursor: default;
  }
  .ticket-card__checkbox {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .ticket-card__inner {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .ticket-card__head {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
  }
  .ticket-card__title {
    grid-row: 1;
    margin: 0;
    font-size: 18px;
  }
  .ticket-card__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-row: 2;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px 16px;
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.1;
  }
  .ticket-card__list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .ticket-card__list-title::after {
    content: "：";
  }
  .ticket-card__list-data {
    margin: 0;
  }
  .ticket-card__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 2;
    grid-row: 1/span 2;
    margin-left: 10px;
  }
  .ticket-card__toggle {
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .ticket-card__text {
    display: -webkit-box;
    max-height: 62px;
    margin: 0;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #818181;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    --max-height: 62;
  }
  .ticket-card__text.is-open {
    -webkit-line-clamp: inherit;
  }
  .ticket-card__more {
    display: block;
    position: relative;
    min-width: 82px;
    margin: 12px auto 0;
    padding: 0 0 0 18px;
    border: 0;
    opacity: 0;
    background: transparent;
    color: #17479c;
    font-size: 12px;
  }
  .ticket-card__more::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 2px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #17479c;
  }
  .ticket-card__more::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 2px;
    height: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #17479c;
  }
  .ticket-card__more.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
  }
  .ticket-card__more:hover {
    text-decoration: underline;
  }
  .ticket-card__link {
    display: block;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 8px 0 0 auto;
    padding: 0 0 0 18px;
    border: 0;
    background: transparent;
    color: #17479c;
    font-size: 12px;
    line-height: 1.5;
    text-decoration: none;
  }
  .ticket-card__link::before {
    content: "\e86c";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 16px;
  }
  .ticket-card__link:hover {
    text-decoration: underline;
  }
  .ticket-card__action {
    display: block;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 0 0 auto;
    padding: 0 0 0 24px;
    border: 0;
    background: transparent;
    color: #17479c;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: none;
  }
  .ticket-card__action::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .ticket-card__action.is-sold-out::before {
    content: "\e14b";
  }
  .ticket-card__action.is-resale::before {
    content: "\e638";
  }
  .ticket-card__action:hover {
    text-decoration: underline;
  }
  .ticket-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 8px;
  }
  .ticket-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 16px;
    padding: 16px 0 24px;
  }
  .ticket-reception-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px solid #dedede;
  }
  .ticket-reception-list__link {
    display: block;
    position: relative;
    padding: 24px 20px 24px 0;
    border-top: 1px solid #dedede;
    text-decoration: none;
  }
  .ticket-reception-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .ticket-reception-list__link:hover::before {
    right: -4px;
  }
  .ticket-reception-list__title {
    margin: 0;
    color: #191919;
    font-size: 18px;
    font-weight: 700;
  }
  .ticket-reception-list__link:hover .ticket-reception-list__title {
    text-decoration: underline;
  }
  .ticket-reception-list__list {
    margin: 16px 0 0;
  }
  .ticket-reception-list__list-block {
    margin-top: 16px;
  }
  .ticket-reception-list__list-block:first-child {
    margin-top: 0;
  }
  .ticket-reception-list__list-title {
    color: #191919;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .ticket-reception-list__list-data {
    margin: 4px 0 0;
    color: #191919;
    font-size: 14px;
  }
  .ticket-lottery-message {
    margin-top: 12px;
  }
  .ticket-color-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .ticket-color {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    cursor: pointer;
  }
  .ticket-color.color02 {
    background: #000;
  }
  .ticket-color.color03 {
    background: #0053e5;
  }
  .ticket-color.color04 {
    background: #00d2e5;
  }
  .ticket-color.color05 {
    background: #00a63d;
  }
  .ticket-color.color06 {
    background: #67d916;
  }
  .ticket-color.color07 {
    background: #ffd400;
  }
  .ticket-color.color08 {
    background: #ff9121;
  }
  .ticket-color.color09 {
    background: #f20000;
  }
  .ticket-color.color10 {
    background: #ff66b2;
  }
  .ticket-color.color11 {
    background: #ac00e5;
  }
  .ticket-color__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .ticket-color__label {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 0;
  }
  .ticket-color__label::before {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 5px;
    opacity: 0;
  }
  .ticket-color__label::after {
    content: "\e5ca";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    color: #fff;
    font-family: "Material Symbols Outlined";
    font-size: 32px;
  }
  .ticket-color__input:hover + .ticket-color__label::before, .ticket-color__input:hover + .ticket-color__label::after, .ticket-color__input:checked + .ticket-color__label::before, .ticket-color__input:checked + .ticket-color__label::after {
    opacity: 1;
  }
  .ticket-drawer-content {
    width: 620px;
  }
  .ticket-drawer-content__text {
    margin: 0;
  }
  /* ------------------------------
    statement PC
  ------------------------------ */
  .statement {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .statement-list-area {
    margin-top: 32px;
  }
  .statement-list {
    margin: 0;
    padding: 20px 56px;
    list-style-type: none;
    background: #fff;
  }
  .statement-list__item {
    border-bottom: 1px dashed #dedede;
  }
  .statement-list__item:last-child {
    border-bottom: 0;
  }
  .statement-list__link {
    display: block;
    padding: 20px 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #191919;
    text-decoration: none;
  }
  .statement-list__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .statement-list__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .statement-list__list--update {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .statement-list__list-title {
    color: #818181;
  }
  .statement-list__list-title::after {
    content: "：";
  }
  .statement-list__list-data {
    margin: 0;
  }
  .statement-list__title {
    display: -webkit-box;
    margin: 8px 0 0;
    overflow: hidden;
    font-size: 18px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .statement-list__date {
    margin: 16px 0 0;
  }
  .statement-list__date-title {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .statement-list__date-data {
    margin: 4px 0 0;
    font-size: 14px;
  }
  .statement-list__date-data span {
    display: inline-block;
  }
  .statement-list__button {
    display: block;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 16px 0 0 auto;
    padding-right: 24px;
    color: #17479c;
  }
  .statement-list__button::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    color: #17479c;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 20px;
  }
  .statement-list__link:hover .statement-list__button {
    text-decoration: underline;
  }
  .statement-list__link:hover .statement-list__button::before {
    right: -4px;
  }
  .statement-list-detail {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 16px 0 0;
    border: 1px solid #f0f6ff;
  }
  .statement-list-detail__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    background-color: #f5f9ff;
    font-size: 14px;
  }
  .statement-list-detail__block:nth-of-type(2n) {
    background: #fff;
  }
  .statement-list-detail__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .statement-list-detail__title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 20%;
    font-weight: 700;
  }
  .statement-list-detail__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
  }
  .statement-list-detail__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .statement-event-info {
    margin-top: 32px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .statement-event-info__title {
    display: inline-block;
    position: relative;
    padding-right: 28px;
    color: #191919;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
  }
  .statement-event-info__title::after {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 20px;
    font-weight: 400;
  }
  .statement-event-info__title:hover {
    text-decoration: underline;
  }
  .statement-event-info__title:hover::after {
    right: -4px;
  }
  .statement-event-info__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
    line-height: 1.1;
  }
  .statement-event-info__id-title::after {
    content: "：";
  }
  .statement-event-info__id-data {
    margin: 0;
  }
  .statement-event-info__date {
    margin: 16px 0 0;
  }
  .statement-event-info__date-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .statement-event-info__date-data {
    margin: 4px 0 0;
  }
  .statement-section {
    margin-top: 16px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .statement-section__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    font-size: 24px;
    gap: 8px;
  }
  .statement-summary-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 32px 0 0;
    padding: 16px;
    background: #f5f5f5;
    gap: 12px;
  }
  .statement-summary-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 12px;
    border-top: 1px dashed #a5a5a5;
  }
  .statement-summary-list__block:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .statement-summary-list__block--sub .statement-summary-list__title {
    font-size: 14px;
  }
  .statement-summary-list__data {
    margin-left: 0;
    font-size: 14px;
    font-weight: 700;
  }
  .statement-summary-list__block--sub .statement-summary-list__data {
    font-size: 12px;
    font-weight: 400;
  }
  .statement-summary-list__data span {
    margin-right: 4px;
    font-size: 18px;
  }
  .statement-summary-list__block--sub .statement-summary-list__data span {
    font-size: 14px;
  }
  .statement-date-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 24px 0 0;
    border: 1px solid #f0f6ff;
  }
  .statement-date-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    background-color: #f5f9ff;
    font-size: 14px;
  }
  .statement-date-list__block:nth-of-type(2n) {
    background: #fff;
  }
  .statement-date-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .statement-date-list__title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 20%;
    font-weight: 700;
  }
  .statement-date-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
  }
  .statement-date-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .statement-date-list__button {
    display: block;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 4px 0 0 auto;
    padding: 0 18px 0 0;
    border: 0;
    background: 0;
    color: #17479c;
    font-size: 12px;
    line-height: 1.1;
  }
  .statement-date-list__button::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #17479c;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 16px;
  }
  .statement-date-list__button:hover {
    text-decoration: underline;
  }
  .statement-date-list__button:hover::before {
    right: -4px;
  }
  .statement-number {
    display: block;
    margin-top: 16px;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
    text-align: right;
  }
  .statement-link-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .statement-modal {
    width: 1134px;
    max-width: calc(100vw - 128px);
  }
  /* ------------------------------
    black-list PC
  ------------------------------ */
  .black-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .black-list-intro {
    margin-top: 32px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .black-list-intro__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .black-list-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin: 8px 0 0;
  }
  .black-list-date__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px;
  }
  .black-list-date__block:first-child {
    margin-top: 0;
  }
  .black-list-date__title {
    font-size: 14px;
  }
  .black-list-date__title::after {
    content: "：";
  }
  .black-list-date__data {
    margin: 0;
    font-size: 14px;
  }
  .black-list-step {
    margin: 0;
    padding-left: 24px;
  }
  .black-list-step__item {
    margin-top: 8px;
  }
  .black-list-step__item:first-child {
    margin-top: 0;
  }
  /* ------------------------------
    inquiry SP
  ------------------------------ */
  .inquiry {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .inquiry-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .inquiry-list__link {
    display: block;
    position: relative;
    padding: 24px 84px 24px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    color: #191919;
    text-decoration: none;
  }
  .inquiry-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 56px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .inquiry-list__link:hover::before {
    right: 52px;
  }
  .inquiry-list__title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 4px;
    margin-top: 8px;
  }
  .inquiry-list__title {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font-size: 18px;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .inquiry-list__link:hover .inquiry-list__title {
    text-decoration: underline;
  }
  .inquiry-list__number {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 28px;
    height: 28px;
    padding: 6px 6px 8px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
  }
  .inquiry-list__number::before {
    content: "\e0ca";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #818181;
    font-family: "Material Symbols Outlined";
    font-size: 28px;
    font-variation-settings: "FILL" 1;
  }
  .inquiry-list__event-name {
    display: -webkit-box;
    margin: 8px 0 0;
    overflow: hidden;
    color: #818181;
    font-size: 14px;
    line-height: 1.1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .inquiry-list__desc {
    display: -webkit-box;
    margin: 16px 0 0;
    padding-top: 16px;
    overflow: hidden;
    border-top: 1px dashed #dedede;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .inquiry-list__reply-box {
    margin-top: 12px;
    padding: 12px 8px;
    background: #f5f5f5;
  }
  .inquiry-list__reply {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #818181;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .inquiry-list__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 16px;
    margin: 24px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .inquiry-list__date-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .inquiry-list__date-block--em .inquiry-list__date-title {
    font-weight: 700;
  }
  .inquiry-list__date-title::after {
    content: "：";
  }
  .inquiry-list__date-data {
    margin: 0;
  }
  .inquiry-list__date-block--em .inquiry-list__date-data {
    font-weight: 700;
  }
  .inquiry-detail-head {
    margin-top: 32px;
    padding: 24px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .inquiry-detail-head__title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .inquiry-detail-head__link {
    display: inline-block;
    margin-top: 8px;
    color: #17479c;
    font-size: 16px;
    text-decoration: none;
  }
  .inquiry-detail-head__link:hover {
    text-decoration: underline;
  }
  .inquiry-detail-list {
    margin: 16px 0 0;
    padding: 40px 56px;
    list-style-type: none;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .inquiry-detail-list__item {
    border-top: 1px solid #dedede;
  }
  .inquiry-detail-list__item:first-child {
    padding-bottom: 24px;
    border-top: 0;
  }
  .inquiry-detail-list__toggle {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 24px 54px 24px 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
  }
  .inquiry-detail-list__item.is-open .inquiry-detail-list__toggle {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .inquiry-detail-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    color: #818181;
  }
  .inquiry-detail-list__name {
    display: -webkit-box;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    overflow: hidden;
    color: #191919;
    font-size: 16px;
    font-weight: 400;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .inquiry-detail-list__item.is-open .inquiry-detail-list__name {
    display: block;
  }
  .inquiry-detail-list__date {
    display: block;
    margin-top: 8px;
    color: #818181;
    font-size: 14px;
  }
  .inquiry-detail-list__icon {
    position: absolute;
    top: 24px;
    right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 28px;
    height: 28px;
    padding: 4px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    border: 1px #17479c solid;
    border-radius: 2px;
  }
  .inquiry-detail-list__toggle:hover .inquiry-detail-list__icon {
    background: #f5f9ff;
  }
  .inquiry-detail-list__icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #17479c;
  }
  .inquiry-detail-list__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #17479c;
  }
  .inquiry-detail-list__item.is-open .inquiry-detail-list__icon::after, .inquiry-detail-list__toggle:has(.is-open) .inquiry-detail-list__icon::after {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
            transform: translate(-50%, -50%) rotate(-90deg);
  }
  .inquiry-detail-list__panel {
    display: none;
    padding-bottom: 20px;
  }
  .inquiry-detail-list__panel.is-open {
    display: block;
  }
  .inquiry-detail-list__text {
    margin: 0;
  }
  .inquiry-detail-list__toggle-text {
    display: -webkit-box;
    position: relative;
    max-height: 120px;
    margin: 0;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    --max-height: 120;
  }
  .inquiry-detail-list__toggle-text.is-open {
    -webkit-line-clamp: inherit;
  }
  .inquiry-detail-list__button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    opacity: 0;
    background: transparent;
    font-size: 0;
  }
  .inquiry-detail-form {
    border-top: 1px solid #dedede;
  }
  .inquiry-detail-form--confirm {
    margin-top: 16px;
    border-top: 0;
  }
  .inquiry-detail-form__block {
    padding: 40px 56px;
    background: #fff;
  }
  .inquiry-detail-form--confirm .inquiry-detail-form__block {
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .inquiry-detail-form__label {
    display: block;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .inquiry-detail-form__field {
    margin-top: 12px;
  }
  /* ------------------------------
    refund SP
  ------------------------------ */
  .refund-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .refund-top-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .refund-section {
    margin-top: 16px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .refund-section__text {
    margin: 32px 0 0;
  }
  .refund-section__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 16px;
  }
  .heading02 + .refund-section__message {
    margin-top: 32px;
  }
  .refund-section__note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    margin-top: 16px;
  }
  .refund-section__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .refund-child-section {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #dedede;
  }
  .refund-child-section__text {
    margin: 8px 0 0;
  }
  .heading04 + .refund-child-section__text {
    margin-top: 20px;
  }
  .refund-child-section__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 8px;
  }
  .refund-text-list {
    margin: 8px 0 0;
    padding: 0;
    padding-left: 1em;
    list-style: none;
    text-indent: -1em;
  }
  .heading02 + .refund-text-list {
    margin-top: 16px;
  }
  .refund-text-list__item::before {
    content: "・";
  }
  .refund-note-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
    gap: 8px;
  }
  .refund-note-list:first-child {
    margin-top: 0;
  }
  .refund-note-list__item {
    position: relative;
    padding-left: 18px;
  }
  .refund-note-list__item::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
  }
  .refund-payment-list {
    margin: 24px 0 0;
    border: 1px solid #dedede;
  }
  .refund-payment-list__title {
    padding: 8px 16px;
    background: #818181;
    color: #fff;
    font-weight: 700;
  }
  .refund-payment-list__data {
    margin: 0;
    padding: 8px 16px;
    background: #fff;
    font-size: 14px;
  }
  .refund-caution {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 32px 0 0;
    padding: 0;
    list-style-type: none;
    gap: 20px;
  }
  .refund-caution__item {
    padding-top: 20px;
    border-top: 1px dashed #818181;
    font-weight: 700;
  }
  .refund-caution__item:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .refund-caution__text-sub {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
  }
  .refund-caution__help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
  }
  .refund-list {
    margin: 0;
    padding: 40px 56px;
    list-style-type: none;
    background: #fff;
  }
  .refund-list--arrow {
    margin-top: 32px;
    padding: 0;
  }
  .refund-list__item {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #a5a5a5;
  }
  .refund-list__item:first-child {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .refund-list__link {
    display: block;
    position: relative;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    color: #191919;
    text-decoration: none;
  }
  .refund-list--arrow .refund-list__link {
    padding-right: 28px;
  }
  .refund-list--arrow .refund-list__link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .refund-list--arrow .refund-list__link:hover::before {
    right: -4px;
  }
  .refund-list__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .refund-list__number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    margin: 0;
  }
  .refund-list--arrow .refund-list__link:hover .refund-list__number {
    text-decoration: underline;
  }
  .refund-list__number-title::after {
    content: ":";
    display: inline-block;
    margin-left: 2px;
  }
  .refund-list__number-data {
    margin: 0;
  }
  .refund-list__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
  }
  .refund-list__id-title {
    color: #818181;
    font-size: 12px;
  }
  .refund-list__id-title::after {
    content: "：";
  }
  .refund-list__id-data {
    margin: 0;
    color: #818181;
    font-size: 12px;
  }
  .refund-list__title {
    display: -webkit-box;
    margin: 8px 0 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .refund-list__date {
    margin-top: 16px;
    margin-bottom: 0;
  }
  .refund-list__date-title {
    font-size: 12px;
    font-weight: 700;
  }
  .refund-list__date-data {
    margin: 0;
    font-size: 14px;
  }
  .refund-list__date-data span {
    display: inline-block;
  }
  .refund-list__table {
    margin: 8px 0 0;
    padding: 16px;
    background: #f5f5f5;
  }
  .refund-list__table-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #a5a5a5;
  }
  .refund-list__table-block:first-child {
    margin-top: 0;
    padding-top: 0;
    border: 0;
  }
  .refund-list__table-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
  }
  .refund-list__table-block--sub .refund-list__table-title {
    font-size: 14px;
  }
  .refund-list__table-data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
  }
  .refund-list__table-block--sub .refund-list__table-data {
    font-size: 14px;
    font-weight: 400;
  }
  .refund-list__table-data span {
    display: inline-block;
    margin-right: 4px;
    font-size: 18px;
  }
  .refund-list__button {
    position: relative;
    margin: 16px 0 0;
    padding-right: 25px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #17479c;
    text-align: right;
  }
  .refund-list__button::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .refund-list__link:hover .refund-list__button {
    text-decoration: underline;
  }
  .refund-list__link:hover .refund-list__button::before {
    right: -4px;
  }
  .refund-list__message {
    margin-top: 8px;
  }
  .refund-event-info {
    margin-top: 32px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .refund-event-info:has(+ .form__section) {
    margin-top: 16px;
  }
  .refund-event-info__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 32px 0 0;
    line-height: 1.1;
  }
  .refund-event-info__id-title::after {
    content: "：";
  }
  .refund-event-info__id-data {
    margin: 0;
  }
  .refund-event-info__title {
    margin: 12px 0 0;
    font-weight: 700;
  }
  .refund-event-info__date {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.1;
  }
  .refund-event-info__link {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .refund-table-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 0;
    border: 1px solid #f0f6ff;
  }
  .refund-table-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    background-color: #f5f9ff;
    font-size: 14px;
  }
  .refund-table-list__block:nth-of-type(2n) {
    background: #fff;
  }
  .refund-table-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .refund-table-list__title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 20%;
    font-weight: 700;
  }
  .refund-table-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
  }
  .refund-table-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .refund-detail {
    margin-top: 16px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .refund-detail__list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 0 4px;
    line-height: 1.1;
  }
  .refund-detail__list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .refund-detail__list-title::after {
    content: "：";
  }
  .refund-detail__list-data {
    margin: 0;
  }
  .refund-detail__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 32px 0 0 auto;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .refund-detail__date + .refund-detail__date {
    margin-top: 6px;
  }
  .refund-detail__date-title::after {
    content: "：";
  }
  .refund-detail__date-data {
    margin: 0;
  }
  .refund-detail__table {
    margin: 8px 0 0;
    padding: 16px;
    background: #f5f5f5;
  }
  .refund-detail__table-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #a5a5a5;
  }
  .refund-detail__table-block:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .refund-detail__table-title {
    font-size: 14px;
  }
  .refund-detail__table-data {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    text-align: end;
  }
  .refund-detail__table-data span {
    margin-right: 4px;
    font-size: 18px;
  }
  .refund-detail__section {
    margin-top: 32px;
  }
  .refund-detail__message {
    margin: 12px 0 0;
    padding: 16px;
    background: #f5f5f5;
  }
  .refund-info {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #dedede;
  }
  .heading02 + .refund-info {
    margin-top: 32px;
  }
  .refund-info:first-child {
    margin-top: 0;
  }
  .refund-info:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .refund-info__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .refund-info__data {
    margin: 16px 0 0;
  }
  .refund-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #dedede;
    gap: 16px 32px;
  }
  .refund-download:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .refund-download__text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 40%;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  /* ------------------------------
    admission PC
  ------------------------------ */
  .admission {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .admission-content {
    margin-top: 56px;
  }
  .admission-content__heading {
    margin: 0;
    font-size: 24px;
  }
  .admission-content__text {
    margin: 8px 0 0;
  }
  .admission-content__text:first-child {
    margin-top: 0;
  }
  .admission-section {
    margin-top: 16px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .admission-section__block-wrap {
    margin-top: 32px;
  }
  .admission-section__block {
    padding: 32px 0;
    border-top: 1px dashed #a5a5a5;
  }
  .admission-section__block:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .admission-section__block:last-child {
    padding-bottom: 0;
  }
  .admission-section__table {
    margin-top: 24px;
  }
  .admission-section__text {
    margin: 32px 0 0;
  }
  .admission-section__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 32px;
  }
  .admission-section__button-box:first-child {
    margin-top: 0;
  }
  .admission-event-date {
    margin: 24px 0 0;
  }
  .admission-event-date__block {
    margin-top: 16px;
  }
  .admission-event-date__block:first-child {
    margin-top: 0;
  }
  .admission-event-date__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .admission-event-date__data {
    margin: 4px 0 0;
  }
  .admission-event-date__data span {
    display: inline-block;
  }
  .admission-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #f0f6ff;
  }
  .admission-table__head {
    background: #17479c;
    color: #fff;
    font-size: 14px;
    text-align: left;
  }
  .admission-table__title {
    padding: 8px 5px;
    font-size: 14px;
    font-weight: 700;
  }
  .admission-table__body tr:nth-child(odd) .admission-table__title {
    background: #f5f9ff;
  }
  .admission-table__title:first-child {
    padding-left: 12px;
  }
  .admission-table__title:last-child {
    padding-right: 12px;
  }
  .admission-table__data {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    padding: 8px 5px;
    background: #fff;
    font-size: 14px;
    text-align: right;
  }
  .admission-table__body tr:nth-child(odd) .admission-table__data {
    background: #f5f9ff;
  }
  .admission-table__data:first-child {
    padding-left: 12px;
  }
  .admission-table__data:last-child {
    padding-right: 12px;
  }
  .admission-table__foot {
    border-top: 1px solid #17479c;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
  }
  .admission-flow {
    margin: 24px 0 0;
    padding: 0;
    list-style-type: none;
  }
  .admission-flow__item::after {
    content: "\e313";
    display: block;
    margin: 8px 0;
    color: #a5a5a5;
    text-align: center;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 32px;
  }
  .admission-flow__item:last-child::after {
    content: none;
  }
  .admission-flow__title {
    margin: 0;
    padding: 12px 24px;
    background: #f5f5f5;
    font-size: 16px;
  }
  .admission-flow__content {
    padding: 24px;
    border: 1px solid #dedede;
    border-top: 0;
  }
  .admission-flow__section {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #a5a5a5;
  }
  .admission-flow__section-title {
    margin: 16px 0 0;
    font-size: 16px;
  }
  .admission-flow__section-title:first-child {
    margin-top: 0;
  }
  .admission-flow__text {
    margin: 8px 0 0;
  }
  .admission-flow__text:first-child {
    margin-top: 0;
  }
  .admission-flow__image {
    width: 212px;
    margin: 8px auto 0;
  }
  .admission-flow__image img {
    width: 100%;
  }
  .admission-app {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed #a5a5a5;
  }
  .admission-app:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .admission-app__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
  }
  .admission-app__title {
    margin: 0;
    font-size: 16px;
  }
  .admission-app__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 56px;
  }
  .admission-app__image img {
    width: 100%;
  }
  .admission-app__manual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 32px;
  }
  .admission-app-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 24px;
    margin-top: 16px;
  }
  .admission-app-button__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  .admission-app-button__qr {
    width: 72px;
  }
  .admission-app-button__text {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
  }
  .admission-app-button__button {
    height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
  }
  .admission-app-button__button img {
    height: 100%;
  }
  .admission-assistant {
    margin-top: 24px;
  }
  .admission-assistant__title {
    margin: 0;
    font-size: 18px;
  }
  .admission-assistant__box {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr auto;
    gap: 8px 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 16px;
  }
  .admission-assistant__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-row: 1/span 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 8px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid #dedede;
    background: #fff;
    gap: 4px;
  }
  .admission-assistant__qr {
    width: 72px;
  }
  .admission-assistant__qr img {
    width: 100%;
  }
  .admission-assistant__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #17479c;
    font-size: 12px;
  }
  .admission-assistant__block:hover .admission-assistant__link {
    text-decoration: underline;
  }
  .admission-assistant__text {
    margin: 0;
  }
  .admission-assistant__help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .admission-ticket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 24px 0 0;
    padding: 0;
    list-style-type: none;
    gap: 12px;
  }
  .admission-ticket__item {
    padding-bottom: 12px;
    border-bottom: 1px solid #dedede;
  }
  .admission-ticket__item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .admission-ticket__name {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 0;
    background: transparent;
    color: #17479c;
    text-decoration: none;
  }
  .admission-ticket__name:hover {
    text-decoration: underline;
  }
  .admission-faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 32px 0 0;
    padding: 0;
    list-style-type: none;
    gap: 24px;
  }
  .admission-faq__item {
    padding-top: 24px;
    border-top: 1px solid #dedede;
  }
  .admission-faq__item:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .admission-faq__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #17479c;
    text-decoration: none;
  }
  .admission-faq__link:hover {
    text-decoration: underline;
  }
  .admission-app-section {
    display: none;
  }
  .admission-slider-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .admission-slider-control__prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 4px;
    background: #fff;
    color: #17479c;
    font-size: 14px;
    cursor: pointer;
  }
  .admission-slider-control__prev:hover {
    opacity: 0.7;
  }
  .admission-slider-control__prev::before {
    content: "\e314";
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #17479c;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 20px;
  }
  .admission-slider-control__prev.swiper-button-disabled {
    color: #a5a5a5;
    pointer-events: none;
  }
  .admission-slider-control__prev.swiper-button-disabled::before {
    color: #a5a5a5;
  }
  .admission-slider-control__next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 4px;
    background: #fff;
    color: #17479c;
    font-size: 14px;
    cursor: pointer;
  }
  .admission-slider-control__next:hover {
    opacity: 0.7;
  }
  .admission-slider-control__next::after {
    content: "\e315";
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #17479c;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 20px;
  }
  .admission-slider-control__next.swiper-button-disabled {
    color: #a5a5a5;
    pointer-events: none;
  }
  .admission-slider-control__next.swiper-button-disabled::after {
    color: #a5a5a5;
  }
  .admission-slider-control__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
  }
  .admission-slider-control__pagination span {
    font-size: 14px;
  }
  .admission-drawer {
    display: block !important;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100vh;
    padding: 40px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    pointer-events: none;
  }
  .admission-drawer.is-open {
    z-index: 8;
    opacity: 1;
  }
  .admission-drawer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 560px;
    height: 100%;
    margin: auto;
    padding-top: 24px;
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
    pointer-events: auto;
  }
  .admission-drawer__head {
    position: relative;
  }
  .admission-drawer__title {
    margin: 0;
    padding: 0 32px;
    font-size: 30px;
    font-weight: 700;
  }
  .admission-drawer__sample {
    margin: 20px 0 0;
    padding: 8px 12px;
    background: #ffeec2;
    color: #dc6e00;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
  }
  .admission-drawer__close {
    position: absolute;
    top: 2px;
    right: 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 0;
  }
  .admission-drawer__close::before {
    content: "\e5cd";
    position: absolute;
    top: 0;
    right: 0;
    color: #818181;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 32px;
  }
  .admission-drawer__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: auto;
    /* スクロールバー非表示（IE・Edge） */
    -ms-overflow-style: none;
    /* スクロールバー非表示（Firefox） */
    scrollbar-width: none;
    /* スクロールバー非表示（Chrome・Safari） */
  }
  .admission-drawer__body::-webkit-scrollbar {
    display: none;
  }
  .admission-drawer__content {
    overflow: hidden;
  }
  .admission-drawer__content .swiper-notification {
    display: none;
  }
  .admission-drawer__bottom {
    padding: 16px 32px 24px;
    border-top: 1px solid #dedede;
    background: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
  }
  .admission-drawer__button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 24px;
  }
  .admission-drawer-overlay {
    position: fixed;
    z-index: 7;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5019607843);
  }
  .admission-text-alert {
    position: relative;
    margin: 0 0 8px;
    padding-left: 24px;
    color: #ce1651;
    font-size: 14px;
  }
  .admission-checkbox {
    display: block;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .admission-checkbox__input {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .admission-checkbox__text {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    color: #191919;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
  }
  .admission-checkbox__input:disabled + .admission-checkbox__text {
    color: #818181;
    pointer-events: none;
  }
  .admission-checkbox__text::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 1px solid #08b5ae;
    border-radius: 4px;
    background: #fff;
  }
  .admission-checkbox__input.is-error + .admission-checkbox__text::before {
    border-color: #ce1651;
    background: #ffe8ef;
  }
  .admission-checkbox--block .is-error + .admission-checkbox__text::before {
    background: #fff;
  }
  .admission-checkbox__text::after {
    content: "\e5ca";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    color: #08b5ae;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 20px;
  }
  .admission-checkbox__input:checked + .admission-checkbox__text::after {
    opacity: 1;
  }
  #ticket-sample .heading02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: 700;
  }
  #ticket-sample .list-dot {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #ticket-sample .list-dot__item {
    padding-left: 1.2em;
    text-indent: -1.2em;
  }
  #ticket-sample .list-dot__item::before {
    content: "・";
    margin-right: 0.2em;
  }
  #ticket-sample .text-link {
    position: relative;
    padding-right: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #a5a5a5;
    text-align: right;
    text-decoration: none;
    word-break: break-all;
  }
  #ticket-sample .text-link::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #a5a5a5;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 20px;
  }
  #ticket-sample .my-ticket {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 32px;
  }
  #ticket-sample .my-ticket__content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 -32px 40px;
    padding: 24px 32px;
    background: #f5f5f5;
  }
  #ticket-sample .my-ticket__notice {
    margin-bottom: 40px;
  }
  #ticket-sample .my-ticket-summary {
    padding: 24px;
    border-radius: 16px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  }
  #ticket-sample .my-ticket-summary__title {
    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
  }
  #ticket-sample .my-ticket-summary__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #191919;
    text-decoration: none;
    gap: 4px;
  }
  #ticket-sample .my-ticket-summary__link::after {
    content: "\e315";
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #191919;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 24px;
    font-weight: 400;
  }
  #ticket-sample .my-ticket-summary-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    gap: 8px;
  }
  #ticket-sample .my-ticket-summary-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  #ticket-sample .my-ticket-summary-list__block:last-child {
    margin-bottom: 0;
  }
  #ticket-sample .my-ticket-summary-list__title span {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    font-size: 0;
  }
  #ticket-sample .my-ticket-summary-list__title span::before {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #191919;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 24px;
  }
  #ticket-sample .my-ticket-summary-list__data {
    width: 100%;
    margin: 0;
  }
  #ticket-sample .my-ticket-summary-list__data span {
    display: block;
  }
  #ticket-sample .my-ticket-summary-list__date::before {
    content: "\e878";
  }
  #ticket-sample .my-ticket-summary-list__time::before {
    content: "\e8b5";
  }
  #ticket-sample .my-ticket-summary-list__place::before {
    content: "\e0c8";
  }
  #ticket-sample .my-ticket-summary-list__sub-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #ticket-sample .my-ticket-summary-list-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    color: #818181;
    font-size: 14px;
    gap: 0 4px;
  }
  #ticket-sample .my-ticket-summary-list-time--large {
    color: #191919;
    font-size: 16px;
  }
  #ticket-sample .my-ticket-summary-list-time__date {
    margin: 0;
  }
  #ticket-sample .my-ticket-info {
    position: relative;
    padding: 24px;
    border-radius: 16px;
    background: #fff;
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08);
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08);
  }
  #ticket-sample .my-ticket-info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 22px);
    height: 16px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: #fff;
    background-image: radial-gradient(circle, #dedede 4px, transparent 4px);
    background-repeat: repeat-x;
    background-position: center center;
    background-size: 16px 16px;
  }
  #ticket-sample .my-ticket-info__block {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #a5a5a5;
  }
  #ticket-sample .my-ticket-info__block:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  #ticket-sample .my-ticket-info__box {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #a5a5a5;
  }
  #ticket-sample .my-ticket-info__name {
    font-weight: 700;
  }
  #ticket-sample .my-ticket-info__number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    color: #818181;
  }
  #ticket-sample .my-ticket-info__number-title::after {
    content: "：";
  }
  #ticket-sample .my-ticket-info__number-data {
    margin: 0;
  }
  #ticket-sample .my-ticket-info__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
  #ticket-sample .my-ticket-info__list-title {
    padding-top: 1.5px;
    font-size: 12px;
    white-space: nowrap;
  }
  #ticket-sample .my-ticket-info__list-title::after {
    content: "‖";
    margin: 0 4px;
  }
  #ticket-sample .my-ticket-info__list-data {
    margin: 0;
    font-size: 14px;
    word-break: break-all;
  }
  #ticket-sample .my-ticket-info__title {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 700;
  }
  #ticket-sample .my-ticket-info__type {
    margin: 0 0 16px;
  }
  #ticket-sample .my-ticket-info__type-title {
    margin-bottom: 4px;
    font-size: 14px;
  }
  #ticket-sample .my-ticket-info__type-data {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
  }
  #ticket-sample .my-ticket-info__sub-text {
    margin: 0;
    color: #818181;
    font-size: 14px;
  }
  #ticket-sample .my-ticket-qr {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 300px;
    margin: 0 auto 24px;
    padding: 18px;
    border: 1px solid #dedede;
    background: #fff;
  }
  #ticket-sample .my-ticket-qr.color01 {
    background: transparent;
  }
  #ticket-sample .my-ticket-qr.color02 {
    background: #000;
  }
  #ticket-sample .my-ticket-qr.color03 {
    background: #0053e5;
  }
  #ticket-sample .my-ticket-qr.color04 {
    background: #00d2e5;
  }
  #ticket-sample .my-ticket-qr.color05 {
    background: #00a63d;
  }
  #ticket-sample .my-ticket-qr.color06 {
    background: #67d916;
  }
  #ticket-sample .my-ticket-qr.color07 {
    background: #ffd400;
  }
  #ticket-sample .my-ticket-qr.color08 {
    background: #ff9121;
  }
  #ticket-sample .my-ticket-qr.color09 {
    background: #f20000;
  }
  #ticket-sample .my-ticket-qr.color10 {
    background: #ff66b2;
  }
  #ticket-sample .my-ticket-qr.color11 {
    background: #ac00e5;
  }
  #ticket-sample .my-ticket-qr__inner {
    padding: 15px;
    background: #fff;
  }
  #ticket-sample .my-ticket-qr__image img {
    width: 100%;
    height: auto;
  }
  #ticket-sample .my-ticket-text-link {
    display: block;
    margin-top: 8px;
  }
  #ticket-sample .my-ticket-promoter {
    margin: 0 -32px;
    padding: 24px 32px;
    background: #f5f5f5;
  }
  #ticket-sample .my-ticket-promoter__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
  }
  #ticket-sample .my-ticket-promoter__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 120px;
    height: 120px;
  }
  #ticket-sample .my-ticket-promoter__image img {
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    background-color: #fff;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #ticket-sample .my-ticket-promoter__title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    font-size: 16px;
  }
  #ticket-sample .my-ticket-promoter__text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #modal-online-ticket .my-ticket-online__inner {
    margin-bottom: 40px;
    padding: 24px 32px;
    background: #f5f5f5;
  }
  #modal-online-ticket .my-ticket-online__summary {
    padding: 24px;
    border-radius: 16px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  }
  #modal-online-ticket .my-ticket-online__title {
    margin: 0 0 16px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
  }
  #modal-online-ticket .my-ticket-online__text {
    margin: 0 0 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #a5a5a5;
  }
  #modal-online-ticket .my-ticket-online__text:last-child {
    margin: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  #modal-online-ticket .my-ticket-online__box {
    position: relative;
    padding: 32px 24px 24px;
    border-radius: 16px;
    background: #fff;
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08);
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08);
  }
  #modal-online-ticket .my-ticket-online__box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 22px);
    height: 16px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: #fff;
    background-image: radial-gradient(circle, #dedede 4px, transparent 4px);
    background-repeat: repeat-x;
    background-position: center center;
    background-size: 16px 16px;
  }
  #modal-online-ticket .my-ticket-online__info {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #a5a5a5;
  }
  #modal-online-ticket .my-ticket-online__info:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  #modal-online-ticket .my-ticket-online__info-box {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #a5a5a5;
  }
  #modal-online-ticket .my-ticket-online__name {
    display: block;
    font-weight: 700;
  }
  #modal-online-ticket .my-ticket-online__number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
  #modal-online-ticket .my-ticket-online__number-title {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #818181;
  }
  #modal-online-ticket .my-ticket-online__number-title::after {
    content: "：";
  }
  #modal-online-ticket .my-ticket-online__number-data {
    margin: 0;
    color: #818181;
  }
  #modal-online-ticket .my-ticket-online__ticket-name {
    margin: 0 0 16px;
    font-weight: 700;
    line-height: 1.5;
  }
  #modal-online-ticket .my-ticket-online__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 4px;
  }
  #modal-online-ticket .my-ticket-online__list:last-child {
    margin-bottom: 0;
  }
  #modal-online-ticket .my-ticket-online__list-title {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 12px;
    line-height: 1.5;
    white-space: nowrap;
  }
  #modal-online-ticket .my-ticket-online__list-title::after {
    content: "‖";
    margin: 0 4px;
  }
  #modal-online-ticket .my-ticket-online__list-data {
    margin: 0;
    font-size: 14px;
    word-break: break-all;
  }
  #modal-online-ticket .my-ticket-online__sub-text {
    margin: 0;
    color: #818181;
    font-size: 14px;
  }
  #modal-online-ticket .my-ticket-online__sub-text br {
    visibility: hidden;
  }
  #modal-online-ticket .my-ticket-online__promoter {
    margin: 0;
    padding: 0 32px;
  }
  #modal-online-ticket .my-ticket-online__promoter-title {
    margin: 0 0 16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
  }
  #modal-online-ticket .my-ticket-online-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    gap: 4px;
  }
  #modal-online-ticket .my-ticket-online-info__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    font-size: 16px;
  }
  #modal-online-ticket .my-ticket-online-info__block:last-child {
    margin-bottom: 0;
  }
  #modal-online-ticket .my-ticket-online-info__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91px;
    white-space: nowrap;
  }
  #modal-online-ticket .my-ticket-online-info__title span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    width: 22px;
    padding-left: 26px;
  }
  #modal-online-ticket .my-ticket-online-info__title span::before {
    position: absolute;
    left: 0;
    color: #191919;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
    font-size: 22px;
  }
  #modal-online-ticket .my-ticket-online-info__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin: 0;
    gap: 0 10px;
  }
  #modal-online-ticket .my-ticket-online-info__data span {
    display: block;
    width: 100%;
  }
  #modal-online-ticket .my-ticket-online-info__date::before {
    content: "\e878";
  }
  #modal-online-ticket .my-ticket-online-info__time::before {
    content: "\e8b5";
  }
  #modal-online-ticket .my-ticket-online-info__sub-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #modal-online-ticket .my-ticket-online-info-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    color: #818181;
    font-size: 14px;
    gap: 0 5px;
  }
  #modal-online-ticket .my-ticket-online-info-time--large {
    color: #191919;
    font-size: 16px;
  }
  #modal-online-ticket .my-ticket-online-info-time__date {
    margin: 0;
  }
  #modal-online-ticket .online-modal-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-height: 60px;
    padding: 17px 36px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid transparent;
    border-radius: 2px;
    background: #08b5ae;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
  }
  #modal-online-ticket .online-modal-button:hover {
    background: #0b928c;
  }
  #modal-online-ticket .online-modal-button-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-height: 60px;
    padding: 17px 36px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid transparent;
    border-radius: 2px;
    background: #fff;
    color: #08b5ae;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    border: 1px solid #08b5ae;
  }
  #modal-online-ticket .online-modal-button-sub:hover {
    border-color: #def2ef;
    background: #edfaf8;
  }
  .admission-drawer__body .simplebar-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  /* ------------------------------
    staff PC
  ------------------------------ */
  .staff-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .staff-list {
    margin: 32px 0 0;
    padding: 20px 56px;
    list-style-type: none;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .staff-section .staff-list {
    margin-top: 0;
    padding: 0;
  }
  .staff-list__item {
    padding: 20px 0;
    border-top: 1px solid #dedede;
  }
  .staff-list__item:first-child {
    border-top: 0;
  }
  .staff-section .staff-list__item:first-child {
    padding-top: 16px;
  }
  .staff-list__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
  }
  .staff-list__text-box {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .staff-list__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    word-break: break-all;
  }
  .staff-list__type {
    display: block;
    margin-top: 8px;
  }
  .staff-list__mail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    margin-top: 8px;
    padding: 12px;
    background: #f5f5f5;
  }
  .staff-list__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    font-size: 14px;
    line-height: 1.1;
  }
  .staff-list__date-title::after {
    content: "：";
  }
  .staff-list__date-data {
    margin: 0;
  }
  .staff-list__resend {
    position: relative;
    padding: 0 0 0 24px;
    border: 0;
    background: transparent;
    color: #17479c;
    line-height: 1.5;
  }
  .staff-list__resend::before {
    content: "\e163";
    position: absolute;
    top: -2px;
    left: 0;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .staff-list__resend:hover {
    text-decoration: underline;
  }
  .staff-list__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
  }
  .staff-section {
    margin-top: 16px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .staff-section__note {
    margin-top: 8px;
  }
  /* ------------------------------
    lottery PC
  ------------------------------ */
  .lottery-list-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .lottery-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .lottery-text {
    margin: 40px 0 0;
  }
  .lottery-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin-top: 16px;
    padding: 0;
    list-style: none;
  }
  .lottery-list__item {
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .lottery-list__head {
    padding: 20px 56px;
    border-bottom: 1px solid #dedede;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
  }
  .lottery-list__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .lottery-list__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    margin: 16px 0 0;
  }
  .lottery-list__info-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .lottery-list__info-data {
    margin: 4px 0 0;
    font-size: 14px;
  }
  .lottery-list__info-data span {
    display: inline-block;
  }
  .lottery-ticket-list {
    padding: 0 56px 4px;
    list-style: none;
  }
  .lottery-ticket-list__item + .lottery-ticket-list__item {
    border-top: 1px dashed #dedede;
  }
  .lottery-ticket__link {
    display: block;
    padding: 20px 0;
    background: #fff;
    color: #191919;
    text-decoration: none;
  }
  .lottery-ticket__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .lottery-ticket__head {
    margin-bottom: 8px;
  }
  .lottery-ticket__title {
    margin: 8px 0 0;
    font-size: 18px;
    font-weight: 700;
  }
  .lottery-ticket__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 16px 0 0;
    padding-right: 24px;
    color: #17479c;
  }
  .lottery-ticket__button::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .lottery-ticket__link:hover .lottery-ticket__button {
    text-decoration: underline;
  }
  .lottery-ticket__link:hover .lottery-ticket__button::before {
    right: -4px;
  }
  .lottery-ticket-detail-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 16px 0 0;
    border: 1px solid #f0f6ff;
  }
  .lottery-ticket-detail-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    background-color: #f5f9ff;
    font-size: 14px;
  }
  .lottery-ticket-detail-list__block:nth-of-type(2n) {
    background: #fff;
  }
  .lottery-ticket-detail-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .lottery-ticket-detail-list__title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 20%;
    font-weight: 700;
  }
  .lottery-ticket-detail-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
  }
  .lottery-ticket-detail-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .lottery-detail-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .lottery-history-detail-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .lottery-head {
    margin-top: 32px;
  }
  .lottery-head--border {
    padding-top: 24px;
    border-top: 1px dashed #a5a5a5;
  }
  .lottery-head__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .lottery-heading {
    margin: 8px 0 0;
    font-size: 22px;
    font-weight: 700;
  }
  .lottery-heading-sub {
    margin: 12px 0 0;
  }
  .lottery-section {
    margin-top: 32px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .lottery-section + .lottery-section {
    margin-top: 16px;
  }
  .lottery-section__message-area {
    margin-top: 32px;
  }
  .lottery-section__list-area {
    margin-top: 32px;
  }
  .lottery-section__text {
    margin: 32px 0 0;
  }
  .lottery-section__table-area {
    margin-top: 32px;
  }
  .lottery-section__link-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
  }
  .lottery-reception-name {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
  }
  .lottery-summary-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin: 32px 0 0;
  }
  .lottery-summary-info__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
  }
  .lottery-summary-info__data {
    margin: 4px 0 0;
  }
  .lottery-summary-info__data span {
    display: inline-block;
    margin-left: 4px;
  }
  .lottery-summary-info__data span:first-child {
    margin-left: 0;
  }
  .lottery-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-top: 32px;
  }
  .lottery-button-area__arrow {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
  }
  .lottery-button-area__arrow::before {
    content: "\e313";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #dedede;
    font-family: "Material Symbols Outlined";
    font-size: 40px;
  }
  .lottery-data-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 32px 0 0;
    border: 1px solid #f0f6ff;
  }
  .lottery-data-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    background-color: #f5f9ff;
    font-size: 14px;
  }
  .lottery-data-list__block:nth-of-type(2n) {
    background: #fff;
  }
  .lottery-data-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .lottery-data-list__title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 20%;
    font-weight: 700;
  }
  .lottery-data-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
  }
  .lottery-data-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .lottery-data-list--close {
    margin-top: 16px;
  }
  .lottery-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #dedede;
    gap: 16px 32px;
  }
  .lottery-download:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .lottery-download__text-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    min-width: 40%;
  }
  .lottery-download__text {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .lottery-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
  }
  .lottery-date__title::after {
    content: "：";
  }
  .lottery-date__data {
    margin: 0;
  }
  .lottery-info {
    margin-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px dashed #dedede;
  }
  .lottery-info:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .lottery-info__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
  }
  .lottery-info__data {
    margin: 12px 0 0;
  }
  .lottery-info__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 12px;
    padding: 16px;
    background: #f5f5f5;
  }
  .lottery-info__message-text {
    margin: 0;
  }
  .lottery-info__message-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .lottery-info-data-box {
    margin-top: 12px;
    padding: 16px;
    background: #f5f5f5;
  }
  .lottery-info-data-box__block {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #dedede;
  }
  .lottery-info-data-box__block:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .lottery-info-data-box__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
  }
  .lottery-info-data-box__data {
    margin: 12px 0 0;
  }
  .lottery-info-data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 8px 0 0;
    padding: 0 0 0 12px;
    font-size: 14px;
    list-style: none;
  }
  .lottery-info-data-list-button {
    display: block;
    position: relative;
    min-width: 110px;
    margin: 12px auto 0;
    padding-left: 24px;
    border: 0;
    background: transparent;
    color: #17479c;
  }
  .lottery-info-data-list-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 10px;
    height: 2px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #17479c;
  }
  .lottery-info-data-list-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 2px;
    height: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    background: #17479c;
  }
  .lottery-info-data-list-button.is-open::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
  }
  .lottery-info-data-list-button:hover {
    text-decoration: underline;
  }
  .lottery-process-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
    font-size: 14px;
  }
  .lottery-process-date__title::after {
    content: "：";
  }
  .lottery-process-date__data {
    margin: 0;
  }
  .lottery-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .lottery-drawer-content {
    width: 620px;
  }
  .lottery-result-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 32px 0 0;
    border: 1px solid #f0f6ff;
  }
  .lottery-result-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    background-color: #f5f9ff;
    font-size: 14px;
  }
  .lottery-result-list__block:nth-of-type(2n) {
    background: #fff;
  }
  .lottery-result-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .lottery-result-list__title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 20%;
    font-weight: 700;
  }
  .lottery-result-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
  }
  .lottery-result-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .lottery-complete__text {
    margin: 0 0 16px;
    font-size: 18px;
  }
  .lottery-section__table-area .table-scroll .simplebar-content::after {
    display: none;
  }
  /* ------------------------------
    payment PC
  ------------------------------ */
  .payment {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 96px);
    max-width: 672px;
    margin-inline: auto;
  }
  .payment-list-area {
    margin-top: 32px;
  }
  .payment-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .payment-list__item {
    margin-top: 16px;
    padding: 24px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .payment-list__item:first-child {
    margin-top: 0;
  }
  .payment-list__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .payment-list__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    font-weight: 700;
    gap: 4px;
  }
  .payment-list__date-title {
    font-size: 14px;
  }
  .payment-list__date-data {
    margin: 0;
    font-size: 18px;
  }
  .payment-list__button {
    position: relative;
    padding: 0 24px 0 0;
    border: 0;
    background: transparent;
    color: #17479c;
  }
  .payment-list__button::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .payment-list__button:hover {
    text-decoration: underline;
  }
  .payment-list__button:hover::before {
    right: -4px;
  }
  .payment-list__download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 16px;
    color: #17479c;
    text-decoration: none;
    gap: 4px;
  }
  .payment-list__download:hover {
    text-decoration: underline;
  }
  .payment-detail-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 16px 0 0;
    border: 1px solid #f0f6ff;
  }
  .payment-detail-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    background-color: #f5f9ff;
    font-size: 14px;
  }
  .payment-detail-list__block:nth-of-type(2n) {
    background: #fff;
  }
  .payment-detail-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .payment-detail-list__title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 20%;
    font-weight: 700;
  }
  .payment-detail-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: end;
  }
  .payment-detail-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .payment-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 4px;
    margin: 0;
  }
  .payment-date__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #818181;
    font-size: 14px;
    line-height: 1.1;
  }
  .payment-date__title::after {
    content: "：";
  }
  .payment-date__data {
    margin: 0;
  }
  .payment-event-list {
    margin: 8px 0 0;
    padding: 0;
    list-style-type: none;
    background: #fff;
  }
  .payment-event-list__item {
    padding: 20px 0;
    border-top: 1px solid #dedede;
  }
  .payment-event-list__item:first-child {
    border-top: 0;
  }
  .payment-event-list__title {
    display: -webkit-box;
    position: relative;
    padding-right: 28px;
    overflow: hidden;
    color: #191919;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .payment-event-list__title::before {
    content: "\e315";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #a5a5a5;
    font-family: "Material Symbols Outlined";
    font-size: 20px;
  }
  .payment-event-list__title:hover {
    text-decoration: underline;
  }
  .payment-event-list__title:hover::before {
    right: -4px;
  }
  .payment-event-list__id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 0;
    color: #818181;
    font-size: 12px;
    line-height: 1.1;
  }
  .payment-event-list__id-title::after {
    content: "：";
  }
  .payment-event-list__id-data {
    margin: 0;
  }
  .payment-event-detail-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 16px 0 0;
    border: 1px solid #f0f6ff;
  }
  .payment-event-detail-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 8px 16px;
    background-color: #f5f9ff;
    font-size: 14px;
  }
  .payment-event-detail-list__block:nth-of-type(2n) {
    background: #fff;
  }
  .payment-event-detail-list__block--total {
    border-top: 2px solid #17479c;
    font-weight: 700;
  }
  .payment-event-detail-list__title {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 20%;
    font-weight: 700;
  }
  .payment-event-detail-list__data {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
    text-align: start;
  }
  .payment-event-detail-list__data--omit {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .payment-event-detail-list__data span {
    display: inline-block;
  }
  /* ------------------------------
    lp PC
  ------------------------------ */
  .app-box {
    margin-top: 32px;
    padding: 40px 56px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  }
  .app-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 24px;
    gap: 8px;
  }
  .app-search__icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 106px;
    height: 106px;
  }
  .app-search__icon img {
    width: 100%;
    height: auto;
  }
  .app-search__text {
    margin: 0;
  }
  .app-search__image {
    max-width: 400px;
    height: auto;
    aspect-ratio: 8/1;
    margin-top: 8px;
  }
  .app-note {
    margin: 8px 0 0;
    padding-left: 1em;
    text-indent: -1em;
  }
  .app-note::before {
    content: "※";
  }
  .app-note-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 24px 0 0;
    padding: 0;
    color: #535353;
    font-size: 14px;
    list-style: none;
    gap: 8px;
  }
  .app-note-list__item {
    padding-left: 1em;
    text-indent: -1em;
  }
  .app-note-list__item::before {
    content: "※";
    color: #818181;
  }
  .app-download {
    margin-top: 32px;
    padding: 24px;
    border: 1px solid #dedede;
  }
  .app-download__title {
    display: none;
  }
  .app-download__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 48px;
  }
  .app-download__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  .app-download__qr {
    width: 72px;
    height: 72px;
  }
  .app-download__text {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
  }
  .app-download__link {
    display: block;
  }
  .app-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 32px;
    padding: 16px;
    background: #ffeec2;
    gap: 16px;
  }
  .app-message__image-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
  }
  .app-message__image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
  }
  .app-message__icon {
    width: 30px;
    height: 30px;
  }
  .app-message__app-icon {
    width: 56px;
    height: 56px;
  }
  .app-message__app-name {
    margin: 4px 0 0;
    font-size: 12px;
    white-space: nowrap;
  }
  .app-message__text {
    max-width: 368px;
    margin: 0;
    color: #dc6e00;
  }
  /* ------------------------------
    refund-flow PC
  ------------------------------ */
  .refund-flow-sub-title {
    display: block;
    font-size: 20px;
  }
  .refund-flow-box {
    -webkit-box-sizing: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            box-sizing: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    margin-top: 24px;
    padding: 40px 56px;
    background: #fff;
  }
  .refund-flow-section {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #a5a5a5;
  }
  .heading02 + .refund-flow-section {
    padding-top: 0;
    border-top: 0;
  }
  .refund-flow-section__heading-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .refund-flow-section__text {
    margin: 16px 0 0;
  }
  .refund-flow-section__text + .refund-flow-section__text {
    margin-top: 8px;
  }
  .refund-flow-section__text:first-child {
    margin-top: 0;
  }
  .refund-flow-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin: 24px 0 0;
    padding: 0;
  }
  .refund-flow-list__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 16px;
  }
  .refund-flow-list__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
    letter-spacing: 0.5em;
  }
  .refund-flow-list__label.is-owner {
    background: #17479c;
  }
  .refund-flow-list__label.is-lpt {
    background: #08b5ae;
    text-orientation: upright;
    letter-spacing: 0;
  }
  .refund-flow-list__label.is-user {
    background: #edf3ff;
    color: #17479c;
  }
  .refund-flow-list__item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .refund-flow-list__title {
    padding: 12px 20px;
    background: #f5f5f5;
  }
  .refund-flow-list__link {
    color: #17479c;
    font-weight: 700;
  }
  .refund-flow-list__link:hover {
    text-decoration: none;
  }
  .refund-flow-list__content {
    padding: 16px;
    border: 1px solid #dedede;
    border-top: 0;
  }
  .refund-flow-list__content:has(+ .refund-flow-list__content) {
    position: relative;
    border-bottom: 0;
  }
  .refund-flow-list__content:has(+ .refund-flow-list__content)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 32px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-bottom: 1px dashed #a5a5a5;
  }
  .refund-flow-list__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .refund-flow-list__block + .refund-flow-list__arrow {
    margin-right: 40px;
  }
  .refund-flow-list__arrow::before {
    content: "\e313";
    color: #a5a5a5;
    font-size: 32px;
    line-height: 32px;
    font-family: "Material Symbols Outlined"; /* stylelint-disable-line */
  }
  .refund-flow-list__text {
    margin: 8px 0 0;
    font-size: 14px;
  }
  .refund-flow-list__text--pc-base {
    font-size: 16px;
  }
  .refund-flow-list__text:first-child {
    margin-top: 0;
  }
  .refund-flow-list__note {
    display: block;
    margin: 8px 0 0;
    padding-left: 1.2em;
    font-size: 12px;
    text-indent: -1.2em;
  }
  .refund-flow-list__note::before {
    content: "※";
    margin-right: 0.2em;
  }
  .refund-label {
    display: block;
    padding: 8px 16px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
  }
  .refund-label.is-owner {
    background: #17479c;
  }
  .refund-label.is-lpt {
    background: #08b5ae;
    text-orientation: upright;
    letter-spacing: 0;
  }
  .refund-label.is-user {
    background: #edf3ff;
    color: #17479c;
  }
  .refund-flow-text-note-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    margin-top: 16px;
  }
  .refund-flow-detail {
    margin: 16px 0 0;
  }
  .refund-flow-detail__title {
    margin: 0;
    padding: 8px 16px;
    background: #818181;
    color: #fff;
    font-size: 14px;
  }
  .refund-flow-detail__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    padding: 8px 16px;
    border: 1px solid #dedede;
    border-top: 0;
  }
  .refund-flow-detail__text {
    margin: 0;
    font-size: 14px;
  }
}
/* stylelint-disable-next-line */
@media (max-width: 1535.9px) {
  .seat-chart-area {
    width: 100%;
  }
}
/* stylelint-disable-next-line */
@media (min-width: 1536px) {
  .seat-chart-area {
    display: inline-block;
    min-width: 1288px;
  }
}/*# sourceMappingURL=style.css.map */