@charset "UTF-8";
/* CSS Document */

h3{
  font-size:1.4rem;
  line-height:2.0rem;
  font-weight:700;
}

.info-top h2 {
  font-family: industry-inc-stencil, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:4.0rem;
}

@media(min-width:1024px){
  h3 {
    font-size: 2.8rem;
    line-height: 2.8rem;
    margin-top: -7px;
    font-weight: 500;
  }

  .info-top h2 {
    font-size: 8.5rem;
    line-height: 8.5rem;
  }
}

.titlearea{
  padding-top:55px;
  background-image: url(../images/info-titletop.jpg);
  background-position: 75% 54%;
  background-size:180% auto;
  background-repeat: no-repeat;
  width:100%;
  height:200px;
}

.titlearea__inner{
  padding-top:85px;
  text-align: center;
  color:#fff;
}

.info-top p{
  padding: 100px 24px;
  max-width: 342px;
  margin: 0 auto;
}

@media(min-width:1024px) {
  .titlearea {
    padding-top: 0;
    background-position: 100% 60%;
    background-size:110% auto;
    background-repeat: no-repeat;
    height: 390px;
  }

  .titlearea__inner {
    padding-top: 150px;
  }
}

.info-list ol{
  display:flex;
  flex-wrap: wrap;
  gap:50px 0;
  line-height:2.0rem;
  max-width:552px;
  margin:0 auto;
}


.info-list ol li{
  max-width:327px;
  margin:0 auto;
}

.date{
  padding:10px 0;
  border-bottom: 1px solid #D5A42B;
}

.date time,span{
  font-weight:700;
}
.date time{
margin-right:10px;
}

.info-img{
  cursor: pointer;
  width:100%;
  overflow:hidden;
}

.info-img img{
  height:auto;
  transition: transform 0.6s ease-out;
}

.info-img:hover img{
  transform:scale(1.05);
}


.info-list p{
margin-top:10px;
font-weight:700;
}

@media(min-width:600px){
  .info-list ol{
    justify-content: space-between;
    gap:35px 0;
  }

  .info-list ol li{
    max-width:260px;
    margin:0;
  }
}

@media(min-width:1024px){

  .info-list ol{
    justify-content:space-between;
    gap:70px 0;
    max-width:896px;
    margin:0 auto;
  }
  
  .info-list ol li{
    max-width:410px;
  }
  
  .info-list p{
    font-size:2.0rem;
  }
}

.arrow-link{
  width:13px;
  padding-top:5px;
}

.arrow-link:first-child{
  transform:scale(-1,1)
}

.page-nation{
  margin:100px auto 0;
  max-width:552px;
  padding:0 24px;
}

.page-nation ul{
  display:flex;
  gap:0 5px;
}

.page-nation ul li{
  display:block;
  font-family: industry-inc-stencil, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.0rem;
  line-height: 0;
  padding:20px 9px 13px ;
}

.page-nation ul li:first-child{
  padding:20px 10px 13px ;
  background-color: #D5A42B;
}

.page-nation__inner{
  display:flex;
  justify-content: space-between;
}

@media(min-width:1024px){
  .page-nation{
    max-width:896px;
    margin:140px auto 0;
    padding:0;
  }
  
}