.slide_info_box {
    display: -webkit-flex;
    position: fixed;
    z-index: 100;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.5s ease-out;
    visibility: hidden;
}
.slide_info_box_open {
    left: 0;
}
.slide_info {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    background-color: #FFFFFF;
    overflow-y: auto;
    z-index: 101;
}

.slide_info_head {
    font-size: max(2.5rem, 22px);
    color: #5bab39;
    margin-top: 60px;
    margin-left: 2vw;
    margin-bottom: 6vw;
}
.slide_info_t1 {
    margin-left: 2vw;
}
.slide_info_t2 {
    margin-top: 3vw;
    margin-left: 2vw;
    font-weight: bold;
}
.slide_info_t3 {
    margin-left: 2vw;
}
.slide_info_t4 {
    margin-left: 2vw;
    margin-left: 5vw;
}

.map {
    width: 100%;
    height: auto;
    margin-right 0px;
    border: 2px solid #5bab39;
}
.map img {
    width: 100%;
}
.map .map_header {
    width: min(280px, 90%);
    padding: 1vw 1vw;
    margin: 2vw 2vw;
    background-color: #5bab39;
    box-shadow: 0 0 0 2vw #5bab39;
    border: dashed 1vw #ffffff;
}
.map .map_header p {
    margin: 0; 
    padding: 0;
    font-size: max(1.6rem, 11px);
    color: #ffffff;
}
.map .googlemap {
    display: inline-block;
    margin-top: 5px;
    padding : 5px;
    font-size: max(1.6rem, 11px);
    border: dashed 1px #5bab39;
    background-color: #ffffff;
}
.map .googlemap a {
    color: #5bab39;
    text-decoration: none;
}

.close_btn {
    display: inline-block;
    position: fixed;
    z-index: 102;
    width: auto;
    height: auto;
    margin-top: 2vw;
    margin-left: 2vw;
    margin-bottom: 2vw;
}
.close_btn img {
    width: 30px;
    text-align: center;
}
.close_btn p {
    font-size: max(1.4rem, 14px);
    text-align: center;
    margin-top: -5px;
    color: #000000;
}


.dotted_line {
    width: 100%;
    border-bottom: 1px dashed #5bab39;
    margin: 0 auto;
    margin-top: 2vw;
}

.notice_info_box {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: -100%;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.5s ease-out;
    visibility: hidden;
    z-index: 110;
    overflow-y: auto;
}
.notice_info_box_open {
    right: 0;
}
.notice_info {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    background-color: #ffffff;
    overflow-y: auto;
    z-index: 111;
    visibility: hidden;
}
.notice_info .date {
    position: absolute;
    top: 1vw;
    right: 2vw;
}
.notice_info .date p {
    font-size: 12px;
}
.notice_info .info {
//    margin-top: 7vw;
    margin-left: 5vw;
    margin-right: 5vw;
    margin-bottom: 2vw;
    border-bottom: 1px dashed #5bab39;
}
.notice_info img {
    width: max(20rem, 180px);
    margin-top: 2vw;
    margin-left: 5vw;
    margin-bottom: 2vw;
}
.notice_info .notice_flg {
    width: 80px;
    margin-top: 30px;
    margin-left: 5vw;
    align-items: center;
    text-align: center;
    font-size: max(1.6rem, 14px);
}
.notice_close_btn {
    display: inline-block;
//    z-index: 90;
    width: auto;
    margin-left: 1rem;
    text-align: center;
//    transition: all 0.5s ease-out;
}
.notice_close_btn:hover {
    cursor: pointer;
}
.notice_close_btn img {
    width: max(3rem, 20px);
    margin-top: 1vw;
    margin-left: 0;
    margin-bottom: 0;
}
.notice_close_btn span {
    font-size: max(1.2rem, 10px);
    color: #000000;
}

.notice_zoom {  /* 新着情報画像の拡大表示 */
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 121;
}
.zoom {
    cursor: pointer;
    border: 1px solid #5bab39;
}
.zoomimg1 {
    width: 10%;
    height: 95%;
    z-index: 122;
}
.zoomimg2 {
    display: flex;
    width: 90%;
    height: 95%;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-image: url();
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 122;
}
.zoomimg3 {
    width: 10%;
    height: 95%;
    z-index: 122;
}
.zoom_close_btn {
    margin-top: 4px;
    margin-left: 5px;
    z-index: 123;
}
.zoom_close_btn img {
    width: max(3rem, 20px);
    background-color: rgba(91, 171, 57, 0.5);
}

/* レスポンシブ対応 */
@media screen and (min-width: 701px) {  // PCサイズの場合
.slide_info_head {
    font-size: 16px;
    color: #5bab39;
    margin-top: 12px;
    margin-left: 2px;
    margin-bottom: 6px;
    font-weight: bold;
}
.slide_info_t1 {
    margin-left: 2vw;
//    font-size: 16px;
}
.slide_info_t2 {
    margin-top: 2vw;
    margin-left: 3vw;
    margin-bottom: 1vw;
    font-weight: bold;
//    font-size: 16px;
}
.slide_info_t3 {
    margin-left: 3vw;
//    font-size: 16px;
}
.slide_info_t4 {
    margin-left: calc(3vw + 2rem);
//    font-size: 16px;
}

.map {
    width: 95%;
    height: auto;
    margin: 0 auto;
    border: 2px solid #5bab39;
}
.map img {
    width: 100%;
}
.map .map_header {
    width: max(22vw, 280px);
    padding: 0.5vw 0.5vw;
    margin: 0.5vw 0.5vw;
    background-color: #5bab39;
    box-shadow: 0 0 0 1rem #5bab39;
    border: dashed 0.2rem #ffffff;
}
.map .map_header p {
    margin: 0; 
    padding: 0;
    font-size: max(1.2rem, 12px);
    color: #ffffff;
}
.map .googlemap {
    font-size: max(1.2rem, 12px);
}

.dotted_line {
    width: 90%;
}

.notice_info {
    width: 60%;
}
.notice_info .date p {
    font-size: max(1.6rem, 16px);
}
.notice_info .notice_flg {
    width: 6vw;
}
}