.wrap{max-width: 100%;}
.page_cover{background-color: #15161b;}
.page_cover img{object-fit: contain; object-position: bottom;}

.ds_1{display: flex; justify-content: center; padding: 80px 0;}
.ds_1_el{display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; line-height: 1; gap: 19px;}
.ds_1_el:not(:last-child)::after{content: ''; display: block; width: 1px; height: 75px; background-color: #15161b; position: absolute; right: 0;}
.ds_1_el:not(:last-child){padding-right: 70px; margin-right: 70px;}
.ds_1_el h1{font-size: 52px; font-weight: 900;}
.ds_1_el span{font-size: 15px; font-weight: 300;}

.ds_btn_w{display: flex; gap: 15px; justify-content: center; padding: 87px 0 50px;}
.ds_btn{width: 112px; height: 30px; border: 1px solid #2167FF; border-radius: 4px; background-color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 300; letter-spacing: -0.5px; font-size: 15px; cursor: pointer; transition: ease 0.3s background-color, ease 0.3s color;}
.ds_btn.active, .ds_btn:hover{background-color: #2167FF; color: #fff; font-weight: 700;}

.ds_title{padding-bottom: 60px; text-align: center; }
.ds_title h1{font-family: 'Noto Sans'; font-size: 37px; font-weight: 900; letter-spacing: -1.5px; line-height: 1; color: #2167ff; margin-bottom: 30px;}
.ds_title .ds_homme_title_img{width: 717px; margin:60px auto 30px;}
.ds_title span{font-size: 15px; line-height: 1.4; letter-spacing: -0.5px; font-weight: 300;}



.ds_banner{padding: 100px 60px; text-align: center; display: flex; flex-direction: column; align-items: center;}
.ds_banner.has_txt{padding-bottom: 60px;}
.ds_banner_h1{font-size: 37px; line-height: 1; letter-spacing: -1.5px; margin-bottom: 60px;}
.ds_banner_span{font-size: 15px; font-weight: bold; line-height: 1.4; letter-spacing: -0.5px;}
.ds_banner > .ds_btn{margin-bottom: 30px; background-color: #2167FF; color: #fff; font-size: 15px; font-weight: bold;}
.ds_banner_img_w{display: flex; gap: 30px; margin-top: 60px;}
.ds_banner_img_el{width: calc(50% - 15px); display: flex; flex-direction: column; text-align: left;}
.ds_banner_img_el span{font-weight: 300; line-height: 1.4; font-size: 15px; letter-spacing: -0.5px;}
.ds_banner_img_w img{width: 100%; border-radius: 7px; margin-bottom: 30px;}

.ds_grid{display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; margin-bottom: 60px;}
.ds_grid_el{display: flex; gap: 30px;}
.ds_grid_el img{aspect-ratio: 1 / 1; border-radius: 0.5vw; width: 100%; min-width: 0;}
.ds_more{margin-bottom: 30px; background-color: #2167FF; color: #fff; font-size: 15px; font-weight: bold; height: 30px; width: 225px; border-radius: 4px; display: flex; align-items: center; justify-content: center;}

.ds_homme .ds_title h1{margin-top: 13px;}
.ds_homme_slide_1{padding-bottom: 100px;}

.ds_smp .ds_title h4{font-size: 15px; font-weight: bold; line-height: 1.4; letter-spacing: -0.5px;}

.smp_step_w{display: flex; width: 100%; gap: 30px; text-align: left;}
.swiper-wrapper.smp_step_w{gap: 0;}
.smp_step_el{}
.smp_step_el h1{margin: 20px 0 7px; font-size: 37px;}
.smp_step_el h4{margin: 0 0 20px; font-size: 15px;}
.smp_step_el span{font-size: 15px; font-weight: 300; display: block; line-height: 1.4;}
.smp_step_el li{position: relative; padding-left: 22px;}
.smp_step_el li:not(:last-child){margin-bottom: 12px;}
.smp_step_img_w{width: 100%; position: relative;}
.smp_step_img_w .arrow{position: absolute; left: calc(100% + 9px); width: 15px; height: 20px; top: 50%; transform: translateY(-50%);}
.smp_step_el li::before{content: ''; position: absolute; left: 8px; top: 8px; width: 4px; height: 4px; border-radius: 100%; background-color: #000;}

@media (max-width: 1024px) {
  .ds_1{flex-direction: column; padding: 0;}
  .ds_1_el:first-child{padding-top: 50px;}
  .ds_1_el{padding: 36px 0; gap: 13px;}
  .ds_1_el:not(:last-child){margin-right: 0; padding-right: 0;}
  .ds_1_el:not(:last-child)::after{height: 1px; width: calc(100% - 40px); left: 20px; bottom: 0; background-color: #b6b6b6;}
  .ds_1_el h1{font-size: 50px;}

  .ds_btn_w{flex-direction: column; align-items: center; justify-content: center; padding: 50px 20px 30px; width: 100%;}
  .ds_btn_w  .ds_btn{width: 100%; max-width: 400px; font-size: 12px;}
  .ds_btn{height: 42px;}

  .ds_banner{padding: 50px 20px;}
  .ds_banner_h1{font-size: 25px; line-height: 35px; margin-bottom: 27px; text-wrap: balance; word-break: keep-all;}
  .ds_banner.has_txt .ds_banner_img_el + .ds_banner_img_el{margin-top: 10px;}
  .ds_banner.has_txt .ds_banner_img_el{text-wrap: balance; word-break: keep-all;}
  .ds_banner > .ds_btn{margin-bottom: 20px; width: 140px;}
  .ds_banner_img_el{width: 100%;}
  .ds_banner_img_el img + .fade-cw{margin-top: 10px;}
  .ds_banner_img_w{margin-top: 30px; gap: 20px; flex-direction: column;}
  .ds_banner_img_w img{margin-bottom: 0; border-radius: 5px; width: 100%;}

  
  .ds_more{width: 100%; max-width: 400px; font-size: 12px; height: 42px;}
  .section_last .ds_btn_w{padding: 0;}
  .ds_homme_slide_1 .slide_w{left: 0;}

  .section_last .smp_slide{padding: 30px 0 35px; margin-bottom: 50px;}
  .smp_slide{width: 100%;}
  .ds_grid{display: flex; gap: 0; }
  .smp_slide{position: relative;}
  .ds_grid{padding: 0; margin-bottom: 00px;}
  .ds_grid_el{flex-direction: column;}

  .ds_title .ds_homme_title_img{max-width: calc(100% - 40px); margin:30px auto 0; width: 400px;}
  .slide_w{width: 100%;}

  .smp_step_el{border-radius: 5px; border: 1px solid #b6b6b6; padding-bottom: 16px; height: unset;}
  .smp_step_el h1{font-size: 25px;margin: 9px 0 1px; padding-left: 16px;}
  .smp_step_el h4{margin: 0 0 9px; padding-left: 16px;}
  .smp_step_el span{font-weight: bold; padding-left: 16px;}

  .swiper-wrapper.smp_step_w{padding-bottom: 40px;}
  .smp_step_el{ word-break: keep-all; text-wrap: balance;}
}



.femme_slide_1 .common.slide .swiper-slide{border-radius: 0;}

.ds_mob_slide_w{width: calc(100% + 40px); left: 0; margin-top: 30px;}
.ds_mob_slide{width: 100%;}
.ds_mob_slide img{object-fit: contain!important;}
.ds_mob_slide.common.slide .swiper-slide{aspect-ratio: 78 / 155;}
@media (min-width: 1025px) {
.ds_mob_slide_w{display: none;}
.ds_split img{border-radius: 0.6vw;}
}

.ds_homme_slide_1 .txt_w{position: absolute; z-index: 1; height: 100%; width: 100%; padding: 70px 0 40px 50px; font-size: 15px;}
.ds_homme_slide_1 .txt_w a{position: absolute; bottom: 40px; left: 50px; height: 30px; background-color: #2167FF; color: #fff; padding: 0 14px; display: flex; justify-content: center; align-items: center; border-radius: 3px;}
.ds_homme_slide_1 h1{margin-bottom: 24px; font-size: 37px;}
.ds_homme_slide_1 b{display: block; margin: 34px 0 16px;}
.ds_homme_slide_1 span{word-break: keep-all;}

@media (max-width: 1024px) {
  .wrap{max-width: 100vw; overflow-x: hidden;}
  .ds_homme_slide_1 .txt_w{padding: 30px 12px 0 17px;}
  .ds_homme_slide_1 .txt_w a{width: 100%; left: 0; bottom: 0; height: 42px;}
  .ds_homme_slide_1 h1{font-size: 25px; line-height: 30px; margin-bottom: 8px;}
  .ds_homme_slide_1 b{margin: 15px 0 6px;}
  .ds_homme_slide_1 img.mob{padding-bottom: 42px;}

  .mob_txt_slide{position: absolute; left: 12px; bottom: 12px; right: 12px; font-weight: 300; line-height: 1.4; font-size: 15px; letter-spacing: -0.5px; text-align: left; text-wrap: balance; word-break: keep-all;}
.ds_split img{border-radius: 2vw;}
}