body.p-about{
background-color: #F8F4EF;
}
.about-village-media{
  width: 89.3vw;
  max-width: 335px;
  margin-left: auto;
  margin-right: auto;
}

.about-village-map{
  width: 29.3vw;
  max-width: 110px;
  right: 0;
  bottom: -8px;
}

.about-recommend-card{
  width: 74.7vw;
  max-width: 280px;
  border-radius: 37.3vw;
}

.about-recommend-photo{
  width: 100%;
  aspect-ratio: 280 / 373.38;
  object-fit: cover;
}

.about-recommend-mask{
  left: 0;
  bottom: 0;
  width: 100%;
  color: currentColor;
}

.about-recommend-card-green{
  color: #1A7945;
}

.about-recommend-card-blue{
  color: #0A7399;
}

.about-recommend-card-yellow{
  color: #99740A;
}

.about-recommend-body{
  left: 0;
  right: 0;
  bottom: 0;
}

.about-recommend-no{
  position: absolute;
  left: 27px;
  bottom: 83px;
  color: rgba(255,255,255,.45);
}

.about-recommend-no.no2,
.about-recommend-no.no3{
  left: 20px;
}

.about-access-route{
  gap: 3.2vw;
  width: 100%;
}

.about-access-icon{
  width: 18.7vw;
  max-width: 70px;
  flex-shrink: 0;
}

/*.about-access-route-text{
  position: static;
}*/

.about-access-route-arrow{
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
}

.about-access-deco{
  width: 16vw;
  max-width: 60px;
}

.about-access-deco-top{
  right: 0;
  top: 122px;
}

.about-access-deco-bottom{
  width: 24vw;
  max-width: 90px;
  left: 0;
  bottom: -32px;
}

@media screen and (min-width: 1024px){
  .about-village-media,
  .about-village-copy{
    width: 770px;
    max-width: none;
  }

  .about-village-map{
    width: 223px;
    max-width: none;
    right: -125px;
    bottom: -28px;
  }

  .about-recommend-card{
    width: 300px;
    max-width: none;
    border-radius: 150px;
  }

  .about-recommend-photo{
    aspect-ratio: 300 / 400;
  }

  .about-recommend-body{
    padding-bottom: 33px;
  }

  .about-recommend-no{
    left: 25px;
    bottom: 85px;
  }

  .about-recommend-no.no2,
  .about-recommend-no.no3{
    left: 20px;
  }

  .about-access-route{
    width: 819px;
    margin-left: auto;
    margin-right: auto;
    gap: 28px;
    padding-left: 30px;
  }

  .about-access-icon{
    width: 120px;
    max-width: none;
  }

  .about-access-route-pill{
    /*width: 585px;
    min-height: 65px;
    padding: 14px 30px;*/
  }

  /*.about-access-route-text{
    white-space: nowrap;
  }*/

  .about-access-route-arrow{
    left: -10px;
  }

  .about-access-copy{
    width: 770px;
  }

  .about-access-deco{
    width: 80px;
    max-width: none;
  }

  .about-access-deco-top{
    right: -30px;
    top: 98px;
  }

  .about-access-deco-bottom{
    width: 110px;
    left: -40px;
    bottom: -45px;
  }
}

.about-guide-gallery{
  width: 100%;
}

.about-guide-gallery .f-item{
  width: 33.333333%;
}

.about-guide-map-link{
  width: 89.3vw;
  max-width: 335px;
  height: 50px;
}

.about-guide-facility-main{
  width: 100%;
}

.about-guide-map-link-sm{
  width: 89.3vw;
  max-width: 335px;
  height: 65px;
}

.about-guide-map-embed iframe{
  width: 100%;
  height: 145px;
}

.about-guide-graphic{
  padding-top: 61px;
  height: 211px;
}

.about-guide-route-scroll{
  width: 100%;
  overflow-x: auto;
}

.about-guide-route-image-sp{
  max-width: none;
}

.about-guide-route-scroll-hint{
  left: 42px;
  top: 88px;
}

.about-guide-facility-info{
  margin-top: -40px;
}

.about-business-panels{
  border-radius: 0 0 15px 15px;
}

.about-business-body dl{
  border-color: #C4D9CE;
}

.about-business-link{
  text-decoration: underline;
  text-decoration-thickness: from-font;
  text-underline-position: from-font;
  text-decoration-color: var(--color-base1);
  color: var(--color-base1);
}

.about-addr{
  height: 14px;
  width: auto;
}

@media screen and (min-width: 1024px){
  .about-guide-gallery{
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .about-guide-gallery .f-item{
    width: calc(100% / 3);
  }

  .about-guide-map-link{
    width: 350px;
    max-width: none;
    height: 52px;
  }

  .about-guide-facility-main{
    min-height: 358px;
  }

  .about-guide-facility-media{
    width: 520px;
  }

  .about-guide-facility-info{
    margin-top: -225px;
    width: calc(100% - 480px);
    max-width: 720px;
  }

  .about-guide-map-link-sm{
    width: 275px;
    max-width: none;
    height: 60px;
  }

  .about-guide-map-embed iframe{
    height: 285px;
  }

  .about-guide-graphic{
    padding-top: 293px;
    height: 675px;
  }
  .about-site-visit-download-btn{
    width: 470px;
  }
  .about-addr{
    height: 16px;
  }
}