@layer base{*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,h5{font-family:Noto Sans JP,sans-serif}body{margin:unset;position:relative}section{margin-bottom:5rem}.ce_header{flex-direction:column;display:flex}.ce_header:after{content:"";border-bottom:2px solid #000;width:2rem;display:block}.ce_title{font-family:Noto Serif JP,serif;font-size:40px;font-weight:500}.ce_subtitle{text-transform:uppercase;letter-spacing:4px;font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:300}}@layer components{.header{z-index:2;background:#1f1f1faa;flex-direction:row;width:100%;padding:1rem 8rem 1rem 1rem;display:flex;position:absolute}.header .header__logo{width:100px;height:100px}.header .header__logo img{filter:brightness(0)invert();width:100%;height:100%}.header .header__title{width:20rem;margin:auto 2rem}.header .header__title .header__page-title,.header .header__title .header__page-subtitle{text-align:center;margin:unset;text-transform:uppercase;color:#fff;font-family:Noto Sans JP,sans-serif;font-weight:300}.header .header__title .header__page-title{letter-spacing:1rem;margin-right:-1rem;font-size:2rem}.header .header__title .header__page-subtitle{letter-spacing:.25rem;font-size:1rem}.header .header__nav{justify-content:end;align-items:center;gap:5rem;width:100%;display:flex}.header .header__nav .nav_link{color:#fff;text-transform:uppercase;letter-spacing:.25rem;border:2px solid #0000;padding-bottom:1rem;font-family:Noto Sans JP,sans-serif;font-weight:400;text-decoration:none}.header .header__nav .nav_link:hover,.header .header__nav .nav_link.active{border-bottom:2px solid #fff}.header .header__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:.4rem;width:2.5rem;height:2.5rem;margin-left:auto;padding:0;display:none}.header .header__burger span{background:#fff;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.header .header__burger.is-active span:first-child{transform:translateY(.6rem)rotate(45deg)}.header .header__burger.is-active span:nth-child(2){opacity:0}.header .header__burger.is-active span:nth-child(3){transform:translateY(-.6rem)rotate(-45deg)}.footer{text-transform:uppercase;color:#1f1f1f;background-color:#d6c8b0;grid-template-rows:100%;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;padding:2rem;display:grid}.footer .footer__logo img{width:128px;height:128px}.footer .footer__brand{text-transform:uppercase;letter-spacing:.25rem;gap:2rem;display:flex}.footer .footer__brand .footer__brand-wrapper{flex-direction:column;justify-content:center;display:flex}.footer .footer__brand .footer__brand-wrapper p{margin:unset}.footer .footer__brand .footer__brand-wrapper .footer__brand-name{letter-spacing:16px;font-size:2rem;font-weight:300}.footer .footer__nav{flex-wrap:wrap;align-self:center;gap:3rem;min-width:0;display:flex}.footer .footer__social{align-self:center;gap:3rem;display:flex}.footer .footer__legal{text-align:center;letter-spacing:4px;word-spacing:4px;align-self:center}.footer a,.footer p{color:#1f1f1f;font-family:Noto Sans JP,sans-serif}.footer a{-webkit-text-decoration:unset;text-decoration:unset}.footer a:hover{text-decoration:underline}}@layer responsive{@media screen and (width<=768px){.header{padding:1rem;position:relative}.header .header__title{width:auto}.header .header__burger{align-self:center;margin-right:2rem;display:flex}.header .header__nav{background:#1f1f1f;flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding:2rem 1rem;display:none;position:absolute;top:100%;left:0;right:0}.header .header__nav.is-open{display:flex}.header .header__nav .nav_link{padding-bottom:.5rem}}@media screen and (width<=1200px){.footer{grid-template-rows:33% 33% 33%;grid-template-columns:1fr;gap:.5rem;height:auto}.footer__brand{order:1;display:none!important}.footer__legal{order:2;justify-content:center;gap:4rem;display:flex}.footer__nav{justify-content:center}}@media screen and (width<=768px){.footer{gap:1rem;padding:1.5rem 1rem}.footer__legal{letter-spacing:2px;word-spacing:2px;flex-direction:column;gap:.5rem;font-size:.85rem}.footer__nav{flex-wrap:wrap;gap:1.5rem}}}@font-face{font-family:Noto Sans JP;src:url(./NotoSansJP-VariableFont_wght-C-lBCNQK.ttf)format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Noto Serif JP;src:url(./NotoSerifJP-VariableFont_wght-Ch6-Wc4m.ttf)format("truetype-variations");font-weight:200 900;font-style:normal;font-display:swap}