/*!
 * Copyright (c) 2022 WEBLIFE
 *
 * Permission is granted to use this file for the period specified in the contract 
 * between WEBLIFE and the client. Usage of this file beyond the contract period 
 * is strictly prohibited unless an extended license or written permission is obtained.
 *
 * Modifying or editing this file without prior written consent from WEBLIFE 
 * is not permitted.
 *
 * THE FILE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, 
 * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 
 * PARTICULAR PURPOSE AND NONINFRINGEMENT.
 */
.shopify-section.wl-works-detail-combined-section{margin-top:0}.wl-works-detail-combined__inner{padding:var(--section-padding-top) 2rem var(--section-padding-bottom)}@media screen and (width >= 990px){.wl-works-detail-combined__inner{padding-right:15rem;padding-left:15rem}}.wl-works-detail-combined__top-grid{display:grid;align-items:start;margin-bottom:3.2rem;grid-template:"before after" auto "table  table" auto / 45fr 55fr;gap:1.6rem 1.2rem}@media screen and (width >= 750px){.wl-works-detail-combined__top-grid{grid-template:"before after" auto "table  after" 1fr / 40fr 60fr;gap:1.6rem 2.4rem}}.wl-works-detail-combined__before-area{grid-area:before}.wl-works-detail-combined__after-area{grid-area:after}@media screen and (width >= 750px){.wl-works-detail-combined__after-area{display:flex;flex-direction:column}}@media screen and (width >= 750px){.wl-works-detail-combined__image--after{flex:1;object-fit:cover;height:100%}}.wl-works-detail-combined__table-wrapper{grid-area:table}@media screen and (width >= 750px){.wl-works-detail-combined__table-wrapper{align-self:end}}.wl-works-detail-combined__image-label{display:block;text-align:center;font-size:2rem;font-weight:700;margin-bottom:.8rem}.wl-works-detail-combined__image{width:100%;height:auto;display:block;margin:0 auto;border:1px solid #8f8f8f;padding:.5rem}.wl-works-detail-combined__image-model{margin:.8rem 0 0;text-align:center;font-size:1.4rem;font-weight:700;line-height:1.4}.wl-works-detail-combined__image-placeholder{aspect-ratio:4 / 3;background-color:rgba(var(--color-foreground),.05);display:flex;align-items:center;justify-content:center}.wl-works-detail-combined__image-placeholder .placeholder-svg{width:60%;height:60%;opacity:.3}.wl-works-detail-combined__table{width:100%;border-collapse:collapse;border:1px solid #e3e3e3}.wl-works-detail-combined__table-row{border-bottom:1px solid #e3e3e3}.wl-works-detail-combined__table-label{display:block;padding:1.4rem 2rem 1rem;font-size:1.4rem;font-weight:400;text-align:left}.wl-works-detail-combined__table-value{display:block;padding:0 2rem 1.4rem;font-size:2rem;line-height:1.5;font-weight:700;color:#4295cd}.wl-works-detail-combined__model-list{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none}.wl-works-detail-combined__model-list li{position:relative}.wl-works-detail-combined__model-list li:first-child{color:rgba(var(--color-foreground));font-weight:400;padding-bottom:2rem;margin-bottom:.5rem}.wl-works-detail-combined__model-list li:first-child:before{content:"交換前";display:block;font-size:1.2rem}.wl-works-detail-combined__model-list li:first-child:after{content:"";display:block;position:absolute;bottom:0;left:1rem;width:0;height:0;border-style:solid;border-width:1.5rem .75rem 0;border-color:rgb(var(--color-foreground)) transparent transparent}.wl-works-detail-combined__model-list li:last-child:before{content:"交換後";display:block;font-size:1.2rem;color:rgba(var(--color-foreground));font-weight:400}.wl-works-detail-combined__article-tags{margin-top:1.6rem}.wl-works-detail-combined__article-tags-list{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none}.wl-works-detail-combined__article-tag{padding:.4rem 1rem;border:1px solid #d3d3d3;border-radius:999px;font-size:1.3rem;line-height:1.4;color:rgba(var(--color-foreground));background-color:#fff}.wl-works-detail-combined__article-content{margin-top:3.2rem;padding-top:3.2rem;border-top:1px solid rgba(var(--color-foreground),.08)}.wl-works-detail-combined__voice-area{border-top:1px solid rgba(var(--color-foreground),.08);padding-top:3.2rem}.wl-works-detail-combined__heading{margin:0 0 2rem;font-size:2.4rem;font-weight:700;text-align:center}@media screen and (width >= 750px){.wl-works-detail-combined__heading{text-align:left;font-size:2.8rem}}.wl-works-detail-combined__voice-area .accordion+.accordion{border-top:.1rem solid rgba(var(--color-foreground),.08)}
