/*===========================================================
          page_view_
  ===========================================================*/
/* #region */
.page_view_wrap::before{background:url(/images/common/cleaning_chara_7.webp) no-repeat center / contain;}
.page_view_wrap::after{background:url(/images/common/cleaning_chara_4.webp) no-repeat center / contain;}
/* #endregion */
/*===========================================================
          concept_wrap_
  ===========================================================*/
/* #region */
.concept_wrap_{position:relative;background:var(--cFFF9E5);width:100%;margin-top:-20vw;padding:calc(var(--space9) + 20vw) var(--space4) var(--space9);overflow:hidden;}
/*----*/
.concept_wrap_ section{position:relative;}
.concept_wrap_ section:nth-of-type(n+2){margin-top:var(--space9);}
.concept_wrap_ h2{display:flex;flex-direction:column;align-items:center;text-align:center;font-family:var(--NotoSansJP900);font-size:var(--fs10);line-height:1.3;}
.concept_wrap_ h2::before{content:attr(data-label);background:var(--cF4C72F);padding:1.8vw 4vw;font-size:var(--fs3);color:var(--cFFFFFF);border-radius:var(--braM);}
.concept_wrap_ h2 > span{margin-top:7vw;}
.concept_wrap_ p{margin-top:var(--space5);padding:0 var(--space4);line-height:1.8;}
/*----*/
.concept_wrap_ ul{background:var(--cFFFFFF);margin-top:var(--space8);padding:var(--space7) var(--space4);border-radius:var(--braM);}
.concept_wrap_ li{position:relative;width:58vw;line-height:1.8;}
.concept_wrap_ li:nth-of-type(n+2){margin-top:var(--space3);}
.concept_wrap_ li:nth-of-type(odd){background:var(--cF4F4F4);padding:var(--space3);border-radius:var(--braM);}
.concept_wrap_ li:nth-of-type(even){background:var(--cFFF9E5);margin-left:auto;padding:var(--space3);border-radius:var(--braM);}
.concept_wrap_ li::before{content:"";position:absolute;display:block;width:0;height:0;border:transparent solid 2vw;}
.concept_wrap_ li::after{content:"";position:absolute;display:block;width:20vw;height:20vw;}
.concept_wrap_ li:nth-of-type(odd)::before{inset:10vw -5vw auto auto;border-left:var(--cF4F4F4) solid 3.5vw;}
.concept_wrap_ li:nth-of-type(odd)::after{inset:0 -25vw auto auto;}
.concept_list_ li:nth-of-type(odd)::after{background:url(/images/concept/concept_wrap_img_1.webp) no-repeat center / contain;}
.reason_list_ li:nth-of-type(odd)::after{background:url(/images/concept/concept_wrap_img_2.webp) no-repeat center / contain;}
.meaning_list_ li:nth-of-type(odd)::after{background:url(/images/concept/concept_wrap_img_1.webp) no-repeat center / contain;}
.concept_wrap_ li:nth-of-type(even)::before{inset:10vw auto auto -5vw;border-right:var(--cFFF9E5) solid 3.5vw;}
.concept_wrap_ li:nth-of-type(even)::after{inset:0 auto auto -25vw;background:url(/images/concept/concept_wrap_img_3.webp) no-repeat center / contain;border-radius:var(--braS);}
/*----*/
.concept_wrap_ [class*='_deco_']{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.concept_wrap_ [class*='_deco_'] span{position:absolute;inset:0;width:100%;height:100%;}
.concept_wrap_ [class*='_deco_'] span::before,
.concept_wrap_ [class*='_deco_'] span::after{content:"";position:absolute;display:block;width:20vw;height:20vw;}
.concept_deco_ span:nth-of-type(1)::before{inset:85vw auto auto 0;background:url(/images/common/cleaning_deco_12.webp) no-repeat center / contain;transform:rotate(-20deg);}
.concept_deco_ span:nth-of-type(1)::after{inset:-5vw -5vw auto auto;background:url(/images/common/cleaning_deco_13.webp) no-repeat center / contain;transform:rotate(20deg);}
.reason_deco_ span:nth-of-type(1)::before{inset:-10vw auto auto -3vw;background:url(/images/common/cleaning_deco_4.webp) no-repeat center / contain;transform:rotate(-20deg);}
.reason_deco_ span:nth-of-type(1)::after{inset:75vw 5vw auto auto;background:url(/images/common/cleaning_deco_16.webp) no-repeat center / contain;transform:rotate(20deg);}
.meaning_deco_ span:nth-of-type(1)::before{inset:85vw auto auto 0;background:url(/images/common/cleaning_deco_1.webp) no-repeat center / contain;transform:rotate(-20deg);}
.meaning_deco_ span:nth-of-type(1)::after{inset:-15vw 5vw auto auto;background:url(/images/common/cleaning_deco_9.webp) no-repeat center / contain;transform:rotate(20deg);}
/* #endregion */
/*===========================================================
          promise_
  ===========================================================*/
/* #region */
.promise_{position:relative;width:100%;padding:var(--space9) var(--space4);}
/*----*/
.promise_ h2{display:flex;flex-direction:column;align-items:center;text-align:center;font-family:var(--NotoSansJP900);font-size:var(--fs10);line-height:1.3;}
.promise_ h2::before{content:attr(data-label);background:var(--cF4C72F);padding:1.8vw 4vw;font-size:var(--fs3);color:var(--cFFFFFF);border-radius:var(--braM);}
.promise_ h2 > span{position:relative;margin-top:7vw;}
.promise_ h2 > span::before,
.promise_ h2 > span::after{content:"";position:absolute;display:block;background:url(/images/common/title_1.webp) no-repeat center / contain;width:7vw;height:7vw;}
.promise_ h2 > span::before{inset:-2vw auto auto -9vw;}
.promise_ h2 > span::after{inset:auto -9vw -2vw auto;}
/*----*/
.promise_list_{margin-top:var(--space8);}
.promise_list_ li:nth-of-type(n+2){margin-top:14vw;}
.promise_list_ li::before{content:"";display:block;width:86vw;height:50vw;border-radius:var(--braM);}
.promise_list_ li:nth-of-type(1)::before{background:url(/images/concept/promise_img_1.webp) no-repeat center / cover;}
.promise_list_ li:nth-of-type(2)::before{background:url(/images/concept/promise_img_2.webp) no-repeat center / cover;}
.promise_list_ li:nth-of-type(3)::before{background:url(/images/concept/promise_img_3.webp) no-repeat center / cover;}
.promise_list_ section{margin-top:var(--space5);}
.promise_list_ h3{text-align:center;font-family:var(--NotoSansJP900);font-size:var(--fs8)}
.promise_list_ h3 > span{color:var(--cF4C72F);}
.promise_list_ p{margin-top:var(--space3);line-height:1.8;}
/* #endregion */
/*===========================================================
          assurance_
  ===========================================================*/
/* #region */
.assurance_{position:relative;background:var(--cFFF9E5);width:100%;padding:var(--space9) var(--space4);}
/*----*/
.assurance_ h2{display:flex;flex-direction:column;align-items:center;text-align:center;font-family:var(--NotoSansJP900);font-size:var(--fs10);line-height:1.3;}
.assurance_ h2::before{content:attr(data-label);background:var(--cF4C72F);padding:1.8vw 4vw;font-size:var(--fs3);color:var(--cFFFFFF);border-radius:var(--braM);}
.assurance_ h2 > span{position:relative;margin-top:7vw;}
.assurance_ h2 > span::before,
.assurance_ h2 > span::after{content:"";position:absolute;display:block;background:url(/images/common/title_3.webp) no-repeat center / contain;width:7vw;height:7vw;}
.assurance_ h2 > span::before{inset:0 auto auto -9vw;}
.assurance_ h2 > span::after{inset:0 -9vw auto auto;transform:scaleX(-1);}
/*----*/
.assurance_list{display:flex;flex-direction:column;gap:12vw 0;background:var(--cFFFFFF);margin-top:var(--space8);padding:var(--space6) var(--space4);border-radius:var(--braM);}
.assurance_list li::before{content:"";display:block;width:100%;height:40vw;border-radius:var(--braS);}
.assurance_list li:nth-of-type(1)::before{background:url(/images/concept/assurance_img_1.webp) no-repeat center / cover;}
.assurance_list li:nth-of-type(2)::before{background:url(/images/concept/assurance_img_2.webp) no-repeat center / cover;}
.assurance_list li:nth-of-type(3)::before{background:url(/images/concept/assurance_img_3.webp) no-repeat center / cover;}

.assurance_list section{margin-top:var(--space5);}
.assurance_list h3{text-align:center;font-family:var(--NotoSansJP900);font-size:var(--fs7);line-height:1.4;}
.assurance_list h3 > span{color:var(--cF4C72F);}
.assurance_list p{margin-top:var(--space3);line-height:1.8;}
/*----*/
.assurance_deco_{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.assurance_deco_ span{position:absolute;inset:0;width:100%;height:100%;}
.assurance_deco_ span::before,
.assurance_deco_ span::after{content:"";position:absolute;display:block;width:18vw;height:18vw;z-index:1;}
.assurance_deco_ span:nth-of-type(1)::before{inset:-7vw auto auto 5vw;background:url(/images/common/cloud_4.webp) no-repeat center / contain;}
.assurance_deco_ span:nth-of-type(1)::after{inset:10vw auto auto 14vw;background:url(/images/common/cloud_2.webp) no-repeat center / contain;}
.assurance_deco_ span:nth-of-type(2)::before{inset:48vw 0 auto auto;background:url(/images/common/cloud_1.webp) no-repeat center / contain;}
/* #endregion */
/*===========================================================
          cta_
  ===========================================================*/
/* #region */
.cta_{margin-top:calc(var(--space9) * -1);}
/* #endregion */


@media(min-width:768px){
/*===========================================================
          concept_wrap_
  ===========================================================*/
/* #region */
.concept_wrap_{margin-top:-10vw;padding:calc(var(--space9) + 10vw) var(--space6) var(--space9);}
/*----*/
.concept_wrap_ section:nth-of-type(n+2){margin-top:var(--space9);}
.concept_wrap_ h2{font-size:var(--fs12);line-height:1.4;}
.concept_wrap_ h2::before{padding:1vw 2.6vw;}
.concept_wrap_ h2 > span{margin-top:4vw;}
.concept_wrap_ p{margin-top:var(--space4);text-align:center;padding:0;line-height:1.9;}
/*----*/
.concept_wrap_ ul{margin-top:var(--space7);padding:var(--space7) var(--space6);}
.concept_wrap_ li{width:auto;line-height:1.9;}
.concept_wrap_ li:nth-of-type(n+2){margin-top:var(--space3);}
.concept_wrap_ li:nth-of-type(odd){width:50vw;margin-left:auto;padding:var(--space3);transform:translateX(-13vw);}
.concept_wrap_ li:nth-of-type(even){width:47vw;margin-left:0;padding:var(--space3);transform:translateX(15vw);}
.concept_wrap_ li::before{border:transparent solid 1.5vw;}
.concept_wrap_ li::after{width:auto;height:auto;}
.concept_wrap_ li:nth-of-type(odd)::before{inset:7vw -3.5vw auto auto;border-left:var(--cF4F4F4) solid 2.5vw;}
.concept_wrap_ li:nth-of-type(odd)::after{inset:-3vw -30vw auto auto;width:30vw;height:30vw;}
.concept_list_ li:nth-of-type(odd)::after{background:url(/images/common/biriken_4.webp) no-repeat center / contain;}
.reason_list_ li:nth-of-type(odd)::after{background:url(/images/common/biriken_2.webp) no-repeat center / contain;}
.meaning_list_ li:nth-of-type(odd)::after{background:url(/images/common/biriken_1.webp) no-repeat center / contain;}
.concept_wrap_ li:nth-of-type(even)::before{inset:7vw auto auto -3.5vw;border-right:var(--cFFF9E5) solid 2.5vw;}
.concept_wrap_ li:nth-of-type(even)::after{inset:0 auto auto -25vw;width:20vw;height:20vw;}
/*----*/
.concept_wrap_ [class*='_deco_'] span::before,
.concept_wrap_ [class*='_deco_'] span::after{width:12vw;height:12vw;}
.concept_deco_ span:nth-of-type(1)::before{inset:30vw auto auto 0;}
.concept_deco_ span:nth-of-type(1)::after{inset:-3vw -5vw auto auto;}
.reason_deco_ span:nth-of-type(1)::before{inset:-5vw auto auto -3vw;}
.reason_deco_ span:nth-of-type(1)::after{inset:22vw -5vw auto auto;}
.meaning_deco_ span:nth-of-type(1)::before{inset:30vw auto auto 0;}
.meaning_deco_ span:nth-of-type(1)::after{inset:-7vw 0 auto auto;}
/* #endregion */
/*===========================================================
          promise_
  ===========================================================*/
/* #region */
.promise_{padding:var(--space9) var(--space6);}
/*----*/
.promise_ h2{font-size:var(--fs12);line-height:1.4;}
.promise_ h2::before{padding:1vw 2.6vw;}
.promise_ h2 > span{margin-top:4vw;}
.promise_ h2 > span::before,
.promise_ h2 > span::after{width:4vw;height:4vw;}
.promise_ h2 > span::before{inset:-1vw auto auto -5vw;}
.promise_ h2 > span::after{inset:auto -5vw -1vw auto;}
/*----*/
.promise_list_{margin-top:var(--space7);}
.promise_list_ li{display:flex;justify-content:space-between;}
.promise_list_ li:nth-of-type(2){flex-direction:row-reverse;}
.promise_list_ li:nth-of-type(n+2){margin-top:8vw;}
.promise_list_ li::before{width:30vw;height:auto;}
.promise_list_ section{width:48vw;margin-top:0;padding:3vw 0;}
.promise_list_ h3{text-align:left;font-size:var(--fs9)}
.promise_list_ p{margin-top:var(--space3);line-height:1.9;}
/* #endregion */
/*===========================================================
          assurance_
  ===========================================================*/
/* #region */
.assurance_{padding:var(--space9) var(--space6);}
/*----*/
.assurance_ h2{font-size:var(--fs12);line-height:1.4;}
.assurance_ h2::before{padding:1vw 2.6vw;}
.assurance_ h2 > span{margin-top:4vw;}
.assurance_ h2 > span::before,
.assurance_ h2 > span::after{width:4vw;height:4vw;}
.assurance_ h2 > span::before{inset:.5vw auto auto -6vw;}
.assurance_ h2 > span::after{inset:.5vw -6vw auto auto;}
/*----*/
.assurance_list{gap:5vw 0;margin-top:var(--space7);padding:var(--space6) var(--space5);}
.assurance_list li{display:flex;justify-content:space-between;}
.assurance_list li::before{width:22vw;height:auto;}
.assurance_list section{width:45vw;margin-top:0;padding:2vw 0;}
.assurance_list h3{text-align:left;font-size:var(--fs8);line-height:1.4;}
.assurance_list p{margin-top:var(--space2);line-height:1.9;}
/*----*/
.assurance_deco_ span::before,
.assurance_deco_ span::after{width:13vw;height:13vw;}
.assurance_deco_ span:nth-of-type(1)::before{inset:-4vw auto auto 5vw;}
.assurance_deco_ span:nth-of-type(1)::after{inset:8vw auto auto 12vw;}
.assurance_deco_ span:nth-of-type(2)::before{inset:28vw 3vw auto auto;}
/* #endregion */
/*===========================================================
          cta_
  ===========================================================*/
/* #region */
.cta_{margin-top:calc(var(--space7) * -1);}
/* #endregion */
}


@media(min-width:1025px){
/*===========================================================
          concept_wrap_
  ===========================================================*/
/* #region */
.concept_wrap_{margin-top:-5vw;padding:calc(var(--space10) + 5vw) var(--space14) var(--space10);}
/*----*/
.concept_wrap_ section:nth-of-type(n+2){margin-top:var(--space10);}
.concept_wrap_ h2{font-size:var(--fs13);line-height:1.3;}
.concept_wrap_ h2::before{padding:.4vw 1.3vw;}
.concept_wrap_ h2 > span{margin-top:2vw;}
.concept_wrap_ p{margin-top:var(--space4);line-height:2;}
/*----*/
.concept_wrap_ ul{margin-top:var(--space8);padding:var(--space7) var(--space6);}
.concept_wrap_ li{line-height:2;}
.concept_wrap_ li:nth-of-type(n+2){margin-top:var(--space3);}
.concept_wrap_ li:nth-of-type(odd){width:30vw;padding:var(--space3);transform:translateX(-7vw);}
.concept_wrap_ li:nth-of-type(even){width:40vw;padding:var(--space3);transform:translateX(10vw);}
.concept_wrap_ li::before{border:transparent solid .7vw;}
.concept_wrap_ li:nth-of-type(odd)::before{inset:2.5vw -1.8vw auto auto;border-left:var(--cF4F4F4) solid 1.2vw;}
.concept_wrap_ li:nth-of-type(odd)::after{inset:-3vw -16.5vw auto auto;width:16vw;height:16vw;}
.concept_wrap_ li:nth-of-type(even)::before{inset:2.5vw auto auto -1.8vw;border-right:var(--cFFF9E5) solid 1.2vw;}
.concept_wrap_ li:nth-of-type(even)::after{inset:-3vw auto auto -16.5vw;width:12vw;height:12vw;}
/*----*/
.concept_wrap_ [class*='_deco_'] span::before,
.concept_wrap_ [class*='_deco_'] span::after{width:5vw;height:5vw;}
.concept_deco_ span:nth-of-type(1)::before{inset:18vw auto auto 7vw;}
.concept_deco_ span:nth-of-type(1)::after{inset:9vw 3vw auto auto;}
.reason_deco_ span:nth-of-type(1)::before{inset:2vw auto auto 3vw;}
.reason_deco_ span:nth-of-type(1)::after{inset:10vw -5vw auto auto;}
.meaning_deco_ span:nth-of-type(1)::before{inset:10vw auto auto 7vw;}
.meaning_deco_ span:nth-of-type(1)::after{inset:-3vw 2vw auto auto;}
/* #endregion */
/*===========================================================
          promise_
  ===========================================================*/
/* #region */
.promise_{padding:var(--space10) var(--space12);}
/*----*/
.promise_ h2{font-size:var(--fs13);line-height:1.3;}
.promise_ h2::before{padding:.4vw 1.3vw;}
.promise_ h2 > span{margin-top:2vw;}
.promise_ h2 > span::before,
.promise_ h2 > span::after{width:2vw;height:2vw;}
.promise_ h2 > span::before{inset:-.6vw auto auto -2.5vw;}
.promise_ h2 > span::after{inset:auto -2.5vw -.6vw auto;}
/*----*/
.promise_list_{margin-top:var(--space8);}
.promise_list_ li:nth-of-type(n+2){margin-top:5vw;}
.promise_list_ li::before{width:37vw;height:auto;}
.promise_list_ section{width:36vw;padding:3vw 1vw;}
.promise_list_ h3{font-size:var(--fs10)}
.promise_list_ p{margin-top:var(--space3);line-height:2;}
/* #endregion */
/*===========================================================
          assurance_
  ===========================================================*/
/* #region */
.assurance_{padding:var(--space10);}
/*----*/
.assurance_ h2{font-size:var(--fs13);line-height:1.3;}
.assurance_ h2::before{padding:.4vw 1.3vw;}
.assurance_ h2 > span{margin-top:2vw;}
.assurance_ h2 > span::before,
.assurance_ h2 > span::after{width:2vw;height:2vw;}
.assurance_ h2 > span::before{inset:.2vw auto auto -3vw;}
.assurance_ h2 > span::after{inset:.2vw -3vw auto auto;}
/*----*/
.assurance_list{flex-direction:row;gap:0;justify-content:space-between;margin-top:var(--space8);padding:var(--space6);}
.assurance_list li{display:block;width:24.5vw;}
.assurance_list li::before{width:100%;height:15vw;}
.assurance_list section{width:100%;margin-top:1.5vw;padding:.5vw;}
.assurance_list h3{font-size:var(--fs8);line-height:1.4;}
.assurance_list p{margin-top:var(--space0);line-height:2;}
/*----*/
.assurance_deco_ span::before,
.assurance_deco_ span::after{width:6vw;height:6vw;}
.assurance_deco_ span:nth-of-type(1)::before{inset:5vw auto auto 12vw;}
.assurance_deco_ span:nth-of-type(1)::after{inset:10vw auto auto 17vw;}
.assurance_deco_ span:nth-of-type(2)::before{inset:15vw 15vw auto auto;}
/* #endregion */
/*===========================================================
          cta_
  ===========================================================*/
/* #region */
.cta_{margin-top:calc(var(--space8) * -1);}
/* #endregion */
}