@charset "utf-8";
/* center CSS
---------------------------------- */

/* sec-info ------------------------------- */
.sec-info .cont-container {
  column-gap: 7.7%;
}
.sec-info .pho-area {
  flex: 1;
}
.sec-info .pho-area .pho-item {
  width: 100%;
  aspect-ratio: 4 / 3;
}
.sec-info .pho-area .pho-item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec-info .info-area {
  max-width: 430px;
  width: 100%;
}
.sec-info .info-area .generic-list02 .list-item {
  padding: 14px 0;
}
.sec-info .info-area .generic-list02 .list-item > dt {
  width: 130px;
}
.sec-info .info-area .generic-list02 .list-item > dt .txt::before {
  height: 88%;
}
@media (max-width: 896px) {
  .sec-info .cont-container {
    row-gap: 10px;
  }
  .sec-info .pho-area {
    display: flex;
    column-gap: 20px;
  }
  .sec-info .pho-area .pho-item {
    flex: 1;
    margin-bottom: 0;
  }
  .sec-info .info-area {
    max-width: none;
  }
}
@media (max-width: 480px) {
  .sec-info .info-area .generic-list02 .list-item > dt {
    width: 100px;
  }
  .sec-info .pho-area {
    gap: 10px;
  }
}
@media (max-width: 414px) {
  .sec-info .info-area .generic-list02 .list-item > dt {
    width: 100%;
  }
}

/* sec-access ------------------------------- */
.sec-access {
  background-color: #fffbf0;
}
.sec-access .map {
  width: 100%;
  height: 300px;
}
.sec-access .map > iframe {
  width: 100%;
  height: 100%;
}
.sec-access .txt-area {
  width: fit-content;
  margin: 0 auto;
}
.sec-access .txt-area .txt {
  position: relative;
  padding-left: 35px;
}
.sec-access .txt-area .txt .num {
  position: absolute;
  top: -0.2em;
  left: 0;
}
@media (max-width: 767px) {
  .sec-access .txt-area .txt {
    padding-left: 25px;
  }
}
@media (max-width: 480px) {
  .sec-access .map {
    height: 250px;
  }
}
/* sec-floor ------------------------------- */
.sec-floor .map-img > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sec-floor .pho-area {
  justify-content: center;
  gap: 20px;
}
.sec-floor .pho-area .pho-item {
    width: calc((100% - 60px) / 4);
    max-width: 300px;
}
.sec-floor .pho-area .img-wrap {
  width: 100%;
  aspect-ratio: 3 / 2;
}
.sec-floor .pho-area .img-wrap > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
    .sec-floor .pho-area {
        gap: 10px;
    }
    .sec-floor .pho-area .pho-item {
        width: calc(50% - 10px);
    }
}