/* トップページのステートメント専用 */
.statement-trigger { display: block; }
.statement-trigger:focus-visible { outline: 3px solid #005581; outline-offset: -4px; }
.statement-modal {
    border: 0;
    padding: 0;
    margin: auto;
    width: min(1044px, calc(100vw - 32px), calc((100dvh - 48px) * 557 / 571));
    max-width: calc(100vw - 32px);
    max-height: none;
    overflow: visible;
    background: #fff;
    color: #333;
}
.statement-modal:not([open]) { display: none; }
.statement-modal::backdrop { background: rgba(0, 0, 0, .38); }
.statement-scroll { max-height: calc(100dvh - 48px); overflow-y: auto; overscroll-behavior: contain; }
.statement-artwork { position: relative; }
.statement-artwork img { display: block; width: 100%; height: auto; }
.statement-close {
    position: absolute;
    top: -20px;
    right: -8px;
    z-index: 2;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff;
    color: #333;
    font: 32px/1 sans-serif;
    cursor: pointer;
    box-shadow: 0 2px 8px #0003;
}
.statement-lab-link { position: absolute; left: 0; right: 0; top: 81.1%; bottom: 0; }
.statement-lab-link:hover { background: rgba(0, 0, 0, .04); }
.statement-lab-link:focus-visible { outline: 3px solid #005581; outline-offset: -4px; }
html.statement-is-open, html.statement-is-open body { overflow: hidden; }