﻿body{margin:0}.lp{color:#fff;font-family:"yu-gothic-pr6n","Yu Gothic","YuGothic","游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;font-size:1.6rem;line-height:1.7;overflow-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.lp,.lp :where(*),.lp :where(*)::before,.lp :where(*)::after{box-sizing:border-box;margin:0;padding:0}.lp :where(h1,h2,h3,h4,h5,h6,p){font:inherit}.lp :where(img,picture,svg,video){display:block;max-width:100%;height:auto}.lp :where(ul,ol)[class]{list-style:none}.lp :where(ul,ol):where(:not([class])){padding-inline-start:1.5em}.lp :where(a){color:inherit}.lp :where(table){border-collapse:collapse;border-spacing:0}.lp :where(fieldset){border:none}.lp :where(button,input,select,textarea){color:inherit;font:inherit;border:none}.lp :where(button){cursor:pointer;background:none}.lp :where(textarea){resize:vertical}.lp :where(summary){cursor:pointer}.lp [hidden]{display:none !important}.lp :focus-visible{outline:3px solid #ffb454;outline-offset:3px}.skip-link{position:fixed;top:8px;left:8px;z-index:10000;padding:12px 16px;color:#fff;background:#000;font-weight:700;transform:translateY(calc(-100% - 16px))}.skip-link:focus-visible{outline:3px solid #ffb454;outline-offset:3px;transform:translateY(0)}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;border:0 !important}@media(forced-colors: active){.lp :focus-visible,.skip-link:focus-visible{outline-color:Highlight}}@media(prefers-reduced-motion: reduce){.lp,.lp :where(*),.lp :where(*)::before,.lp :where(*)::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.01ms !important}}.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.js [data-reveal].is-show{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion: reduce){.js [data-reveal]{opacity:1;transform:none}}@font-face{font-family:"Minion Variable Concept";font-style:normal;font-weight:400 700;font-display:swap;src:url("../font/MinionVariableConcept-Roman.woff2") format("woff2")}.page-background{position:fixed;z-index:-1;inset:0;background:linear-gradient(to bottom, var(--bg-top, #1e2a42), var(--bg-bottom, #1e2a42))}@media screen and (max-width: 768px){.line-break--pc{display:none}}.line-break--sp{display:none}@media screen and (max-width: 768px){.line-break--sp{display:inline}}.site-header,.site-footer{width:100%;background:#fff}.site-header img,.site-footer img{width:100%;height:auto}:where(.breadcrumbs){display:block;width:100%;margin-top:0;background-color:#fff;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック体","YuGothic",メイリオ,"Meiryo",sans-serif}:where(.breadcrumbs>ol){box-sizing:border-box;display:flex;width:100%;padding:1.15rem 10%;margin:0 auto;align-items:stretch;flex-wrap:wrap;justify-content:flex-start;list-style:none}@media screen and (max-width: 768px){:where(.breadcrumbs>ol){padding:.9rem 1rem;flex-wrap:nowrap;overflow:auto}}:where(.breadcrumbs>ol>li){display:block;color:#1c1c1c;font-size:1.1rem;letter-spacing:.04em;line-height:1.2;white-space:nowrap}:where(.breadcrumbs>ol>li:nth-last-of-type(1)){font-weight:700}:where(.breadcrumbs>ol>li)::after{padding:0 .5em;color:#cecece;content:">"}:where(.breadcrumbs>ol>li:nth-last-of-type(1))::after{display:none}:where(.breadcrumbs>ol>li a){display:inline-block;color:#cecece;text-decoration:none}.lp{overflow-x:clip}.lp__stage{container-type:inline-size;width:100%;max-width:1440px;margin-inline:auto}.introduction__stage{position:relative;height:440lvh}.introduction__media{position:sticky;top:0;width:100vw;height:100lvh;margin-inline:calc(50% - 50vw);overflow:hidden;background:#1e2a42;mask:linear-gradient(to bottom, #000000 calc(100% - var(--media-edge-fade, 0px)), transparent) no-repeat center/100% 100%;-webkit-mask:linear-gradient(to bottom, #000000 calc(100% - var(--media-edge-fade, 0px)), transparent) no-repeat center/100% 100%}.introduction__movie{width:100%;height:100%;object-fit:cover}.introduction__veil{position:absolute;background-color:var(--veil-color, #1e2a42);inset:0;opacity:var(--veil-alpha, 0.55)}.introduction__scroll{position:absolute;right:calc(110/1440*100cqw);bottom:calc(calc(40 / 1440 * 100cqw) + var(--scroll-cue-lift, 0px));display:flex;align-items:center;gap:calc(14/1440*100cqw);color:#fff;font-family:"Minion Variable Concept","Fraunces","Times New Roman",serif;font-size:1.2rem;letter-spacing:.16em;opacity:var(--scroll-cue-opacity, 1);writing-mode:vertical-rl}.introduction__scroll::after{width:1px;height:calc(37/1440*100cqw);animation:introduction-scroll-line 2.4s ease-in-out infinite;background:rgba(255,255,255,.7);content:""}@media screen and (max-width: 768px){.introduction__scroll{right:calc(20/390*100cqw);bottom:calc(calc(32 / 390 * 100cqw) + var(--scroll-cue-lift, 0px));gap:calc(10/390*100cqw)}.introduction__scroll::after{height:calc(28/390*100cqw)}}.introduction__sound{position:absolute;top:80px;left:80px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:calc(11/1440*100cqw) calc(24/1440*100cqw);color:#fff;background:rgba(0,0,0,0);border:1px solid #fff;border-radius:999px;font-family:"Minion Variable Concept","Fraunces","Times New Roman",serif;font-size:1.3rem;letter-spacing:.12em;line-height:1;white-space:nowrap;transition:color .2s ease,background-color .2s ease,border-color .2s ease}@media(hover: hover){.introduction__sound:hover{color:#fff;background:#144b87;border-color:#144b87}}.introduction__sound:active{color:#fff;background:#144b87;border-color:#144b87;transition:none}@media screen and (max-width: 768px){.introduction__sound{top:calc(20/390*100cqw);left:calc(20/390*100cqw);padding:calc(8/390*100cqw) calc(18/390*100cqw);font-size:calc(12/390*100cqw)}}.introduction__lead{position:sticky;top:0;z-index:1;margin-top:100lvh;opacity:var(--lead-opacity, 1);display:flex;flex-direction:column;width:100%;height:100lvh;align-items:center;justify-content:center;text-align:center}.introduction__title{display:flex;flex-direction:column;align-items:center;color:#e8e4da;font-weight:400}.introduction__title-en{width:31.68rem;height:auto}@media screen and (max-width: 768px){.introduction__title-en{width:16.528rem}}.introduction__title-ja{margin-top:1.6rem;font-family:"Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho","YuMincho",serif;font-size:2.4rem;letter-spacing:.083em;line-height:1}@media screen and (max-width: 768px){.introduction__title-ja{font-size:2rem;letter-spacing:.1em}}.introduction__body{display:flex;flex-direction:column;margin-top:6.4rem;gap:2rem}@media screen and (max-width: 768px){.introduction__body{margin-top:5.4rem}}.introduction__text{color:#fff;font-family:"yu-gothic-pr6n","Yu Gothic","YuGothic","游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;font-size:1.6rem;letter-spacing:.045em;line-height:2}@media screen and (max-width: 768px){.introduction__text{font-size:1.5rem;letter-spacing:.033em;line-height:1.8}}.js .introduction__title{transition-duration:1.2s}.js .introduction__body{transition-duration:1.2s;transition-delay:1.2s}.craftsmanship__body{padding:5.1rem 1.6rem 5.7rem;text-align:center}@media screen and (max-width: 768px){.craftsmanship__body{padding:6.4rem 1.5rem 8.4rem}}.craftsmanship__title{display:flex;flex-direction:column;align-items:center;color:#e8e4da;font-weight:400}.craftsmanship__title-ja{font-family:"Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho","YuMincho",serif;font-size:3.2rem;letter-spacing:.022em;line-height:1}@media screen and (max-width: 768px){.craftsmanship__title-ja{font-size:2.4rem;letter-spacing:.029em}}.craftsmanship__title-en{width:21.92rem;height:auto;margin-top:1.6rem}@media screen and (max-width: 768px){.craftsmanship__title-en{width:18.272rem}}.craftsmanship__detail{display:flex;flex-direction:column;margin-top:4rem;gap:2.1rem;align-items:center;color:#fff}@media screen and (max-width: 768px){.craftsmanship__detail{gap:3rem}}.craftsmanship__subtitle{font-family:"Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho","YuMincho",serif;font-size:2.2rem;letter-spacing:.09em;line-height:1}@media screen and (max-width: 768px){.craftsmanship__subtitle{font-size:1.6rem;letter-spacing:.125em}}.craftsmanship__text{font-family:"yu-gothic-pr6n","Yu Gothic","YuGothic","游ゴシック","游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;font-size:1.6rem;letter-spacing:.044em;line-height:2;white-space:nowrap}@media screen and (max-width: 768px){.craftsmanship__text{font-size:1.5rem;letter-spacing:.033em;line-height:1.8;white-space:normal}}.visuals__layer{position:relative;overflow:hidden;height:calc(624/1440*100cqw)}.visuals__layer--craft{height:calc(633/1440*100cqw)}@media screen and (max-width: 768px){.visuals__layer--craft{height:calc(318/390*100cqw)}}.visuals__layer::before{display:block;width:100%;height:1px;background:linear-gradient(90deg, rgba(184, 151, 90, 0.33) 0%, #ffffff 50%, rgba(232, 228, 218, 0.28) 100%);content:"";position:absolute;top:0;left:0;z-index:2;opacity:var(--divider-opacity, 1)}@media screen and (max-width: 768px){.visuals__layer{height:calc(585/390*100cqw)}}.visuals picture{height:100%}.visuals__image{width:100%;height:100%;object-fit:cover}.visuals__shade{position:absolute;top:0;z-index:1;width:calc(352/1440*100cqw);height:100%;pointer-events:none}.visuals__shade--start{left:0;background:linear-gradient(to right, rgba(10, 18, 27, 0.6), rgba(217, 217, 217, 0))}.visuals__shade--end{right:0;background:linear-gradient(to left, rgba(10, 18, 27, 0.6), rgba(217, 217, 217, 0))}@media screen and (max-width: 768px){.visuals__shade{width:calc(96/390*100cqw)}}.js .visuals{position:relative;height:250lvh}.js .visuals__frame{position:sticky;top:calc((100lvh - calc(633 / 1440 * 100cqw))/2);width:100vw;height:calc(633/1440*100cqw);margin-inline:calc(50% - 50vw);overflow:hidden}@media screen and (max-width: 768px){.js .visuals__frame{top:calc((100lvh - calc(585 / 390 * 100cqw))/2);height:calc(585/390*100cqw)}}.js .visuals__layer{position:absolute;height:100%;inset:0;transition:opacity 1s ease-out}.js .visuals__layer--kv{opacity:var(--kv-opacity, 1)}.js .visuals__layer--craft{height:100%;opacity:var(--craft-opacity, 0)}.js .visuals__layer--craft::before{content:none}@media screen and (max-width: 768px){.js .visuals__layer--craft{top:50%;left:0;width:calc(442/390*100cqw);height:calc(318/390*100cqw);inset-inline-end:auto;inset-block-end:auto;transform:translateY(-50%)}}@media screen and (max-width: 768px){.js .craftsmanship{margin-top:calc((calc(585 / 390 * 100cqw) - calc(318 / 390 * 100cqw))/-2)}}.products{padding-bottom:calc(35/1440*100cqw)}.products__list{display:flex;gap:calc(22/1440*100cqw);padding:0 calc(128/1440*100cqw)}@media screen and (max-width: 1439px){.products__list{padding:0 calc(64/1440*100cqw)}}@media screen and (max-width: 768px){.products__list{flex-direction:column;gap:calc(48/390*100cqw);padding:0 calc(36/390*100cqw);align-items:center}}.products__item{width:calc(380/1440*100cqw)}@media screen and (max-width: 1439px){.products__item{width:auto;flex:1 1 0}}@media screen and (max-width: 768px){.products__item{width:calc(318/390*100cqw);flex:0 0 auto}}.products__item-link{display:block;color:inherit;text-decoration:none}@media(hover: hover)and (min-width: 769px){.products__item-link:hover{--product-zoom: 1.04;--product-name-opacity: 0.7}}.products__figure{height:calc(550/1440*100cqw);overflow:hidden;background:#fff}@media screen and (max-width: 1439px){.products__figure{height:auto;aspect-ratio:380/550}}@media screen and (max-width: 768px){.products__figure{height:calc(400/390*100cqw);aspect-ratio:auto}}.products__image{width:100%;height:100%;object-fit:cover;transform:scale(var(--product-zoom, 1));transition:transform .6s ease}.products__name-en{opacity:var(--product-name-opacity, 1);transition:opacity .4s ease;margin-top:calc(calc(30 / 1440 * 100cqw) - .4rem);color:#144b87;font-family:"Minion Variable Concept","Fraunces","Times New Roman",serif;font-size:1.6rem;letter-spacing:.125em;line-height:1.5;text-transform:uppercase}@media screen and (max-width: 768px){.products__name-en{margin-top:calc(calc(10 / 390 * 100cqw) - .35rem);font-size:1.4rem;letter-spacing:.2em}}.products__name-ja{opacity:var(--product-name-opacity, 1);transition:opacity .4s ease;margin-top:calc(calc(14 / 1440 * 100cqw) - .8rem);color:#144b87;font-family:"Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho","YuMincho",serif;font-size:1.6rem;letter-spacing:.07em;line-height:1.5}@media screen and (max-width: 768px){.products__name-ja{margin-top:calc(calc(6 / 390 * 100cqw) - .7rem);font-size:1.4rem;letter-spacing:.069em}}.products__name-type{display:inline-block}.products__price{opacity:var(--product-name-opacity, 1);transition:opacity .4s ease;display:flex;align-items:baseline;gap:calc(4/1440*100cqw);margin-top:calc(calc(14 / 1440 * 100cqw) - .4rem);color:#161a1f;font-family:"Minion Variable Concept","Fraunces","Times New Roman",serif;font-size:1.8rem;letter-spacing:.043em;line-height:1.62}@media screen and (max-width: 768px){.products__price{gap:calc(4/390*100cqw);margin-top:calc(calc(10 / 390 * 100cqw) - .35rem);color:#000}}.products__tax{font-size:1.2rem;line-height:1.33}.products__action{display:flex;margin-top:calc(74/1440*100cqw);justify-content:center}@media screen and (max-width: 768px){.products__action{margin-top:calc(77/390*100cqw)}}.products__link{position:relative;display:block;width:31.3rem;height:10.6rem;color:#144b87;text-decoration:none}@media screen and (max-width: 768px){.products__link{width:calc(260/390*100cqw);height:calc(45/390*100cqw);border:1px solid #b8975a;border-radius:calc(60/390*100cqw);transition:border-color .2s ease,color .2s ease}.products__link:active{border-color:#f0ece2;color:#8398b3;transition:none}}.products__link::before{position:absolute;top:5.3rem;left:0;width:30.6rem;height:1.3rem;background:url("../images/4c/line-arrow.svg") no-repeat center/100% 100%;content:"";transition:transform .4s ease}@media(hover: hover){.products__link:hover::before{transform:translateX(3.1rem)}}@media screen and (max-width: 768px){.products__link::before{content:none}}.products__label{position:absolute;overflow:hidden;background:currentcolor;mask:url("../images/4c/label-view-pd.svg") no-repeat center/contain;-webkit-mask:url("../images/4c/label-view-pd.svg") no-repeat center/contain;text-indent:100%;white-space:nowrap;top:4.2rem;left:2.4rem;width:24.5rem;height:1.5rem}@media screen and (max-width: 768px){.products__label{top:calc(14/390*100cqw);left:calc(18/390*100cqw);width:calc(225/390*100cqw);height:calc(15/390*100cqw);mask-image:url("../images/4c/label-view-pd-sp.svg");-webkit-mask-image:url("../images/4c/label-view-pd-sp.svg")}}@media screen and (max-width: 768px){.products{padding-bottom:calc(62/390*100cqw)}}.closing{padding:calc(31/1440*100cqw) 0 calc(15/1440*100cqw)}.closing__visual{width:calc(810/1440*100cqw);height:calc(1080/1440*100cqw);margin-inline:auto;overflow:hidden}@media screen and (max-width: 768px){.closing__visual{width:calc(362/390*100cqw);height:calc(484/390*100cqw)}}.closing__image{width:100%;height:100%;object-fit:cover}.closing__action{display:flex;margin-top:calc(52/1440*100cqw);justify-content:center}@media screen and (max-width: 768px){.closing__action{margin-top:calc(100/390*100cqw)}}.closing__link{position:relative;display:block;width:31.3rem;height:10.6rem;color:#144b87;text-decoration:none}@media screen and (max-width: 768px){.closing__link{width:calc(260/390*100cqw);height:calc(45/390*100cqw);border:1px solid #b8975a;border-radius:calc(60/390*100cqw);transition:border-color .2s ease,color .2s ease}.closing__link:active{border-color:#f0ece2;color:#8398b3;transition:none}}.closing__link::before{position:absolute;top:5.3rem;left:0;width:30.6rem;height:1.3rem;background:url("../images/4c/line-arrow.svg") no-repeat center/100% 100%;content:"";transition:transform .4s ease}@media(hover: hover){.closing__link:hover::before{transform:translateX(3.1rem)}}@media screen and (max-width: 768px){.closing__link::before{content:none}}.closing__link{height:6.8rem}.closing__link::after{position:absolute;top:3.9rem;left:22.3rem;width:2.8rem;height:1.8rem;background:currentcolor;content:"";mask:url("../images/4c/logo-4c-blue.svg") no-repeat center/contain;-webkit-mask:url("../images/4c/logo-4c-blue.svg") no-repeat center/contain}@media screen and (max-width: 768px){.closing__link{height:calc(45/390*100cqw)}.closing__link::after{top:calc(12/390*100cqw);left:calc(188/390*100cqw);width:calc(28/390*100cqw);height:calc(19/390*100cqw)}}.closing__label{position:absolute;overflow:hidden;background:currentcolor;mask:url("../images/4c/label-view-about.svg") no-repeat center/contain;-webkit-mask:url("../images/4c/label-view-about.svg") no-repeat center/contain;text-indent:100%;white-space:nowrap;top:4.2rem;left:8.5rem;width:12.4rem;height:1.5rem}@media screen and (max-width: 768px){.closing__label{top:calc(14/390*100cqw);left:calc(57/390*100cqw);width:calc(115/390*100cqw);height:calc(15/390*100cqw);mask-image:url("../images/4c/label-view-about-sp.svg");-webkit-mask-image:url("../images/4c/label-view-about-sp.svg")}}.closing__top{display:flex;margin-top:calc(53/1440*100cqw);padding-right:calc(95/1440*100cqw);justify-content:flex-end}@media screen and (max-width: 768px){.closing__top{margin-top:calc(211/390*100cqw);padding-right:calc(25/390*100cqw)}}.closing__top-link{position:relative;display:block;width:5rem;height:12rem;color:#144b87;text-decoration:none}.closing__top-link::before{position:absolute;top:3.6rem;left:1.2rem;width:.4rem;height:6.4rem;background:url("../images/4c/line-arrow-top.svg") no-repeat center/100% 100%;content:"";transition:transform .4s ease}@media(hover: hover)and (min-width: 769px){.closing__top-link:hover::before{transform:translateY(-2.4rem)}}@media screen and (max-width: 768px){.closing__top-link{width:calc(70/390*100cqw);height:calc(70/390*100cqw);border:1px solid #8398b3;border-radius:50%;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.closing__top-link::before{top:calc(18/390*100cqw);right:0;left:0;width:calc(12/390*100cqw);height:calc(6/390*100cqw);margin-inline:auto;background:currentcolor;mask:url("../images/4c/arrow-top-sp.svg") no-repeat center/contain;-webkit-mask:url("../images/4c/arrow-top-sp.svg") no-repeat center/contain;transform:none}.closing__top-link:active{border-color:#c5ccd1;background-color:#c5ccd1;color:#fff;transition:none}}.closing__top-label{position:absolute;overflow:hidden;background:currentcolor;mask:url("../images/4c/label-top.svg") no-repeat center/contain;-webkit-mask:url("../images/4c/label-top.svg") no-repeat center/contain;text-indent:100%;white-space:nowrap;top:4.2rem;left:1.5rem;width:1.1rem;height:2.6rem}@media screen and (max-width: 768px){.closing__top-label{top:calc(37/390*100cqw);right:0;left:0;width:calc(28/390*100cqw);height:calc(15/390*100cqw);margin-inline:auto;mask-image:url("../images/4c/label-top-sp.svg");-webkit-mask-image:url("../images/4c/label-top-sp.svg")}}@media screen and (max-width: 768px){.closing{padding:calc(23/390*100cqw) 0 calc(30/390*100cqw)}}@keyframes introduction-scroll-line{0%{opacity:0;transform:scaleY(0);transform-origin:top}40%{opacity:1;transform:scaleY(1);transform-origin:top}60%{opacity:1;transform:scaleY(1);transform-origin:bottom}100%{opacity:0;transform:scaleY(0);transform-origin:bottom}}
