@charset "utf-8";

#map .main_area {
    height: 200px;
    background: rgba(91,128,149,0.2);
    margin: 0 auto 50px;
}
#map .main_area h2 {
    text-align: center;
    /*margin: 50px auto;*/
    font-size: 32px;
    color: #333;    
}

.map_box { margin: 0 auto 70px;}
.map_box figure:last-of-type{ margin: 40px auto 0;}
.gallery_ttl_Box{
    background: rgba(91,128,149,0.2);
    margin: 120px calc(50% - 50vw) 0;
    width: 100vw;
}
.gallery_ttl{
    text-align: center;
    font-size: 32px;
    padding: 32px 0;;
}
.btn_list {
    display: flex;
    justify-content: center;
    /*
    max-width: 340px;
    width: 30%;
    */
    margin: 0 auto 70px;
    text-align: center;
}
/* .btn_list li { width: 46%;} */
.btn_list li a {
    display: block;
    padding: 15px;
}
.btn_list li {
    max-width: 340px;
    width: 30%;
    opacity: 1;
    transition: .5s;
}
.btn_list li:first-of-type {
    margin-right: 30px;
}
.btn_list li:hover {
    opacity: 0.5;
    transition: .5s;
}
.btn_list li a {
    background: #054251;
    color: #FFF;
}

.map_P .contact_area .member {
    margin: 0 auto;
}
.map_box { 
    margin: 0 auto 70px;
    pointer-events: none;
}
img[usemap]{
    max-width: 100%;
    height: auto;
}
area{outline: none;}
/*-----------------------------
sp
-----------------------------*/
@media only screen and (max-width: 768px) {

#map .main_area {
    height: 80px;
    margin: 0 auto 30px;
}
#map .main_area h2 { font-size: 20px; }
    .map_box figure:last-of-type{ margin: 20px auto 0;}
    .map_box { 
        pointer-events: unset;
    }
    .btn_list li {
        width: 100%;
    }
    .btn_list li:first-of-type {
        margin-right: unset;
        display: none;
    }
    .gallery_ttl_Box{
        background: rgba(91,128,149,0.2);
        margin: 60px calc(50% - 50vw) 0;
        width: 100vw;
    }
    .gallery_ttl{
        text-align: center;
        font-size: 20px;
        padding: 20px 0;;
    }
/* .btn_list {
    justify-content: center;
    width: 94%;
    text-align: center;
}
.btn_list li { width: 100%;}
.btn_list li:first-of-type {
    display: none;
} */
}

/*-----------------------------
印刷
-----------------------------*/

@media print {
    body { zoom: 0.5;}
    header, nav, .btn_list, .main_area, .contact_area, footer, #pageTop { display: none !important;}

    .fade { opacity: 1;}
}