.intro {
  -webkit-margin-after: clamp(19px, 12.1236959762px + 0.8941877794vw, 25px);
          margin-block-end: clamp(19px, 12.1236959762px + 0.8941877794vw, 25px);
}
.intro__title {
  -webkit-margin-after: clamp(41px, 24.955290611px + 2.086438152vw, 55px);
          margin-block-end: clamp(41px, 24.955290611px + 2.086438152vw, 55px);
  font-size: clamp(27px, 16.6855439642px + 1.3412816692vw, 36px);
  font-weight: 700;
  line-height: 1.8;
}
.intro__lead {
  font-size: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .intro {
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .intro__title {
    -webkit-margin-after: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
            margin-block-end: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
    font-size: clamp(24px, 15.8918918919px + 2.1621621622vw, 28px);
  }
  .intro__lead {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
}
.production {
  display: grid;
  gap: clamp(28px, 17.6855439642px + 1.3412816692vw, 37px);
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.production__block {
  padding: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px) clamp(45px, 27.8092399404px + 2.2354694486vw, 60px) clamp(60px, 37.0789865872px + 2.9806259314vw, 80px);
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  background-color: #ffffff;
}
.production__icon {
  inline-size: clamp(77px, 48.348733234px + 3.7257824143vw, 102px);
  -webkit-margin-after: clamp(20px, 11.9776453055px + 1.043219076vw, 27px);
          margin-block-end: clamp(20px, 11.9776453055px + 1.043219076vw, 27px);
  margin-inline: auto;
}
.production__title {
  -webkit-margin-after: clamp(34px, 21.393442623px + 1.6393442623vw, 45px);
          margin-block-end: clamp(34px, 21.393442623px + 1.6393442623vw, 45px);
  font-size: clamp(21px, 12.9776453055px + 1.043219076vw, 28px);
  font-weight: 700;
  text-align: center;
}
.production__lead {
  -webkit-margin-after: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
          margin-block-end: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
  font-size: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  color: #9599a5;
  line-height: 2;
  text-align: center;
}
.production__catch {
  display: block;
  -webkit-margin-after: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
          margin-block-end: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
  font-size: clamp(16px, 6.8315946349px + 1.1922503726vw, 24px);
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
.production__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(38px, 24.2473919523px + 1.7883755589vw, 50px);
}
.production__image {
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
}
.production__available-title {
  -webkit-margin-after: clamp(21px, 12.9776453055px + 1.043219076vw, 28px);
          margin-block-end: clamp(21px, 12.9776453055px + 1.043219076vw, 28px);
  font-size: clamp(18px, 11.1236959762px + 0.8941877794vw, 24px);
  font-weight: 700;
}
.production__available-item {
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, 1fr);
  grid-template-columns: max-content minmax(0, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  padding-block: clamp(13px, 8.4157973174px + 0.5961251863vw, 17px);
  -webkit-border-after: 1px solid #d1d2d9;
          border-block-end: 1px solid #d1d2d9;
}
.production__available-item:first-of-type {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}
.production__available-check {
  -webkit-padding-before: clamp(5px, 3.8539493294px + 0.1490312966vw, 6px);
          padding-block-start: clamp(5px, 3.8539493294px + 0.1490312966vw, 6px);
  inline-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
}
.production__available-desc {
  display: block;
  font-size: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .production {
    gap: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .production__block {
    padding: clamp(35px, 22.8378378378px + 3.2432432432vw, 41px) clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .production__icon {
    inline-size: clamp(100px, 69.5945945946px + 8.1081081081vw, 115px);
    -webkit-margin-after: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
            margin-block-end: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
  }
  .production__title {
    -webkit-margin-after: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
            margin-block-end: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
    font-size: clamp(18px, 11.9189189189px + 1.6216216216vw, 21px);
  }
  .production__lead {
    -webkit-margin-after: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
            margin-block-end: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    font-size: clamp(14px, 7.9189189189px + 1.6216216216vw, 17px);
    text-align: left;
  }
  .production__catch {
    -webkit-margin-after: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
            margin-block-end: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .production__content {
    grid-template-columns: 1fr;
    gap: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
  }
  .production__image {
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .production__available-title {
    -webkit-margin-after: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
            margin-block-end: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .production__available-item {
    gap: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
    padding-block: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .production__available-check {
    -webkit-padding-before: clamp(2px, -0.027027027px + 0.5405405405vw, 3px);
            padding-block-start: clamp(2px, -0.027027027px + 0.5405405405vw, 3px);
    inline-size: clamp(18px, 11.9189189189px + 1.6216216216vw, 21px);
  }
  .production__available-desc {
    font-size: clamp(14px, 7.9189189189px + 1.6216216216vw, 17px);
  }
}
.reason {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.reason__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
}
.reason__item {
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  background-color: #ffffff;
  overflow: hidden;
}
.reason__content {
  padding: clamp(17px, 10.1236959762px + 0.8941877794vw, 23px) clamp(23px, 14.9776453055px + 1.043219076vw, 30px) clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
  text-align: center;
}
.reason__num {
  -webkit-margin-after: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
          margin-block-end: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  font-family: "Oxanium", sans-serif;
  font-size: clamp(11px, 6.4157973174px + 0.5961251863vw, 15px);
  line-height: 1.1;
}
.reason__num span {
  font-family: "Oxanium", sans-serif;
  font-size: clamp(17px, 11.2697466468px + 0.7451564829vw, 22px);
  vertical-align: middle;
}
.reason__label {
  font-size: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  font-weight: 700;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .reason {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .reason__list {
    grid-template-columns: 1fr;
    gap: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
  }
  .reason__item {
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .reason__content {
    padding: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px) clamp(30px, 19.8648648649px + 2.7027027027vw, 35px) clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
  }
  .reason__num {
    -webkit-margin-after: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
            margin-block-end: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .reason__num span {
    font-size: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
  }
  .reason__label {
    font-size: clamp(18px, 11.9189189189px + 1.6216216216vw, 21px);
  }
}
/*# sourceMappingURL=creative.css.map */