@media only screen and (max-width: 767px) {
  .c-footer .c-footer__pagetop[data-js-pagetop][data-js-pagetop-fixed] {
    position: absolute;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    top: -6.41vw;
    bottom: auto;
    right: 5.128vw;
  }
}

.c-title_hero.type--primary .c-title_hero__image {
  margin-inline: auto;
  width: min(37.431vw, 539px);
  height: min(12.778vw, 184px);
}
@media only screen and (max-width: 767px) {
  .c-title_hero.type--primary .c-title_hero__image {
    width: 75.128vw;
    height: 25.641vw;
  }
}

.kokubunote {
  margin-top: var(--space-160);
  margin-bottom: var(--space-120);
}
@media only screen and (max-width: 767px) {
  .kokubunote {
    margin-top: var(--space-80);
    margin-bottom: var(--space-80);
  }
}
.kokubunote__inner {
  margin: 0 auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .kokubunote__inner {
    gap: var(--space-40);
    width: var(--container-width-sp);
  }
}
.kokubunote__list {
  display: grid;
  align-items: start;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: min(2.083vw, 30px);
       column-gap: min(2.083vw, 30px);
  row-gap: var(--space-60);
}
@media only screen and (max-width: 767px) {
  .kokubunote__list {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 3.59vw;
         column-gap: 3.59vw;
    row-gap: var(--space-40);
  }
}
@media only screen and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium {
    width: 40.769vw;
  }
}
@media only screen and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__image {
    width: 40.769vw;
    height: 23.077vw;
  }
}
@media only screen and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__image::before {
    background-image: url("/assets/img/component/parts/c-content_linkbox_size--small_sp.svg");
  }
}
@media only screen and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__image img {
    -webkit-mask-image: url("/assets/img/component/mask/c-content_linkbox_small.svg");
            mask-image: url("/assets/img/component/mask/c-content_linkbox_small.svg");
    -webkit-mask-size: 40.769vw 23.077vw;
            mask-size: 40.769vw 23.077vw;
  }
}
@media only screen and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__overview {
    gap: var(--space-5);
  }
}
@media only screen and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__title {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__title {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.kokubunote .c-content_linkbox.size--medium .c-content_linkbox__description {
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__description {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__description {
    font-family: var(--family-jp);
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__description {
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__button {
    width: 4.615vw;
    height: 4.615vw;
  }
}
.kokubunote .c-content_linkbox.size--medium .c-content_linkbox__button-icon {
  position: absolute;
  overflow: hidden;
  display: inline-block;
  width: min(1.944vw, 28px);
  height: min(1.944vw, 28px);
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-circle_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__button-icon {
    width: 4.615vw;
    height: 4.615vw;
  }
}
.kokubunote .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before, .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 51.5%;
  transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1), background-image var(--ease-in-out-300);
  width: min(0.393vw, 5.6543999985px);
  height: min(0.71vw, 10.2274666756px);
  background-position: center;
  background-size: min(0.393vw, 5.6543999985px) min(0.71vw, 10.2274666756px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-arrow_white.svg");
}
@media only screen and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before, .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after {
    width: 0.932vw;
    height: 1.686vw;
    background-size: 0.932vw 1.686vw;
  }
}
.kokubunote .c-content_linkbox.size--medium .c-content_linkbox__button-icon::before {
  transform: translate(-51.5%, -50%) translateX(0);
  opacity: 1;
}
.kokubunote .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after {
  transform: translate(-51.5%, -50%) translateX(max(-3.889vw, -56px));
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium .c-content_linkbox__button-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-2.5vw, -36px));
  }
}
@media print, screen and (min-width: 768px) {
  .kokubunote .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    width: min(1.944vw, 28px);
    height: min(1.944vw, 28px);
    border-radius: 50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/assets/img/component/icon/icon-circle_primary-red.svg");
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon {
    width: 4.615vw;
    height: 4.615vw;
  }
}
@media print, screen and (min-width: 768px) {
  .kokubunote .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .kokubunote .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    position: absolute;
    display: inline-block;
    content: "";
    top: 50%;
    left: 51.5%;
    transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.8s cubic-bezier(0.86, 0, 0.07, 1), background-image var(--ease-in-out-300);
    width: min(0.393vw, 5.6543999985px);
    height: min(0.71vw, 10.2274666756px);
    background-position: center;
    background-size: min(0.393vw, 5.6543999985px) min(0.71vw, 10.2274666756px);
    background-repeat: no-repeat;
    background-image: url("/assets/img/component/icon/icon-arrow_white.svg");
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before, .kokubunote .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    width: 0.932vw;
    height: 1.686vw;
    background-size: 0.932vw 1.686vw;
  }
}
@media print, screen and (min-width: 768px) {
  .kokubunote .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before {
    transform: translate(-51.5%, -50%) translateX(0);
    opacity: 1;
  }
  .kokubunote .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-3.889vw, -56px));
    opacity: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    transform: translate(-51.5%, -50%) translateX(max(-2.5vw, -36px));
  }
}
@media print, screen and (min-width: 768px) {
  .kokubunote .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before {
    transform: translate(-51.5%, -50%) translateX(min(3.889vw, 56px));
    opacity: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .kokubunote .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::before {
    transform: translate(-51.5%, -50%) translateX(min(2.5vw, 36px));
  }
}
@media print, screen and (min-width: 768px) {
  .kokubunote .c-content_linkbox.size--medium:hover .c-content_linkbox__button-icon::after {
    transform: translate(-51.5%, -50%) translateX(0);
    opacity: 1;
  }
}/*# sourceMappingURL=kokubunote.css.map */