@charset "UTF-8";
.site-main {
  padding-top: var(--header-h);
}
.page--head {
  padding-top: 57px;
  background-image: url("../img/page/head-bg_sp.png");
  background-position: center bottom 29px;
  background-size: cover;
}
.page--head .title {
  width: calc(100% - 40px);
  margin-inline: auto;
}
.page--head .main {
  color: var(--heading-main, #91765b);
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 0.038em;
  line-height: 1.425;
}
.page--head .sub {
  color: var(--heading-sub, #000);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.458;
}
.page--content {
  padding-top: 55px;
  padding-bottom: 56px;
}
@media screen and (min-width: 768px) {
  .page--head {
    background-image: url("../img/page/head-bg.png");
    background-position: center bottom;
  }
}
@media screen and (min-width: 1200px) {
  .page--head {
    padding-top: 79px;
    padding-bottom: 75px;
  }
  .page--head .title {
    max-width: 1448px;
  }
  .page--head .main {
    font-size: 80px;
  }
  .page--head .sub {
    font-size: 28px;
  }
  .page--content {
    padding-top: 83px;
    padding-bottom: 67px;
  }
}