@charset "UTF-8";

/* main-banner */
.main-banner{padding-top: 80px;width: 100%;height: 446px;background: url(../../images/user/main/banner_bg.png) no-repeat bottom right / cover;position: relative;}
.main-banner .inner{max-width: calc(1320px + 80px);}
.main-banner__txt{padding: 120px 0;}
.main-banner__txt .txt01{font-size: var(--font-28); font-weight: 600;}
.main-banner__txt .txt02{font-size: var(--font-58);margin-top: 20px;}
.main-banner__txt .txt02 b{font-weight: 800;}

/* main-sect01 */
.main-sect01{margin-top: 65px;padding-top: 55px;position: relative;display: flex;justify-content: space-between;}
.main-sect01::before{content: '';position: absolute;top: 0;left: 0;width: 300px;height: 154px;background: url(../../images/user/main/main-sect01_bg.png) no-repeat 50% / cover;z-index: -1;}
.main-sect01 .main-sect__l{padding-left: calc((100vw - 1450px) / 2); margin-left: 40px;}
.main-sect01__tit{font-size: var(--font-56);font-weight: 700;}
.main-sect01__tit span{font-weight: 800; position: relative;}
.main-sect01__tit span::after{content: '';position: absolute;bottom: 0;left: 0;z-index: -1;width: 100%;height: 23px;background: url(../../images/user/main/main01-tit.svg) no-repeat bottom right / cover;}
.main-sect01__cont{margin-top: 89px;}
.main-sect01__cont p{font-size: var(--font-24);font-weight: 600;color: var(--color-800);line-height: 1.6;}
.main-sect01__cont p + p{margin-top: 20px;}
.main-sect01 .main-sect__r{right: 0;font-size: 0;max-width: 728px;width: 50%;}
.main-sect01 .main-sect__r img{border-radius: 300px 0 0 300px;width: 100%;}

/* main-sect02 */
.main-sect02{margin-top: 180px; position: relative; padding-bottom: 80px;}
.main-sect02::before{content: '';position: absolute;bottom: 0;left: 0;z-index: -1;width: 100%;height: 407px;background: url(../../images/user/main/main-sect02_bg.png) no-repeat left bottom / 100% 100%;} 
.main-sect02 .inner {display: flex;}
.main-sect02 .main-sect__l{font-size: 0;width: 52.113%;flex: none;}
.main-sect02 .main-sect__l img{border-radius: 50px 50px 120px 0px;width: 100%;}

.main-sect02 .main-sect__r{width: calc(100% - 52.113% - 80px);margin-top: 45px;margin-left: 80px;}
.cont-slide__top{text-align: right; font-weight: 700;}
.cont-slide__top .top01{font-size: var(--font-44);}
.cont-slide__tit{margin-top: 60px; text-align: right;}
.cont-slide__tit .subTit{font-size: var(--font-22); font-weight: 700; color: var(--color-900); margin-bottom: 6px;}
.cont-slide__tit .tit{display: inline-block;font-size: var(--font-32);position: relative;font-weight: 700;}
.cont-slide__tit .tit::after{content: ''; position: absolute; bottom: 5px; left: 0; z-index: -1; width: 100%; height: 12px; background: url(../../images/user/main/tit-line.svg) no-repeat right / cover;}
.cont-slide__tit .cont{font-size: var(--font-20);font-weight: 600;color: var(--color-800);margin-top: 14px;line-height: 1.6;}
.sect2-img__slide > ul > li {font-size: 0;}

/* main-sect03 */
.main-sect03{margin-top: 100px; padding-bottom: 150px; position: relative;}
.main-sect03::after{content: ''; position: absolute; bottom: -30px; right: 0; z-index: -1; width: 462px; height: 208px; background: url(../../images/user/main/main-sect03_bg.png) no-repeat 50% / cover;}
.main-sect03 .sect-tit{text-align: center; font-size: var(--font-32); font-weight: 700;}
.main-sect03 .sect-tit b{font-weight: 800;}
.slick-container{margin-top: 40px;}
.sect03-list{width: 526px; padding: 0 15px;}
.sect03-list .img-wrap { overflow: hidden; position: relative; padding-bottom: calc((296 / 526) * 100%); width: 100%; height: 0; border-radius: 30px; } 
.sect03-list img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .5s; object-fit: cover; } 
.sect03-list img:hover { transform: scale(1.02); } 
.sect03-list .tit{margin-top: 20px;font-size: var(--font-24);font-weight: 700;color: var(--color-700);}



@media screen and (max-width: 1600px){
  .main-banner .inner{max-width: 1160px;}
  .main-banner__txt .txt01{font-size: var(--font-24); font-weight: 600;}
  .main-banner__txt .txt02{font-size: var(--font-48);margin-top: 20px;}
  .main-sect01__tit{font-size: var(--font-44);}
  .main-sect01__cont p{font-size: var(--font-20);}
  .main-sect01 .main-sect__l{padding-left: calc((100vw - 1160px) / 2);}
  .main-sect01 .main-sect__r{width: 60%;}
  .main-sect02 .inner{}

  .main-sect02 .main-sect__l{width: 44%;}
  .main-sect02 .main-sect__r{margin-left: 50px; width: calc(100% - 44% - 50px);}
  .main-sect03 .sect-tit{font-size: var(--font-30);}
  .sect03-list .tit{font-size: var(--font-20);}
  

}


@media screen and (max-width: 1200px) {
  /* main-banner */
  .main-banner {height: 400px;}
  .main-banner__txt {padding: 100px 0;}
  .main-sect01{flex-direction: column-reverse;align-items: end;gap: 70px;margin-top: 50px;}
  .main-sect01 .main-sect__l {padding: 0 40px; margin: 0;}
  .main-sect01 .main-sect__r {width: calc(100% - 20px);}
  .main-sect01__cont {margin-top: 60px;}
  .main-sect01::before{width: 22%;height: 0;padding-bottom: 11%;min-width: 120px;}
  .main-sect02 {margin-top: 150px;padding-bottom: 60px;}
  .main-sect02::before {height: 300px;}
  .main-sect02 .inner {flex-direction: column-reverse; gap: 50px;}
  .main-sect02 .main-sect__l {width: 100%;}
  .main-sect02 .main-sect__r {width: 100%; margin: 0;}
  .main-sect03::after {width: 40%;height: 0;padding-bottom: 18%;}
  .sect03-list {width: 450px;}
}


@media screen and (max-width: 768px) {
  /* main-banner */
  .main-banner{background-image: url(../../images/user/main/banner_bg_m.png);height: 268px;}
  .main-banner__txt {padding: 50px 0 70px;}
  .main-banner__txt .txt01 {font-size: 18px;}
  .main-banner__txt .txt02 {font-size: 32px; margin-top: 6px;}
  .main-sect01 {margin-top: 30px;gap: 40px;padding-top: 30px;}
  .main-sect01::before {width: 120px;height: 62px;padding-bottom: 0;}
  .main-sect01 .main-sect__l {padding: 0 20px;}
  .main-sect01__tit {font-size: 34px;}
  .main-sect01__tit span::after {height: 17px;}
  .main-sect01__cont {margin-top: 26px;}
  .main-sect01__cont p + p {margin-top: 16px;}

  .main-sect02{margin-top: 90px;padding-bottom: 40px;}
  .main-sect02::before {height: 152px;}
  .main-sect02 .inner{gap: 20px;}
  .cont-slide__top .top01 {font-size: 30px;}
  .cont-slide__tit {margin-top: 25px;}
  .cont-slide__tit .tit {font-size: 22px;}
  .cont-slide__tit .tit::after {height: 9px; bottom: 2px; width: calc(100% + 8px); left: auto; right: -2px;}
  .cont-slide__tit .cont {font-size: 18px;}
  .main-sect02 .main-sect__l img {border-radius: 30px 30px 60px 0;}
  .swiper-control{margin-top: 30px;}
  .swiper-control .swiper-btn{gap: 14px;}
  .swiper-pagination-bar {height: 16px; margin-top: 12px;}
  .swiper-pagination-bar::before {height: 6px;}

  .main-sect03{margin-top: 40px;padding-bottom: 100px;}
  .main-sect03::after {width: 222px;height: 102px;padding-bottom: 0;bottom: -25px;}
  .main-sect03 .sect-tit{font-size: 18px; line-height: 1.5;}
  .slick-container{margin-top: 20px;}
  .sect03-list{width: calc(278px + 16px);padding: 0 8px;}
  .sect03-list .img-wrap{border-radius: 20px;}
  .sect03-list .tit {font-size: 16px; margin-top: 12px;}
}