@charset "UTF-8";

/* 許可内容 */

.permit {}
.permit-content {
  margin-top: 5.3rem;
}
.permit-content .permit-content__title {
  position: relative;
}
.permit-content__title2 {
    margin-top: 7.8rem;
}
@media screen and (max-width: 768px) {
    .permit-content__title2 {
        margin-top: 3.6rem;
    }
}
.permit-content .permit-content__title .plus {
  position: absolute;
  top: 50%;
  right: 3.2rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .permit-content .permit-content__title .plus {
    right: 1.6rem;
  }
}
.permit-content__title .plus-btn {
  border-radius: 50%;
  background-color: #509DCE;
  position: relative;
  width: 4.4rem;
  height: 4.4rem;
}
@media screen and (max-width: 768px) {
  .permit-content__title .plus-btn {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.plus-btn span {
  position: absolute;
  width: 2rem;
  height: 0.2rem;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
}
.plus-btn span:nth-of-type(2) {
  transform: translate(-50% , -50%) rotate(90deg);

}
.is-active .plus-btn span:nth-of-type(2) {
  opacity: 0;

}
.permit-content h2 {
  padding: 3.6rem 0;
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.4;
  letter-spacing: 0.6em;
  color: #509DCE;
  background-color: #E7F1F6;
  border-bottom: initial;
}
@media screen and (max-width: 768px) {
  .permit-content h2 {
    padding: 1.8rem 0;
    font-size: 2rem;
  }
}
.permit-content h2::before {
  display: none;
}
.permit-table {
  overflow-x: auto;
  width: 100%;
}
.permit-content table {
  margin-top: 2.4rem;


}
@media screen and (max-width: 768px) {
  .permit-content table {
    width: 80rem;
  }
}
.permit-content table tbody th {
  font-size: 2.1rem;
  font-weight: 400;
  padding: 3.6rem 1.6rem;
  vertical-align: top;
  height: 10rem;
  width: 20%;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
  .permit-content table tbody th {
    font-size: 1.6rem;
    font-weight: 400;
    padding: 2rem 1rem;
    display: table-cell;
  }
}
.permit-content table tbody tr:nth-child(n+2) th {
  padding: 4rem 1.6rem;
  font-size: 1.6rem;
  background-color: #F0F7FA;
  color: #000;
  height: initial;
}
@media screen and (max-width: 768px) {
  .permit-content table tbody th {
    padding: 2rem 1rem;
    vertical-align: middle;

  }
  .permit-content table tbody tr:nth-child(n+2) th {
    padding: 2rem 1rem;
    font-size: 1.6rem;
    background-color: #F0F7FA;
    color: #000;

  }
}
.permit-content table tbody td {
  font-size: 1.6rem;
  font-weight: 400;
  height: 10rem;
  width: 20%;
  padding: 2rem 1.6rem;
}
@media screen and (max-width: 768px) {
  .permit-content table tbody td {
    padding: 2rem 1rem;
    display: table-cell;
  }
}
.permit-content table tr td:last-child {
  border-right: 1px solid #ccc;

}