:root {
  --color-default: #333;
  --color-inverted: white;
  --color-black: black;
  --color-link: inherit;
  --color-gray: #ccc;
  --bg-default: white;
  --bg-inverted: #333;
  --bg-light: url(/images/common/bg_light.jpg);
  --bg-dark: url(/images/common/bg_dark.jpg);
  --basic-margin: 40px;
  --wide-margin: 70px;
  --mobile-basic-margin: 27px;
  --section-padding: 96px;
  --mobile-section-padding: 40px;
  --mobile-content-padding: 15px;
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
}

/*
====================================================================
 COMMON
====================================================================
*/
.section-block h2 span {
  text-align: center;
}
.section-block h2 span.en::after {
  left: calc(50% + 6px);
}
.section-block__body {
  opacity: 0;
  transform: translateY(15%);
  transition: opacity 2s var(--ease-out-cubic), transform 2s var(--ease-out-quint);
  transition-delay: 1.5s;
}
.section-block__body.in-viewport {
  opacity: 1;
  transform: translateY(0);
}
.section-block__content {
  width: 1000px;
  margin-top: 60px;
}

/*
====================================================================
 SECTION 01
====================================================================
*/
.section-block--01 {
  background-image: var(--bg-light);
  background-position: center top;
  background-repeat: repeat;
}

table {
  background-color: var(--bg-default);
}

th {
  width: 270px;
  background-color: var(--bg-inverted);
  color: var(--color-inverted);
  vertical-align: middle;
  text-align: left;
  font-weight: 500;
  padding: 27px 40px;
  border-bottom: 1px solid var(--color-inverted);
}

td {
  padding: 10px 40px;
  vertical-align: middle;
  border-bottom: 1px solid var(--color-gray);
  font-weight: 400;
}

td .tableKyoten {
  display: inline-block;
  width: 110px;
}

tr:last-child th, tr:last-child td {
  border-bottom: none;
}

/*
====================================================================
 SECTION 02
====================================================================
*/
.section-block--02 p {
  text-align: center;
}

.map {
  margin-top: 50px;
  position: relative;
  padding-bottom: 30.2%;
}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*----------------------------------------------------------------*/
@media (width < 768px) {
  /*----------------------------------------------------------------*/
  /*
  ====================================================================
   SP / COMMON
  ====================================================================
  */
  .section-block__content {
    width: 100%;
    margin-top: unset;
    padding-bottom: 60px;
  }
  /*
  ====================================================================
   SP / SECTION 01
  ====================================================================
  */
  table {
    font-size: 16px;
  }
  th {
    display: block;
    width: 100%;
    padding: 12px 15px;
    border-bottom: none !important;
  }
  td {
    display: block;
    padding: 12px 15px;
    border-bottom: none !important;
  }
  /*
  ====================================================================
   SP / SECTION 02
  ====================================================================
  */
  .map {
    margin-top: 40px;
    padding-bottom: 58%;
  }
  /*----------------------------------------------------------------*/
}
/*----------------------------------------------------------------*//*# sourceMappingURL=company.css.map */