/*===========================================================
          page_view_
  ===========================================================*/
/* #region */
.page_view_wrap::before{background:url(/images/common/cleaning_chara_3.webp) no-repeat center / contain;}
.page_view_wrap::after{background:url(/images/common/cleaning_chara_7.webp) no-repeat center / contain;}
/* #endregion */
/*===========================================================
          results_wrap_
  ===========================================================*/
/* #region */
.results_wrap_{position:relative;background:var(--cFFF9E5);width:100%;margin-top:-20vw;padding:calc(var(--space9) + 20vw) var(--space4) var(--space9);overflow:hidden;}
/* #endregion */
/*===========================================================
          results_works_
  ===========================================================*/
/* #region */
.results_works_{position:relative;background:var(--cFFF9E5);width:100%;}
/*----*/
.results_works_ h2{display:flex;flex-direction:column;align-items:center;text-align:center;font-family:var(--NotoSansJP900);font-size:var(--fs10);line-height:1.3;}
.results_works_ h2::before{content:attr(data-label);background:var(--cFFFFFF);padding:1.8vw 4vw;font-size:var(--fs3);color:var(--cF4C72F);border-radius:var(--braM);}
.results_works_ h2 > span{position:relative;margin-top:7vw;}
.results_works_ h2 > span::before,
.results_works_ h2 > span::after{content:"";position:absolute;display:block;background:url(/images/common/title_1.webp) no-repeat center / contain;width:7vw;height:7vw;}
.results_works_ h2 > span::before{inset:-2vw auto auto -9vw;}
.results_works_ h2 > span::after{inset:auto -9vw -2vw auto;}
.results_works_ > p{margin-top:var(--space5);padding:0 var(--space8);line-height:1.8;}
/*----*/
.results_works_slide{position:relative;margin:var(--space8) 0;}
.results_works_slide > ul{display:grid;gap:4vw;}
.results_works_slide > ul > li{background:var(--cFFFFFF);padding:var(--space4);border-radius:var(--braM);}
/*----*/
.results_works_slide_wrap h3{background:var(--cF4C72F);display:inline-block;padding:2.2vw 4vw;font-family:var(--NotoSansJP900);font-size:var(--fs4);color:var(--cFFFFFF);border-radius:var(--braM);}
.results_works_slide_wrap h4{margin-top:4vw;font-family:var(--NotoSansJP900);font-size:var(--fs7);}
/*----*/
.results_works_slide_wrap figure{display:flex;flex-direction:column;gap:4vw 0;margin-top:4vw;}
.results_works_slide_wrap figure div{position:relative;height:40vw;border-radius:var(--braS);overflow:hidden;}
.results_works_slide_wrap figure img{object-fit:cover;}
.results_works_slide_wrap figure p{position:absolute;inset:auto auto 3vw 3vw;font-family:var(--NotoSansJP900);font-size:var(--fs3);}
.results_works_slide_wrap figure p::before{display:inline-block;padding:1.8vw 4vw;border-radius:var(--braM);}
.results_works_slide_wrap figure div:nth-of-type(1) p::before{content:"BEFORE";background:var(--cFFFFFF);}
.results_works_slide_wrap figure div:nth-of-type(2) p::before{content:"AFTER";background:var(--cF4C72F);color:var(--cFFFFFF);}
/*----*/
.results_works_slide_wrap ul{display:flex;gap:3vw;flex-wrap:wrap;margin-top:4vw;}
.results_works_slide_wrap ul li{display:inline-block;padding:1.8vw 4vw;font-size:var(--fs3);border:var(--c0B0B0D) solid 1px; border-radius:var(--braM);}
/*----*/
.results_works_slide_link_{display:flex;justify-content:flex-end;margin-top:4vw;}
.results_works_slide_link_ a{display:flex;gap:0 2vw;align-items:center;}
.results_works_slide_link_ a::before{content:"";display:block;background:url(/images/common/arrow_3.webp) no-repeat center / contain;width:2vw;height:2vw;}
/*----*/
.results_works_slide .swiper-notification{display:none;}
/*----*/
.results_works_slide_nav{position:absolute;inset:43% 0 auto 0;display:flex;justify-content:space-between;width:96vw;margin:0 auto;z-index:1;}
.results_works_slide_nav button{display:flex;align-items:center;justify-content:center;background:var(--cD9D9D9);width:12vw;height:12vw;border-radius:50%;}
.results_works_slide_nav button::before{content:"";display:block;background:url(/images/common/arrow_2.webp) no-repeat center / contain;width:3vw;height:3vw;}
.results_works_slide_nav button:nth-of-type(1)::before{transform:scaleX(-1);}
/*----*/
.results_works_ > .link_a_1{margin:var(--space5) auto 0;}
/*----*/
.results_works_deco_{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.results_works_deco_ span{position:absolute;inset:0;width:100%;height:100%;}
.results_works_deco_ span::before,
.results_works_deco_ span::after{content:"";position:absolute;display:block;width:18vw;height:18vw;z-index:1;}
.results_works_deco_ span:nth-of-type(1)::before{inset:60vw -8vw auto auto;background:url(/images/common/cloud_2.webp) no-repeat center / contain;}
.results_works_deco_ span:nth-of-type(1)::after{inset:78vw 5vw auto auto;background:url(/images/common/cloud_1.webp) no-repeat center / contain;}
.results_works_deco_ span:nth-of-type(2)::before{inset:auto auto 28vw -4vw;background:url(/images/common/cloud_3.webp) no-repeat center / contain;}
/* #endregion */


@media(min-width:768px){
/*===========================================================
          results_wrap_
  ===========================================================*/
/* #region */
.results_wrap_{margin-top:-10vw;padding:calc(var(--space9) + 10vw) var(--space6) var(--space9);}
/*----*/
/* #endregion */
/*===========================================================
          results_works_
  ===========================================================*/
/* #region */
.results_works_ h2{font-size:var(--fs12);line-height:1.4;}
.results_works_ h2::before{padding:1vw 2.6vw;}
.results_works_ h2 > span{margin-top:4vw;}
.results_works_ h2 > span::before,
.results_works_ h2 > span::after{width:4vw;height:4vw;}
.results_works_ h2 > span::before{inset:-1vw auto auto -5vw;}
.results_works_ h2 > span::after{inset:auto -5vw -1vw auto;}
.results_works_ > p{margin-top:var(--space4);text-align:center;line-height:1.9;}
/*----*/
.results_works_slide > ul > li{padding:var(--space3);}
/*----*/
.results_works_slide_wrap{display:flex;flex-wrap:wrap;gap:0 2vw;align-items:center;}
.results_works_slide_wrap h3{padding:1.2vw 2.6vw;}
.results_works_slide_wrap h4{margin-top:0;font-size:var(--fs8);}
/*----*/
.results_works_slide_wrap figure{flex-direction:row;gap:0;justify-content:space-between;width:100%;margin-top:4vw;}
.results_works_slide_wrap figure div{width:36vw;height:25vw;}
.results_works_slide_wrap figure p{inset:auto auto 2vw 2vw;}
.results_works_slide_wrap figure p::before{padding:1vw 2.6vw;}
/*----*/
.results_works_slide_wrap ul{gap:2vw;width:100%;margin-top:4vw;}
.results_works_slide_wrap ul li{padding:1vw 2.6vw;}
/*----*/
.results_works_slide_link_{width:100%;margin-top:4vw;}
.results_works_slide_link_ a{gap:0 1vw;}
.results_works_slide_link_ a::before{width:1vw;height:1vw;}
/*----*/
.results_works_slide_nav{inset:43% 0 auto 0;width:82vw;}
.results_works_slide_nav button{width:8vw;height:8vw;}
.results_works_slide_nav button::before{width:1.7vw;height:1.7vw;}
/*----*/
.results_works_ > .link_a_1{margin-top:var(--space5);}
/*----*/
.results_works_deco_ span::before,
.results_works_deco_ span::after{width:13vw;height:13vw;}
.results_works_deco_ span:nth-of-type(1)::before{inset:30vw 4vw auto auto;}
.results_works_deco_ span:nth-of-type(1)::after{inset:40vw 11vw auto auto;}
.results_works_deco_ span:nth-of-type(2)::before{inset:auto auto 17vw 12vw;}
/* #endregion */
}


@media(min-width:1025px){
/*===========================================================
          results_wrap_
  ===========================================================*/
/* #region */
.results_wrap_{margin-top:-5vw;padding:calc(var(--space10) + 5vw) var(--space10) var(--space10);}
/*----*/
/* #endregion */
/*===========================================================
          results_works_
  ===========================================================*/
/* #region */
.results_works_ h2{font-size:var(--fs13);line-height:1.3;}
.results_works_ h2::before{padding:.4vw 1.3vw;}
.results_works_ h2 > span{margin-top:2vw;}
.results_works_ h2 > span::before,
.results_works_ h2 > span::after{width:2vw;height:2vw;}
.results_works_ h2 > span::before{inset:-.6vw auto auto -2.5vw;}
.results_works_ h2 > span::after{inset:auto -2.5vw -.6vw auto;}
.results_works_ > p{margin-top:var(--space4);line-height:2;}
/*----*/
.results_works_slide > ul{grid-template-columns:repeat(2,1fr);gap:2vw;}
.results_works_slide > ul > li{padding:var(--space3);}
/*----*/
.results_works_slide_wrap{gap:0 1.2vw;}
.results_works_slide_wrap h3{padding:.5vw 1.3vw;}
.results_works_slide_wrap h4{font-size:var(--fs8);}
/*----*/
.results_works_slide_wrap figure{margin-top:2vw;}
.results_works_slide_wrap figure div{width:17.5vw;height:15.2vw;}
.results_works_slide_wrap figure p{inset:auto auto 1vw 1vw;}
.results_works_slide_wrap figure p::before{padding:.4vw 1.3vw;}
/*----*/
.results_works_slide_wrap ul{gap:.7vw;margin-top:2vw;}
.results_works_slide_wrap ul li{padding:.4vw 1.3vw;}
/*----*/
.results_works_slide_link_{margin-top:2vw;}
.results_works_slide_link_ a{position:relative;gap:0 .5vw;transition:color .3s linear;}
.results_works_slide_link_ a::before{width:.5vw;height:.5vw;transition:opacity .3s linear;}
.results_works_slide_link_ a::after{content:"";position:absolute;inset:0 auto 0 0;display:block;background:url(/images/common/arrow_4.webp) no-repeat center / contain;width:.5vw;height:.5vw;margin:auto 0;opacity:0;transition:opacity .3s linear;}
.results_works_slide_link_ a:hover{color:var(--cF4C72F);}
.results_works_slide_link_ a:hover::before{opacity:0;}
.results_works_slide_link_ a:hover::after{opacity:1;}
/*----*/
.results_works_slide_nav{inset:43% 0 auto 0;width:44.6vw;}
.results_works_slide_nav button{width:4vw;height:4vw;cursor:pointer;}
.results_works_slide_nav button::before{width:1vw;height:1vw;}
/*----*/
.results_works_ > .link_a_1{margin-top:var(--space6);}
/*----*/
.results_works_deco_ span::before,
.results_works_deco_ span::after{width:6vw;height:6vw;}
.results_works_deco_ span:nth-of-type(1)::before{inset:17vw 24vw auto auto;}
.results_works_deco_ span:nth-of-type(1)::after{inset:22vw 29vw auto auto;}
.results_works_deco_ span:nth-of-type(2)::before{inset:auto auto 10vw 12vw;}
/* #endregion */
}