@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes scroll-line {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.archive-mv {
  position: relative;
}
.archive-mv:before {
  content: "";
  display: block;
  width: 100.1464128843vw;
  aspect-ratio: 1368/824;
  background-size: 100% auto;
  background-position: 50% 0%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .archive-mv:before {
    width: 100%;
    aspect-ratio: 375/833;
  }
}
.archive-mv-column {
  padding-top: 22.8404099561vw;
  padding-bottom: 23.2796486091vw;
}
@media (max-width: 767px) {
  .archive-mv-column {
    padding-top: 72vw;
    padding-bottom: 34.9333333333vw;
  }
}
.archive-mv-column:before {
  background-image: url(../../img/archive-mv-column.svg);
}
@media (max-width: 767px) {
  .archive-mv-column:before {
    background-image: url(../../img/archive-mv-column-sp.svg);
  }
}
.archive-mv-exercise {
  padding-top: 22.1083455344vw;
  padding-bottom: 26.9399707174vw;
}
@media (max-width: 767px) {
  .archive-mv-exercise {
    padding-top: 72.8vw;
    padding-bottom: 45.6vw;
  }
}
.archive-mv-exercise:before {
  background-image: url(../../img/archive-mv-exercise.svg);
}
@media (max-width: 767px) {
  .archive-mv-exercise:before {
    background-image: url(../../img/archive-mv-exercise-sp.svg);
  }
}
.archive-mv-qa {
  padding-top: 21.5959004392vw;
  padding-bottom: 24.4509516837vw;
}
@media (max-width: 767px) {
  .archive-mv-qa {
    padding-top: 72vw;
    padding-bottom: 34.9333333333vw;
  }
}
.archive-mv-qa:before {
  background-image: url(../../img/archive-mv-qa.svg);
}
@media (max-width: 767px) {
  .archive-mv-qa:before {
    background-image: url(../../img/archive-mv-qa-sp.svg);
  }
}
.archive-mv--ttl {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-weight: 700;
  font-size: 1.317715959vw;
  color: #5F503F;
  position: absolute;
  top: 19.1068814056vw;
}
@media (max-width: 767px) {
  .archive-mv--ttl {
    font-size: 4.2666666667vw;
    position: relative;
    top: auto;
    margin: 0 auto;
  }
}
.archive-mv--ttl:after {
  content: "";
  display: block;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
}
.archive-mv--ttl-column {
  left: 32.0644216691vw;
  height: 13.6em;
  letter-spacing: 0.36em;
  line-height: 2em;
}
@media (max-width: 767px) {
  .archive-mv--ttl-column {
    left: auto;
    height: 12em;
    letter-spacing: 0.2em;
    line-height: 1.25em;
  }
}
.archive-mv--ttl-column:after {
  width: 31.0395314788vw;
  aspect-ratio: 424/210;
  background-image: url(../../img/archive-mv-ttl-column.svg);
  top: -15.7393850659vw;
  left: -14.3484626647vw;
}
@media (max-width: 767px) {
  .archive-mv--ttl-column:after {
    aspect-ratio: 331/158;
    background-image: url(../../img/archive-mv-ttl-column-sp.svg);
    width: 88.2666666667vw;
    top: -49.8666666667vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.archive-mv--ttl-exercise {
  right: 27.3060029283vw;
  height: 13.64em;
  letter-spacing: 0.24em;
  line-height: 1.3333333333em;
}
@media (max-width: 767px) {
  .archive-mv--ttl-exercise {
    right: auto;
    height: 14.08em;
    letter-spacing: 0.28em;
    line-height: 1.75em;
  }
}
.archive-mv--ttl-exercise:after {
  width: 28.6237188873vw;
  aspect-ratio: 391/247;
  background-image: url(../../img/archive-mv-ttl-exercise.svg);
  top: -16.3982430454vw;
  left: -10.980966325vw;
}
@media (max-width: 767px) {
  .archive-mv--ttl-exercise:after {
    aspect-ratio: 335/171;
    background-image: url(../../img/archive-mv-ttl-exercise-sp.svg);
    width: 89.3333333333vw;
    top: -50.6666666667vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.archive-mv--ttl-qa {
  left: 33.3089311859vw;
  height: 8.16em;
  letter-spacing: 0.36em;
  line-height: 2em;
}
@media (max-width: 767px) {
  .archive-mv--ttl-qa {
    left: auto;
    height: 7.2em;
    letter-spacing: 0.2em;
    line-height: 1.25em;
  }
}
.archive-mv--ttl-qa:after {
  width: 29.8682284041vw;
  aspect-ratio: 408/221;
  background-image: url(../../img/archive-mv-ttl-qa.svg);
  top: -15.5929721816vw;
  left: -13.1039531479vw;
}
@media (max-width: 767px) {
  .archive-mv--ttl-qa:after {
    aspect-ratio: 316/143;
    background-image: url(../../img/archive-mv-ttl-qa-sp.svg);
    width: 84.2666666667vw;
    top: -43.2vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.archive-mv--desc {
  font-size: 1.1713030747vw;
  line-height: 2.5;
  position: relative;
}
@media (max-width: 767px) {
  .archive-mv--desc {
    font-size: 3.7333333333vw;
    line-height: 2.8571428571;
  }
}
.archive-mv--desc-column {
  margin-left: 53.8799414348vw;
}
@media (max-width: 767px) {
  .archive-mv--desc-column {
    margin-top: 69.8666666667vw;
    margin-left: 10.6666666667vw;
  }
}
.archive-mv--desc-exercise {
  margin-left: 23.8653001464vw;
}
@media (max-width: 767px) {
  .archive-mv--desc-exercise {
    margin-top: 66.9333333333vw;
    margin-left: 10.6666666667vw;
  }
}
.archive-mv--desc-qa {
  margin-left: 53.8799414348vw;
}
@media (max-width: 767px) {
  .archive-mv--desc-qa {
    margin-top: 95.4666666667vw;
    margin-left: 10.6666666667vw;
  }
}

.archive-content {
  position: relative;
  z-index: 100;
}
.archive-content--desc {
  font-size: 1.1713030747vw;
  text-align: center;
  line-height: 2.5;
}
@media (max-width: 767px) {
  .archive-content--desc {
    font-size: 3.7333333333vw;
    line-height: 2.1428571429;
  }
}

.archive-content_list {
  margin: 4.9048316252vw auto 0;
  width: 66.1786237189vw;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .archive-content_list {
    margin-top: 11.4666666667vw;
    width: 74.6666666667vw;
    display: block;
  }
}
.archive-content_list--item {
  width: 20.4978038067vw;
  margin-right: 2.3426061493vw;
  margin-top: 2.9282576867vw;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .archive-content_list--item {
    width: 100%;
    margin-right: 0;
    margin-top: 10.6666666667vw;
  }
}
.archive-content_list--item:nth-of-type(3n) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .archive-content_list--item:nth-of-type(3n) {
    margin-top: 10.6666666667vw;
  }
}
.archive-content_list--item:nth-of-type(-n+3) {
  margin-top: 0;
}
@media (max-width: 767px) {
  .archive-content_list--item:nth-of-type(-n+3) {
    margin-top: 10.6666666667vw;
  }
}
@media (max-width: 767px) {
  .archive-content_list--item:first-of-type {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .archive-content_list--item:nth-of-type(n+4) {
    display: none;
  }
}
.archive-content_list--item.empty {
  aspect-ratio: 280/242;
  border: 0.0732064422vw solid #fff;
  background-image: url(../../img/empty.jpg);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 1.4641288433vw;
}
@media (max-width: 767px) {
  .archive-content_list--item.empty {
    border-width: 0.2666666667vw;
    border-radius: 5.3333333333vw;
  }
}
.archive-content_list--new {
  background-color: #EB6D9A;
  border-radius: 0.2196193265vw;
  width: 4.4655929722vw;
  line-height: 2.196193265vw;
  color: #fff;
  font-family: "Marcellus", serif;
  font-size: 1.1713030747vw;
  position: absolute;
  top: -0.3660322108vw;
  left: -0.5856515373vw;
  z-index: 100;
  text-align: center;
  padding-top: 0.05em;
  pointer-events: none;
}
@media (max-width: 767px) {
  .archive-content_list--new {
    border-radius: 0.8vw;
    width: 16.2666666667vw;
    line-height: 8vw;
    font-size: 4.2666666667vw;
    top: -1.3333333333vw;
    left: -2.1333333333vw;
  }
}
.archive-content_list--new:before {
  content: "";
  display: block;
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  width: 0.7320644217vw;
  aspect-ratio: 10/8;
  background-color: #EB6D9A;
  position: absolute;
  bottom: -0.5124450952vw;
  right: 0.8052708638vw;
}
@media (max-width: 767px) {
  .archive-content_list--new:before {
    width: 2.6666666667vw;
    bottom: -1.8666666667vw;
    right: 2.9333333333vw;
  }
}
.archive-content_list--link {
  display: block;
  width: 100%;
  background-color: #fff;
  aspect-ratio: 280/242;
  border-radius: 1.4641288433vw;
  overflow: hidden;
}
@media (max-width: 767px) {
  .archive-content_list--link {
    border-radius: 5.3333333333vw;
  }
}
.archive-content_list--link:hover .archive-content_list--img {
  transform: scale(1.1);
}
@media (max-width: 767px) {
  .archive-content_list--link:hover .archive-content_list--img {
    transform: none;
  }
}
.archive-content_list--img_wrap {
  width: 100%;
  aspect-ratio: 280/177;
  overflow: hidden;
}
.archive-content_list--img {
  display: block;
  width: 100%;
  transition: 0.3s;
}
.archive-content_list--txt {
  padding: 0.7320644217vw 1.6837481698vw 1.0248901903vw;
  height: calc(100% - 12.9575402635vw);
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .archive-content_list--txt {
    padding: 2.6666666667vw 6.1333333333vw 3.7333333333vw;
    height: calc(100% - 47.2vw);
  }
}
.archive-content_list--txt_inner {
  font-size: 1.0248901903vw;
  color: #404040;
  line-height: 1.4285714286;
}
@media (max-width: 767px) {
  .archive-content_list--txt_inner {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
  }
}

/*# sourceMappingURL=archive.css.map */