/***************************************

archive

***************************************/
.archive {
  padding: 16.4974619289vw 0 25.3807106599vw;
}
@media screen and (min-width: 769px) {
  .archive {
    padding: 9.2307692308vw 0 15.3846153846vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive {
    padding: 120px 0 200px;
  }
}
.archive_inner {
  width: 89.847715736vw;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .archive_inner {
    width: 88.4615384615vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive_inner {
    width: 1150px;
  }
}
@media screen and (min-width: 769px) {
  .archive .archive-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.archive .category-navigation, .archive .years-navigation {
  width: 83.7563451777vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  gap: 7.614213198vw 0;
}
@media screen and (min-width: 769px) {
  .archive .category-navigation, .archive .years-navigation {
    display: block;
    width: 12.1538461538vw;
    gap: 0;
  }
}
@media screen and (min-width: 1300px) {
  .archive .category-navigation, .archive .years-navigation {
    width: 158px;
  }
}
.archive .category-navigation li, .archive .years-navigation li {
  width: 33.333%;
}
@media screen and (min-width: 769px) {
  .archive .category-navigation li, .archive .years-navigation li {
    width: 100%;
    margin-top: 2vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive .category-navigation li, .archive .years-navigation li {
    margin-top: 26px;
  }
}
.archive .category-navigation li a, .archive .years-navigation li a {
  position: relative;
  font-size: 3.5532994924vw;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #C9C9C9;
  padding-left: 6.0913705584vw;
}
@media screen and (min-width: 769px) {
  .archive .category-navigation li a, .archive .years-navigation li a {
    font-size: 1.2307692308vw;
    padding-left: 2.0769230769vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive .category-navigation li a, .archive .years-navigation li a {
    font-size: 16px;
    padding-left: 27px;
  }
}
.archive .category-navigation li a::before, .archive .years-navigation li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.7766497462vw;
  height: 1.7766497462vw;
  background-color: #C9C9C9;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .archive .category-navigation li a::before, .archive .years-navigation li a::before {
    width: 0.5384615385vw;
    height: 0.5384615385vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive .category-navigation li a::before, .archive .years-navigation li a::before {
    width: 7px;
    height: 7px;
  }
}
.archive .category-navigation li a.is-active, .archive .years-navigation li a.is-active {
  color: #2B278D;
}
.archive .category-navigation li a.is-active::before, .archive .years-navigation li a.is-active::before {
  background-color: #2B278D;
}
.archive .category-navigation li a:hover, .archive .years-navigation li a:hover {
  color: #2B278D;
}
.archive .category-navigation li a:hover::before, .archive .years-navigation li a:hover::before {
  background-color: #2B278D;
}
.archive .category-navigation li:nth-of-type(1), .archive .years-navigation li:nth-of-type(1) {
  margin-top: 0;
}
.archive .archive-title {
  width: 100%;
  font-size: 3.5532994924vw;
  color: #7B7B7B;
  border-top: 1px solid #dddddd;
  padding: 5.5837563452vw 3.0456852792vw;
  margin-top: 5.076142132vw;
}
@media screen and (min-width: 769px) {
  .archive .archive-title {
    width: 9vw;
    font-size: 1.0769230769vw;
    padding: 1.9230769231vw;
    margin-top: 2vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-title {
    width: 117px;
    font-size: 14px;
    padding: 25px;
    margin-top: 26px;
  }
}
.archive .archive-content {
  position: relative;
  margin-top: 10.9137055838vw;
}
@media screen and (min-width: 769px) {
  .archive .archive-content {
    width: 71.8461538462vw;
    margin: 0 0 0 auto;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content {
    width: 934px;
  }
}
.archive .archive-content .is-notFound {
  display: block;
  font-size: 4.0609137056vw;
  line-height: 7.614213198vw;
  letter-spacing: 0.04em;
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .archive .archive-content .is-notFound {
    font-size: 1.3846153846vw;
    line-height: 2.7692307692vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content .is-notFound {
    font-size: 18px;
    line-height: 36px;
  }
}
.archive .archive-content h3 {
  font-size: 3.2994923858vw;
  color: #2B278D;
  padding: 5.5837563452vw 0;
}
@media screen and (min-width: 769px) {
  .archive .archive-content h3 {
    font-size: 1.3846153846vw;
    padding: 0 0 1.9230769231vw 0;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content h3 {
    font-size: 18px;
    padding: 0 0 25px 0;
  }
}
.archive .archive-content .acms-grid {
  border-bottom: 1px solid #dddddd;
}
.archive .archive-content .acms-grid .acms-col-md-4 {
  width: 100%;
}
.archive .archive-content .acms-grid .acms-col-md-4 a {
  position: relative;
  display: block;
  border-top: 1px solid #dddddd;
  padding: 4.9333333333vw 17.8666666667vw 4.9333333333vw 2vw;
}
@media screen and (min-width: 769px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a {
    padding: 2.8461538462vw 5.1538461538vw 2.8461538462vw 1.1538461538vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a {
    padding: 37px 67px 37px 15px;
  }
}
.archive .archive-content .acms-grid .acms-col-md-4 a::after {
  content: "";
  display: block;
  width: 3.0456852792vw;
  height: 2.7918781726vw;
  background-image: url("../../img/common/icn_link_arw_sp.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 4.5685279188vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a::after {
    width: 0.9230769231vw;
    height: 0.8461538462vw;
    right: 2.6923076923vw;
    background-image: url("../../img/common/icn_link_arw_pc.svg");
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a::after {
    width: 12px;
    height: 11px;
    right: 35px;
  }
}
.archive .archive-content .acms-grid .acms-col-md-4 a[target=_blank]::after {
  width: 3.2994923858vw;
  background-image: url("../../img/common/icn_link_target.svg");
}
@media screen and (min-width: 769px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a[target=_blank]::after {
    width: 1vw;
    right: 2.6923076923vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a[target=_blank]::after {
    width: 13px;
    right: 35px;
  }
}
.archive .archive-content .acms-grid .acms-col-md-4 a.is-pdf::after {
  width: 2.538071066vw;
  height: 3.5532994924vw;
  background-image: url("../../img/common/icn_btn_pdf.svg");
}
@media screen and (min-width: 769px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a.is-pdf::after {
    width: 0.7692307692vw;
    height: 1.0769230769vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a.is-pdf::after {
    width: 10px;
    height: 14px;
  }
}
.archive .archive-content .acms-grid .acms-col-md-4 a .meta_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.538071066vw 0 0;
  gap: 0 4.9333333333vw;
}
@media screen and (min-width: 769px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a .meta_wrap {
    padding: 0 0 1.1538461538vw;
    gap: 0 2.8461538462vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a .meta_wrap {
    padding: 0 0 15px;
    gap: 0 37px;
  }
}
.archive .archive-content .acms-grid .acms-col-md-4 a .meta_wrap .cat {
  display: block;
  font-size: 3.0456852792vw;
  line-height: 6.5989847716vw;
  font-weight: 500;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 22.5888324873vw;
  border: 1px solid #2B278D;
  color: #2B278D;
  border-radius: 0.7614213198vw;
  text-align: center;
  margin: 0 0 3.0456852792vw;
}
@media screen and (min-width: 769px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a .meta_wrap .cat {
    font-size: 0.9230769231vw;
    line-height: 2vw;
    min-width: 6.8461538462vw;
    border-radius: 0.2307692308vw;
    margin: 0;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a .meta_wrap .cat {
    font-size: 12px;
    line-height: 26px;
    min-width: 89px;
    border-radius: 3px;
  }
}
.archive .archive-content .acms-grid .acms-col-md-4 a .meta_wrap .date {
  font-size: 3.0456852792vw;
  letter-spacing: 0.03em;
  font-weight: 300;
  display: block;
  padding: 0 0 2.0304568528vw;
}
@media screen and (min-width: 769px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a .meta_wrap .date {
    font-size: 1.0769230769vw;
    padding: 0;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a .meta_wrap .date {
    font-size: 14px;
  }
}
.archive .archive-content .acms-grid .acms-col-md-4 a .title {
  display: block;
  font-size: 4.0609137056vw;
  line-height: 7.614213198vw;
  letter-spacing: 0.04em;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a .title {
    font-size: 1.3846153846vw;
    line-height: 2.7692307692vw;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content .acms-grid .acms-col-md-4 a .title {
    font-size: 18px;
    line-height: 36px;
  }
}
.archive .archive-content .acms-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.9333333333vw;
  margin-top: 4.9333333333vw;
}
@media screen and (min-width: 769px) {
  .archive .archive-content .acms-pager {
    gap: 2.8461538462vw;
    margin-top: 2.8461538462vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content .acms-pager {
    gap: 37px;
    margin-top: 37px;
  }
}
.archive .archive-content .acms-pager a {
  display: inline-block;
  font-size: 8.1218274112vw;
  color: #dddddd;
}
@media screen and (min-width: 769px) {
  .archive .archive-content .acms-pager a {
    font-size: 1.5384615385vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content .acms-pager a {
    font-size: 20px;
  }
}
.archive .archive-content .acms-pager li.backLink, .archive .archive-content .acms-pager li.forwardLink {
  width: 15.2284263959vw;
  height: 10.152284264vw;
  border-radius: 5.076142132vw;
  background-color: #2B278D;
  background-image: url(../../img/common/icn_slide_arw.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media screen and (min-width: 769px) {
  .archive .archive-content .acms-pager li.backLink, .archive .archive-content .acms-pager li.forwardLink {
    width: 4.6153846154vw;
    height: 3.0769230769vw;
    border-radius: 1.5384615385vw;
  }
  .archive .archive-content .acms-pager li.backLink:hover, .archive .archive-content .acms-pager li.forwardLink:hover {
    cursor: pointer;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content .acms-pager li.backLink, .archive .archive-content .acms-pager li.forwardLink {
    width: 60px;
    height: 40px;
    border-radius: 20px;
  }
}
.archive .archive-content .acms-pager li.backLink a, .archive .archive-content .acms-pager li.forwardLink a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  text-align: center;
  color: transparent;
}
.archive .archive-content .acms-pager li.forwardLink {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.archive .archive-content .acms-pager li.cur span {
  font-size: 8.1218274112vw;
  line-height: 10.152284264vw;
  color: #2B278D;
}
@media screen and (min-width: 769px) {
  .archive .archive-content .acms-pager li.cur span {
    font-size: 1.5384615385vw;
    line-height: 3.0769230769vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content .acms-pager li.cur span {
    font-size: 20px;
    line-height: 40px;
  }
}
.archive .archive-content .comp-btn a {
  width: 81.7258883249vw;
  margin: 16.9333333333vw auto 0;
}
@media screen and (min-width: 769px) {
  .archive .archive-content .comp-btn a {
    width: 24.6923076923vw;
    margin-right: 0;
    margin-left: auto;
    margin-top: 2.8461538462vw;
  }
}
@media screen and (min-width: 1300px) {
  .archive .archive-content .comp-btn a {
    width: 321px;
    margin-top: 37px;
  }
}