@charset "utf-8";

/*============================
代表挨拶
============================*/

#message img.left {
  margin-right: 20px;
}

#message p.catch {
  font-size: 20px;
  font-family: "Noto Serif JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  #message img {
    width: 100%;
    padding-top: 50.75%;
    height: 0;
    overflow: hidden;
    background: url(../images/01_sp.jpg) no-repeat left top;
    background-size: 100%;
    margin: 0 0 20px;
  }
  #message p.catch {
    font-size: 18px;
  }
}

#message .name {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}


/*============================
会社概要
============================*/

#company table.info th {
  width: 160px;
}

@media only screen and (max-width: 768px) {
  #company table.info th {
    width: 110px;
  }
}


/*============================
会社概要
============================*/

#history table.info th {
  width: 160px;
  background: none;
  color: #000;
}

@media only screen and (max-width: 768px) {
  #history table.info th {
    width: 110px;
  }
}


/*============================
協力会社様募集
============================*/

#partner .clearfix {
  margin-bottom: 30px;
}

#partner .clearfix img {
  width: 280px;
}

#partner .clearfix dl {
  width: 455px;
}

#partner .clearfix dt {
  background-color: #eee;
  display: inline-block;
  font-weight: bold;
  padding: 8px 10px;
}

#partner .clearfix dd {
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  #partner .clearfix {
    margin-bottom: 30px;
  }
  #partner .clearfix img {
    width: 100%;
  }
  #partner .clearfix dl {
    width: 100%;
    margin-top: 15px;
  }
  #partner .clearfix dt {
    background-color: #eee;
    display: inline-block;
    font-weight: bold;
    padding: 8px 10px;
  }
  #partner .clearfix dd {
    margin-top: 15px;
  }
}