/* mv */
.section__mv__wrap {
  position: relative;
  border-bottom: 5px solid #000;
}

.section__mv__wrap .section__mv {
  margin-right: auto;
  margin-left: auto;
}
.section__mv picture {
  display: block;
  overflow: hidden;
}
.section__mv picture img {
  width: 100%;
  height: auto;
}
.mv__slide__item {}
.mv__nav__wrap {
  z-index: 1;
  pointer-events: none;
}
.mv__nav__wrap .mv-prev,
.mv__nav__wrap .mv-next {
  aspect-ratio: 1 / 1;
  background: #ff9e00;
  border-radius: 50vh;
  position: relative;
  pointer-events: initial;
}
.mv__nav__wrap .mv-prev:after,
.mv__nav__wrap .mv-next:after {
  content: '';
  border-top: solid 3px #000;
  border-right: solid 3px #000;
  position: absolute;
}
.mv__nav__wrap .mv-prev {
}
.mv__nav__wrap .mv-next {
}
.mv__nav__wrap .mv-prev:after {
  transform: rotate(-135deg);
}
.mv__nav__wrap .mv-next:after {
  transform: rotate(45deg);
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  font-size: 0;
  top: unset;
  bottom: unset;
}


@media(max-width:768px) {

  .section__mv__wrap {
    margin-bottom: 10%;
    padding-bottom: 10%;
  }

  .mv__nav__wrap {
    position: absolute;
    width: 100%;
    max-width: 980px;
    transform: translate(-50%, -50%);
    height: 100%;
    top: 50%;
    left: 50%;
  }
  .mv__nav__wrap .mv-prev,
  .mv__nav__wrap .mv-next {
    width: 50px;
    top: calc(50% - 25px);
  }
  .mv__nav__wrap .mv-prev {
    left: 5px;
  }
  .mv__nav__wrap .mv-next {
    right: 5px;
  }
  .mv__nav__wrap .mv-prev:after,
  .mv__nav__wrap .mv-next:after {
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
  }
  .mv__nav__wrap .mv-prev:after {
    left: calc(50% - 4px);
  }
  .mv__nav__wrap .mv-next:after {
    left: calc(50% - 12px);
  }
  .mv__nav__wrap .mv-prev, .mv__nav__wrap .mv-next {
    position: absolute;
    opacity: 0;
  }
  .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #ff9e00;
  }
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    position: relative;
    width: 90%;
    margin-inline: auto;
  }
  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    border-radius: 0;
    margin: 0;
    width: 24.22%;
    height: 4px;
  }
  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:not(:nth-child(4n)) {
    margin-right: 1.04%;
  }


  
}

@media(min-width:769px) {

  .section__mv__wrap {
    margin-bottom: 76px;
    padding-bottom: 40px;
  }
  .mv__slide__item {}
  .mv__slide__item a {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .mv__slide__item a picture {
    width: 62.72%;
  }
  .mv__slide__item a .item__cap {
    width: 33.63%;
    padding: 0;
  }
  .mv__slide__item .item__cap .line__head {
    transform: translateY(-12%);
    padding-bottom: 26px;
    margin-bottom: 21%;
  }
  .mv__slide__item .head__wrap span {
    font-size: 50px;
  }
  .item__cap strong {
    font-size: 20px;
    margin-bottom: 2.4%;
  }
  .mv__slide__item .item__cap p:not(.line__head) {
    margin-bottom: 8.2%;
  }
  .mv__slide__item .item__cap time,
  .mv__slide__item .item__cap span.time {
    margin-bottom: 2.6%;
  }

  .mv__control {
    position: absolute;
    width: 33.63%;
    bottom: 0;
    left: 66.37%;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
  }
  .mv__nav__wrap {
    width: 130px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
  }
  .mv__nav__wrap .mv-prev,
  .mv__nav__wrap .mv-next {
    width: 60px;
    /* top: calc(50% - 30px); */
  }
  .mv__nav__wrap .mv-prev {
    /* left: 20px; */
  }
  .mv__nav__wrap .mv-next {
    /* right: 20px; */
  }
  .mv__nav__wrap .mv-prev:after,
  .mv__nav__wrap .mv-next:after {
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
  }
  .mv__nav__wrap .mv-prev:after {
    left: calc(50% - 4px);
  }
  .mv__nav__wrap .mv-next:after {
    left: calc(50% - 12px);
  }
  .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #ff9e00;
  }
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    position: relative;
    width: 190px;
  }
  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    border-radius: 0;
    margin: 0;
    width: 24.22%;
    height: 4px;
  }
  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:not(:nth-child(4n)) {
    margin-right: 1.04%;
  }


}








/* article */
.section__article {}


@media(max-width:768px) {

  .section__article {
    margin-bottom: 20%;
  }

}

@media(min-width:769px) {

  .section__article {
    margin-bottom: 100px;
  }
  .section__article .line__head {
    margin-bottom: 20px;
    padding-bottom: 35px;
  }
  .section__article .list__wrap {
    margin-bottom: 75px;
  }


}