@charset "UTF-8";

#header_wrap {
    width:100%;
    margin:0;
    padding:0;
    overflow: hidden;
    position:relative;
    background-color: #fff;
    border-bottom: solid #00a5be 4px;
    height: 54px;
}
#header {
    width:960px;
    margin:8px auto 0 auto;
    position:relative;
}

#gNav_wrap {
    width:100%;
    margin-top:30px;
    border-bottom: solid #00a5be 4px;
}
#gNav {
    /*    width:960px;
    margin:0 auto;*/
}

#mainVisual_wrap {
    width: 100%;
    margin: 0 auto;
    background: rgba(81,159,188,1);
}

#mainVisual {
    width: 1282px;
    height: 418px;
    margin: 0 auto;
    position: relative;
}

@media(max-width:767px){
    #mainVisual_wrap {
        background: none;
    }

    #mainVisual {
        height: auto;
        width: 100%;
    }
}

#page_title_wrap {
    width: 100%;
    margin: 0px auto;
    background: rgba(75,162,195,0.5);
    display: table;
}

#page_title {
    width: 960px;
    height:136px;
    margin: 0 auto;
    position: relative;
}

.container {
    width:960px;
    margin:40px auto 0;
}
#sidebar {
    margin-top:38px;
    padding: 0 20px;
}

@media(max-width:767px){
    #feature {
        margin-top:-40px;
    }
    #feature .col {
        padding: 0;
    }
}

#info_catalog {
    margin-top:50px;
}

@media(max-width:767px){
    #info_catalog {
        margin-top:30px;
    }
}


#managementSite {
    margin-top:50px;
}

#footer_wrap {
    width:100%;
    clear:both;
    margin-top: 80px;
    padding: 20px 0 10px 0;
    background: #00a5be;;
}
#footer {
    width:960px;
    margin: 0 auto;
    color:#fff;
}

#footer a{
    color:#fff;
}

#footer p {
    padding-bottom: 0px;
}

#footer_logo_wrap {
    padding-bottom:10px;
}

@media(min-width:768px){
    /* pc非表示 */
    .footer_xs {
        display: none;
    }
}

@media(max-width:767px){
    #header_wrap {
        height: 56px;
        padding-left:10px ;
    }

    #header {
        width: 100%;
        margin-top:0;
    }

    #page_title {
        height: 70px;
    }

    .container {
        width: 100%;
    }

    /* シングルカラムページ用 */
    #singlePage {
        padding:0 10px;
    }

    #footer_wrap {
        padding:10px;
    }

    #footer {
        width:100%;
    }

    /* スマートフォン非表示 */
    #gNav_wrap,#sidebar {
        display:none;
    }
}





/*====================基本レイアウト====================*/
@media(max-width:767px){.hidden_xs {display: none !important}}
@media(min-width:768px){.hidden_md {display: none !important}}

/*===== 12カラムレイアウト =====*/
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.row:before,
.row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}

.col {
    min-height: 1px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}
.col:before, .col:after {
    content: " ";
    display: table;
    line-height: 0;
}
.col:after {
    clear: both;
}

.row.row_5 {
    margin-left:-5px;
    margin-right:-5px;
}
.row.row_5 .col {
    padding-left: 5px;
    padding-right: 5px;
}

.row.row_10 {
    margin-left:-10px;
    margin-right:-10px;
}
.row.row_10 .col {
    padding-left: 10px;
    padding-right: 10px;
}

.row.row_0 {
    margin-left:0;
    margin-right:0;
}
.row.row_0 .col {
    padding-left: 0;
    padding-right: 0;
}

.md_12,.md_10,.md_9,.md_8,.md_7,.md_6,.md_5,.md_4,.md_3,.md_2,.md_1,.md_offset_12,.md_offset_10,.md_offset_9,.md_offset_8,.md_offset_7,.md_offset_6,.md_offset_5,.md_offset_4,.md_offset_3,.md_offset_2,.md_offset_1 {
    float: left;
}
.md_12 {width: 100%;}
.md_10 {width: 83.33333%;}
.md_9 {width: 75%;}
.md_8 {width: 66.66667%;}
.md_7 {width: 58.33333%;}
.md_6 {width: 50%;}
.md_5 {width: 41.66667%;}
.md_4 {width: 33.33333%;}
.md_3 {width: 25%;}
.md_2 {width: 16.66667%;}
.md_1 {width: 8.33333%;}
.md_offset_12 {margin-left: 100%;}
.md_offset_10 {margin-left: 83.3333%;}
.md_offset_9 {margin-left: 75%;}
.md_offset_8 {margin-left: 66.6666%;}
.md_offset_7 {margin-left: 58.3333%;}
.md_offset_6 {margin-left: 50%;}
.md_offset_5 {margin-left: 41.6666%;}
.md_offset_4 {margin-left: 33.3333%;}
.md_offset_3 {margin-left: 25%;}
.md_offset_2 {margin-left: 16.6666%;}
.md_offset_1 {margin-left: 8.3333%;}
.md_pull_12 {right: 100%;}
.md_pull_11 {right: 91.66666667%;}
.md_pull_10 {right: 83.33333333%;}
.md_pull_9 {right: 75%;}
.md_pull_8 {right: 66.66666667%;}
.md_pull_7 {right: 58.33333333%;}
.md_pull_6 {right: 50%;}
.md_pull_5 {right: 41.66666667%;}
.md_pull_4 {right: 33.33333333%;}
.md_pull_3 {right: 25%;}
.md_pull_2 {right: 16.66666667%;}
.md_pull_1 {right: 8.33333333%;}
.md_pull_0 {right: auto;}
.md_push_12 {left: 100%;}
.md_push_11 {left: 91.66666667%;}
.md_push_10 {left: 83.33333333%;}
.md_push_9 {left: 75%;}
.md_push_8 {left: 66.66666667%;}
.md_push_7 {left: 58.33333333%;}
.md_push_6 {left: 50%;}
.md_push_5 {left: 41.66666667%;}
.md_push_4 {left: 33.33333333%;}
.md_push_3 {left: 25%;}
.md_push_2 {left: 16.66666667%;}
.md_push_1 {left: 8.33333333%;}
.md_push_0 {left: auto;}



.o_md_2{
    width:20%;
    float:left;
}

@media(max-width:767px){
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .row.row_5 {
        margin-left:-5px;
        margin-right:-5px;
    }
    .row.row_5 .col {
        padding-left: 5px;
        padding-right: 5px;
    }
    .row.row_10 {
        margin-left:-10px;
        margin-right:-10px;
    }
    .row.row_10 .col {
        padding-left: 10px;
        padding-right: 10px;
    }
    .row.row_15 {
        margin-left:-15px;
        margin-right:-15px;
    }
    .row.row_15 .col {
        padding-left: 15px;
        padding-right: 15px;
    }
    .xs_12,.xs_10,.xs_9,.xs_8,.xs_7,.xs_6,.xs_5,.xs_4,.xs_3,.xs_2,.xs_1,.xs_offset_12,.xs_offset_10,.xs_offset_9,.xs_offset_8,.xs_offset_7,.xs_offset_6,.xs_offset_5,.xs_offset_4,.xs_offset_3,.xs_offset_2,.xs_offset_1 {
        float: left;
    }
    .xs_12 {width: 100%;}
    .xs_10 {width: 83.33333%;}
    .xs_9 {width: 75%;}
    .xs_8 {width: 66.66667%;}
    .xs_7 {width: 58.33333%;}
    .xs_6 {width: 50%;}
    .xs_5 {width: 41.66667%;}
    .xs_4 {width: 33.33333%;}
    .xs_3 {width: 25%;}
    .xs_2 {width: 16.66667%;}
    .xs_1 {width: 8.33333%;}
    .xs_offset_12 {margin-left: 100%;}
    .xs_offset_10 {margin-left: 83.3333%;}
    .xs_offset_9 {margin-left: 75%;}
    .xs_offset_8 {margin-left: 66.6666%;}
    .xs_offset_7 {margin-left: 58.3333%;}
    .xs_offset_6 {margin-left: 50%;}
    .xs_offset_5 {margin-left: 41.6666%;}
    .xs_offset_4 {margin-left: 33.3333%;}
    .xs_offset_3 {margin-left: 25%;}
    .xs_offset_2 {margin-left: 16.6666%;}
    .xs_offset_1 {margin-left: 8.3333%;}
    .xs_offset_0 {margin-left: 0%;}
    .xs_pull_12 {right: 100%;}
    .xs_pull_11 {right: 91.66666667%;}
    .xs_pull_10 {right: 83.33333333%;}
    .xs_pull_9 {right: 75%;}
    .xs_pull_8 {right: 66.66666667%;}
    .xs_pull_7 {right: 58.33333333%;}
    .xs_pull_6 {right: 50%;}
    .xs_pull_5 {right: 41.66666667%;}
    .xs_pull_4 {right: 33.33333333%;}
    .xs_pull_3 {right: 25%;}
    .xs_pull_2 {right: 16.66666667%;}
    .xs_pull_1 {right: 8.33333333%;}
    .xs_pull_0 {right: auto;}
    .xs_push_12 {left: 100%;}
    .xs_push_11 {left: 91.66666667%;}
    .xs_push_10 {left: 83.33333333%;}
    .xs_push_9 {left: 75%;}
    .xs_push_8 {left: 66.66666667%;}
    .xs_push_7 {left: 58.33333333%;}
    .xs_push_6 {left: 50%;}
    .xs_push_5 {left: 41.66666667%;}
    .xs_push_4 {left: 33.33333333%;}
    .xs_push_3 {left: 25%;}
    .xs_push_2 {left: 16.66666667%;}
    .xs_push_1 {left: 8.33333333%;}
    .xs_push_0 {left: auto;}

    .col {
        padding-left: 10px;
        padding-right: 10px;
    }

}

/*===== テーブルレイアウト =====*/
.table_fixed {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.table_fluid {
    display: table;
    width: 100%;
}
.table_cell {
    display: table-cell;
    vertical-align: middle;
}