@charset "UTF-8";

    /* Utility
       ----------------------------------------------------------------- */

    /* Margin */

    .mt5 {
        margin-top: 5px;
    }

    .mt10 {
        margin-top: 10px;
    }

    .mt15 {
        margin-top: 15px;
    }

    .mt20 {
        margin-top: 20px;
    }

    .mt25 {
        margin-top: 25px;
    }

    .mt30 {
        margin-top: 30px;
    }

    .mt35 {
        margin-top: 35px;
    }

    .mt40 {
        margin-top: 40px;
    }

    .mt60 {
        margin-top: 60px;
    }

    .mb5 {
        margin-bottom: 5px;
    }

    .mb10 {
        margin-bottom: 10px;
    }

    .mb15 {
        margin-bottom: 15px;
    }

    .mb20 {
        margin-bottom: 20px;
    }

    .mb25 {
        margin-bottom: 25px;
    }

    .mb30 {
        margin-bottom: 30px;
    }

    .mb35 {
        margin-bottom: 35px;
    }

    .mb40 {
        margin-bottom: 40px;
    }

    .mb60 {
        margin-bottom: 60px;
    }

    /* Padding */

    .pt5 {
        padding-top: 5px;
    }

    .pt10 {
        padding-top: 10px;
    }

    .pt15 {
        padding-top: 15px;
    }

    .pt20 {
        padding-top: 20px;
    }

    .pt25 {
        padding-top: 25px;
    }

    .pt30 {
        padding-top: 30px;
    }

    .pt35 {
        padding-top: 35px;
    }

    .pt40 {
        padding-top: 40px;
    }

    .pt60 {
        padding-top: 60px;
    }

    .pb5 {
        padding-bottom: 5px;
    }

    .pb10 {
        padding-bottom: 10px;
    }

    .pb15 {
        padding-bottom: 15px;
    }

    .pb20 {
        padding-bottom: 20px;
    }

    .pb25 {
        padding-bottom: 25px;
    }

    .pb30 {
        padding-bottom: 30px;
    }

    .pb35 {
        padding-bottom: 35px;
    }

    .pb40 {
        padding-bottom: 40px;
    }

    .pb60 {
        padding-bottom: 60px;
    }

    /* Display */

    .pc {
        display: block;
    }

    .sp {
        display: none;
    }

    .pc02 {
        display: inline-block;
    }

    .sp02 {
        display: none !important;
    }

    .pc03 {
        display: flex;
    }

    .sp03 {
        display: none !important;
    }

    /* Clearfix */

    .cf{
        clear:both;
    }

    .cf:after{
        content:"";
        height:0;
        clear:both;
        display:block;
    }

    /* Color */

    /* Animation */

    @media screen and (max-width: 960px) {

        /* Display */

        .pc {
            display: none;
        }

        .pc02 {
            display: none !important;
        }

        .sp {
            display: block;
        }

        .sp02 {
            display: inline-block !important;
        }

        .pc03 {
            display: none;
        }

        .sp03 {
            display: flex !important;
        }


    }