/*===========================================================
          main_view_container
  ===========================================================*/
/* #region */
.main_view_container{position:relative;width:100vw;min-height:150vw;height:100svh;padding:var(--spaceNormal) var(--spaceNormal) var(--spaceMedium);}
.main_view_container::before,
.main_view_container::after{content:"";position:absolute;display:block;z-index:-1;}
.main_view_container::before{inset:0 0 auto auto;background:var(--bgYellow);width:30vw;height:70vw;}
.main_view_container::after{inset:auto auto 0 0;background:var(--bgWhite);width:60vw;height:60vw;border-radius:0 0 var(--braMedium) 0;}
.main_view_container h1{display:flex;flex-wrap:wrap;align-content:flex-end;background:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,.6)100%),url(/images/top_photo_1.webp) no-repeat center / cover;width:100%;height:100%;padding:var(--spaceMedium) var(--spaceNormal);border-radius:0 var(--braMedium) 0 var(--braMedium);}
.main_view_container h1::after{content:"Oops! I learned something while having fun!";position:absolute;inset:auto auto 6vw -1vw;display:block;font-family:var(--Revalia);font-size:var(--RevaliaFsSmall);}
.main_view_container h1 > span{position:relative;color:var(--textWhite);font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsHuge);line-height:var(--lhMedium);clip-path:inset(0 0 28% 0);}
.main_view_container h1 > span::before{content:"";position:absolute;inset:auto auto 28% 0;display:block;background:var(--lineWhite);width:100%;height:1px;}
/* #endregion */
/*===========================================================
          meshod_container
  ===========================================================*/
/* #region */
.meshod_container{position:relative;width:100vw;padding:var(--spaceLarge) 0;}
.meshod_container::before{content:"MESHOD";position:absolute;inset:14vw auto auto -5vw;display:block;font-family:var(--RiftSoft);font-size:var(--RiftFsHuge);color:var(--bgWhite);}
/* ------ meshod_title_wrap ------ */
.meshod_title_wrap{position:relative;display:flex;flex-direction:column;padding:0 var(--spaceNormal);}
.meshod_title_wrap::after{content:"";display:block;background:url(/images/top_photo_3.webp) no-repeat center / cover;width:100%;height:55vw;margin-top:var(--spaceMedium);border-radius:var(--braMedium) 0 var(--braMedium) 0;order:2;}
.meshod_title{display:contents;}
.meshod_title h2{padding-top:14vw;text-align:center;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsBigger);line-height:var(--lhMedium);order:1;}
.meshod_title p{margin-top:var(--spaceMedium);color:var(--textGray);line-height:var(--lhHuge);order:3;}
/* ------ meshod_sub ------ */
.meshod_sub{background:var(--bgWhite);margin-top:-13vw;padding:31vw var(--spaceNormal) var(--spaceLarge);border-radius:var(--braMedium) 0 var(--braMedium) 0;}
.meshod_sub h3{font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsBigger);line-height:var(--lhMedium);}
.meshod_sub figure{margin-top:var(--spaceMedium);}
.meshod_sub figure img{width:80vw;margin:0 auto;}
.meshod_sub figcaption{margin-top:var(--spaceMedium);text-align:center;font-size:var(--IBMPFsSmall);line-height:var(--lhMedium);}
.meshod_sub figcaption > a{text-decoration:underline;text-decoration-color:var(--lineBlack);}
.meshod_sub div{margin-top:var(--spaceMedium);}
.meshod_sub p{color:var(--textGray);line-height:var(--lhHuge);}
/* #endregion */
/*===========================================================
          stories_container
  ===========================================================*/
/* #region */
.stories_container{position:relative;width:100vw;padding:var(--spaceLarge) var(--spaceNormal) 0;}
.stories_container::before{content:"STORIES";position:absolute;inset:14vw auto auto -5vw;display:block;font-family:var(--RiftSoft);font-size:var(--RiftFsHuge);color:var(--bgWhite);z-index:-1;}
.stories_container h2{padding-top:14vw;text-align:center;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsBigger);line-height:var(--lhMedium);}
.stories_container > p{margin-top:var(--spaceNM);color:var(--textGray);line-height:var(--lhHuge);}
/* ------ stories_swiper ------ */
.stories_swiper{position:relative;margin-top:var(--spaceMedium);overflow:hidden;}
.stories_swiper .swiper-notification{display:inline;}
.stories_swiper a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:75vw;border-radius:0 var(--braMedium) 0 0;overflow:hidden;}
.stories_swiper a::after{content:"";position:absolute;inset:0;display:block;background:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,.6)100%);width:100%;height:100%;z-index:-1;}
.stories_swiper img{position:absolute;inset:0;object-fit:cover;z-index:-1;}
/* ------ result_list_title ------ */
.stories_swiper .result_list_title{display:flex;flex-wrap:wrap;padding:0 14vw 0 4vw;color:var(--textWhite);}
.stories_swiper .result_list_title h3{width:100%;margin-top:4vw;font-size:var(--IBMPFsMedium);line-height:var(--lhMedium);order:2;}
.stories_swiper .result_list_title p{display:inline-block;padding:1.8vw 4vw 1.4vw;font-size:var(--IBMPFsSmall);border:var(--lineWhite) solid 1px;border-radius:9999px;order:1;}
/* ------ list_btn ------ */
.stories_swiper .list_btn{position:relative;display:flex;align-items:center;justify-content:space-between;padding:3vw;font-family:var(--RiftSoft);font-size:var(--RiftFsSmall);color:var(--textWhite);}
.stories_swiper .list_btn::before{content:"";display:block;background:var(--lineWhite);width:57vw;height:1px;margin-top:1vw;}
/* ------ stories_swiper_nav ------ */
.stories_swiper_nav{position:absolute;inset:0 auto auto 0;display:flex;background:var(--bgGray);border-radius:0 0 var(--braNormal) 0;z-index:1;}
.stories_swiper_nav::before{content:"";position:absolute;inset:0;display:block;background:var(--lineBlack);width:1px;height:3vw;margin:auto;}
.stories_swiper_nav .prev_btn,
.stories_swiper_nav .next_btn{width:12vw;height:12vw;display:flex;align-items:center;justify-content:center;}
.stories_swiper_nav .prev_btn::before,
.stories_swiper_nav .next_btn::before{content:"";display:block;background:url(/images/btn_1.webp) no-repeat center / contain;width:3vw;height:3vw;}
.stories_swiper_nav .next_btn::before{transform:scaleX(-1);}
/* #endregion */
/*===========================================================
          review_container
  ===========================================================*/
/* #region */
.review_container{position:relative;width:100vw;padding:var(--spaceLarge) var(--spaceNormal) 0;}
.review_container::before{content:"REVIEW";position:absolute;inset:14vw auto auto -5vw;display:block;font-family:var(--RiftSoft);font-size:var(--RiftFsHuge);color:var(--bgWhite);z-index:-1;}
.review_container h2{padding-top:14vw;text-align:center;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsBigger);line-height:var(--lhMedium);}
.review_container > p{margin-top:var(--spaceNM);color:var(--textGray);line-height:var(--lhHuge);}
/* ------ review_list ------ */
.review_list{display:flex;margin-top:var(--spaceMedium);overflow:hidden;}
.review_list li{flex-shrink:0;background:var(--bgWhite);width:73vw;margin-right:3vw;padding:var(--spaceNormal);border-radius:0 var(--braMedium) 0 0;animation:loopSlideSP 30s linear infinite;}
.review_list h3{display:flex;gap:4vw;align-items:flex-end;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsMedium);line-height:var(--lhMedium);border-bottom:var(--lineGray) solid 1px;}
.review_list h3::before{content:"";display:block;width:14vw;height:14vw;}
.review_list li.review_icon_1 h3::before{background:url(/images/review_icon_1.webp) no-repeat center / contain;}
.review_list li.review_icon_2 h3::before{background:url(/images/review_icon_2.webp) no-repeat center / contain;}
.review_list li.review_icon_3 h3::before{background:url(/images/review_icon_3.webp) no-repeat center / contain;}
.review_list li.review_icon_4 h3::before{background:url(/images/review_icon_4.webp) no-repeat center / contain;}
.review_list li.review_icon_5 h3::before{background:url(/images/review_icon_5.webp) no-repeat center / contain;}
.review_list h3 > span{padding-bottom:2vw;}
.review_list p{margin-top:var(--spaceNormal);color:var(--textGray);line-height:var(--lhHuge);}
/* ------ loop ------ */
@keyframes loopSlideSP{0%{transform:translateX(0);}100%{transform:translateX(-304vw);}}
@keyframes loopSlideTAB{0%{transform:translateX(0);}100%{transform:translateX(-166.8vw);}}
@keyframes loopSlidePC{0%{transform:translateX(0);}100%{transform:translateX(-109.6vw);}}
/* #endregion */
/*===========================================================
          flow_container
  ===========================================================*/
/* #region */
.flow_container{position:relative;width:100vw;padding:var(--spaceLarge) 0;}
.flow_container::before{content:"";position:relative;display:block;background:url(/images/top_photo_4.webp) no-repeat center / cover;width:88vw;height:55vw;margin:0 auto;border-radius:0 var(--braMedium) 0 var(--braMedium);z-index:1;}
/* ------ flow_wrap ------ */
.flow_wrap{background:var(--bgWhite);margin-top:-10vw;padding:26vw var(--spaceNormal) var(--spaceMedium);border-radius:0 var(--braMedium) 0 var(--braMedium);}
.flow_wrap h2{text-align:center;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsBigger);line-height:var(--lhMedium);}
/* ------ flow_list ------ */
.flow_list li{margin-top:var(--spaceNM);}
.flow_list span{position:relative;background:var(--bgBlue);padding:1vw 3vw;font-family:var(--RiftSoft);font-size:var(--RiftFsSmall);color:var(--textWhite);border-radius:var(--braSmall);}
.flow_list span::before{content:"";position:absolute;inset:auto 0 -1vw 0;display:block;background:var(--bgBlue);width:2vw;height:2vw;margin:0 auto;transform:rotate(45deg);}
.flow_list div{margin-top:var(--spaceMini);}
.flow_list h3{font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsMedium);line-height:var(--lhMedium);}
.flow_list p{margin-top:var(--spaceMini);color:var(--textGray);line-height:var(--lhHuge);}
/* #endregion */
/*===========================================================
          news_container
  ===========================================================*/
/* #region */
.news_container{position:relative;width:100vw;padding:var(--spaceLarge) var(--spaceNormal) 0;}
.news_container h2{text-align:center;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsBigger);line-height:var(--lhMedium);}
/* ------ news_list ------ */
.news_list{background:var(--bgWhite);margin-top:var(--spaceMedium);padding:var(--spaceMedium) var(--spaceNormal) 0;border-radius:0 var(--braMedium) 0 0;}
.news_list li{border-top:var(--lineGray) solid 1px;}
.news_list li:last-of-type{border-bottom:var(--lineGray) solid 1px;}
.news_list a{display:flex;flex-direction:column;padding:var(--spaceNM) 0;}
.news_list h3{margin-top:3vw;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsMedium);line-height:var(--lhMedium);order:2;}
.news_list p{display:flex;align-items:center;order:1;}
.news_list p > time{width:25vw;font-family:var(--RiftSoft);font-size:var(--RiftFsMedium);}
.news_list p > span{width:16vw;padding:1.8vw 0 .9vw;text-align:center;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsSmall);border-radius:var(--braSmall);}
.news_list p > span.column{background:var(--bgYellow);}
.news_list p > span.blog{background:var(--bgBlue);}
.news_list p > span.news{background:var(--bgGreen);}
.news_list p > span.info{background:var(--bgGreen);}
/* ------ linkbtn_wrap ------ */
.linkbtn_wrap{background:var(--bgWhite);padding:var(--spaceMedium) 0;border-radius:0 0 0 var(--braMedium);}
.linkbtn_wrap .linkbtn_a{width:76vw;margin-top:0;}
/* #endregion */
/*===========================================================
          faq_container
  ===========================================================*/
/* #region */
.faq_container{position:relative;width:100vw;padding:var(--spaceLarge) var(--spaceNormal) 0;}
.faq_container h2{text-align:center;font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsBigger);line-height:var(--lhMedium);}
/* ------ faq_list ------ */
.faq_list{margin-top:var(--spaceMedium);}
.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){
/*===========================================================
          main_view_container
  ===========================================================*/
/* #region */
.main_view_container{min-height:100vw;}
.main_view_container::before{width:30vw;height:50vw;}
.main_view_container::after{width:60vw;height:40vw;}
.main_view_container h1{padding:var(--spaceMedium) var(--spaceBigger) var(--spaceMedium) calc(var(--spaceNormal) + 2vw);}
.main_view_container h1::after{inset:auto auto 4.5vw -.6vw;}
/* #endregion */
/*===========================================================
          meshod_container
  ===========================================================*/
/* #region */
.meshod_container::before{inset:11vw auto auto -3vw;}
/* ------ meshod_title_wrap ------ */
.meshod_title_wrap::after{height:40vw;margin-top:var(--spaceNM);}
.meshod_title h2{padding:13vw var(--spaceNormal) 0;text-align:left;}
.meshod_title p{margin-top:var(--spaceNM);padding:0 var(--spaceNormal);}
/* ------ meshod_sub ------ */
.meshod_sub{width:95vw;margin:-10vw 0 0 auto;padding:24vw var(--spaceMedium) var(--spaceLarge);}
.meshod_sub figure img{width:55vw;}
/* #endregion */
/*===========================================================
          stories_container
  ===========================================================*/
/* #region */
.stories_container::before{inset:11vw auto auto -3vw;}
.stories_container h2{padding:13vw var(--spaceNormal) 0;text-align:left;}
.stories_container > p{padding:0 var(--spaceNormal);}
/* ------ stories_swiper ------ */
.stories_swiper a{height:45vw;}
/* ------ result_list_title ------ */
.stories_swiper .result_list_title{padding:0 8vw 0 3vw;}
.stories_swiper .result_list_title h3{margin-top:2vw;}
.stories_swiper .result_list_title p{padding:1vw 2vw .8vw;}
/* ------ list_btn ------ */
.stories_swiper .list_btn{padding:2vw;}
.stories_swiper .list_btn::before{width:30vw;margin-top:.5vw;}
/* ------ stories_swiper_nav ------ */
.stories_swiper_nav::before{height:2vw;}
.stories_swiper_nav .prev_btn,
.stories_swiper_nav .next_btn{width:8vw;height:8vw;}
.stories_swiper_nav .prev_btn::before,
.stories_swiper_nav .next_btn::before{width:2vw;height:2vw;}
/* #endregion */
/*===========================================================
          review_container
  ===========================================================*/
/* #region */
.review_container::before{inset:11vw auto auto -3vw;}
.review_container h2{padding:13vw var(--spaceNormal) 0;text-align:left;}
.review_container > p{padding:0 var(--spaceNormal);}
/* ------ review_list ------ */
.review_list li{width:40vw;margin-right:1.7vw;animation:loopSlideTAB 25s linear infinite;}
.review_list h3{gap:2vw;}
.review_list h3::before{background:url(/images/review_icon_1.webp) no-repeat center / contain;width:9vw;height:9vw;}
.review_list h3 > span{padding-bottom:1.5vw;}
/* #endregion */
/*===========================================================
          flow_container
  ===========================================================*/
/* #region */
.flow_container::before{width:90vw;height:40vw;}
/* ------ flow_wrap ------ */
.flow_wrap{margin-top:-10vw;padding:20vw var(--spaceNormal) var(--spaceMedium);}
/* ------ flow_list ------ */
.flow_list li{display:flex;gap:4vw;align-items:flex-start;margin-top:var(--spaceNM);}
.flow_list span{padding:.6vw 1.5vw;}
.flow_list span::before{inset:0 -.4vw 0 auto;width:.8vw;height:.8vw;margin:auto 0;}
.flow_list div{margin:0;}
.flow_list h3{font-family:var(--IBMPlexSans600_h);font-size:var(--IBMPFsMedium);line-height:var(--lhMedium);}
.flow_list p{margin-top:var(--spaceMini);color:var(--textGray);line-height:var(--lhHuge);}
/* #endregion */
/*===========================================================
          news_container
  ===========================================================*/
/* #region */
/* ------ news_list ------ */
.news_list a{gap:5vw;flex-direction:row;align-items:flex-start;padding:var(--spaceNormal) 0;}
.news_list h3{margin-top:0;}
.news_list p > time{width:17vw;}
.news_list p > span{width:9vw;padding:1vw 0 .6vw;}
/* ------ linkbtn_wrap ------ */
.linkbtn_wrap{padding:var(--spaceNM) 0 var(--spaceMedium);}
.linkbtn_wrap .linkbtn_a{width:50vw;}
/* #endregion */
/*===========================================================
          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){
/*===========================================================
          main_view_container
  ===========================================================*/
/* #region */
.main_view_container{min-height:51vw;max-height:calc(100vw * .5625);padding:var(--spaceNormal) var(--spaceMedium) var(--spaceNormal) var(--spaceNormal);}
.main_view_container::before{width:24vw;height:26vw;}
.main_view_container::after{width:30vw;height:30vw;}
.main_view_container h1{padding:var(--spaceMedium) 45vw var(--spaceNormal) calc(var(--spaceNormal) + 1vw);}
.main_view_container h1::after{inset:auto auto 25vw 2vw;transform:rotate(90deg);transform-origin:top left;}
/* #endregion */
/*===========================================================
          meshod_container
  ===========================================================*/
/* #region */
.meshod_container::before{inset:8vw auto auto -2.5vw;}
/* ------ meshod_title_wrap ------ */
.meshod_title_wrap{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 var(--spaceMedium) 0 var(--spaceBigger);}
.meshod_title_wrap::after{width:37vw;height:39vw;margin-top:0;}
.meshod_title{display:block;width:31vw;}
.meshod_title h2{padding:0;}
.meshod_title p{margin-top:var(--spaceNM);padding:0}
/* ------ meshod_sub ------ */
.meshod_sub{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:93vw;margin:-10.3vw 0 0 auto;padding:19vw var(--spaceBigger) var(--spaceLarge) var(--spaceMedium);}
.meshod_sub h3{width:100%;}
.meshod_sub figure{margin-top:var(--spaceNM);}
.meshod_sub figure img{width:31vw;}
.meshod_sub figcaption{margin-top:var(--spaceNormal);}
.meshod_sub figcaption > a{text-decoration:underline;text-decoration-color:var(--lineBlack);}
.meshod_sub figcaption > a{transition:color .25s linear,text-decoration-color .25s linear;}
.meshod_sub div{width:34vw;margin-top:var(--spaceNM);}
.meshod_sub p{color:var(--textGray);line-height:var(--lhHuge);}
.meshod_sub .linkbtn_a{margin-left:0;}
/* ------ hover ------ */
.meshod_sub figcaption > a:hover{color:var(--textYellow);text-decoration-color:var(--lineYellow);}
/* #endregion */
/*===========================================================
          stories_container
  ===========================================================*/
/* #region */
.stories_container{display:flex;flex-wrap:wrap;gap:0 8vw;padding-right:var(--spaceMedium);}
.stories_container::before{inset:8vw auto auto -2.5vw;}
.stories_container h2{padding:7vw 0 0 var(--spaceLarge);}
.stories_container > p{width:36vw;margin-top:0;padding:7vw 0 0;}
/* ------ stories_swiper ------ */
.stories_swiper a{height:24vw;}
.stories_swiper img{transition:transform .5s ease-in-out;}
/* ------ result_list_title ------ */
.stories_swiper .result_list_title{padding:0 4.5vw 0 1.5vw;}
.stories_swiper .result_list_title h3{margin-top:1.2vw;}
.stories_swiper .result_list_title p{padding:.5vw .9vw .3vw;}
/* ------ list_btn ------ */
.stories_swiper .list_btn{padding:1vw;font-size:var(--RiftFsMedium);}
.stories_swiper .list_btn::before{width:21vw;margin-top:.3vw;}
/* ------ hover ------ */
.stories_swiper a:hover img{transform:scale(1.1);}
/* ------ stories_swiper_nav ------ */
.stories_swiper_nav::before{height:1vw;}
.stories_swiper_nav .prev_btn,
.stories_swiper_nav .next_btn{width:4.5vw;height:4.5vw;cursor:pointer;}
.stories_swiper_nav .prev_btn::before,
.stories_swiper_nav .next_btn::before{width:1vw;height:1vw;}
/* #endregion */
/*===========================================================
          review_container
  ===========================================================*/
/* #region */
.review_container{display:flex;flex-wrap:wrap;gap:0 8vw;padding-right:var(--spaceMedium);}
.review_container::before{inset:8vw auto auto -2.5vw;}
.review_container h2{padding:7vw 0 0 var(--spaceLarge);}
.review_container > p{width:36vw;margin-top:0;padding:7vw 0 0;}
/* ------ review_list ------ */
.review_list li{width:26.4vw;margin-right:1vw;padding:var(--spaceTiny);animation:loopSlidePC 40s linear infinite;}
.review_list h3{gap:2vw;}
.review_list h3::before{background:url(/images/review_icon_1.webp) no-repeat center / contain;width:4vw;height:4vw;}
.review_list h3 > span{padding-bottom:1vw;}
.review_list p{margin-top:var(--spaceTiny);}
/* #endregion */
/*===========================================================
          flow_container
  ===========================================================*/
/* #region */
.flow_container{display:flex;padding:var(--spaceLarge) var(--spaceMedium) var(--spaceLarge) var(--spaceNormal);}
.flow_container::before{width:34vw;height:44vw;}
/* ------ flow_wrap ------ */
.flow_wrap{width:62.5vw;margin:var(--spaceNormal) 0 0 -7vw;padding:var(--spaceMedium) var(--spaceMedium) var(--spaceMedium) var(--spaceBigger);}
/* ------ flow_list ------ */
.flow_list li{gap:2.5vw;margin-top:var(--spaceNormal);}
.flow_list span{padding:.3vw .7vw;}
.flow_list span::before{inset:0 -.15vw 0 auto;width:.3vw;height:.3vw;}
.flow_list div{margin:0;}
/* #endregion */
/*===========================================================
          news_container
  ===========================================================*/
/* #region */
.news_container{padding:var(--spaceLarge) var(--spaceMedium) 0;}
/* ------ news_list ------ */
.news_list{margin-top:var(--spaceNM);padding:var(--spaceNM) var(--spaceMedium) 0;}
.news_list a{gap:3vw;padding:var(--spaceTiny) 0;}
.news_list p > time{width:8vw;}
.news_list p > span{width:5vw;padding:.5vw 0 .3vw;}
/* ------ linkbtn_wrap ------ */
.linkbtn_wrap{padding:var(--spaceNormal) 0 var(--spaceNM);}
.linkbtn_wrap .linkbtn_a{width:24vw;}
/* #endregion */
/*===========================================================
          faq_container
  ===========================================================*/
/* #region */
.faq_container{padding:var(--spaceLarge) var(--spaceMedium) 0;}
/* ------ faq_list ------ */
.faq_list{margin-top:var(--spaceNM);}
.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 */
}