@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
main {
  background-color: #000000;
  background-image: url(../img/b-ex.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: clamp(160px, 50vw, 600px);
  color: white;
  display: flex;
  flex-direction: column;
  font-family: "Noto Sans JP", sans-serif;
  margin: 0 0 0 0;
  width: 100%;
}

h1 {
  text-transform: uppercase;
  letter-spacing: 1rem;
  text-align: center;
  margin: clamp(125px, 28vw, 350px) 0 150px 0;
}
@media screen and (max-width: 800px) {
  h1 {
    font-size: 37px;
    margin-bottom: 218px;
  }
}

.kaishagaiyou {
  background-color: white;
  color: #000000;
  width: 100%;
}
.kaishagaiyou h2 {
  margin: 150px 0 50px 0;
  color: #ec93a9;
}
.kaishagaiyou .section-content {
  text-align: center;
}
.kaishagaiyou .two-col-table {
  align-items: center;
  border-collapse: collapse;
  color: #2F2F2F;
  display: flex;
  font-size: 20px;
  font-weight: 400;
  justify-content: center;
  margin-bottom: 200px;
  table-layout: auto;
  width: 100%;
}
.kaishagaiyou .two-col-table th, .kaishagaiyou .two-col-table td {
  border-top: 1px solid #ec93a9;
  padding: 2rem 0;
}
.kaishagaiyou .two-col-table th:last-of-type, .kaishagaiyou .two-col-table td:last-of-type {
  border-bottom: 1px solid #ec93a9;
}
.kaishagaiyou .two-col-table th {
  width: clamp(200px, 33vw, 400px);
  text-align: center;
  font-weight: 400;
}
.kaishagaiyou .two-col-table td {
  text-align: start;
  width: clamp(300px, 40vw, 600px);
  padding-left: 2rem;
}
.kaishagaiyou .two-col-table td a {
  color: #2F2F2F;
  text-decoration: none;
}
@media screen and (max-width: 850px) {
  .kaishagaiyou h2 {
    font-size: 31px;
    margin-top: 50px;
  }
  .kaishagaiyou .two-col-table {
    font-size: 16px;
    margin-bottom: 50px;
  }
}

.access {
  align-content: center;
  background: url(../img/b-ex-2.png) left top no-repeat, url(../img/b-ex-3.png) right bottom no-repeat;
  background-size: 38vw, 28vw;
  display: flex;
  font-weight: 500;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  width: 100%;
}
.access .section-content {
  align-self: center;
  width: 100%;
  margin-top: 75px;
  max-width: 1000px;
}
.access .section-content > * {
  align-self: flex-start;
  margin: 0 10% 2rem 10%;
  width: 80%;
}
.access .section-content .rj-heading {
  font-size: 50px;
  margin-bottom: 2rem;
}
.access .section-content .two-col-group {
  font-size: 20px;
}
.access .section-content .two-col-group .right-col {
  align-self: flex-end;
  margin-left: 7vw;
}
.access .g-maps {
  align-self: center;
  height: clamp(300px, 60vh, 600px);
  margin: 0 10% 200px 10%;
  width: 80%;
}
@media screen and (max-width: 850px) {
  .access .section-content .rj-heading {
    font-size: 40px;
  }
  .access .section-content .two-col-group {
    font-size: 16px;
  }
  .access .section-content .g-maps {
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 1000px) {
  .center-col {
    margin: 0 16% 0 16%;
    width: 68%;
  }

  .access .section-content > *,
.access .g-maps {
    margin-left: unset;
    margin-right: unset;
    width: 100%;
  }
}
/*# sourceMappingURL=company.css.map */