/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
gallery page css
ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* 最新の広告 */
section.new-website{
  margin-top: 100px;
}
.new-website-box{
  background-color: #fff;
  padding: 70px 4vw;
  display: flex;
}
.new-website-box-left{
  width: 62.5%;
}
.new-website-box-left img{
  width: 100%;
  border: solid 1px #AFAFAF;
}
.new-website-box-right{
  width: 37.5%;
  padding-left: 4vw;
}
.new-website-box-right h1{
  font-size: 40px;
  font-weight: bold;
  margin: 25px 0 20px;
}
.new-website-box a{
  display: block;
  margin-top: 15px;
}
.new-website-box a:hover{
  opacity: 1;
  color: #A50034;
}
.new-website-box .website-division{
  margin-top: 15px;
}

.others-new-website .latest-web-wrapper{
  margin-top: 0%;
}
.others-new-website .latest-web-wrapper .latest-box{
  margin-top: 20px;
}
.others-new-website .latest-web-wrapper::before{
  content:  "";
  display: block;
  width:  23vw;
  order:  1;
}
.others-new-website .latest-web-wrapper::after{
  content:  "";
  display: block;
  width:  23vw;
}

@media screen and (max-width:1280px){
  .new-website-box{
    padding: 50px 4vw;
  }
  .new-website-box-right h1{
    font-size: 38px;
    margin: 15px 0;
  }
  .others-new-website .latest-web-wrapper::after,
  .others-new-website .latest-web-wrapper::before{
    width: 30.50vw;
  }
}
@media screen and (max-width:960px){
  .new-website-box{
    display: block;
  }
  .new-website-box-left{
    width: 100%;
  }
  .new-website-box-right{
    width: 100%;
    padding-left: 0;
    margin-top: 40px;
  }
  .new-website-box-right h1{
    font-size: 40px;
    margin: 15px 0;
  }
}
@media screen and (max-width:768px){
  .new-website-box{
    padding: 30px 4vw;
  }
  .new-website-box-right h1{
    font-size: 36px;
  }
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー
スクロールアニメーション
ーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.scroll-fade-website01,.scroll-fade-website02{
  opacity: 0 !important;transform: translateY(20%)!important;transition: all 1s;
}
  /*スクロールした時に追加されるクラス*/
.fade_on-website01,.fade_on-website02{
  opacity: 1 !important;transform: translateY(0%)!important
}