/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
/* ================================
UTILITIES
================================ */
.p-detail__content h3 {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-detail__content h3 {
    font-size: 1.125rem;
  }
}

.p-detail__content h2 {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .p-detail__content h2 {
    font-size: 1.25rem;
  }
}

.p-detail__lead {
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-detail__lead {
    font-size: 1.5rem;
  }
}

.c-ffen {
  font-family: "Zen Old Mincho", serif;
}

.c-fw400 {
  font-weight: 400;
}

.c-fw500 {
  font-weight: 500;
}

.c-fw600 {
  font-weight: 600;
}

.c-fw700 {
  font-weight: 700;
}

.c-fw800 {
  font-weight: 800;
}

.c-fw900 {
  font-weight: 900;
}

.c-ls0 {
  letter-spacing: 0;
}

.c-ls20 {
  letter-spacing: 0.02em;
}

.c-ls40 {
  letter-spacing: 0.04em;
}

.c-ls100 {
  letter-spacing: 0.1em;
}

.p-news__main {
  background-color: #E4E7F0;
  padding-block: 60px 80px;
}
@media screen and (min-width: 768px) {
  .p-news__main {
    padding-block: 80px 160px;
  }
}
.p-news__box {
  background-color: #fff;
  box-shadow: 0 0 12px rgba(13, 27, 95, 0.39);
  margin-inline: auto;
  padding-inline: 20px;
  padding-block: 50px;
}
@media screen and (min-width: 768px) {
  .p-news__box {
    max-width: 1000px;
    padding-inline: 40px;
    padding-block: 92px 100px;
  }
}
.p-news__list {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-news__list {
    max-width: 621px;
  }
}
@media screen and (min-width: 768px) {
  .p-news .c-pagination {
    margin-top: 59px;
  }
}

.p-detail {
  padding-block: 60px 80px;
  background-color: #E4E7F0;
}
@media screen and (min-width: 768px) {
  .p-detail {
    padding-block: 80px 160px;
  }
}
.p-detail__box {
  background-color: #fff;
  box-shadow: 0 0 12px rgba(13, 27, 95, 0.39);
  margin-inline: auto;
  padding-inline: 20px;
  padding-block: 40px;
}
@media screen and (min-width: 768px) {
  .p-detail__box {
    max-width: 1000px;
    padding-inline: 40px;
    padding-block: 75px 77px;
  }
}
.p-detail__inner {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .p-detail__inner {
    max-width: 800px;
  }
}
.p-detail__head {
  border-bottom: 1px solid #E4E7F0;
  padding-inline: 5px;
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .p-detail__head {
    padding-inline: 7px;
    padding-bottom: 19px;
  }
}
.p-detail__sort {
  margin-bottom: 13px;
}
@media screen and (min-width: 768px) {
  .p-detail__sort .c-cardnews__label {
    gap: 14px;
  }
}
@media screen and (min-width: 768px) {
  .p-detail__sort .c-cardnews__date {
    margin-top: 0;
  }
}
.p-detail__lead {
  font-weight: 500;
  line-height: 1.4;
}
.p-detail__content {
  font-weight: 500;
  margin-top: 20px;
  padding-inline: 10px;
}
@media screen and (min-width: 768px) {
  .p-detail__content {
    padding-inline: 25px;
    margin-top: 41px;
  }
}
.p-detail__content:first-child {
  margin-top: 0;
}
.p-detail__content > * {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p-detail__content > * {
    margin-bottom: 22px;
  }
}
.p-detail__content > *:last-child {
  margin-bottom: 0;
}
.p-detail__content > *:last-child:empty {
  display: none;
}
.p-detail__content h1,
.p-detail__content h2,
.p-detail__content h3,
.p-detail__content h4,
.p-detail__content h5 {
  font-weight: 700;
}
.p-detail__content h2,
.p-detail__content h3 {
  line-height: 1.4;
}
.p-detail__content h2 {
  position: relative;
  padding-left: 18px;
}
@media screen and (min-width: 768px) {
  .p-detail__content h2 {
    padding-left: 20px;
  }
}
.p-detail__content h2:not(:first-child) {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-detail__content h2:not(:first-child) {
    margin-top: 40px;
  }
}
.p-detail__content h2::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background-color: #CEA950;
}
@media screen and (min-width: 768px) {
  .p-detail__content h2::before {
    width: 4px;
    top: 1px;
    bottom: 3px;
  }
}
.p-detail__content h3:not(:first-child) {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-detail__content h3:not(:first-child) {
    margin-top: 38px;
  }
}
.p-detail__content .wp-block-button {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .p-detail__content .wp-block-button {
    margin-top: 29px;
  }
}
.p-detail__content .wp-block-button .wp-block-button__link {
  color: inherit;
  padding: 0;
  padding-right: 1.1875em;
  background-color: transparent;
  font-weight: 700;
  border-radius: unset;
  text-decoration: underline;
  text-underline-offset: 2px;
  background: url(../images/common/icon_arrow06.svg) center right/0.3125em auto no-repeat;
}
@media screen and (min-width: 768px) {
  .p-detail__content .wp-block-button .wp-block-button__link:hover {
    text-decoration-color: transparent;
  }
}
.p-detail__btn {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .p-detail__btn {
    margin-top: 64px;
  }
}
