/*-------------------------------------------------------------------------------
 Color
 -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
 flexbox
 -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
 font-size
 -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
 Height, Width
 -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
 Media Queries
 -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
 header
 -------------------------------------------------------------------------------*/
.header #headerLogo {
  margin-top: 0em;
  transition: all 0.3s ease;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
}
.header #headerLogo img {
  transition: all 0.3s ease;
  max-width: 319px;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
@media screen and (min-width: 1280px) {
  .header #headerLogo.header__logo {
    margin-top: 5em;
  }
}
.header #headerLogo.header__logo img {
  max-width: 100%;
}
.header__logo_pc {
  width: 510px;
}
.header__descriptioin {
  padding: 2em 0 0 9.5em;
}
/*# sourceMappingURL=top.css.map */