@layer project{#howto[data-astro-cid-b56tvcwc]{& .l-container.l-2col{margin-bottom:calc(20 * var(--rem));@media screen and (width>=60rem){margin-bottom:calc(80 * var(--rem))}}& .l-2col_main{row-gap:calc(60 * var(--rem));display:grid;@media screen and (width>=60rem){row-gap:calc(180 * var(--rem))}}& .p-sideNav{margin-bottom:0}& .p-process{row-gap:calc(40 * var(--rem));display:grid;& .p-process_carousel{--process-carousel-gap:calc(16 * var(--rem));--process-carousel-slide-scale:.8014;--process-carousel-slide-width:max(calc(287 * var(--rem)), calc(287 * var(--vw-min)));--process-carousel-nav-size:calc(38 * var(--rem));--process-carousel-padding-top:calc(30 * var(--rem));width:100cqi;padding-block:var(--process-carousel-padding-top) calc(38 * var(--rem));border-radius:calc(8 * var(--rem));background-color:var(--color-white);margin-inline:calc(50% - 50cqi);position:relative;container:process-carousel/inline-size}& .p-process_carouselViewport{overflow:hidden}& .p-process_carouselTrack{gap:var(--process-carousel-gap);will-change:transform;display:flex}& .p-process_carouselSlide{flex:0 0 var(--process-carousel-slide-width)}& .p-process_carouselPhoto{border-radius:calc(6 * var(--rem));aspect-ratio:3/2;width:100%}& .p-process_carousel.is-animated .p-process_carouselTrack:not(.is-instant) .p-process_carouselPhoto{transition:scale .45s var(--move-timing)}& .p-process_carouselSlide.is-before .p-process_carouselPhoto{scale:var(--process-carousel-slide-scale);transform-origin:100%}& .p-process_carouselSlide.is-after .p-process_carouselPhoto{scale:var(--process-carousel-slide-scale);transform-origin:0}& .p-process_carouselNav{top:calc(var(--process-carousel-padding-top) + var(--process-carousel-slide-width) / 3 - var(--process-carousel-nav-size) / 2);z-index:var(--z-index-front);width:var(--process-carousel-nav-size);height:var(--process-carousel-nav-size);cursor:pointer;transition:opacity var(--move-base);border:none;border-radius:50%;place-items:center;display:grid;position:absolute;&.-prev{left:calc((100% - var(--process-carousel-slide-width)) / 2 - var(--process-carousel-nav-size) / 2)}&.-next{left:calc((100% + var(--process-carousel-slide-width)) / 2 - var(--process-carousel-nav-size) / 2);& img{rotate:180deg}}@media (any-hover:hover){&:hover{opacity:var(--move-opacity)}}}& .p-process_carouselCaption{justify-content:center;row-gap:calc(10 * var(--rem));margin-top:calc(16 * var(--rem));padding-inline:calc(24 * var(--rem));display:grid}& .p-process_carouselTitle{font-family:var(--font-heading);font-size:calc(20 * var(--rem));text-align:center;font-weight:600;line-height:1.2}& .p-process_carouselDesc{font-size:calc(15 * var(--rem));letter-spacing:.02em;line-height:1.5}& .p-process_philosophy{row-gap:calc(16 * var(--rem));display:grid}& .p-process_philosophyTitle{padding-bottom:calc(20 * var(--rem));border-bottom:1px solid var(--color-purple);font-family:var(--font-heading);font-size:clamp(calc(22 * var(--rem)), calc(24 * var(--vw-min)), calc(24 * var(--rem)));letter-spacing:.02em;font-weight:600}& .p-process_philosophyBody{letter-spacing:.02em;line-height:1.8}@media screen and (width>=40rem){& .p-process_carouselCaption{padding-inline:calc(40 * var(--rem))}}@media screen and (width>=60rem){& .p-process_carousel{--process-carousel-gap:calc(40 * var(--rem));--process-carousel-slide-scale:.7778;--process-carousel-slide-width:calc(720 * var(--cqw-max));--process-carousel-nav-size:calc(50 * var(--rem));width:initial;margin-inline:initial}& .p-process_carouselPhoto{border-radius:calc(8 * var(--rem))}& .p-process_carouselCaption{row-gap:calc(16 * var(--rem));margin-top:calc(30 * var(--rem));padding-inline:calc(40 * var(--rem))}& .p-process_carouselTitle{font-size:calc(24 * var(--rem))}& .p-process_carouselDesc{font-size:calc(16 * var(--rem));line-height:1.8}& .p-process_philosophyTitle{padding-bottom:calc(24 * var(--rem));font-size:calc(28 * var(--rem))}& .p-process_philosophyBody{letter-spacing:.02em;line-height:1.8}}}& .p-commitment{row-gap:calc(40 * var(--rem));display:grid;position:relative;& .p-commitment_title{font-family:var(--font-heading);font-size:calc(28 * var(--rem));letter-spacing:.02em;font-weight:600;line-height:1.4}@media screen and (width>=60rem){row-gap:calc(60 * var(--rem));& .c-kazariGroup{top:calc(-180 * var(--rem))}& .p-commitment_title{font-size:calc(42 * var(--rem));letter-spacing:.06em;line-height:1}}}}}