@media only screen and (min-width:768px) and (max-width:1194px){
    .inner { width: 91%; margin: 0; margin-left: 2%; }
    header { min-width: 100%; margin: 0 auto; padding: 10px; }
    .headerTitle { width: 50%;  }
    .headerTitle img { width: 100%; }
    .spNav { width: 50px; height: 50px; background: #333; }
    #menu-h-sub-menu { display: none; }
    #menu-g-navi { display: none; }
    .localMenu { display: none; }
    .backDoted { width: 83%; height: 100%; max-height: 100%; min-width: 90%; }
    .topMainImg { width: 90%;}
    .topMainImg figure { width: 100%; margin-left: auto; clip-path: polygon(6% 15%, 100% 0, 100% 84%, 0 100% );}
    .topMainImg figure img { width: 100%; }
    .topNewsArea { margin-bottom: 80px;}
    .topNewsArea .inner { width: 90%; margin: 0; margin-left: 1.5%;}
    .bgNewsArea { width: 94%; height: 1150px; min-width: auto; }
    .newsBox { width: 23%;}
    .topGuideArea { margin-bottom: 150px;}
    .whiteBox { margin-right: 10%; margin-left: 10%; padding: 20px; margin-top: -20px;}
    .whiteBoxRight { margin-left: 10%; margin-right: 10%; padding: 20px; margin-bottom: 250px;}
    .whiteBoxWrap { min-width: auto;}
    .firstView { height: auto;}
    .topGuideBack{ background-size: 100%; background-position: left bottom;}
    .lifePhotoArea { align-self: center;}
    .lifeTextArea { padding: 8% 5% 8% 8%;}
    .lifeClubArea .lifeTextArea { padding: 5% 8% 13% 5%;}
    .topFacilityAreaBack { width: 94%; min-width: auto; }
    .topFacilityArea .flex { width: 90%;}
    .topFacilityArea figure { width: 30%;}
    .topFacilityArea figure img { width: 100%;}
    .bannerArea .inner { width: 90%; margin: 0; margin-left: 2%;}
    .bannerArea .flex a { width: 22%; }
    .bannerArea .flex a img { width: 100%; }
    footer .inner { width: 90%; margin: 0; margin-left: 2%;}
    .footerLeftArea { width: 30%; }
    .footerLeftArea img { width: 100%; }
    .footerRightArea { width: 60%; }
    .footerRightArea li { margin: 1.5rem 0; position: relative; padding-left: 20px; }


    .page main .wp-block-group__inner-container { width: 100%; margin: 0 auto; padding-left:20px; padding-right: 60px; }


    .sliderArea { width: 80%; height: auto;}


}