/* mv */
.section__mv__wrap {
  position: relative;
}
.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;
}

.section__mv__wrap h1 {
  position: absolute;
  top: calc(50% - .5em);
  text-align: center;
  color: #fff;
  width: 100%;
}


@media(max-width:768px) {

  .section__mv__wrap {
    margin-bottom: 10%;
  }
  .section__mv__wrap h1 {
    font-size: 2.6rem;
  }


}

@media(min-width:769px) {

  .section__mv__wrap {
    margin-bottom: 150px;
  }
  .section__mv__wrap h1 {
    font-size: 42px;
  }


}



/* news */
.section__news {}
.section__news .head__wrap span {
  color: #465585;
  opacity: .1;
}
.news__list__item picture {
  display: block;
  overflow: hidden;
}


@media(max-width:768px) {

  .section__news {
    margin-bottom: 20%;
  }
  .section__news .head__wrap {
    margin-bottom: 8%;
  }
  .news__list__wrap .news__list {
    /* display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch; */
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15%;
  }
  .news__list .news__list__item {
    /* width: calc((100% - 4%) / 2); */
    width: 100%;
    margin-bottom: 8%;
  }
  /* .news__list .news__list__item:not(:nth-child(2n)) {
    margin-right: 4%;
  } */
  .news__list__item picture {
    border-radius: 15px;
  }

}

@media(min-width:769px) {

  .section__news {
    margin-bottom: 100px;
  }
  .section__news .head__wrap {
    margin-bottom: 82px;
  }
  .news__list__wrap .news__list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-bottom: 70px;
  }
  .news__list .news__list__item {
    width: calc((100% - 10%) / 3);
    margin-bottom: 76px;
  }
  .news__list .news__list__item:not(:nth-child(3n)) {
    margin-right: 5%;
  }
  .news__list__item picture {
    border-radius: 30px;
  }

  .news__list__wrap + .more__btn__wrap {
    margin-bottom: 206px;
  }


}