/* -------------------------------- */
/* page-title
/* -------------------------------- */
.page-img-news{
  height: 400px;
  background-image: url(../images/fv-paper.jpg);
  background-position: center;
  background-size: cover;
  text-align: center;
  z-index: -1;
  margin-bottom: 75px;
}

.page-title-wrapper{
  font-size: 4.5rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 130px 0 80px;
}

/* ----------------------------------- */
/* news
/* ----------------------------------- */
.news-wrapper-wrapp{
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 75px;
}
.news-list{
  display: flex;
  justify-content: space-between;
  /* margin-bottom: 150px; */
  /* margin-top: 75px; */
}

.news-item{
  width: 30%;
  background-color: #ffffff;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.news-item:hover{
  transform: scale(1.05);
  box-shadow: 0 0 24px #333;
  transition: .4s;
}

.news-wrapper{
  padding: 14px 15px;
}

.news-title{
  margin-bottom: 11px;
}

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

  /* ----------------------------- */
  /* page-title-ipad
  /* ----------------------------- */
  .news-wrapper-wrapp{
    max-width: 712px;
    margin: 0 auto;
  }

  .page-img-news{
    max-width: 768px;
  }

  .page-title-wrapper{
    padding: 155px 0 133px;
  }

  .page-title-en{
    font-size: 4.1rem;
  }

  .page-title-ja{
    font-size: 4.1rem;
  }
  

/* ------------------------- */
/* news-ipad
/* ------------------------- */

.news-list{
  display: flex;
  flex-flow: column;
  align-items: center;
  /* margin-bottom: 75px; */
}


.news-item{
  width: 100%;
  max-width: 400px;
  margin-bottom: 75px;
}


}


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

  /* ----------------------------- */
  /* page-title_sp
  /* ----------------------------- */
  .page-img-news{
    margin-bottom: 50px;
  }
  .news-wrapper-wrapp{
    max-width: 345px;
    margin: 0 auto;
    padding-bottom: 50px;
  }

  .page-img-news{
    height: 200px;
    max-width: 375px;
    margin-bottom: 50px;
  }

  .page-title-wrapper{
    padding: 73px 0 53px;
  }

  .page-title-wrapper{
    font-size: 2.5rem;
  }
  .page-title-en{
    font-size: 2.5rem;
  }

  .page-title-ja{
    font-size: 2.5rem;
  }
  

/* ------------------------- */
/* news_sp
/* ------------------------- */

/* .news-list{
  margin-bottom: 100px;
  margin-top: 50px;
} */
.news-item{
  max-width: 345px;
  margin-bottom: 50px;
}


}