@import url(common.css);
#company .h-logo-waku {
  padding: 1.875% 45px 0;
}
#company .h-logo-waku .h-logo {
  width: 218px;
}
@media screen and (max-width: 768px) {
  #company .h-logo-waku .h-logo {
    width: 120px;
  }
}
#company .inblock {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  padding: 80px 60px;
  border-radius: 40px;
}
#company .company-block {
  padding: 80px 0;
}
#company .company-block h1 {
  text-align: left;
  margin-bottom: 2em;
}
#company .company-block h2 {
  border-bottom: 2px solid #0077b6;
  padding-bottom: 0.5em;
  margin-top: 1em;
}
#company .company-block dl {
  display: flex;
  flex-wrap: wrap;
  padding: 1.8em 0;
  border-bottom: 1px solid #f5f5f5;
}
#company .company-block dt {
  width: 30%;
}
#company .company-block dd {
  width: 70%;
  margin: 0;
}
@media (max-width: 600px) {
  #company .company-block dt, #company .company-block dd {
    width: 100%;
  }
}
#company h1 {
  text-align: center;
  font-size: 2em;
}
#company .btn {
  margin: 0 auto;
  position: relative;
}
#company .btn a {
  width: 350px;
  margin: 0 auto 4em;
  text-align: center;
  display: block;
  padding: 15px;
  border: 1px solid #dfdfdf;
  color: #000;
  font-size: 1.125em;
  background: linear-gradient(180deg, white 0%, white 50%, #f0f0f0 75%, #e1e1e1 100%);
  background-size: 100% 200%;
  transition: .3s;
}
@media screen and (max-width: 768px) {
  #company .btn a {
    height: 70px;
    width: 100%;
    margin: 0 auto;
  }
}
#company .btn a:hover {
  background: #555;
  color: #fff;
}

/*# sourceMappingURL=company.css.map */