@layer page{.p-service__problem ._leadTxt{font-size:var(--font-20);font-weight:500;line-height:2.2;padding-block:34px 54px;text-align:center}@media screen and (max-width:576px){.p-service__problem ._leadTxt{text-align:left}}.p-service__problem__case{display:grid;gap:45px min(3vw,30px);grid-template-columns:repeat(2,1fr);margin-inline:auto;max-width:900px}.p-service__problem__case ._box{background:#fff;border-radius:var(--round-20);display:grid;gap:17px;grid-row:span 2;grid-template-rows:subgrid;justify-items:center;padding:42px 3% 27px;position:relative}.p-service__problem__case ._box ._tag{align-items:center;background:var(--color-secondary);border-radius:100vmax;color:#fff;display:block;font-family:Poppins,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDGothic,Meiryo,sans-serif;font-size:var(--font-20);font-weight:700;gap:10px;justify-content:center;left:50%;line-height:160%;padding:5px 0 3px;position:absolute;text-align:center;top:0;transform:translate(-50%,-50%);width:114px}.p-service__problem__case ._box ._fig{height:auto}@media screen and (max-width:576px){.p-service__problem__case ._box ._fig{max-height:70px;max-width:70%;width:auto}}.p-service__problem__case ._box ._txt{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;text-align:center}@media screen and (max-width:576px){.p-service__problem__case ._box ._txt{text-align:left}}.p-service__problem__case ._box ._txt strong{color:var(--color-secondary);font-weight:700}.p-service__onestop>h2{font-size:clamp(2.4rem,3vw,3.8rem);font-weight:700;line-height:1.7}.p-service__onestop__contents{align-items:center;display:flex;flex-wrap:wrap;gap:2%;justify-content:space-between}@media screen and (max-width:1280px){.p-service__onestop__contents{margin-top:min(5vw,100px)}}@media screen and (max-width:768px){.p-service__onestop__contents{flex-direction:column-reverse;gap:20px}}.p-service__onestop__contents__txtWrap{width:52%}@media screen and (max-width:768px){.p-service__onestop__contents__txtWrap{width:100%}}.p-service__onestop__contents__txtWrap>p{font-size:var(--font-20);line-height:2.3}.p-service__onestop__contents__txtWrap>p:not(:first-child){margin-top:1.5em}.p-service__onestop__contents__txtWrap>p strong{font-weight:700}.p-service__onestop__contents ._fig{width:44%}@media screen and (max-width:768px){.p-service__onestop__contents ._fig{max-width:500px;width:100%}}.p-service__onestop__contents ._fig img{height:auto}.p-service__reason{background:#fff;border-radius:var(--round-30);margin-top:min(10vw,150px);overflow:clip;padding-bottom:50px;position:relative}.p-service__reason ._fig_circle{height:80vh;left:-100vw;position:absolute;top:50vh;transform:translateY(-50%);width:200vw}.p-service__reason ._fig_circle:before{background:url(/assets/dest/img/service/index/fig_circle_grid.png) repeat-x 50%/contain;content:"";display:block;height:100%;left:0;position:absolute;top:5vh;width:100vw;width:100%;z-index:0}.p-service__reason__panel{padding:min(8vw,90px) min(6vw,80px);position:relative;top:min(10vh,80px);z-index:2}@media screen and (max-width:992px){.p-service__reason__panel{padding:0 min(6vw,80px);top:unset}}@media screen and (max-width:768px){.p-service__reason__panel{padding:min(8vw,90px) min(6vw,80px);top:min(5vh,80px)}}.p-service__reason__panel ._feature_wrap{height:380vh}@media screen and (max-width:768px){.p-service__reason__panel ._feature_wrap{height:auto;margin-bottom:15%}}.p-service__reason__panel ._feature{align-items:center;display:grid;gap:min(3vw,40px);grid-template-columns:10% 44% 40%;height:100vh;position:-webkit-sticky;position:sticky;top:0;z-index:1}@media screen and (max-width:768px){.p-service__reason__panel ._feature{display:flex;flex-direction:column;height:unset;height:auto;opacity:1;position:relative;transform:translateY(0);visibility:visible}.p-service__reason__panel ._feature:not(:last-of-type){margin-bottom:50px}}.p-service__reason__panel ._feature.is-current,.p-service__reason__panel ._feature.is-current ._label,.p-service__reason__panel ._feature.is-current ._text{opacity:1;transform:translateY(0);visibility:visible}.p-service__reason__panel ._feature>h2{left:50%;position:absolute;top:15vh;transform:translateX(-50%);width:100%}@media screen and (max-width:768px){.p-service__reason__panel ._feature>h2{left:unset;margin-bottom:20px;position:relative;top:unset;transform:unset;width:100%}}.p-service__reason__panel ._feature ._image,.p-service__reason__panel ._feature ._label,.p-service__reason__panel ._feature ._text{margin-top:80px}@media screen and (max-width:768px){.p-service__reason__panel ._feature ._image,.p-service__reason__panel ._feature ._label,.p-service__reason__panel ._feature ._text{margin-top:0}}.p-service__reason__panel ._feature ._label{color:var(--color-primary);font-family:Poppins,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDGothic,Meiryo,sans-serif;line-height:1;opacity:0;text-align:right;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;visibility:hidden}@media screen and (max-width:768px){.p-service__reason__panel ._feature ._label{align-items:baseline;display:flex;gap:5px;opacity:1;transform:translateY(0);visibility:visible}}.p-service__reason__panel ._feature ._label span{display:block;font-size:clamp(1.6rem,2.4vw,3rem);font-weight:700}.p-service__reason__panel ._feature ._label strong{display:block;font-size:clamp(3rem,5vw,6rem);font-weight:700;margin-top:.1em}.p-service__reason__panel ._feature ._image{aspect-ratio:568/426;background:#f0f0f0;border-radius:var(--round-8);overflow:clip;transform:rotate(0deg);transition:transform .2s ease}.p-service__reason__panel ._feature ._image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.p-service__reason__panel ._feature.--01 ._image.is-tilted{transform:rotate(4deg)}.p-service__reason__panel ._feature.--02 ._image.is-tilted{transform:rotate(-4deg)}.p-service__reason__panel ._feature ._text{opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;visibility:hidden}@media screen and (max-width:768px){.p-service__reason__panel ._feature ._text{opacity:1;transform:translateY(0);visibility:visible}}.p-service__reason__panel ._feature ._text h3{color:var(--color-primary);font-size:var(--font-30);font-weight:700;line-height:1.6}@media screen and (max-width:768px){.p-service__reason__panel ._feature ._text h3{margin-top:min(2vw,1.2em)}}.p-service__reason__panel ._feature ._text p{font-size:1.6rem;font-weight:500;line-height:2;margin-top:min(2vw,1.2em)}.p-service__reason ._gallery{margin-left:220px}.p-service__reason ._gallery ._box{height:100vh;position:-webkit-sticky;position:sticky;top:33vh}.p-service__reason ._gallery ._box ._image{aspect-ratio:568/426;border-radius:var(--round-8);overflow:clip;position:-webkit-sticky;position:sticky;top:0;width:44%}.p-service__merit{align-items:flex-start;display:flex;justify-content:center;margin-top:min(15vw,260px);--mg-inline:min(5vw,80px)}@media screen and (max-width:992px){.p-service__merit{--mg-inline:3%}}.p-service__merit__title{--h-top:12vh;display:flex;height:calc(100vh - var(--h-top));justify-content:center;position:-webkit-sticky;position:sticky;top:var(--h-top);width:24%}.p-service__merit__title ._tl{color:var(--color-primary);font-feature-settings:normal;font-size:var(--font-34);font-weight:900;margin-left:var(--mg-inline);position:relative;writing-mode:vertical-rl}.p-service__merit__title ._tl:before{aspect-ratio:119/377;background:url(/assets/dest/img/service/index/fig_onestopmerit.svg) no-repeat top/contain;content:"";display:block;height:65vh;position:absolute;right:80%;top:0;z-index:-1}@media screen and (max-width:992px){.p-service__merit__title ._tl:before{right:-10%;width:250%}}@media screen and (max-width:576px){.p-service__merit__title ._tl:before{right:-10px;width:200%}}.p-service__merit__title ._en{color:transparent;font-family:Poppins,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDGothic,Meiryo,sans-serif;font-weight:900;position:absolute;-webkit-text-stroke:1px var(--color-border);text-stroke:1px var(--color-border);font-size:17.3vh;line-height:1;-webkit-text-orientation:mixed;text-orientation:mixed;writing-mode:vertical-rl}@media screen and (max-width:576px){.p-service__merit__title{width:27%}.p-service__merit__title ._tl{margin-block:auto}}.p-service__merit__list{margin-right:var(--mg-inline);max-width:850px;width:60%}@media screen and (max-width:992px){.p-service__merit__list{width:80%}}.p-service__merit__list ._item{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:35px;padding-block:30px}.p-service__merit__list ._item:last-of-type{border-bottom:1px solid var(--color-border)}.p-service__merit__list ._item ._pho{aspect-ratio:280/210;border-radius:var(--round-8);max-width:380px;overflow:clip;width:70%}@media screen and (max-width:768px){.p-service__merit__list ._item ._pho{max-width:400px}}.p-service__merit__list ._item ._pho img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.p-service__merit__list ._item .text-block{width:70%}.p-service__merit__list ._item .text-block>h3{color:var(--color-secondary);font-size:var(--font-24);font-weight:700;line-height:1.6}.p-service__merit__list ._item .text-block>p{font-weight:500;line-height:2;margin-top:1.8em}@media screen and (max-width:768px){.p-service__merit__list{margin-right:3%;width:100%}.p-service__merit__list ._item{flex-direction:column;gap:15px}.p-service__merit__list ._item ._pho,.p-service__merit__list ._item .text-block{width:100%}.p-service__merit__list ._item .text-block>p{margin-top:.5em}}.p-service__support{margin-block:min(15vw,150px);margin-inline:auto;max-width:1000px}.p-service__support ._txt{font-size:var(--font-20);margin-top:1em;text-align:center}.p-service__support__step{margin-top:min(5vw,50px);position:relative}.p-service__support__step:before{background:var(--color-secondary);content:"";display:block;height:100%;left:57px;position:absolute;top:0;width:1px;z-index:-1}@media screen and (max-width:576px){.p-service__support__step:before{left:50%}}.p-service__support__step ._box{background:#fff;border:1px solid var(--color-secondary);border-radius:var(--round-8);display:flex}.p-service__support__step ._box:not(:last-of-type){margin-bottom:20px}@media screen and (max-width:576px){.p-service__support__step ._box{flex-direction:column}}.p-service__support__step ._box ._step{align-items:center;aspect-ratio:1/1;border-right:1px solid var(--color-secondary);color:var(--color-secondary);display:flex;flex-direction:column;flex-shrink:0;font-family:Poppins,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDGothic,Meiryo,sans-serif;font-size:3.8rem;font-weight:700;justify-content:center;line-height:1;width:114px}@media screen and (max-width:576px){.p-service__support__step ._box ._step{align-items:baseline;aspect-ratio:unset;border-bottom:1px solid var(--color-secondary);border-right:none;flex-direction:row;font-size:2.8rem;gap:5px;padding-block:7px;width:100%}}.p-service__support__step ._box ._step ._sm{font-size:1.8rem}@media screen and (max-width:576px){.p-service__support__step ._box ._step ._sm{font-size:1.4rem}}.p-service__support__step ._box ._contents{align-items:center;display:flex;justify-content:flex-start;padding:30px 3% 30px 0;width:100%}@media screen and (max-width:576px){.p-service__support__step ._box ._contents{flex-direction:column;gap:10px;padding:5% 3%}}.p-service__support__step ._box ._contents ._fig{align-items:center;display:flex;justify-content:center;max-width:143px;width:14%}.p-service__support__step ._box ._contents ._fig img{display:block;height:auto;height:100%;margin-inline:auto;max-height:60px;-o-object-fit:contain;object-fit:contain;width:80%}@media screen and (max-width:768px){.p-service__support__step ._box ._contents ._fig{width:20%}}@media screen and (max-width:576px){.p-service__support__step ._box ._contents ._fig{height:40px;width:50px}.p-service__support__step ._box ._contents ._fig img{width:100%}}.p-service__support__step ._box ._contents ._txt_block{width:80%}@media screen and (max-width:576px){.p-service__support__step ._box ._contents ._txt_block{width:100%}}.p-service__support__step ._box ._contents ._txt_block>h3{color:var(--color-secondary);font-size:var(--font-24);font-weight:700;line-height:1.4}@media screen and (max-width:576px){.p-service__support__step ._box ._contents ._txt_block>h3{text-align:center}}.p-service__support__step ._box ._contents ._txt_block>p{font-weight:500;line-height:2}.p-service__branch{margin-bottom:min(15vw,200px)}.p-service__branch .c-title_ja{margin-bottom:1em}@media screen and (max-width:576px){.p-service__branch .c-title_ja{margin-bottom:0}}.p-service__branch__container{background-color:var(--color-secondary);background:url(/assets/dest/img/service/index/bg_project.png) no-repeat 50%/cover;border-radius:var(--round-30);padding:65px 80px;position:relative}@media screen and (max-width:992px){.p-service__branch__container{padding:8% 3%}}@media screen and (max-width:576px){.p-service__branch__container{background:none;padding:0}}.p-service__branch__container:after{background-image:url(/assets/dest/img/service/index/bg_project.png),url(/assets/dest/img/service/index/bg_heat.png),url(/assets/dest/img/service/index/bg_workplace.png),url(/assets/dest/img/service/index/bg_bcp.png),url(/assets/dest/img/service/index/bg_energy.png),url(/assets/dest/img/service/index/bg_solution.png);content:"";height:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:0}@media screen and (max-width:576px){.p-service__branch__container:after{background-image:none}}@media (any-hover:hover){.p-service__branch__container:has(._item[data-item-name=project]:focus-visible),.p-service__branch__container:has(._item[data-item-name=project]:hover),.p-service__branch__container[data-active-item=project]{background-image:url(/assets/dest/img/service/index/bg_project.png)}}@media screen and (any-hover:hover) and (max-width:576px){.p-service__branch__container:has(._item[data-item-name=project]:focus-visible),.p-service__branch__container:has(._item[data-item-name=project]:hover),.p-service__branch__container[data-active-item=project]{background-image:none}}@media (any-hover:hover){.p-service__branch__container:has(._item[data-item-name=heat]:focus-visible),.p-service__branch__container:has(._item[data-item-name=heat]:hover),.p-service__branch__container[data-active-item=heat]{background-image:url(/assets/dest/img/service/index/bg_heat.png)}}@media screen and (any-hover:hover) and (max-width:576px){.p-service__branch__container:has(._item[data-item-name=heat]:focus-visible),.p-service__branch__container:has(._item[data-item-name=heat]:hover),.p-service__branch__container[data-active-item=heat]{background-image:none}}@media (any-hover:hover){.p-service__branch__container:has(._item[data-item-name=workplace]:focus-visible),.p-service__branch__container:has(._item[data-item-name=workplace]:hover),.p-service__branch__container[data-active-item=workplace]{background-image:url(/assets/dest/img/service/index/bg_workplace.png)}}@media screen and (any-hover:hover) and (max-width:576px){.p-service__branch__container:has(._item[data-item-name=workplace]:focus-visible),.p-service__branch__container:has(._item[data-item-name=workplace]:hover),.p-service__branch__container[data-active-item=workplace]{background-image:none}}@media (any-hover:hover){.p-service__branch__container:has(._item[data-item-name=bcp]:focus-visible),.p-service__branch__container:has(._item[data-item-name=bcp]:hover),.p-service__branch__container[data-active-item=bcp]{background-image:url(/assets/dest/img/service/index/bg_bcp.png)}}@media screen and (any-hover:hover) and (max-width:576px){.p-service__branch__container:has(._item[data-item-name=bcp]:focus-visible),.p-service__branch__container:has(._item[data-item-name=bcp]:hover),.p-service__branch__container[data-active-item=bcp]{background-image:none}}@media (any-hover:hover){.p-service__branch__container:has(._item[data-item-name=energy]:focus-visible),.p-service__branch__container:has(._item[data-item-name=energy]:hover),.p-service__branch__container[data-active-item=energy]{background-image:url(/assets/dest/img/service/index/bg_energy.png)}}@media screen and (any-hover:hover) and (max-width:576px){.p-service__branch__container:has(._item[data-item-name=energy]:focus-visible),.p-service__branch__container:has(._item[data-item-name=energy]:hover),.p-service__branch__container[data-active-item=energy]{background-image:none}}@media (any-hover:hover){.p-service__branch__container:has(._item[data-item-name=solution]:focus-visible),.p-service__branch__container:has(._item[data-item-name=solution]:hover),.p-service__branch__container[data-active-item=solution]{background-image:url(/assets/dest/img/service/index/bg_solution.png)}}@media screen and (any-hover:hover) and (max-width:576px){.p-service__branch__container:has(._item[data-item-name=solution]:focus-visible),.p-service__branch__container:has(._item[data-item-name=solution]:hover),.p-service__branch__container[data-active-item=solution]{background-image:none}}.p-service__branch__container ._item{align-items:center;border-top:1px solid #d4e0e9;color:#fff;display:grid;gap:40px;grid-template-columns:calc(60% - 120px) 40% 40px;opacity:.3;padding-block:30px;text-decoration:none;transition:all .3s ease}@media (any-hover:none){.p-service__branch__container ._item{opacity:1;transition:none}}@media screen and (max-width:576px){.p-service__branch__container ._item{color:var(--color-font);-moz-column-gap:20px;column-gap:20px;display:flex;flex-wrap:wrap;opacity:1;row-gap:15px;transition:none}.p-service__branch__container ._item:first-of-type{border-top:none}}.p-service__branch__container ._item.is-active{opacity:1}.p-service__branch__container ._item ._pho_sp{aspect-ratio:302/226;border-radius:var(--round-8);display:none;overflow:clip;width:30%}.p-service__branch__container ._item ._pho_sp img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (max-width:576px){.p-service__branch__container ._item ._pho_sp{display:block}}.p-service__branch__container ._item>h3{font-size:var(--font-28);font-weight:900;line-height:1.5}.p-service__branch__container ._item>p{font-weight:500;line-height:1.5}.p-service__branch__container ._item .c-btn_solo{background:#fff}.p-service__branch__container ._item .c-btn_solo ._arrow:after,.p-service__branch__container ._item .c-btn_solo ._arrow:before{background:var(--color-secondary)}@media (any-hover:hover){.p-service__branch__container ._item:hover{opacity:1}}@media screen and (max-width:576px){.p-service__branch__container ._item[data-item-name=project] .c-btn_solo{background:var(--color-project)}}.p-service__branch__container ._item[data-item-name=project] .c-btn_solo ._arrow:after,.p-service__branch__container ._item[data-item-name=project] .c-btn_solo ._arrow:before{background:var(--color-project)}@media screen and (max-width:576px){.p-service__branch__container ._item[data-item-name=project] .c-btn_solo ._arrow:after,.p-service__branch__container ._item[data-item-name=project] .c-btn_solo ._arrow:before{background:#fff}.p-service__branch__container ._item[data-item-name=heat] .c-btn_solo{background:var(--color-heat)}}.p-service__branch__container ._item[data-item-name=heat] .c-btn_solo ._arrow:after,.p-service__branch__container ._item[data-item-name=heat] .c-btn_solo ._arrow:before{background:var(--color-heat)}@media screen and (max-width:576px){.p-service__branch__container ._item[data-item-name=heat] .c-btn_solo ._arrow:after,.p-service__branch__container ._item[data-item-name=heat] .c-btn_solo ._arrow:before{background:#fff}.p-service__branch__container ._item[data-item-name=workplace] .c-btn_solo{background:var(--color-workplace)}}.p-service__branch__container ._item[data-item-name=workplace] .c-btn_solo ._arrow:after,.p-service__branch__container ._item[data-item-name=workplace] .c-btn_solo ._arrow:before{background:var(--color-workplace)}@media screen and (max-width:576px){.p-service__branch__container ._item[data-item-name=workplace] .c-btn_solo ._arrow:after,.p-service__branch__container ._item[data-item-name=workplace] .c-btn_solo ._arrow:before{background:#fff}.p-service__branch__container ._item[data-item-name=bcp] .c-btn_solo{background:var(--color-bcp)}}.p-service__branch__container ._item[data-item-name=bcp] .c-btn_solo ._arrow:after,.p-service__branch__container ._item[data-item-name=bcp] .c-btn_solo ._arrow:before{background:var(--color-bcp)}@media screen and (max-width:576px){.p-service__branch__container ._item[data-item-name=bcp] .c-btn_solo ._arrow:after,.p-service__branch__container ._item[data-item-name=bcp] .c-btn_solo ._arrow:before{background:#fff}.p-service__branch__container ._item[data-item-name=energy] .c-btn_solo{background:var(--color-energy)}}.p-service__branch__container ._item[data-item-name=energy] .c-btn_solo ._arrow:after,.p-service__branch__container ._item[data-item-name=energy] .c-btn_solo ._arrow:before{background:var(--color-energy)}@media screen and (max-width:576px){.p-service__branch__container ._item[data-item-name=energy] .c-btn_solo ._arrow:after,.p-service__branch__container ._item[data-item-name=energy] .c-btn_solo ._arrow:before{background:#fff}.p-service__branch__container ._item[data-item-name=solution] .c-btn_solo{background:var(--color-solution)}}.p-service__branch__container ._item[data-item-name=solution] .c-btn_solo ._arrow:after,.p-service__branch__container ._item[data-item-name=solution] .c-btn_solo ._arrow:before{background:var(--color-solution)}@media screen and (max-width:576px){.p-service__branch__container ._item[data-item-name=solution] .c-btn_solo ._arrow:after,.p-service__branch__container ._item[data-item-name=solution] .c-btn_solo ._arrow:before{background:#fff}}}