.page-about {
  overflow: hidden;
}

.reason {
  padding-block: min(80px, 6.4vw) min(125px, 10vw);
  overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  .reason {
    padding-block: 64px;
  }
}

.reason__list {
  margin-top: min(90px, 7.2vw);
}
@media screen and (max-width: 767px) {
  .reason__list {
    margin-top: -56px;
  }
}

.reason__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (max-width: 767px) {
  .reason__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.reason__item:nth-child(1)::after {
  background: url("../img/common/car-yellow.svg") no-repeat center center/cover;
  content: "";
  width: min(193px, 15.44vw);
  height: min(128px, 10.24vw);
  right: max(-20px, -1.6vw);
  bottom: max(-56px, -4.48vw);
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .reason__item:nth-child(1)::after {
    width: 72px;
    height: 49px;
    right: 0;
    bottom: -7px;
  }
}
@media screen and (min-width: 768px) {
  .reason__item:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.reason__item:nth-child(2)::before {
  background: url("../img/common/car-green.svg") no-repeat center center/cover;
  content: "";
  width: min(185px, 14.8vw);
  height: min(131px, 10.48vw);
  position: absolute;
  top: max(-72px, -5.76vw);
  left: max(-73px, -5.84vw);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .reason__item:nth-child(2)::before {
    width: 66px;
    height: 46px;
    top: auto;
    bottom: -30px;
    left: -5px;
  }
}
.reason__item + .reason__item {
  margin-top: min(80px, 6.4vw);
}
@media screen and (max-width: 767px) {
  .reason__item + .reason__item {
    margin-top: 40px;
  }
}

@media screen and (min-width: 768px) {
  .reason__img {
    position: absolute;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .reason__img {
    z-index: 2;
  }
}

.reason__item:nth-child(1) .reason__img {
  top: max(-120px, -9.6vw);
  max-width: min(566px, 45.28vw);
}
@media screen and (max-width: 767px) {
  .reason__item:nth-child(1) .reason__img {
    margin-bottom: -40px;
    max-width: 100%;
  }
}
.reason__item:nth-child(2) .reason__img {
  top: max(-72px, -5.76vw);
  max-width: min(580px, 46.4vw);
}
@media screen and (max-width: 767px) {
  .reason__item:nth-child(2) .reason__img {
    margin-bottom: -40px;
    max-width: 100%;
  }
}
.reason__item:nth-child(3) .reason__img {
  top: max(-72px, -5.76vw);
  max-width: min(546px, 43.68vw);
}
@media screen and (max-width: 767px) {
  .reason__item:nth-child(3) .reason__img {
    margin-top: -80px;
    margin-bottom: -40px;
    max-width: 100%;
  }
}

.reason__content {
  margin-left: auto;
  padding: min(72px, 5.76vw) min(40px, 3.2vw) min(72px, 5.76vw) min(396px, 31.68vw);
  border-radius: min(15px, 1.2vw);
  background: #FFF;
  max-width: min(1062px, 84.96vw);
}
@media screen and (max-width: 767px) {
  .reason__content {
    position: relative;
    border-radius: 10px;
    padding: 64px 20px 32px;
    max-width: 100%;
  }
  .reason__content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #FFF;
    border-radius: 10px;
    z-index: -1;
  }
}

.reason__item:nth-child(2n) .reason__content {
  padding: min(72px, 5.76vw) min(396px, 31.68vw) min(72px, 5.76vw) min(40px, 3.2vw);
  margin-right: auto;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .reason__item:nth-child(2n) .reason__content {
    padding: 64px 20px 32px;
  }
  .reason__item:nth-child(2n) .reason__content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: #FFF;
    border-radius: 10px;
    z-index: -1;
  }
}

.reason__item--title {
  font-size: min(32px, 2.56vw);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .reason__item--title {
    font-size: 24px;
  }
}

.reason__item--description {
  margin-top: min(16px, 1.28vw);
  line-height: normal;
}

.reason__certification {
  margin-top: min(72px, 5.76vw);
  padding: min(40px, 3.2vw);
  border-radius: 0 min(20px, 1.6vw) min(20px, 1.6vw) 0;
  background: #EE86A2;
  border-radius: min(20px, 1.6vw);
  position: relative;
}
@media screen and (max-width: 767px) {
  .reason__certification {
    margin-top: 40px;
    padding: 32px 20px;
    border-radius: 20px;
  }
}

.reason__certification-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(40px, 3.2vw);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .reason__certification-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
.reason__certification-content::after {
  background: url("../img/common/car-pink.svg") no-repeat center center/cover;
  content: "";
  width: min(171px, 13.68vw);
  height: min(128px, 10.24vw);
  position: absolute;
  bottom: max(-90px, -7.2vw);
  right: max(-124px, -9.92vw);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .reason__certification-content::after {
    width: 70px;
    height: 53px;
    bottom: -54px;
    right: -20px;
  }
}

.reason__certification-img {
  max-width: min(578px, 46.24vw);
  position: relative;
}
@media screen and (max-width: 767px) {
  .reason__certification-img {
    max-width: 100%;
  }
}

.reason__certification-info {
  color: #fff;
}

.reason__certification-title {
  font-size: min(28px, 2.24vw);
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .reason__certification-title {
    font-size: 28px;
  }
}

.reason__certification-text {
  margin-top: min(20px, 1.6vw);
  font-weight: 500;
  line-height: normal;
  margin-top: 20px;
}

.philosophy {
  margin-block: 0 min(105px, 8.4vw);
  margin-inline: auto;
  border-radius: min(15px, 1.2vw);
  background: #FFF;
  max-width: min(1062px, 84.96vw);
}
@media screen and (max-width: 767px) {
  .philosophy {
    margin-block: 20px 60px;
  }
}
.philosophy .section-title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: max(-30px, -2.4vw);
}
@media screen and (max-width: 767px) {
  .philosophy .section-title {
    top: -24px;
  }
}

.philosophy__text {
  padding: min(80px, 6.4vw) min(90px, 7.2vw) min(70px, 5.6vw);
  font-size: min(38px, 3.04vw);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.418px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .philosophy__text {
    padding: 64px 20px 40px;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 160%;
  }
}
.philosophy__text::before {
  background: url("../img/common/car-yellow.svg") no-repeat center center/cover;
  content: "";
  width: min(244px, 19.52vw);
  height: min(162px, 12.96vw);
  left: max(-106px, -8.48vw);
  bottom: max(-106px, -8.48vw);
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .philosophy__text::before {
    width: 72px;
    height: 48px;
    left: 0;
    bottom: -17px;
  }
}

.message {
  padding-block: min(88px, 7.04vw) min(147px, 11.76vw);
  background: #49D9D2;
}
@media screen and (max-width: 767px) {
  .message {
    padding-block: 70px 15px;
  }
}

.message__inner::before {
  background: url("../img/common/cloude-deco-three.svg") no-repeat center center/cover;
  content: "";
  width: min(280px, 22.88vw);
  height: min(136px, 10.88vw);
  top: max(-10px, -0.8vw);
  right: max(-96px, -7.68vw);
  position: absolute;
}
@media screen and (max-width: 767px) {
  .message__inner::before {
    width: 110px;
    height: 52px;
    right: 0px;
    top: -20px;
  }
}
.message__inner::after {
  background: url("../img/about/message-town.webp") no-repeat center center/cover;
  content: "";
  width: min(926px, 74.08vw);
  height: min(232px, 18.56vw);
  bottom: max(-162px, -12.96vw);
  left: max(-132px, -10.56vw);
  position: absolute;
}
@media screen and (max-width: 767px) {
  .message__inner::after {
    width: 450px;
    height: 112px;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.message__box {
  margin: min(48px, 3.84vw) 0 0 auto;
  padding: min(66px, 5.28vw) min(58px, 4.64vw) min(56px, 4.48vw) min(192px, 15.36vw);
  border-radius: min(15px, 1.2vw);
  background: #FFF;
  max-width: min(1062px, 84.96vw);
  position: relative;
}
@media screen and (max-width: 767px) {
  .message__box {
    margin-top: 32px;
    padding: 40px 20px 162px;
  }
}
.message__box::before {
  background: url("../img/about/message-img.webp") no-repeat center center/cover;
  content: "";
  position: absolute;
  width: min(322px, 25.76vw);
  height: min(447px, 35.76vw);
  left: max(-132px, -10.56vw);
  top: max(-32px, -2.56vw);
}
@media screen and (max-width: 767px) {
  .message__box::before {
    width: 132px;
    height: 171px;
    top: auto;
    bottom: 0;
    left: auto;
    right: -20px;
  }
}
.message__box::after {
  background: url("../img/common/cta-human.webp") no-repeat center center/cover;
  content: "";
  position: absolute;
  width: min(238px, 19.04vw);
  height: min(265px, 21.2vw);
  right: max(-60px, -4.8vw);
  bottom: max(-60px, -4.8vw);
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (max-width: 767px) {
  .message__box::after {
    content: none;
  }
}

.message__title {
  font-size: min(32px, 2.56vw);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.352px;
}
@media screen and (max-width: 767px) {
  .message__title {
    font-size: 24px;
    letter-spacing: 0;
  }
}

.message__text {
  margin-top: min(24px, 1.92vw);
  max-width: min(715px, 57.2vw);
  line-height: 180%;
  letter-spacing: -0.176px;
}
@media screen and (max-width: 767px) {
  .message__text {
    margin-top: 16px;
    max-width: 100%;
    letter-spacing: 0;
  }
}

.staff {
  padding-block: min(120px, 9.6vw);
}
@media screen and (max-width: 767px) {
  .staff {
    padding-block: 70px 54px;
  }
}

.staff__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(200px, 16vw);
}
@media screen and (max-width: 767px) {
  .staff__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
}
.staff__inner::before {
  background: url("../img/common/car-green.svg") no-repeat center center/cover;
  content: "";
  width: min(185px, 14.8vw);
  height: min(131px, 10.48vw);
  position: absolute;
  top: min(115px, 9.2vw);
  left: max(-73px, -5.84vw);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .staff__inner::before {
    width: 66px;
    height: 46px;
    top: 0;
    left: auto;
    right: 40px;
  }
}
.staff__inner::after {
  background: url("../img/common/car-pink.svg") no-repeat center center/cover;
  content: "";
  width: min(171px, 13.68vw);
  height: min(128px, 10.24vw);
  position: absolute;
  bottom: min(100px, 8vw);
  left: min(121px, 9.68vw);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .staff__inner::after {
    width: 70px;
    height: 53px;
    top: 64px;
    left: auto;
    right: 20px;
  }
}

.staff__list {
  max-width: min(784px, 62.72vw);
}
@media screen and (max-width: 767px) {
  .staff__list {
    max-width: 100%;
  }
}

.staff__item {
  padding-bottom: min(32px, 2.56vw);
  border-bottom: min(2px, 0.16vw) dashed #FFD341;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(46px, 3.68vw);
}
@media screen and (max-width: 767px) {
  .staff__item {
    padding-bottom: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
.staff__item:not(:first-child) {
  padding-top: min(32px, 2.56vw);
}
@media screen and (max-width: 767px) {
  .staff__item:not(:first-child) {
    padding-top: 32px;
  }
}

.staff__img {
  border-radius: min(10px, 0.8vw);
  width: 100%;
  max-width: min(305px, 24.4vw);
}
@media screen and (max-width: 767px) {
  .staff__img {
    max-width: 100%;
  }
}
.staff__img img {
  border-radius: 10px;
  width: 100%;
}

.staff__content {
  width: 100%;
}

.staff__role {
  font-size: min(14px, 1.12vw);
  font-style: normal;
  line-height: 180%;
  letter-spacing: -0.154px;
}
@media screen and (max-width: 767px) {
  .staff__role {
    font-size: 14px;
  }
}

.staff__name {
  font-size: min(20px, 1.6vw);
  font-weight: 700;
  line-height: 180%;
  letter-spacing: -0.22px;
}
@media screen and (max-width: 767px) {
  .staff__name {
    font-size: 20px;
  }
}

.staff__text {
  margin-top: min(16px, 1.28vw);
  line-height: 180%;
  letter-spacing: -0.176px;
}
@media screen and (max-width: 767px) {
  .staff__text {
    margin-top: 8px;
  }
}