/*===========================================================
          page_view_container
  ===========================================================*/
/* #region */
.page_view_container h1{background:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,.6)100%),url(/images/faq_photo_1.webp) no-repeat center / cover;}
/* #endregion */
/*===========================================================
          faq_container
  ===========================================================*/
/* #region */
.faq_container{position:relative;width:100vw;padding:var(--spaceLarge) var(--spaceNormal);}
.faq_container h2{text-align:center;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsBigger);line-height:var(--lhMedium);}
/* ------ faq_list ------ */
.faq_list dt{position:relative;background:var(--bgWhite);padding:var(--spaceNormal) var(--spaceMedium) var(--spaceNormal) var(--spaceNormal);font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsMedium);line-height:var(--lhMedium);border-radius:0 var(--braMedium) 0 0;}
.faq_list dt:nth-of-type(n+2){margin-top:3vw;}
.faq_list dt::before,
.faq_list dt::after{content:"";position:absolute;inset:0 5vw 0 auto;display:block;background:var(--bgBlue);width:3vw;height:2px;margin:auto 0;transition:background .25s linear;}
.faq_list dt::after{transform:rotate(-90deg);transition:transform .25s linear,opacity .25s linear,background .25s linear;}
.faq_list dt > span{display:flex;gap:4vw;align-items:center;}
.faq_list dt > span::before{content:"Q.";display:block;font-family:var(--RiftSoft);font-size:var(--RiftFsLarge);}
.faq_list dd{display:grid;grid-template-rows:0fr;background:var(--bgWhite);padding:0 var(--spaceNormal);color:var(--textGray);line-height:var(--lhHuge);border-radius:0 0 0 var(--braMedium);transition:grid-template-rows .25s ease-in-out;}
.faq_list dd > span{display:flex;gap:4vw;padding-left:var(--spaceNormal);transition:padding .25s ease-in-out;overflow:hidden;}
.faq_list dd > span::before{content:"A.";display:block;font-family:var(--RiftSoft);font-size:var(--RiftFsLarge);color:var(--bgBlue);line-height:var(--lhNormal);}
/* ------ open ------ */
.faq_list dt.open::before{background:var(--bgBlack);}
.faq_list dt.open::after{transform:rotate(0deg);opacity:0;}
.faq_list dd.open{grid-template-rows:1fr;}
.faq_list dd.open > span{padding:var(--spaceNormal) 0 var(--spaceNormal) var(--spaceNormal);border-top:var(--lineGray) solid 1px;}
/* #endregion */


@media(min-width:768px){
/*===========================================================
          faq_container
  ===========================================================*/
/* #region */
/* ------ faq_list ------ */
.faq_list dt:nth-of-type(n+2){margin-top:2vw;}
.faq_list dt::before,
.faq_list dt::after{inset:0 5vw 0 auto;width:1.6vw;}
.faq_list dt > span{gap:3vw;}
.faq_list dd > span{gap:3vw;}
/* #endregion */
}


@media(min-width:1025px){
/*===========================================================
          faq_container
  ===========================================================*/
/* #region */
.faq_container{padding:var(--spaceLarge) var(--spaceMedium);}
/* ------ faq_list ------ */
.faq_list dt{padding:var(--spaceTiny) var(--spaceMedium) var(--spaceTiny) var(--spaceMedium);cursor:pointer;}
.faq_list dt:nth-of-type(n+2){margin-top:.8vw;}
.faq_list dt::before,
.faq_list dt::after{inset:0 7vw 0 auto;width:.7vw;}
.faq_list dt > span{gap:1.4vw;}
.faq_list dd{padding:0 var(--spaceMedium);}
.faq_list dd > span{gap:1.4vw;}
/* ------ open ------ */
.faq_list dd.open > span{padding:var(--spaceTiny) 0 var(--spaceTiny) var(--spaceNormal);}
/* #endregion */
}