/* company css */
.wrapper {
  margin-left: 15%;
  overflow: hidden;
}
.companyPage {
  width: 100%;
  margin: 7% auto 0;
}
.companyPage_inner {
  position: relative;
  padding: 0 8%;
}
.title {
  margin: 5% auto;
  font-size: 5.3rem;
}
.contents {
  margin: 5% auto 15%;
}
table th,
table td {
  padding: 7px 15px;
}
table th {
  width: 12%;
  font-weight: bold;
  text-align-last: justify;
}
table tr {
  font-size: 1.4rem;
}
table td {
  width: 88%;
  line-height: 1.65;
}
table .table_listItem span {
  font-weight: bold;
}
table .table_listItem .tel, table .table_listItem a {
  color: #333;
}
table .table_listItem:nth-of-type(n+2) {
 margin-top: 5px;
}
.table-inTable {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.table-inTable dt,
.table-inTable dd {
  margin-top: 0;
}
.table-inTable dt {
  width: 18%;
}
.table-inTable dd {
  width: 82%;
}
.inTable_item.inTable_item--fc3 {
  padding-right: 24px;
}
.inTable_item.inTable_item--fc4 {
  padding-right: 12px;
}
#map {
  height: 400px;
  width: 100%;
}
.top_arrow {
  width: 35%;
  position: absolute;
  bottom: -12vw;
  right: 0;
  opacity: 0;
  z-index: -1;
}
.is-active {
  animation: sideSlider 600ms forwards;
}

@media screen and (max-width: 768px) {
  .wrapper {
    margin-left: 0;
  }
  .companyPage {
    margin: 12% auto 0;
  }
  .companyPage_inner {
    padding: 0 5%;
  }
  .title {
    margin: 0 auto;
    font-size: 3.5rem;
  }
  table th,
  table td {
    width: 100%;
    display: block;
    padding: 0;
  }
  table th {
    padding-top: 7px;
    text-align-last: start;
    text-align: left;
  }
  table td {
    padding: 7px 0;
  }
  table .table_listItem span {
    font-weight: normal;
  }
  table .table_listItem:nth-of-type(n+2) {
   margin-top: 5px;
  }
  table .table_listItem span.tel {
    color: #000;
  }
  table tr:not(:last-child) {
    border-bottom: 2px solid #ccc;
  }
  .table-inTable {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
  }
  .table-inTable dt,
  .table-inTable dd {
    margin-top: 5px;
  }
  .table-inTable dt {
    width: 25%;
  }
  .table-inTable dd {
    width: 75%;
    padding: 0;
  }
  .table dd .table-inTable dd {
    border-bottom: none;
  }
  .table-inTable dd span:nth-of-type(n+2) {
    display: inline-block;
    margin-top: 5px;
  }
  #map {
    height: 240px;
    width: 100%;
  }
  .top_arrow {
    display: none;
  }
}

@keyframes sideSlider {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}