@charset "UTF-8";
.contents-area .c-lead p {
  font-family: "Noto Serif JP", serif;
  font-size: 13px;
  color: #000000;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .contents-area .c-lead p {
    font-size: 13px;
  }
}
.contents-area .c-allbtn__label {
  min-height: 48px;
  padding: 10px 20px;
  background: #ffffff;
  border: 1px solid #000000;
  border-radius: 8px;
}
@media screen and (min-width: 768px) {
  .contents-area .c-allbtn__label {
    min-height: 48px;
  }
}
.contents-area .c-allbtn__txt {
  font-family: "Libre Baskerville", "Noto Serif JP", serif;
  font-size: 14px;
  color: #000000;
}
.contents-area .c-anchor__txt {
  font-family: "Noto Serif JP", serif;
  font-size: 12px;
  color: #000000;
}
.contents-area .c-anchor img {
  border-radius: 8px;
}
.contents-area .c-smart-ttl p {
  font-family: "Libre Baskerville", "Noto Serif JP", serif;
  font-size: 17px;
  /* ★要望④備考: 見出しの太さは管理画面側（CMS）で入力するようにしたため、CSSでは指定しない。SP側
     font-weight: bold; */
  color: #000000;
  text-align: center;
  text-wrap: balance;
  word-break: auto-phrase;
}
@media screen and (min-width: 768px) {
  .contents-area .c-smart-ttl p {
    font-size: 20px;
    /* ★要望④備考: 見出しの太さは管理画面側（CMS）で入力するようにしたため、CSSでは指定しない。PC側（768px以上）
       font-weight: bold; */
  }
}
@media screen and (max-width: 767px) {
  .contents-area .l-smart__lead {
    padding: 5% 3%;
  }
}
@media screen and (min-width: 768px) {
  .contents-area .l-smart__btn {
    margin-top: 20px;
  }
}
.contents-area .c-smart-lead {
  align-items: flex-start;
}
.contents-area .c-smart-lead p {
  font-family: "Noto Serif JP", serif;
  font-size: 13px;
  color: #000000;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .contents-area .c-smart-lead p {
    font-size: 13px;
  }
}