@charset "UTF-8";

/*****************************
  pagehead
*****************************/
.head-access .phcmn{
  background-image: url(../../images/head/head_access.webp) ;
}


/*****************************
  pagesec-map
*****************************/
.pagesec-map .map,
.pagesec-map .gmap{
  max-width: 900px;
  margin: 0 auto;
}
.pagesec-map .gmap{
  margin-top: 5rem;
}
.pagesec-map .gmap iframe{
  aspect-ratio: 16/9;
  height: auto;
  width: 100%;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-map .gmap{
    margin-top: 3rem;
  }
  .pagesec-map .gmap iframe{
    aspect-ratio: 4/3;
  }
}

/*****************************
  pagesec-info
*****************************/
.pagesec-info .info{
  background: #FFF5F7;
  border: 2px solid #E37EB7;
  border-radius: 6px;
  gap: 2rem;
  padding: 3rem;
}
.pagesec-info .ftxtbox,
.pagesec-info .fimgbox{
  width: calc(50% - 1rem);
}

.pagesec-info .info dt{
  border-bottom: 3px dotted #E37EB7;
  font-size: 2.4rem;
  font-weight: 500;
  padding-bottom: .5rem;
}
.pagesec-info .info dd{
  font-size: 2rem;
}
.pagesec-info .info .add{
  margin: 2rem 0 1rem;
}
.pagesec-info .info .add address{
  font-style: normal;
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  .pagesec-info .info {
    align-items: flex-end;
  }
  .pagesec-info .info dt{
    font-size: 2.2rem;
  }
  .pagesec-info .info dd{
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-info .info{
    padding: 2rem;
  }
  .pagesec-info .ftxtbox,
  .pagesec-info .fimgbox{
    width: 100%;
  }
  .pagesec-info .info dt{
    font-size: 2rem;
  }
  .pagesec-info .info dd{
    font-size: 1.6rem;
  }
}