.topImage {
  width: 100%;
  margin: 0 0 0 auto;
  position: relative;
}
.title {
  position: absolute;
  left: 10%;
  transform: translate(0, -50%);
  top: 50%;
}
/* table01 */
#table01 tr {
  border-bottom: 1px solid #b5b1b1;
}
#table01 th {
  width: 30%;
}
#introduction {
  width: 90%;
  margin: 0 auto;
}
.introductionWrapper {
  margin-top: min(15.5vw, 270px)
}
.introductionWrapper h3 {
  font-size: min(47px, 2.65vw);
  text-align: center;
  line-height: min(72px, 4vw);
  margin-bottom: min(77px, 4.3vw);
}
.introductionWrapper p {
  text-align: center;
  font-size: min(26px, 1.45vw);
}
.topText {
  position: relative;
}
.officeDeco {
  position: absolute;
  top: -7%;
  z-index: -1;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 82%;
  opacity: 0.15;
}
#table01 {
  width: 75%;
  margin: 0 auto;
  margin-top: min(130px, 7.2vw);
  margin-bottom: min(230px, 12.5vw);
}
tbody {
font-family: 'Noto Sans JP', sans-serif;
  color: #1E415E;
  font-weight: 400;
  text-align: left;
}
#table01 th {
  font-weight: 400;
  font-size: min(23.2px, 1.29vw);
}
#table01 td {
  font-weight: 400;
  font-size: min(23.2px, 1.29vw);
}
#table01 .companyName {
  border-top: 1px solid #b5b1b1;
}
#table01 th, #table01 td {
  padding-top: min(2.58vw, 46.4px);
  padding-bottom: min(2.58vw, 46.4px);
  border: none;
}
@media not screen and (min-width:767px) {
  .title {
    position: absolute;
    left: 5%;
    transform: translate(0, -50%);
    top: 58%;
  }
  .title h1 {
    font-size: min(6.6vw, 36.3px);
  }
  #table01 th, #table01 td {
    width: 100%;
    display: block;
  }
  #table01 th {
    width: 100%;
  }
  #table01 td {
    padding-top: 0;
  }
  .introductionWrapper {
    margin-top: min(126px, 23vw);
  }
  #introduction {
    width: 100%;
  }
  .officeDeco {
    position: absolute;
    top: -7%;
    z-index: -1;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
    opacity: 0.2;
  }
  .introductionWrapper h3 {
    margin-bottom: min(66px, 12vw);
    font-size: min(23.3px, 4.25vw);
    line-height: min(34.8px, 6.38vw);
  }
  .introductionWrapper p {
    font-size: min(20px, 3.75vw);
  }
  #table01 {
    margin-top: min(66px, 12vw);
    width: 90%;
    margin-bottom: min(27vw, 150px);
  }
  #table01 th {
    padding-top: min(44px, 8vw);
    padding-bottom: min(22px, 4vw);
    font-size: min(20px, 3.75vw);
  }
  #table01 td {
    padding-top: 0;
    padding-bottom: min(44px, 8vw);
    font-size: min(20px, 3.75vw);
  }
}

/*inview*/
.beforeInView {
  opacity: 0;
  transition: 3s;
}
.beforeInView.view {
  opacity: 1;
}
.officeDeco.beforeInView.view {
    opacity: 0.15;
}
