@charset "UTF-8";
.ilblk {
  display: inline-block;
}
/* -------------------------------------
company
------------------------------------- */
.company .blk {
  margin-bottom: 0;
}
.company table {
  font-weight: bold;
  width: 100%;
  max-width: 746px;
  margin: 0 auto;
  border-top: 1px solid #231815;
  border-bottom: 1px solid #231815;
}
.company table th,
.company table td {
  padding: 22px 20px;
}
.company table th {
  width: 30%;
  border-right: 1px solid #231815;
}
.company table td {
  font-weight: 500;
  padding-left: 7%;
}
.company table td a {
  text-decoration: underline;
  display: inline-block;
}
.company table td.mail a {
  text-decoration: none;
}

.company table tr {
  border-bottom: 1px solid #231815;
}
.company table tr:last-child {
  border-bottom: none;
}

/* -------------------------------------
profile
------------------------------------- */
.company #profile .secttl {
  width: 21%;
  max-width: 232px;
  min-width: 200px;
  margin: 0 auto 60px;
}
.company #profile {
  background: url(../imgs/company/com_backimg.jpg) center top no-repeat;
  background-size: cover;
}
.company #profile table dl dt {
  float: left;
  margin-right: 1em;
}
.company #profile table dl > * {
  margin-bottom: 5px;
}
.company #profile table dl tr:last-child > * {
  margin-bottom: 5px;
}

@media screen and (max-width: 1340px) {
}

@media screen and (max-width: 1160px) {
}

@media screen and (max-width: 1060px) {
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 880px) {
}
@media screen and (max-width: 800px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 700px) {
}
@media screen and (max-width: 640px) {
  .company #profile .secttl {
    margin: 0 auto 40px;
  }

  .company table th {
    min-width: 55px;
    border-right: 1px solid #251e1c;
    padding: 15px 5px;
  }
  .company table td {
    padding: 15px 0 15px 10px;
  }
}
@media screen and (max-width: 500px) {
}
@media screen and (max-width: 320px) {
}
@media screen and (min-width: 769px) {
}