@charset "UTF-8";@layer swiper{.swiper{overflow:hidden;max-width:100%}.swiper .swiper-wrapper{width:100%;display:flex}.swiper .swiper-slide{flex-shrink:0;width:100%}.swiper .swiper-pagination{display:flex;justify-content:center;gap:2px;padding-block:10px}.swiper .swiper-pagination .swiper-pagination-bullet{position:relative;background-color:revert;aspect-ratio:1/1;width:20px;height:20px;padding:4px}.swiper .swiper-pagination .swiper-pagination-bullet:after{content:"";border-radius:999px;width:100%;height:100%;display:block;background-color:#ccc}.swiper .swiper-pagination .swiper-pagination-bullet-active:after{background-color:blue}}.brand-lafes{--color-black:#323E48;--color-glay:#7D7D7D;--color-green:#0081A6;--color-green-sub:#BFDFE9;--color-green-light:#F1F7FF;--color-purple:#6F7BD4;--color-purple-sub:#DBDEF4;--color-border:#F1F2F3;--font-itc-avant-garde:"itc-avant-garde-gothic-pro",sans-serif;--font-raleway:"Raleway",sans-serif;--font-biz-udp:"BIZ UDPGothic",sans-serif;--font-base:"Hiragino Sans","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans",sans-serif}.brand-lafes .p-brandNavi{--brandNavi-color:#fff;--brandNavi-textColor:var(--color-black);border-block-start:var(--color-border) 1px solid;border-block-end:var(--color-border) 1px solid}.brand-lafes .p-cart__aside{grid-template-columns:100%}.brand-lafes .p-cart__shop{display:none}@media screen and (width <= 750px){.brand-lafes .p-review{max-width:94.6666666667%;margin-inline:auto}}@media screen and (width <= 750px){.l-scrollTop{bottom:90px}}.product-contents-body{color:var(--color-black);line-height:1.8}@media screen and (width > 750px){.product-contents-body{padding-block-end:80px}}@media screen and (width <= 750px){.product-contents-body{padding-block-end:60px}}.product-contents-body sub{font-weight:400;font-size:10px}@layer common{.nav-fixed{position:fixed;bottom:0;z-index:10;pointer-events:none}@media screen and (width > 750px){.nav-fixed{width:var(--max-width);padding-inline:16px;left:0;right:0;margin:auto}}@media screen and (width <= 750px){.nav-fixed{width:100%;left:0}}.nav-fixed[aria-hidden=true]{visibility:hidden}.nav-fixed .nav-fixed__inner{pointer-events:all;background-color:#fff;padding-block-start:3px;display:grid;align-items:center}@media screen and (width > 750px){.nav-fixed .nav-fixed__inner{grid-template-columns:repeat(4,1fr);width:var(--content-width);justify-content:center;height:70px}}@media screen and (width <= 750px){.nav-fixed .nav-fixed__inner{grid-template-columns:repeat(4,1fr);padding-inline:5px;height:80px}}.nav-fixed .nav-fixed__item{position:relative;display:grid;justify-items:center;row-gap:8px}.nav-fixed .nav-fixed__item:nth-of-type(n+2){border-left:1px solid var(--color-border)}@media screen and (width <= 750px){.nav-fixed .nav-fixed__icon{height:34px;width:100%;display:flex;justify-content:center;align-items:center}.nav-fixed .nav-fixed__icon img{width:auto!important;height:100%!important}}@media screen and (width <= 750px){.nav-fixed .nav-fixed__item--brand .nav-fixed__icon{padding-block:2px}}.nav-fixed .nav-fixed__label{font-size:var(--font-size-set10);font-weight:600;color:var(--color-green);display:grid;align-items:center;grid-template-columns:auto 12px;column-gap:5px;margin-block:calc((1em - 1lh) / 2);line-height:1.2}@media screen and (width <= 750px){.nav-fixed .nav-fixed__label{height:2lh;text-align:center}}.nav-fixed .nav-fixed__label:after{content:"";height:1em;background-image:url(/lafes/images/icon-arrow.svg);background-repeat:no-repeat;background-size:contain}.first-view .first-view__header{display:grid;row-gap:20px}@media screen and (width > 750px){.first-view .first-view__header{padding:32px}}@media screen and (width <= 750px){.first-view .first-view__header{padding:20px}}.first-view .first-view__header__text{font-family:var(--font-biz-udp);font-weight:700;line-height:1.6}@media screen and (width > 750px){.first-view .first-view__text{margin-block-start:32px;padding-inline:32px}}@media screen and (width <= 750px){.first-view .first-view__text{margin-block-start:20px;padding-inline:20px}}.mainvisual{position:relative;display:grid;column-gap:20px}@media screen and (width > 750px){.mainvisual{grid-template-columns:1fr 11.5384615385%;justify-content:center;max-width:480px;margin-right:auto;margin-left:auto}}@media screen and (width <= 750px){.mainvisual{grid-template-columns:83.3333333333% 1fr}}@media screen and (width > 750px){.mainvisual .mainvisual__image{justify-self:end}}.mainvisual .mainvisual__label{align-self:end}@media screen and (width > 750px){.mainvisual .mainvisual__label{width:24px}}@media screen and (width <= 750px){.mainvisual .mainvisual__label{width:12px}}.mainvisual .mainvisual__label img{width:100%}.list{display:flex;justify-content:flex-end;column-gap:1em}.marker-list li:before{content:"・"}.caption{font-size:var(--font-size-set12);color:var(--color-glay);text-align:end}.tag{aspect-ratio:1/1}.section{background-color:#fff}.section-header{padding-inline:20px;display:grid;row-gap:10px}@media screen and (width > 750px){.section-header{padding-block-start:20px;padding-block-end:40px}}@media screen and (width <= 750px){.section-header{padding-block-start:20px;padding-block-end:30px}}.section-header .section-header__en{font-family:var(--font-itc-avant-garde);font-weight:500;text-box-trim:trim-both}@media screen and (width > 750px){.section-header .section-header__en{font-size:42px}}@media screen and (width <= 750px){.section-header .section-header__en{font-size:36px}}.section-header .section-header__label{font-family:var(--font-biz-udp);font-size:var(--font-size-set16);font-weight:700;text-box-trim:trim-both}.section-title{color:#fff;font-weight:700}@media screen and (width > 750px){.section-title{padding:20px 20px}}@media screen and (width <= 750px){.section-title{padding:12px 20px}}.section-title[data-variant=b-corp]{background-color:var(--color-green)}.section-title[data-variant="24hour"]{background-color:var(--color-purple)}@media screen and (width > 750px){.certification-image{margin-block-start:20px}}@media screen and (width <= 750px){.certification-image{margin-block-start:10px}}.certification-image img{width:100%}.button{display:block;background-color:var(--button-bg);padding-inline:18px;padding-block:12px;display:grid;align-items:center;grid-template-columns:auto 20px;column-gap:10px;line-height:1.4;text-align:center;margin-inline:auto}@media (any-hover:hover){.button{transition:background-color 0.25s}.button:hover{background-color:var(--button-hover-bg)}}@media screen and (width > 750px){.button{width:420px}}@media screen and (width <= 750px){.button{width:330px}}.button:after{content:"";height:20px;background-color:currentColor;mask-image:url(/lafes/images/icon-arrow.svg);mask-repeat:no-repeat;mask-size:contain}.button[data-variant=product]{color:#fff;--button-bg:var(--color-green);--button-hover-bg:color-mix(in srgb,#fff 20%,var(--button-bg))}.button[data-variant=brand]{color:#fff;--button-bg:var(--color-black);--button-hover-bg:color-mix(in srgb,#fff 20%,var(--button-bg))}.button[data-variant=product2]{color:#fff;--button-bg:var(--color-green);--button-hover-bg:color-mix(in srgb,#fff 20%,var(--button-bg));grid-template-columns:1fr auto 1fr}.button[data-variant=product2] .product2__icon{width:auto;position:relative;justify-self:end;width:67px}.button[data-variant=product2] .product2__icon img{width:auto;height:92px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.button[data-variant=product2]:after{justify-self:end;width:20px}.button[data-variant=buy]{color:var(--color-green);border:1px solid var(--color-green);--button-bg:#fff;--button-hover-bg:color-mix(in srgb,var(--color-green) 20%,#fff);font-weight:700;justify-content:center}.section.bg{position:relative;--bg-color:var(--color-green-light)}@media screen and (width > 750px){.section.bg{padding-block:40px;background:linear-gradient(90deg,rgba(255,255,255,0) 114px,var(--bg-color) 114px)}}@media screen and (width <= 750px){.section.bg{padding-block-end:60px;background:linear-gradient(180deg,rgba(255,255,255,0) 200px,var(--bg-color) 200px)}}.switch-container{display:grid}@media screen and (width > 750px){.switch-container{grid-template-columns:repeat(2,1fr);column-gap:50px;align-items:center}}@media screen and (width <= 750px){.switch-container{row-gap:30px}}.switch-container .switch-container__image{position:relative;z-index:1}.switch-container .switch-container__text{position:relative;z-index:1}.image-box{display:grid;row-gap:10px}.image-box .image-box__caption{color:var(--color-green);text-align:right;font-size:var(--font-size-set14)}}
/*# sourceMappingURL=common.css.map */