@charset "UTF-8";
/* =============================================
  variables
============================================= */
:root {
  --color-black: #555555;
  --color-white: #fff;
  --bk-color-01: #e5e5e5;
}

/*===========================================
  vw 計算のための処理 Function
===========================================*/
/*=====================================
  device_style
=====================================*/
.l-container {
  margin-inline: auto;
  width: 100%;
  /* overflow: hidden; */
}

#feature {
  background-color: var(--bk-color-01);
}
#feature .wrap_fv {
  padding-top: min(60px, 4.28571vw);
}
#feature .wrap_fv .fv {
  padding-bottom: min(74px, 5.28571vw);
}
#feature .wrap_fv .fv .fv_img {
  width: min(900px, 64.28571vw);
  margin-inline: auto;
  padding-bottom: min(68px, 4.85714vw);
}
#feature .wrap_fv .fv .fv_img a:hover {
  opacity: 1;
}
#feature .wrap_fv .fv .fv_catch .catch_text {
  font-size: min(23px, 1.64286vw);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.91;
  letter-spacing: min(3.22px, 0.23vw);
  text-align: center;
  color: var(--color-black);
  padding-bottom: min(109px, 7.78571vw);
}
#feature .wrap_fv .fv .fv_catch .catch_text span {
  font-size: min(19px, 1.35714vw);
  letter-spacing: min(2.85px, 0.20357vw);
}
#feature .wrap_fv .fv .wrap_box-01 .box-01 .img_02 {
  width: min(500px, 35.71429vw);
  margin-inline: auto;
}
#feature .wrap_sec01 .sec01 .wrap_box-01 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  gap: min(45px, 3.21429vw);
  padding-top: min(64px, 4.57143vw);
  padding-bottom: min(100px, 7.14286vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-01 .wrap_box-01_text {
  position: absolute;
  top: 0;
  left: 0;
}
#feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: min(295px, 21.07143vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 .box-01_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(16px, 1.14286vw);
  padding-bottom: min(16px, 1.14286vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-01 .box-02 {
  padding-top: min(6px, 0.42857vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-01 .box-02 .img_03 {
  width: min(320px, 22.85714vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(45px, 3.21429vw);
  padding-bottom: min(110px, 7.85714vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-02 .box-01 .img_04 {
  width: min(320px, 22.85714vw);
}
#feature .wrap_sec01 .sec01 .wrap_box-02 .box-02 {
  width: min(295px, 21.07143vw);
}
#feature .wrap_sec02 .sec02 .sec02_head {
  width: min(662px, 47.28571vw);
  margin-inline: auto;
  font-family: "jaf-bernino-sans", sans-serif;
  font-size: min(20px, 1.42857vw);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.1;
  letter-spacing: min(2.6px, 0.18571vw);
  text-align: left;
  color: var(--color-black);
  padding-bottom: min(2px, 0.14286vw);
  position: relative;
  margin-bottom: min(39px, 2.78571vw);
}
#feature .wrap_sec02 .sec02 .sec02_head::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: min(1px, 0.07143vw);
  background-color: #555555;
}
#feature .wrap_sec02 .sec02 .wrap_box-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(45px, 3.21429vw);
  padding-bottom: min(120px, 8.57143vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 {
  width: min(295px, 21.07143vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 .red-head {
  width: min(82px, 5.85714vw);
  margin-inline: auto;
  padding-block: min(8px, 0.57143vw) min(24px, 1.71429vw);
  padding-right: min(6px, 0.42857vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .img_05 {
  width: min(320px, 22.85714vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-02 {
  padding-bottom: min(140px, 10vw);
}
#feature .wrap_sec02 .sec02 .wrap_box-02 .box-01 {
  margin-inline: auto;
}
#feature .wrap_sec03 .sec03 .wrap_box-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: min(45px, 3.21429vw);
  padding-bottom: min(80px, 5.71429vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 {
  width: min(295px, 21.07143vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 .gry-head {
  width: min(86px, 6.14286vw);
  margin-inline: auto;
  padding-block: min(8px, 0.57143vw) min(24px, 1.71429vw);
  padding-right: min(6px, 0.42857vw);
}
#feature .wrap_sec03 .sec03 .wrap_box-02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(34px, 2.42857vw);
  padding-bottom: min(120px, 8.57143vw);
}
#feature .wrap_sec04 .sec04 .wrap_box-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(45px, 3.21429vw);
  padding-bottom: min(80px, 5.71429vw);
}
#feature .wrap_sec04 .sec04 .wrap_box-01 .box-01 {
  width: min(295px, 21.07143vw);
}
#feature .wrap_sec04 .sec04 .wrap_box-01 .box-01 .blk-head {
  width: min(82px, 5.85714vw);
  margin-inline: auto;
  margin-top: min(10px, 0.71429vw);
  padding-block: min(2px, 0.14286vw) min(25px, 1.78571vw);
  padding-right: min(6px, 0.42857vw);
}
#feature .wrap_sec04 .sec04 .wrap_box-01 .box-02 .img_12 {
  width: min(320px, 22.85714vw);
}
#feature .wrap_sec04 .sec04 .wrap_box-02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(34px, 2.42857vw);
  padding-bottom: min(120px, 8.57143vw);
}
#feature .wrap_sec05 .sec05 .wrap_box-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: min(45px, 3.21429vw);
  padding-bottom: min(140px, 10vw);
}
#feature .wrap_sec05 .sec05 .wrap_box-01 .box-01 {
  width: min(295px, 21.07143vw);
}
#feature .wrap_sec05 .sec05 .wrap_box-01 .box-01 .wht-head {
  width: min(92px, 6.57143vw);
  margin-inline: auto;
  padding-block: min(12px, 0.85714vw) min(24px, 1.71429vw);
  padding-right: min(6px, 0.42857vw);
}
#feature .wrap_sec05 .sec05 .wrap_box-02 {
  padding-bottom: min(120px, 8.57143vw);
}
#feature .wrap_foot .foot {
  padding-bottom: min(118px, 8.42857vw);
}
#feature .wrap_foot .foot .foot_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#feature .wrap_foot .foot .foot_btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: min(438px, 31.28571vw);
  height: min(62px, 4.42857vw);
  background-color: var(--color-white);
}
#feature .wrap_foot .foot .foot_btn a span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: min(4px, 0.28571vw);
  padding-right: min(18px, 1.28571vw);
  font-size: min(14px, 1vw);
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: min(1.8px, 0.12857vw);
  text-align: center;
  color: var(--color-black);
  position: relative;
}
#feature .wrap_foot .foot .foot_btn a span::before {
  margin-top: min(1px, 0.07143vw);
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(../img/arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: min(7px, 0.5vw);
  height: min(8px, 0.57143vw);
}
@media screen and (max-width: 750px) {
  #feature .wrap_fv {
    padding-top: initial;
  }
  #feature .wrap_fv .fv {
    padding-bottom: min(89px, 11.86667vw);
  }
  #feature .wrap_fv .fv .fv_img {
    width: min(750px, 100vw);
    padding-bottom: min(54px, 7.2vw);
  }
  #feature .wrap_fv .fv .fv_catch .catch_text {
    font-size: min(40px, 5.33333vw);
    line-height: 2;
    letter-spacing: min(5px, 0.66667vw);
    padding-bottom: min(116px, 15.46667vw);
  }
  #feature .wrap_fv .fv .fv_catch .catch_text span {
    font-size: min(30px, 4vw);
    line-height: 2.1;
    letter-spacing: min(3px, 0.4vw);
  }
  #feature .wrap_fv .fv .wrap_box-01 .box-01 .img_02 {
    width: min(750px, 100vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 {
    gap: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-top: min(47px, 6.26667vw);
    padding-bottom: min(126px, 16.8vw);
    width: min(660px, 88vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 .wrap_box-01_text {
    position: static;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    padding-bottom: min(22px, 2.93333vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: min(658px, 87.73333vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 .box-01 .box-01_list {
    gap: min(24px, 3.2vw);
    padding-bottom: min(24px, 3.2vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 .box-02 {
    padding-top: min(4px, 0.53333vw);
    padding-bottom: min(50px, 6.66667vw);
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  #feature .wrap_sec01 .sec01 .wrap_box-01 .box-02 .img_03 {
    width: min(660px, 88vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(48px, 6.4vw);
    padding-bottom: min(128px, 17.06667vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 .box-01 .img_04 {
    width: min(660px, 88vw);
  }
  #feature .wrap_sec01 .sec01 .wrap_box-02 .box-02 {
    width: min(660px, 88vw);
  }
  #feature .wrap_sec02 .sec02 .sec02_head {
    width: min(660px, 88vw);
    font-size: min(33px, 4.4vw);
    letter-spacing: min(3.4px, 0.45333vw);
    padding-bottom: min(8px, 1.06667vw);
    margin-bottom: min(59px, 7.86667vw);
  }
  #feature .wrap_sec02 .sec02 .sec02_head::before {
    height: min(2px, 0.26667vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: min(59px, 7.86667vw);
    padding-bottom: min(126px, 16.8vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 {
    width: min(660px, 88vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-01 .red-head {
    width: min(142px, 18.93333vw);
    padding-block: min(6px, 0.8vw) min(34px, 4.53333vw);
    padding-right: min(4px, 0.53333vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-01 .box-02 .img_05 {
    width: min(660px, 88vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-02 {
    padding-bottom: min(200px, 26.66667vw);
  }
  #feature .wrap_sec02 .sec02 .wrap_box-02 .box-01 {
    width: min(750px, 100vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: min(64px, 8.53333vw);
    padding-bottom: min(126px, 16.8vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 {
    width: min(660px, 88vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 .gry-head {
    width: min(148px, 19.73333vw);
    padding-block: min(2px, 0.26667vw) min(34px, 4.53333vw);
    padding-right: min(4px, 0.53333vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-01 .box-01 .c-text {
    letter-spacing: min(0.9px, 0.12vw);
  }
  #feature .wrap_sec03 .sec03 .wrap_box-02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: min(34px, 4.53333vw);
    padding-bottom: min(200px, 26.66667vw);
  }
  #feature .wrap_sec04 .sec04 .wrap_box-01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: min(77px, 10.26667vw);
    padding-bottom: min(126px, 16.8vw);
  }
  #feature .wrap_sec04 .sec04 .wrap_box-01 .box-01 {
    width: min(660px, 88vw);
  }
  #feature .wrap_sec04 .sec04 .wrap_box-01 .box-01 .blk-head {
    width: min(140px, 18.66667vw);
    margin-top: max(-12px, -1.6vw);
    padding-block: min(0px, 0vw) min(34px, 4.53333vw);
    padding-right: min(6px, 0.8vw);
  }
  #feature .wrap_sec04 .sec04 .wrap_box-01 .box-02 .img_12 {
    width: min(660px, 88vw);
  }
  #feature .wrap_sec04 .sec04 .wrap_box-02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: min(77px, 10.26667vw);
    padding-bottom: min(200px, 26.66667vw);
  }
  #feature .wrap_sec05 .sec05 .wrap_box-01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: min(57px, 7.6vw);
    padding-bottom: min(126px, 16.8vw);
  }
  #feature .wrap_sec05 .sec05 .wrap_box-01 .box-01 {
    width: min(660px, 88vw);
  }
  #feature .wrap_sec05 .sec05 .wrap_box-01 .box-01 .wht-head {
    width: min(160px, 21.33333vw);
    padding-block: min(8px, 1.06667vw) min(34px, 4.53333vw);
    padding-right: min(5px, 0.66667vw);
  }
  #feature .wrap_sec05 .sec05 .wrap_box-02 {
    padding-bottom: min(180px, 24vw);
  }
  #feature .wrap_foot .foot {
    padding-bottom: min(120px, 16vw);
  }
  #feature .wrap_foot .foot .foot_btn a {
    width: min(540px, 72vw);
    height: min(80px, 10.66667vw);
  }
  #feature .wrap_foot .foot .foot_btn a span {
    padding-top: min(6px, 0.8vw);
    padding-right: min(22px, 2.93333vw);
    font-size: min(22px, 2.93333vw);
    letter-spacing: min(1.65px, 0.22vw);
  }
  #feature .wrap_foot .foot .foot_btn a span::before {
    margin-top: min(4px, 0.53333vw);
    width: min(10px, 1.33333vw);
    height: min(16px, 2.13333vw);
  }
}
/*# sourceMappingURL=style.css.map */