@layer page{.p-service-workplace__case{background-color:var(--sub-workplace)}.p-service-workplace__demo{background-color:#fff;border-radius:var(--round-30);margin-block:min(11vw,160px) min(10vw,140px)}.p-service-workplace__demo ._inner{padding:min(10vw,80px) min(5vw,80px)}@media screen and (max-width:992px){.p-service-workplace__demo ._inner{padding-inline:3%}}.p-service-workplace__demo ._inner hgroup{color:var(--color-workplace);margin-bottom:min(5vw,60px);text-align:center}.p-service-workplace__demo ._inner hgroup ._en{font-family:Poppins,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDGothic,Meiryo,sans-serif;font-size:1.6rem;font-weight:700}.p-service-workplace__demo ._inner hgroup ._ja{font-size:clamp(2.4rem,3vw,4rem);font-weight:700}.p-service-workplace__demo__photoArea{margin-bottom:55px;position:relative;z-index:2;--w-thum:290px}@media screen and (max-width:992px){.p-service-workplace__demo__photoArea{--w-thum:200px}}@media (width < 650px){.p-service-workplace__demo__photoArea{--w-thum:100%;margin-bottom:30px}}.p-service-workplace__demo__photoArea .slide-wrapper{align-items:flex-start;display:flex;justify-content:space-between}@media (width < 650px){.p-service-workplace__demo__photoArea .slide-wrapper{flex-direction:column}}.p-service-workplace__demo__photoArea .slide-wrapper ._mainSlide{width:calc(100% - var(--w-thum) - 25px)}@media (width < 650px){.p-service-workplace__demo__photoArea .slide-wrapper ._mainSlide{width:100%}}.p-service-workplace__demo__photoArea .slide-wrapper ._mainSlide .splide__slide{aspect-ratio:870/580;border-radius:var(--round-8);overflow:hidden;width:100%}.p-service-workplace__demo__photoArea .slide-wrapper ._mainSlide .splide__slide img{border-radius:var(--round-8);display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.p-service-workplace__demo__photoArea .slide-wrapper ._thum{width:var(--w-thum)}@media (width < 650px){.p-service-workplace__demo__photoArea .slide-wrapper ._thum{margin-top:10px}}.p-service-workplace__demo__photoArea .slide-wrapper ._thum .splide__arrows{display:none}.p-service-workplace__demo__photoArea .slide-wrapper ._thum .splide__list{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:10px}@media (width < 650px){.p-service-workplace__demo__photoArea .slide-wrapper ._thum .splide__list{-moz-column-gap:7px;column-gap:7px;justify-content:flex-start;row-gap:7px}}.p-service-workplace__demo__photoArea .slide-wrapper ._thum .splide__slide{aspect-ratio:870/580;border:none!important;border-radius:var(--round-8);min-width:47%;overflow:hidden;position:relative}@media (width < 650px){.p-service-workplace__demo__photoArea .slide-wrapper ._thum .splide__slide{min-width:23%}}.p-service-workplace__demo__photoArea .slide-wrapper ._thum .splide__slide img{display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.p-service-workplace__demo__photoArea .slide-wrapper ._thum .splide__slide:before{background-color:#6b6b6b;bottom:0;content:"";display:block;left:0;mix-blend-mode:multiply;opacity:0;position:absolute;right:0;top:0;transition:all .3s;z-index:1}.p-service-workplace__demo__photoArea .slide-wrapper ._thum .splide__slide.is-active:before{opacity:1}}