/*===========================================================
          page_view_
  ===========================================================*/
/* #region */
.page_view_wrap::before{background:url(/images/common/cleaning_chara_5.webp) no-repeat center / contain;}
.page_view_wrap::after{background:url(/images/common/cleaning_chara_8.webp) no-repeat center / contain;}
/* #endregion */
/*===========================================================
          faq_group_nav_
  ===========================================================*/
/* #region */
.faq_group_nav_{position:relative;background:var(--cFFF9E5);width:100%;margin-top:-20vw;padding:calc(var(--space9) + 20vw) var(--space4) 0;overflow:hidden;}
.faq_group_nav_ section:nth-of-type(n+2){margin-top:var(--space9);}
.faq_group_nav_ h2{text-align:center;font-family:var(--NotoSansJP900);font-size:var(--fs10);}
.faq_group_nav_ ul{display:flex;flex-direction:column;gap:var(--space2) 0;align-items:center;margin-top:var(--space8);}
.faq_group_nav_ .link_a_1{display:block;}
.faq_group_nav_ .link_a_1 > span::before{transform:rotate(90deg);}
/* #endregion */
/*===========================================================
          faq_group_
  ===========================================================*/
/* #region */
.faq_group_{position:relative;display:flex;flex-direction:column;align-items:center;background:var(--cFFF9E5);width:100%;padding:var(--space9) var(--space4) 0;overflow:hidden;}
.faq_group_#support{padding-bottom:var(--space9);}
.faq_group_ h2{background:var(--cF4C72F);padding:3vw 6vw;font-family:var(--NotoSansJP900);font-size:var(--fs8);color:var(--cFFFFFF);border-radius:var(--braL);}
/*----*/
.faq_group_list_wrap_{display:flex;flex-direction:column;gap:4vw 0;width:100%;margin-top:var(--space8);}
/*----*/
.faq_group_list_ li{background:var(--cFFFFFF);border-radius:var(--braS);line-height:1.8;}
.faq_group_list_ li:nth-of-type(n+2){margin-top:4vw;}
.faq_group_list_ button{position:relative;display:flex;gap:0 3vw;align-items:flex-start;width:100%;padding:5vw 8vw 5vw 4vw;text-align:left;font-size:var(--fs4);}
.faq_group_list_ button::before{content:"Q";display:flex;align-items:center;justify-content:center;background:var(--cD9D9D9);width:6vw;height:6vw;color:var(--cFFFFFF);border-radius:1vw;}
.faq_group_list_ button::after{content:"";position:absolute;inset:7.5vw 2.5vw auto auto;display:block;background:url(/images/common/arrow_3.webp) no-repeat center / contain;width:2vw;height:2vw;transform:rotate(90deg);transition:transform .3s linear;}
.faq_group_list_ button > span{width:65vw;}
.faq_group_list_ div{display:grid;grid-template-rows:0fr;visibility:hidden;padding:0 8vw 0 4vw;transition:grid-template-rows 1s var(--cb),padding 1s var(--cb),visibility 0s 1s;}
.faq_group_list_ p{display:flex;gap:0 3vw;align-items:flex-start;overflow:hidden;}
.faq_group_list_ p::before{content:"A";display:flex;align-items:center;justify-content:center;background:var(--cF4C72F);width:6vw;height:6vw;color:var(--cFFFFFF);border-radius:1vw;}
.faq_group_list_ p > span{width:65vw;}
.faq_group_list_ li.active button::after{transform:rotate(-90deg);}
.faq_group_list_ li.active div{grid-template-rows:1fr;padding:0 8vw 8vw 4vw;visibility:visible;transition:grid-template-rows 1s var(--cb),padding 1s var(--cb),visibility 0s 0s;}
/* #endregion */


@media(min-width:768px){
/*===========================================================
          faq_group_nav_
  ===========================================================*/
/* #region */
.faq_group_nav_{margin-top:-10vw;padding:calc(var(--space9) + 10vw) var(--space6) 0;}
.faq_group_nav_ section:nth-of-type(n+2){margin-top:var(--space9);}
.faq_group_nav_ h2{font-size:var(--fs12);}
.faq_group_nav_ ul{flex-wrap:wrap;flex-direction:row;gap:var(--space1) 0;align-items:center;justify-content:space-between;width:71vw;margin:var(--space7) auto 0;}
/* #endregion */
/*===========================================================
          faq_group_
  ===========================================================*/
/* #region */
.faq_group_{padding:var(--space9) var(--space6) 0;}
.faq_group_#support{padding-bottom:var(--space9);}
.faq_group_ h2{padding:2vw 4vw;font-size:var(--fs10);}
/*----*/
.faq_group_list_wrap_{gap:3vw 0;margin-top:var(--space7);}
/*----*/
.faq_group_list_ li{line-height:1.9;}
.faq_group_list_ li:nth-of-type(n+2){margin-top:3vw;}
.faq_group_list_ button{gap:0 2vw;padding:3.5vw 6vw 3.5vw 3vw;}
.faq_group_list_ button::before{width:3vw;height:3vw;border-radius:1vw;}
.faq_group_list_ button::after{inset:5vw 2.5vw auto auto;width:.9vw;height:.9vw;}
.faq_group_list_ button > span{width:72vw;}
.faq_group_list_ div{padding:0 6vw 0 3vw;}
.faq_group_list_ p{gap:0 2vw;}
.faq_group_list_ p::before{width:3vw;height:3vw;border-radius:1vw;}
.faq_group_list_ p > span{width:72vw;}
.faq_group_list_ li.active div{padding:0 6vw 4vw 3vw;}
/* #endregion */
}


@media(min-width:1025px){
/*===========================================================
          faq_group_nav_
  ===========================================================*/
/* #region */
.faq_group_nav_{margin-top:-5vw;padding:calc(var(--space10) + 5vw) var(--space10) 0;}
.faq_group_nav_ section{display:flex;justify-content:center;}
.faq_group_nav_ section:nth-of-type(n+2){margin-top:var(--space10);}
.faq_group_nav_ h2{width:22vw;text-align:left;font-size:var(--fs13);}
.faq_group_nav_ ul{gap:var(--space0) 0;width:57vw;margin:0;}
.faq_group_nav_ .link_a_1{cursor:pointer;}
.faq_group_nav_ .link_a_1 > span::before{transform:rotate(90deg);}
.faq_group_nav_ .link_a_1:hover > span::before{transform:translateY(150%) rotate(90deg);transition:transform .15s linear;animation:linkSlide2 .15s .15s linear forwards;}
/* #endregion */
/*===========================================================
          faq_group_
  ===========================================================*/
/* #region */
.faq_group_{padding:var(--space10) var(--space10) 0;}
.faq_group_#support{padding-bottom:var(--space10);}
.faq_group_ h2{padding:.8vw 2vw;font-size:var(--fs11);}
/*----*/
.faq_group_list_wrap_{flex-direction:row;gap:0;justify-content:space-between;margin-top:var(--space8);}
/*----*/
.faq_group_list_{width:42vw;}
.faq_group_list_ li{line-height:2;}
.faq_group_list_ li:nth-of-type(n+2){margin-top:1vw;}
.faq_group_list_ button{gap:0 .9vw;padding:1.6vw 3.5vw 1.6vw 1.6vw;cursor:pointer;}
.faq_group_list_ button::before{width:1.6vw;height:1.6vw;border-radius:.4vw;}
.faq_group_list_ button::after{inset:2.2vw 1.5vw auto auto;width:.4vw;height:.4vw;}
.faq_group_list_ button > span{width:34vw;}
.faq_group_list_ div{padding:0 3.5vw 0 1.6vw;}
.faq_group_list_ p{gap:0 .9vw;}
.faq_group_list_ p::before{width:1.6vw;height:1.6vw;border-radius:.4vw;}
.faq_group_list_ p > span{width:34vw;}
.faq_group_list_ li.active div{padding:0 3.5vw 2vw 1.6vw;}
/* #endregion */
}