.template-works-detail-custom #main,.template-works-nicols #main,.template-works-kishubaiko #main,.template-works-fujikoshi #main,.template-works-cosmeticclinic #main,#main:has(.works-detail){max-width:none!important;width:100%!important;padding-inline:0!important}#main:has(.works-detail) .shopify-section,.template-works-detail-custom #main .shopify-section,.template-works-nicols #main .shopify-section,.template-works-kishubaiko #main .shopify-section,.template-works-fujikoshi #main .shopify-section,.template-works-cosmeticclinic #main .shopify-section{max-width:none!important;width:100%!important}.template-works-detail-custom .shopify-section.section-custom-works-detail-breadcrumb,.template-works-detail-custom .shopify-section.section-custom-works-detail-title,.template-works-detail-custom .shopify-section.section-custom-works-detail-hero,.template-works-detail-custom .shopify-section.section-custom-works-detail-outline,.template-works-detail-custom .shopify-section.section-custom-works-detail-gallery,.template-works-detail-custom .shopify-section.section-custom-works-detail-case-study,.template-works-detail-custom .shopify-section.section-custom-works-detail-reserve,.template-works-nicols .shopify-section.section-custom-works-detail-breadcrumb,.template-works-nicols .shopify-section.section-custom-works-detail-title,.template-works-nicols .shopify-section.section-custom-works-detail-hero,.template-works-nicols .shopify-section.section-custom-works-detail-outline,.template-works-nicols .shopify-section.section-custom-works-detail-gallery,.template-works-nicols .shopify-section.section-custom-works-detail-case-study,.template-works-nicols .shopify-section.section-custom-works-detail-reserve,.template-works-kishubaiko .shopify-section.section-custom-works-detail-breadcrumb,.template-works-kishubaiko .shopify-section.section-custom-works-detail-title,.template-works-kishubaiko .shopify-section.section-custom-works-detail-hero,.template-works-kishubaiko .shopify-section.section-custom-works-detail-outline,.template-works-kishubaiko .shopify-section.section-custom-works-detail-gallery,.template-works-kishubaiko .shopify-section.section-custom-works-detail-case-study,.template-works-kishubaiko .shopify-section.section-custom-works-detail-reserve,.template-works-fujikoshi .shopify-section.section-custom-works-detail-breadcrumb,.template-works-fujikoshi .shopify-section.section-custom-works-detail-title,.template-works-fujikoshi .shopify-section.section-custom-works-detail-hero,.template-works-fujikoshi .shopify-section.section-custom-works-detail-outline,.template-works-fujikoshi .shopify-section.section-custom-works-detail-gallery,.template-works-fujikoshi .shopify-section.section-custom-works-detail-case-study,.template-works-fujikoshi .shopify-section.section-custom-works-detail-reserve,.template-works-cosmeticclinic .shopify-section.section-custom-works-detail-breadcrumb,.template-works-cosmeticclinic .shopify-section.section-custom-works-detail-title,.template-works-cosmeticclinic .shopify-section.section-custom-works-detail-hero,.template-works-cosmeticclinic .shopify-section.section-custom-works-detail-outline,.template-works-cosmeticclinic .shopify-section.section-custom-works-detail-gallery,.template-works-cosmeticclinic .shopify-section.section-custom-works-detail-case-study,.template-works-cosmeticclinic .shopify-section.section-custom-works-detail-reserve,#main .shopify-section.section-custom-works-detail-breadcrumb,#main .shopify-section.section-custom-works-detail-title,#main .shopify-section.section-custom-works-detail-hero,#main .shopify-section.section-custom-works-detail-outline,#main .shopify-section.section-custom-works-detail-gallery,#main .shopify-section.section-custom-works-detail-case-study,#main .shopify-section.section-custom-works-detail-reserve{max-width:none!important;width:100%!important}.works-detail{box-sizing:border-box;width:100%!important;max-width:100%!important;display:block!important}.works-detail *,.works-detail *:before,.works-detail *:after{box-sizing:border-box}.works-detail .inner{width:min(100%,1440px)!important;max-width:min(100%,1440px)!important;padding-inline:min(calc(104 / 1440 * 100vw),104px)!important;margin-inline:auto!important}@media(max-width:768px){.works-detail .inner{padding-inline:32px}}.works-detail.breadcrumb{padding-top:24px;padding-bottom:48px}.works-detail .breadcrumb__list{display:flex!important;align-items:center;gap:8px;font-family:Marcellus,serif;font-size:12px;color:#434452;list-style:none!important;margin:0!important;padding:0!important}.works-detail .breadcrumb__list a{color:#434452}.works-detail .breadcrumb__sep{color:#96a0a6}.works-detail.works-title{padding-bottom:40px}.works-detail .works-title__inner{border-left:4px solid #39a9f2;padding-left:20px;margin-bottom:16px}.works-detail .works-title__heading{font-family:yu-mincho-pr6n,Yu Mincho,serif;font-size:24px;font-weight:400;letter-spacing:.05em;color:#434452;line-height:1.6}@media(max-width:768px){.works-detail .works-title__heading{font-size:20px}}.works-detail .works-title__meta{display:flex!important;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.works-detail .works-title__tags{display:flex!important;flex-wrap:wrap;gap:8px;list-style:none!important;margin:0!important;padding:0!important}.works-detail .works-title__tags li{list-style:none!important}.works-detail .works-tag{display:inline-flex;align-items:center;height:32px;padding-inline:12px;border:1px solid #39a9f2;border-radius:2px;font-family:yu-gothic-pr6n,Yu Gothic,sans-serif;font-size:12px;letter-spacing:.04em;color:#39a9f2;white-space:nowrap}.works-detail .works-title__url a{font-family:yu-mincho-pr6n,Yu Mincho,serif;font-size:14px;color:#1c1c1c;text-decoration:underline;text-underline-offset:3px}@media(max-width:768px){.works-detail .works-title__url{margin-top:4px}}.works-detail.works-hero{margin-bottom:0}.works-detail .device-frame{will-change:opacity,transform}.works-detail .device-frame--pc{border:1px solid #c8c9cc;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 12px 40px #0000001f}.works-detail .device-frame__viewport--loading{position:relative}.works-detail .device-frame__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:#e8edf1;z-index:1;overflow:hidden}.works-detail .device-frame__skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:shimmer 1.6s ease-in-out infinite}.works-detail .device-frame__viewport:not(.device-frame__viewport--loading) .device-frame__skeleton{display:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.works-detail .device-frame--pc .device-frame__viewport{aspect-ratio:16 / 9;overflow-y:auto;background:#fff;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.works-detail .device-frame--pc .device-frame__viewport::-webkit-scrollbar{width:5px}.works-detail .device-frame--pc .device-frame__viewport::-webkit-scrollbar-track{background:transparent}.works-detail .device-frame--pc .device-frame__viewport::-webkit-scrollbar-thumb{background:#00000026;border-radius:9999px}.works-detail .device-frame--pc .device-frame__viewport img{display:block;width:100%;height:auto}.works-detail .device-frame--sp{width:min(280px,48vw);margin-inline:auto;background:#1a1a1a;border:3px solid #1a1a1a;border-radius:46px;overflow:hidden;box-shadow:0 0 0 1px #2c2c2c,0 20px 60px #0000004d;display:none}@media(max-width:768px){.works-detail .device-frame--sp{width:min(240px,62vw)}}.works-detail .device-frame__notch{background:#1a1a1a;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.works-detail .device-frame__notch-pill{width:88px;height:14px;background:#0a0a0a;border-radius:9999px}.works-detail .device-frame--sp .device-frame__viewport{height:min(560px,calc(min(280px,48vw)*1.98));overflow-y:auto;background:#fff;scrollbar-width:none}@media(max-width:768px){.works-detail .device-frame--sp .device-frame__viewport{height:min(480px,calc(min(240px,62vw)*1.98))}}.works-detail .device-frame--sp .device-frame__viewport::-webkit-scrollbar{display:none}.works-detail .device-frame--sp .device-frame__viewport img{display:block;width:100%;height:auto}.works-detail .device-frame--sp .device-frame__viewport .sp-placeholder{display:block;height:200%;background:linear-gradient(180deg,#dce6ec,#c8d8e0)}.works-detail .device-frame__home{background:#1a1a1a;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.works-detail .device-frame__home-bar{width:78px;height:5px;background:#444;border-radius:9999px}.works-detail .view-toggle{display:inline-flex;border:1px solid #39a9f2;border-radius:2px;overflow:hidden;margin-top:20px}.works-detail .view-toggle__btn{width:67px;height:32px;font-family:yu-gothic-pr6n,Yu Gothic,sans-serif;font-size:12px;letter-spacing:.06em;color:#39a9f2;background:#fff;transition:background .3s,color .3s}.works-detail .view-toggle__btn.is-active{background:#39a9f2;color:#fff}.works-detail.outline{padding-block:80px;border-top:1px solid rgba(57,169,242,.125)}@media(max-width:768px){.works-detail.outline{padding-block:60px}}.works-detail .outline__inner{display:grid!important;grid-template-columns:280px 1fr!important;gap:80px!important}@media(max-width:768px){.works-detail .outline__inner{grid-template-columns:1fr!important;gap:32px!important}}.works-detail .outline__label{font-family:yu-gothic-pr6n,Yu Gothic,sans-serif;font-size:15px;letter-spacing:.06em;color:#434452;margin-bottom:8px}.works-detail .outline__title{font-family:Marcellus,serif;font-size:55px;font-weight:400;color:#1c1c1c;line-height:1}@media(max-width:768px){.works-detail .outline__title{font-size:40px}}.works-detail .outline__description{font-family:yu-gothic-pr6n,Yu Gothic,sans-serif;font-size:15px;line-height:2;letter-spacing:.02em;color:#1c1c1c;margin-bottom:48px}@media(max-width:768px){.works-detail .outline__description{margin-bottom:36px}}.works-detail .outline__table{width:100%}.works-detail .outline__row{display:grid!important;grid-template-columns:180px 1fr!important;gap:0;padding-block:24px;border-top:1px solid rgba(67,68,82,.125)}.works-detail .outline__row:last-child{border-bottom:1px solid rgba(67,68,82,.125)}@media(max-width:768px){.works-detail .outline__row{grid-template-columns:120px 1fr}}.works-detail .outline__row dt{font-family:yu-mincho-pr6n,Yu Mincho,serif;font-size:14px;letter-spacing:.06em;color:#96a0a6;padding-top:2px}.works-detail .outline__row dd{font-family:yu-mincho-pr6n,Yu Mincho,serif;font-size:14px;letter-spacing:.04em;color:#1c1c1c;line-height:1.7}.works-detail .outline__row dd a{text-decoration:underline;text-underline-offset:3px}.works-detail.works-gallery{padding-block:80px;background:#f8f8f8}@media(max-width:768px){.works-detail.works-gallery{padding-block:60px}}.works-detail .works-gallery__grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;align-items:start!important}@media(max-width:768px){.works-detail .works-gallery__grid{grid-template-columns:1fr!important}}.works-detail .works-gallery__img-wrap{overflow:hidden;background:#dce6ec;position:relative}.works-detail .works-gallery__img-wrap img{display:block;width:100%;height:auto}.works-detail .works-gallery__img-wrap.--before:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a1b2759}.works-detail .works-gallery__label{font-family:Marcellus,serif;font-size:18px;color:#96a0a6;margin-bottom:16px}.works-detail .works-gallery__label.--after{color:#39a9f2}.works-detail .works-gallery__caption{font-family:yu-gothic-pr6n,Yu Gothic,sans-serif;font-size:14px;line-height:1.9;letter-spacing:.02em;color:#1c1c1c;margin-top:20px}.works-detail.case-study{padding-block:80px 0}.works-detail .case-study__inner{display:grid!important;grid-template-columns:240px 1fr!important;gap:80px!important;align-items:start!important}@media(max-width:768px){.works-detail .case-study__inner{grid-template-columns:1fr!important;gap:0!important}}.works-detail .case-study__sidebar{position:sticky;top:120px}@media(max-width:768px){.case-study__sidebar{position:static;margin-bottom:0}}.works-detail .case-study__index-label{font-family:Marcellus,serif;font-size:15px;color:#96a0a6;letter-spacing:.06em;margin-bottom:20px}@media(max-width:768px){.works-detail .case-study__index-label{display:none}}.works-detail .case-study__index-trigger{display:none}@media(max-width:768px){.works-detail .case-study__index-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:#39a9f2;padding:16px 20px;border-radius:4px;cursor:pointer}}.works-detail .case-study__index-trigger-text{font-family:Marcellus,serif;font-size:16px;color:#fff}.works-detail .case-study__index-trigger-icon{width:20px;height:20px;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;line-height:1;flex-shrink:0;transition:transform .3s}.works-detail .case-study__nav-list{display:flex!important;flex-direction:column!important}@media(max-width:768px){.works-detail .case-study__nav-list{background:#fff;border:1px solid rgba(57,169,242,.125);border-radius:4px;overflow:hidden;display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1)}.works-detail .case-study__nav-list.is-open{grid-template-rows:1fr}}.works-detail .case-study__nav-inner{overflow:hidden}.works-detail .case-study__nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block:16px;border-bottom:1px solid rgba(67,68,82,.08);font-family:yu-mincho-pr6n,Yu Mincho,serif;font-size:14px;letter-spacing:.04em;color:#434452;text-decoration:none}.works-detail .case-study__nav-item:last-child{border-bottom:none}@media(max-width:768px){.works-detail .case-study__nav-item{padding:16px 20px}}.works-detail .case-study__nav-text{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#43445259}.works-detail .case-study__nav-chevron{color:#96a0a6;flex-shrink:0}.works-detail .case-block{padding-block:80px;border-top:1px solid rgba(67,68,82,.08)}.works-detail .case-block:first-child{border-top:none;padding-top:0}.works-detail .case-block--solution{padding-bottom:32px}.works-detail .case-block--solution+.case-block{border-top:none}.works-detail .case-block[hidden]{display:none!important}@media(max-width:768px){.works-detail .case-block{padding-block:60px}.works-detail .case-block:first-child{border-top:1px solid rgba(67,68,82,.08);padding-top:48px}}.works-detail .case-block__header{display:flex!important;align-items:center;gap:24px;margin-bottom:16px}.works-detail .case-block__num{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#dcebf4;font-family:Marcellus,serif;font-size:15px;color:#39a9f2;flex-shrink:0}.works-detail .case-block__title{font-family:yu-mincho-pr6n,Yu Mincho,serif;font-size:24px;font-weight:400;letter-spacing:.04em;color:#1c1c1c}@media(max-width:768px){.works-detail .case-block__title{font-size:20px}}.works-detail .case-block__text{font-family:yu-gothic-pr6n,Yu Gothic,sans-serif;font-size:15px;line-height:2;letter-spacing:.02em;color:#1c1c1c}.works-detail .case-block__text.rte p{margin:0 0 1em}.works-detail .case-block__text.rte p:last-child{margin-bottom:0}.works-detail .case-block__image{margin-top:24px}.works-detail .case-block__image img{display:block;width:100%;height:auto;border-radius:4px}.works-detail .case-block__subtitle{font-family:yu-gothic-pr6n,Yu Gothic,sans-serif;font-size:18px;color:#1c1c1c;letter-spacing:.04em;margin-bottom:40px}.works-detail .case-block__solutions{display:flex;flex-direction:column;gap:0}.works-detail .case-block__solution{padding-block:24px;border-top:1px solid rgba(67,68,82,.08);margin-bottom:12px}.works-detail .case-block__solution:last-child{border-bottom:1px solid rgba(67,68,82,.08)}.works-detail .case-block__solution-title{font-family:yu-mincho-pr6n,Yu Mincho,serif;font-size:18px;font-weight:400;letter-spacing:.04em;color:#1c1c1c;margin-bottom:12px}@media(max-width:768px){.works-detail .case-block__solution-title{font-size:16px}}.works-detail .case-block__gallery{margin-top:0;padding-top:0}.works-detail .case-block__gallery-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;align-items:start!important}.works-detail .case-block__gallery-grid--single{grid-template-columns:1fr!important;max-width:50%;margin-inline:auto}@media(max-width:768px){.works-detail .case-block__gallery-grid{grid-template-columns:1fr!important}.works-detail .case-block__gallery-grid--single{max-width:100%}}.works-detail .case-block__gallery-item{margin:0}.works-detail .case-block__gallery-label{font-family:Marcellus,serif;font-size:18px;color:#96a0a6;margin-bottom:16px}.works-detail .case-block__gallery-label.--after{color:#39a9f2}.works-detail .case-block__gallery-img{overflow:hidden;background:#dce6ec;position:relative}.works-detail .case-block__gallery-img img{display:block;width:100%;height:auto}.works-detail .case-block__gallery-img.--before:after{display:none}.works-detail .case-block__gallery-caption{font-family:yu-gothic-pr6n,Yu Gothic,sans-serif;font-size:14px;line-height:1.9;letter-spacing:.02em;color:#1c1c1c;margin-top:10px}.works-detail .case-block__gallery-description{font-family:yu-gothic-pr6n,Yu Gothic,sans-serif;font-size:12px;line-height:2;letter-spacing:.02em;color:#1c1c1c;margin-top:14px}.works-detail .case-block__gallery{margin-bottom:48px}.works-detail .results{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important;margin-top:40px!important}@media(max-width:768px){.works-detail .results{grid-template-columns:1fr!important}}.works-detail .results__item{background:#fafbfc;border-radius:4px;padding:32px 24px;text-align:center}.works-detail .results__label{font-family:yu-gothic-pr6n,Yu Gothic,sans-serif;font-size:13px;letter-spacing:.04em;color:#1c1c1c;margin-bottom:16px}.works-detail .results__num{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:4px}.works-detail .results__value{font-family:Marcellus,serif;font-size:56px;color:#39a9f2;line-height:1}.works-detail .results__unit{font-family:Marcellus,serif;font-size:24px;color:#39a9f2}.works-detail .results__sub{font-family:yu-gothic-pr6n,Yu Gothic,sans-serif;font-size:15px;color:#1c1c1c;letter-spacing:.06em}.works-detail .voice{background:#fafbfc;border-radius:4px;padding:40px 48px;margin-top:40px}@media(max-width:768px){.voice{padding:28px 24px}}.works-detail .voice__text{font-family:yu-gothic-pr6n,Yu Gothic,sans-serif;font-size:15px;line-height:2;letter-spacing:.02em;color:#1c1c1c}.works-detail .voice__text.rte p{margin:0 0 1em}.works-detail .voice__text.rte p:last-child{margin-bottom:0}.works-detail .voice__author{font-family:yu-mincho-pr6n,Yu Mincho,serif;font-size:18px;letter-spacing:.04em;color:#1c1c1c;text-align:right;margin-top:32px}.works-detail.reserve{padding-block:120px;position:relative;overflow:hidden}@media(max-width:768px){.works-detail.reserve{padding-block:80px}}.works-detail.reserve:before,.works-detail.reserve:after{content:"";position:absolute;top:50%;width:calc((100% - 800px)/2 - 40px);height:1px;border-top:1px dashed rgba(67,68,82,.2)}.works-detail.reserve:before{left:0}.works-detail.reserve:after{right:0}@media(max-width:768px){.works-detail.reserve:before,.works-detail.reserve:after{display:none}}.works-detail .reserve__inner{display:flex!important;flex-direction:column!important;align-items:center!important;gap:24px!important}.works-detail .reserve__label{font-family:Marcellus,serif;font-size:18px;color:#2b2b2b;letter-spacing:.06em}.works-detail .reserve__title{font-family:yu-mincho-pr6n,Yu Mincho,serif;font-size:24px;font-weight:400;letter-spacing:.05em;color:#1c1c1c;text-align:center;line-height:1.7}@media(max-width:768px){.works-detail .reserve__title{font-size:20px}}.works-detail .reserve__btn{display:inline-flex;align-items:center;gap:12px;height:68px;padding-inline:40px;background:#2b2b2b;border-radius:9999px;font-family:yu-gothic-pr6n,Yu Gothic,sans-serif;font-size:15px;letter-spacing:.04em;color:#fff;transition:background .4s;text-decoration:none}@media(any-hover:hover){.works-detail .reserve__btn:hover{background:#434452;opacity:1}}@media(max-width:768px){.works-detail .reserve__btn{height:60px;padding-inline:28px;font-size:14px}}.works-detail .anim-fade-up{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--anim-delay, 0s)}.works-detail .anim-fade-up.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.works-detail .anim-fade-up{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/custom-works-detail.css.map */