/*===========================================================
          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 */
/*===========================================================
          flow_wrap_
  ===========================================================*/
/* #region */
.flow_wrap_{position:relative;background:var(--cFFF9E5);width:100%;margin-top:-20vw;padding:calc(var(--space9) + 20vw) var(--space4) var(--space9);overflow:hidden;}
/* #endregion */
/*===========================================================
          page_flow_
  ===========================================================*/
/* #region */
.page_flow_title_ {text-align: center;font-family: var(--NotoSansJP900);font-size: var(--fs8);line-height: 1.3;}
.page_flow_ span{color: var(--cF4C72F);}
.page_flow_list{display:flex;flex-direction:column;gap:4vw 0;margin-top:var(--space12);position:relative;}
.page_flow_list li{position:relative;padding:var(--space8) var(--space4) var(--space7);border-radius:var(--braM);box-shadow:2vw 2vw 10vw rgba(0,0,0,.08);text-align:center;background:var(--cFFFFFF);}
.page_flow_list li::before{content:attr(data-label);display:inline-block;background:var(--cF4C72F);padding:2.2vw 4vw;font-family:var(--NotoSansJP900);color:var(--cFFFFFF);border-radius:var(--braM);}
.page_flow_list li:nth-of-type(1)::after{content:"";position:absolute;background:url(/images/common/biriken_10.webp) no-repeat center / contain;width:40vw;height:40vw;inset:-29.5vw auto auto 50%;transform:translateX(-50%);}
.page_flow_list h3{margin-top:var(--space5);text-align:center;font-family:var(--NotoSansJP900);font-size:var(--fs7);}
.page_flow_list p{margin-top:var(--space3);line-height:1.8;text-align:left;}
.page_flow_list_deco_ {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.page_flow_list_deco_ span{position:absolute;display:block;width:100%;height:100%;}
.page_flow_list_deco_ span:before,.page_flow_list_deco_ span:after{content:"";position:absolute;display: block;width:20vw;height:20vw;pointer-events:none;}
.page_flow_list_deco_ span:nth-of-type(1):before{background:url(/images/common/cleaning_deco_15.webp) no-repeat center / contain;inset: 58.5vw auto auto -8.5vw;transform: rotate(-20deg);}
.page_flow_list_deco_ span:nth-of-type(2):before{background:url(/images/common/cleaning_deco_6.webp) no-repeat center / contain;inset: 230.5vw 57vw auto auto;transform: rotate(5deg);}
.page_flow_list_deco_ span:nth-of-type(2):after{background:url(/images/common/cleaning_deco_7.webp) no-repeat center / contain;inset: 234.5vw 42vw auto auto;}
/* #endregion */
/*===========================================================
          lp_flow_
  ===========================================================*/
/* #region */
.lp_flow_{position:relative;width:100%;padding:var(--space9) var(--space4);}
.lp_flow_list_ li{display:flex;gap:var(--space3);}
.lp_flow_list_ li:nth-of-type(n+2){margin-top:6vw;}
/*----*/
.lp_flow_list_step_{position:relative;display:flex;align-items:center;justify-content:center;width:16vw;}
.lp_flow_list_step_::before,
.lp_flow_list_step_::after{content:"";position:absolute;display:block;width:100%;height:3.628864vw;}
.lp_flow_list_step_::before{inset:-3.628864vw auto auto 0;}
.lp_flow_list_step_::after{inset:auto auto -3.628864vw 0;}
.lp_flow_list_ li:nth-of-type(1) .lp_flow_list_step_{background:var(--cFFF9E5);border-top-left-radius:var(--braM);border-top-right-radius:var(--braM);}
.lp_flow_list_ li:nth-of-type(1) .lp_flow_list_step_::before{display:none;}
.lp_flow_list_ li:nth-of-type(1) .lp_flow_list_step_::after{background:url(/images/page_lp/lp_flow_img_1.webp) no-repeat center / cover;}
.lp_flow_list_ li:nth-of-type(2) .lp_flow_list_step_{background:var(--cFDEFBF);}
.lp_flow_list_ li:nth-of-type(2) .lp_flow_list_step_::before{background:url(/images/page_lp/lp_flow_img_2.webp) no-repeat center / cover;}
.lp_flow_list_ li:nth-of-type(2) .lp_flow_list_step_::after{background:url(/images/page_lp/lp_flow_img_3.webp) no-repeat center / cover;}
.lp_flow_list_ li:nth-of-type(3) .lp_flow_list_step_{background:var(--cFEE17F);}
.lp_flow_list_ li:nth-of-type(3) .lp_flow_list_step_::before{background:url(/images/page_lp/lp_flow_img_4.webp) no-repeat center / cover;}
.lp_flow_list_ li:nth-of-type(3) .lp_flow_list_step_::after{background:url(/images/page_lp/lp_flow_img_5.webp) no-repeat center / cover;}
.lp_flow_list_ li:nth-of-type(4) .lp_flow_list_step_{background:var(--cF4C72F);border-bottom-left-radius:var(--braM);border-bottom-right-radius:var(--braM);}
.lp_flow_list_ li:nth-of-type(4) .lp_flow_list_step_::before{background:url(/images/page_lp/lp_flow_img_6.webp) no-repeat center / cover;}
.lp_flow_list_ li:nth-of-type(4) .lp_flow_list_step_::after{display:none;}
.lp_flow_list_step_ > span{width:8vw;height:8vw;}
.lp_flow_list_ li:nth-of-type(1) .lp_flow_list_step_ > span{background:url(/images/page_lp/lp_flow_img_7.webp) no-repeat center / cover;}
.lp_flow_list_ li:nth-of-type(2) .lp_flow_list_step_ > span{background:url(/images/page_lp/lp_flow_img_8.webp) no-repeat center / cover;}
.lp_flow_list_ li:nth-of-type(3) .lp_flow_list_step_ > span{background:url(/images/page_lp/lp_flow_img_9.webp) no-repeat center / cover;}
.lp_flow_list_ li:nth-of-type(4) .lp_flow_list_step_ > span{background:url(/images/page_lp/lp_flow_img_10.webp) no-repeat center / cover;}
/*----*/
.lp_flow_list_ section{padding:var(--space1) 0;flex:1;}
.lp_flow_list_ h2{font-family:var(--NotoSansJP900);font-size:var(--fs9);line-height:1.4;}
.lp_flow_list_text_{margin-top:6vw;line-height:1.8;}
.lp_flow_list_ h3{font-family:var(--NotoSansJP900);font-size:var(--fs7);line-height:1.4;margin-top:5vw;}
.lp_flow_link_wrap_{margin-top:var(--space3);}
.lp_flow_link_wrap_item_ [class*='link_b_']{width:100%;}
.lp_flow_link_wrap_item_ p{line-height:1.7;padding:var(--space0);}
/* #endregion */
/*===========================================================
          payment_
  ===========================================================*/
/* #region */
.payment_{position: relative;background: var(--cFFF9E5);width: 100%;padding: var(--space9) var(--space4);}
.payment_wrap_{background: var(--cFFFFFF);border-radius: var(--braM);padding: var(--space6) var(--space4);position:relative;}
.payment_head_ h2{font-family: var(--NotoSansJP900);font-size: var(--fs9);line-height: 1.3;}
.payment_head_ p{margin-top: var(--space2);line-height: 2;}
.payment_body_{margin-top: var(--space4);}
.payment_body_ ul:nth-of-type(1)::after{content:"";background: url(/images/common/payment_1.webp) no-repeat center / contain;display:block;width: 70vw;height: 15.33vw;margin-top: 4vw;}
.payment_body_ ul:nth-of-type(2){margin-top: var(--space6);}
.payment_body_ ul:nth-of-type(2)::after{content:"";background: url(/images/common/payment_2.webp) no-repeat center / contain;
display:block;width: 70vw;height: 26.6vw;margin-top: 4vw;}
.payment_body_ li{font-family: var(--NotoSansJP900);font-size: var(--fs7);line-height:2;list-style:disc;list-style-position:inside;}
.payment_wrap_deco_{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.payment_wrap_deco_ span{position:absolute;display:block;width:100%;height:100%;}
.payment_wrap_deco_ span:before,.payment_wrap_deco_ span:after{content:"";position:absolute;display:block;width:18vw;height:18vw;pointer-events:none;}
.payment_wrap_deco_ span:nth-of-type(1):before{inset: -17.5vw auto auto -7vw;background: url(/images/common/cloud_4.webp) no-repeat center / contain;}
.payment_wrap_deco_ span:nth-of-type(1):after{inset: -3.5vw auto auto 4vw;background: url(/images/common/cloud_2.webp) no-repeat center / contain;}
.payment_wrap_deco_ span:nth-of-type(2):before{inset: 145.5vw 6vw auto auto;background: url(/images/common/cloud_1.webp) no-repeat center / contain;}
.payment_wrap_deco_ span:nth-of-type(2):after{inset: 131.5vw -8vw auto auto;background: url(/images/common/cloud_2.webp) no-repeat center / contain;}
.payment_wrap_deco_ span:nth-of-type(3):before{inset: auto auto -8vw 28vw;background: url(/images/common/cloud_3.webp) no-repeat center / contain;}
/* #endregion */


@media(min-width:768px){
/*===========================================================
          flow_wrap_
  ===========================================================*/
/* #region */
.flow_wrap_{margin-top:-10vw;padding:calc(var(--space9) + 10vw) var(--space6) var(--space9);}
/*----*/
/* #endregion */
/*===========================================================
          page_flow_
  ===========================================================*/
  /* #region */
.page_flow_list{flex-wrap:wrap;flex-direction:row;gap:4vw 0;justify-content:space-between;margin-top:var(--space11);}
.page_flow_list li{width:41vw;padding:var(--space6) var(--space4) var(--space5);box-shadow:1.5vw 1.5vw 6vw rgba(0,0,0,.08)}
.page_flow_list li::before{padding:1.2vw 2.6vw;}
.page_flow_list li:nth-of-type(1)::after{width:30vw;height:30vw;inset:-22.5vw auto auto 50%;transform:translateX(-50%);}
.page_flow_list h3{margin-top:var(--space4);font-size:var(--fs8);}
.page_flow_list p{margin-top:var(--space2);line-height:1.9;}
.page_flow_list_deco_ span:before,.page_flow_list_deco_ span:after{width:12vw;height:12vw;}
.page_flow_list_deco_ span:nth-of-type(1):before{inset: 33vw auto auto -6.5vw;}
.page_flow_list_deco_ span:nth-of-type(2):before{inset: 36.5vw 27vw auto auto;}
.page_flow_list_deco_ span:nth-of-type(2):after{inset: 39.5vw 20vw auto auto;}
/* #endregion */
/*===========================================================
          lp_flow_
  ===========================================================*/
/* #region */
.lp_flow_{padding:var(--space9) var(--space6);}
.lp_flow_list_ li{gap:var(--space7);}
.lp_flow_list_ li:nth-of-type(n+2){margin-top:6vw;}
/*----*/
.lp_flow_list_step_{width:20vw;}
.lp_flow_list_step_::before,
.lp_flow_list_step_::after{height:4.53608vw;}
.lp_flow_list_step_::before{inset:-4.53608vw auto auto 0;}
.lp_flow_list_step_::after{inset:auto auto -4.53608vw 0;}
.lp_flow_list_step_ > span{width:6vw;height:6vw;}
/*----*/
.lp_flow_list_ section{padding:var(--space1) 0;}
.lp_flow_list_ h2{font-size:var(--fs12);line-height:1.4;}
.lp_flow_list_text_{margin-top:3vw;line-height:1.9;}
.lp_flow_list_ h3{font-size:var(--fs8);line-height:1.4;margin-top:2vw;}
.lp_flow_link_wrap_{margin-top:var(--space3);}
.lp_flow_link_wrap_item_{width: 34.36vw;}
/* #endregion */
/*===========================================================
          payment_
  ===========================================================*/
/* #region */
.payment_{padding: var(--space9) var(--space6);}
.payment_head_ h2{font-size: var(--fs12)}
.payment_body_{margin-top: var(--space4);}
.payment_body_ ul:nth-of-type(1)::after{width: 60vw;height: 13.14vw;margin-top: 3vw;}
.payment_body_ ul:nth-of-type(2)::after{width: 60vw;height: 22.86vw;margin-top: 3vw;}
.payment_wrap_deco_ span:before,.payment_wrap_deco_ span:after{width:13vw;height:13vw;}
.payment_wrap_deco_ span:nth-of-type(1):before{inset: -10.5vw auto auto -7vw;}
.payment_wrap_deco_ span:nth-of-type(1):after{inset: -3.5vw auto auto 4vw;}
.payment_wrap_deco_ span:nth-of-type(2):before{inset: 50.5vw 6vw auto auto;}
.payment_wrap_deco_ span:nth-of-type(2):after{inset: 39.5vw -8vw auto auto;}
.payment_wrap_deco_ span:nth-of-type(3):before{inset: auto auto -8vw 28vw;}
/* #endregion */
}


@media(min-width:1025px){
/*===========================================================
          flow_wrap_
  ===========================================================*/
/* #region */
.flow_wrap_{margin-top:-5vw;padding:calc(var(--space10) + 5vw) var(--space10) var(--space10);}
/*----*/
/* #endregion */
/*===========================================================
          page_flow_
  ===========================================================*/
/* #region */
.page_flow_title_ {font-size: var(--fs13);line-height: 1.7;}
.page_flow_list{gap:0;margin-top:var(--space7);}
.page_flow_list li{width:20vw;padding:var(--space6) var(--space4) var(--space5);box-shadow:.5vw .5vw 2vw rgba(0,0,0,.08);}
.page_flow_list li::before{padding:.5vw 1.3vw;}
.page_flow_list li:nth-of-type(1)::after{width:16vw;height:16vw;inset:-12vw auto auto 50%;transform:translateX(-50%);}
.page_flow_list h3{margin-top:var(--space4);font-size:var(--fs8);}
.page_flow_list p{margin-top:var(--space2);line-height:2;}
.page_flow_list_deco_ span:before,.page_flow_list_deco_ span:after{width:5vw;height:5vw;}
.page_flow_list_deco_ span:nth-of-type(1):before{inset: 16.5vw auto auto -2.5vw;}
.page_flow_list_deco_ span:nth-of-type(2):before{inset: -4.5vw 13vw auto auto;}
.page_flow_list_deco_ span:nth-of-type(2):after{inset: -2.5vw 10vw auto auto;}
/* #endregion */
/*===========================================================
          lp_flow_
  ===========================================================*/
/* #region */
.lp_flow_{padding:var(--space10) 0;}
.lp_flow_list_{width:75.5vw;margin:0 auto;}
.lp_flow_list_ li:nth-of-type(n+2){margin-top:3vw;}
/*----*/
.lp_flow_list_step_{width:10vw;}
.lp_flow_list_step_::before,
.lp_flow_list_step_::after{height:2.26804vw;}
.lp_flow_list_step_::before{inset:-2.26804vw auto auto 0;}
.lp_flow_list_step_::after{inset:auto auto -2.26804vw 0;}
.lp_flow_list_step_ > span{width:3.5vw;height:3.5vw;}
/*----*/
.lp_flow_list_ section{padding:var(--space0) 0;}
.lp_flow_list_ h2{font-size:var(--fs13);line-height:1.3;}
.lp_flow_list_text_{margin-top:1.8vw;line-height:2;}
.lp_flow_list_ h3{font-size:var(--fs9);margin-top:2.8vw;line-height:2;}
.lp_flow_link_wrap_{display:flex;justify-content:space-between;margin-top:var(--space4);}
.lp_flow_link_wrap_item_{width:18vw;}
/* #endregion */
/*===========================================================
          payment_
  ===========================================================*/
/* #region */
.payment_{padding: var(--space10);}
.payment_wrap_{display: flex;justify-content: space-between;gap: var(--space4);padding: var(--space9);}
.payment_head_{width: 45%;}
.payment_head_ h2{font-size: var(--fs13)}
.payment_body_{width: 45%;margin-top: 0;}
.payment_body_ ul:nth-of-type(1)::after{width: 26vw;height: 5.694vw;margin-top: 1vw;}
.payment_body_ ul:nth-of-type(2){margin-top: var(--space6);}
.payment_body_ ul:nth-of-type(2)::after{width: 26vw;height: 9.906vw;margin-top: 1vw;}
.payment_body_ li{font-size: var(--fs8);}
.payment_wrap_deco_ span:before,.payment_wrap_deco_ span:after{width:6vw;height:6vw;}
.payment_wrap_deco_ span:nth-of-type(1):before{inset: 26.5vw auto auto -3vw;}
.payment_wrap_deco_ span:nth-of-type(1):after{inset: 30.5vw  auto auto 3vw;}
.payment_wrap_deco_ span:nth-of-type(2):before{inset: -5.5vw -3vw auto auto;}
.payment_wrap_deco_ span:nth-of-type(2):after{inset: -2.5vw 3vw auto auto;}
.payment_wrap_deco_ span:nth-of-type(3):before{inset: auto auto -3vw 28vw;}
/* #endregion */
}