@charset "UTF-8";
/* --------------------------------------------------
About
-------------------------------------------------- */
.about__image { margin: 0 1rem calc(var(--contents-width) / 2480 * 15rem); }
.about__content { padding: 0 7.5%; }
.about__contentHeading { font-weight: 600; margin: 0 0 calc(var(--contents-width) / 2480 * 15rem); }
.about__contentText { padding: 0 0 0 1rem; display: flex; flex-direction: column; row-gap: calc(0.9em * var(--font-body-lh)); font-size: calc(var(--font-body-size) * 0.9); }
.about__contentText > * { width: 100%; }
.about__contentText .text--jp { font-size: calc(var(--font-body-size) * 0.85); display: flex; flex-direction: column; row-gap: calc(0.85em * var(--font-body-lh)); }
.about__contentText .text--jp > * { width: 100%; }
.about__contentText ul { padding: 0 0 0 1rem; }
.about__contentText ul li::before { display: inline; content: "•"; margin: 0 0.35em 0 0; }
.about__contentText .text--indent { padding: 0 0 0 1rem; display: flex; flex-direction: column; row-gap: calc(1em * var(--font-body-lh)); }
.about__content + .about__image { margin: calc(var(--contents-width) / 2480 * 15rem) 1rem 0; }

@media screen and (min-width: 768px) { .about { width: 75.93%; margin: 0 auto; }
  .about__image { margin: 0 0 calc(var(--contents-width) / 2480 * 15rem); }
  .about__content { padding: 0; width: 80rem; max-width: 100%; margin: 0 auto; }
  .about__contentHeading { margin: 0 0 calc(var(--contents-width) / 2480 * 10rem); }
  .about__contentText { padding: 0 0 0 2rem; }
  .about__contentText ul { padding: 0 0 0 2rem; }
  .about__contentText .text--indent { padding: 0 0 0 2rem; }
  .about__content + .about__image { margin: calc(var(--contents-width) / 2480 * 15rem) 0 0; } }