@charset "utf-8";
/* ========== 選ばれる理由 ========== */
.area-lp .area-reason {
  padding: calc(60 * var(--u)) calc(15 * var(--u));
  background: #fff;
}
.area-lp .area-reason__inner {
  max-width: calc(1024 * var(--u));
  margin: 0 auto;
}

/* 見出し */
.area-lp .area-reason__title {
  margin: 0;
  color: #0e5a88;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.15em;
  line-height: 1.5;
  text-align: center;
}
.area-lp .area-reason__title-s { font-size: calc(20 * var(--u)); }
.area-lp .area-reason__title-xs { font-size: calc(16 * var(--u)); }
.area-lp .area-reason__title-l { font-size: calc(30 * var(--u)); }

/* 理由リスト */
.area-lp .area-reason__list {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--u));
  margin-top: calc(30 * var(--u));
}
.area-lp .area-reason__item {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--u));
  padding: calc(20 * var(--u)) calc(16 * var(--u));
  border-radius: calc(10 * var(--u));
  background: #fff;
  box-shadow: 0 0 calc(10 * var(--u)) rgba(0, 0, 0, 0.1);
}
.area-lp .area-reason__photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1; /* 画面幅が変わっても縦横比は固定（PCと同じ正方形） */
  border-radius: calc(8 * var(--u));
  object-fit: cover;
}
.area-lp .area-reason__body {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--u));
  min-width: 0;
}
.area-lp .area-reason__head {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--u));
  margin: 0;
  color: #333;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(18 * var(--u));
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.area-lp .area-reason__num {
  flex-shrink: 0;
  width: auto;
  height: calc(44 * var(--u));
}
.area-lp .area-reason__text {
  margin: 0;
  color: #333;
  font-size: calc(14 * var(--u));
  letter-spacing: 0.1em;
  line-height: 1.8;
}

@media (min-width: 992px) {
  .area-lp .area-reason {
    padding: calc(100 * var(--u)) calc(24 * var(--u));
  }
  .area-lp .area-reason__inner {
    padding-top: calc(77 * var(--u));
  }
  .area-lp .area-reason__title {
    letter-spacing: calc(6 * var(--u));
    line-height: calc(60 * var(--u));
  }
  .area-lp .area-reason__title-s { font-size: calc(34 * var(--u)); }
  .area-lp .area-reason__title-xs { font-size: calc(28 * var(--u)); }
  .area-lp .area-reason__title-l { font-size: calc(46 * var(--u)); }

  .area-lp .area-reason__list {
    margin-top: calc(46 * var(--u));
  }
  .area-lp .area-reason__item {
    flex-direction: row;
    align-items: center;
    gap: calc(32 * var(--u));
    padding: calc(28 * var(--u)) calc(32 * var(--u));
  }
  .area-lp .area-reason__photo {
    flex: 0 0 calc(160 * var(--u));
  }
  .area-lp .area-reason__photo img {
    width: calc(160 * var(--u));
  }
  .area-lp .area-reason__head {
    gap: calc(14 * var(--u));
    font-size: calc(24 * var(--u));
    letter-spacing: calc(3 * var(--u));
    line-height: calc(40 * var(--u));
  }
  .area-lp .area-reason__num { height: calc(52 * var(--u)); }
  .area-lp .area-reason__text {
    font-size: calc(15 * var(--u));
    letter-spacing: calc(1.5 * var(--u));
    line-height: calc(27 * var(--u));
  }
}