.ctc-office-notice {
    box-sizing: border-box;
    position: fixed;
    inset: 0;
    --office-notice-scale: 1;
    width: calc(800px * var(--office-notice-scale));
    max-width: calc(100vw - 32px * var(--office-notice-scale));
    max-height: calc(100vh - 32px * var(--office-notice-scale));
    max-height: calc(100dvh - 32px * var(--office-notice-scale));
    margin: auto;
    padding: calc(128px * var(--office-notice-scale)) calc(100px * var(--office-notice-scale)) calc(90px * var(--office-notice-scale));
    overflow: auto;
    overscroll-behavior: contain;
    border: 2px solid #808080;
    border-radius: 0;
    background: #fff;
    color: #595959;
    font: 400 calc(20px * var(--office-notice-scale)) / 1.3 "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
    text-align: left;
    letter-spacing: normal;
    -webkit-overflow-scrolling: touch;
}
.ctc-office-notice::backdrop { background: transparent; }
.ctc-office-notice h2 {
    margin: 0 0 calc(24px * var(--office-notice-scale));
    color: inherit;
    font: inherit;
    text-align: center;
}
.ctc-office-notice p { margin: 0 0 calc(24px * var(--office-notice-scale)); color: inherit; font: inherit; }
.ctc-office-notice p:last-child { margin-bottom: 0; }
.ctc-office-notice__close {
    position: absolute;
    top: calc(22px * var(--office-notice-scale));
    right: calc(38px * var(--office-notice-scale));
    width: calc(76px * var(--office-notice-scale));
    height: calc(76px * var(--office-notice-scale));
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
}
.ctc-office-notice__close::before,
.ctc-office-notice__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: calc(9px * var(--office-notice-scale));
    background: currentColor;
    transform: translateY(-50%) rotate(45deg);
}
.ctc-office-notice__close::after { transform: translateY(-50%) rotate(-45deg); }
.ctc-office-notice__close:focus-visible { outline: 2px solid #595959; outline-offset: 4px; }
.ctc-office-notice.is-compact {
    padding: calc(76px * var(--office-notice-scale)) calc(24px * var(--office-notice-scale)) calc(32px * var(--office-notice-scale));
    font-size: calc(16px * var(--office-notice-scale));
    line-height: 1.65;
}
.ctc-office-notice.is-compact .ctc-office-notice__close {
    top: calc(14px * var(--office-notice-scale));
    right: calc(14px * var(--office-notice-scale));
    width: calc(44px * var(--office-notice-scale));
    height: calc(44px * var(--office-notice-scale));
}
.ctc-office-notice.is-compact .ctc-office-notice__close::before,
.ctc-office-notice.is-compact .ctc-office-notice__close::after { height: calc(5px * var(--office-notice-scale)); }
@media (max-height: 600px) and (min-width: 601px) {
    .ctc-office-notice { padding: 76px 64px 40px; }
    .ctc-office-notice__close { top: 14px; right: 22px; width: 48px; height: 48px; }
    .ctc-office-notice__close::before,
    .ctc-office-notice__close::after { height: 6px; }
}

/* Keep the login form visibly unavailable after the notice is closed. */
.p-memberLogin__inner input:disabled,
.p-memberLogin__inner button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.p-memberLogin__maintenance {
    color: #ffeb00;
    font-weight: bold;
    text-align: center;
}