@charset "UTF-8";.corporate-cover{position:relative;overflow:hidden;background-color:var(--color-white)}.corporate-cover__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 440px;gap:40px;align-content:start;max-width:var(--max-width);height:640px;margin:0 auto;padding:64px 40px 136px;box-sizing:border-box;@media (max-width:1280px){grid-template-columns:1fr 360px;height:576px;padding-bottom:120px}@media (max-width:800px){--photo-height:clamp(240px,72vw,400px);grid-template-columns:minmax(0,1fr);gap:24px;height:auto;min-height:calc(var(--photo-height) + 96px);padding:24px 16px 72px}}.corporate-cover__heading{display:grid;grid-template-columns:max-content 1fr;gap:32px 0;grid-column:1;@media (max-width:800px){row-gap:24px}}.corporate-cover__subtitle,.corporate-cover__title{grid-row:1;@media (max-width:800px){letter-spacing:0.1em}}.corporate-cover__subtitle{grid-column:1;&::after{content:"—" / "";margin:0 0.65em 0 0.5em;@media (max-width:800px){margin-right:0.6em}}}.corporate-cover__title{grid-column:2}.corporate-cover__catch{grid-column:1 / -1;width:440px;height:104px;overflow:hidden;background:url("../../img/corporate/purpose.svg") no-repeat left center / contain;text-indent:100%;white-space:nowrap;@media (max-width:1280px){width:400px;height:96px}@media (max-width:800px){width:100%;max-width:min(440px,calc(100% - var(--photo-height) * 0.535 - 16px));height:auto;aspect-ratio:720 / 170}}.corporate-cover__text{grid-column:1;max-width:680px;margin-top:8px;font-size:var(--font-size-large);line-height:2.2;letter-spacing:0.1em;@media (max-width:1280px){font-size:var(--font-size-x-medium);line-height:2.4}@media (max-width:800px){max-width:min(440px,calc(100% - var(--photo-height) * 0.535 - 16px));margin-top:0;font-size:var(--font-size-x-small);line-height:1.7;letter-spacing:0.05em}}.corporate-cover__text-line{display:block;@media (max-width:800px){display:inline}}.corporate-cover__figure{--feet-shadow:radial-gradient(closest-side,rgb(71 71 127 / 0.18),rgb(71 71 127 / 0));--feet-shadow-back:radial-gradient(closest-side,rgb(71 71 127 / 0.3),rgb(71 71 127 / 0));position:absolute;right:40px;bottom:88px;grid-column:2;width:440px;height:520px;&::before{content:"";position:absolute;right:88px;bottom:-16px;width:240px;height:84px;background:var(--feet-shadow-back) 59px 0 / 112px 24px no-repeat,var(--feet-shadow) right bottom / 208px 40px no-repeat}@media (max-width:1280px){width:360px;height:448px;bottom:72px;&::before{right:72px;bottom:-12px;width:204px;height:68px;background:var(--feet-shadow-back) 49px 0 / 96px 20px no-repeat,var(--feet-shadow) right bottom / 176px 32px no-repeat}}@media (max-width:800px){right:16px;bottom:56px;grid-column:1;width:calc(var(--photo-height) * 0.535);height:var(--photo-height);&::before{right:calc(var(--photo-height) * 0.0125);bottom:calc(var(--photo-height) * -0.025);width:calc(var(--photo-height) * 0.4625);height:calc(var(--photo-height) * 0.15375);background:var(--feet-shadow-back) calc(var(--photo-height) * 0.10625) calc(var(--photo-height) * 0.003125) / calc(var(--photo-height) * 0.225) calc(var(--photo-height) * 0.05) no-repeat,var(--feet-shadow) right bottom / calc(var(--photo-height) * 0.4) calc(var(--photo-height) * 0.075) no-repeat}}}.corporate-cover__photo{position:absolute;right:80px;bottom:0;width:auto;height:100%;@media (max-width:1280px){right:64px}@media (max-width:800px){right:0}}.corporate-cover__brush{position:absolute;right:0;bottom:8px;left:0;z-index:1;height:96px;background-color:var(--color-key);mask:url("../../img/corporate/brush-thin.svg") center / 100% 100% no-repeat;clip-path:inset(0 100% 0 0);pointer-events:none;animation:corporate-brush-draw 2.4s cubic-bezier(0.45,0,0.2,1) 0.4s forwards;@media (max-width:1280px){height:80px}@media (max-width:800px){bottom:0;height:64px}@media (prefers-reduced-motion:reduce){clip-path:none;animation:none}}@keyframes corporate-brush-draw{to{clip-path:inset(0 0 0 0)}}.corporate-pages{max-width:var(--max-width);margin:0 auto;padding:48px 40px 0;box-sizing:border-box;@media (max-width:800px){padding:32px 16px 0}}.corporate-pages__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;@media (max-width:800px){grid-template-columns:minmax(0,1fr);gap:8px}}.corporate-pages__item{position:relative;&::after{content:"";position:absolute;inset:0;border-radius:999px;box-shadow:0 0 0 8px rgba(33,33,50,0);transition:box-shadow 0.5s cubic-bezier(0.23,1,0.58,1);pointer-events:none}&:has(.corporate-pages__link:active)::after{box-shadow:0 0 0 0 rgba(33,33,50,0.45);transition:0s}}.corporate-pages__link{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:16px;height:64px;padding:0 24px 0 14px;border:1px solid var(--color-border);border-radius:999px;box-sizing:border-box;background:linear-gradient(var(--color-key),var(--color-key)) no-repeat left center / 0% 100%;color:var(--color-key);text-decoration:none;transition:background-size 0.45s cubic-bezier(0.23,1,0.32,1),border-color 0.3s,color 0.3s,box-shadow 0.4s cubic-bezier(0.23,1,0.58,1),scale 0.15s;&::after{content:"";flex:none;width:20px;height:20px;margin-left:auto;background-color:currentColor;mask:url(../../img/icon/arrow-right.svg) center / contain no-repeat;transition:translate 0.45s cubic-bezier(0.23,1,0.32,1)}&:hover{text-decoration:none}@media (hover:hover){&:hover{border-color:var(--color-key);background-size:100% 100%;color:var(--color-white);box-shadow:0 2px 4px 1px rgba(33,33,50,0.4);&::after{translate:6px 0}}}&:active{border-color:var(--color-key);background-size:100% 100%;color:var(--color-white);box-shadow:none;scale:0.98;transition-duration:0.15s}&:focus-visible{outline:2px solid var(--color-key);outline-offset:2px}}.corporate-pages__icon{display:grid;flex:none;place-items:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:50%;box-sizing:border-box;background-color:var(--color-white);color:var(--color-key);&::before{width:18px;height:18px}}.corporate-pages__name{flex:none;margin-left:8px;font-size:var(--font-size-x-medium);font-weight:bold;letter-spacing:0.08em}.corporate-pages__note{min-width:0;margin-left:8px;overflow:hidden;color:var(--color-key-sub);font-size:var(--font-size-medium);letter-spacing:0.05em;white-space:nowrap;text-overflow:ellipsis;transition:color 0.3s;.corporate-pages__link:active &{color:color-mix(in srgb,var(--color-white) 75%,transparent)}@media (hover:hover){.corporate-pages__link:hover &{color:color-mix(in srgb,var(--color-white) 75%,transparent)}}}.corporate-pages__ripple{position:absolute;z-index:-1;border-radius:50%;background-color:var(--color-white);opacity:0.24;scale:0;animation:corporate-pages-ripple 0.7s cubic-bezier(0.23,1,0.58,1) forwards;pointer-events:none}@keyframes corporate-pages-ripple{to{opacity:0;scale:1}}@media (prefers-reduced-motion:reduce){.corporate-pages__item::after{content:none}.corporate-pages__link,.corporate-pages__note,.corporate-pages__link::after{transition:none}}.corporate-outline{max-width:var(--max-width);margin:0 auto;padding:64px 40px 120px;box-sizing:border-box;@media (max-width:800px){padding:40px 16px 64px}}.corporate-outline__heading{max-width:960px;margin:0 auto;padding-bottom:32px;@media (max-width:800px){padding-bottom:16px}}.corporate-outline__heading .section-heading__title,.access-map__heading .section-heading__title,.corporate-offices__heading .section-heading__title{font-size:var(--font-size-xx-large);letter-spacing:0.15em;@media (max-width:800px){font-size:var(--font-size-x-large);letter-spacing:0.1em}}.corporate-outline__list{max-width:960px;margin:0 auto;border-top:2px solid var(--color-key);border-bottom:2px solid var(--color-key);font-size:var(--font-size-x-medium);line-height:2;letter-spacing:0.1em;@media (max-width:800px){font-size:var(--font-size-medium);line-height:1.7;letter-spacing:0.05em}}.corporate-outline__row{display:grid;grid-template-columns:192px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--color-border);@media (max-width:800px){grid-template-columns:1fr;gap:4px;padding:12px 0}&:first-child{padding-top:32px;@media (max-width:800px){padding-top:16px}}&:last-child{padding-bottom:32px;border-bottom:0;@media (max-width:800px){padding-bottom:16px}}}.corporate-outline__term{padding-left:0.2em;font-weight:bold;letter-spacing:0.2em;text-align:center;@media (max-width:800px){padding-left:0;letter-spacing:0.1em;text-align:left}}.corporate-outline__line{display:block}.corporate-outline__label{margin-right:1em;white-space:nowrap}.corporate-outline__desc--labeled{@media (min-width:801px){display:grid;grid-template-columns:max-content 1fr;.corporate-outline__line{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}}}.corporate-outline__desc--address{@media (max-width:800px){.corporate-outline__label,.corporate-outline__street{display:block}.corporate-outline__line + .corporate-outline__line{margin-top:8px}}}.corporate-outline__phrase{white-space:nowrap}.corporate-outline__tel{text-decoration:none;&:hover{text-decoration:underline}}.corporate-outline__businesses{display:grid;gap:16px;@media (max-width:800px){gap:12px}}.corporate-outline__business-detail,.corporate-outline__item{word-break:keep-all;overflow-wrap:anywhere}.corporate-outline__business-detail{font-size:var(--font-size-small);@media (max-width:800px){font-size:var(--font-size-x-small)}}.corporate-outline__business-name{font-size:var(--font-size-medium);font-weight:bold;@media (max-width:800px){font-size:var(--font-size-small)}}.corporate-outline__products{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.corporate-outline__products .button--small{@media (max-width:800px){padding:0 8px}}.corporate-outline__products-label{display:inline-flex;align-items:center;gap:8px;margin-right:8px;font-size:var(--font-size-small);font-weight:bold;&::before{width:16px;height:16px}@media (max-width:800px){margin-right:0;font-size:var(--font-size-x-small)}}.corporate-outline__more{margin-top:24px;@media (max-width:800px){margin-top:16px}}.corporate-outline__link{display:inline-flex;align-items:center;gap:8px;font-weight:bold;&::before{width:16px;height:16px}&::after{content:"";width:16px;height:16px;background-color:currentColor;mask:url(../../img/icon/chevron-right.svg?ver=20261027) center / contain no-repeat}}.corporate-outline__others{margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border);font-size:var(--font-size-small);@media (max-width:800px){margin-top:16px;padding-top:12px;font-size:var(--font-size-x-small)}}.corporate-outline__others-title{margin-bottom:4px;font-weight:bold}.corporate-outline__item{padding-left:1em;text-indent:-1em;&::before{content:"・"}}.access-map{padding-bottom:64px;@media (max-width:800px){padding-bottom:40px}}.access-map__inner,.corporate-offices__inner{max-width:var(--max-width);margin:0 auto;padding:0 40px;box-sizing:border-box;@media (max-width:800px){padding:0 16px}}.access-map__heading,.corporate-offices__heading{max-width:960px;margin:0 auto;padding-bottom:32px;@media (max-width:800px){padding-bottom:16px}}.access-map__canvas{display:grid;place-items:center;height:400px;border-block:1px solid var(--color-border);background-color:color-mix(in srgb,var(--color-key) 5%,var(--color-white));@media (max-width:800px){height:320px}}.access-map__notice{color:color-mix(in srgb,var(--color-key) 64%,var(--color-white));font-size:var(--font-size-x-small);letter-spacing:0.1em}.access-map__info{font-size:var(--font-size-x-small);line-height:1.7;strong{font-weight:bold}}.corporate-offices{padding-bottom:120px;@media (max-width:800px){padding-bottom:64px}}.corporate-offices__list{max-width:960px;margin:0 auto;border-top:2px solid var(--color-key);border-bottom:2px solid var(--color-key)}.corporate-offices__item{display:grid;grid-template-columns:208px minmax(0,1fr) auto;align-items:center;gap:48px;padding:24px 0;border-bottom:1px solid var(--color-border);&:last-child{border-bottom:0}@media (max-width:800px){grid-template-columns:minmax(0,1fr);justify-items:start;gap:8px;padding:16px 0}}.corporate-offices__name{display:grid;grid-template-columns:48px auto;align-items:center;column-gap:16px;font-size:var(--font-size-x-medium);font-weight:bold;line-height:1.5;letter-spacing:0.1em;&::before,&::after{content:"";grid-row:1;grid-column:1}&::before{width:48px;height:48px;border-radius:50%;background-color:color-mix(in srgb,var(--color-key) 6%,var(--color-white))}&::after{place-self:center;width:24px;height:24px;background-color:currentColor;mask:var(--office-icon) center / contain no-repeat}@media (max-width:800px){grid-template-columns:40px auto;column-gap:12px;font-size:var(--font-size-medium);&::before{width:40px;height:40px}&::after{width:20px;height:20px}}}.corporate-offices__item--headquarters{--office-icon:url(../../img/icon/building.svg)}.corporate-offices__item--98space{--office-icon:url(../../img/icon/98space.svg)}.corporate-offices__item--mark-meizan{--office-icon:url(../../img/icon/mark-meizan.svg)}.corporate-offices__address{font-size:var(--font-size-medium);line-height:1.8;letter-spacing:var(--letter-spacing-sp,0.1em);@media (max-width:800px){font-size:var(--font-size-small)}}.corporate-offices__phrase{display:inline-block;&:first-child{display:block}}.corporate-offices__link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--color-border);border-radius:9999px;font-size:var(--font-size-x-small);font-weight:bold;line-height:1.6;white-space:nowrap;transition:border-color 0.2s;&::before{width:16px;height:16px}&:hover{border-color:var(--color-key);text-decoration:none}}.way{box-sizing:border-box;max-width:calc(1040px + 80px);margin:0 auto;padding:32px 40px 120px;@media (max-width:800px){padding:24px 16px 80px}}.way__head{display:grid;justify-items:center;padding-bottom:24px;text-align:center;@media (max-width:800px){padding-bottom:24px}}.way__logo{display:block;width:240px;height:auto;@media (max-width:800px){width:184px}}.way__subtitle{display:block;margin-top:8px;color:var(--color-key-sub);font-size:var(--font-size-large);font-weight:bold;letter-spacing:0.15em;@media (max-width:800px){margin-top:4px;font-size:var(--font-size-x-medium)}}.way__lead{margin-top:16px;font-size:var(--font-size-large);line-height:2;letter-spacing:var(--letter-spacing-sp,0.08em);word-break:keep-all;@media (max-width:800px){font-size:var(--font-size-medium)}}.way__lead-line{@media (max-width:800px){display:block}}.way-icon--purpose{--way-icon:url(../../img/icon/star.svg)}.way-icon--mission{--way-icon:url(../../img/icon/heart.svg)}.way-icon--vision{--way-icon:url(../../img/icon/fruit.svg)}.way-icon--value{--way-icon:url(../../img/icon/compass.svg)}.way-body{position:relative}.way-nav{position:sticky;top:calc(var(--header-height) + 8px);z-index:2;margin-bottom:40px;@media (max-width:800px){margin-bottom:32px}}.way-nav__list{display:flex;margin:0;padding:0;overflow:hidden;border:1px solid var(--color-border);border-radius:16px;background-color:color-mix(in srgb,var(--color-white) 92%,transparent);backdrop-filter:blur(8px);list-style:none;transition:box-shadow 0.3s}.way-nav--stuck .way-nav__list{box-shadow:0 4px 16px color-mix(in srgb,var(--color-key) 8%,transparent)}.way-nav__item{display:flex;flex:1 1 0;min-width:0;& + &{border-left:1px solid var(--color-border)}}.way-nav__link{position:relative;display:flex;flex:1;align-items:center;gap:16px;padding:16px 24px;color:inherit;text-decoration:none;&:hover{text-decoration:none}&::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background-color:var(--color-key);transform:scaleX(0);transform-origin:right;transition:transform 0.6s cubic-bezier(0.23,1,0.32,1)}&[aria-current="true"]::after{transform:scaleX(1);transform-origin:left}@media (max-width:800px){flex-direction:column;justify-content:center;gap:8px;padding:12px 4px}}.way-nav__mark{display:grid;flex:none;place-items:center;width:48px;height:48px;border:1px solid var(--color-border);border-radius:50%;background:radial-gradient(circle closest-side,var(--color-key) 99%,transparent 100%) center / 0 0 no-repeat var(--color-white);box-sizing:border-box;transition:background-size 0.6s cubic-bezier(0.23,1,0.32,1),border-color 0.4s;@media (max-width:800px){width:40px;height:40px}}.way-nav__link:hover .way-nav__mark{border-color:var(--color-key)}.way-nav__icon{width:24px;height:24px;background-color:var(--color-key);mask:var(--way-icon) center / contain no-repeat;transition:background-color 0.4s 0.1s;@media (max-width:800px){width:20px;height:20px}}.way-nav__link[aria-current="true"]{.way-nav__mark{border-color:var(--color-key);background-size:100% 100%}.way-nav__icon{background-color:var(--color-white)}}.way-nav__text{display:grid;row-gap:8px;min-width:0;@media (max-width:800px){text-align:center}}.way-nav__en{font-size:var(--font-size-xxx-small);line-height:1;@media (max-width:800px){display:none}}.way-nav__name{font-size:var(--font-size-medium);font-weight:bold;letter-spacing:0.08em;white-space:nowrap;@media (max-width:800px){font-size:var(--font-size-xx-small);letter-spacing:0.04em}}.way-section{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:0 64px;padding-bottom:32px;scroll-margin-top:calc(var(--header-height) + 120px);&::before{content:"";position:absolute;top:0;bottom:0;left:32px;width:1px;background-color:var(--color-border)}&:first-of-type::before{top:32px}@media (max-width:800px){grid-template-columns:40px minmax(0,1fr);gap:0 20px;padding-bottom:32px;scroll-margin-top:calc(var(--header-height) + 120px);&::before{left:20px}&:first-of-type::before{top:20px}}}.way-end{display:grid;grid-template-columns:64px;@media (max-width:800px){grid-template-columns:40px}}.way-end__mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background-color:var(--color-key);&::before{content:"";width:32px;height:24px;background-color:var(--color-white);mask:url(../../img/lilli.svg) center / contain no-repeat}@media (max-width:800px){width:40px;height:40px;&::before{width:20px;height:16px}}}.way-section__icon{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--color-border);border-radius:50%;box-sizing:border-box;background-color:var(--color-white);&::before{content:"";width:30px;height:30px;background-color:var(--color-key);mask:var(--way-icon) center / contain no-repeat}@media (max-width:800px){width:40px;height:40px;&::before{width:20px;height:20px}}}.way-section__main{min-width:0;padding-top:18px;@media (max-width:800px){padding-top:8px}}.way-section__heading{display:flex;flex-wrap:wrap;align-items:baseline}.way-section__label{order:-1;&::after{content:"—" / "";margin:0 0.65em 0 0.5em}}.way-section__statement{margin-top:16px;font-size:var(--font-size-xxx-large);font-weight:bold;line-height:1.5;letter-spacing:var(--letter-spacing-sp,0.1em);word-break:auto-phrase;text-wrap:balance;@media (max-width:800px){font-size:var(--font-size-x-large)}}.way-section__statement-line{@media (max-width:800px){display:block}}.way-section__statement--brush{width:min(100%,400px);aspect-ratio:720 / 170;overflow:hidden;background:url("../../img/corporate/purpose.svg") no-repeat left center / contain;text-indent:200%;white-space:nowrap}.way-section__body{margin-top:16px;font-size:var(--font-size-x-medium);line-height:2.2;letter-spacing:0.035em;@media (max-width:800px){margin-top:8px;font-size:var(--font-size-small);letter-spacing:0.04em}}.way-section__body,.way-pillars__text,.way-values__text{line-break:strict;text-wrap:pretty;hanging-punctuation:allow-end}.way-voices{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0 8px;padding:0;list-style:none}.way-voices__item{position:relative;padding:8px 20px;border:1px solid var(--color-key);border-radius:999px;background-color:var(--color-white);font-size:var(--font-size-small);font-weight:bold;line-height:1.5;letter-spacing:0.1em;@media (max-width:800px){padding:6px 16px;font-size:var(--font-size-x-small)}}.way-voices__item::after{content:"";position:absolute;left:24px;bottom:-6px;width:10px;height:10px;border-right:1px solid var(--color-key);border-bottom:1px solid var(--color-key);background-color:var(--color-white);box-sizing:border-box;rotate:45deg}.way-pillars{margin:40px 0 0;padding:0;border-top:1px solid var(--color-border);list-style:none;@media (max-width:800px){margin-top:32px}}.way-values{display:grid;gap:16px;margin:40px 0 0;padding:0;list-style:none;@media (max-width:800px){margin-top:32px}}.way-pillars{counter-reset:way-pillar}.way-pillars__item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px 16px;padding:24px 0;border-bottom:1px solid var(--color-border);counter-increment:way-pillar;&::before{content:counter(way-pillar,decimal-leading-zero);grid-row:1 / 3;color:var(--color-purple);font-size:var(--font-size-large);font-weight:bold;line-height:1.6;letter-spacing:0.08em;@media (max-width:800px){font-size:var(--font-size-medium)}}@media (max-width:800px){grid-template-columns:32px minmax(0,1fr);gap:4px 8px}}.way-pillars__name,.way-values__name{font-size:var(--font-size-large);font-weight:bold;line-height:1.6;letter-spacing:0.08em;word-break:auto-phrase;text-wrap:balance;@media (max-width:800px){font-size:var(--font-size-medium)}}.way-pillars__text,.way-values__text{font-size:var(--font-size-medium);line-height:2;letter-spacing:0.045em;@media (max-width:800px){font-size:var(--font-size-small);letter-spacing:0.04em}}.way-values{counter-reset:way-value}.way-values__item{display:grid;grid-template-columns:48px minmax(0,1fr) 136px;grid-template-rows:auto auto;align-content:center;gap:8px 16px;padding:32px 48px 32px 32px;border-radius:16px;background-color:color-mix(in srgb,var(--color-key-sub) 6%,var(--color-white));counter-increment:way-value;&::before{content:counter(way-value,decimal-leading-zero);grid-row:1;grid-column:1;color:var(--color-purple);font-size:var(--font-size-large);font-weight:bold;line-height:1.6;letter-spacing:0.08em}@media (max-width:800px){grid-template-columns:32px minmax(0,1fr);grid-template-rows:none;gap:4px 8px;padding:24px;&::before{grid-row:2;font-size:var(--font-size-medium)}}}.way-values__image{grid-row:1 / span 2;grid-column:3;align-self:center;display:block;width:120px;height:auto;justify-self:end;@media (max-width:800px){grid-row:1;grid-column:1 / -1;justify-self:start;width:96px;margin:0 0 8px}}.way-values__name{grid-row:1;grid-column:2;@media (max-width:800px){grid-row:2}}.way-values__text{grid-row:2;grid-column:2;@media (max-width:800px){grid-row:3}}@media (prefers-reduced-motion:reduce){.way-nav *{transition:none !important}}.history{padding-bottom:120px;@media (max-width:800px){padding-bottom:80px}}.history__inner{box-sizing:border-box;max-width:calc(1040px + 80px);margin:0 auto;padding:0 40px;@media (max-width:800px){padding:0 16px}}.history-cover{border-bottom:1px solid var(--color-border);overflow-x:clip}.history-cover__inner{box-sizing:border-box;display:grid;grid-template-columns:560px minmax(0,1fr);gap:48px;align-items:center;min-height:440px;max-width:var(--max-width);margin:0 auto;padding:48px 40px 48px;@media (max-width:800px){grid-template-columns:minmax(0,1fr);gap:16px;min-height:0;padding:24px 16px 24px}}.history-cover__text{position:relative;z-index:1}.history-cover__heading{display:grid;grid-template-columns:max-content 1fr;gap:32px 0;@media (max-width:800px){row-gap:16px}}.history-cover__label,.history-cover__title{grid-row:1}.history-cover__label{grid-column:1;&::after{content:"—" / "";margin:0 0.65em 0 0.5em}}.history-cover__title{grid-column:2}.history-cover__catch{grid-column:1 / -1;font-size:var(--font-size-xxx-large);font-weight:bold;line-height:1.6;letter-spacing:var(--letter-spacing-sp,0.1em);@media (max-width:1280px){font-size:var(--font-size-xx-large)}@media (max-width:1080px){font-size:var(--font-size-x-large)}}.history-cover__catch-line{display:block}.history-cover__lead{margin-top:24px;font-size:var(--font-size-x-medium);line-height:2.4;letter-spacing:var(--letter-spacing-sp,0.1em);word-break:auto-phrase;line-break:strict;@media (max-width:1080px){font-size:var(--font-size-medium);line-height:2;letter-spacing:var(--letter-spacing-sp,0.05em);word-break:normal}@media (max-width:800px){margin-top:16px;font-size:var(--font-size-x-small);line-height:1.8}}.history-cover__side{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-self:stretch;@media (max-width:800px){order:-1}}.history-cover__art{position:absolute;top:-40px;right:-40px;width:128%;height:auto;@media (max-width:800px){position:static;width:116%;margin-left:-12%}}.history-cover__word{position:relative;margin:0;color:transparent;font-size:7.5rem;font-weight:bold;line-height:0.82;letter-spacing:0.02em;text-align:right;white-space:nowrap;-webkit-text-stroke:1px var(--color-border);pointer-events:none;user-select:none;@media (max-width:800px){margin-top:-16px;font-size:3.5rem}}.history__empty{margin-top:48px;text-align:center}.history-since{display:flex;justify-content:center;align-items:center;gap:40px;margin:40px 0 16px;padding:24px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);@media (max-width:800px){flex-direction:column;gap:12px;margin:32px 0 16px;padding:16px 0;text-align:center}}.history-since__start{display:grid;gap:2px;padding-right:40px;border-right:1px solid var(--color-border);@media (max-width:800px){display:flex;justify-content:center;align-items:baseline;gap:12px;padding-right:0;border-right:0}}.history-since__date{font-size:var(--font-size-large);font-weight:bold;font-variant-numeric:tabular-nums;letter-spacing:0.04em;@media (max-width:800px){font-size:var(--font-size-medium)}}.history-since__count{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 8px;font-size:var(--font-size-small);font-weight:bold;letter-spacing:0.06em}.history-since__lead{margin:0 8px;font-size:var(--font-size-x-medium);font-weight:normal;&:first-child{margin-left:0}@media (max-width:800px){margin:0;font-size:var(--font-size-small)}}.history-since__num{margin-right:4px;font-size:2.5rem;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:0.02em;@media (max-width:800px){font-size:var(--font-size-xxx-large)}}.history-body{position:relative}.history-order{display:flex;width:max-content;margin:0 0 16px auto;padding:4px;border:1px solid var(--color-border);border-radius:999px;background-color:var(--color-white);&[hidden]{display:none}}.history-order__button{padding:4px 16px;border:0;border-radius:999px;background:radial-gradient(circle closest-side,var(--color-key) 99%,transparent 100%) center / 0 0 no-repeat transparent;color:var(--color-key);font:inherit;font-size:var(--font-size-xx-small);font-weight:bold;line-height:1.8;letter-spacing:0.08em;cursor:pointer;transition:background-size 0.6s cubic-bezier(0.23,1,0.32,1),color 0.3s;&[aria-pressed="true"]{background-size:240% 480%;color:var(--color-white);cursor:default}}.history-years.is-out{&::before{opacity:0;transition:opacity 0.2s}.history-year{opacity:0;transform:translateY(12px);transition:opacity 0.25s,transform 0.25s}}.history-years.is-in{&::before{animation:history-draw calc(var(--history-count,10) * 60ms + 0.4s) linear both}.history-year__title,.history-event{animation:history-rise 0.5s cubic-bezier(0.23,1,0.32,1) both;animation-delay:calc(var(--history-n,0) * 60ms)}}@keyframes history-draw{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes history-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.history-years{position:relative;margin:0;padding:0;list-style:none;&::before{content:"";position:absolute;top:32px;bottom:0;left:32px;width:1px;background-color:var(--color-border);transform-origin:top;@media (max-width:800px){top:20px;left:20px}}}.history-year{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:0 64px;padding-bottom:16px;@media (max-width:800px){grid-template-columns:40px minmax(0,1fr);gap:0 20px}}.history-year__title{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background-color:var(--color-key);color:var(--color-white);font-size:var(--font-size-medium);font-weight:bold;letter-spacing:0.04em;@media (max-width:800px){width:40px;height:40px;font-size:var(--font-size-xxx-small);letter-spacing:0}}.history-year__unit{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.history-events{grid-column:2;margin:8px 0 0;padding:0;list-style:none}.history-event{position:relative;padding:8px 0 24px;line-break:strict;&::before{content:"";position:absolute;top:14px;left:calc(-64px - 32px - 7px);width:14px;height:14px;border:2px solid var(--color-key);border-radius:50%;background-color:var(--color-white);box-sizing:border-box}@media (max-width:800px){padding:8px 0 16px;&::before{top:13px;left:calc(-20px - 20px - 6px);width:12px;height:12px}}}.history-event__date{display:block;color:var(--color-purple);font-size:var(--font-size-x-small);font-weight:bold;line-height:1.6;letter-spacing:0.1em}.history-event__title{margin-top:2px;font-size:var(--font-size-large);font-weight:bold;line-height:1.6;letter-spacing:0.08em;word-break:auto-phrase;text-wrap:balance;@media (max-width:800px){font-size:var(--font-size-x-medium)}}.history-event__text{margin-top:4px;font-size:var(--font-size-medium);line-height:2;letter-spacing:0.04em;text-wrap:pretty;@media (max-width:800px){font-size:var(--font-size-small)}}.history-event__images{display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:16px;margin-top:16px;@media (max-width:800px){gap:8px;margin-top:12px}}.history-event__image{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border:1px solid var(--color-border);border-radius:8px;object-fit:cover}.history-body__end{position:relative}@media (prefers-reduced-motion:reduce){.history-order__button{transition:none}}