@charset "utf-8";
/* CSS Document */
/* mainvisual
------------------------------------------------------------*/
.main {
  margin-top: 80px;
}
.pageheader--wrap {
  width: 100%;
  background-image: url("../image/pageheader_bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  min-height: 112px;
  padding: 1.25em 0;
}
@media screen and (max-width: 767px) {
  .main {
    margin-top: calc(90 / 750 * 100vw);
  }
  .pageheader--wrap {
    background-image: url("../image/pageheader_bg_sp.png");
  }
}
/* company
------------------------------------------------------------*/
.company_detail--wrap .image--box {
  width: 26.4%;
}
.company_detail--wrap .text--box {
  width: 65.4%;
}
.company_detail--wrap .table {
  width: 100%;
  border-collapse: collapse;
  border: none;
}
.table_row:nth-last-of-type(odd) .table_title, .table_row:nth-last-of-type(odd) .table_text {
  background: #D0F1F6;
}
.company_detail--wrap .table .table_title {
  padding: 1.25em 1.5em;
}
.company_detail--wrap .table .table_text {
  padding: 1.25em 1.5em 1.5em 0;
}
.company_detail--wrap .table .table_title {
  width: 14em;
  color: #12B7D2;
  font-weight: bold;
}
.company_detail--wrap .table_note {
  color: #7F7F7F;
  font-size: .75em;
}
.map--wrap .map--box {
  width: 60%;
}
.map--wrap .text--box {
  width: 35%;
}
.map--box iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
}
.map--wrap .company_info + .company_info {
  margin-top: 2em;
}
.company_info_title {
  color: #12B7D2;
  font-weight: bold;
}
.company_info_list--group {
  padding-left: 0;
}
.company_info_list::before {
  content: "・";
}
@media screen and (max-width: 767px) {
  .company_detail--wrap .table {
    margin-bottom: calc(60 / 750 * 100vw);
  }
  .company_detail--wrap .image--box {
    width: 100%;
  }
  .company_detail--wrap .text--box {
    width: 100%;
  }
  .company_detail--wrap .table .table_title {
    padding: calc(30 / 750 * 100vw) calc(40 / 750 * 100vw);
  }
  .company_detail--wrap .table .table_text {
    padding: calc(30 / 750 * 100vw) calc(40 / 750 * 100vw) calc(40 / 750 * 100vw) 0;
  }
  .company_detail--wrap .table .table_title {
    width: calc(258 / 750 * 100vw);
  }
  .map--wrap .map--box {
    width: 100%;
    margin-bottom: calc(44 / 750 * 100vw);
  }
  .map--wrap .text--box {
    width: 100%;
  }
}