/* =======================================================
* sub_main
* ======================================================= */
#sub_main {
  background: url(../images/bg-company.jpg) no-repeat center/cover;
}

/* =======================================================
* hello
* ======================================================= */
#hello .w65 p {
  margin-bottom: 15px;
}

@media screen and (max-width:768px) {
  #hello .w65 p {
    margin-bottom: 5px;
    font: 1.4rem;
  }

  #hello .w30 {
    margin: 20px auto 0;
    width: 70%;
  }
}

/* =======================================================
* company
* ======================================================= */
#company dl {
  width: 60%;
  font-size: 1.4rem;
}

#company dl dt {
  width: 20%;
  text-align: center;
  margin-bottom: 20px;
}

#company dl dd {
  width: 80%;
  margin-bottom: 20px;
}

#company .company_img {
  position: absolute;
  top: 0;
  right: 10%;
  width: 450px;
}

#company .btn {
  margin-top: 15rem;
}

@media screen and (max-width:768px) {
  #company {
    padding-top: 0;
  }

  #company dl {
    width: 100%;
    margin-bottom: 30px;
  }

  #company dl dt {
    width: 100%;
    text-align: left;
    margin-bottom: 0px;
  }

  #company dl dd {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 10px;
  }

  #company .company_img {
    position: static;
  }

  #company .btn {
    margin-top: 8rem;
  }
}