@charset "UTF-8";

/* ------------------
 Swiper
------------------ */
/**
 * Swiper 9.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 28, 2023
 */

 .swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
 
html {
	margin:auto;
}

body {
  margin: 0;
  padding: 0;
}

.kenga-overlay-image {display: none;}

.outer {
    display: flex;
}
.main{
    position: relative;
    padding-top: calc(100vh + 2430px);
    overflow: hidden;
}
.mv{
    background: url(../img/bg_mv.png);
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: calc(100vh - 70px);
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 70px;
    &::after{
        content: '';
        display: block;
        width: 100%;
        height: 50%;
        background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.25));
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 3;
    }
}
.mv.stop{
    position: absolute;
    top: 2500px;
    left: 0;
}
.frame_b{
    position: absolute;
    bottom: 0;
}
.mv_outer {
    width: 100%;
    height: 100%;
    display: flex ;
    align-items: center;
    justify-content: center;
    position: absolute;
    transform-origin: center bottom;
    top: 0;
    left: 0;
    background: linear-gradient(180deg,#2BB7B3 0,#2BB7B3 calc(100% - 760px),transparent calc(100% - 760px));
    &::before{
        content: '';
        display: block;
        width: calc(50% - 400px);
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #2BB7B3;
    }
    &::after{
        content: '';
        display: block;
        width: calc(50% - 400px);
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: #2BB7B3;
    }
  }
  .frame_e{
      position: absolute;
      bottom: 0;
  }

#rect01 {
    mask:url(#mask01);
}
#rect02 {
    mask:url(#mask02);
}
#path01{
    transform: scale(1);
    transform-origin: center;
}
#path02{
    transform-origin: center;
}
.mv_catch{
    position: relative;
    filter: blur(0);
    opacity: 1;
    transition: .3s;
    max-width: 150vh;
}
.mv_catch.del{
    filter: blur(100px);
    opacity: 0;
    pointer-events: none;
    transition: .3s;
}
.mv_second{
    position: absolute;
    filter: blur(100px);
    opacity: 0;
    pointer-events: none;
    transition: .3s;
    z-index: 5;
}
.mv_second.act{
    filter: blur(0);
    opacity: 1;
    pointer-events: none;
    max-width: 30vh;
}
.mv_third {
  position: absolute;
  filter: blur(100px);
  opacity: 0;
  pointer-events: none;
  transition: .3s;
  color: #FDFDFD;
  text-shadow: 0px 0px 20px #000;
  font-weight: 700;
  line-height: 2;
  bottom: 50px;
  left: 30%;
  z-index: 5;
  white-space: nowrap;
}
.mv_second.act ~ .mv_third{
  filter: blur(0);
  opacity: 1;
  pointer-events: none;
  max-width: 30vh;
}

.new {
  padding: 70px 0;
  position: relative;
  &::before{
    content: '';
    display: block;
    width: calc(50% - 100px);
    height: 950px;
    background: #FFF100;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.new_outer {
  position: relative;
  max-width: 1280px;
  width: 100%;
  margin: auto;
}
.new_inner {
    display: flex;
    gap: 30px;
    max-width: 1024px;
    width: 90%;
    margin: auto;
}
.new_head_sub {
    font-size: 3.75rem;
    font-weight: bold;
    color: #EB6A81;
    line-height: 1.5;
    margin-top: 20px;
}
.new_text {
    font-weight: bold;
    line-height: 2;
    & .red{
        color: #e60012;
        font-size: 2.4rem;
        & .small{
            font-size: 1.2rem;
            font-weight: normal;
        }
    }
  }
.new_nav {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 400px;
  width: 100%;
}
.new_btn {
  display: flex;
  align-items: center;
  max-width: 400px;
  width: 100%;
  padding: 15px 40px 15px 15px;
  position: relative;
  gap: 20px;
  &::after{
    content: '';
    display: block;
    background: url(../common/img/arrow_white.svg) no-repeat center;
    background-size: contain;
    width: 14px;
    height: 27px;
    position: absolute;
    right: 10px;
  }
}
.btn_body {
  max-width: 225px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.btn_sub {
  width: 100%;
  background: #fff;
  text-align: center;
  line-height: 1;
  min-height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
}
.new_btn:nth-child(1){
    background: #0b76ab;
    & .btn_sub {
        color: #0b76ab;
    }
}
.new_btn:nth-child(2){
    background: #C170AA;
    & .btn_sub {
        color: #C170AA;
    }
}
.new_btn:nth-child(3){
    background: #EB6A81;
    & .btn_sub {
        color: #EB6A81;
    }
}
.btn_main {
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.25;
}

.flow_inner {
    max-width: 1024px;
    width: 90%;
    margin: auto;
    display: flex  ;
    flex-wrap: wrap;
    gap: 5px;
    white-space: nowrap;
    margin-top: 60px;
    position: relative;
}
.flow_midashi {
  position: absolute;
  right: 1em;
  top: 0;
}

.able {
  padding-top: 65px;
  max-width: 1280px;
  width: 100%;
  margin: auto;
  position: relative;
}
.able_inner {
  max-width: 1024px;
  width: 90%;
  margin: auto;
  color: #259D9A;
}
.able_head {
  font-size: 2rem;
  font-weight: bold;
}
.able_tit {
  font-size: 4rem;
  line-height: 1.25;
}
.able_small {
  max-width: 560px;
  text-align: center;
  font-size: 1.2rem;
  width: 100%;
}
.able_slide {
  padding-left: 170px;
  position: relative;
  margin-top: 30px;
}
.swiper-button-prev,.swiper-button-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
    width: 40px;
    height: 80px;
	&:hover {
		opacity: 0.8;
	}
}
.swiper-button-prev {
	left: 0;
    background: url(../img/arrow_prev.png) no-repeat left;
    background-size: contain;
}
.swiper-button-next {
	right: 0;
    background: url(../img/arrow_next.png) no-repeat right;
    background-size: contain;
}
.swiper-slide {
    min-height: 415px;
    background: #FFF100;
    border-radius: 80px;
  }
.able_plate {
  display: flex;
  align-items: flex-start;
  padding: 15px 30px;
  gap:15px;
}
.able_num {
  font-size: 6rem;
  line-height: 1;
  color: #2BB7B3;
  border-bottom: 5px solid;
  padding-bottom: 10px;
}
.able_bold {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
}
.able .btn_more {
  position: absolute;
  max-width: 415px;
  width: 100%;
  top: 80px;
  right: 128px;
}

.about{
  padding-bottom: 80px;
}
.about_inner{
  max-width: 1024px;
  width: 90%;
  min-height: 612px;
  margin: auto;
  position: relative;
}
.about_bg{
  position: absolute;
  width: 100%;
  height: 612px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
}
.about_part{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about_sp{
  display: none;
}
.about_body{
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  & .btn_more{
    margin-top: 30px;
    padding:0 15px;
    &::after{
      display: none;
    }
  }
}
.about_btn{
  position: relative;
  &::after{
    content: '';
    display: block;
    background: url(../img/img_04_catch.svg) no-repeat center;
    background-size: contain;
    width: 98px;
    height: 198px;
    position: absolute;
    bottom: 40px;
    right: -70px;
  }
}
.sp{
  display: none;
}

@media screen and (max-width: 767px) {

  .mv{
    display: none;
  }
  
.main{
  position: relative;
  overflow: hidden;
  padding-top: calc(100svh - 70px);
}
  .sp{
    display: block;
      background: url(../img/bg_mv_sp.png) bottom center;
      background-size: cover;
      width: 100%;
      height: calc(100svh - 70px);
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 0px;
      left: 0;
      &::after{
          content: '';
          display: block;
          width: 100%;
          height: 50%;
          background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.25));
          position: absolute;
          left: 0;
          bottom: 0;
          z-index: 3;
      }
  }
  .sp_mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(180deg, #fff 0,#fff 30%,transparent 30%);
    transition: 0.5s 2.5s;
    & img{
      width: 100%;
    }
  }
  .act .sp_mask{
    transform: scale(5);
    transform-origin: bottom center;
    opacity: 0;
    transition: 0.5s 2.5s;
  }
  .sp_mask_2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(180deg, #2BB7B3 0,#2BB7B3 30%,transparent 30%);
    transition: 0.5s 2.5s;
    & img{
      width: 100%;
    }
  }
  .act .sp_mask_2{
    transform: scale(5);
    transform-origin: bottom center;
    opacity: 0;
    transition: 0.5s 3s;
  }
  .sp_catch {
    position: absolute;
    top: 5%;
    max-width: 90%;
    transition: 0.5s 3.5s;
    filter: blur(0);
  }
  .act .sp_catch{
    filter: blur(10px);
    transform-origin: bottom center;
    opacity: 0;
    transition: 0.5s 2s;
  }
  .sp_second {
    max-width: 25vh;
    filter: blur(100px);
    transition: 0.5s 2s;
    position: relative;
    z-index: 5;
  }
  .act .sp_second {
    filter: blur(0px);
    transition: 0.5s 3.5s;
  }
  .sp_third {
    max-width: 25vh;
    filter: blur(100px);
    transition: 0.5s 2s;
    color: #FDFDFD;
    text-shadow: 0px 0px 20px #000;
    font-weight: 700;
    line-height: 1.5;
    position: absolute;
    bottom: 10px;
    z-index: 5;
    left: calc(50% - 12.5vh);
    font-size: 1.4rem;
    white-space: nowrap;
    padding-left: 1em;
    text-indent: -1em;
  }
  .act .sp_third {
    filter: blur(0px);
    transition: 0.5s 3.5s;
  }
  
  
  .sp.stop{
  }

  .new {
    &::before {
      content: '';
      display: block;
      width: calc(50%);
      height: 80%;
      background: #FFF100;
      position: absolute;
      top: 0;
      left: 0;
    }
  }
  .new_nav {
    position: static;
  }
  .new_inner {
    flex-direction: column;
    align-items: center;
  }
  .new_text {
    font-size: 1.4rem;
    & .red {
      color: #e60012;
      font-size: 1.8rem;
    }
  }
  .new_nav {
    position: static;
    margin: 25px 0 0 auto;
  }
  .new_btn {
    width: 95%;
    margin: 0 0 0 auto;
  }
  .btn_body {
    max-width: 190px;
  }
  .btn_main {
    font-size: 2rem;
  }
  .flow_inner {
    white-space: break-spaces;
    justify-content: center;
  }
  .flow_flex {
    display: flex;
    gap: 10px;
    justify-content: center;
  }
  .flow_left{
    max-width: calc(50% - 5px);
    font-size: 1.2rem;
  }
  .flow_midashi {
    position: relative;
    max-width: calc(50% - 5px);
    right: auto;
  }
  .able_tit {
    font-size: 2.4rem;
  }
  .able_slide {
    padding: 0;
    max-width: 335px;
    margin: 30px auto;
  }
  .able .btn_more {
    top: auto;
    right: auto;
    position: relative;
    width: 90%;
    margin: 25px auto 0;
  }
  .swiper-slide{
    min-height: 335px;
  }
  .able_box {
    font-size: 1.4rem;
  }
  .able_num {
    font-size: 5rem;
  }
  .able_bold {
    font-size: 1.8rem;
  }
  .swiper-button-prev, .swiper-button-next{
    width: 35px;
  }
  .about_bg{
    display: none;
  }
  .about_sp{
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .about_head {
    max-width: 175px;
  }
  .about_body {
    margin-top: 30px;
  }
  .about_btn {
    max-width: 175px;
  }
}