@charset "utf-8";

figure{
  width:100%;
  margin:0;
  > img{
    width: 100%;
    height:auto;
  }
}

.sub_page_ld{
  font-weight: bold;
}

.sub_page_content1.about{
  margin-bottom: 200px;
}

.sub_page_content1_text.about{
  bottom:-30%;
}

.sub_page_content1_text.about2{
  bottom:-50%;
}

ol li{
  list-style:decimal;
}

.facility_w{
  padding:0;
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  margin: 60px auto;
  flex-wrap: wrap;

  > li{
    width: 100%;
    max-width: calc((100% - 60px) / 3);
    img{
      width: 100%;
      height:auto;
    }
  }
}

.facility_w2{
  padding:0;
  display: flex;
  justify-content: center;
  gap: 50px;
  margin: 60px auto;
  flex-wrap: wrap;

  > li{
    width: 100%;
    max-width: calc((100% - 60px) / 2);
    img{
      width: 100%;
      height:auto;
      border-radius: 20px;
    }
  }
}
.facility_t{
    display: flex;
    align-items: center;
    padding-top:30%;
}

.voice_w{
  margin: 20px 0;
  > li{
    display: flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-bottom:30px;
    align-items: center;
    > figure{
      width:220px
    }

    > div{
      width: calc(100% - 240px);
    }
  }
}

.voice_ttl{
  font-weight: bold;
  color:var(--green-color);
}

.sub_page_content1.about {
  
  transition: margin-bottom 0.3s ease; /* アニメーション追加 */
}

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

  .facility_w {
    > li {
        width: 100%;
       max-width: 100%;
    }
}

.facility_w2{
  display: block;
  width:100%;

  > li{
        width: 100%;
       max-width: 100%;
  }
}
.facility_t{
    padding-top:2%;
}
.voice_w{
  padding:0;
}

.voice_w {
  & > li {
      > div {
          width: 100%;
      }
  }
}

.voice_w {
  & > li {
    justify-content: center;
  }
}

.sub_page_content13_cont {
  padding: 30px 20px;
  border-radius: 20px;
  max-width: 100%;
}
}