.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);
  }
}
.recommend {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.recommend__list {
  display: grid;
  gap: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
}
.recommend__item {
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, 1fr);
  grid-template-columns: max-content minmax(0, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(20px, 11.9776453055px + 1.043219076vw, 27px);
  padding: clamp(26px, 15.6855439642px + 1.3412816692vw, 35px);
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  background-color: rgba(209, 210, 217, 0.4);
}
.recommend__check {
  inline-size: clamp(32px, 19.393442623px + 1.6393442623vw, 43px);
}
.recommend__title {
  -webkit-margin-after: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
          margin-block-end: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  font-size: clamp(18px, 11.1236959762px + 0.8941877794vw, 24px);
  font-weight: 700;
}
.recommend__desc {
  font-size: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  color: #9599a5;
}

@media screen and (max-width: 768px) {
  .recommend {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .recommend__list {
    gap: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .recommend__item {
    grid-template-columns: 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: clamp(17px, 10.9189189189px + 1.6216216216vw, 20px);
    padding: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px) clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .recommend__check {
    inline-size: clamp(36px, 23.8378378378px + 3.2432432432vw, 42px);
    margin-inline: auto;
  }
  .recommend__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);
    line-height: 1.8;
    text-align: center;
  }
  .recommend__desc {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
    line-height: 2;
  }
}
.strength {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.strength__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(30px, 18.5394932936px + 1.4903129657vw, 40px);
}
.strength__item {
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  background-color: #ffffff;
  overflow: hidden;
}
.strength__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;
}
.strength__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;
}
.strength__num span {
  font-family: "Oxanium", sans-serif;
  font-size: clamp(17px, 11.2697466468px + 0.7451564829vw, 22px);
  vertical-align: middle;
}
.strength__label {
  font-size: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  font-weight: 700;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .strength {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .strength__list {
    grid-template-columns: 1fr;
    gap: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
  }
  .strength__item {
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .strength__content {
    padding: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px) clamp(30px, 19.8648648649px + 2.7027027027vw, 35px) clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
  }
  .strength__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);
  }
  .strength__num span {
    font-size: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
  }
  .strength__label {
    font-size: clamp(18px, 11.9189189189px + 1.6216216216vw, 21px);
  }
}
.plan {
  padding-block: clamp(53px, 33.5171385991px + 2.5335320417vw, 70px);
}
.plan__body {
  display: grid;
  gap: clamp(34px, 21.393442623px + 1.6393442623vw, 45px);
  padding: clamp(45px, 27.8092399404px + 2.2354694486vw, 60px) clamp(45px, 27.8092399404px + 2.2354694486vw, 60px) clamp(75px, 46.348733234px + 3.7257824143vw, 100px);
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  background-color: #ffffff;
}
.plan__heading {
  -webkit-margin-after: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
          margin-block-end: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
}
.plan__title {
  font-size: clamp(21px, 12.9776453055px + 1.043219076vw, 28px);
  font-weight: 700;
}
.plan__lead {
  -webkit-margin-before: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
          margin-block-start: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
  font-size: clamp(12px, 7.4157973174px + 0.5961251863vw, 16px);
  color: #9599a5;
  line-height: 2;
}
.plan__detail {
  display: grid;
  grid-template-columns: 43fr 53fr;
  gap: clamp(21px, 12.9776453055px + 1.043219076vw, 28px);
}
.plan__detail-row {
  display: grid;
  grid-template-columns: clamp(120px, 74.1579731744px + 5.9612518629vw, 160px) minmax(0, 1fr);
  border: 1px solid #2a4256;
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  overflow: hidden;
}
.plan__detail-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #2a4256;
  font-size: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  color: #fff;
  font-weight: 700;
}
.plan__detail-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
}
.plan__detail-text {
  -webkit-margin-after: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
          margin-block-end: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  font-size: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  font-weight: 700;
}
.plan__detail-text span {
  font-size: clamp(21px, 12.9776453055px + 1.043219076vw, 28px);
  font-weight: 700;
}
.plan__detail-note {
  display: inline-block;
  font-size: clamp(11px, 7.5618479881px + 0.4470938897vw, 14px);
  color: #9599a5;
  font-weight: 500;
}
.plan__detail-list {
  display: grid;
  gap: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
}
.plan__detail-listItem {
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, 1fr);
  grid-template-columns: max-content minmax(0, 1fr);
  gap: clamp(5px, 2.7078986587px + 0.2980625931vw, 7px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.plan__detail-icon {
  inline-size: clamp(13px, 8.4157973174px + 0.5961251863vw, 17px);
}
.plan__detail-desc {
  font-size: clamp(11px, 7.5618479881px + 0.4470938897vw, 14px);
  font-weight: 500;
}
.plan__example {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(21px, 12.9776453055px + 1.043219076vw, 28px);
}
.plan__example-item {
  padding: clamp(23px, 14.9776453055px + 1.043219076vw, 30px) clamp(19px, 12.1236959762px + 0.8941877794vw, 25px);
  border: 1px solid #d1d2d9;
  border-radius: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
}
.plan__example-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-margin-after: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
          margin-block-end: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
}
.plan__example-label {
  font-size: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
  color: #9599a5;
  font-weight: 700;
}
.plan__example-price {
  font-size: clamp(20px, 11.9776453055px + 1.043219076vw, 27px);
  font-weight: 700;
}
.plan__example-list {
  display: grid;
  gap: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px);
}
.plan__example-listItem {
  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(5px, 3.8539493294px + 0.1490312966vw, 6px);
}
.plan__example-check {
  -webkit-padding-before: clamp(2px, 0.8539493294px + 0.1490312966vw, 3px);
          padding-block-start: clamp(2px, 0.8539493294px + 0.1490312966vw, 3px);
  inline-size: clamp(10px, 6.5618479881px + 0.4470938897vw, 13px);
}
.plan__example-desc {
  display: inline-block;
  font-size: clamp(12px, 7.4157973174px + 0.5961251863vw, 16px);
  color: #9599a5;
  font-weight: 500;
}
.plan__merit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(8px, 5.7078986587px + 0.2980625931vw, 10px) clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
}
.plan__merit-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: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px) clamp(13px, 8.4157973174px + 0.5961251863vw, 17px);
  border: 1px solid #d1d2d9;
  border-radius: clamp(23px, 14.9776453055px + 1.043219076vw, 30px);
}
.plan__merit-check {
  -webkit-padding-before: clamp(3px, 1.8539493294px + 0.1490312966vw, 4px);
          padding-block-start: clamp(3px, 1.8539493294px + 0.1490312966vw, 4px);
  inline-size: clamp(15px, 9.2697466468px + 0.7451564829vw, 20px);
}
.plan__merit-desc {
  display: inline-block;
  font-size: clamp(14px, 9.4157973174px + 0.5961251863vw, 18px);
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (max-width: 1000px) {
  .plan__detail {
    grid-template-columns: -webkit-max-content;
    grid-template-columns: max-content;
  }
}
@media screen and (max-width: 768px) {
  .plan {
    padding-block: clamp(40px, 27.8378378378px + 3.2432432432vw, 46px);
  }
  .plan__body {
    gap: clamp(28px, 17.8648648649px + 2.7027027027vw, 33px);
    padding: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px) clamp(20px, 13.9189189189px + 1.6216216216vw, 23px) clamp(35px, 22.8378378378px + 3.2432432432vw, 41px);
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .plan__heading {
    -webkit-margin-after: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
            margin-block-end: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .plan__title {
    font-size: clamp(23px, 14.8918918919px + 2.1621621622vw, 27px);
  }
  .plan__lead {
    -webkit-margin-before: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
            margin-block-start: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .plan__detail {
    grid-template-columns: 1fr;
    gap: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .plan__detail-row {
    grid-template-columns: 1fr;
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .plan__detail-label {
    padding-block: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
    font-size: clamp(14px, 7.9189189189px + 1.6216216216vw, 17px);
  }
  .plan__detail-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px) clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .plan__detail-text {
    -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);
  }
  .plan__detail-text span {
    font-size: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
  }
  .plan__detail-note {
    font-size: clamp(14px, 7.9189189189px + 1.6216216216vw, 17px);
  }
  .plan__detail-list {
    gap: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .plan__detail-listItem {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: clamp(7px, 2.9459459459px + 1.0810810811vw, 9px);
  }
  .plan__detail-icon {
    -webkit-padding-before: clamp(2px, 0.8539493294px + 0.1490312966vw, 3px);
            padding-block-start: clamp(2px, 0.8539493294px + 0.1490312966vw, 3px);
    inline-size: clamp(17px, 10.9189189189px + 1.6216216216vw, 20px);
  }
  .plan__detail-desc {
    font-size: clamp(14px, 7.9189189189px + 1.6216216216vw, 17px);
    line-height: 1.3;
  }
  .plan__example {
    grid-template-columns: 1fr;
    gap: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .plan__example-item {
    padding: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px) clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
    border-radius: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .plan__example-heading {
    -webkit-margin-after: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
            margin-block-end: clamp(30px, 19.8648648649px + 2.7027027027vw, 35px);
  }
  .plan__example-label {
    font-size: clamp(20px, 13.9189189189px + 1.6216216216vw, 23px);
  }
  .plan__example-price {
    font-size: clamp(25px, 16.8918918919px + 2.1621621622vw, 29px);
  }
  .plan__example-list {
    gap: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .plan__example-listItem {
    gap: clamp(6px, 3.972972973px + 0.5405405405vw, 7px);
  }
  .plan__example-check {
    -webkit-padding-before: clamp(2px, -0.027027027px + 0.5405405405vw, 3px);
            padding-block-start: clamp(2px, -0.027027027px + 0.5405405405vw, 3px);
    inline-size: clamp(13px, 8.9459459459px + 1.0810810811vw, 15px);
  }
  .plan__example-desc {
    font-size: clamp(15px, 8.9189189189px + 1.6216216216vw, 18px);
  }
  .plan__merit {
    grid-template-columns: 1fr;
    gap: clamp(10px, 5.9459459459px + 1.0810810811vw, 12px);
  }
  .plan__merit-item {
    gap: clamp(5px, 2.972972973px + 0.5405405405vw, 6px);
    padding: clamp(13px, 8.9459459459px + 1.0810810811vw, 15px) clamp(7px, 2.9459459459px + 1.0810810811vw, 9px);
    border-radius: clamp(17px, 10.9189189189px + 1.6216216216vw, 20px);
  }
  .plan__merit-check {
    -webkit-padding-before: clamp(3px, 0.972972973px + 0.5405405405vw, 4px);
            padding-block-start: clamp(3px, 0.972972973px + 0.5405405405vw, 4px);
    inline-size: clamp(12px, 7.9459459459px + 1.0810810811vw, 14px);
  }
  .plan__merit-desc {
    font-size: clamp(12px, 7.9459459459px + 1.0810810811vw, 14px);
  }
}
/*# sourceMappingURL=agency.css.map */