@charset "utf-8";
/* CSS Document */


/* ==========================
======　各ページタイトル　======
============================= */

.page_visual {
    background: url(../img/page_visual.png)no-repeat center center;
    padding: 63px 0;
    background-size: cover;
    margin: 87px auto 0;
    width: 100%;
    max-width: 1366px;
}

.page_visual .content_title {
        text-align: center;
        margin: 0;
}

.page_visual .content_title .big_title {
    font-size: 24px;
    color: #FFF;
    font-weight: normal;
}
.page_visual .content_title .small_title {
        font-size: 85%;
        color: #FFF;
}




/* ==========================
==========　メイン　===========
============================= */


.content_inner {
        overflow: hidden;
}

.content_title {
        text-align: center;
        margin: 50px 0 30px;
}

.content_title .big_title {
    font-size: 30px;
    color: #40a5f5;
    font-weight: bold;
}
.content_title .small_title {
        font-size: 85%;
        color: #666666;
}





.content_box.map {
        background: #ccdaeb;
    width: 1160px;
    margin: 0 auto 50px;
    overflow: hidden;
}
.content_box a:hover {
    opacity: 0.8;
}
.content_box.map .content_inner {
    width: 600px;
    margin: 0 auto 0px;
    padding: 80px 0;
    font-size: 130%;
}

.content_box.map ul.sm_L {
        float: left;
}
.content_box.map ul.sm_R {
        float: right;
}

.content_box.map ul li.sm_first {
        background: url(../img/icon_01.png)no-repeat center left;
        padding: 0 0 0 20px;
        margin: 0 0 15px 0;
}
.content_box.map ul li.sm_second {
        background: url(../img/icon_01.png)no-repeat center left;
        padding: 0 0 0 20px;
        margin: 0 0 15px 25px;
}
.content_box.map ul li.sm_third {
        background: url(../img/icon_02.png)no-repeat center left;
        padding: 0 0 0 20px;
        margin: 0 0 15px 60px;
}


.content_box.map ul li:hover {
    background: url(../img/icon_01.png)no-repeat center left 6px;
    transition: .3s all;
}

.content_box.map ul li.sm_third:hover {
        background: url(../img/icon_02.png)no-repeat center left 6px;
    transition: .3s all;
}



/* 固有のスマホ対応記述
========================== */

/* 1200pxより小さい場合
@media screen and ( max-width: 1200px ){

    body,
        header nav {
        width: 1200px;
    }
        
} */

/* 700pxより小さい場合 */
@media screen and ( max-width: 767px ){
	.content_inner li{
		font-size: 15px;
	}
        .content_box.map {
                background: #ccdaeb;
                width: 100%;
                margin: 0 auto 50px;
                overflow: hidden;
        }
        .content_box.map .content_inner {
                width: auto;
                margin: 0 auto 0px;
                padding: 80px 20px;
                font-size: 130%;
                display: flex;
    flex-wrap: wrap;
        }
        content_box.map {
                background: #ccdaeb;
                width: 100%;
                margin: 0 auto 50px;
                overflow: inherit;

                display: flex;
                flex-wrap: wrap;
        }
        .content_box.map ul.sm_R {
                float: inherit;
        }

}


/* 400pxより小さい場合 */
@media screen and ( max-width: 400px ){

        .content_title .big_title {
                font-size: 160%;
        }
        .content_title {
                margin: 20px 0;
        }

        
}


/* 360pxより小さい場合 */
@media screen and ( max-width: 360px ){}

@media print {}