@charset "utf-8";

section {
    padding-bottom: 0;
}

.sub_main {
    background-image: url(../images/facility/facility_main_01.jpg);
}

.sub_page h2 {
    border-bottom: solid 1px;
}

.sub_page h3 {
    color: #008E59;
    font-size: 18px;
    border-bottom: solid 1px #008E59;
}

p.scroll {
    color: #bbb;
}

.capacity_yoko {
    overflow-x: auto;
    width: 100%;
}

.kannai_area img {
    width: 100%;
    margin: 0 0 1em;
}

.gaikan {
    padding: 0 6%;
}


.kannai_list>li {
    margin: 0 auto 3em;
    background-color: #fff;
    padding: 3em 6%;
    width: 100%;
    max-width: 1100px;
}

.kannai_list .inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 6%;
}



.facility_list {
    margin: 0 0 2em;
}

.facility_list li {
    border-bottom: 2px dotted #707070;
    padding: 0 0 0.5em;
    margin: 0 0 0.5em;
}

.facility_list dl {
    display: flex;
    justify-content: space-between;
}

.facility_list dt {
    width: 5em;
}

.facility_list dd {
    width: calc(100% - 5em);
    padding: 0 0 0 0.5em;
}

.map iframe {
    height: 300px;
    margin: 0 0 1em;
}

.kannai_map_list {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.kannai_map_list li {
    margin: 0 0 1em;
}

/*600px以上*/
@media screen and (min-width: 600px) {
    .facility .flex_area {
        flex-direction: row-reverse;
    }

    .facility .text_area {
        width: 60%;
    }

    .facility .img_area {
        width: 36%;
    }

    .sub_page h3 {
        border-bottom: unset;
        font-size: 20px;
    }

    .capacity_yoko {
        white-space: nowrap;
    }

    .flex_box {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .flex_box h3 {
        width: 30%;
        text-align: center;
    }

    .flex_box .img_block {
        width: 60%;
    }

    .gaikan_bottom {
        justify-content: right;
        display: flex;
    }

    .gaikan_bottom img {
        width: 80%;
    }

    .kannai_list li:nth-child(odd) .flex_box {
        flex-direction: row-reverse;
    }

    .kannai_puoto {
        width: 60%;
        margin: 0 0.5em;
    }

    .kannai_puoto li {
        margin: 0;
        padding: 0;
    }

    .genkan_box {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .genkan_box li {
        width: 48%;
        margin: 0;
    }

}

/*900px以上*/
@media screen and (min-width: 900px) {
    .sub_page h3 {
        font-size: 26px;
    }

    .kannai_map_list {
        justify-content: space-between;
        flex-direction: initial;
    }

    .kannai_map_list li {
        margin: 0 0 1em;
        width: calc(100% / 2 - 1em);
    }

}

/*1000px以上*/
@media screen and (min-width: 1000px) {
    .facility h2 {
        font-size: 36px;
    }

    .facility .text_area {
        width: 50%;
    }

    .facility .img_area {
        width: 50%;
    }

    .facility .img_area img {
        width: 80%;
        margin: 0 auto;
    }

    .facility_list li {
        padding: 0 0 0.8em;
        margin: 0 0 0.8em;
    }
}