/** Stage 5C public operations and trust pages. */

.sukifeti-operations {
    color: var(--sukifeti-text);
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
    font-size: 17px;
    line-height: 1.8;
}

.sukifeti-operations__inner {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 920px;
    padding: 38px 24px 72px;
}

.sukifeti-operations__header h1 {
    color: var(--sukifeti-text);
    font-size: clamp(1.8rem, 3vw, 2.55rem);
    line-height: 1.35;
    margin: 0 0 30px;
}

.sukifeti-operations section {
    margin-top: 34px;
}

.sukifeti-operations h2 {
    background: transparent !important;
    border: 0 !important;
    border-left: 4px solid var(--sukifeti-brand) !important;
    color: var(--sukifeti-text) !important;
    font-size: 1.35rem !important;
    margin: 0 0 14px !important;
    padding: 0 0 0 13px !important;
}

.sukifeti-operations h2::before,
.sukifeti-operations h2::after { display: none !important; }
.sukifeti-operations p { margin: 0 0 1em; }
.sukifeti-operations a { color: var(--sukifeti-brand-dark); }

.sukifeti-operations__form {
    background: var(--sukifeti-surface-raised, #fff);
    border: 1px solid var(--sukifeti-border);
    border-radius: var(--sukifeti-radius-lg);
    margin-top: 28px;
    padding: clamp(18px, 3vw, 30px);
}

.sukifeti-operations__form label { display: grid; font-weight: 750; gap: 6px; }
.sukifeti-operations__form label > span { color: var(--sukifeti-brand); font-size: .75em; }
.sukifeti-operations__form input,
.sukifeti-operations__form select,
.sukifeti-operations__form textarea {
    background: #fff;
    border: 1px solid var(--sukifeti-border);
    border-radius: var(--sukifeti-radius-sm);
    box-sizing: border-box;
    color: var(--sukifeti-text);
    font: inherit;
    min-height: 46px;
    padding: .65rem .75rem;
    width: 100%;
}
.sukifeti-operations__form textarea { min-height: 180px; resize: vertical; }
.sukifeti-operations__form button {
    background: var(--sukifeti-brand);
    border: 1px solid var(--sukifeti-brand-dark);
    border-radius: var(--sukifeti-radius-md);
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    min-height: 48px;
    padding: .7rem 1.4rem;
}
.sukifeti-operations__trap { height: 0 !important; left: -9999px !important; overflow: hidden !important; position: absolute !important; width: 0 !important; }
.sukifeti-operations__notice { border-radius: var(--sukifeti-radius-md); margin: 22px 0; padding: 1rem; }
.sukifeti-operations__notice.-success { background: #f1f8f4; border: 1px solid #b8d7c4; }
.sukifeti-operations__notice.-error { background: #fff3f4; border: 1px solid #e6b8c1; }
.sukifeti-operations__notice ul { margin: 0; padding-left: 1.3em; }

@media (max-width: 600px) {
    .sukifeti-operations { font-size: 16px; }
    .sukifeti-operations__inner { padding: 26px 16px 54px; }
    .sukifeti-operations__form button { width: 100%; }
}
