/*===========================================================
          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_9.webp) no-repeat center / contain;}
/* #endregion */
/*===========================================================
          service_wrap_
  ===========================================================*/
/* #region */
.service_wrap_{position:relative;background:var(--cFFF9E5);width:100%;margin-top:-20vw;padding:calc(var(--space9) + 20vw) var(--space4) var(--space9);overflow:hidden;}
/*----*/
.popular_service_{position:relative;background:var(--cFFFFFF);padding:var(--space7) var(--space4);border-radius:var(--braM);}
.popular_service_ h2{text-align:center;font-family:var(--NotoSansJP900);font-size:var(--fs10);line-height:1.3;}
.popular_service_ h2 > span{position:relative;}
.popular_service_ h2 > span::before,
.popular_service_ h2 > span::after{content:"";position:absolute;display:block;background:url(/images/common/title_3.webp) no-repeat center / contain;width:7vw;height:7vw;}
.popular_service_ h2 > span::before{inset:0 auto auto -9vw;}
.popular_service_ h2 > span::after{inset:0 -9vw auto auto;transform:scaleX(-1);}
/*----*/
.popular_service_list_{margin-top:var(--space6);}
.popular_service_list_ li:nth-of-type(n+2){margin-top:var(--space8);}
.popular_service_list_ li::before{content:"";display:block;width:100%;height:40vw;border-radius:var(--braS);}
.popular_service_list_ li:nth-of-type(1)::before{background:url(/images/service/popular_service_img_1.webp) no-repeat center / cover;}
.popular_service_list_ li:nth-of-type(2)::before{background:url(/images/service/popular_service_img_2.webp) no-repeat center / cover;}
.popular_service_list_ li:nth-of-type(3)::before{background:url(/images/service/popular_service_img_3.webp) no-repeat center / cover;}
.popular_service_list_ li:nth-of-type(4)::before{background:url(/images/service/popular_service_img_4.webp) no-repeat center / cover;}
.popular_service_list_ li:nth-of-type(5)::before{background:url(/images/service/popular_service_img_5.webp) no-repeat center / cover;}
.popular_service_list_ li:nth-of-type(6)::before{background:url(/images/service/popular_service_img_6.webp) no-repeat center / cover;}
/*----*/
.popular_service_list_ section{padding-top:6vw;}
.popular_service_list_ h3{display:inline-block;background:var(--cF4C72F);padding:2.2vw 4vw;font-family:var(--NotoSansJP900);color:var(--cFFFFFF);border-radius:var(--braM);}
.popular_service_list_ p{margin-top:5vw;}
.popular_service_list_ p:nth-of-type(1){line-height:1.5;}
.popular_service_list_ p:nth-of-type(n+2) > span:nth-of-type(1){margin-top:2vw;font-family:var(--GoogleSansFlex600);font-size:var(--fs13);}
.popular_service_list_ p:nth-of-type(n+2) > span:nth-of-type(2){margin-left:1vw;font-family:var(--NotoSansJP900);font-size:var(--fs7);}
/*----*/
.link_c_1{margin:var(--space6) 0 0 auto;}
/*----*/
.popular_service_deco_{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.popular_service_deco_ span{position:absolute;inset:0;width:100%;height:100%;}
.popular_service_deco_ span::before,
.popular_service_deco_ span::after{content:"";position:absolute;display:block;width:20vw;height:20vw;}
.popular_service_deco_ span:nth-of-type(1)::before{inset:-8vw auto auto 2vw;background:url(/images/common/cleaning_deco_5.webp) no-repeat center / contain;transform:rotate(-20deg);}
.popular_service_deco_ span:nth-of-type(1)::after{inset:22vw -5vw auto auto;background:url(/images/common/cleaning_deco_2.webp) no-repeat center / contain;transform:rotate(20deg);}
/*----*/
.service_list_{display:flex;flex-direction:column;gap:var(--space6) 0;margin-top:var(--space6);}
.service_list_ li::before{content:"";display:block;width:100%;height:45vw;border-radius:var(--braM);}
.service_list_ li:nth-of-type(1)::before{background:url(/images/service/service_list_img_1.webp) no-repeat center / cover;}
.service_list_ li:nth-of-type(2)::before{background:url(/images/service/service_list_img_2.webp) no-repeat center / cover;}
.service_list_ li:nth-of-type(3)::before{background:url(/images/service/service_list_img_3.webp) no-repeat center / cover;}
.service_list_ li:nth-of-type(4)::before{background:url(/images/service/service_list_img_4.webp) no-repeat center / cover;}
.service_list_ li:nth-of-type(5)::before{background:url(/images/service/service_list_img_5.webp) no-repeat center / cover;}
.service_list_ li:nth-of-type(6)::before{background:url(/images/service/service_list_img_6.webp) no-repeat center / cover;}
.service_list_ li:nth-of-type(7)::before{background:url(/images/service/service_list_img_7.webp) no-repeat center / cover;}
.service_list_ li:nth-of-type(8)::before{background:url(/images/service/service_list_img_8.webp) no-repeat center / cover;}
.service_list_ li > span{display:block;margin-top:5vw;text-align:center;font-family:var(--NotoSansJP900);font-size:var(--fs7);}
/*----*/
.service_wrap_ > .link_a_1{margin:var(--space7) auto 0;}
/*----*/
.business_service_{position:relative;background:var(--cFFFFFF);margin-top:var(--space9);padding:var(--space8) var(--space4);border-radius:var(--braM);}
.business_service_ h2{text-align:center;font-family:var(--NotoSansJP900);font-size:var(--fs10);line-height:1.3;}
/*----*/
.business_service_ ul{margin-top:var(--space6);}
.business_service_ li:nth-of-type(n+2){margin-top:var(--space5);}
.business_service_ li::before{content:"";display:block;width:100%;height:40vw;border-radius:var(--braS);}
.business_service_ li:nth-of-type(1)::before{background:url(/images/service/business_service_img_1.webp) no-repeat center / cover;}
.business_service_ li:nth-of-type(2)::before{background:url(/images/service/business_service_img_2.webp) no-repeat center / cover;}
.business_service_ li:nth-of-type(3)::before{background:url(/images/service/business_service_img_3.webp) no-repeat center / cover;}
.business_service_ li:nth-of-type(4)::before{background:url(/images/service/business_service_img_4.webp) no-repeat center / cover;}
.business_service_ li:nth-of-type(5)::before{background:url(/images/service/business_service_img_5.webp) no-repeat center / cover;}
.business_service_ li:nth-of-type(6)::before{background:url(/images/service/business_service_img_6.webp) no-repeat center / cover;}
.business_service_ li:nth-of-type(7)::before{background:url(/images/service/business_service_img_7.webp) no-repeat center / cover;}
.business_service_ li:nth-of-type(8)::before{background:url(/images/service/business_service_img_8.webp) no-repeat center / cover;}
.business_service_ li > span{display:block;margin-top:3vw;text-align:center;font-family:var(--NotoSansJP900);font-size:var(--fs7);line-height:1.4;}
/*----*/
.business_service_deco_{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.business_service_deco_ span{position:absolute;inset:0;width:100%;height:100%;}
.business_service_deco_ span::before,
.business_service_deco_ span::after{content:"";position:absolute;display:block;width:18vw;height:18vw;}
.business_service_deco_ span:nth-of-type(1)::before{inset:20vw -9vw auto auto;background:url(/images/common/cloud_3.webp) no-repeat center / contain;}
.business_service_deco_ span:nth-of-type(1)::after{inset:-8vw auto auto -10vw;background:url(/images/common/cloud_4.webp) no-repeat center / contain;}
.business_service_deco_ span:nth-of-type(2)::before{inset:8vw auto auto 1vw;background:url(/images/common/cloud_2.webp) no-repeat center / contain;}
/* #endregion */


@media(min-width:768px){
/*===========================================================
          service_wrap_
  ===========================================================*/
/* #region */
.service_wrap_{margin-top:-10vw;padding:calc(var(--space9) + 10vw) var(--space6) var(--space9);}
/*----*/
.popular_service_{padding:var(--space6) var(--space5);}
.popular_service_ h2{font-size:var(--fs12);line-height:1.4;}
.popular_service_ h2 > span::before,
.popular_service_ h2 > span::after{width:4vw;height:4vw;}
.popular_service_ h2 > span::before{inset:.5vw auto auto -6vw;}
.popular_service_ h2 > span::after{inset:.5vw -6vw auto auto;}
/*----*/
.popular_service_list_{margin-top:var(--space5);}
.popular_service_list_ li{display:flex;align-items:stretch;justify-content:space-between;}
.popular_service_list_ li:nth-of-type(n+2){margin-top:var(--space6);}
.popular_service_list_ li::before{width:26vw;height:auto;}
/*----*/
.popular_service_list_ section{width:42vw;padding-top:1vw;}
.popular_service_list_ h3{padding:1.2vw 2.6vw;}
.popular_service_list_ p{margin-top:3vw;}
.popular_service_list_ p:nth-of-type(1){line-height:1.6;}
.popular_service_list_ p:nth-of-type(n+2) > span:nth-of-type(1){margin-top:1.5vw;font-size:var(--fs15);}
.popular_service_list_ p:nth-of-type(n+2) > span:nth-of-type(2){margin-left:.5vw;font-size:var(--fs9);}
/*----*/
.link_c_1{margin:var(--space5) 0 0 auto;}
/*----*/
.popular_service_deco_ span::before,
.popular_service_deco_ span::after{width:12vw;height:12vw;}
.popular_service_deco_ span:nth-of-type(1)::before{inset:-5vw auto auto 6vw;}
.popular_service_deco_ span:nth-of-type(1)::after{inset:5vw 3vw auto auto;}
/*----*/
.service_list_{flex-wrap:wrap;flex-direction:row;gap:var(--space5) 0;justify-content:space-between;margin-top:var(--space6);}
.service_list_ li::before{height:25vw;}
.service_list_ li{width:41vw;}
.service_list_ li > span{margin-top:3vw;font-size:var(--fs8);}
/*----*/
.service_wrap_ > .link_a_1{margin:var(--space6) auto 0;}
/*----*/
.business_service_{margin-top:var(--space9);padding:var(--space6) var(--space5);}
.business_service_ h2{font-size:var(--fs12);line-height:1.4;}
/*----*/
.business_service_ ul{display:flex;flex-wrap:wrap;gap:5vw 0;justify-content:space-between;margin-top:var(--space5);}
.business_service_ li{width:35vw;}
.business_service_ li:nth-of-type(n+2){margin-top:0;}
.business_service_ li::before{height:22vw;}
.business_service_ li > span{margin-top:2vw;font-size:var(--fs8);line-height:1.4;}
/*----*/
.business_service_deco_ span::before,
.business_service_deco_ span::after{width:13vw;height:13vw;}
.business_service_deco_ span:nth-of-type(1)::before{inset:7vw -6vw auto auto;}
.business_service_deco_ span:nth-of-type(1)::after{inset:-4vw auto auto -4vw;}
.business_service_deco_ span:nth-of-type(2)::before{inset:6vw auto auto 6vw;}
/* #endregion */
}


@media(min-width:1025px){
/*===========================================================
          service_wrap_
  ===========================================================*/
/* #region */
.service_wrap_{margin-top:-5vw;padding:calc(var(--space10) + 5vw) var(--space10) var(--space10);}
/*----*/
.popular_service_{padding:var(--space8) var(--space8);}
.popular_service_ h2{font-size:var(--fs13);line-height:1.3;}
.popular_service_ h2 > span::before,
.popular_service_ h2 > span::after{width:2vw;height:2vw;}
.popular_service_ h2 > span::before{inset:.2vw auto auto -3vw;}
.popular_service_ h2 > span::after{inset:.2vw -3vw auto auto;}
/*----*/
.popular_service_list_{margin-top:var(--space7);}
.popular_service_list_ li:nth-of-type(n+2){margin-top:var(--space6);}
.popular_service_list_ li::before{width:16vw;}
/*----*/
.popular_service_list_ section{display:flex;align-items:flex-end;justify-content:space-between;width:54vw;padding:1vw 0;}
.popular_service_list_ div{width:34vw;}
.popular_service_list_ h3{padding:.5vw 1.3vw;}
.popular_service_list_ p{margin-top:1.5vw;}
.popular_service_list_ p:nth-of-type(1){line-height:1.7;}
.popular_service_list_ p:nth-of-type(n+2){display:flex;align-items:flex-end;margin-top:2vw;}
.popular_service_list_ p:nth-of-type(n+2) > span:nth-of-type(1){margin:0 0 0 auto;font-size:var(--fs17);line-height:.7;}
.popular_service_list_ p:nth-of-type(n+2) > span:nth-of-type(2){margin-left:.3vw;font-size:var(--fs11);}
/*----*/
.link_c_1{margin:0 0 0 auto;}
/*----*/
.popular_service_deco_ span::before,
.popular_service_deco_ span::after{width:5vw;height:5vw;}
.popular_service_deco_ span:nth-of-type(1)::before{inset:-2vw auto auto 13vw;}
.popular_service_deco_ span:nth-of-type(1)::after{inset:5vw 12vw auto auto;}
/*----*/
.service_list_{gap:2.8vw 0;margin-top:var(--space6);}
.service_list_ li::before{height:12vw;}
.service_list_ li{width:20vw;}
.service_list_ li > span{margin-top:1vw;font-size:var(--fs8);}
/*----*/
.service_wrap_ > .link_a_1{margin:var(--space6) auto 0;}
/*----*/
.business_service_{margin-top:var(--space10);padding:var(--space8) var(--space10);}
.business_service_ h2{font-size:var(--fs13);line-height:1.3;}
/*----*/
.business_service_ ul{gap:3vw 0;margin-top:var(--space7);}
.business_service_ li{width:16.5vw;}
.business_service_ li::before{height:11vw;}
.business_service_ li > span{margin-top:1vw;font-size:var(--fs8);line-height:1.4;}
/*----*/
.business_service_deco_ span::before,
.business_service_deco_ span::after{width:6vw;height:6vw;}
.business_service_deco_ span:nth-of-type(1)::before{inset:4vw 8vw auto auto;}
.business_service_deco_ span:nth-of-type(1)::after{inset:-3vw auto auto 12vw;}
.business_service_deco_ span:nth-of-type(2)::before{inset:2vw auto auto 18vw;}
/* #endregion */
}