html, body {
  height: auto;
  margin: 0;
  overflow-y: auto;
}
*{word-break: keep-all;}
b{font-family: inherit;}
.font70{font-size:24px;line-height: 34px}
.font40{font-size:40px;}
.font30{font-size:14px;line-height: 22px}
.center_cont{
  width:100%;
  height: 100%;
  display: flex;
  align-items: center;justify-content: center
}
.mask {overflow: hidden;display: inline-block;}
.flexcol{display: flex;flex-direction: column;}
.btn_plus{background: #fff;height: 50px;line-height: 50px;padding: 0 20px;background:#fff url('/img/main/btn_more.svg') right 25px center/ 24px no-repeat;
border-radius: 300px;display: inline-block;padding-right: 65px;font-size: 14px;box-shadow: 0px 0px 10px 0px var(--main3)4D;border: 1px solid #CDE3EF;}
.slide_bt{text-align: center;margin-top: 10px;display: inline-flex;align-items: center;gap:12px;}
.slide_bt .next_btn img,.slide_bt .prev_btn img{width: 17px;}
.slide_bt .next_btn{transform: scaleX(-1);}
.slide_bt .slide_page .swiper-pagination-bullet{width:6px;height: 6px;background: #C9C7C5;margin:0 6px;opacity: 1;vertical-align: middle;}
.slide_bt .slide_page .swiper-pagination-bullet-active{background: #FEBD3A;width:12px;height: 12px}

.sec01{height: calc(var(--vh) * 100);z-index: 10;background: #fff;    position: relative;}
.sec01 .cont01 p{font-size: 24px}
.sec01 .cont01 .text_center>img{margin-bottom: 50px}
.sec01 .cont01 .text_center{clip-path: none;
  transform-origin: 50% 50%;}
.sec01 .diagram .shape_wrap>*{position: absolute;opacity: 0; transform:scale(0);}
.sec01 .diagram .shape_wrap img{display: none;}
.sec01 .diagram .shape_wrap{position: absolute;left: 50%;
    transform: translate(-50%, -50%);top: 50%; z-index: -1;width:90vw;height: 90vh;display: flex;align-items: center;justify-content: center}
.sec01 .diagram .img04{width:700px;height: 700px}
.sec01 .diagram .img04>*{background: #F372B2;width:700px;height: 700px;transform-origin: 50% 50%;position: absolute;}
.sec01 .img04 .polygon {clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);}
.sec01 .img04 .circle {clip-path: circle(50% at 50% 50%);transform:scale(0.8);opacity: 0}
.sec01 .mov_wrap {display: none;position: absolute;width: 100%;height: 100%;z-index: 2;top: 0; clip-path: circle(0% at 50% 50%);
overflow: hidden;transform-origin: 50% 50%;}
.sec01 .mov_wrap .video_wrap video{position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;z-index: -1;
    transform: translate(-50%, -50%);}
.sec01 .mov_wrap .video_wrap::before{display: inline-block;content: '';width:100%;height: 100%;
background: #D9D9D9;position: absolute;mix-blend-mode: multiply;}
.sec01 .mov_wrap .center_cont{flex-direction: column;position: relative;z-index: 2;height: 80%;}
.sec01 .mov_wrap p:last-child{font-size: 34px;text-transform: uppercase;font-weight: 700}
.sec01 .mov_wrap p:first-child{font-size:24px;font-weight: 200;margin-bottom: 20px}


.sec02{padding:90px 0 0;}
.sec02 h3{overflow:hidden;color:#150201;text-align:center;}
.sec02 h3 .mask {overflow: hidden;}
.sec02 h3 p{ transform:translateY(-100%);}
.sec02 .visual{
	position:relative;
	width:100%;height: calc(var(--vh) * 100);
	margin:47px 0 0;
}
.sec02 .visual .bg{
	overflow:hidden;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url('../../img/main/sec02_bg.jpg') no-repeat;
	background-size:cover;
	transition:all 0.2s;
}
.sec02 .visual h4{
	position:absolute;left:50%;top:50%;z-index:10;
	transform:translate(-50%,-50%);    text-align: center;
}
.sec02 .visual h4 span{
	display:inline-block;
      width: 100%;color:#fff;
	opacity:0;transform:translateY(-100px);
}
.sec02 .visual h4 span:last-child{font-weight: 700}
.sec02 .visual .bg_color {
	opacity: 0;
  position: absolute;
  top: 50%; left:50%;
  width: 100vw;
height: calc(var(--vh) * 100);
transform: translate(-50%, -50%);
  background: #A9A494;
  mix-blend-mode: multiply;
}
.sec03{background:#F8F6DE;height: calc(var(--vh) * 100);position: relative;overflow: hidden;}
.sec03>div{display: flex;flex-direction: column;align-items: center;justify-content: center;width:100%;height: 100vh}
.sec03 .text1, .sec03 .text2 {
  color: #150201;
}

.sec03 .text2-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
text-align: center;
}

.sec03 .line {
  position: absolute;
  bottom: 50px;
  left:50%;
  height: 2px;
   width: 100vh;
  background: #150201;
  transform-origin: center center;
  transform: translateX(-50%) scaleX(0);
}
.sec03 .bg{
	opacity: 0;
	overflow:hidden;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url('../../img/main/sec03_bg.jpg') no-repeat;
	background-size:cover;
	transition:all 0.2s;
}
.sec03 .text_wrap03{display: none;position: absolute;top: 0;text-align: center;}
.sec03 .text_wrap03 p{transform: translateY(-100px);color:#fff;opacity: 1}
.sec03 .text_wrap03 .text3{font-size: 14px;margin-bottom: 10px;line-height: 22px}

.sec05{padding: 70px 25px;position: relative;background: var(--main);position: relative;}
.sec05 .cont01{z-index: 2;position: relative;}
.sec05 .cont01 .text_wrap{text-align: center;width:100%}
.sec05 .cont01 .text_wrap02 p{transform: translateY(200%);}
.sec05 .cont01 .text_wrap02 p.text2{font-size: 18px;margin:20px 0 10px;line-height: 1}
.sec05 .cont01 .text_wrap02 p.text3{font-size: 14px;font-weight: 200 !important;line-height: 22px}

.sec05 .cont01 .img_wrap{width:100%;margin-top: 15px; padding-bottom: calc(240/308*100% + 56px); position: relative;height: 309px;}
.sec05 .cont01 .img_wrap .img{transform: translateY(220%);position: absolute; aspect-ratio: 308 / 240;border-radius: 12px;overflow: hidden;  max-width: calc(100vw - 50px);}
.sec05 .cont01 .img_wrap .img01{transform: none;}
.sec05 .cont01 .img_wrap .img>img{width:100%;height: 100%;object-fit: cover;}
.sec05 .cont01 .img_wrap .img02{z-index: 1;display: none}
.sec05 .cont01 .img_wrap .img03{z-index: 2;display: none}

.sec05 .cont01 .text{opacity: 0;transform: translateY(40px);}
.sec0501 .cont02{padding: 0 16px 50px;width:100%;background: var(--main);position: relative;z-index: 2;}
.sec0501 .cont02 .container{overflow: visible;}
.sec0501 .cont02 .flexcol{gap:10px;margin-top: 10px}
.sec0501 .cont02 .flexcol>div{width:100%;background: #fff;box-shadow: 4px 4px 10px 0px #CEC88A;padding: 30px 30px 30px 28px;display: flex;align-items: center;gap:20px;border-radius: 20px}
.sec0501 .cont02 .flexcol>div img{width:86px}
.sec0501 .cont02 .flexcol>div p{text-align: left;font-size: 12px;line-height: 18px;word-break: keep-all;}
.sec0501 .cont02 .flexcol>div p.name{margin-top: 14px}
.sec0501 .cont02 .flexcol>div p.name b{margin-right: 8px}

.sec0502 {overflow: hidden;}
.sec0502 .container{padding: 50px 16px}
.sec0502 .item{padding-left: 60px;}
.sec0502 svg {position:absolute; top:0; left:36px;}
.sec0502 .item + .item {padding-top:40px;}
.sec0502 .txt_wrap {margin-bottom: 24px;padding-left: 7px;position: relative;}
.sec0502 .txt_wrap .font70{font-weight: 200}
.sec0502 .num{width:40px;height:40px;  display: inline-flex;align-items: center;justify-content: center;background: rgba(219, 219, 219, 0.5);
    -webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);border-radius: 50%;position: absolute;left:-57px;top:0}
.sec0502 .num span{position: absolute;z-index:10;font-size:12px;color:#fff;letter-spacing: 2px;font-weight: 700;}
.sec0502 .num:after{content: "";position: absolute; top: 0; right: 0;bottom: 0; left: 0;width: 26px; height: 26px;margin: auto; background: #CCCCCC;border-radius: 50%;z-index: 9;}
.sec0502 .num.active:after{background: #FC9661}

.sec06{position: relative;height: calc(var(--vh) * 100);}
.sec06 .flex{gap:60px;}
.sec06 .cont02{height: calc(var(--vh) * 100);overflow: hidden;}
.sec06 .cont0201{height: 100%;}
.sec06 .cont02 .flex{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;gap:10px;height: 100%}
.sec06 .cont02 .flex .img{width:100%;background-size: cover;background-repeat: no-repeat;background-position: center center}
.sec06 .cont0202{opacity: 0;position: absolute;top:0;width:100%;height: 100%}
.sec06 .cont0202 .flex{grid-template-columns: 1fr 1fr 1fr;gap:90px;}
.sec06 .text_wrap{opacity: 0;position: absolute;top: 0;}
.sec06 .text_wrap .bg{position: absolute;top:0;left:0;background: linear-gradient(180deg, rgba(248, 246, 222, 0) 0%, #F8F6DE 100%);width:100%;height: 100%;opacity: 0}
.sec06 .text_wrap .bg02{background: linear-gradient(180deg, rgba(248, 246, 222, 0.5) 0%, #F8F6DE 100%)}
.sec06 .text_wrap .text1,.sec06 .text_wrap .text3{font-size: 18px;font-weight: 200;line-height: 26px;}
.sec06 .text_wrap .text2{margin:10px 0;line-height: 1;}
.sec06 .text_wrap>div:not(.bg){display: flex;flex-direction: column;text-align: center}
.sec06 .text_wrap p{transform: translateY(-120px);}
.sec06 .text_wrap .mask {overflow: hidden;display: inline-block;}

.sec07 {position: relative;min-height: calc(var(--vh) * 100);z-index: 2;overflow: hidden;background: #3796F4;}
.sec07 .text_wrap01{height: calc(var(--vh) * 100);}
.sec07 .text_wrap01 p{color:#fff;font-weight: 200}
.sec07 .text_wrap01 .text4{transform: translateX(-60px);opacity: 0;display: none}
.sec07 .text_wrap01 .text5{transform: translateX(60px);opacity: 0;display: none}
.sec07 .text_wrap01 .line{width:40px;height: 40px;margin:20px 0;display: none;transform: scale(0);}
.sec07 .text_wrap01 .line span{display: inline-block;content: '';width:40px;height: 3px;background: #fff;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%)}
.sec07 .text_wrap01 .line span:last-child{transform: translate(-50%,-50%) rotate(90deg);}
.sec0702{width:100%;z-index: 2;flex-wrap: wrap;background: #3796F4;text-align: center; 
   padding: 16px 16px 50px;}
.sec0702 .grid {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px;
}
.sec0702 .grid >div::before{transition: all 0.3s;display: inline-block;content: '';width:100%;height: 50%;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(119, 119, 119, 0.88) 72.73%);
    position: absolute;bottom:0;left:0;z-index: 2;mix-blend-mode: multiply;}

.sec0702 .grid>div{position: relative; text-align: left;
    width: calc(100vw - 32px);padding-bottom: 100%;}
.sec0702 .grid>div.box01{transform: none;z-index: 1;}
.sec0702 .grid>div.box02{z-index: 2}
.sec0702 .grid>div.box03{z-index: 3}
.sec0702 .grid>div.box04{z-index: 4}
.sec0702 .cont02 a{white-space: nowrap;}

.sec0702>div .box01{background: url('../../img/main/sec07_img01.jpg') center center / cover no-repeat}
.sec0702>div .box02{background: url('../../img/main/sec07_img02.jpg') center center / cover no-repeat;}
.sec0702>div .box03{background: url('../../img/main/sec07_img03.jpg') center top / cover no-repeat;}
.sec0702>div .box04{background: url('../../img/main/sec07_img04.jpg') center center / cover no-repeat;}
.sec0702>div p.tit{color:#fff;font-size:24px;font-weight: bold;font-family: 'HGGGothicssi';}
.sec0702>div p:not(.tit){color:#fff;font-size: 14px;line-height: 22px;margin-top: 5px;}
.sec0702>div .text{position: absolute;bottom:30px;left:24px;z-index: 3;}
.sec0702 .btn_arrow{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);border-radius: 30px;font-size: 14px;background: #fff url('../../img/main/sec07_btn_arrow.svg') right 20px center;background-repeat: no-repeat;padding: 0 53px 0 20px;
z-index: 2;height: 50px;line-height: 50px;display: inline-block;margin:20px auto 0}

.sec08{padding: 50px 16px;}
.sec08 .text_wrap01{text-align: left;margin-bottom: 10px;}
.sec08 .text_wrap01 p:not(.bold){font-weight: 200;}
.sec08 .img_wrap{
  width:100%;height: 100%;
  aspect-ratio: 300 / 300;
  overflow: hidden;border-radius: 10px;
  position: relative;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
}

.sec08 .img_wrap .text1{font-weight: 200;margin-top: 40px;margin-left: 30px;font-size: 18px;line-height: 28px;}
.sec08 .img_wrap .text2{margin-top:5px;font-size: 14px;margin-left: 30px;line-height: 22px;word-break: keep-all;padding-right: 48px;}

.sec09{height: calc(var(--vh) * 100);background: url('../../img/main/sec09_bg.jpg') center center / cover no-repeat}
.sec09 .text_wrap{padding-top: 10vh;}
.sec09 .text_wrap .flexcol{width:100%}
.sec09 .text2{font-size:14px;margin-top: 5px;line-height: 24px;}


.sec10{height: calc(var(--vh) * 100);background: var(--main);padding-top: 80px;overflow: hidden;position: relative;}
.sec10 .text3 {font-size: 14px;line-height: 24px}
.sec10 .text_wrap{position: relative;z-index: 2}
.sec10 .text_wrap .text1{margin:10px 0;line-height: 1;}
.sec10 .text2{font-size:14px;line-height: 24px}
.sec10 .img_wrap{display: flex;flex-direction: column;align-items: center;gap:12px;position: absolute;
    top: 0;height: 100dvh;}
.sec10 .img_wrap .img01{transform: translateY(100%);opacity:0;max-width: 208px;position: absolute;bottom: 0;}
.sec10 .img_wrap .img02{transform: translateY(100%);opacity:0;max-width: 145px;position: absolute;bottom: 40vh;}
.sec10 .img_wrap .img03{opacity: 0;display: none;top: 50%;position: absolute;left: 50%;transform: translate(-60%, -50%);}
.sec10 .img_wrap02 .img0103{opacity: 0;display: none;position: absolute;left: 50%;bottom:0;transform: translateX(-50%);}
.sec10 .img_wrap02{z-index: 2;position: absolute;top:0;display: none;    width: 100%;height: 100dvh;}
.sec10 .bg{width: 100vw;}
.sec10 .bg{position: absolute;left:0;bottom:45%;transform: translateX(-100%);z-index: -1}
.sec10 .text_wrap02{display: none;position: absolute;z-index: 3;top: 80px;width: 100%;}
.sec10 .text_wrap02 p{transform: translateY(-120px);}

.sec11{padding:50px 0;background: #3796F4;margin-top: -1px !important;position: relative;}
.sec11 p{font-weight: 700;position: relative;z-index: 2;  margin-bottom: 50px;}
.sec11 .swiper .slide1 {max-width:172px;}
.sec11 .swiper .slide2 {max-width:127px;}
.sec11 .swiper .slide3 {max-width:169px;}
.sec11 .swiper .slide4 {max-width:125px;}
.sec11 .swiper .slide5 {max-width:197px;}
/* .sec11 .swiper{height: 170px;} */
.sec11 .swiper-slide {width: auto; flex-shrink: 0;height: auto; }
.sec11 .swiper-wrapper {
  transition-timing-function: linear;
  align-items:center;
}

.sec12{overflow: hidden;background: var(--main);position: relative;padding-top: 50px;}
.sec12 .text_wrap02 {margin-bottom: 30px;}
.sec12 .text_wrap02 .font70{line-height: 32px;}
.sec12 .sec12_slide{width: 142px;overflow: visible;}
.sec12 .sec12_slide .text_wrap{position: absolute;top:0;text-align: left;left: 50%;transform: translateX(-50%);
    height: 100%;width: calc(100% - 40px);}
.sec12 .sec12_slide .text_wrap p.title{font-size: 11px;margin-bottom: 30px;padding-top: 12px;}
.sec12 .sec12_slide .text_wrap p.num{font-size: 12px;border-bottom: solid 1px #fff;margin-bottom: 20px;padding-bottom: 20px;line-height: 1;}
.sec12 .sec12_slide .text_wrap p.text{font-size: 12px;line-height: 20px;}

.sec12 .wrapper {text-align: center;}
.sec12 .sec12_text p{font-size: 24px;width: 100%;font-family: 'HGGGothicssi'; text-align: center;margin-top: 30px;display:none;}
.sec12 .sec12_text p.active{display: block;}
.sec12 .navi_btn{margin-top:20px;    justify-content: center;}
.sec12 .navi_btn p{cursor: pointer;}
.sec12 .navi_btn .next_btn{transform: scaleX(-1);}
.sec12 .navi_btn img{max-width: 48px;}

.sec1202{background: var(--main);position: relative;overflow: hidden;}
.sec1202 .container{padding: 50px 0;}
.sec1202 .text_wrap01{display: inline-block; font-weight: 200;width: 100%;}
.sec1202 .text_wrap01 .text2{font-weight: 600}
.sec1202 hr{max-width: calc(100vw - 80px);background: #E5E3C8;margin:30px auto}
.sec1202 .ani01{margin: 40px 0 30px;}
.sec1202 .ani01 .card_wrap .box{max-width: calc(100vw - 80px);margin:0 auto;}
.sec1202 .ani02 .card_wrap .box{max-width: 45%;margin:0 auto;}
.sec1202 .ani02{margin-bottom: 30px;}
.sec1202 .ani03 .card_wrap .box{max-width: calc(100vw - 80px);margin:0 auto;}

.sec13{padding: 50px 0;}
.sec13 .text_wrap01{display: flex;width: 100%;}
.sec13 .text_wrap01 span{display: inline-block; font-weight: 400;}
.sec13 .text_wrap01 .bold span{font-weight: 700 !important}
.sec13 .text_wrap01 .text2{margin-bottom: 10px;}
.sec13 .text_wrap01 .text3{font-size: 14px;line-height: 22px}
.sec13 .book_slide{display: flex;gap:30px;margin-top: 80px;align-items: flex-start;}
.sec13 .book_slide img:nth-child(even){margin-top: 57px}
.sec13 .book_slide img {flex-shrink: 0;height: 205px;}

.sec14{padding:50px 16px;overflow: hidden;position: relative;background: #F2F2F2;text-align: center;}
.sec14::before,.sec14::after{display: inline-block;content: '';width:1px;height: calc(var(--vh) * 100);position: absolute;top:-50px;background: rgba(204, 204, 204, 0.3);left:33%;}
.sec14::after{left:66%;}
.sec14 .font70{line-height: 1;}
.sec14 .container{position: relative;z-index: 1;}
.sec14 .sec14_slide {margin-top: 10px;}
.sec14 .swiper-slide{align-items: center;justify-content: space-between;height: 90%}
.sec14 .swiper-slide .font30{margin-top: 40px}
.sec14 .text_wrap .font30{margin-top: 12px;padding: 0 20px;}
.sec14 .swiper-slide>div{text-align: center}
.sec14 .img_wrap{position: relative;}
.sec14 .swiper-slide .tit{font-size: 18px;margin: 10px 0;line-height: 1;font-weight: 700}
.sec14 .swiper-slide p{font-size: 14px}
.sec14 .btn_plus{margin-top:10px;}

.sec14 .slide_page{display: inline-block;width:auto;box-shadow: 0px 0px 4px 0px #B3CEE1;background: #fff;border-radius: 5px;height: 30px;
    line-height: 30px;margin-top: 50px;z-index: 1;position: relative;}
.sec14 .slide_page .swiper-pagination-bullet{position: relative;width:auto;height: auto;background:#fff;opacity: 1;border-radius: 0;margin:0 10px}
.sec14 .slide_page span.bullet{display: inline-block;width:6px;height: 6px;background: #B3CEE1;border-radius: 100%;}
.sec14 .slide_page .swiper-pagination-bullet-active span.bullet{background: var(--main3)}
.sec14 .slide_page span.text{position: absolute;top:-35px;background: #3796F4;color:#fff;width: max-content;width: max-content;
    padding: 0 6px;border-radius: 4px;height: 25px;line-height: 25px;    left: 50%;font-size: 12px;
    transform: translateX(-50%);}
.sec14 .slide_page span.text:before {
  width:14px;height: 16px;z-index: -1;
            position: absolute;
            content: '';
          background: #3796F4;
          transform: rotate(45deg);
bottom: -4px;
border-radius: 4px;
left: calc(50% - 7px);
        }
.sec14 .slide_page .swiper-pagination-bullet span.text{display: none}
.sec14 .slide_page .swiper-pagination-bullet-active span.text{display: block}

.sec15{position: relative;padding: 50px 30px;}
.sec15 .text_wrap  .font40{margin-bottom: 10px;font-size: 14px;}
.sec15 .text_wrap .text3{margin:10px 0;font-size:14px;line-height: 22px}
.sec15 .font70{line-height: 1;}
.sec15 .swiper{}
.sec15 .slide_bt{margin: 12px 0 18px;}

.sec16{background: url('/img/main/sec16_bg.jpg') center center / cover no-repeat;padding:50px 16px}
.sec16 .text1{font-size: 24px;margin-bottom: 5px;line-height: 34px}
.sec16 .text_wrap{margin-bottom: 10px;}
.sec16 .text_wrap p{font-weight: bold;}

.sec17{background: #ECEFF0;position: relative;padding: 50px 0;text-align: center;}
.sec17 .container{overflow: visible;}
.sec17 .flex{justify-content: space-between;width:100%}
.sec17 .text1{font-size: 24px;margin-bottom: 30px;}
.sec17 .swiper-slide .img_wrap::before{display: inline-block;content: '';width:160px;height: 100%;mask: url('/img/main/sec17_img01.png');background:rgba(0, 0, 0, 0.7);
    position: absolute; top: 0;left: 50%;transform: translateX(-50%);mask-size: 100%;}
.sec17 .swiper-slide-active .img_wrap::before{display: none;}
.sec17 .swiper-slide .font30{margin-top: 10px;font-size: 18px;line-height: 26px}
.sec17 .swiper-slide .font30 span{color:#00A7FF;font-weight: 700}
.sec17 .swiper-slide .text2 {font-size: 14px;line-height: 22px;margin-top: 10px;}
.sec17 .img_swiper .swiper-slide{width:200px}
.sec17 .btn_plus{display: block;max-width: 134px;margin: 18px auto 0;}
.sec17 .slide_bt{margin-top:15px}


.sec18{padding:50px 0 80px;background: #3796F4;overflow: hidden;}
.sec18 .text_wrap01{width: 100%;}
.sec18 .review_slide{display: flex;gap:10px;margin-top: 10px;align-items: flex-start;align-items: stretch;}
.sec18 .review_slide>div{background: #A3DFFF;border-radius: 14px;padding: 12px 12px 16px;position: relative;min-width: 147px;}
.sec18 .review_slide>div .img{width:30px;height: 30px;background-position: center center;background-size: cover;background-color:#fff;border-radius: 100%;
    overflow: hidden;margin-bottom: 15px}
.sec18 .review_slide>div p{font-size: 10px;line-height: 14px;word-break: keep-all;display: -webkit-box;
  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.sec18 .review_slide>div p.nickname{font-size:10px;line-height: 1;margin-top: 15px;font-weight: 600;}
.sec18 .review_slide02{margin-top: 10px}

.sec1802{background: #3796F4;padding-bottom: 50px;text-align: center;}
.sec1802 .swiper-slide{position: relative;}
.sec1802 .swiper-slide .img{border-radius: 12px;overflow: hidden;    width: 100%;
    height: 100%; aspect-ratio: 9 / 16;}
.sec1802 .swiper-slide .img video{width: 100%;height: 100%;object-fit: cover; }
.sec1802 .swiper-slide p{font-size:18px;padding: 10px 0 0;color:#fff;line-height: 26px;display: none}
.sec1802 .swiper-slide-active p{display:block}
.sec1802 .slide_bt p{width:36px;height: 36px;background: #fff;display: inline-flex;align-items: center;justify-content: center;border-radius: 100%;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);}

.sec19{height: calc(var(--vh) * 100);overflow: hidden;position: relative;}
.sec19 .cont01{position: relative;overflow: hidden;    height: 100vh;}
.sec19 .cont01 .text_wrap{position: absolute;top:20vh}
.sec19 .text2{font-size: 24px;font-weight: 600;margin-top:10px;line-height: 1}
.sec19 .cont01 .img{z-index: -1;border-radius: 20px;overflow: hidden;aspect-ratio:476/476;max-width: 60vw;position: absolute;top:40vh;background: #898989}
.sec19 .cont01 .img img{width:100%;height: 100%;object-fit: cover}
.sec19 .cont02{display: none;position: absolute;bottom:0;top:0;width: 100%;
    height: 100%;
    transform: translateY(100vh);background: #fff;
flex-direction: column;justify-content: center;padding: 80px 30px 0;}
.sec19 .cont02 .text_wrap{display: none;margin-bottom: 10px;}
.sec19 .cont02 .text2{font-weight: 700;line-height: 34px;}
.sec19 .cont02 .slide{display: none;    position: relative; 
    top:calc(50% - 292px);
  align-items: center;justify-content: center;
}
.sec19 .cont02 .slide .swiper{width:calc(100vw - 60px)}
.sec19 .cont02 .font30{line-height: 1;}
.sec19 .cont02 .slide .flex{position: relative;}
.sec19 .cont02 .slide .item{text-align: center;}
.sec19 .cont02 .slide .item p.title{font-size: 22px;margin-bottom: 24px;font-weight: 700}
.sec19 .cont02 .slide .item p.text{margin-top: 24px}
.sec19 .cont02 .slide .item p.text span{font-size: 14px;font-weight: 700;line-height: 1;}
.sec19 .cont02 .slide .item p.text span:last-child{color:#3796F4}
.sec19 .cont02 .slide .item p.text span + span::before{display: inline-block;content: '';width:2px;height: 10px;background: #DDDDDD;margin:0 12px;vertical-align: middle;}
.sec19 .cont02 .slide .item .slide_img{width:100%;height: 200px;transition: all 0.5s;border-radius: 400px;overflow: hidden;}
.sec19 .cont02 .slide .item .slide_img img{width:100%;height: 100%;object-fit: cover;}
.sec19 .cont02 .slide .item p{opacity: 0;transition: all 0.5s}
.sec19 .cont02 .slide .item.swiper-slide-active .slide_img{border-radius: 400px;overflow: hidden;filter:none}
.sec19 .cont02 .slide .item.swiper-slide-active p{opacity: 1;}
/* .sec19 .sec19_line_wrap{position: absolute;
    height: 100vh;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;} */
.sec19 .sec19_line{padding-top: 30px;
    position: fixed;bottom:0;width:100%;left:0}
.sec19 .sec19_line>img{width:100%}
.sec19 .sec19_line .line{position: relative;margin: 0 10px;display: flex;justify-content: space-between;align-items: flex-end;}
.sec19 .sec19_line .line i{width:1px;height: 9vh;display: block;    min-width: 1px;
background: linear-gradient(#7F7F7F 0%, #FFFFFF 100%);position: relative;}
.sec19 .sec19_line .line i.active{height: 15vh;}
.sec19 .sec19_line .line i span{font-style: initial;font-size: 14px;color:#C9C7C5;    position: absolute;
    top: -25px; left: 50%;transform: translateX(-50%);}
.sec19 .sec19_line .line i.current span{color:#3796F4;font-size: 16px;font-weight: 800;}
.sec19 .navi_btn{width:36px;height: 36px;background: #fff;display: inline-flex;align-items: center;justify-content: center;border-radius: 100%;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);position: absolute;top:calc(50% - 13px);z-index: 3;left:-13px}
.sec19 .navi_btn.next_btn{right:-13px;transform: scaleX(-1);left:auto}

section.sec20{background: url('/img/main/sec20_bg.jpg') center center / cover no-repeat;padding: 50px 0;position: relative;z-index: 2;}
section.sec20 .container{padding: 0 16px;}
section.sec20 .sub_title{color:#fff;margin-bottom: 10px;}
section.sec20 .sub_title p{font-size: 14px;line-height: 22px;}
section.sec20 .sub_title .text2{font-size: 24px;margin-top: 10px;line-height: 1;font-weight: 800;}
section.sec20 .flex{gap:10px}
section.sec20 .flex>a{position: relative;width:100%;height: 127px;border-radius: 12px;padding: 22px;text-align: left}
section.sec20 .flex>a img{width:26px}
section.sec20 .flex>a:nth-child(1){background: var(--main3);}
section.sec20 .flex>a:nth-child(2){background: var(--main);}
section.sec20 .flex>a:nth-child(3){background: #FFBC01;}
section.sec20 .flex>a div{position: absolute;bottom: 20px}
section.sec20 .flex>a div p{font-size: 22px;line-height: 1;font-weight: 700;margin-top: 10px}
section.sec20 .flex>a div span{font-size: 12px;line-height: 1;font-weight: 700;    letter-spacing: 2px;}
section.sec20 .btn_plus{margin-top: 10px;}

.sec04{overflow: hidden;;padding: 50px 0 45px}
.sec04 .text_wrap{opacity: 0;width: 100%;margin-bottom: 10px}
.sec04 .text_wrap p{font-weight: 200}
.sec04 .item.swiper-slide-active .text_wrap {animation: slideup 0.3s .1s forwards;}

@keyframes slideup {
  from {
    transform: translateY(-20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.sec04 .swiper{overflow: visible;text-align: center}
.sec04 .item{
  text-align: center;
}
.sec04 .img_wrap,.sec04 .video_wrap{
  width:100%;height: 100%;
  aspect-ratio: 450 / 450;
  overflow: hidden;border-radius: 18px;
  position: relative;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
}
.sec04 .item .img_wrap p,.sec04 .item .video_wrap p{font-size: 18px;position: absolute;top:30px;color:#fff;text-align: center;width:100%;line-height: 26px;word-break: keep-all;}
.sec04 #box1 .img_wrap p{color:#150201}
.sec04 #box3 .video_wrap video{width: 100%;}
.sec04 #box3 .video_wrap::before{
  display: inline-block;content: '';width:100%;height: 137px;
  background: linear-gradient(180deg, #7B959C 0%, rgba(123, 149, 156, 0) 100%);
position: absolute;top:0}
.sec04 .slide_bt{margin-top: 10px;}


.quick_wrap{position: fixed;bottom:10px;z-index:9;right:10px;}
#wrap:has(.ft_popup_wrap) .quick_wrap{bottom: 110px;}
.quick_wrap .right{text-align: center}
.quick_wrap .right a.move{width:70px;height: 70px;border-radius: 100%;display: inline-flex;align-items: center;justify-content: center;flex-direction: column;font-size: 12px;
  background: linear-gradient(133.96deg, #3796F4 23.59%, #1B80E4 100%);color:#fff;gap:3px;box-shadow: 0px 0px 7.73px 0px rgba(80, 80, 80, 0.25);}
.quick_wrap .right a.move img{width:24px}
.quick_wrap .right a.top{display: block;width:40px;margin: 8px auto 0;}

.mainPop {
  position: fixed !important;
  left: 50%;
  top: 50%;
  z-index: 10001 !important;
  width: 90%;
  height:auto;
  transform: translate(-50%,-50%);
  background: #fff;
  padding:0;
  border-radius:12px;
  overflow: hidden;
  display:none;
}
.mainPop img.max{width:100%;}
.mainPop .swiper-pagination{bottom:50px !important; width: 100% !important;left: 50% !important;transform: translateX(-50%);}
.mainPop .swiper-pagination-bullet{width:10px;height:10px;border:solid 2px #787878;background:transparent;opacity:1}
.mainPop .swiper-pagination-bullet-active{background:#787878}
.mainPop .popup-bt{background: #edf1f3;display: flex;}
.mainPop .popup-bt>a{width: 100%; display: block;padding: 10px 0;text-align: center;font-weight: 500;border:solid 1px #dddddd;font-size:14px}
.mainPop .swiper-navi p{position: absolute;top: calc(50% - 38px);left:0;z-index: 1;width:32px;height: 58px;background: url('/mo/img/main/main_pop_arrow.png') center center no-repeat;}
.mainPop .swiper-navi p.prev_btn{left:-4px}
.mainPop .swiper-navi p.next_btn{right:-4px;left:auto;transform: scaleX(-1);}