@charset "UTF-8";

.maintitle{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 60px 0 70px;
}
.subtitle{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.left{
  width: 36vw; 
  line-height: 25px;
}
.concept img{
  width: 35vw;
}
.concept{
  margin-bottom: 88px;
}

/* 幅や高さを指定できない要素に上下中央
親要素に指定　子要素を中央揃えに */
.concept figure{
  display: flex;
  justify-content: center;
  align-items: center;
}
.japanese{
  margin-bottom: 20px;
}
.company{
  font-size: 20px;
  font-weight: bold;
}
.profile{
  border-bottom: solid 1px #9e9c9c;
}
.brand{
  font-size: 17px;
  margin-bottom: 10px;
}
dl{
  line-height: 30px;
  width: 36vw;
  margin: 25px 0;
}
dt{
  font-weight: bold;
}
.business{
  margin-bottom: 45px;
}
.google-maps iframe{
  width: 36vw;
  filter: grayscale(0.8);
}
.address{
  margin-top: 10px;
}
.address span{
  font-weight: bold;
}

/*jQ下からフェードイン*/
.fade-in-bottom{
  opacity: 0;
  animation-name: fadein-bottom;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes fadein-bottom{
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ここまで*/

@media screen and (max-width: 768px) {
  .left,.concept img,dl,.google-maps iframe{
    width: auto;
  }
  .inner{
    margin: 0 15px;
  }
  .concept .english{
    margin-bottom: 10px;
  }
  .under{
    line-height: 20px;
    margin-bottom: 30px;
  }
  .business dd,.award dd{
    padding-left:1em;
    text-indent:-1em;
  }
  .content{
    line-height: 20px;
  }
  .google-maps iframe{
    width: 100%;
  }
  footer p{
    margin-left: 0;
  }
}