@charset "UTF-8";
@layer lism-base,lism-trait,lism-primitive,lism-component,lism-custom,lism-utility;
@layer lism-base{@layer reset{*,:before,:after{box-sizing:border-box}
*:not(dialog){margin:0}
html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;word-break:normal;line-break:strict;overflow-wrap:anywhere;overflow-x:clip}
html:has(:modal[open]){overflow:clip}
body{overflow:inherit;min-height:100dvh}
abbr[title]{text-decoration:underline;text-decoration-style:dotted}
pre{overflow-x:auto}
menu,:is(ul,ol)[class]{list-style:none;padding:0}
svg,img,video,audio,iframe,object,canvas{vertical-align:middle;max-inline-size:100%}
img,video{block-size:auto}
iframe{border:none}
input,button,textarea,select,::file-selector-button{font:inherit;color:inherit;font-size:max(16px,1em)}
fieldset{min-inline-size:0}
textarea{resize:block;max-inline-size:100%}
label[for],select,summary,[type=radio],[type=checkbox]{cursor:pointer}
button,[role=tab],[role=button],[role=option],[type=button],[type=reset],[type=submit],::file-selector-button{cursor:pointer;touch-action:manipulation}
:disabled{cursor:not-allowed}
[hidden=until-found]{z-index:-1}
}
@property --hl{syntax: "<length>"; inherits: true; initial-value: .25rem;}
@property --sz--bleed{syntax: "<length-percentage>"; initial-value: 100svi; inherits: true;}
:root{--L: 60%;--C: .2;--red: oklch(var(--L) var(--C) 20);--orange: oklch(calc(var(--L) + 6%) calc(var(--C) - .01) 48);--yellow: oklch(calc(var(--L) + 12%) calc(var(--C) - .02) 80);--green: oklch(calc(var(--L) + 4%) calc(var(--C) - .02) 152);--blue: oklch(calc(var(--L) - 4%) calc(var(--C) + .01) 264);--purple: oklch(calc(var(--L) - 4%) calc(var(--C) + .01) 288);--pink: oklch(calc(var(--L) + 2%) calc(var(--C) + .01) 352);--gray: oklch(calc(var(--L) - 4%) calc(var(--C) / 10) 240);--brand: #1e5f8c;--accent: #d94a6a;--base: hsl(220 0% 99%);--base-2: hsl(220 4% 95%);--text: hsl(220 0% 8%);--text-2: hsl(220 4% 32%);--link: oklch(50% .3 240);--divider: hsl(220 4% 88%);--shadow: hsl(220 4% 8% / 12%);--neutral: hsl(220, 2%, 80%);--shc: var(--shadow);--shsz--10: 0px 1px 3px;--shsz--20: 0px 2px 6px;--shsz--30: 0px 4px 12px;--shsz--40: 0px 8px 24px;--shsz--50: 0px 16px 48px;--fz-mol: 8;--hl-unit: calc(var(--fz--base) * .125);--s-unit: calc(var(--fz--base) * .5);--gutter--base: var(--s30);--flow--base: var(--s30);--flow--s: var(--s20)}
:root:where([lang=ja]){--flow--base: var(--s35)}
:root{--white: #fff;--black: #000;--fz--base: 1rem;--fz--5xl: calc(1em * var(--fz-mol) / (var(--fz-mol) - 6));--fz--4xl: calc(1em * var(--fz-mol) / (var(--fz-mol) - 5));--fz--3xl: calc(1em * var(--fz-mol) / (var(--fz-mol) - 4));--fz--2xl: calc(1em * var(--fz-mol) / (var(--fz-mol) - 3));--fz--xl: calc(1em * var(--fz-mol) / (var(--fz-mol) - 2));--fz--l: calc(1em * var(--fz-mol) / (var(--fz-mol) - 1));--fz--m: 1em;--fz--s: calc(1em * var(--fz-mol) / (var(--fz-mol) + 1));--fz--xs: calc(1em * var(--fz-mol) / (var(--fz-mol) + 2));--fz--2xs: calc(1em * var(--fz-mol) / (var(--fz-mol) + 3));--hl--base: calc(var(--hl-unit) * 3);--hl--xs: var(--hl-unit);--hl--s: calc(var(--hl-unit) * 2);--hl--l: calc(var(--hl-unit) * 4);--lts--base: normal;--lts--s: -.025em;--lts--l: .05em;--lts--xl: .1em;--ff--base: -apple-system, "BlinkMacSystemFont", "Hiragino Sans", sans-serif;--ff--accent: Georgia, serif;--ff--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--fw--light: 300;--fw--normal: 400;--fw--bold: 600;--o--mp: .9;--o--p: .75;--o--pp: .5;--o--ppp: .25;--bdrs--10: .25rem;--bdrs--20: .5rem;--bdrs--30: 1rem;--bdrs--40: 1.5rem;--bdrs--99: 99rem;--sz--xs: 400px;--sz--s: 640px;--sz--m: 880px;--sz--l: 1200px;--sz--xl: 1600px;--ar--og: 1.91/1}
:root,.set--bxsh{--bxsh--10: var(--shsz--10) var(--shc);--bxsh--20: var(--shsz--20) var(--shc);--bxsh--30: var(--shsz--30) var(--shc);--bxsh--40: var(--shsz--40) var(--shc);--bxsh--50: var(--shsz--50) var(--shc)}
:root{--s5: calc(var(--s-unit) * .5);--s10: var(--s-unit);--s15: calc(var(--s-unit) * 1.5);--s20: calc(var(--s-unit) * 2);--s25: calc(var(--s-unit) * 2.5);--s30: calc(var(--s-unit) * 3);--s35: calc(var(--s-unit) * 4);--s40: calc(var(--s-unit) * 5);--s50: calc(var(--s-unit) * 8);--s60: calc(var(--s-unit) * 13);--s70: calc(var(--s-unit) * 21);--s80: calc(var(--s-unit) * 34)}
body{--hl: var(--hl--base);font-size:var(--fz--base);font-family:var(--ff--base);letter-spacing:var(--lts--base);background-color:var(--base);color:var(--text);text-underline-offset:.125em;-moz-tab-size:4;-o-tab-size:4;tab-size:4}
*{line-height:calc(1em + var(--hl) * 2)}
:is(h1,h2,h3,h4,h5,h6){font-family:var(--headings-ff, inherit);font-weight:var(--headings-fw, var(--fw--bold))}
h1{font-size:var(--fz--3xl)}
h2{font-size:var(--fz--2xl)}
h3{font-size:var(--fz--xl)}
h4{font-size:var(--fz--l)}
h5,h6{font-size:var(--fz--m)}
a{color:var(--link-c, var(--link));-webkit-text-decoration:var(--link-td, underline);text-decoration:var(--link-td, underline)}
small{--hl: var(--hl--s);font-size:var(--fz--xs)}
b,strong{font-weight:var(--fw--bold)}
sup,sub{--hl: var(--hl--xs);font-size:80%}
code,kbd,var,samp{font-family:var(--ff--mono);letter-spacing:normal}
:where(blockquote>p)+p{margin-block-start:var(--s10)}
q,blockquote{font-style:italic}
blockquote,pre{background-color:var(--base-2);padding:var(--s20)}
caption,figcaption{font-size:var(--fz--s)}
hr{border:none;block-size:0;border-block-start:1px solid var(--divider)}
:is(ul,ol):where(:not([class])){list-style:revert;padding-inline-start:var(--list-ps, 1.75em)}
dt{font-weight:var(--fw--bold)}
dd+dt{margin-block-start:var(--s20)}
td,th{padding:var(--cells-p, .625em .875em)}
input:not([type=range]),button,textarea,select,::file-selector-button{background-color:var(--controls-bgc, var(--base-2));border:solid 1px var(--controls-bdc, var(--divider));padding:var(--controls-p, .25em .5em)}
:disabled{opacity:var(--o--pp)}
:focus-visible{outline-offset:var(--focus-offset, 0px)}
@media(any-hover:hover){.set--hov:hover{--_notHov: }
.set--hov:not(:is(:hover,:focus-within)){--_isHov: }
}
@media(any-hover:none){.set--hov{--_isHov: }
}
.set--hov:is(:focus-visible,:focus-within){--_notHov: }
.set--bdrsInner{--bdrs--inner: calc(var(--bdrs, 0px) - var(--p, 0px))}
.set--bleed{--bleed: max(var(--gutter, var(--gutter--base)), calc((100cqi - min(100cqi, var(--contentSize, var(--sz--m))))/2) )}
.set--plain{width:auto;height:auto;min-width:0;min-height:0;max-width:none;max-height:none;color:inherit;font:inherit;line-height:calc(1em + var(--hl) * 2);background:none;padding:0;margin:0;border:none;text-decoration:none;border-radius:0}
}
@layer lism-trait{.is--container{container-type:inline-size}
.is--container>*{--sz--bleed: 100cqi}
.is--container.has--gutter>*{--sz--bleed: calc(100cqi + var(--gutter) * 2)}
.is--container .is--container>*{--sz--bleed: inherit}
.is--wrapper{--contentSize: var(--sz--m, 100%)}
.is--wrapper>*{inline-size:100%;max-inline-size:min(100%,var(--contentSize));margin-inline:auto}
.is--boxLink{position:relative;display:block;color:inherit;pointer-events:auto;text-decoration:none;cursor:pointer;isolation:isolate}
.is--boxLink a{position:relative;z-index:2}
.is--layer{position:absolute;inset:0;overflow:hidden}
.has--transition{--duration: var(--transition-duration, .25s);--ease: ease;--delay: 0s;--transitionProps: all;transition:var(--duration) var(--ease) var(--delay);transition-property:var(--transitionProps)}
.has--gutter{--gutter: var(--gutter--base);padding-inline:var(--gutter)}
.has--snap{--snapType: both mandatory;--snapAlign: start;--snapStop: normal;scroll-snap-type:var(--snapType)}
.has--snap>*{scroll-snap-align:var(--snapAlign);scroll-snap-stop:var(--snapStop)}
}
@layer lism-primitive{@layer layout{.l--flow{display:flow-root}
.l--flow>*+*{--flow: var(--flow--base);margin-block-start:var(--flow)}
.l--flow>:where(img,video,iframe){display:block}
.-flow\:s>*{--flow: var(--flow--s)}
.l--flow>:where(h1,h2,h3,h4,h5,h6){margin-block-start:calc(var(--flow) * 2 + .5em)}
.l--flow>:first-child{--flow: 0px}
.l--flex{display:flex}
.l--flex>*{min-width:0}
.l--cluster{display:flex;flex-wrap:wrap;align-items:center}
.l--stack{display:flex;flex-direction:column}
.l--grid{display:grid}
.l--grid>*{min-width:0}
.l--center{display:grid;place-content:center;place-items:center}
.l--autoColumns{--cols: 20rem;--autoMode: auto-fill;display:grid;grid-template-columns:repeat(var(--autoMode),minmax(min(var(--cols),100%),1fr))}
.l--columns{--cols: 2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}
.l--withSide{--sideW: auto;--mainW: max(20rem, 50%);display:flex;flex-wrap:wrap}
.l--withSide>.is--side{flex-basis:var(--sideW);flex-grow:1;min-width:0}
.l--withSide>:not(.is--side){flex-grow:9999999;flex-basis:min(100%,var(--mainW));min-width:0}
.l--frame{overflow:hidden}
.l--frame>:where(img,video,iframe){display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
}
@layer atomic{.a--icon{flex-shrink:0}
.a--icon:where(:not([fill])){fill:currentcolor}
.a--icon:where(:not([width])){width:1em;height:1em}
}
}
@layer lism-component;
@layer lism-custom;
@layer lism-utility{.u--trim{margin-block:calc(var(--hl) * -1)}
.u--trimAll>:not(:empty,figure,picture,video,button,textarea,table){margin-block:calc(var(--hl) * -1)}
.u--divide{--bdw: 1px;--bdc: var(--divider);gap:var(--bdw)}
.u--divide>*{box-shadow:0 0 0 var(--bdw) var(--bdc)}
.u--divide{overflow:clip}
.u--srOnly:not(#_){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
}
@layer lism-base{.-bd,[class*=" -bd-"],[class^=-bd-]{--bds: solid;--bdw: 1px;--bdc: var(--divider);border-width:var(--bdw);border-color:var(--bdc)}
}
.-bd{border-style:var(--bds)}
.-bd-y{border-block-style:var(--bds)}
.-bd-s{border-inline-start-style:var(--bds)}
.-bd-bs{border-block-start-style:var(--bds)}
.-bd-be{border-block-end-style:var(--bds)}
.-max-sz\:full{max-inline-size:100%}
:where(.has--gutter)>.-max-sz\:full{inline-size:auto;max-inline-size:calc(100% + var(--gutter) * 2);margin-inline:calc(var(--gutter) * -1)}
.-fz\:5xl{font-size:var(--fz--5xl)}
.-fz\:4xl{font-size:var(--fz--4xl)}
.-fz\:3xl{font-size:var(--fz--3xl)}
.-fz\:2xl{font-size:var(--fz--2xl)}
.-fz\:xl{font-size:var(--fz--xl)}
.-fz\:l{font-size:var(--fz--l)}
.-fz\:m{font-size:var(--fz--m)}
.-fz\:s{font-size:var(--fz--s)}
.-fz\:xs{font-size:var(--fz--xs)}
.-fz\:2xs{font-size:var(--fz--2xs)}
.-fw\:200{font-weight:200}
.-fw\:400{font-weight:400}
.-fw\:500{font-weight:500}
.-fw\:600{font-weight:600}
.-fw\:700{font-weight:700}
.-fw\:light{font-weight:var(--fw--light)}
.-fw\:normal{font-weight:var(--fw--normal)}
.-fw\:bold{font-weight:var(--fw--bold)}
.-ff\:base{font-family:var(--ff--base)}
.-ff\:accent{font-family:var(--ff--accent)}
.-fs\:italic{font-style:italic}
.-hl\:0{--hl: 0px}
.-hl\:xs{--hl: var(--hl--xs)}
.-hl\:s{--hl: var(--hl--s)}
.-hl\:l{--hl: var(--hl--l)}
.-lts\:s{letter-spacing:var(--lts--s)}
.-lts\:l{letter-spacing:var(--lts--l)}
.-lts\:xl{letter-spacing:var(--lts--xl)}
.-ta\:center{text-align:center}
.-ta\:left{text-align:left}
.-td\:none{text-decoration:none}
.-d\:none{display:none}
.-d\:block{display:block}
.-d\:flex{display:flex}
.-d\:inline-flex{display:inline-flex}
.-d\:grid{display:grid}
.-o\:mp{opacity:var(--o--mp)}
.-o\:p{opacity:var(--o--p)}
.-o\:pp{opacity:var(--o--pp)}
.-o\:ppp{opacity:var(--o--ppp)}
.-ov\:hidden{overflow:hidden}
.-ov\:auto{overflow:auto}
.-ov\:clip{overflow:clip}
.-ov-x\:clip{overflow-x:clip}
.-ov-y\:auto{overflow-y:auto}
.-ar{aspect-ratio:var(--ar)}
.-ar\:21\/9{aspect-ratio:21/9}
.-ar\:16\/9{aspect-ratio:16/9}
.-ar\:3\/2{aspect-ratio:3/2}
.-ar\:1\/1{aspect-ratio:1/1}
.-w{width:var(--w)}
.-w\:100\%{width:100%}
.-w\:fit{width:-moz-fit-content;width:fit-content}
.-h{height:var(--h)}
.-h\:100\%{height:100%}
.-min-w{min-width:var(--min-w)}
.-max-w{max-width:var(--max-w)}
.-max-w\:100\%{max-width:100%}
.-min-h{min-height:var(--min-h)}
.-contentSize\:s{--contentSize: var(--sz--s)}
.-contentSize\:l{--contentSize: var(--sz--l)}
.-contentSize\:xl{--contentSize: var(--sz--xl)}
.-max-sz\:s{max-inline-size:var(--sz--s)}
.-max-sz\:m{max-inline-size:var(--sz--m)}
.-bgc,[class*="-bgc:"]{background-color:var(--bgc)}
.-bgc\:base{--bgc: var(--base)}
.-bgc\:base-2{--bgc: var(--base-2)}
.-bgc\:text{--bgc: var(--text)}
.-bgc\:transparent{--bgc: transparent}
.-c,[class*="-c:"]{color:var(--c)}
.-c\:text{--c: var(--text)}
.-c\:text-2{--c: var(--text-2)}
.-c\:inherit{color:inherit}
[class*="-bdrs:"]{border-radius:var(--bdrs)}
.-bdrs\:0{--bdrs: 0}
.-bdrs\:10{--bdrs: var(--bdrs--10)}
.-bdrs\:20{--bdrs: var(--bdrs--20)}
.-bdrs\:99{--bdrs: var(--bdrs--99)}
.-bdrs\:inner{--bdrs: var(--bdrs--inner)}
.-bxsh\:0{box-shadow:none}
.-bxsh\:10{box-shadow:var(--bxsh--10)}
.-bxsh\:20{box-shadow:var(--bxsh--20)}
.-bxsh\:30{box-shadow:var(--bxsh--30)}
.-bxsh\:50{box-shadow:var(--bxsh--50)}
.-pos{position:var(--pos)}
.-pos\:fixed{position:fixed}
.-pos\:sticky{position:sticky}
.-pos\:relative{position:relative}
.-pos\:absolute{position:absolute}
.-z\:0{z-index:0}
.-z\:1{z-index:1}
.-z\:99{z-index:99}
.-t\:0{top:0%}
.-t\:100\%{top:100%}
.-l\:0{left:0%}
.-r\:0{right:0%}
.-i\:0{inset:0%}
.-p,[class*="-p:"]{padding:var(--p)}
.-p\:0{--p: 0}
.-p\:5{--p: var(--s5)}
.-p\:10{--p: var(--s10)}
.-p\:15{--p: var(--s15)}
.-p\:20{--p: var(--s20)}
.-p\:30{--p: var(--s30)}
.-px\:0{padding-inline:0}
.-px\:5{padding-inline:var(--s5)}
.-px\:10{padding-inline:var(--s10)}
.-px\:15{padding-inline:var(--s15)}
.-px\:20{padding-inline:var(--s20)}
.-px\:25{padding-inline:var(--s25)}
.-py\:0{padding-block:0}
.-py\:5{padding-block:var(--s5)}
.-py\:10{padding-block:var(--s10)}
.-py\:15{padding-block:var(--s15)}
.-py\:20{padding-block:var(--s20)}
.-py\:30{padding-block:var(--s30)}
.-py\:40{padding-block:var(--s40)}
.-py\:50{padding-block:var(--s50)}
.-py\:60{padding-block:var(--s60)}
.-py\:70{padding-block:var(--s70)}
.-ps{padding-inline-start:var(--ps)}
.-pe{padding-inline-end:var(--pe)}
.-pbs{padding-block-start:var(--pbs)}
.-pbe{padding-block-end:var(--pbe)}
[class*="-m:"]{margin:var(--m)}
.-m\:0{--m: 0}
.-m\:15{--m: var(--s15)}
.-mx\:auto{margin-inline:auto}
.-my\:10{margin-block:var(--s10)}
.-ms{margin-inline-start:var(--ms)}
.-ms\:auto{margin-inline-start:auto}
.-me{margin-inline-end:var(--me)}
.-mbs{margin-block-start:var(--mbs)}
.-mbs\:0{margin-block-start:0}
.-mbs\:20{margin-block-start:var(--s20)}
.-mbs\:40{margin-block-start:var(--s40)}
.-mbs\:50{margin-block-start:var(--s50)}
.-mbs\:60{margin-block-start:var(--s60)}
.-mbs\:70{margin-block-start:var(--s70)}
.-g\:0{gap:0}
.-g\:5{gap:var(--s5)}
.-g\:10{gap:var(--s10)}
.-g\:15{gap:var(--s15)}
.-g\:20{gap:var(--s20)}
.-g\:30{gap:var(--s30)}
.-g\:40{gap:var(--s40)}
.-g\:50{gap:var(--s50)}
.-fxw{flex-wrap:var(--fxw)}
.-fxw\:wrap{flex-wrap:wrap}
.-fxd{flex-direction:var(--fxd)}
.-fxd\:column{flex-direction:column}
.-fxd\:row-reverse{flex-direction:row-reverse}
.-fx{flex:var(--fx)}
.-fx\:1{flex:1}
.-fxg\:1{flex-grow:1}
.-fxsh\:0{flex-shrink:0}
.-gtc{grid-template-columns:var(--gtc)}
.-gtc\:subgrid{grid-template-columns:subgrid}
.-gtr{grid-template-rows:var(--gtr)}
.-gtr\:subgrid{grid-template-rows:subgrid}
.-gaf\:column{grid-auto-flow:column}
.-gc{grid-column:var(--gc)}
.-gc\:1\/-1{grid-column:1 / -1}
.-gr{grid-row:var(--gr)}
.-ai\:start{align-items:start}
.-ai\:center{align-items:center}
.-ai\:end{align-items:end}
.-ai\:stretch{align-items:stretch}
.-ji\:start{justify-items:start}
.-ji\:center{justify-items:center}
.-jc\:start{justify-content:start}
.-jc\:center{justify-content:center}
.-jc\:flex-end{justify-content:flex-end}
.-jc\:between{justify-content:space-between}
.-pi\:center{place-items:center}
.-aslf\:stretch{align-self:stretch}
.-jslf\:end{justify-self:end}
.-jslf\:stretch{justify-self:stretch}
.-order\:1{order:1}
.-whs\:nowrap{white-space:nowrap}
.-iso\:isolate{isolation:isolate}
@container (min-width: 480px){.-d_sm{display:var(--d_sm)}
.-ar_sm{aspect-ratio:var(--ar_sm)}
.-g_sm{gap:var(--g_sm)}
.-cols_sm{--cols: var(--cols_sm) !important}
.-fxd_sm{flex-direction:var(--fxd_sm)}
.-gtc_sm{grid-template-columns:var(--gtc_sm)}
.-gaf_sm{grid-auto-flow:var(--gaf_sm)}
}
@container (min-width: 800px){.-fz_md{font-size:var(--fz_md)}
.-d_md{display:var(--d_md)}
.-ar_md{aspect-ratio:var(--ar_md)}
.-w_md{width:var(--w_md)}
.-h_md{height:var(--h_md)}
.-max-w_md{max-width:var(--max-w_md)}
.-bdw_md{--bdw: var(--bdw_md) !important}
.-p_md{padding:var(--p);--p: var(--p_md) !important}
.-px_md{padding-inline:var(--px_md)}
.-py_md{padding-block:var(--py_md)}
.-ps_md{padding-inline-start:var(--ps_md)}
.-pe_md{padding-inline-end:var(--pe_md)}
.-pbe_md{padding-block-end:var(--pbe_md)}
.-ms_md{margin-inline-start:var(--ms_md)}
.-me_md{margin-inline-end:var(--me_md)}
.-mbs_md{margin-block-start:var(--mbs_md)}
.-g_md{gap:var(--g_md)}
.-cols_md{--cols: var(--cols_md) !important}
.-fxw_md{flex-wrap:var(--fxw_md)}
.-fxd_md{flex-direction:var(--fxd_md)}
.-fx_md{flex:var(--fx_md)}
.-gtc_md{grid-template-columns:var(--gtc_md)}
.-gc_md{grid-column:var(--gc_md)}
.-ai_md{align-items:var(--ai_md)}
.-ji_md{justify-items:var(--ji_md)}
.-jc_md{justify-content:var(--jc_md)}
.-order_md{order:var(--order_md)}
}
@container (min-width: 1120px){.-g_lg{gap:var(--g_lg)}
.-cols_lg{--cols: var(--cols_lg) !important}
}
@media(any-hover:hover){.-hov\:-bgc:hover{background-color:var(--hov-bgc, var(--hov-bgc--default, color-mix(in srgb, var(--bgc, var(--base)), var(--neutral) 25%)))}
.-hov\:-o:hover{opacity:var(--hov-o, var(--o--p))}
.-hov\:underline:hover{text-decoration:underline}
}
.-hov\:in\:show{--transitionProps: opacity, visibility;opacity:var(--_notHov, 0);visibility:var(--_notHov, hidden)}
.-hov\:in\:zoom{--transitionProps: scale;scale:var(--_isHov, 1.1)}