/* =========================================================
   DEFAULT PAGE
========================================================= */

.page-main {
  width: 100%;

  background: #EFEAEA;
  color: #514c49;
}


.page-content {
  width: 100%;

  padding:
    clamp(180px, 18vw, 260px)
    6%
    140px;
}


.page-content__inner {
  width: 100%;
  max-width: 1000px;

  margin: 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.page-content__header {
  margin-bottom: 80px;
}


.page-content__label {
  margin: 0 0 22px;

  color: #99918e;

  font-family: var(--font-en);
  font-size: 10px;
  font-weight: 400;

  line-height: 1;

  letter-spacing: .24em;
}


.page-content__title {
  margin: 0;

  color: #514c49;

  font-family: var(--font-ja);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 400;

  line-height: 1.6;

  letter-spacing: .1em;
}


/* =========================================================
   CONTENT
========================================================= */

.page-content__body {
  color: #625d5a;

  font-family: var(--font-ja);
  font-size: 13px;
  font-weight: 400;

  line-height: 2.2;

  letter-spacing: .06em;
}


.page-content__body p {
  margin:
    0
    0
    2em;
}


.page-content__body h2 {
  margin:
    75px
    0
    30px;

  color: #514c49;

  font-size: 22px;
  font-weight: 400;

  line-height: 1.8;

  letter-spacing: .1em;
}


.page-content__body h3 {
  margin:
    55px
    0
    22px;

  color: #514c49;

  font-size: 17px;
  font-weight: 400;

  line-height: 1.8;

  letter-spacing: .08em;
}


.page-content__body a {
  color: inherit;

  text-decoration: underline;

  text-underline-offset: 4px;
}


.page-content__body img {
  max-width: 100%;
  height: auto;
}


/* =========================================================
   SMARTPHONE
========================================================= */

@media (max-width: 767px) {

.page-content {
  padding:
    230px
    22px
    95px;
}

  .page-content__header {
    margin-bottom: 55px;
  }


  .page-content__title {
    font-size: 25px;
  }


  .page-content__body {
    font-size: 12px;

    line-height: 2.1;
  }


  .page-content__body h2 {
    margin-top: 60px;

    font-size: 19px;
  }


  .page-content__body h3 {
    margin-top: 45px;

    font-size: 16px;
  }

}