
/*====================================================
////id |  overview
====================================================*/
.overview-inner {
  padding-bottom: 0;
}
.overview-content {
  font-weight: 500;
  margin: auto;
  width: min(100%, 1000px);
}
.overview-link-wrapper {
  display: flex;
    flex-wrap: wrap;
    gap: min(2vw, 50px);
    justify-content: center;
  margin-top: min(8vw, 70px); 
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
  .overview-img {
    display: flex;
      justify-content: center;
    margin-bottom: min(8vw, 40px);
  }
  .overview-img img {
    height: min(40vw, 200px);
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
  .overview-content {
    display: grid;
      align-items: center;
      grid-gap: min(3vw, 50px);
      grid-template-columns: 160px 1fr;
  }
}

@media (hover: hover) {}


/*====================================================
////id |  information
====================================================*/
.information-inner {
  max-width: 1000px;
}
.information-item-wrapper {
  display: grid;
    grid-gap: min(13vw, 60px);
}
.information-item-head {
  color: var(--color_2);
  text-align: center;
}
.information-item-text {
  display: flex;
    justify-content: center;
  margin-top: .5em;
}
.information-item-table {
  margin-top: min(3vw, 30px);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
  #member_list .cell_cnt-1 {
    grid-template-columns: 1fr;
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
  .information-item-head {
    font-size: min(2.6vw, 2.6rem);
  }

  #member_list table .cell_cnt-2 {
    white-space: nowrap;
  }
}

@media (hover: hover) {}


/*====================================================
////id |  material
====================================================*/
#material {
  border-top: solid 1px var(--gray);
}
.material-head {
  color: var(--color_2);
  font-size: min(6vw, 3rem);
  margin-bottom: .8em;
  line-height: 1.4;
  text-align: center;
}
.material-content {
  margin-top: 40px;
}
.material-years dt {
  font-size: 1.15em;
  font-weight: 700;
  margin-bottom: .5em;
  text-align: center;
}
.material-links {
  display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.material-link {
  min-height: 2em;
  min-width: 0;
  width: auto;
}
.material-link .subtype {
  background: var(--d_gray);
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: .7em;
  line-height: 1.2;
  margin-left: .4em;
  padding: .2em .5em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
  .material-link {
    width: min(70vw, 300px);
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
  .material-text {
    text-align: center;
  }

}

@media (hover: hover) {}


/*====================================================
////id |  facility
====================================================*/
#facility {
  background: var(--l_gray);
}
.facility-item-wrapper {
  display: grid;
    grid-gap: min(12vw, 84px);
}
.facility-item-link {
  margin-top: min(7vw, 40px);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
  .facility-item-img {
    margin-bottom: min(5vw, 30px);
  }
  .facility-item-img .coverImg {
    padding-top: min(50vw, 300px);
  }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
  .facility-item {
    display: grid;
      grid-gap: 0;
      grid-template-columns: auto 1fr;
  }
  .facility-item-head-wrapper {
    display: flex;
      align-items: flex-end;
      justify-content: center;
    padding-top: 30px;
  }
  .facility-item-head {
    font-size: min(2.5vw, 2.4rem);
    margin-bottom: .5em;
  }
  .facility-item-img {
    grid-column: 1;
    grid-row: 1 / 3;
    margin-right: min(3vw, 40px);
    width: min(30vw, 380px);
  }
  .facility-item-img .coverImg {
    padding-top: 63%;
    height: 100%;
  }
  .facility-item-text {
    padding-bottom: 30px;
  }
  .facility-item-link {
    grid-column: 1 / 3;
  }
}

@media (hover: hover) {}


/*====================================================
////id |  xxx
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
}

@media (hover: hover) {}
