@layer base{:root{color:#e9fbf6;font-feature-settings:"palt";background:#04303a;font-family:Arial,Hiragino Kaku Gothic ProN,sans-serif;line-height:1.6}*{box-sizing:border-box}body{color:#e9fbf6;min-width:320px;min-height:100vh;margin:0}#root{z-index:1;position:relative}.sea{pointer-events:none;background:linear-gradient(#0a6a7a 0,#064654 440px,#04303a 1000px);position:fixed;inset:0}.sea-wash,.sea-rays,.sea-caustic{display:none}button,input,select{font:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #9fe0d7}input:not([type=checkbox]):not([type=radio]),select{color:#e9fbf6;background:#084652;border:1px solid #5a8890;border-radius:3px;width:100%;min-height:44px;padding:10px 14px}input:focus,select:focus{outline-offset:2px;outline:2px solid #9fe0d7}a{color:#b5e6de;text-underline-offset:4px}h1{letter-spacing:-.03em;margin:8px 0 20px;font-family:Yu Mincho,Georgia,serif;font-size:clamp(28px,3.4vw,46px);font-weight:400}h2,h3{letter-spacing:0;margin:0 0 12px;font-weight:500}h2{font-size:20px}}

@layer priority1 {
  :root, .x1bgq15t {
    --x8chnum: #04303a;
    --xidzmnw: #e9fbf6;
    --xxht8hy: #a8d4d0;
    --x1peun0q: #e9fbf6;
    --xvqt7ob: #a8d4d0;
    --x1d27hxd: #9fe0d7;
    --x1m4b4fd: #286878;
    --xc36t5f: #d99277;
    --x7wivg9: #e5c99c;
    --xr5rth0: #ff8b7a;
    --x623yjs: #095563;
    --xdhefu8: #9fe0d7;
    --xpeknpg: transparent;
    --xu63v3c: #3d747b;
    --x8es50s: #a78bfa;
    --x6b8x0h: #f5a524;
    --xacnxbl: #f7fff9;
    --x7zii8q: #fff8f0;
    --xhpfq4b: "Noto Sans JP", ui-sans-serif, system-ui, sans-serif;
    --x1k6tuiz: "Yu Mincho", Georgia, serif;
  }
}

@layer priority2 {
  .x1ghz6dp {
    margin: 0;
  }

  .x1717udv {
    padding: 0;
  }

  .xc7ga6q {
    padding: 12px;
  }

  .x1dypa6k {
    padding: 18px;
  }

  .x10xs6qf {
    padding: 28px;
  }
}

@layer priority3 {
  .x14t6rx {
    border-color: var(--xu63v3c);
  }

  .x2u8bby {
    border-radius: 0;
  }

  .x18zih8k {
    border-radius: 3px;
  }

  .xng3xce {
    border-style: none;
  }

  .x1y0btm7 {
    border-style: solid;
  }

  .xc342km {
    border-width: 0;
  }

  .xmkeg23 {
    border-width: 1px;
  }

  .x883omv {
    gap: 10px;
  }

  .x1v2ro7d {
    gap: 12px;
  }

  .xou54vl {
    gap: 16px;
  }

  .x1c1vhfx {
    gap: 20px;
  }

  .xv80gz6 {
    gap: 32px 22px;
  }

  .x1jnr06f {
    gap: 4px;
  }

  .x17d4w8g {
    gap: 6px;
  }

  .x167g77z {
    gap: 8px;
  }

  .xe8uvvx {
    list-style: none;
  }

  .xrxpjvj {
    margin-inline: 0;
  }

  .xvueqy4 {
    margin-inline: auto;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .xp59q4u {
    padding-block: 10px;
  }

  .x10dr8xq {
    padding-block: 12px;
  }

  .xqp6ajr {
    padding-block: 20px;
  }

  .x587xfs {
    padding-block: 30px 80px;
  }

  .xf4egzd {
    padding-block: 3px;
  }

  .x12ulsxz {
    padding-block: 4px;
  }

  .x1t0vds8 {
    padding-block: 6px;
  }

  .x1vvogim {
    padding-block: 8px;
  }

  .x1awh872 {
    padding-inline: 10px;
  }

  .xaope02 {
    padding-inline: 12px;
  }

  .xqin4a2 {
    padding-inline: 14px;
  }

  .x12j899k {
    padding-inline: 18px;
  }

  .x4l9tsp {
    padding-inline: 24px;
  }

  .x1pbfunf {
    padding-inline: 28px;
  }

  .xlkn9b3 {
    padding-inline: 7px;
  }

  .x1hl2dhg {
    text-decoration: none;
  }
}

@layer priority4 {
  .x10ukxgv {
    align-content: start;
  }

  .x6s0dn4 {
    align-items: center;
  }

  .xjyslct {
    appearance: none;
  }

  .x1maeace {
    background-color: #084652;
  }

  .xi7zuv3 {
    background-color: #226574;
  }

  .x9o3130 {
    background-color: #495365;
  }

  .x1r98fjl {
    background-color: #02121680;
  }

  .xsqz3b0 {
    background-color: #e8fffa14;
  }

  .x14c6rwm {
    background-color: #ffffff0f;
  }

  .x1np77uz {
    background-color: #ffffff14;
  }

  .xcu8z4d {
    background-color: #ffffff1a;
  }

  .xqqwatf {
    background-color: #ffffff1f;
  }

  .x1y9bla9 {
    background-color: #03161c99;
  }

  .x1usnzd4 {
    background-color: var(--x1d27hxd);
  }

  .x1mz97fd {
    background-color: var(--x7wivg9);
  }

  .x58coo5 {
    background-color: var(--xc36t5f);
  }

  .x1stlfcp {
    background-color: var(--xpeknpg);
  }

  .x13k129n {
    background-image: linear-gradient(#14788c47, #02121666);
  }

  .x9l0m99 {
    background-image: linear-gradient(#08325073, #010a1080);
  }

  .xmhb9dp {
    background-image: linear-gradient(#5ad2d62e, #02121659);
  }

  .xbmf0n2 {
    box-shadow: 0 0 0 1px #9fe0d7;
  }

  .xqtk8d6 {
    box-shadow: 0 0 0 1px var(--xu63v3c);
  }

  .x1y68vlg {
    box-shadow: 0 0 0 2px var(--x1d27hxd),inset 0 0 0 1px var(--x7wivg9);
  }

  .xuwg9ju {
    box-shadow: 0 0 0 2px var(--x1d27hxd);
  }

  .xe9dl3p {
    box-shadow: inset 0 0 0 1px #9fe0d7;
  }

  .x134oivm {
    box-shadow: inset 0 0 0 1px #7ee8d61f;
  }

  .xbwrsi3 {
    box-shadow: inset 0 0 0 1px #ff6b5a73;
  }

  .xa44pfn {
    box-shadow: inset 0 0 0 1px #2ee0c073;
  }

  .x1a0kliw {
    box-shadow: inset 0 0 0 1px var(--x7wivg9);
  }

  .x1xqfi0n {
    box-shadow: inset 0 0 0 1px var(--xu63v3c);
  }

  .x1gnnqk1 {
    box-shadow: none;
  }

  .x1osbe15 {
    color: #032226;
  }

  .xnrcbdo {
    color: #3a2a00;
  }

  .x17l9df7 {
    color: var(--x1d27hxd);
  }

  .xno20he {
    color: var(--x7wivg9);
  }

  .xit3f4l {
    color: var(--xidzmnw);
  }

  .x1i8lnpq {
    color: var(--xr5rth0);
  }

  .x1b5885j {
    color: var(--xvqt7ob);
  }

  .xm1cc14 {
    color: var(--xxht8hy);
  }

  .xt0e3qv {
    cursor: default;
  }

  .x1h6gzvc {
    cursor: not-allowed;
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .xrvj5dj {
    display: grid;
  }

  .x1a02dak {
    flex-wrap: wrap;
  }

  .x14d0is5 {
    font-family: Georgia, serif;
  }

  .x1fm3qy6 {
    font-family: var(--x1k6tuiz);
  }

  .x1iuv88s {
    font-size: .72rem;
  }

  .xboafo0 {
    font-size: .75rem;
  }

  .xym1t2f {
    font-size: .82rem;
  }

  .x1qzg9v8 {
    font-size: .85rem;
  }

  .x1nrrp6k {
    font-size: .9rem;
  }

  .x1ksoetq {
    font-size: 1.05rem;
  }

  .x1hptrd9 {
    font-size: 1.1rem;
  }

  .x5pdnfe {
    font-size: 1.35rem;
  }

  .x1m6oxru {
    font-size: 34px;
  }

  .xk50ysn {
    font-weight: 500;
  }

  .x1o61qjw {
    grid-template-columns: 1fr 1fr;
  }

  .xueepw9 {
    grid-template-columns: minmax(10rem, 15rem) 1fr;
  }

  .x49j7l4 {
    grid-template-columns: minmax(12rem, 16rem) 1fr;
  }

  .xyfo8vk {
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  }

  .xrw2u2m {
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  }

  .xl56j7k {
    justify-content: center;
  }

  .x1qughib {
    justify-content: space-between;
  }

  .xzl56ps {
    letter-spacing: -2px;
  }

  .x1vyo3qp {
    letter-spacing: .04em;
  }

  .x1dgsrnt {
    letter-spacing: .06em;
  }

  .x9pfba7 {
    letter-spacing: .08em;
  }

  .x7447wj {
    letter-spacing: .12em;
  }

  .x1qv67nb {
    letter-spacing: .22em;
  }

  .x1u7k74 {
    line-height: 1.2;
  }

  .x5tuvnx {
    opacity: .48;
  }

  .xixxii4 {
    position: fixed;
  }

  .x2b8uid {
    text-align: center;
  }

  .xdpxx8g {
    text-align: left;
  }

  .x1kyqaxf {
    text-transform: lowercase;
  }

  .xtvhhri {
    text-transform: uppercase;
  }

  .x1s07b3s:disabled {
    cursor: not-allowed;
  }

  .xk0mbs4:disabled {
    opacity: .55;
  }

  @media (width <= 720px) {
    .x1oysyvg.x1oysyvg {
      grid-template-columns: 1fr;
    }
  }
}

@layer priority5 {
  .xl0yfn {
    border-bottom-color: var(--xu63v3c);
  }

  .x1q0q8m5 {
    border-bottom-style: solid;
  }

  .xso031l {
    border-bottom-width: 1px;
  }

  .x1csp9i1 {
    border-top-color: var(--xu63v3c);
  }

  .x13fuv20 {
    border-top-style: solid;
  }

  .x178xt8z {
    border-top-width: 1px;
  }

  .xjnlgov {
    bottom: 20px;
  }

  .x5yr21d {
    height: 100%;
  }

  .x170jfvy {
    height: 10px;
  }

  .xt7dq6l {
    height: auto;
  }

  .xyorhqc {
    margin-bottom: 10px;
  }

  .xod5an3 {
    margin-bottom: 12px;
  }

  .xieb3on {
    margin-bottom: 20px;
  }

  .x14ler8 {
    margin-bottom: 40px;
  }

  .xdj266r {
    margin-top: 0;
  }

  .x14vqqas {
    margin-top: 12px;
  }

  .xw7yly9 {
    margin-top: 16px;
  }

  .x193iq5w {
    max-width: 100%;
  }

  .xowlazn {
    max-width: 24rem;
  }

  .xc0i79g {
    max-width: 36rem;
  }

  .x1l59rab {
    max-width: 52rem;
  }

  .x1hv4mr {
    max-width: 72rem;
  }

  .x2lwn1j {
    min-height: 0;
  }

  .xu0aao5 {
    min-height: 36px;
  }

  .x1gg8mnh {
    min-height: 44px;
  }

  .x1wiwyrm {
    min-height: 52px;
  }

  .xeuugli {
    min-width: 0;
  }

  .x12kinc7 {
    min-width: 12rem;
  }

  .x1f4i7yj {
    min-width: 252px;
  }

  .x19hwnzc {
    min-width: 2rem;
  }

  .x15hfatp {
    min-width: 36px;
  }

  .x7bpmte {
    min-width: 8.5rem;
  }

  .xw2csxc {
    overflow-x: auto;
  }

  .x1hhzuzn {
    padding-bottom: 18px;
  }

  .xx6bls6 {
    padding-bottom: 20px;
  }

  .x84yb8i {
    padding-bottom: 28px;
  }

  .xyamay9 {
    padding-top: 16px;
  }

  .x1xy6bms {
    padding-top: 22px;
  }

  .xk6ci0l {
    right: 20px;
  }

  .xh8yej3 {
    width: 100%;
  }

  .x1fsd2vl {
    width: 10px;
  }

  .xeq5yr9 {
    width: fit-content;
  }

  .xezivpi {
    width: max-content;
  }

  .x6y71uf {
    width: min(100% - 64px, 1204px);
  }

  .x1m6r504 {
    width: min(100%, 200px);
  }

  .x2dh7bx {
    width: min(25vw, 360px);
  }
}