@charset "UTF-8";

/*map_area*/
.map_area {
    position: relative;
    display: flex;
}

.map_area p {
    margin-bottom: 10px;
}

.map_area .name_area {
    color: #638fa2;
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.map_area .withBar {
    background: #a0a2a4;
    color: #fff;
    padding-left: 10px;
}

.map_area .area_1f {
    margin-top: 225px;
}

.map_area .img {
    margin-top: 115px;
    width: 33%;
}

.left_area {
    width: 34%;
    margin-right: 30px;
}

.right_area {
    width: 34%;
    margin-left: 30px;
}

@media screen and (max-width: 989px) {
    .freeArea .imgBlock {
        position: relative;
        overflow: visible;
    }

    .imgBlock .mapBtn {
        position: absolute;
        top: 0px;
        left: 0;
        opacity: 0.9;
    }

    .cboxPhoto {
        width: 512px !important;
        height: auto !important;
    }

    .planMainBlock {
        margin: 0 auto 0px;
    }
}


/*施設のご案内*/
.section .table01 {
    width: 100%;
    margin: 30px 0;
}

.section .table01:last-child {
    margin-bottom: 0;
}

/*
.sec_guide .withImageBox.right p.img{
    width: 355px;
}
*/
.sec_guide .withImageBox .img {
    margin: 0;
}

.sec_guide .withImageBox.right p.img {
    width: 355px;
}

.sec_guide .withImageBox .inner {
    overflow: hidden;
}

.sec_guide .withImageBox h3 {
    margin-bottom: 25px;
}

.sec_guide .withImageBox .btnM {
    margin-top: 30px;
}

.sec_guide table,
.bgGray,
.sec_guide p {
    margin: 0;
}

.sec_guide .freeArea p {
    margin-bottom: 20px
}

.sec_guide blockquote,
.bgGray {
    /* margin-left: 350px; */
}

.sec_guide .boxList {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.sec_guide .boxList li {
    margin: 0 11px 25px;
    width: 31%;
}

.sec_guide .boxList li:nth-child(3) {
    margin-right: 0;
}

.sec_guide .boxList li:nth-child(4),
.sec_guide .boxList li:nth-child(5) {
    margin-bottom: 0;
}

@media screen and (max-width: 989px) {
    .sec_guide .boxList li {
        width: 100%;
        margin: 0 0 25px;
    }

    .sec_guide .boxList li:nth-child(4),
    .sec_guide .boxList li:nth-child(5) {
        margin-bottom: 25px;
    }

    .sec_guide .boxList li:last-child {
        margin-bottom: 25px;
    }

    .sec_guide blockquote,
    .bgGray {
        margin-left: 0;
    }

    .sec_guide .withImageBox.right p.img {
        width: 100%;
    }

}

.boxList li .time {
    background: #faf9f8;
    border: 1px solid #DDD;
    padding: 15px 20px;
    display: block;
    margin-top: 20px;
}

.boxList li .time span {
    margin-left: 7.3rem;
}