.content_width {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.align_center {
    text-align: center;
}
.align_left {
    text-align: left;
}
.align_right {
    text-align: right;
}


.fontfamily_min {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



.font_bold {
    font-weight: bold;
}
.display_table {
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: 100%;

}
.table_middle {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.table_bottom {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
}

/****************************************

          width

*****************************************/
.w20p {
    width: 20%;
}
.w50p {
    width: 50%;
}
.w80p {
    width: 80%;
}
/****************************************

          container_float

*****************************************/
.float_box{
    float: left;
}
/****************************************

          justify

*****************************************/
.justify_center {
    display: flex;
    justify-content: center;
}

/****************************************
    clearfix
*****************************************/
.clearfix:after { /*floatの解除、ここがポイント*/
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.clearfix {
    min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
    height: 1px;
    /*¥*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
}
/****************************************
    desktop or mobaile
*****************************************/
.desktop_only {
    display:block;
}
.mobile_only {
    display:none;
}
/************************************************************
    slicknav
*************************************************************/
#main_nav {
    background-color: rgba(255,255,255,0.3);
}
.slicknav_menu {
    display:none;
}


/************************************************************
    PageTopボタン
*************************************************************/

#pageTop {
    position: fixed;
    bottom: 50px;
    right: 20px;
}

#pageTop a {
    display: block;
    z-index: 999;
    border-radius: 70px;
    width: 70px;
    height: 55px;
    background-color: #FFF;
    color: #000;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
}

/****************************************

          内部リンク位置調整

*****************************************/
.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}


/**********************************************************************************************************************/
/**************************************** Extra small devices: Phones (<1300px) ****************************************/
/**********************************************************************************************************************/
@media screen and (max-width:1300px) {
    /****************************************

              内部リンク位置調整

    *****************************************/
    .anchor {
        padding-top: 200px;
        margin-top: -200px;
    }
}


/**********************************************************************************************************************/
/**************************************** Extra small devices: Phones (<768px) ****************************************/
/**********************************************************************************************************************/
@media screen and (max-width:767px) {

    .content_width {
        width: 96%;
    }




    /****************************************
        desktop or mobaile
    *****************************************/
    .desktop_only {
        display:none;
    }
    .mobile_only {
        display:block;
    }

    /************************************************************
         slicknav
    *************************************************************/
    #main_nav {
        display:none;
    }

    .js #pc_menu {
        display:none;
    }

    .js .slicknav_menu {
        display:block;
    }

    /****************************************

              内部リンク位置調整

    *****************************************/
    .anchor {
        padding-top: 300px;
        margin-top: -300px;
    }

}