@charset "UTF-8";
.top-word-box .word-box {
  bottom: 10%;
}

.text-box {
  margin-top: 10%;
  width: 90%;
  border-bottom: solid 1px black;
}
.text-box h3 {
  text-align: center;
  font-size: max(1.3vw, 10px);
  padding-bottom: 8%;
}

.sub-menu {
  margin-top: 10%;
}
.sub-menu .sub-card .sub-box .sub-font {
  font-size: max(1.3vw, 10px);
  font-family: 游教科書体, YuMincho, "Yu Mincho", serif;
}
.sub-menu .sub-card .sub-box .sub-title {
  font-size: max(1.4vw, 10px);
  font-weight: 800;
}
.sub-menu .sub-card .sub-box p {
  font-size: max(1.1vw, 10px);
  width: 90%;
  margin: 0 auto;
  margin-top: 10%;
  margin-bottom: 20%;
}
.sub-menu .sub-card .sub-box .sub-btn span {
  font-family: "dnp-shuei-nshogomincho-std", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.8vw;
  color: white;
  background-color: black;
  border-radius: 9999px;
  padding: 5% 10% 5% 10%;
}
.sub-menu .sub-card button .sub-bg-img {
  opacity: 0;
}
.sub-menu .sub-card button:hover .sub-bg-img {
  opacity: 1;
}

table {
  width: 70%;
  margin: 0 auto;
  font-size: max(1.2vw, 10px);
  margin-top: 5%;
  font-family: "Hiragino Sans GB", "MS PGothic", sans-serif;
}
table th {
  font-weight: 400;
  text-align: left;
  padding-bottom: 5%;
}
table td {
  padding-bottom: 5%;
}

.sub-menu .sub-card .sub-box {
  top: 50%;
}

.sub-menu .sub-card .sub-box .sub-title {
  padding-bottom: 20%;
}

.sub-menu .sub-card a .sub-bg-img {
  transition: 1s;
}

.intro {
  position: fixed;
  z-index: 1500;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(21, 21, 21, 0.867);
  display: block;
}
.intro .table-box {
  position: fixed;
  width: 50%;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
  background-color: white;
}
.intro .table-box p {
  padding: 2%;
  font-family: "HiraginoSans-W2", "Hiragino Sans", "ヒラギノ角ゴシック";
  text-align: left;
  font-size: max(1.1vw, 10px);
}

.close {
  display: none;
}

@media (max-width: 700px) {
  .intro .table-box {
    width: 90%;
  }
  .intro .table-box p {
    font-size: 12px;
  }
  .text-box h3 {
    font-size: 13px;
    text-align: left;
  }
  .sub-menu .sub-card .sub-box .sub-font {
    font-size: 12px;
  }
  .sub-menu .sub-card .sub-box .sub-title {
    font-size: 14px;
  }
  .sub-menu .sub-card .sub-box p {
    font-size: 13px;
    text-align: left;
  }
  .sub-menu .sub-card .sub-box .sub-btn span {
    font-size: 11px;
  }
  .sub-menu .sub-card a .sub-bg-img {
    opacity: 1;
  }
  table {
    width: 90%;
    font-size: 12px;
  }
  table td,
  table th {
    padding-bottom: 10%;
    padding-top: 3%;
  }
}/*# sourceMappingURL=technology.css.map */