h3,h4,h5,h6,ul,ol,li,p{
    margin: 0;
    padding: 0;
}
article, section, .container{
    min-width: unset;
}

.swipe-icon{
    width: 70px;
    margin: 20px auto 0;
}

.location-main{
    padding: 84px 0 0;
}
.location-main .location-main__title{
    width: 275px;
}
.location-main .location-main__title h2{
    background: url(../images/location_h2.svg) center / auto 100% no-repeat;
    margin: 0;
}
.location-main img{
    width: 100%;
    max-width: unset;
    object-fit: cover;
}
.location-main .location-main__upper,
.location-main .location-main__lower{
    position: relative;
    z-index: 0;
}
.location-main .location-main__upper > *:nth-child(1){
    width: 65.57%;
}
.location-main .location-main__upper > *:nth-child(1) img{
    aspect-ratio: 1.6809;
}
.location-main .location-main__upper > *:nth-child(2){
    width: 34.43%;
}
.location-main .location-main__upper > *:nth-child(2) img{
    aspect-ratio: 0.8824;
}
.location-main .location-main__lower > *:nth-child(1){
    width: 51.88%;
}
.location-main .location-main__lower > *:nth-child(1) img{
    aspect-ratio: 1.915;
}
.location-main .location-main__lower > *:nth-child(2){
    width: 48.12%;
}
.location-main .location-main__lower > *:nth-child(2) img{
    aspect-ratio: 1.7759;
}

.page-copy{
    padding: 60px 0;
    width: 90%;
    margin: 0 auto;
}
.page-copy h3{
    font-weight: 500;
    text-align: center;
    font-size: 24px;
    line-height: 1.9;
    letter-spacing: 2px;
}
.page-copy h4{
    font-weight: 500;
    text-align: center;
    font-size: 19px;
    line-height: 1.75;
    letter-spacing: 2px;
}
section[class*="section"] .page-copy h4{
    line-height: 2.5;
}

.location-menu{
    max-width: 960px;
    width: 90%;
    margin: 0 auto 20px;
    gap: 30px 50px;
}
.shopping-section .location-menu{
    border-top: 1px solid #000;
    padding: 80px 0 0;
}
.location-menu > *{
    width: calc( ( 100% - 100px ) / 3);
    display: block;
    padding: 20px 5px;
    text-align: center;
    color: #333;
    text-decoration: none;
    transition: all .3s ease-out;
}
.location-menu h3{
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 1.1;
}
.location-menu h3 p{
    font-size: 75%;
    font-weight: 400;
    margin: 0 0 10px;
}
.location-menu .park{
    border-bottom: 2px solid #58a27d;
}
.location-menu .shopping{
    border-bottom: 2px solid #163e64;
}
.location-menu .education{
    border-bottom: 2px solid #9f7bae;
}
.location-menu .active{
    pointer-events: none;
}
.location-menu .park:hover,
.location-menu .park.active{
    background: #58a27d;
    color: #fff;
}
.location-menu .shopping:hover,
.location-menu .shopping.active{
    background: #163e64;
    color: #fff;
}
.location-menu .education:hover,
.location-menu .education.active{
    background: #9f7bae;
    color: #fff;
}
/* sub location menu */
.sub-location-menu{
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    width: 240px;
    margin: 0 auto 0;
    gap: 0;
}
.sub-location-menu.active{
    display: flex;
    opacity: 1;
    position: fixed;
    top: 84px;
    right: 0;
    background: #fff;
    z-index: 100;
    justify-content: center;
}
.shopping-section .sub-location-menu{
    border-top: 1px solid #000;
    padding: 80px 0 0;
}
.sub-location-menu > *{
    width: 100%;
    display: block;
    padding: 5px 0px;
    text-align: center;
    color: #333;
    text-decoration: none;
    transition: all .3s ease-out;
}
.sub-location-menu h3{
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 1.1;
}
.sub-location-menu p{
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 0 5px;
    line-height: 1.1;
}
.sub-location-menu .park{
    border-bottom: 2px solid #58a27d;
}
.sub-location-menu .shopping{
    border-bottom: 2px solid #163e64;
}
.sub-location-menu .education{
    border-bottom: 2px solid #9f7bae;
}
.sub-location-menu .park:hover,
.sub-location-menu .park.active{
    background: #58a27d;
    color: #fff;
}
.sub-location-menu .shopping:hover,
.sub-location-menu .shopping.active{
    background: #163e64;
    color: #fff;
}
.sub-location-menu .education:hover,
.sub-location-menu .education.active{
    background: #9f7bae;
    color: #fff;
}
.sub-location-menu_item {
    flex-grow: 1;
}


.location-title{
    color: #fff;
    text-align: center;
    font-size: 30px;
    line-height: 0.9;
    letter-spacing: 1.5px;
    padding: 25px 10px;
    font-weight: 500;
}
.location-title h3{
    margin: 0;
    font-weight: 500;
}
.park-section .location-title{
    background: #58a27d;
}
.shopping-section .location-title{
    background: #163e64;
}
.education-section .location-title{
    background: #9f7bae;
}
.section-image img{
    max-width: unset;
    width: 100%;
    height: auto;
}

.park-body,
#intro{
    background: url(../images/location_park_bg.webp) center top / 100% auto no-repeat;
}

.education-image,
.shopping-image,
.park-image{
    margin: 0 auto 80px;
    width: 90%;
}
.education-image.img1,
.park-image.img1{
    max-width: 808px;
}
.park-image.img2{
    max-width: 1027px;
}
.shopping-image.img1{
    max-width: 818px;
}
.park-album{
    background: #e0ebe6;
    padding: 45px 0;
}
.park-album_title h4{
    text-indent: -9999px;
    height: 20px;
    width: 215px;
    background: url(../images/location_park_title01.svg) center / contain no-repeat;
    margin: 0 auto 30px;
}
.topics-title h3{
    text-indent: -9999px;
    height: 23px;
    width: 142px;
    background: url(../images/location_shopping_title02.svg) center top / contain no-repeat;
    padding: 0 0 48px;
    margin: 0 auto 30px;
    position: relative;
}
.topics-title h3:after{
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.park-album .slick-slide{
    width: 75vw;
}
.slick-dots li button:before{
    font-size: 10px;
}
.park-album .slick-slide img{
    width: 100%;
    max-width: unset;
    height: auto;
}
.park-album .slick-slide figure{
    transform: scale(.8);
    transition: transform .3s;
}
.park-album .slick-slide p{
    text-align: center;
    font-size: 20px;
    margin: 10px 0;
}
.park-album .slick-slide.slick-center figure{
    transform: scale(1);
}
.park-album .slide-note{
    text-align: center;
    margin: 5rem 0 0;
}
.park-topics{
    max-width: 964px;
    width: 90%;
    border: 1px solid #58a27d;
    padding: 50px 30px;
    margin: 90px auto 0;
}
.park-topics .page-copy{
    padding: 0 0 40px;
}
.park-topics .flex-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px 0;
}
.park-topics .flex-box .flex-cnt{
    width: 32%;
}
.park-topics .flex-box .p1{
    font-size: 25px;
    padding: 10px 10px;
    background: #bbd7c8;
}
.park-topics .flex-box .p2{
    font-size: 15px;
    line-height: 2.2;
    text-align: left;
    margin: 20px 0 0;
}
.park-topics .img-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 30px 0 0;
}
.park-topics  .img-1{
    width: 38.4%;
}
.park-topics  .img-2{
    width: 59%;
}
.park-topics  .img-2 figure{
    padding: 0 0 23px;
}
.park-topics .caption{
    margin: 35px 0 0;
}
.park-topics .caption a{
    text-decoration: unset;
    color: #333;
    overflow-wrap: anywhere;
}
.park-event{
    padding: 110px 0;
}
.park-event_title h4{
    text-indent: -9999px;
    height: 31px;
    width: 193px;
    background: url(../images/location_park_title02.svg) center / contain no-repeat;
    margin: 0 auto;
}
.park-event_image img{
    width: 100%;
    max-width: unset;
    height: auto;
}
.park-event_image p.caption{
    max-width: 960px;
    width: 90%;
    margin: 10px auto 0;
}
.park-evacuation{
    padding: 0 0 55px;
    background: #f6f1e9;
}
.park-evacuation_list{
    max-width: 960px;
    width: 90%;
    margin: 0 auto;
    gap: 50px;
}
.park-evacuation_list > *{
    width: calc( (100% - 50px) / 2);
}
.park-evacuation_list .txt h5{
    font-size: 22px;
    line-height: 2.5;
    margin-bottom: 20px;
    border-bottom: 1px solid #a6427a;
    letter-spacing: 2px;
}
.park-evacuation_list .txt p{
    font-size: 15px;
    line-height: 1.9;
    letter-spacing: 2px;
    text-align: left;
    margin: 0 0 20px;
}
.park-list_wrap{
    gap: 30px 15px;
    max-width: 960px;
    width: 90%;
    margin: 0 auto 80px;
}
.park-list_wrap > *{
    width: calc((100% - 30px) / 3);
}
.park-list_wrap .txt{
    margin-top: 10px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
    text-align: left;
}
.park-list_wrap .txt p{
    font-size: 60%;
}

.shopping-body{
    background: url(../images/location_shopping_bg.webp) center top / 100% auto no-repeat;
}
.shopping-mall{
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 0 60px;
}
.shopping-mall_blc{
    width: 85%;
    max-width: 1160px;
    margin: 0 auto 80px 0;
    gap: 35px;
    position: relative;
}
.shopping-mall_blc:nth-child(even){
    margin: 0 0 80px auto;
}
.shopping-mall_blc > .shopping-mall_text{
    width: 50%;
    z-index: 1;
    text-align: left;
}
.shopping-mall_blc > .shopping-mall_text:before{
    content: "";
    display: block;
    height: 100px;
    left: 0;
    right: 40%;
    top: -25px;
    background: #d3dded;
    position: absolute;
    z-index: -1;
}
.shopping-mall_blc.reverse > .shopping-mall_text:before{
    left: 40%;
    right: 0;
}
.shopping-mall_text h5{
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 2px;
    padding: 0 0 0 20px;
}
.shopping-mall_blc.reverse >.shopping-mall_text h5{
    padding: 0;
}
.shopping-mall_text h5 .minute{
    font-size: 60%;
    margin-top: 10px;
}
.shopping-mall_text h6{
    font-size: 18px;
    line-height: 1.5;
    margin: 30px 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
}
.shopping-mall_text p{
    font-size: 15px;
    line-height: 2.2;
}
.shopping-mall_blc .list{
    border: 3px solid #1d50a2;
    padding: 15px;
    width: 50%;
    margin: 0 0 0 50%;
    font-size: 13px;
    line-height: 1.6;
}
.shopping-mall_blc .list p{
    margin: 0 0 15px;
    text-align: left;
}
.shopping-mall_blc .list .flex{
    gap: 20px;
}
.shopping-mall_blc .list .flex > *{
    width: calc((100% - 20px) / 2);
    text-align: left;
}
.shopping-mall_blc .list img{
    max-width: 425px;
    display: block;
    margin: 0 0 0 50%;
}
.shopping-mall_blc:nth-child(2) .list{
    margin: 0 50% 0 0;
}
.shopping-mall_blc  .shopping-mall_image{
    width: 45%;
    max-width: 530px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.shopping-mall_blc:nth-child(2) .shopping-mall_image{
    left: unset;
    right: 0;
}
.shopping-mall_blc .shopping-mall_image > img{
    width: 100%;
    max-width: unset;
    aspect-ratio: 1.6973;
    object-fit: cover;
}
.machida-list_image .badge,
.shopping-mall_blc .shopping-mall_image .badge{
    position: absolute;
    top: 10px;
    right: 17px;
    width: 30%;
    max-width: 150px;
    min-width: 90px;
}
.machida-list_image .badge.left,
.shopping-mall_blc .shopping-mall_image .badge.left{
    left: 17px;
    right: unset;
}

.street-list{
    gap: 45px;
    max-width: 960px;
    width: 90%;
    margin: 0 auto 80px;
}
.street-list > *{
    width: calc( (100% - 90px) / 3);
}
.street-list .street-list_text{
    position: relative;
    padding: 30px 0 0 25px;
    text-align: left;
}
.street-list .street-list_text:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 55px;
    background: #d3dded;
    z-index: -1;
}
.street-list .street-list_text h5{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 2px;
    margin: 0 0 23px;
}
.street-list .street-list_text h5 .minute{
    font-size: 70%;
}
.street-list .street-list_text h5 + p{
    padding: 0 0 0 50px;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.gourmet{
    background: url(../images/location_shopping_bg.webp) center top / 100% auto no-repeat;
    padding: 80px 0;
}
.gourmet-title h4{
    text-indent: -9999px;
    height: 23px;
    width: 193px;
    background: url(../images/location_shopping_title01.svg) center / contain no-repeat;
    margin: 0 auto;
}
.gourmet{
}
.gourmet-list.slick-slider .slick-track,
.gourmet-list.slick-slider .slick-list{
    padding-bottom: 30px !important;
}
.gourmet-list_item{
    background: #402c2b;
    border-radius: 3px;
    box-shadow: 6px 6px 10px rgba(0,0,0,0.2);
    margin: 0 20px;
    overflow: hidden;
    width: 405px;
}
.gourmet-list_image{
    position: relative;
}
.gourmet-list_image img{
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}
.gourmet-list_image .genre{
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 22px;
    letter-spacing: 2px;
    font-weight: 700;
}
.gourmet-list_image .genre.white{
    color: #fff;
}
.gourmet-list_text{
    color: #fff;
    padding: 20px;
    font-size: 14px;
    text-align: left;
}
.gourmet-list_text h5{
    color: #d2c39f;
    line-height: 1.8;
    font-size: 22px;
}
.gourmet-list_text h5 span{
    font-size: 60%;
    color: #fff;
    font-weight: 400;
}

.machida-body{
    padding: 100px 0 0;
}
.gourmet .page-copy h3 + h4,
.machida-body .page-copy h3 + h4{
    font-size: 15px;
    margin-top: 30px;
}
.gourmet .page-copy h3 + h4{
    margin-top: 20px;
}
.machida-list{
    gap: 37px 10px;
    max-width: 960px;
    width: 90%;
    margin: 0 auto;
}
.machida-list > *{
    width: calc( (100% - 20px) / 3 );
}
.machida-list > *:first-child{
    width: 100%;
}
.machida-list_image{
    position: relative;
}
.machida-list_image + .caption{
    text-align: left;
    font-size: 20px;
    line-height: 1;
    margin: 10px 0 0;
}
.machida-list_image + .caption span{
    font-size: 65%;
}
.machida-list + .caption{
    max-width: 960px;
    width: 90%;
    margin: 10px auto 80px;
}

.education-body{
    background: url(../images/location_education_bg.webp) center top / 100% auto no-repeat;
    padding: 100px 0;
}
.library-wrap{
    max-width: 960px;
    width: 90%;
    position: relative;
    margin: 0 auto 130px;
}
.library-wrap:before{
    content: "";
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15px;
    background: #e8dfec;
    position: absolute;
    z-index: -1;
}
.library-wrap_text{
    position: relative;
    left: 49%;
    width: 51%;
    text-align: left;
    margin-bottom: 40px;
    font-size: 15px;
    line-height: 2;
}
.library-wrap_text:before{
    content: "";
    display: block;
    top: -20px;
    left: -10%;
    right: 0;
    height: 90px;
    background: #e8dfec;
    position: absolute;
    z-index: -1;
}
.library-wrap_text h4{
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 50px;
}
.library-wrap_text h4 .minute{
    font-size: 60%;
}
.library-wrap_image img{
    max-width: unset;
    width: 100%;
    height: auto;
}
.library-wrap_image.img1{
    position: absolute;
    left: 0;
    top: 0;
    width: 46%;
}
.library-wrap_image.img2{
    position: relative;
    left: 49%;
    width: 51%;
}
.library-wrap_image.img3{
    position: relative;
    left: 7.4%;
    width: 38.3%;
    top: -245px;
    margin-bottom: -100px;
}
.library-event_title{
    margin: 0 0 30px 75px;
    border-bottom: 2px solid #d2c1da;
}
.library-event_title h4{
    text-indent: -9999px;
    height: 20px;
    width: 125px;
    background: url(../images/location_education_title01.svg) left top / contain no-repeat;
    margin: 0 0 15px;
}
.library-event{
    padding: 0 0 0 75px;
}
.library-event_item{
    gap: 20px 30px;
    align-items: center;
}
.library-event_item + .library-event_item{
    border-top: 2px solid #d2c1da;
    margin: 40px 0 0;
    padding: 40px 0 0;
}
.library-event_image{
    width: 368px;
}
.library-event_text{
    width: calc( 100% - 398px);
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
    position: relative;
}
.library-event_text h5{
    display: block;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
    color: #8978ae;
    text-decoration: underline;
}
.library-event_text p + h5{
    margin-top: .75em;
}
.library-event_text .img{
    position: absolute;
    z-index: 1;
}
.library-event_text .img.img1{
    right: -20px;
    bottom: -60px;
    width: 225px;
}
.library-event_text .img.img2{
    right: 80px;
    bottom: -120px;
    width: 228px;
}
.library-event_text .img.img3{
    right: -30px;
    bottom: -140px;
    width: 300px;
}
.library-wrap + .caption{
    text-align: left;
    margin: 30px auto 150px;
    max-width: 960px;
    width: 90%;
}
.hall-wrap{
    max-width: 960px;
    width: 90%;
    position: relative;
    margin: 0 auto;
    padding: 0 0 80px;
}
.hall-wrap_text{
    position: relative;
    left: 0;
    width: 51%;
    text-align: left;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 2;
}
.hall-wrap_text.text2{
    line-height: 1.4;
    top: 9vw;
}
.hall-wrap_text.text1:before{
    content: "";
    display: block;
    top: -20px;
    right: -10%;
    left: 0;
    height: 90px;
    background: #e8dfec;
    position: absolute;
    z-index: -1;
}
.hall-wrap_text h4{
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 50px;
    padding: 0 0 0 20px;
}
.hall-wrap_text h4 .minute{
    font-size: 60%;
}
.hall-wrap_image img{
    max-width: unset;
    width: 100%;
    height: auto;
}
.hall-wrap_image.img1{
    position: absolute;
    left: 53.7%;
    top: 0;
    width: 45.6%;
}
.hall-wrap_image.img2{
    position: relative;
    left: 0;
    width: 50.7%;
}
.hall-wrap_image.img3{
    position: relative;
    left: 53.7%;
    width: 45.6%;
    top: -290px;
    margin-bottom: -230px;
}
.school-list{
    max-width: 960px;
    width: 90%;
    margin: 80px auto 0;
    gap: 45px;
}
.school-list > *{
    width: calc( (100% - 45px) / 2);
}
.school-list.lower{
    gap: 45px 27px;
    margin: 0 auto 80px;
}
.school-list.lower > *{
    width: calc( (100% - 54px) / 3);
}
.school-list_text{
    margin: 20px 0 0;
}
.school-list_text h4{
    text-align: left;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-weight: 500;
}
.school-list_text h4 p{
    font-size: 60%;
}
.page-copy.school {
    padding-bottom: 20px;
}
.page-copy.school h4{
    font-size: 140%;
}
.education-topics{
    background: url(../images/location_education_bg.webp) center top / 100% auto no-repeat;
    padding: 100px 0;
    margin: 0 0 80px;
}
.education-topics_ttl{
    max-width: 960px;
    width: 90%;
    font-size: 22px;
    letter-spacing: 0.1em;
    text-align: center;
    color: #ac1244;
    padding: 0 0 10px;
    border-bottom: 1px solid #ac1244;
    margin: 0 auto 45px;
}
.education-topics_ttl_2{
    margin-top: 60px;
}
.education-topics_list{
    gap: 57px 95px;
    max-width: 960px;
    width: 90%;
    margin: 0 auto;
}
.education-topics_list + .caption{
    margin: 30px auto 0;
    max-width: 960px;
    width: 90%;
}
.education-topics_list > *{
    width: calc( (100% - 95px) / 2);
    text-align: left;
}
.education-topics_item{
    border-left: 10px solid #ac1244;
    padding: 0 0 0 23px;
}
.lower.education-topics_list,
.lower .education-topics_item + .education-topics_item{
    margin-top: 57px;
}
.education-topics_item h5{
    font-size: 22px;
    line-height: 1.75;
}
.education-topics_item h5 span{
    font-size: 18px;
}
.education-topics_item p{
    font-size: 15px;
    line-height: 1.6;
}
.education-topics_item p span{
    color: #ac1244;
}

.location_anime{
    position: relative;
}
.location_anime > img{
    position: relative;
    z-index: 1;
}
.location_anime .name{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: fuwafuwa 1s ease-in-out infinite alternate-reverse; 
}
@keyframes fuwafuwa {
    0% {
        transform: translateY(-0.25%);
    }
    100% {
        transform: translateY(0.25%);
    }
}


@media screen and (min-width: 1365px){
    .park-album .slick-slide{
        width: 35vw;
    }
    .hall-wrap_image.img3{
        top: -290px;
    }
}
@media screen and (min-width: 1024px){
    .hall-wrap_text.text2{
        top: 0
    }
}
@media screen and (min-width: 768px){
    #wrapper.contWrap{
        overflow-x: hidden;
    }
}
@media screen and (max-width: 768px){
    .location-main .location-main__title {
        top: 25%;
    }
    .location-main .location-main__title h2 {
        font-size: 18px;
        height: 26px;
    }
    figcaption {
        font-size: 10px !important;
    }
    .page-copy {
        width: 95%;
        padding: 30px 0;
    }
    .page-copy h3 {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: -0.03em;
    }
    .page-copy h4 {
        font-size: 14px;
        line-height: 1.5;
    }
    section[class*="section"] .page-copy h4 {
        line-height: 1.5;
    }
    .location-main{
        position: relative;
        padding: 49px 0 0;
    }
    .location-main .location-main__upper figcaption,
    .location-main .location-main__lower figcaption{
        line-height: 1.2;
    }
    .location-main_sp > *{
        width: 100%;
    }
    .location-main .page-main__image.sp-1 img{
        width: 100%;
        aspect-ratio: 1.8703;
    }
    .location-main .page-main__image.sp-2{
        width: 41.6%;
    }
    .location-main .page-main__image.sp-2 img{
        width: 100%;
        aspect-ratio: 1.386;
    }
    .location-main .page-main__image.sp-3{
        width: 58.4%;
    }
    .location-main .page-main__image.sp-3 img{
        width: 100%;
        aspect-ratio: 1.9466;
    }
    .location-main .page-main__image.sp-4 img{
        width: 100%;
        aspect-ratio: 2.3885;
    }
    .location-main_sp figcaption{
        color: #fff!important;
        text-shadow: 0px 0px 2px rgba(0,0,0,0.8), 0px 0px 2px rgba(0,0,0,0.8) !important;
    }
    .location-main .location-main__upper .cap-1,
    .location-main .location-main__upper .cap-2{
        bottom: 15px;
    }
    .location-menu {
        margin-bottom: 30px;
    }
    .location-menu > *{
        width: 100%;
    }
    .location-title{
        font-size: 24px;
        line-height: 1.4;
    }
    .park-event {
        padding: 70px 0 50px;
    }
    .park-event_image p.caption{
        text-align: left;
    }
    .park-album .slick-slide img{
        margin: 0 auto;
    }
    .park-evacuation_list{
        gap: 20px;
    }
    .park-evacuation_list > * {
    /*
        width: 100%;
    */
    width: calc((100% - 20px) / 2);
    }
    .park-evacuation_list .txt h5{
        font-size: 16px;
        letter-spacing: 1px;
    }
    .park-evacuation_list .txt p{
        font-size: 13px;
        letter-spacing: 1px;
    }
    .park-list_wrap > *{
        width: calc((100% - 15px) / 2);
    }
    .park-list_wrap .txt {
        font-size: 18px;
    }
    .park-topics{
        padding: 11% 5%;
    }
    .park-topics .flex-box{
        gap: 5vw 0;
    }
    .park-topics .flex-box .flex-cnt{
        width: 100%;
    }
    .park-topics .flex-box .p1{
        font-size: 18px;
        padding: 8px 10px 4px;
    }
    .park-topics .flex-box .p2{
        font-size: 15px;
        margin: 15px 0 0;
    }
    .park-topics .img-box {
        gap: 7vw 0;
    }
    .park-topics .img-1{
        width: 100%;
    }
    .park-topics .img-2{
        width: 100%;
    }
    .shopping-mall_blc:nth-child(even),
    .shopping-mall_blc{
        width: 90%;
        margin: 0 auto 80px;
        gap: 20px;
    }
    .shopping-mall_blc > .shopping-mall_text,
    .shopping-mall_blc .shopping-mall_image{
        width: 100%;
        position: static;
    }
    .shopping-mall_blc .shopping-mall_text{
        order: 1;
    }
    .shopping-mall_blc .shopping-mall_image{
        order: 2;
        margin: 5px 0 0;
    }
    .shopping-mall_blc .list{
        order: 3;
        margin: 0 !important;
        width: 100%;
        font-size: 12px;
    }
    .shopping-mall_blc .list p{
        margin: 0 0 10px;
    }
    .shopping-mall_blc .list img{
        margin: 0 !important;
    }
    .shopping-mall_blc > .shopping-mall_text:before,
    .shopping-mall_blc.reverse > .shopping-mall_text:before{
        display: none !important;
    }
    .shopping-mall_text h5{
        padding: 15px !important;
        letter-spacing: 0;
        background: #d3dded;
        line-height: 1.25;
    }
    .shopping-mall_text h5 .minute{
        margin: 5px 0 0;
        line-height: 1.25;
    }
    .street-list > *{
        width: 100%;
    }
    .machida-body {
        padding: 50px 0 0;
    }
    .machida-list > *{
        width: 100%;
    }
    .machida-list + .caption {
        margin-bottom: 40px;
        text-align: left;
    }
    .machida-list_image + .caption {
        font-size: 18px;
    }
    .library-wrap_text,
    .library-wrap_image.img1,
    .library-wrap_image.img2,
    .library-wrap_image.img3,
    .hall-wrap_text,
    .hall-wrap_image.img1,
    .hall-wrap_image.img2,
    .hall-wrap_image.img3{
        position: static;
        width: 100%;
        margin-bottom: 0;
    }
    .park-image.img2,
    .education-image.img1,
    .park-image.img1{
        width: 100%;
    }
    .park-image.img2 p,
    .education-image.img1 p,
    .park-image.img1 p{ 
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        font-size: 10px;
    }
    .shopping-image.img1 p {
        font-size: 10px;
    }
    .park-image.img1 p.caption{ 
        font-size: 10px;
    }
    .library-event_text .img.img3{
        max-width: 100%;
    }
    .hall-wrap_text.text2,
    .library-wrap_image,
    .hall-wrap_image{
        margin-top: 20px;
    }
    .library-wrap{
        padding-left: 0;
        margin: 0 auto 80px;
    }
    .hall-wrap_text h4,
    .library-wrap_text h4{
        text-align: center;
        padding: 0;
    }
    .library-wrap_image,
    .library-wrap_text h4 + p{
        padding-left: 50px;
    }
    .library-event{
        padding: 0 0 0 50px;
    }
    .library-event_title{
        margin: 50px 0 30px 50px;
    }
    .library-event_image img{
        width: 100%;
        max-width: unset;
    }
    .library-event_image,
    .library-event_text{
        width: 100%;
    }
    .library-event_text p:nth-child(n+2) {
        margin-top: 10px;
    }
    .library-event_text .img{
        position: static;
        margin-top: 20px;
    }
    .library-wrap + .caption{
        margin: 30px auto 80px;
    }
    .hall-wrap_text.text1:before,
    .library-wrap_text:before{
        left: 0;
        right: 0;
    }
    .school-list.lower,
    .school-list{
        gap: 30px 15px;
        margin-top: 40px;
    }
    .school-list > *,
    .school-list.lower > *{
        width: calc( (100% - 15px) / 2);
    }
    .school-list_text h4 {
        font-size: 18px;
    }
    .page-copy.school h4 {
        font-size: 24px;
    }
    .education-body {
        padding: 50px 0 0;
    }
    .education-topics {
        padding: 50px 0;
        margin-bottom: 30px;
    }
    .education-topics_list{
        gap: 30px 10px;
    }
    .education-topics_list.lower .left > *,
    .education-topics_list > *{
        width: calc((100% - 10px) / 2);
    }
    .education-topics_item{
        min-height: 130px;
        border-left: 5px solid #ac1244;
        padding: 0 0 0 15px;
    }
    .education-topics_list.lower .left{
        display: flex;
        flex-wrap: wrap;
        gap: 30px 10px;
        width: 100%;
    }
    .lower .education-topics_item + .education-topics_item,
    .education-topics_image, .education-topics_item + .education-topics_item{
        margin: 0;
    }
    .lower.education-topics_list{
        margin-top: 30px;
    }
    .lower.education-topics_list .right{
        width: 100%;
        margin-top:0;
    }

    .education-topics_item h5{
        font-size: 15px;
        margin: 0 0 10px; 
    }
    .education-topics_item p{
        font-size: 12px;
    }
    .sub-location-menu {
        width: 100%;
    }
    .sub-location-menu.active {
        top: 49px;
        gap: 0px;
    }
    .sub-location-menu > *{
        width: calc(100% / 3)
    }
    .is-hide + #wrapper .sub-location-menu.active {
        top: 0;
    }
    .sub-location-menu.active h3{
        font-size: 13px;
        letter-spacing: 0em;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 28px;
    }
    .sub-location-menu.active p {
        font-size: 10px;
        letter-spacing: 0em;
    }

    .gourmet {
        padding-bottom: 40px;
    }
    .gourmet .swipe-icon {
        margin-top: 40px;
    }

    .gourmet-list .slick-slide,
    .park-album .slick-slide{
        width: 70vw;
    }
    .gourmet-list_text{
        min-height: 210px;
    }
    .gourmet-list_text h5{
        line-height: 1;
    }
    .gourmet-list_text h5 span{
        margin: 8px 0 15px;
        display: block;
    }

    .slick-dots {
        bottom: -10px;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 10px;
    }
    .park-album .slide-note {
        margin-top: 20px;
    }

    .park-topics .flex-box .flex-cnt:nth-child(1){
        order: 2;
    }
    .park-topics .flex-box .flex-cnt:nth-child(2){
        order: 4;
    }
    .park-topics .flex-box .flex-cnt:nth-child(3){
        order: 5;
    }
    .park-topics .flex-box .img-1{
        order: 3;
    }
    .park-topics .flex-box .img-2{
        order: 1;
    }
    .education-topics_list + .caption{
        text-align: left;
    }

}
@media screen and (max-width: 414px){
    .park-evacuation_list .txt p{
        min-height: 123px;
    }
}
@media screen and (min-width: 375px){
}


/* event */
.event-wrap{
    width: 100%;
    position: relative;
    aspect-ratio: 0.47055;
}
.event-wrap img{
    max-width: unset;
    width: 100%;
    height: auto;
}
.event-wrap > *{
    position: absolute;
}
.event-wrap .caption p{
    font-size: 10px;
    text-align: left;
    white-space: nowrap;
}
.event-wrap .event-image{
    opacity: 0;
    transform: scale(1.25);
    transition: opacity 1.2s cubic-bezier(.7, .3, .55, 1), transform .6s cubic-bezier(.11, .76, .26, 1);
}
.event-wrap .event-image.show{
    opacity: 1;
    transform: scale(1);
}
.event-wrap > .text{
    width: 85.1445%;  
    z-index: 1;
}
.event-wrap > .text.spring{
    top: 1.8595%;
    right: 0;
}
.event-wrap > .text.summer{
    width: 78.2290%;
    top: 20.575%;
    left: 0;
}
.event-wrap > .text.autumn{
    top: 49.5%;
    right: 0;
}
.event-wrap > .text.winter{
    top: 79.7953%;
    left: 0;
}
.event-wrap > .image.spring01{
    z-index: 2;
    width: 6.419%;
    top: 1.3774%;
    left: 75.7409%;
}
.event-wrap > .image.spring02{
    z-index: 4;
    width: 24.3322%;
    top: 4.3044%;
    left: 59.3121%;
}
.event-wrap > .image.spring03{
    z-index: 2;
    width: 19.7585%;
    top: 0.8092%;
    left: 3.476%;
}
.event-wrap > .image.spring04{
    z-index: 3;
    width: 47.6399%;
    top: 12.386%;
    left: 0%;
}
.event-wrap > .image.spring05{
    z-index: 3;
    width: 9.0376%;
    top: 7.8684%;
    left: 85.9129%;
}
.event-wrap > .image.summer01{
    z-index: 5;
    width: 11.4526%;
    top: 23.7603%;
    left: 4.6834%;
}
.event-wrap > .image.summer02{
    z-index: 3;
    width: 18.5144%;
    top: 20.6955%;
    left: 27.2594%;
}
.event-wrap > .image.summer03{
    z-index: 2;
    width: 38.3827%;
    top: 27.5786%;
    left: 4.2810%;
}
.event-wrap > .image.summer04{
    z-index: 2;
    width: 33.004%;
    top: 33.4022%;
    left: 37.1877%;
}
.event-wrap > .image.summer05{
    z-index: 2;
    width: 22.68514%;
    top: 16.3272%;
    left: 75.3386%;
}
.event-wrap > .image.summer06{
    z-index: 3;
    width: 31.2111%;
    top: 33.1101%;
    left: 68.7888%;
}
.event-wrap > .square.summer{
    z-index: 1;
    width: 21.771%;
    aspect-ratio: 1.4210;
    top: 33.7233%;
    right: 0%;
    background: #ecf4fa;
}
.event-wrap > .image.autumn01{
    z-index: 2;
    width: 9.5133%;
    top: 66.1551%;
    left: 84.9249%;
}
.event-wrap > .image.autumn02{
    z-index: 2;
    width: 23.1979%;
    top: 49.0196%;
    left: 72.9235%;
}
.event-wrap > .image.autumn03{
    z-index: 3;
    width: 16.9045%;
    top: 53.8448%;
    left: 59.0925%;
}
.event-wrap > .image.autumn04{
    z-index: 3;
    width: 38.0534%;
    top: 59.676%;
    left: 24.9176%;
}
.event-wrap > .image.autumn05{
    z-index: 2;
    width: 24.3322%;
    top: 63.393%;
    left: 57.0559%;
}
.event-wrap > .image.autumn06{
    z-index: 3;
    width: 12.8430%;
    top: 71.0826%;
    left: 75.5095%;
}
.event-wrap > .image.autumn07{
    z-index: 4;
    width: 26.6008%;
    top: 57.4115%;
    left: 1.1708%;
}
.event-wrap > .square.autumn{
    z-index: 1;
    width: 14.856%;
    aspect-ratio: 1;
    top: 67.8081%;
    left: 0%;
    background: #f0e8e5;
}
.event-wrap > .image.winter01{
    z-index: 2;
    width: 28.8327%;
    top: 85.6947%;
    left: 51.9209%;
}
.event-wrap > .image.winter02{
    z-index: 3;
    width: 23.1613%;
    top: 88.8375%;
    left: 34.5042%;
}
.event-wrap > .image.winter03{
    z-index: 3;
    width: 14.4529%;
    top: 88.1329%;
    left: 75.8507%;
}
.event-wrap > .image.winter04{
    z-index: 2;
    width: 6.0739%;
    top: 92.5329%;
    left: 30.4793%;
}
.event-wrap > .image.winter05{
    z-index: 2;
    width: 3.9882%;
    top: 94.0208%;
    left: 22.0636%;
}
.event-wrap > .image.winter06{
    z-index: 2;
    width: 6.2568%;
    top: 80.6479%;
    left: 63.1906%;
}
.event-wrap > .image.winter07{
    z-index: 3;
    width: 7.6472%;
    top: 83.103%;
    left: 68.4961%;
}
.event-wrap > .image.winter08{
    z-index: 3;
    width: 5.3787%;
    top: 88.7809%;
    left: 20.783%;
}
.event-wrap > .image.winter09{
    z-index: 3;
    width: 3.6237%;
    top: 93.2992%;
    left: 12.66%;
}
.event-wrap .caption.caption01{
    top: 16.8512%;
    left: 67.5082%;
}
.event-wrap .caption.caption02{
    top: 42.6879%;
    left: 88.3644%;
}
.event-wrap .caption.caption03{
    top: 76.4489%;
    left: 68.0036%;
}
.event-wrap .caption.caption04{
    top: 98.78942%;
    left: 75.1555%;
}
@media screen and (max-width: 768px){
    .event-wrap{
        width: 100%;
        aspect-ratio: 0.15163;
    }
    .event-wrap .caption p{
        font-size: 9px;
    }
    .event-wrap > .text.spring{
        width: 86.8%;   
        top: 0;
        right:0;
    }
    .event-wrap > .image.spring01{
        z-index: 2;
        width: 13.866%;
        top: 9.963%;
        left: 75.533%;
    }
    .event-wrap > .image.spring02{
        z-index: 4;
        width: 46.733%;
        top: 11.433%;
        left: 39.533%;
    }
    .event-wrap > .image.spring03{
        z-index: 2;
        width: 39.33%;
        top: 11.034%;
        left: 7%;
    }
    .event-wrap > .image.spring04{
        z-index: 3;
        width: 91%;
        top: 18.318%;
        left: 0%;
    }
    .event-wrap .caption.caption01{
        top: 22.523%;
        left: 67.733%;
    }
    .event-wrap > .text.summer{
        width: 86.8%;   
        top: 23.713%;
        left:0;
        z-index: 1;
    }
    .event-wrap > .image.summer01{
        z-index: 2;
        width: 16.5%;
        top: 23.408%;
        left: 9.7546%;
    }
    .event-wrap > .image.summer02{
        z-index: 2;
        width: 39.5333%;
        top: 33.522%;
        left: 54.666%;
    }
    .event-wrap > .image.summer03{
        z-index: 3;
        width: 62.8%;
        top: 37.4949%;
        left: 3%;
    }
    .event-wrap > .image.summer04{
        z-index: 2;
        width: 38.733%;
        top: 46.8912%;
        left: 10.0666%;
    }
    .event-wrap > .image.summer05{
        z-index: 3;
        width: 27.6%;
        top: 40.271%;
        left: 69.2%;
    }
    .event-wrap > .image.summer06{
        z-index: 2;
        width: 52.2%;
        top: 46.516%;
        left: 47.666%;
    }
    .event-wrap .caption.caption02{
        top: 51.7835%;
        left: 71.333%;
    }
    .event-wrap > .text.autumn{
        width: 89.8%;   
        top: 53.3846%;
        right:0;
    }
    .event-wrap > .image.autumn01{
        z-index: 2;
        width: 18.4%;
        top: 53.8%;
        left: 58.9333%;
    }
    .event-wrap > .image.autumn02{
        z-index: 2;
        width: 39.6%;
        top: 64.248%;
        left: 55.66666%;
    }
    .event-wrap > .image.autumn03{
        z-index: 3;
        width: 33.0666%;
        top: 64.9169%;
        left: 27.2%;
    }
    .event-wrap > .image.autumn04{
        z-index: 3;
        width: 58.4666%;
        top: 70.3363%;
        left: 4.4666%;
    }
    .event-wrap > .image.autumn05{
        z-index: 2;
        width: 40.2%;
        top: 70.7166%;
        left: 53.4333%;
    }
    .event-wrap > .image.autumn06{
        z-index: 4;
        width: 20.2%;
        top: 76.8283%;
        left: 54%;
    }
    .event-wrap > .image.autumn07{
        z-index: 2;
        width: 36.9333%;
        top: 63.9744%;
        left: 3.2%;
    }
    .event-wrap .caption.caption03{
        top: 78.9927%;
        left: 74.2%;
    }
    .event-wrap > .text.winter{
        width: 88.4%;   
        top: 80.2594%;
        left:0;
        z-index: 1;
    }
    .event-wrap > .image.winter01{
        z-index: 3;
        width: 49.8%;
        top: 89.6838%;
        left: 39%;
    }
    .event-wrap > .image.winter02{
        z-index: 4;
        width: 42%;
        top: 89.906%;
        left: 3.4666%;
    }
    .event-wrap > .image.winter03{
        z-index: 2;
        width: 26.0666%;
        top: 93.03810%;
        left: 70.4%;
    }
    .event-wrap > .image.winter04{
        z-index: 2;
        width: 15.6%;
        top: 96.068%;
        left: 27.666%;
    }
    .event-wrap > .image.winter05{
        z-index: 2;
        width: 9.7333%;
        top: 96.763%;
        left: 14.2%;
    }
    .event-wrap .caption.caption04{
        bottom: .5%;
        left: 71.2%;
    }
}