.outer__grid {
  z-index: -1;
}

/* mainVisual  */

.mainVisual__left {
  position: absolute;
  top: 0;
}

.mainVisual__left .mainVisual__title {
  display: flex;
  align-items: center;
  padding-top: 11.6vw;
  padding-bottom: 2.6vw;
  padding-right: 1.5vw;
  background-color: #fff;
}

.mainVisual__left .mainVisual__title h2 {
  font-size: 2.5vw;
  font-family: 'Zen Old Mincho', serif;
  font-weight: bold;
  line-height: 0.6;
}

.mainVisual__left .mainVisual__title h2 span {
  font-size: 0.83vw;
  font-family: 'Zen Kaku Gothic New', serif;
  font-weight: bold;
  margin-top: 4.5vw;
  display: block;
}

.mainVisual__left .mainVisual__title .border {
  display: flex;
  align-items: center;
  flex-flow: column;
}

.mainVisual__left .mainVisual__title .border::after {
  content: "";
  display: inline-block;
  height: 3px;
  width: 2.5vw;
  background: var(--gradation-main-horizontal);
  position: relative !important;
  margin: 0;
  margin-right: auto !important;
  margin-top: -2.6vw;
}


.mainVisual__right {
  float: right;
  width: calc(75% + (111% / 100 * 5));
  height: 460px;
  margin-right: calc(-111% / 100 * 5);
  position: relative;
  z-index: 0;
}

.mainVisual__right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mainVisual__right:after {
  content: "";
  display: inline-block;
  width: calc(50% + (111% / 100 * 5));
  height: 100%;
  background-color: #3E149B;
  opacity: 0.05;
  position: absolute;
  top: 5.7vw;
  right: 0;
  z-index: -1;
}

.mainContents {
  width: 100%;
  margin-left: 0;
  overflow: hidden;
}

.mainContents h2 {
  font-size: 2.5vw;
  font-weight: bold;
}

/* topNews */
.topNews {
  position: relative;
  margin-top: 12%;
}

.topNews .topNews__sort {
  width: 37.5%
}

.topNews .topNews__sort .topNews__title {
  font-size: 2.5vw;
  font-weight: 500;
  background: url(../img/top/news_title.png) no-repeat;
  background-size: contain;
  padding: 5.5% 0;
}

.topNews .topNews__category {
  width: 66.5%;
  margin-left: 33.5%;
}

.topNews .topNews__category .topNews__categoryTitle {
  font-size: 0.9vw;
  font-weight: 500;
  margin: 0 0 4%;
}

.topNews .topNews__category>div {
  justify-content: space-between;
  margin-bottom: 10%;
}

.topNews .topNews__category>div>a {
  background-color: #F0F0F0;
  font-size: 0.9vw;
  border-radius: 100vh;
  padding: 3% 4%;
  font-weight: bold;
  margin-bottom: 3%;
}

.topNews .topNews__category>div>a:hover {
  background-color: #9B149B;
  color: #fff;
  opacity: 1;
}

.topNews .topNews__link {
  font-size: 1.3vw;
  font-weight: bold;
  display: inline-block;
  width: 70%;
}

.topNews .topNews__link:after {
  content: "";
  background: url(../img/arrow_upperright.svg) no-repeat;
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  margin: 0px 0 6px 20px;
  width: 1.5vw;
  height: 1.5vw;
  float: right;
}

.topNews .topNews__linkURL {
  border-bottom: 4px solid #fff;
  border-image: linear-gradient(to right, #9B149B 0%, #3E149B 100%);
  border-image-slice: 1;
  padding-bottom: 6%;
}

.topNews .topNews__linkURL.sp {
  display: none;
}

.topNews .topNews__box {
  width: 62.5%
}

.topNews .topNews__box ul.article li {
  background: #F6F6F6;
  font-size: 0.8vw;
  font-weight: 500;
  margin-bottom: 1.5%;
}

.topNews .topNews__box ul.article li a {
  padding: 1% 2%;
  display: block;
  margin-bottom: 1.5%;
}

.topNews .topNews__box ul.article li a .topNews__boxArticle {
  align-items: center;
  flex-wrap: initial;
}

.topNews .topNews__box ul.article li a .topNews__boxArticle::after {
  content: "";
  background: url(/cms/wp-content/themes/japax/assets/img/common/arrow_right.svg) no-repeat;
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  width: 1.5vw;
  height: 1.5vw;
  margin-left: auto;
}

.topNews .topNews__box ul.article li .topNews__boxCategory--width {
  width: 21%;
  margin-left: 3%;
}

.topNews .topNews__box ul.article li .topNews__boxCategory {
  background-color: #fff;
  color: #9B149B;
  border-radius: 100vh;
  padding: 4%;
  margin-left: 4%;
  display: inline-block;
}

.topNews .topNews__box ul.article li .topNews__boxText {
  margin-left: auto;
  width: 68%;
  margin-right: 2%;
}

.topNews .topNews__category ul {
  justify-content: space-between;
  margin-bottom: 10%;
}
.topNews .topNews__category ul::after{
  content:"";
  display: block;
  width:30%;
}
.topNews .news__categorylink li {
  background-color: #F0F0F0;
  font-size: 0.9vw;
  border-radius: 100vh;
  font-weight: bold;
  margin-bottom: 3%;
}

.topNews .news__categorylink li:hover {
  background-color: #9B149B;
  color: #fff;
  opacity: 1;
}
.topNews .news__categorylink li a{
  display: block;
  height: 100%;
  padding: 8px 20px;
}

.topNews .topNews__link {
  font-size: 1.3vw;
  font-weight: bold;
  display: inline-block;
  width: 70%;
}

.news__categorylink {
  display: flex;
  margin: 0 0 35px;
  padding: 0;
  list-style-type: none;
}

.news__categorylink li:first-child {
  margin-left: 0;
}

.news__categorylink li.active,
.news__categorylink li:hover {
  background: #9B149B;
  color: #fff;
  font-weight: bold;
}

.news__categorylink li.active:after,
.news__categorylink li:hover:after {
  display: block;
}

.archives__index {
  font-size: 1.1vw;
  font-weight: bold;
}

.archives__index li a::after {
  content: "";
  background-image: url(/cms/wp-content/themes/japax/assets/img/common/arrow_right.svg);
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  width: 1vw;
  height: 1vw;
  margin-left: auto;
}

.archives__index li a {
  padding: 1vw;
  width: 100%;
  transition: .1s;
  display: flex;
  align-items: center;
  background-color: #F6F3FA;

}

.archives__index li a:hover,
.archives__index li.current a,
.topNews .topNews__category ul li.current-year a,
.archives__index li.current-year a {
  background: linear-gradient(45deg, rgba(192, 131, 202, 1) 0%, rgba(154, 131, 202, 1) 100%);
  color: #fff;
}

.archives__index li a:hover::after,
.archives__index li.current a::after,
.topNews .topNews__category ul li.current-year a::after,
.archives__index li.current-year a::after {
  background-image: url(/cms/wp-content/themes/japax/assets/img/common/arrow_right-w.svg);
}


.news__pagenation {
  font-size: 0.8vw;
  align-items: center;
  font-weight: bold;
}

.news__pagenation img {
  width: 1vw;
}

.news__pagenation .news__pagenationBtn--back img {
  transform: rotate(180deg);
}

.news__pagenation a.news__pagenationBtnNumber {
  border-radius: 100vw;
  position: relative;
  padding: 1.5vw;
  border-radius: 50%;
  margin: 0 0.5%;
  cursor: pointer;
}

.news__pagenation .news__pagenationBtnNumber p {
  position: absolute;
  left: 0;
  top: 50%;
  margin: -0.65vw 0 0;
  width: 100%;
  text-align: center;
}

.news__pagenation .news__pagenationBtnNumber.current,
.news__pagenation .news__pagenationBtnNumber:hover {
  background: var(--color-main);
}

.news__pagenation .news__pagenationBtnNumber.current p,
.news__pagenation .news__pagenationBtnNumber:hover p {
  color: #fff;
}
.topNews .news__categorylink li.current{
  background: var(--color-main);
  color: #fff;
}


@media screen and (max-width: 1024px) {

  .topNews {
    margin-top: 15%;
    flex-direction: row-reverse;

  }

  .topNews .topNews__category {
    margin: 0 auto;
  }

  .topNews .topNews__sort {
    width: 100%;
  }

  .topNews .topNews__sort .topNews__title {
    font-size: 3.2rem;
    padding: 6%;
    width: 80%;
    margin-left: 10%;
    text-align: center;
  }

  .topNews .topNews__category {
    width: 100%;
  }

  .topNews .topNews__category .topNews__categoryTitle,
  .topNews .topNews__category>div>a {
    font-size: 1.6rem;
  }

  .topNews .news__categorylink li {
    font-size: 1.6rem;
  }

  .topNews .topNews__box {
    width: 117%;
    order: 1;
  }

  .topNews .topNews__box ul.article li {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
  }

  .topNews .topNews__box ul.article li a .topNews__boxArticle {
    flex-wrap: wrap;
  }

  .topNews .topNews__box ul.article li .topNews__boxText {
    width: 100%;
  }

  .topNews .topNews__box ul.article li .topNews__boxCategory {
    font-size: 1.2rem;
    display: block;
    padding: 0;
    margin: 0;
  }

  .topNews .topNews__box ul.article li .topNews__boxCategory--width {
    width: auto;
    margin-left: 6%;
    padding: 2%;
    background: #fff;
    border-radius: 100vw;
  }

  .topNews .topNews__box ul.article li .topNews__boxText {
    margin-right: 11%;
    margin-top: 3%;
  }

  .topNews .topNews__box ul.article li a .topNews__boxArticle::after {
    display: none;
  }

  .topNews .topNews__box ul.article li::after {
    content: "";
    background: url(/cms/wp-content/themes/japax/assets/img/common/arrow_right.svg) no-repeat;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    width: 5vw;
    height: 5vw;
    margin-left: auto;
    margin-right: 10%;
  }

  .topNews .topNews__box ul.article li a {
    width: 94%;
  }

  .topNews .topNews__link:after {
    width: 4.5vw;
    height: 4.5vw;
  }

  .topNews .topNews__linkURL.sp {
    width: 64%;
    margin-left: 18%;
    margin-top: 10%;
    display: block;
  }

  .topNews .topNews__linkURL.sp .topNews__link {
    font-size: 2.4rem;
    width: 100%;
    line-height: 1;
  }


  .news__pagenation {
    font-size: 2rem;
  }
  .mainContents h3.topNews__categoryTitle{
    font-size: 1.8rem;
    margin-top: 10%;
  }
  .topNews .topNews__box ul.article.archives__index li{
    margin-bottom: 0;
    font-size: 2rem;
  }
  .topNews .topNews__box ul.article.archives__index li a{
    width: 100%;
    display: flex;
    padding: 5% 5%;
  }
  .topNews .topNews__box ul.article.archives__index li::after{
    content: none;
  }
  .archives__index li a::after{
    width:1.4rem;
    height:1.4rem;
  }
}

@media screen and (max-width: 896px) {
  .topNews .topNews__box ul.article li::after {
    margin-right: 5%;
  }
}

@media screen and (max-width: 1024px) {
  .mainVisual {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .mainVisual__left {
    position: static;
    width: 50%;
    z-index: 0;
  }

  .mainVisual__right {
    position: relative;
    width: 55%;
    height: 40vw;
  }


  .mainVisual__left .mainVisual__title h2 {
    font-size: 3.2rem;
  }

  .mainVisual__left .mainVisual__title h2 span {
    font-size: 12px;
  }

  .mainVisual__left .mainVisual__title .border::after {
    margin-top: -4.6vw;
  }

  .mainVisual__left .mainVisual__title h2 span {
    margin-top: 7.5vw;
  }


  .mainVisual__right:after {
    width: 50%;
    height: 100px;
    top: 180px;
  }

  .news__pagenation{
    align-items: center;
    justify-content: center;
    }
  .news__pagenation img {
    width: 6vw;
  }
  .news__pagenation a.news__pagenationBtnNumber{
    padding: 2.5rem;
  }
  .news__pagenation .news__pagenationBtnNumber p{
    top: 0.9rem;
  }
  .news__pagenationBtn--back,
  .news__pagenationBtn--forward{
    margin-top: -0.9rem;
  }

  .page-numbers{
    align-items: center;
    justify-content: center;
}
.navigation.pagination li.arrow_list img{
  width: 3rem;
}
.navigation.pagination li{
  padding: 2.5rem;
  font-size: 2rem;
}
.navigation.pagination a,
.navigation.pagination li.current_item span{
  top: 1.2rem !important;
}
.topNews .topNews__box ul.archives__index li {
  margin-bottom: 0;
  font-size: 2rem;
}
.topNews .topNews__box ul.archives__index li a {
  width: 100%;
  display: flex;
  padding: 5% 5%;
}

}