/* CSR */
.new-view, .all-view {
  display: none;
}
.new-view.show, .all-view.show {
  display: block;
}

.more-btn {
  cursor: pointer;
}

.csr-year-title-wrap {
  position: relative;
  margin-bottom: 2.5em;
  border-bottom: 1px solid #fff;
}

.toggle-btn {
  display: block;
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0.4em;
  padding-right: 1.2em;
  color: #fff;
  font-size: 1.25em;
  cursor: pointer;
}
.toggle-btn::after {
  -webkit-transform: translate(0, -50%);
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 50%);
  -webkit-transition: -webkit-transform 0.3s ease;
  display: block;
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.8em;
  height: 1em;
  transform: translate(0, -50%);
  background: #fff;
  clip-path: polygon(100% 0, 100% 100%, 0 50%);
  content: "";
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.toggle-btn.on::after {
  -webkit-transform: translate(0, -50%) rotate(-90deg);
  transform: translate(0, -50%) rotate(-90deg);
}

.csr-year-group.old-year .csr-box {
  display: none;
}
.csr-year-group.old-year .csr-box.on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.csr-box {
  gap: 2.5em;
}
.csr-box__item {
  width: calc(100% / 3 - 2.5em * 2 / 3);
}
.csr-box__img.u-imgFrame {
  padding-bottom: 14.0625em;
}
.csr-box__title {
  padding: 0.4em 0 0.2em 0.15em;
  border-bottom: 1px solid #990D08;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
}
.csr-box__date {
  margin-top: 0.3em;
  padding-left: 0.2em;
  font-size: 0.9375em;
  text-align: center;
}
.csr-box__text {
  margin-top: 0.4em;
  padding: 0.5em;
  background: #2A2727;
}
@media screen and (max-width: 1900px) {
  /* CSR */
}
@media screen and (max-width: 1540px) {
  /* CSR */
}
@media screen and (max-width: 1260px) {
  /* CSR */
}
@media screen and (max-width: 1100px) {
  /* CSR */
}
@media screen and (max-width: 840px) {
  /* CSR */
}
@media screen and (max-width: 480px) {
  /* CSR */
  .csr-box {
    gap: 2.5em 1.5em;
  }
  .csr-box__item {
    width: calc(100% / 2 - 1.5em / 2);
  }
  .csr-box__img.u-imgFrame {
    padding-bottom: 8.8em;
  }
}