@charset "UTF-8";


.facility-content-list::before {
    content: "1F・2F";
    background-color: #5F8E1D;
}

.facility-content-list:nth-of-type(2)::before {
    content: "2F";
}
/* .facility-content-list:nth-of-type(3)::before {
    content: "2F";
} */

/* .facility-content-list:nth-of-type(4)::before {
    content: "3F";
} */

#wrapper .facility-content-list_image img {
    width: 100%;
}

.facility-content-list_item {
    border-top:2px dashed #5F8E1D;
}

.facility-content_title {
    color: #5F8E1D;
}

.facility-content-list_image img {
    border: 2px solid #5F8E1D;
}

.page-navlist_anchor:hover {
    opacity: 1;
}


.mamapapa {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;  
}

.mamapapa-title img {
  display: block;
  width: 100%;
  height: auto;
}

.page-nav {
  background-color: transparent;
  position: absolute;  
  top: min(36.8vw, 525px); 
  left: 50%;
  transform: translateX(-50%); 
  width: 100%;      
  max-width: 1440px; 
  z-index: 2; 
}

.page-navlist {
    width: 65%;
}
.page-navlist_item {
    padding-inline: 10px;
    padding-top: 0.5vw;
}
.page-nav:before {
    content: none;
    display: none;
}

.page-nav:after {
    content: none;
    display: none;
}

@media screen and (max-width: 768px) {
.page-nav {
  background-color: transparent;
  position: absolute;  
  top: min(650px, 84.64vw); 
  left: 50%;
  transform: translateX(-50%); 
  width: 100%;      
  max-width: 1440px; 
  z-index: 2; 
}
.page-navlist {
    width: 95%;
}
.page-navlist_item {
  padding-inline: 0;
}

.facility-content-list::before {
    width: 33%;
    max-width: 160px;
    min-width: 120px;
}


}



/* ボタン4つ */

.page-navlist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
    width: 45%;        
    /* max-width: 600px; */
    margin: 0 auto;     
    padding: 0;  
    gap: min(1.39vw, 20px);       
}

.page-navlist_item {
    width: 100%; 
    margin: 0;
    padding-inline: 0;
    padding-top: 0;
}

.page-navlist_anchor .body-image {
    width: 100%;
    height: auto;
    display: block;
}

.page-nav .page-navlist_item img {
    padding: 0;
}

.page-navlist_anchor{
    display: block;

}
@media screen and (max-width: 768px) {

    .page-nav {
        padding: 2% 6% 0;
    }

  .page-navlist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
    margin: 0 auto;
    width: 70%;
    gap: min(1.39vw, 20px);
  }

  .page-navlist_item {
    width: 100%; 
    margin: 0;  
  }

  .page-navlist_anchor .body-image {
    width: 100%;
    height: auto;
    display: block;
  }

}