@layer page{._serviceWrapper{overflow-x:clip}.p-service-under__lead{text-align:center}.p-service-under__lead ._headline{font-size:var(--font-32);font-weight:700;margin-bottom:.8em}.p-service-under__lead ._txt{font-size:var(--font-18);font-weight:500;line-height:2.2}@media screen and (max-width:576px){.p-service-under__lead ._txt{text-align:left}}.p-service-under__problem{background-color:#fff;border-radius:var(--round-30);padding:min(10vw,70px) min(3vw,50px)}.p-service-under__problem__contents{-moz-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:min(8vw,65px);row-gap:36px}@media screen and (max-width:992px){.p-service-under__problem__contents{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:576px){.p-service-under__problem__contents{grid-template-columns:repeat(1,1fr);row-gap:21px}}.p-service-under__problem__contents ._item{align-items:center;border-radius:var(--round-20) var(--round-20) 0 var(--round-20);display:flex;font-size:clamp(1.6rem,1.5vw,2.2rem);font-weight:500;height:min(125px,35vw,155px);justify-content:center;padding-inline:7px;position:relative;text-align:center}.p-service-under__problem__contents ._item strong{font-weight:500}.p-service-under__problem__contents ._item:before{bottom:-16px;content:"";display:block;height:16px;-webkit-mask-image:url(/assets/dest/img/service/common/fig_corner.svg);mask-image:url(/assets/dest/img/service/common/fig_corner.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;right:0;width:16px}.p-service-under__approach{--contents-h:70vh;position:relative}.p-service-under__approach__container{align-items:flex-start;display:flex;gap:40px;justify-content:space-between;margin:min(8vw,85px) min(8vw,75px)}@media screen and (max-width:992px){.p-service-under__approach__container{margin-inline:0}}@media screen and (max-width:992px) and (orientation:landscape){.p-service-under__approach__container{margin-inline:0}}@media screen and (max-width:768px){.p-service-under__approach__container{display:block;margin-inline:0}}.p-service-under__approach__img{flex-shrink:0;position:-webkit-sticky;position:sticky;top:20vh;width:50%}@media screen and (max-width:992px) and (orientation:landscape){.p-service-under__approach__img{display:none}}@media screen and (max-width:768px){.p-service-under__approach__img{display:none}}.p-service-under__approach__img ._box{aspect-ratio:1/1;border-radius:var(--round-8);display:block;height:100%;max-width:50vw;overflow:clip;position:relative;width:100%}@media screen and (max-width:992px) and (orientation:landscape){.p-service-under__approach__img ._box{max-width:unset}}@media screen and (max-width:576px){.p-service-under__approach__img ._box{max-width:unset}}.p-service-under__approach__img ._box img{display:block;height:100%;left:50%;min-width:300px;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity 1s ease;width:100%}.p-service-under__approach__img ._box img.active{opacity:1}.p-service-under__approach__contents{display:grid;gap:40px;width:50%}@media screen and (max-width:992px) and (orientation:landscape){.p-service-under__approach__contents{width:100%}}@media screen and (max-width:576px){.p-service-under__approach__contents{gap:32px}}@media screen and (max-width:768px){.p-service-under__approach__contents{width:100%}}.p-service-under__approach__contents__box{display:flex;flex-direction:column;height:var(--contents-h);justify-content:center}@media screen and (max-width:992px) and (orientation:landscape){.p-service-under__approach__contents__box{height:auto}}@media screen and (max-width:768px){.p-service-under__approach__contents__box{gap:20px;height:auto}}.p-service-under__approach__contents__box ._pho_sp{aspect-ratio:1/1;border-radius:var(--round-8);display:none;height:auto;margin-inline:auto;max-width:500px;overflow:clip;width:85%}@media screen and (max-width:992px) and (orientation:landscape){.p-service-under__approach__contents__box ._pho_sp{display:block;margin-bottom:20px}}@media screen and (max-width:768px){.p-service-under__approach__contents__box ._pho_sp{display:block;margin-bottom:0}}@media screen and (max-width:576px){.p-service-under__approach__contents__box{gap:20px}}.p-service-under__approach__contents__box ._ttl{font-size:var(--font-32);font-weight:700;line-height:1.6;margin-bottom:min(2vw,50px)}@media screen and (max-width:576px){.p-service-under__approach__contents__box ._ttl{margin-bottom:0}}.p-service-under__approach__contents__box ._txt{font-size:1.8rem;line-height:2}.p-service-under__case{border-radius:var(--round-30);padding-block:var(--space-lg);position:relative}.p-service-under__case:before{background-color:#fff;bottom:0;content:"";display:block;height:50%;left:0;position:absolute;width:100%;z-index:-1}.p-service-under__case__contents{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:clamp(40px,8vw,80px)}@media screen and (max-width:768px){.p-service-under__case__contents{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:576px){.p-service-under__case__contents{grid-template-columns:repeat(1,1fr)}}.p-service-under__case__contents.--4col{grid-template-columns:repeat(2,1fr)}@media screen and (max-width:576px){.p-service-under__case__contents.--4col{grid-template-columns:repeat(1,1fr)}}.p-service-under__case__contents ._box{background:#fff;border-radius:var(--round-8);padding:12px 12px 22px}.p-service-under__case__contents ._box ._pho{aspect-ratio:390/293;border-radius:var(--round-8);display:block;height:auto;overflow:clip;width:100%}.p-service-under__case__contents ._box ._pho img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.p-service-under__case__contents ._box ._tl{font-size:var(--font-20);font-weight:700;line-height:1.2;margin-block:17px;text-align:center}.p-service-under__case__contents ._box ._txt{font-size:1.6rem;font-weight:500;line-height:1.5}.p-service-under__construction{background:#fff;border-radius:0 0 var(--round-30) var(--round-30);padding-bottom:var(--space-lg);position:relative}.p-service-under__construction ._inner{position:relative}.p-service-under__construction .c-title_ja{margin-bottom:var(--space-lg)}.p-service-under__construction .c-btn_border{font-size:clamp(1.8rem,1.5vw,2rem);height:70px;margin-inline:auto;min-width:500px;width:30%}@media screen and (max-width:768px){.p-service-under__construction .c-btn_border{min-width:320px;width:100%}}.p-service-under__construction .c-title_circle{margin-bottom:60px}.p-service-under__construction__contents:not(:last-child){margin-bottom:50px;padding-bottom:50px}.p-service-under__construction__contents:not(:last-of-type){border-bottom:1px solid var(--color-border)}.p-service-under__construction ._disc{font-size:var(--font-18);font-weight:500;line-height:1.8;margin-block:37px}body[data-item-name=project] .p-service-under .--font-color,body[data-item-name=project] .p-service-under .c-title_ja{color:var(--color-project)}body[data-item-name=project] .p-service-under .c-title_ja{font-size:clamp(2.4rem,3vw,4rem);font-weight:700}body[data-item-name=project] .p-service-under__problem ._item,body[data-item-name=project] .p-service-under__problem ._item:before{background-color:var(--sub-project)}body[data-item-name=project] .p-service-under__case__contents ._box ._tl,body[data-item-name=project] .p-service-under__construction .c-title_circle{color:var(--color-project)}body[data-item-name=project] .p-service-under__construction .c-title_circle svg circle{stroke:var(--color-project)}body[data-item-name=project] .p-service-under__construction .c-construction__compare__block{margin-bottom:min(8vw,50px)}body[data-item-name=project] .p-service-under__construction .c-construction__compare__block ._label{border-color:var(--color-project);color:var(--color-project)}body[data-item-name=project] .p-service-under__construction .c-construction__compare__block ._arrow path{fill:var(--color-project)}body[data-item-name=project] .p-service-under .c-btn_standard{background-color:var(--color-project)}body[data-item-name=project] .p-service-under .c-btn_border{border-color:var(--color-project);color:var(--color-project)}body[data-item-name=project] .p-service-under .c-btn_border span:after,body[data-item-name=project] .p-service-under .c-btn_border span:before{background-color:var(--color-project)}body[data-item-name=heat] .p-service-under .--font-color,body[data-item-name=heat] .p-service-under .c-title_ja{color:var(--color-heat)}body[data-item-name=heat] .p-service-under .c-title_ja{font-size:clamp(2.4rem,3vw,4rem);font-weight:700}body[data-item-name=heat] .p-service-under__problem ._item,body[data-item-name=heat] .p-service-under__problem ._item:before{background-color:var(--sub-heat)}body[data-item-name=heat] .p-service-under__case__contents ._box ._tl,body[data-item-name=heat] .p-service-under__construction .c-title_circle{color:var(--color-heat)}body[data-item-name=heat] .p-service-under__construction .c-title_circle svg circle{stroke:var(--color-heat)}body[data-item-name=heat] .p-service-under__construction .c-construction__compare__block{margin-bottom:min(8vw,50px)}body[data-item-name=heat] .p-service-under__construction .c-construction__compare__block ._label{border-color:var(--color-heat);color:var(--color-heat)}body[data-item-name=heat] .p-service-under__construction .c-construction__compare__block ._arrow path{fill:var(--color-heat)}body[data-item-name=heat] .p-service-under .c-btn_standard{background-color:var(--color-heat)}body[data-item-name=heat] .p-service-under .c-btn_border{border-color:var(--color-heat);color:var(--color-heat)}body[data-item-name=heat] .p-service-under .c-btn_border span:after,body[data-item-name=heat] .p-service-under .c-btn_border span:before{background-color:var(--color-heat)}body[data-item-name=workplace] .p-service-under .--font-color,body[data-item-name=workplace] .p-service-under .c-title_ja{color:var(--color-workplace)}body[data-item-name=workplace] .p-service-under .c-title_ja{font-size:clamp(2.4rem,3vw,4rem);font-weight:700}body[data-item-name=workplace] .p-service-under__problem ._item,body[data-item-name=workplace] .p-service-under__problem ._item:before{background-color:var(--sub-workplace)}body[data-item-name=workplace] .p-service-under__case__contents ._box ._tl,body[data-item-name=workplace] .p-service-under__construction .c-title_circle{color:var(--color-workplace)}body[data-item-name=workplace] .p-service-under__construction .c-title_circle svg circle{stroke:var(--color-workplace)}body[data-item-name=workplace] .p-service-under__construction .c-construction__compare__block{margin-bottom:min(8vw,50px)}body[data-item-name=workplace] .p-service-under__construction .c-construction__compare__block ._label{border-color:var(--color-workplace);color:var(--color-workplace)}body[data-item-name=workplace] .p-service-under__construction .c-construction__compare__block ._arrow path{fill:var(--color-workplace)}body[data-item-name=workplace] .p-service-under .c-btn_standard{background-color:var(--color-workplace)}body[data-item-name=workplace] .p-service-under .c-btn_border{border-color:var(--color-workplace);color:var(--color-workplace)}body[data-item-name=workplace] .p-service-under .c-btn_border span:after,body[data-item-name=workplace] .p-service-under .c-btn_border span:before{background-color:var(--color-workplace)}body[data-item-name=bcp] .p-service-under .--font-color,body[data-item-name=bcp] .p-service-under .c-title_ja{color:var(--color-bcp)}body[data-item-name=bcp] .p-service-under .c-title_ja{font-size:clamp(2.4rem,3vw,4rem);font-weight:700}body[data-item-name=bcp] .p-service-under__problem ._item,body[data-item-name=bcp] .p-service-under__problem ._item:before{background-color:var(--sub-bcp)}body[data-item-name=bcp] .p-service-under__case__contents ._box ._tl,body[data-item-name=bcp] .p-service-under__construction .c-title_circle{color:var(--color-bcp)}body[data-item-name=bcp] .p-service-under__construction .c-title_circle svg circle{stroke:var(--color-bcp)}body[data-item-name=bcp] .p-service-under__construction .c-construction__compare__block{margin-bottom:min(8vw,50px)}body[data-item-name=bcp] .p-service-under__construction .c-construction__compare__block ._label{border-color:var(--color-bcp);color:var(--color-bcp)}body[data-item-name=bcp] .p-service-under__construction .c-construction__compare__block ._arrow path{fill:var(--color-bcp)}body[data-item-name=bcp] .p-service-under .c-btn_standard{background-color:var(--color-bcp)}body[data-item-name=bcp] .p-service-under .c-btn_border{border-color:var(--color-bcp);color:var(--color-bcp)}body[data-item-name=bcp] .p-service-under .c-btn_border span:after,body[data-item-name=bcp] .p-service-under .c-btn_border span:before{background-color:var(--color-bcp)}body[data-item-name=energy] .p-service-under .--font-color,body[data-item-name=energy] .p-service-under .c-title_ja{color:var(--color-energy)}body[data-item-name=energy] .p-service-under .c-title_ja{font-size:clamp(2.4rem,3vw,4rem);font-weight:700}body[data-item-name=energy] .p-service-under__problem ._item,body[data-item-name=energy] .p-service-under__problem ._item:before{background-color:var(--sub-energy)}body[data-item-name=energy] .p-service-under__case__contents ._box ._tl,body[data-item-name=energy] .p-service-under__construction .c-title_circle{color:var(--color-energy)}body[data-item-name=energy] .p-service-under__construction .c-title_circle svg circle{stroke:var(--color-energy)}body[data-item-name=energy] .p-service-under__construction .c-construction__compare__block{margin-bottom:min(8vw,50px)}body[data-item-name=energy] .p-service-under__construction .c-construction__compare__block ._label{border-color:var(--color-energy);color:var(--color-energy)}body[data-item-name=energy] .p-service-under__construction .c-construction__compare__block ._arrow path{fill:var(--color-energy)}body[data-item-name=energy] .p-service-under .c-btn_standard{background-color:var(--color-energy)}body[data-item-name=energy] .p-service-under .c-btn_border{border-color:var(--color-energy);color:var(--color-energy)}body[data-item-name=energy] .p-service-under .c-btn_border span:after,body[data-item-name=energy] .p-service-under .c-btn_border span:before{background-color:var(--color-energy)}body[data-item-name=solution] .p-service-under .--font-color,body[data-item-name=solution] .p-service-under .c-title_ja{color:var(--color-solution)}body[data-item-name=solution] .p-service-under .c-title_ja{font-size:clamp(2.4rem,3vw,4rem);font-weight:700}body[data-item-name=solution] .p-service-under__problem ._item,body[data-item-name=solution] .p-service-under__problem ._item:before{background-color:var(--sub-solution)}body[data-item-name=solution] .p-service-under__case__contents ._box ._tl,body[data-item-name=solution] .p-service-under__construction .c-title_circle{color:var(--color-solution)}body[data-item-name=solution] .p-service-under__construction .c-title_circle svg circle{stroke:var(--color-solution)}body[data-item-name=solution] .p-service-under__construction .c-construction__compare__block{margin-bottom:min(8vw,50px)}body[data-item-name=solution] .p-service-under__construction .c-construction__compare__block ._label{border-color:var(--color-solution);color:var(--color-solution)}body[data-item-name=solution] .p-service-under__construction .c-construction__compare__block ._arrow path{fill:var(--color-solution)}body[data-item-name=solution] .p-service-under .c-btn_standard{background-color:var(--color-solution)}body[data-item-name=solution] .p-service-under .c-btn_border{border-color:var(--color-solution);color:var(--color-solution)}body[data-item-name=solution] .p-service-under .c-btn_border span:after,body[data-item-name=solution] .p-service-under .c-btn_border span:before{background-color:var(--color-solution)}}