@charset "utf-8";
/* CSS Document */
.color3{
    color: rgba(51,51,51,.7);
}

.cate1 .imgbox {
  margin-right: auto;
  margin-left: auto;
  border-radius: 14px;
  overflow: hidden;
}

.cate1 .imgbox img {
  display: block;
  width: 100%;
  aspect-ratio: 1.96 / 1;
  object-fit: cover;
}

.map_a {
  text-align: center;
}

.map_a .mapbox {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 14px;
  overflow: hidden;
}

.map_a .mapbox iframe {
  display: block;
  width: 100%;
  height: clamp(320px, 44vw, 540px);
  border: 0;
}

.map_a .txtbox {
  max-width: 980px;
  margin: 0 auto;
}

.map_a .txtbox p {
  letter-spacing: .08em;
}

.map_a .more_btn {
  justify-content: center;
}

.map_a .more_btn a {
  min-width: 280px;
}

@media screen and (max-width: 768px) {
  .cate1 .imgbox img {
    aspect-ratio: 16 / 10;
  }
}

@media screen and (max-width: 576px) {
  .map_a .mapbox iframe {
    height: 320px;
  }

  .map_a .more_btn,
  .map_a .more_btn a {
    width: 100%;
  }

  .map_a .more_btn a {
    min-width: auto;
    max-width: 320px;
  }
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}