@charset "UTF-8";
/* CSS Document */
.top-img{
  background-image:url("../images/news_top_img_sp.png");
  height: 300px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: relative;
  background-position: center;
  margin-bottom: 60px ;
}

.section-top h2 {
  font-size: 4.8rem ;
  top: 178px ;
  left: 144px ;
  position:absolute ;
  font-weight: 300 ;
}


.time-line h3 {
  font-weight: 300 ;
}

@media(min-width:480px){
  .top-img{
  background-image:url("../images/news-top-img_pc.png");
  height: 480px;
  max-width: 1440px ;
  margin: 0 auto ;
  margin-bottom: 100px ;
  
}
  .section-top h2 {
  font-size: 9.6rem ;
  top: 353px ;
  left: 720px ;
  position:absolute ;
  font-weight: 300 ;
}
  
}

.time-line{
  padding-right: 20px ;
  padding-left: 20px ;
}
.news-container{
  display: flex ;
  justify-content: flex-start ;
  
}
.new{
  display: block ;
}
.news-container h3 a {
  text-decoration: none ; 
}

.view-blog {
  width: 114px ;
  margin-top: 20px ;
}

.date {
  font-family: Arial, Helvetica, "sans-serif" ;
  margin-right: 10px ;
}

.timeline-hr {
  border-top: solid 1px #D5BF78;
  margin-top: 20px ;
  margin-bottom: 20px ;
}

.footer {
  margin-top: 100px;
}

@media(min-width:480px){
  .time-line{
  padding-right: 200px ;
  padding-left: 200px ;
}
  .date {
  margin-right: 30px ;
}
 .timeline-hr {
  margin-top: 30px ;
  margin-bottom: 30px ;
} 
  
.new{
  display: flex;
  
}
  
  .view-blog {
  width: 114px ;
  margin-top: -8px ;
}
  .footer {
  margin-top: 100px ;
}
  
}