@charset "UTF-8";
/* 見出し
/*+---------------------------------*/
/* --- 見出しlevel2 --- */
.heading-level2 {
  margin-bottom: 45px;
  padding: 0 0 10px 13px;
  border-bottom: 1px solid #ccc;
  font-size: 2.8rem;
  color: #375093;
}
@media screen and (max-width: 670px) {
  .heading-level2 {
    margin-bottom: 25px;
    padding: 0 0 5px 10px;
    font-size: 2rem;
    line-height: 1.4;
  }
}

/* --- 見出しlevel3 --- */
.heading-level3 {
  margin-bottom: 32px;
  padding: 12px 15px;
  font-size: 2.8rem;
  background-color: #ECE9DE;
  border: 1px solid #ccc;
  border-left: 3px solid #375093;
}
@media screen and (max-width: 670px) {
  .heading-level3 {
    margin-bottom: 20px;
    font-size: 1.8rem;
    line-height: 1.4;
  }
}

/* ボックスコンポーネント
/*+---------------------------------*/
/* --- コンテンツ全体のwrap --- */
.content-wrap {
  box-sizing: border-box;
  margin: 0 auto 80px;
  padding: 0 10px;
  max-width: 1044px;
  font-family: "Meiryo UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.8rem;
  color: #1a1a1b;
}
@media screen and (max-width: 670px) {
  .content-wrap {
    margin-bottom: 50px;
  }
}

/* --- 見出しレベル3用ボックス --- */
.content-box {
  margin-bottom: 80px;
}
.content-box:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 670px) {
  .content-box {
    margin-bottom: 60px;
  }
}

/* --- ボックスの左右余白 --- */
.content-inner {
  margin-inline: 22px;
}
@media screen and (max-width: 670px) {
  .content-inner {
    margin-inline: 0px;
  }
}

/* --- 写真とテキストカラム --- */
.photo-with-caption {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}
.photo-with-caption .photo-with-caption__image img {
  width: 100%;
  height: auto;
}
.photo-with-caption .photo-with-caption__text > * + * {
  margin-top: 1em;
}
@media screen and (max-width: 670px) {
  .photo-with-caption {
    grid-template-columns: 1fr;
  }
}

/* LIST
/*+---------------------------------*/
/* --- 箇条書きリスト --- */
.list > li {
  padding-left: 11px;
  text-indent: -11px;
  line-height: 2;
}
.list > li:before {
  display: inline-block;
  position: relative;
  top: -4px;
  margin-right: 8px;
  content: "";
  width: 3px;
  height: 3px;
  background-color: #000;
}
.list.c-blue > li:before {
  background-color: #0068B7;
}
.text-box + .list {
  margin-top: 40px;
}

/* --- ▼ リスト --- */
.arrow-list > li::after {
  content: "";
  display: block;
  width: 140px;
  height: 28px;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  background-color: #9AB7E8;
  margin-inline: auto;
  margin-top: 40px;
}
@media screen and (max-width: 670px) {
  .arrow-list > li::after {
    margin-top: 20px;
  }
}
.arrow-list > li:last-child::after {
  display: none;
}
.arrow-list > li + li {
  margin-top: 40px;
}
@media screen and (max-width: 670px) {
  .arrow-list > li + li {
    margin-top: 20px;
  }
}

/* OTHER
/*+---------------------------------*/
/* --- テキストリンク --- */
a.text-link {
  color: #0068B7;
  text-decoration: underline;
}
a.text-link:hover {
  text-decoration: none;
}

a.text-link.c-red {
  color: #AB0046;
}

/* --- 文字色 --- */
.c-blue {
  color: #0068B7;
}

.c-red {
  color: #AB0046;
}