/* Sass Document */
.p-news__content {
  display: flex;
  align-items: flex-start;
  max-width: 120rem;
  margin-inline: auto;
  justify-content: space-between;
  gap: 0 5rem;
  padding-block: 12.6rem 16.3rem;
}
@media screen and (max-width: 767.98px) {
  .p-news__content {
    display: block;
    padding: 9.8rem 3.4rem 16rem;
  }
}

.p-sidemenu {
  position: -webkit-sticky;
  position: sticky;
  top: 14rem;
}
@media screen and (max-width: 767.98px) {
  .p-sidemenu {
    position: static;
  }
}

.p-sidemenu__ttl {
  font-size: 2rem;
  font-weight: 400;
}
@media screen and (max-width: 767.98px) {
  .p-sidemenu__ttl {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 767.98px) {
  .p-sidemenu__block {
    position: relative;
    height: 14rem;
    z-index: 10;
  }
}

.p-category__nav {
  margin-top: 3rem;
  font-size: 1.6rem;
  font-weight: 400;
}
@media screen and (max-width: 767.98px) {
  .p-category__nav {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    font-size: 2.4rem;
    width: 100%;
    pointer-events: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .p-category__nav.is-show {
    padding-bottom: 2rem;
    background-color: #fff;
  }
}
.p-category__nav a {
  color: currentColor;
  text-decoration: none;
  display: block;
}

@media screen and (max-width: 767.98px) {
  .p-category__nav-item.c-current {
    order: 1;
    visibility: visible;
    border-radius: 100px;
    pointer-events: auto;
  }
}
.p-category__nav-item.c-current .p-category__nav-link {
  border: 1px solid #c5161d;
  color: #c5161d;
  background-color: #fff;
}
@media screen and (max-width: 767.98px) {
  .p-category__nav-item.c-current .p-category__nav-link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
  }
  .p-category__nav-item.c-current .p-category__nav-link::after {
    content: "";
    position: absolute;
    top: 52%;
    right: 3rem;
    width: 1.6rem;
    height: 0.8rem;
    background-color: #c5161d;
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
            clip-path: polygon(0 0, 50% 100%, 100% 0);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767.98px) {
  .p-category__nav-item {
    order: 2;
    visibility: hidden;
    pointer-events: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 32rem;
    max-width: 100%;
    background-color: #fff;
  }
  .p-category__nav-item.is-show {
    visibility: visible;
    pointer-events: auto;
  }
}
.p-category__nav-item + .p-category__nav-item {
  margin-top: 0.6rem;
}
@media screen and (max-width: 767.98px) {
  .p-category__nav-item + .p-category__nav-item {
    margin-top: 0;
  }
}

.p-category__nav-link {
  display: block;
  border-radius: 100px;
  padding: 0.6rem 1.6rem;
  line-height: 1.2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 12.2rem;
}
@media (any-hover) {
  .p-category__nav-link {
    transition: 0.3s opacity;
  }
  .p-category__nav-link:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767.98px) {
  .p-category__nav-link {
    width: auto;
    min-width: inherit;
    padding: 1.3rem 5.5rem 1.3rem 3rem;
  }
}

.p-news__block {
  max-width: 78.1rem;
  flex-grow: 1;
  flex-shrink: 0;
}

.p-news__item {
  border-bottom: 1px solid #d6d5d5;
}
.p-news__item:first-child .p-news__inner {
  padding-top: 0;
}
.p-news__item a {
  color: currentColor;
  text-decoration: none;
  display: block;
}
@media (any-hover) {
  .p-news__item a {
    transition: 0.3s opacity;
  }
  .p-news__item a:hover {
    opacity: 0.7;
  }
}

.p-date-category-wrapper {
  display: flex;
  gap: 1rem 1em;
  margin-bottom: 1.8rem;
  align-items: flex-start;
}
@media screen and (max-width: 767.98px) {
  .p-date-category-wrapper {
    margin-bottom: 3.6rem;
    gap: 1rem 2.7rem;
  }
}
.p-date-category-wrapper time {
  font-size: 1.6rem;
  font-family: "din-2014", sans-serif;
  letter-spacing: 0;
  color: #c5161d;
  font-weight: 400;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767.98px) {
  .p-date-category-wrapper time {
    font-size: 2.6rem;
    position: relative;
    top: 0.2rem;
  }
}

.p-category__item {
  font-size: 1.4rem;
  font-weight: 400;
  background-color: #5c5b5a;
  display: inline-block;
  border-radius: 100vw;
  color: #fff;
  line-height: 1.2;
  padding: 0.2rem 1.4rem 0.3rem;
}
@media screen and (max-width: 767.98px) {
  .p-category__item {
    font-size: 2.4rem;
  }
}

.p-news__inner {
  padding-block: 3rem;
}
@media screen and (max-width: 767.98px) {
  .p-news__inner {
    padding-block: 4rem;
  }
}
.p-news__inner p {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.6666666667;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767.98px) {
  .p-news__inner p {
    font-size: 3.2rem;
    line-height: 1.75;
  }
}

.p-pager {
  margin-top: 4rem;
}
@media screen and (max-width: 767.98px) {
  .p-pager {
    margin-top: 8rem;
  }
}

.p-pager__list {
  display: flex;
  justify-content: flex-end;
  font-family: "din-2014", sans-serif;
  letter-spacing: 0;
  font-size: 1.8rem;
  gap: 0 0.5rem;
}
@media screen and (max-width: 767.98px) {
  .p-pager__list {
    font-size: 2.4rem;
    justify-content: center;
  }
}

.p-pager__item a,
.p-pager__item span {
  display: grid;
  place-content: center;
  min-width: 3.2rem;
  padding: 0.3rem 0.5rem;
  border-radius: 0.4rem;
  color: currentColor;
  text-decoration: none;
}
@media screen and (max-width: 767.98px) {
  .p-pager__item a,
.p-pager__item span {
    min-width: 4.5rem;
    padding: 0.5rem 1rem;
  }
}
@media (any-hover) {
  .p-pager__item a {
    transition: 0.3s opacity;
  }
  .p-pager__item a:hover {
    opacity: 0.7;
  }
}
.p-pager__item .c-current {
  background-color: #c5161d;
  color: #fff;
}

/* ----------------------------------------------------------------------------------------------------
*	post
* --------------------------------------------------------------------------------------------------*/
.p-post__content {
  padding-bottom: 16rem;
}
@media screen and (max-width: 767.98px) {
  .p-post__content {
    padding-inline: 3.4rem;
  }
}
.p-post__content .p-btn-wrapper {
  max-width: 25.6rem;
  margin: 5.6rem auto 0;
}
@media screen and (max-width: 767.98px) {
  .p-post__content .p-btn-wrapper {
    margin-top: 8.7rem;
    max-width: 40.7rem;
  }
  .p-post__content .p-btn-wrapper .c-btn {
    padding-block: 2.2rem;
  }
}

.p-post__heading {
  max-width: 120rem;
  margin-inline: auto;
  width: 100%;
}
.p-post__heading .p-date-category-wrapper {
  gap: 1rem 1.1rem;
  margin-bottom: 2.3rem;
}
@media screen and (max-width: 767.98px) {
  .p-post__heading .p-date-category-wrapper {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
  .p-post__heading .p-date-category-wrapper time {
    top: 0;
  }
}

.p-post__ttl {
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.3333333333;
  letter-spacing: 0.03em;
  text-shadow: 0px 0px 2px #ffffff, 0px 0px 2px #ffffff, 0px 0px 2px #ffffff, 0px 0px 2px #ffffff;
}
@media screen and (max-width: 767.98px) {
  .p-post__ttl {
    font-size: 3.2rem;
    line-height: 1.6875;
    letter-spacing: 0;
  }
}

.p-post {
  padding-top: 11.5rem;
  max-width: 80rem;
  margin-inline: auto;
  font-size: 1.6rem;
  /* clearfix */
}
@media screen and (max-width: 767.98px) {
  .p-post {
    padding-top: 8.5rem;
    font-size: 2.4rem;
  }
}
.p-post > *:first-child {
  margin-top: 0;
}
.p-post h1,
.p-post h2,
.p-post h3,
.p-post h4,
.p-post h5,
.p-post h6 {
  margin-block: 2em 1em;
  line-height: 1.91666;
  letter-spacing: 0.03em;
  font-weight: 400;
}
@media screen and (max-width: 767.98px) {
  .p-post h1,
.p-post h2,
.p-post h3,
.p-post h4,
.p-post h5,
.p-post h6 {
    line-height: 1.8333333333;
  }
}
.p-post h2 {
  font-size: 2.4rem;
  border-bottom: 1px solid #d6d5d5;
  padding-bottom: 2.4rem;
}
@media screen and (max-width: 767.98px) {
  .p-post h2 {
    font-size: 3.6rem;
    padding-bottom: 3.6rem;
  }
}
.p-post h3 {
  font-size: 2rem;
}
@media screen and (max-width: 767.98px) {
  .p-post h3 {
    font-size: 3rem;
  }
}
.p-post h4 {
  color: #c5161d;
  font-size: 1.6rem;
}
@media screen and (max-width: 767.98px) {
  .p-post h4 {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .p-post p {
    line-height: 1.7692307692;
  }
}
.p-post p + p {
  margin-top: 1.5em;
}
.p-post a {
  color: #c5161d;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .p-post a:hover {
    text-decoration: none;
  }
}
.p-post ul,
.p-post ol {
  padding-left: 1em;
  margin: 2em 0;
}
@media screen and (max-width: 767.98px) {
  .p-post ul,
.p-post ol {
    padding-left: 1.6em;
  }
}
.p-post ul li {
  list-style: disc;
}
.p-post ol li {
  list-style: decimal;
}
.p-post li {
  font-size: 1.4rem;
  line-height: 1.7857142857;
}
@media screen and (max-width: 767.98px) {
  .p-post li {
    font-size: 2.4rem;
    line-height: 1.7916666667;
  }
}
.p-post iframe {
  border-radius: 1.6rem;
  margin: 8rem 0;
  width: 100% !important;
}
.p-post .wp-block-embed.is-provider-youtube {
  margin: 8rem 0;
}
.p-post .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper {
  width: 100%;
  height: 100%;
}
.p-post .wp-block-embed.is-provider-youtube iframe {
  margin: 0;
  width: 100% !important;
  height: 100% !important;
}
.p-post .wp-embed-aspect-16-9 {
  aspect-ratio: 16/9;
}
.p-post blockquote {
  margin: 4rem 0;
  padding: 2rem;
  background-color: #ededed;
  border-radius: 1.6rem;
}
.p-post blockquote p {
  font-style: italic;
}
.p-post strong {
  font-weight: 500;
}
.p-post em {
  font-style: italic;
}
.p-post .aligncenter {
  margin: 0 auto;
}
.p-post .alignright {
  float: right;
}
.p-post .alignleft {
  float: left;
}
.p-post img[class*=wp-image-],
.p-post img[class*=attachment-] {
  height: auto;
  max-width: 100%;
}
.p-post .clearfix {
  overflow: hidden;
  zoom: 1;
}
.p-post .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 767.98px) {
  .p-post .wp-block-image .alignleft,
.p-post .wp-block-image .alignright,
.p-post .wp-block-image .aligncenter {
    float: none;
    width: 100%;
    margin-inline: 0;
  }
  .p-post .wp-block-image .alignleft img,
.p-post .wp-block-image .alignright img,
.p-post .wp-block-image .aligncenter img {
    width: 100%;
  }
  .p-post .wp-block-image:has(.alignleft),
.p-post .wp-block-image:has(.alignright),
.p-post .wp-block-image:has(.aligncenter) {
    margin-block: 2rem;
  }
}

.wp-block-group + .wp-block-group {
  margin-top: 2.2rem;
}

.wp-block-group__inner-container:has(ul), .wp-block-group__inner-container:has(ol) {
  padding: 3rem 3rem 3rem;
  background-color: #ededed;
  border-radius: 1.6rem;
}
.wp-block-group__inner-container:has(ul) > *:first-child, .wp-block-group__inner-container:has(ol) > *:first-child {
  margin-top: 0 !important;
}
.wp-block-group__inner-container:has(ul) ul,
.wp-block-group__inner-container:has(ul) ol, .wp-block-group__inner-container:has(ol) ul,
.wp-block-group__inner-container:has(ol) ol {
  margin-bottom: 0;
}
.wp-block-group__inner-container:has(ul) h1 + ol,
.wp-block-group__inner-container:has(ul) h1 + ul,
.wp-block-group__inner-container:has(ul) h2 + ol,
.wp-block-group__inner-container:has(ul) h2 + ul,
.wp-block-group__inner-container:has(ul) h3 + ol,
.wp-block-group__inner-container:has(ul) h3 + ul,
.wp-block-group__inner-container:has(ul) h4 + ol,
.wp-block-group__inner-container:has(ul) h4 + ul,
.wp-block-group__inner-container:has(ul) h5 + ol,
.wp-block-group__inner-container:has(ul) h5 + ul,
.wp-block-group__inner-container:has(ul) h6 + ol,
.wp-block-group__inner-container:has(ul) h6 + ul, .wp-block-group__inner-container:has(ol) h1 + ol,
.wp-block-group__inner-container:has(ol) h1 + ul,
.wp-block-group__inner-container:has(ol) h2 + ol,
.wp-block-group__inner-container:has(ol) h2 + ul,
.wp-block-group__inner-container:has(ol) h3 + ol,
.wp-block-group__inner-container:has(ol) h3 + ul,
.wp-block-group__inner-container:has(ol) h4 + ol,
.wp-block-group__inner-container:has(ol) h4 + ul,
.wp-block-group__inner-container:has(ol) h5 + ol,
.wp-block-group__inner-container:has(ol) h5 + ul,
.wp-block-group__inner-container:has(ol) h6 + ol,
.wp-block-group__inner-container:has(ol) h6 + ul {
  margin-top: 1em;
}
@media screen and (max-width: 767.98px) {
  .wp-block-group__inner-container:has(ul) h1 + ol,
.wp-block-group__inner-container:has(ul) h1 + ul,
.wp-block-group__inner-container:has(ul) h2 + ol,
.wp-block-group__inner-container:has(ul) h2 + ul,
.wp-block-group__inner-container:has(ul) h3 + ol,
.wp-block-group__inner-container:has(ul) h3 + ul,
.wp-block-group__inner-container:has(ul) h4 + ol,
.wp-block-group__inner-container:has(ul) h4 + ul,
.wp-block-group__inner-container:has(ul) h5 + ol,
.wp-block-group__inner-container:has(ul) h5 + ul,
.wp-block-group__inner-container:has(ul) h6 + ol,
.wp-block-group__inner-container:has(ul) h6 + ul, .wp-block-group__inner-container:has(ol) h1 + ol,
.wp-block-group__inner-container:has(ol) h1 + ul,
.wp-block-group__inner-container:has(ol) h2 + ol,
.wp-block-group__inner-container:has(ol) h2 + ul,
.wp-block-group__inner-container:has(ol) h3 + ol,
.wp-block-group__inner-container:has(ol) h3 + ul,
.wp-block-group__inner-container:has(ol) h4 + ol,
.wp-block-group__inner-container:has(ol) h4 + ul,
.wp-block-group__inner-container:has(ol) h5 + ol,
.wp-block-group__inner-container:has(ol) h5 + ul,
.wp-block-group__inner-container:has(ol) h6 + ol,
.wp-block-group__inner-container:has(ol) h6 + ul {
    margin-top: 0;
  }
}

.wp-block-image a {
  display: inline-block;
}
@media (any-hover) {
  .wp-block-image a {
    transition: 0.3s opacity;
  }
  .wp-block-image a:hover {
    opacity: 0.7;
  }
}

.wp-block-image {
  margin-block: 4rem;
}

.wp-block-group {
  margin-block: 4rem;
}
/*# sourceMappingURL=news.css.map */