:root {--biz-color-bg: #fff7e6;--biz-color-surface: #ffffff;--biz-color-text: #16264a;--biz-color-muted: #4d5f7d;--biz-color-border: #16264a;--biz-color-primary: #ff7a1a;--biz-color-primary-hover: #e25e00;--biz-color-on-primary: #16264a;--biz-color-accent: #0f6c8a;--biz-color-notice-bg: #e7f5ee;--biz-color-notice-text: #1d5b3c;--biz-color-alert-bg: #fdecec;--biz-color-alert-text: #8a1f1f;--biz-color-focus: #e25e00;--biz-radius: 12px;--biz-gutter: 16px;--biz-content-width: 560px;--biz-color-navy: #16264a;--biz-color-orange: #ff7a1a;--biz-color-blue: #1f8fb0;--biz-color-yellow: #ffce3a;--biz-color-yellow-pale: #ffe28f;--biz-color-cream: #fff7e6;--biz-border-bold: 3px;--biz-shadow-pop: 4px 4px 0 var(--biz-color-navy)}
*,
*::before,
*::after {box-sizing: border-box}
[hidden] {display: none !important}
body.biz {margin: 0;min-height: 100vh;display: flex;flex-direction: column;background: var(--biz-color-bg);background-image:
radial-gradient(circle at 92% 6%, rgb(255 206 58 / 40%) 0, transparent 45%),
radial-gradient(circle at 4% 92%, rgb(31 143 176 / 22%) 0, transparent 45%);background-attachment: fixed;color: var(--biz-color-text);font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-size: 16px;line-height: 1.7;overflow-x: hidden;-webkit-text-size-adjust: 100%}
.biz h1,
.biz h2 {font-family: "Yusei Magic", "Noto Sans JP", sans-serif}
.biz a:not(:where(.biz-main--facility *)) {color: var(--biz-color-accent)}
:where(.biz-main--facility) a {color: var(--biz-color-accent)}
.biz :focus-visible {outline: 3px solid var(--biz-color-focus);outline-offset: 2px}
.biz-header {background: var(--biz-color-surface);border-bottom: var(--biz-border-bold) solid var(--biz-color-navy)}
.biz-header__inner {max-width: 960px;margin: 0 auto;padding: 10px var(--biz-gutter);display: flex;align-items: center;justify-content: space-between;gap: 12px}
.biz .biz-header__brand {display: inline-flex;align-items: center;gap: 8px;color: var(--biz-color-navy);font-weight: 800;text-decoration: none;white-space: nowrap}
.biz-header__logo {flex-shrink: 0;display: block;border: 2px solid var(--biz-color-navy);border-radius: 9px}
.biz-header__badge {margin-left: 2px;padding: 3px 9px;border: 2px solid var(--biz-color-navy);border-radius: 999px;background: var(--biz-color-yellow);color: var(--biz-color-navy);font-family: "Yusei Magic", "Noto Sans JP", sans-serif;font-size: 11px;font-weight: 400;letter-spacing: 0.01em;transform: rotate(-3deg);display: inline-block}
.biz-header__nav {display: flex;align-items: center;gap: 10px;min-width: 0;font-size: 13px}
.biz-header__user {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 700;color: var(--biz-color-navy)}
.biz .biz-header__link,
.biz-header .biz-link-button {display: inline-flex;align-items: center;padding: 7px 14px;border: 2px solid var(--biz-color-navy);border-radius: 999px;background: var(--biz-color-surface);color: var(--biz-color-navy);font-weight: 700;text-decoration: none;box-shadow: 3px 3px 0 var(--biz-color-navy);transition: transform 0.12s ease, box-shadow 0.12s ease}
.biz-header__link:hover,
.biz-header .biz-link-button:hover {transform: translate(1px, 1px);box-shadow: 2px 2px 0 var(--biz-color-navy)}
.biz-header__logout {margin: 0;flex-shrink: 0}
.biz-link-button {padding: 0;border: 0;background: none;font: inherit;color: var(--biz-color-accent);text-decoration: underline;cursor: pointer}
.biz-subnav {border-top: 1px solid rgba(22, 38, 74, 0.15)}
.biz-subnav__list {max-width: 960px;margin: 0 auto;padding: 0 var(--biz-gutter);list-style: none;display: flex;gap: 4px;overflow-x: auto;scrollbar-width: none;background:
linear-gradient(to right, var(--biz-color-surface) 60%, transparent) left / 32px 100% no-repeat local,
linear-gradient(to left, var(--biz-color-surface) 60%, transparent) right / 32px 100% no-repeat local,
linear-gradient(to right, rgba(22, 38, 74, 0.3), rgba(22, 38, 74, 0)) left / 24px 100% no-repeat scroll,
linear-gradient(to left, rgba(22, 38, 74, 0.3), rgba(22, 38, 74, 0)) right / 24px 100% no-repeat scroll}
.biz-subnav__list::-webkit-scrollbar {display: none}
.biz-subnav__list > li {flex-shrink: 0}
.biz .biz-subnav__link {display: block;padding: 10px 12px 8px;border-bottom: 3px solid transparent;color: var(--biz-color-navy);font-size: 14px;font-weight: 700;text-decoration: none;white-space: nowrap}
.biz .biz-subnav__link:hover {border-bottom-color: rgba(22, 38, 74, 0.3)}
.biz .biz-subnav__link.is-active {border-bottom-color: var(--biz-color-primary)}
.biz-main {flex: 1;width: 100%;max-width: calc(var(--biz-content-width) + var(--biz-gutter) * 2);margin: 0 auto;padding: 28px var(--biz-gutter) 48px}
.biz-main--wide {max-width: calc(880px + var(--biz-gutter) * 2)}
.biz h1 {margin: 0 0 8px;font-size: 23px;line-height: 1.5}
.biz h2 {margin: 0 0 8px;font-size: 17px;line-height: 1.5}
.biz-lead {margin: 0 0 20px;color: var(--biz-color-muted)}
.biz-card {padding: 22px;border: var(--biz-border-bold) solid var(--biz-color-navy);border-radius: calc(var(--biz-radius) + 4px);background: var(--biz-color-surface);box-shadow: var(--biz-shadow-pop)}
.biz-card + .biz-card {margin-top: 20px}
.biz-flash {margin: 0 0 16px;padding: 12px 14px;border: 2px solid currentColor;border-radius: var(--biz-radius);font-size: 14px;font-weight: 700}
.biz-flash--notice {background: var(--biz-color-notice-bg);color: var(--biz-color-notice-text)}
.biz-flash--alert {background: var(--biz-color-alert-bg);color: var(--biz-color-alert-text)}
.biz-beta-notice {margin: 0 0 20px;padding: 18px;border: var(--biz-border-bold) solid var(--biz-color-navy);border-radius: calc(var(--biz-radius) + 4px);background: var(--biz-color-yellow-pale);color: var(--biz-color-text);box-shadow: var(--biz-shadow-pop)}
.biz-beta-notice .beta-notice__title {margin: 0 0 8px;font-family: "Yusei Magic", "Noto Sans JP", sans-serif;font-size: 16px;font-weight: 700}
.biz-beta-notice ul {margin: 0;padding-left: 20px;font-size: 13.5px;line-height: 1.6}
.biz-beta-notice li + li {margin-top: 4px}
.biz-beta-notice a {color: var(--biz-color-navy);font-weight: 700;text-decoration: underline}
.biz-form {display: grid;gap: 16px}
.biz-field {display: grid;gap: 6px}
.biz-field label,
.biz-field__label {font-weight: 800;font-size: 13px}
.biz-field__value {margin: 0;font-size: 15px}
.biz-field__hint {margin: 0;color: var(--biz-color-muted);font-size: 13px}
.biz-input {width: 100%;max-width: 100%;min-height: 48px;padding: 11px 14px;border: 2px solid var(--biz-color-navy);border-radius: 10px;background: var(--biz-color-surface);color: var(--biz-color-text);font: inherit;box-sizing: border-box}
.biz-input:focus {border-color: var(--biz-color-primary-hover)}
.biz-check {display: flex;align-items: flex-start;gap: 8px;font-size: 14px}
.biz-check input {width: 20px;height: 20px;margin: 3px 0 0;flex-shrink: 0;accent-color: var(--biz-color-primary)}
.biz-errors {margin: 0;padding: 12px 14px 12px 32px;border: 2px solid var(--biz-color-alert-text);border-radius: var(--biz-radius);background: var(--biz-color-alert-bg);color: var(--biz-color-alert-text);font-size: 14px}
.biz-button {display: inline-flex;align-items: center;justify-content: center;width: 100%;min-height: 48px;padding: 10px 20px;border: var(--biz-border-bold) solid var(--biz-color-navy);border-radius: var(--biz-radius);background: var(--biz-color-primary);color: var(--biz-color-on-primary);font: inherit;font-weight: 800;text-decoration: none;cursor: pointer;box-shadow: var(--biz-shadow-pop);transition: transform 0.12s ease, box-shadow 0.12s ease}
.biz a.biz-button {color: var(--biz-color-on-primary)}
.biz-button:hover {background: var(--biz-color-primary-hover);color: var(--biz-color-on-primary);transform: translate(2px, 2px);box-shadow: 2px 2px 0 var(--biz-color-navy)}
.biz-button--secondary,
.biz a.biz-button--secondary {background: var(--biz-color-surface);color: var(--biz-color-navy)}
.biz-button--secondary:hover {background: var(--biz-color-bg);color: var(--biz-color-navy)}
.biz-oauth-form {margin: 0}
.biz-oauth-button {display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;min-height: 48px;padding: 10px 20px;border: 2px solid var(--biz-color-navy);border-radius: var(--biz-radius);background: var(--biz-color-surface);color: var(--biz-color-text);font: inherit;font-weight: 700;cursor: pointer}
.biz-oauth-button:hover {background: var(--biz-color-bg)}
.biz-oauth-button__icon {width: 20px;height: 20px;flex-shrink: 0}
.biz-divider {display: flex;align-items: center;gap: 12px;margin: 20px 0;color: var(--biz-color-muted);font-size: 13px}
.biz-divider::before,
.biz-divider::after {content: "";flex: 1;border-top: 2px dashed var(--biz-color-navy)}
.biz-form-links {margin: 16px 0 0;padding: 0;list-style: none;display: grid;gap: 8px;font-size: 14px;text-align: center;color: var(--biz-color-muted)}
.biz .hidden {display: none !important}
.biz-button:disabled {opacity: 0.55;cursor: not-allowed;transform: none}
.biz-phone {display: grid;gap: 20px}
.biz-phone__purpose {padding: 12px 14px;border: 2px solid var(--biz-color-navy);border-radius: 10px;background: var(--biz-color-bg);font-size: 14px}
.biz-phone__purpose h2 {margin: 0 0 6px;font-size: 15px}
.biz-phone__purpose ul {margin: 0 0 8px;padding-left: 20px}
.biz-phone .biz-errors {padding-left: 14px}
.biz-phone__input {display: flex;align-items: stretch;gap: 8px}
.biz-phone__country {display: inline-flex;align-items: center;padding: 0 12px;border: 2px solid var(--biz-color-navy);border-radius: 10px;background: var(--biz-color-bg);color: var(--biz-color-navy);font-weight: 700}
.biz-phone__recaptcha {min-height: 78px;max-width: 100%;overflow: hidden}
.biz-phone__sent {margin: 0;font-size: 14px}
.biz-phone__code {font-size: 20px;letter-spacing: 0.2em;text-align: center}
.biz-phone .biz-link-button {justify-self: center}
.biz-spinner {display: block;animation: biz-spin 0.9s linear infinite}
@keyframes biz-spin {to {transform: rotate(360deg)}}
@media (prefers-reduced-motion: reduce) {.biz-spinner {animation-duration: 2.4s}}
.biz-hero {padding: 28px 20px 32px;border: var(--biz-border-bold) solid var(--biz-color-navy);border-radius: calc(var(--biz-radius) + 6px);background: var(--biz-color-accent);color: var(--biz-color-surface);box-shadow: var(--biz-shadow-pop)}
.biz-hero__grid {display: grid;gap: 24px}
.biz-hero h1 {margin: 0 0 14px;font-size: 24px}
.biz-hero .biz-lead {margin: 0 0 22px;max-width: 46em;color: var(--biz-color-surface)}
.biz-facility-row {display: flex;flex-wrap: wrap;gap: 10px;margin: 0 0 26px;padding: 0;list-style: none}
.biz-facility-chip {display: inline-flex;align-items: center;gap: 8px;padding: 7px 14px 7px 8px;border: 2px solid var(--biz-color-navy);border-radius: 999px;background: rgb(255 255 255 / 92%);color: var(--biz-color-navy);font-size: 12px;font-weight: 700}
.biz-facility-chip svg {width: 30px;height: 30px;flex-shrink: 0}
.biz-actions {display: grid;gap: 12px;max-width: 420px}
.biz-hero__boat {justify-self: center;width: 100%;max-width: 220px}
.biz-features-wrap {padding: 28px 0 4px}
.biz-features {margin: 0;padding: 0;list-style: none;display: grid;gap: 18px}
.biz-features li {margin-inline: 4px;padding: 18px;border: var(--biz-border-bold) solid var(--biz-color-navy);border-radius: calc(var(--biz-radius) + 4px);background: var(--biz-color-surface);box-shadow: var(--biz-shadow-pop);transform: rotate(-0.6deg)}
.biz-features li:nth-child(2) {transform: rotate(0.6deg);background: var(--biz-color-yellow)}
.biz-features li:nth-child(3) {transform: rotate(-0.3deg);background: #d9f2f8}
.biz-features__icon {display: inline-grid;place-items: center;width: 52px;height: 52px;margin-bottom: 12px;border: 2px solid var(--biz-color-navy);border-radius: 14px;background: var(--biz-color-primary);color: var(--biz-color-on-primary)}
.biz-features strong {display: block;margin-bottom: 4px;font-size: 16px}
.biz-features p {margin: 0;color: var(--biz-color-muted);font-size: 14px}
.biz-features li.biz-features__item--link {padding: 0;transition: transform 0.12s ease, box-shadow 0.12s ease}
.biz-features li.biz-features__item--link:hover,
.biz-features li.biz-features__item--link:has(.biz-features__link:focus-visible) {transform: rotate(-0.3deg) translate(2px, 2px);box-shadow: 2px 2px 0 var(--biz-color-navy)}
.biz a.biz-features__link {display: block;height: 100%;padding: 18px;border-radius: inherit;color: inherit;text-decoration: none}
.biz-features__link:focus-visible {outline: 3px solid var(--biz-color-focus);outline-offset: 4px}
.biz-features__more {display: inline-flex;align-items: center;gap: 2px;margin-top: 10px;color: var(--biz-color-accent);font-weight: 800;font-size: 14px;text-decoration: underline;text-underline-offset: 3px}
.biz-features__sample-lead {display: block;margin-top: 12px;color: var(--biz-color-text);font-weight: 800;font-size: 14px}
.biz-features__samples {display: flex;flex-wrap: wrap;gap: 8px;margin-top: 8px}
.biz a.biz-features__sample {display: inline-flex;align-items: center;gap: 6px;padding: 6px 14px 6px 10px;border: 2px solid var(--biz-color-navy);border-radius: 999px;background: var(--biz-color-surface);box-shadow: 2px 2px 0 var(--biz-color-navy);color: var(--biz-color-text);font-size: 13px;font-weight: 800;text-decoration: none;transition: transform 0.12s ease, box-shadow 0.12s ease}
.biz a.biz-features__sample:hover {transform: translate(1px, 1px);box-shadow: 1px 1px 0 var(--biz-color-navy)}
.biz-features__sample svg {flex: none;width: 18px;height: 18px;color: var(--biz-color-accent)}
.biz-next__icon {display: inline-grid;place-items: center;width: 48px;height: 48px;margin-bottom: 12px;border: 2px solid var(--biz-color-navy);border-radius: 14px;background: var(--biz-color-yellow);color: var(--biz-color-navy);transform: rotate(-4deg)}
.biz-steps {margin: 20px 0 0;padding: 0;list-style: none;display: grid;gap: 10px;counter-reset: biz-step}
.biz-steps li {display: flex;align-items: center;gap: 10px;padding: 12px 14px;border: 2px solid var(--biz-color-navy);border-radius: 12px;background: var(--biz-color-bg);font-size: 14px;counter-increment: biz-step}
.biz-steps li::before {content: counter(biz-step);display: inline-grid;place-items: center;width: 26px;height: 26px;border: 2px solid var(--biz-color-navy);border-radius: 50%;background: var(--biz-color-surface);color: var(--biz-color-navy);font-size: 12px;font-weight: 800;flex-shrink: 0}
.biz-steps li.is-done {background: #eafbf1;color: var(--biz-color-muted)}
.biz-steps li.is-done::before {content: "\2713";background: #7fe0a6;color: var(--biz-color-navy)}
.biz-steps li.is-current {background: var(--biz-color-primary);color: var(--biz-color-on-primary);font-weight: 800}
.biz-steps li.is-current::before {background: var(--biz-color-navy);color: var(--biz-color-surface);border-color: var(--biz-color-surface)}
.biz-steps__state {margin-left: auto;font-size: 11px;font-weight: 800;white-space: nowrap}
.biz-inbox {list-style: none;margin: 16px 0 0;padding: 0;display: grid;gap: 12px}
.biz-inbox li a {display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 14px 16px;border: 2px solid var(--biz-color-navy);border-radius: 12px;background: var(--biz-color-bg);text-decoration: none;color: var(--biz-color-navy);font-size: 14px;font-weight: 700}
.biz-inbox__label {display: inline-flex;align-items: center;gap: 10px;min-width: 0}
.biz-inbox__icon {display: inline-grid;place-items: center;width: 32px;height: 32px;flex-shrink: 0;border: 2px solid var(--biz-color-navy);border-radius: 10px;background: var(--biz-color-surface);color: var(--biz-color-navy)}
.biz-inbox__count {display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;min-width: 30px;height: 26px;padding: 0 8px;border: 2px solid var(--biz-color-navy);border-radius: 999px;background: var(--biz-color-yellow);color: var(--biz-color-navy);font-size: 12px;font-weight: 800}
.biz-account {margin: 12px 0 0;display: grid;gap: 12px}
.biz-account__row {display: grid;gap: 2px}
.biz-account dt {color: var(--biz-color-muted);font-size: 12px;font-weight: 700}
.biz-account dd {margin: 0;font-weight: 700;overflow-wrap: anywhere}
.biz-account__action {display: block;width: fit-content;margin-top: 4px;font-size: 14px}
.biz-footer {margin-top: auto;padding: 22px var(--biz-gutter) 28px;border-top: var(--biz-border-bold) solid var(--biz-color-navy);background: var(--biz-color-navy);color: #cfe0f4;font-size: 13px;text-align: center}
.biz-footer__links {display: flex;flex-wrap: wrap;justify-content: center;gap: 8px 16px}
.biz-footer__links a {color: var(--biz-color-yellow)}
.biz-footer__copy {margin: 8px 0 0}
@media (max-width: 719.98px) {.biz .biz-header__link,
.biz-header .biz-link-button {min-height: 44px}
.biz-check {min-height: 44px;padding: 10px 0}
.biz a.biz-features__sample {min-height: 44px}
.biz-check a {display: inline-block;padding: 8px 2px;margin: -8px -2px}
.biz-footer__links {gap: 0 8px}
.biz-footer__links a {align-items: center;min-height: 44px;padding: 0 6px}}
@media (min-width: 720px) {.biz-main {padding-top: 44px}
.biz-hero h1 {font-size: 32px}
.biz-actions {display: flex;flex-wrap: wrap;max-width: none}
.biz-actions .biz-button {width: auto;padding-inline: 26px}
.biz-features {grid-template-columns: repeat(3, minmax(0, 1fr))}}
@media (min-width: 1000px) {.biz-hero__grid {grid-template-columns: 1.2fr 0.8fr;align-items: center}}
.biz-main--facility {max-width: none;padding: 0 0 48px}
.biz-main--facility > .biz-flash,
.biz-main--facility > .biz-beta-notice {width: calc(100% - var(--biz-gutter) * 2);max-width: calc(1080px - var(--biz-gutter) * 2);margin: 16px auto 0}
.biz-radios {display: flex;flex-wrap: wrap;gap: 8px 20px}
.biz fieldset.biz-field {margin: 0;padding: 0;border: 0}
.biz fieldset.biz-field legend {margin-bottom: 4px;padding: 0;font-weight: 800;font-size: 14px}