@charset "utf-8";

/*=======================================================================

デザイン補完・共通パーツ

========================================================================*/

/*
-------------------------------------------------------
デザイン用テキスト
-------------------------------------------------------*/
.c-title {
  font-size: 45px;
  line-height: 1.4;
}

/* コピー文 */
.c-copy {
  color: #6e6865;
  font-size: 30px;
  line-height: 1.6;
  letter-spacing: 0.07em;
}
.c-copy.--sm {
  font-size: 24px;
}
.c-copy span {
  /* font-size: 115%; */
  /* line-height: 0.7; */
}
.c-copy small {
  font-size: 50%;
}

/* リード文 */
.c-lead {
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0.06em;
}
.c-lead.--sm {
  font-size: 16px;
  line-height: 1.75;
}

/* 注釈文 */
.c-caption {
  font-size: 11px;
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hanging-punctuation: last allow-end;
}

@media screen and (max-width: 767px) {
  .c-title {
  }
  .c-copy {
    font-size: 20.5px;
    letter-spacing: 0.04em;
  }
  .c-copy.--sm {
    font-size: 16px;
  }
  .c-copy span {
  }
  .c-copy small {
    font-size: 70%;
  }
  .c-lead {
    font-size: 11.8px;
    letter-spacing: 0.03em;
  }
  .c-lead.--sm {
    font-size: 11px;
  }
  .c-caption {
    font-size: 10px;
  }
}

/* 文字色  */
.c-main {
  color: #222c81;
}
.c-sub {
  color: #231815;
}

.c-gray {
  color: #6e6865;
}
.c-green {
  color: #3c5a46;
}

/*
-------------------------------------------------------
背景色
-------------------------------------------------------*/
.u-bg__yellow {
  background-color: #f0e9d5;
}

/*=======================================================================

共通パーツ

========================================================================*/

/*
-------------------------------------------------------
ヒーローイメージ
-------------------------------------------------------*/
.p-hero {
  position: relative;
}

.p-hero__title {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;

  font-family:
    YakuHanMP, "EB Garamond", "Shippori Mincho", "Noto Serif JP", "游明朝", "Yu Mincho", "Noto Serif JP",
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", serif;
  color: #fff;
  font-size: 45px;
  font-weight: inherit;
  line-height: 1;
  margin: 0;
  padding-top: 0.12em;
  padding-bottom: 0.15em;
  text-align: center;
  letter-spacing: 0.15em;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: min(600px, 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0)),
    color-stop(35%, rgba(0, 0, 0, 0.5)),
    color-stop(65%, rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 35%,
    rgba(0, 0, 0, 0.5) 65%,
    rgba(0, 0, 0, 0) 100%
  );
}

.p-hero__img {
}

@media screen and (max-width: 767px) {
  .p-hero {
  }

  .p-hero__title {
    font-size: 32px;
    padding-top: 0.15em;
    padding-bottom: 0.25em;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgba(0, 0, 0, 0)),
      color-stop(25%, rgba(0, 0, 0, 0.5)),
      color-stop(75%, rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0))
    );
    background: linear-gradient(
      to right,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.5) 25%,
      rgba(0, 0, 0, 0.5) 75%,
      rgba(0, 0, 0, 0) 100%
    );
    letter-spacing: 0.15em;
  }

  .p-hero__img {
  }
}
/*
-------------------------------------------------------
ヒーローイメージ（No Image）
-------------------------------------------------------*/
.p-hero.--noimage {
}
.p-hero.--noimage .p-hero__title {
  position: relative;
  top: auto;
  left: auto;
  color: #6e6865;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background: none !important;
  /**/
  width: 100%;
  text-align: center;
  padding-top: 160px;
  padding-bottom: 100px;
}
.p-hero.--noimage .p-hero__img {
}

@media screen and (max-width: 767px) {
  .p-hero.--noimage {
  }
  .p-hero.--noimage .p-hero__title {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .p-hero.--noimage .p-hero__img {
  }
}

/*
-------------------------------------------------------
注釈エリア
-------------------------------------------------------*/
.common-caption {
  border-bottom: 1px solid #eee;
  padding-top: 70px;
  padding-bottom: 30px;
}
.caption-list {
}
.caption-list li {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 11px;
  padding-left: 1em;
  text-indent: -1em;
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hanging-punctuation: last allow-end;
}

@media screen and (max-width: 767px) {
  .common-caption {
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .caption-list {
  }
  .caption-list li {
    font-size: 9.3px;
    letter-spacing: 0em;
  }
}

/*=======================================================================

下層ページ用

========================================================================*/
.page-lower {
  background-color: #fff;
}