#top{
  text-align:center;
  padding-bottom:80px;
}

#topimg-pc{
  padding-bottom:100px;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  height:765px;
  object-fit:cover;
}

#topimg-sp{
  padding-bottom: 50px;
}


.news {
  float:left;
  width:50%;
}

.news p{
  padding-top:10px;
  text-align:left;
  font-size:12px;
  line-height:23px;
  color:#2E2E2E;
}

.news-1{
  margin:0 auto;
  width:75%;
  padding-top:32%;
  padding-bottom:32%;
}

.news-2{
  margin:0 auto;
  width:57.6%;
  padding-top:23.3%;
  padding-bottom:23.3%;
}

.news-3{
  margin:0 auto;
  width:57.6%;
  padding-top:14.6%;
  padding-bottom:32%;
}

.news-4{
  margin:0 auto;
  width:75%;
  padding-top:32%;
  padding-bottom:32%;
}

.news-5{
  margin:0 auto;
  width:57.6%;
  padding-top:23.3%;
  padding-bottom:23.3%;
}

.news-6{
  margin:0 auto;
  width:75%;
  padding-top:40%;
  padding-bottom:23.3%;
}

.news-7{
  margin:0 auto;
  width:75%;
  padding-top:23.3%;
  padding-bottom:40%;
}

.news-8{
  margin:0 auto;
  width:57.6%;
  padding-top:23.3%;
  padding-bottom:23.3%;
}

.box3-big{
  width:100%;
  padding-top:150px;
  padding-bottom:120px;
}

.box3-unit{
  float:left;
  width:29%;
  height:120px;
  margin:0 1.5%;
  border:2px solid #000;
}


.box3-unit p{
  padding:50px 0 54px; 0;
  color:#000;
}

.box3-big a:hover{
  text-decoration:none;
}

.box2-big{
  width:90%;
  padding-top:0px;
  padding-bottom:0px;
  margin:0 auto;
}

.box2-unit{
  float:left;
  width:47%;
  margin:0 1.8% 3% 1.2%;
}

.box2-unit p{
  text-align:left;
  font-size:12px;
  line-height:23px;
  padding:15px 0;
}

.box2-big a:hover{
  text-decoration:none;
}

.line{
  border:0.5px solid #dcdcdc;
  width:98%;
  margin:0 auto;
}


/*fadein*/
/* 画面外にいる状態 */
.fadein-top {
    opacity : 0.1;
    transform : translate(0, 80px);
    transition : all 700ms;
    }
 
/* 画面内に入った状態 */
.fadein-top.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }


@media (max-width: 768px) {

#topimg-pc{
  height:600px;
  padding-bottom: 55px;
}
  
.box3-unit{
  width:94%;
  height:80px;
  margin: 0 3% 2% 3%;
}

.box3-unit p{
  padding:32px 0;
}

.box3-big{
  padding-top:55px;
  padding-bottom:55px;
}
  
.box2-unit{
  width:98%;
  padding-bottom:7%;
 }
}

@media (max-width: 480px) {
  
.news{
  width:100%;
  padding-bottom:20%;
}
  
}