@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 700px) {
  .title-img img {
    max-width: 320px;
    width: 100%;
  }
  /*=========お知らせ========*/
  #news .news-wrap {
    margin: 60px auto;
  }
  #news .news-list-item .news-title {
    padding: 16px 10px;
  }
  #news .news-list-item .news-title {
    width: 100%;
    flex-flow: column;
    align-items: baseline;
    box-sizing: border-box;
  }
  #news .news-item-top {
    width: 100%;
  }
  #news .news-day {
    margin-right: 0;
  }
  #news .news-txt {
    width: 100%;
    font-size: 90%;
	  margin-top: 10px;
  }
  #news .news-category, #news .event-category {
    width: 80px;
    font-size: 80%;
  }
  /*=========施設について========*/
  .about-cap {
    width: 98%;
    margin: 0 auto;
  }
  .ac-link {
    font-size: 110%;
  }
  .sp-bg {
    margin: 50px auto 0;
  }
  .img01_ab {
    width: 90%;
    left: -3px;
  }
  .img02_ab {
    width: 90%;
    margin-top: 90px;
    right: -3px;
    top: 24vh;
    ;
  }
  .bg-icon_l, .bg-icon_r {
    width: 20%;
  }
  .bg-icon_l {
    left: 20px;
    top: -20px;
  }
  /*=========活動内容========*/
  .program_list-wrap ul li {
    font-size: 90%;
  }
  .activity-wrap {
    flex-flow: column;
  }
  .program_list-wrap ul {
	      gap: 30px;
    grid-template-columns: 1fr;
  }
  .pro-item {
    font-size: 90%;
  }
  /*=========交通アクセス========*/
  .route-wrap li:before {
    width: 23px;
    height: 23px;
  }
  .Googlmap_wrap {
    height: 320px;
  }
  .route-wrap li {
    line-height: 1.8em;
    font-size: 80%;
  }
}