@charset "UTF-8";

/*================================================
 *  mainVis 
 ================================================*/
.mainVis {
  background: url(../images/bg_about.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

@media screen and (max-width:767px) {
  .mainVis {
    background-attachment: unset;
  }
}



/*================================================
 *  award
 ================================================*/
#award ul {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  text-align: center;
  font-size: 13px;
}

#award ul img {
  height: 300px;
  object-fit: contain;
}

#award ul i {
  color: #b9ac64;
}

@media screen and (max-width:768px) {
  #award ul img {
    height: auto;
    width: 70%;
  }
}


/*================================================
 *  about 
 ================================================*/
#about {
  position: relative;
}

#about .flex,
#about .flex .w70 {
  position: relative;
}

@media screen and (max-width:767px) {
  #about .flex .w18 {
    margin: 0 auto;
  }
}

/*================================================
 *  career 
 ================================================*/
#career dl dt {
  font-family: 'Montserrat', sans-serif;
}

#career dl dd {
  padding-bottom: 10px;
  margin-left: 10px;
}

#career .flex div:nth-child(1) {
  margin-bottom: 40px;
}

#career .flex div:nth-child(2) {
  margin-bottom: 40px;
}

#career p i {
  font-size: 10px;
}