.page_top_img{
    background:url(../images/access/top_img.jpg) center/cover no-repeat;
}

.blue_bg{
    background: #ebf8fe;
/*    padding: 60px 0;*/
}


.map_block{
    font-size: 0;
}




.activity_block{
    margin: 0 auto;
    padding: 40px 0;
}
.activity_block .main_title{
    margin: 0 0 40px 0;
}
.activity_block .center_text{
    text-align: center;
    color: #3b4e63;
}

.activity_block .content_block{
    font-size: 0;
    margin: auto;
}

.activity_block .content_block .one_block{
    position: relative;
    margin-bottom: 120px;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    width: 280px;
}
.activity_block .content_block .one_block.center{margin: 0 80px;}
.activity_block .content_block .one_block:hover{
    opacity: 0.8;
}

.activity_block .content_block .one_block .img_block{
    position: relative;
    z-index: 2;
    width: 262px;
    height: 200px;
}
.activity_block .content_block .one_block.center .img_block{margin-top: 70px;}

.activity_block .content_block .one_block .blue_block{
    position: absolute;
    z-index: 1;
    width: 262px;
    height: 200px;
    background: #42b9ef;
    top: 70px;
    right: 0;
}
.activity_block .content_block .one_block.center .blue_block{top: 0;}

.activity_block .content_block .one_block .blue_block .title_block{
    height: 100%;
    width: 100%;
    position: relative;
    color: #fff;
    text-align: center;
    
}

.activity_block .content_block .one_block .blue_block .title{
    position: absolute;
    width: 88%;
    padding-left: 3px;
    box-sizing: border-box;
    height: 70px;
    bottom: 0;
    display: table;
}
.activity_block .content_block .one_block.center .blue_block .title{top: 0;}
.activity_block .content_block .one_block .blue_block .title p{
    display: table-cell;
    vertical-align: middle;
}

.activity_block .content_block .one_block .blue_block span{
    position: absolute;
    right: 7px;
    bottom: 24px;
    font-size: 13px;
    border: 1px #fff solid;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    line-height: 22px;
}
.activity_block .content_block .one_block.center .blue_block span{top: 24px;}

.activity_block .view_more{
    display: block;
    margin: 0 auto;
}


.detail_block {
    padding: 40px 0 0 0;
}
.detail_block .main_title{
    margin: 0 0 40px 0;
}
.detail_block .content{
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}
.detail_block .img_block {
    display: block;
    width: 100%;
    height: 400px;
}
.detail_block .outline {
    margin: 30px 0;
    font-size: 18px;
}
.detail_block .facility {
    margin: 0 0 30px 0;
    font-size: 18px;
}
.detail_block .link {
    margin: 0 0 30px 0;
    font-size: 14px;
    line-height: 1.8;
}
.detail_block .link a {
    word-break: break-all;
}
iframe{
    width: 100%;
}




.guidemap
{
    margin-top: 30px;
}
.guidemap .title br
{
    display: none;
}
.guidemap ul
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 30px 0 0 0;
    padding: 0 50px;
}
.guidemap ul li
{
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30%;
}
.guidemap ul li:first-of-type
{
    margin: 0 2% 0 0;
}
.guidemap ul li img
{
    margin-bottom: 10px;
    width: 100%;
}





@media all and (max-width: 768px) {
            .activity_block{
                background: #e9f1fe;
            }
            .activity_block .center_text{
                font-size: 3.5vw;
            }

            .activity_block .content_block{
                margin-bottom: 30px;
            }

            .activity_block .content_block .one_block{
                font-size: 3.7vw;
                width: 47%;
                margin-bottom: 3vh;
                filter: drop-shadow(0 0 2px #999);
            }
            .activity_block .content_block .one_block.center{margin: 0 0 3vh 0;}
            
            .activity_block .content_block .one_block:nth-child(odd){
                margin-right: 6%;
            }
            
            .activity_block .content_block .one_block .img_block{
                width: 94%;
                height: 15vh;
            }
            .activity_block .content_block .one_block.center .img_block{margin-top: 0;}
            .activity_block .content_block .one_block:nth-child(even) > .img_block{
                margin-top: 7vh;
            }

            .activity_block .content_block .one_block .blue_block{
                width: 94%;
                height: 15vh;
                top: 7vh;
            }
            /*.activity_block .content_block .one_block.center .blue_block{top: 0;}*/
            .activity_block .content_block .one_block.center .blue_block{top: 7vh;}
            .activity_block .content_block .one_block:nth-child(even) > .blue_block{
                top: 0;
            }

            .activity_block .content_block .one_block .blue_block .title_block{
            }

            .activity_block .content_block .one_block .blue_block .title{
                width: 88%;
                height: 7vh;
            }
            /*.activity_block .content_block .one_block.center .blue_block .title{top: 0;}*/
            .activity_block .content_block .one_block.center .blue_block .title{top:initial; bottom: 0;}
            .activity_block .content_block .one_block:nth-child(even) > .blue_block .title{
                top: 0;
            }
            .activity_block .content_block .one_block .blue_block .title p{
                font-size: 3.2vw;
            }

            .activity_block .content_block .one_block .blue_block span{
                right: 4px;
                bottom: 2.5vh;
                font-size: 2vw;
                height: 3.4vw;
                width: 3.4vw;
                line-height: 3.6vw;
            }
            /*.activity_block .content_block .one_block.center .blue_block span{top: 0;}*/
            .activity_block .content_block .one_block.center .blue_block span{top:initial; bottom: 24px;}
            .activity_block .content_block .one_block:nth-child(even) > .blue_block span{
                top: 2.5vh;
            }

            .activity_block .view_more{
                margin-top: -10vh;
            }
            
            
            
            
            
            .detail_block .img_block {
                height: 200px;
            }


            
            
            .guidemap .title br
            {
                display: initial;
            }
            .guidemap ul
            {
                padding: 0 10px;
            }
            .guidemap ul li
            {
                margin: 0;
                padding: 0;
                text-align: center;
                width: 49%;
            }
            
}