*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}:root{--base-size-desktop: 1920;--base-size-mobile: 390;--break-point-pc: 1440px;--break-point-tablet: 1024px;--break-point-mobile: 768px;--base-size-menu-item: calc( (var(--base-size-desktop) - var(--base-size-mobile)) / 2 );--base-size: var(--base-size-desktop);--main-size: 390;--layout-side-base-width: calc( (var(--base-size-desktop) - var(--main-size)) / 2 );--layout-side-width: calc((100% - var(--main-size) * 1px) / 2);--layout-header-width: 50;@media all and (width <= 768px){--base-size: var(--base-size-mobile)}--font-family-default: "Noto Sans JP", system-ui;--font-family-serif: "Noto Serif JP", system-ui;--color-white: #fff;--color-brown-grey: #897e6f;--color-off-white: #fcf8e3;--color-light-grey: #f8f6f3;--color-buff: #feeda0;--color-black: #505050;--color-pale-teal: #8bcbbc;--color-pinkish-grey: #e0d9ce;--color-greyish-brown: #6d5f4d;--color-pinkish-grey-02: #cbc6c0;--color-default: var(--color-brown-grey);--z-bg: 10;--z-nav: 20;--z-main: 30}html{font-size:62.5%;scroll-behavior:smooth;scroll-padding-top:50px}body{overflow-x:hidden;overscroll-behavior-y:none;font-family:var(--font-family-default);font-size:1.6em;font-optical-sizing:auto;line-height:1.5;color:var(--color-default);text-underline-offset:.125em;background-repeat:no-repeat;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;print-color-adjust:exact;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}a{text-decoration:none;&:hover,&:visited{text-decoration:none}&:focus{outline-width:2px;outline-color:var(--color-default)}}button{padding:0;appearance:none;cursor:pointer;background-color:transparent;border:none;outline:none;&:focus{outline-width:2px;outline-color:var(--color-default)}}img{width:100%;height:auto;vertical-align:middle;user-select:none;object-fit:cover}ul:where([class]),ol:where([class]){padding:0;margin:0;list-style:none}:focus:not(:focus-visible){outline:0}._565830{position:relative;z-index:1;width:100%;padding:0 0 calc(60 / var(--main-size) * 100%)}.bc3168{position:absolute;top:0;left:0;z-index:1;width:100%;pointer-events:none}.d474f6{position:relative;z-index:2;padding:calc(58 / var(--main-size) * 100%) 0 0}._606bbb{font-size:1.5rem;font-weight:500;line-height:1.7;text-align:center;>span{display:inline-block;padding:0 4px;color:var(--color-white);background-color:var(--color-pale-teal);border-radius:6px}}._435455{position:relative;z-index:2;width:calc(280 / var(--main-size) * 100%);padding:calc(60 / var(--main-size) * 100%) 0 calc(70 / var(--main-size) * 100%);margin:20px auto 0}._08520d{position:absolute;top:0;left:0;z-index:-1;pointer-events:none}._7b5b35{font-size:1.8rem;text-align:center}._29d9bd{padding:0 1em;margin:1.3em 0 0;font-size:1.4rem;text-align:center;letter-spacing:0}._622139{width:calc(380 / var(--main-size) * 100%);margin:calc(40 / var(--main-size) * 100%) auto 0}._01bf05{--inner-width: 360;--contents-width: 330;width:100%;padding:calc(54 / var(--main-size) * 100%) calc(15 / var(--main-size) * 100%) calc(60 / var(--main-size) * 100%)}.b38836{position:relative;width:100%;padding:calc(36 / var(--inner-width) * 100%) calc(15 / var(--inner-width) * 100%) calc(65 / var(--inner-width) * 100%);background-color:var(--color-light-grey);border-radius:75px}.b8c144{position:absolute;top:0;left:50%;width:calc(87 / var(--inner-width) * 100%);transform:translate(-50%,-63%)}.cc1d7d{width:calc(194 / var(--contents-width) * 100%);margin:0 auto}._487144{width:calc(210 / var(--contents-width) * 100%);margin:calc(40 / var(--contents-width) * 100%) auto 0}._7bbc02{display:grid;grid-template-columns:repeat(3,1fr);gap:0 calc(15 / var(--contents-width) * 100%);margin:calc(20 / var(--contents-width) * 100%) 0 0}.e6d7d0{width:auto}._713266{margin:1em 0;font-size:1.4rem;text-align:center}.d8caf7{display:grid;transition:opacity .2s ease;&:hover{opacity:.75}}._67e0ee{grid-area:1/-1;width:100%}.cd6f75{grid-area:1/-1;margin:auto;font-size:1.8rem;color:var(--color-greyish-brown)}.b11dee{position:relative;width:100%;overflow:hidden}._072b1e{display:contents}._65d17e{position:absolute;top:0;left:0;width:100%}.ce9736{position:absolute;bottom:0;left:0;width:calc(76 / var(--main-size) * 100%)}._0f6d47{position:absolute;right:0;bottom:0;width:calc(64 / var(--main-size) * 100%)}._753119{position:relative;z-index:2;width:100%;padding:calc(70 / var(--main-size) * 100%) 0 0}._6accd7{position:relative;width:100%}.b73c30{width:calc(224 / var(--main-size) * 100%);margin:0 auto}._671b6c{padding:0 calc(28 / var(--main-size) * 100%);margin:calc(26 / var(--main-size) * 100%) 0 0;font-size:1.4rem;text-align:center;letter-spacing:-1px}.d6f123{display:block;width:calc(300 / var(--main-size) * 100%);margin:calc(24 / var(--main-size) * 100%) auto 0;transition:opacity .2s ease;&:hover{opacity:.75}}._1d160f{position:relative;width:100%;margin:calc(16 / var(--main-size) * 100%) 0 0}._666941{position:absolute;top:0;right:calc(30 / var(--main-size) * 100%);width:calc(86 / var(--main-size) * 100%);transform-origin:left center;animation:a51c09 6s infinite linear}@keyframes a51c09{0%{transform:rotate(0)}50%{transform:rotate(10deg)}to{transform:rotate(0)}}._632305{width:calc(380 / var(--main-size) * 100%);margin:0 auto;animation:d18f44 6s infinite linear}@keyframes d18f44{0%{clip-path:inset(0 0 0 100%)}50%{clip-path:inset(0 0 0 0)}99%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 100%)}}._5889c6{display:flex;align-items:center;justify-content:center;margin:calc(20 / var(--main-size) * 100%) 0 0}._5724bf{width:calc(87 / var(--main-size) * 100%);margin:-104px 0 0;transform:translateY(104px)}.b59910{width:100%}.d8babc{--dashi-item-width: 280;--himitsu-item-width: 330;--miso-feature-width: 360;width:100%;padding:0 0 calc(60 / var(--main-size) * 100%)}.d9b60b{position:relative}._0a6418{position:absolute;top:54%;left:50%;width:calc(282 / var(--main-size) * 100%);transform:translate(-50%,-50%)}._6b6495{width:calc(82 / var(--main-size) * 100%);margin:0 auto}.d8936d{display:block;width:calc(100 / var(--main-size) * 100%);margin:calc(34 / var(--main-size) * 100%) auto 0}.ce4df3{width:calc(var(--dashi-item-width) / var(--main-size) * 100%);margin:calc(24 / var(--main-size) * 100%) auto 0}.cdd425{width:100%;&:not(:first-of-type){margin:calc(20 / var(--dashi-item-width) * 100%) 0 0}}._9b6ea3,.bad3b6{width:100%}.ff2dd3{grid-row:1/-1;grid-column:1/-1;overflow:hidden;transition:transform .4s cubic-bezier(.6,0,.41,1);backface-visibility:hidden;&[data-position=front]{transform:rotateY(0)}&[data-position=back]{transform:rotateY(180deg)}}._0188a0{display:grid;width:100%;&[data-active=true]{.ff2dd3{&[data-position=front]{transform:rotateY(-180deg)}&[data-position=back]{transform:rotateY(0)}}}}.d34865{width:100%;margin:calc(12 / var(--dashi-item-width) * 100%) 0 0}._97f240{margin:0 auto;&[data-dashi=agodashi]{width:calc(80 / var(--dashi-item-width) * 100%)}&[data-dashi=nodoguro]{width:calc(76 / var(--dashi-item-width) * 100%)}&[data-dashi=shijimi]{width:calc(58 / var(--dashi-item-width) * 100%)}&[data-dashi=matoudai]{width:calc(94 / var(--dashi-item-width) * 100%)}}._051cd3{display:flex;gap:0 2px;margin:calc(10 / var(--dashi-item-width) * 100%) 0 0}._54595b{flex-shrink:0;width:calc(98 / var(--dashi-item-width) * 100%)}._3ce3f1{font-size:1.4rem}._26a7ce{display:block;width:calc(148 / var(--main-size) * 100%);margin:calc(50 / var(--main-size) * 100%) auto 0}._4a5968{width:calc(var(--himitsu-item-width) / var(--main-size) * 100%);margin:calc(26 / var(--main-size) * 100%) auto 0}._5662ef{width:100%;&:not(:first-of-type){margin:calc(46 / var(--himitsu-item-width) * 100%) 0 0}}._3b09a9{width:100%}.d1918f{position:relative;display:flex;align-items:flex-start;justify-content:center;width:100%}.a19196{z-index:2;flex-shrink:0;width:calc(186 / var(--himitsu-item-width) * 100%)}._5985d3{position:relative;z-index:1;width:100%;&[data-item-no="1"]{width:calc(144 / var(--himitsu-item-width) * 100%);margin:calc(17 / var(--himitsu-item-width) * 100%) calc(-17 / var(--himitsu-item-width) * 100%) 0 0}&[data-item-no="2"]{width:calc(170 / var(--himitsu-item-width) * 100%);margin:calc(8 / var(--himitsu-item-width) * 100%) 0 0 calc(-27 / var(--himitsu-item-width) * 100%)}}.d78676{position:relative;z-index:1;width:100%}._6c7594{position:absolute;z-index:2;&[data-item-no="1"]{top:calc(32 / 114 * 100%);left:calc(14 / 144 * 100%);width:calc(104 / 144 * 100%)}&[data-item-no="2"]{top:20%;left:calc(35 / 170 * 100%);width:calc(128 / 170 * 100%)}}._1d9876{margin:calc(18 / var(--himitsu-item-width) * 100%) 0 0}.a95205{font-size:1.6rem}.d5b575{width:calc(var(--miso-feature-width) / var(--main-size) * 100%);margin:calc(30 / var(--main-size) * 100%) auto 0}.fa72ec{--miso-feature-inner-width: 300;width:100%;padding:calc(24 / var(--miso-feature-width) * 100%) calc(((var(--miso-feature-width) - var(--miso-feature-inner-width)) / 2) / var(--miso-feature-width) * 100%) calc(40 / var(--miso-feature-width) * 100%);background-color:var(--color-light-grey);border-radius:75px}._29b374{width:calc(134 / var(--miso-feature-inner-width) * 100%);margin:0 auto}._224a50{width:100%;margin:calc(20 / var(--miso-feature-inner-width) * 100%) 0 0}._19875a{margin:calc(18 / var(--miso-feature-inner-width) * 100%) 0 0}._2dd024{position:relative;z-index:2;width:100%;background-color:var(--color-pinkish-grey)}.ff8383{padding:1.4em 0;font-size:1.2rem;color:var(--color-black);text-align:center}.d089ed{width:100%;padding:0 0 calc(60 / var(--main-size) * 100%)}.fa4f54{width:100%}._544529{width:calc(265 / var(--main-size) * 100%);margin:0 auto}.f4a3f1{margin:calc(28 / var(--main-size) * 100%) auto 0}._25cb38{--vertical-padding: .3em;display:grid;grid-template-columns:auto 1fr;width:100%;padding:0 calc(30 / var(--main-size) * 100%);margin:0 auto}._0c3881{padding:var(--vertical-padding) 1em;text-align:center;border-right:1px solid var(--color-pinkish-grey-02)}._82f313{padding:var(--vertical-padding) 0 var(--vertical-padding) 1em}._15676e{display:contents;font-size:1.4rem;&:not(:first-of-type){._0c3881,._82f313{position:relative;&:before{position:absolute;top:0;left:0;width:100%;height:1px;content:"";background-color:var(--color-pinkish-grey-02)}}}}.aac826{width:100%;padding:0 0 calc(46 / var(--main-size) * 100%)}.f5ef32{position:relative;width:100%}._0e1ee9{position:absolute;top:10%;right:0;z-index:1;width:calc(66 / var(--main-size) * 100%)}._440f5c{position:relative;z-index:2;width:calc(248 / var(--main-size) * 100%);margin:0 auto}.e8a7f7{position:relative;z-index:1;width:100%;margin:calc(14 / var(--main-size) * 100%) 0 0;overflow:hidden}._62d7f9{position:absolute;top:0;left:0;z-index:1;width:100%;pointer-events:none}._07810e{position:relative;z-index:1;width:100%}._711c49{position:absolute;top:calc(480 / 710 * 100%);left:0;z-index:2;width:calc(72 / var(--main-size) * 100%)}._1fc9b9{position:relative;z-index:2;padding:calc(36 / var(--main-size) * 100%) 0 0}.e0c105,._35eee7{width:100%}.b9119c{width:calc(50 / var(--main-size) * 100%);margin:0 auto;&[data-arrow-position="1to2"]{margin-top:calc(-4 / var(--main-size) * 100%);margin-bottom:calc(-10 / var(--main-size) * 100%)}&[data-arrow-position="2to3"]{margin-top:calc(-4 / var(--main-size) * 100%);margin-bottom:calc(-16 / var(--main-size) * 100%)}&[data-arrow-position="3to4"]{margin-top:calc(-4 / var(--main-size) * 100%);margin-bottom:calc(-22 / var(--main-size) * 100%)}}._826d2e{margin:calc(40 / var(--main-size) * 100%) auto 0;transition:opacity .2s ease;@media (hover: hover) and (pointer: fine){&:hover{opacity:.75}}}._987b45{position:relative;display:grid;width:calc(330 / var(--main-size) * 100%);aspect-ratio:330 / 186;margin:0 auto}._9ec3dd{grid-area:1/-1;width:100%;height:100%}._25c638{grid-area:1/-1;width:calc(80 / 330 * 100%);margin:auto}._986ea6{--inner-width: 324 ;display:flex;align-items:center;padding:0 calc(34 / var(--main-size) * 100%) 0 calc(32 / var(--main-size) * 100%);&[data-item-no="1"]{justify-content:flex-start}&[data-item-no="2"]{justify-content:flex-end}&[data-item-no="3"]{justify-content:flex-start}&[data-item-no="4"]{justify-content:flex-end}}.e877ef{flex-shrink:0;width:auto;&[data-item-no="1"]{width:calc(146.5 / var(--inner-width) * 100%);margin:0 calc(8 / var(--inner-width) * 100%) 0 0}&[data-item-no="2"]{width:calc(141.5 / var(--inner-width) * 100%);margin:0 0 0 calc(12 / var(--inner-width) * 100%)}&[data-item-no="3"]{width:calc(117 / var(--inner-width) * 100%);margin:0 calc(28 / var(--inner-width) * 100%) 0 calc(10 / var(--inner-width) * 100%)}&[data-item-no="4"]{width:calc(132 / var(--inner-width) * 100%);margin:0 calc(10 / var(--inner-width) * 100%) 0 calc(24 / var(--inner-width) * 100%)}}._6500c1{font-size:1.4rem;letter-spacing:-1px}._07c704{font-size:1.4rem;text-align:right;letter-spacing:-1px}.a64653{--mv-height: 568;position:relative;z-index:2;padding:0 0 10px}.bd76d8{z-index:1;width:100%}.d43c12{width:100%;pointer-events:none}._8b3deb{position:absolute;&[data-cat="1"]{top:calc(76 / var(--mv-height) * 100%);left:1px;width:calc((209 / 2) / var(--main-size) * 100%)}&[data-cat="2"]{top:calc(15 / var(--mv-height) * 100%);right:calc(18 / var(--main-size) * 100%);width:calc((132 / 2) / var(--main-size) * 100%)}&[data-cat="3"]{top:calc(439 / var(--mv-height) * 100%);left:calc(18 / var(--main-size) * 100%);width:calc((215 / 2) / var(--main-size) * 100%)}&[data-cat="4"]{top:calc(378 / var(--mv-height) * 100%);right:calc(16 / var(--main-size) * 100%);width:calc((184 / 2) / var(--main-size) * 100%)}}._7076c1{position:absolute;top:0;left:0;z-index:2;width:100%;padding:0 0 10px}.a4a2e5{display:flex;justify-content:center;width:100%;margin:calc(24 / var(--main-size) * 100%) 0 0}.a418c4{width:calc(120 / var(--main-size) * 100%)}._37f44d{display:flex;justify-content:center;width:100%;margin:calc(98 / var(--main-size) * 100%) 0 0}._1daa07{width:calc(289 / var(--main-size) * 100%)}._997833{position:relative;display:grid;align-items:center;justify-items:center;width:100%;margin:calc(40 / var(--main-size) * 100%) auto 0}._2100e0{z-index:3;grid-area:1/-1;width:calc(90 / var(--main-size) * 100%)}.bab88a{z-index:2;grid-area:1/-1;width:calc(90 / var(--main-size) * 100%)}._15a517{z-index:1;grid-area:1/-1;width:calc(100 / var(--main-size) * 100%);opacity:0}._68410d{width:calc(165 / var(--main-size) * 100%);margin:calc(22 / var(--main-size) * 100%) auto 0}._16abef{display:flex;flex-direction:column;gap:44px 0;justify-content:center;width:100%;height:100%;padding:0 0 0 calc(90 / var(--base-size-menu-item) * 100%)}.f58c2d{display:grid;gap:20px}._8a2f01{display:flex;gap:0 12px;align-items:center;transition:opacity .2s ease;&:hover{opacity:.75}}.eeceef{width:24px}._84569e{display:flex;height:22px}._70d3b5{display:grid;gap:14px}._968f3a{display:block;width:300px;transition:opacity .2s ease;&:hover{opacity:.75}}.bd8657{position:relative;width:100%;background-color:var(--color-dark-blue-grey)}._1473cc{position:fixed;top:0;left:0;z-index:var(--z-bg);display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%;height:100%;overflow:hidden;pointer-events:none;background-color:var(--color-white);@media all and (width <= 768px){display:none}}._95bfea{position:relative;width:var(--layout-side-width);overflow:hidden;>img{width:100%}}.c4ee17{position:fixed;top:0;left:0;z-index:var(--z-nav);width:var(--layout-side-width);height:100%;@media all and (width <= 768px){display:none}}.bf9ff9{display:grid;place-items:center;width:100%;height:100%;overflow:hidden}.f01e80{width:calc(431 / var(--layout-side-base-width) * 100%);margin:auto}._330081{position:relative;z-index:var(--z-main);width:100%;margin:0 auto;background-color:var(--color-dark-blue-grey);@media screen and (width > 768px){max-width:calc(var(--main-size) * 1px);box-shadow:0 1px 80px #00000040}}._94f492{position:fixed;top:0;right:0;z-index:var(--z-nav);display:grid;width:var(--layout-side-width);height:100%;@media all and (width <= 768px){display:none}}