@charset "UTF-8";


.font16 { font-size: 16px !important;}
.font20 { font-size: 20px !important;}

.pt10 { padding-top: 10px !important;}
.pt20 { padding-top: 20px !important;}
.pt30 { padding-top: 30px !important;}

.pb20 { padding-bottom: 20px !important;}
.pb30 { padding-bottom: 30px !important;}

.ve-align { vertical-align: middle;}
.title { font-size: 18px !important; font-weight: bold;}


/*--------------------------------------------------------------------------------
　▼ box
--------------------------------------------------------------------------------*/
.box {
    float: left;
    text-align: center;
    width: 235px;
    font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

.box-1 { border: 1px solid #CCCCCC; height: 160px;}

.blue {
    background: #003C6A;
    color: #fff;
    font-size: 25px;
    padding: 5px 0;
}

.sky-blue {
    color: #2B99C5;
    font-size: 16px;
    padding: 10px 0;
}

.bo-no { border: none !important;}
.box-2 { padding: 0 10px; width: 219px;}

.gray {
    color: #545454;
    font-size: 16px;
}

.border { border: 1px solid #ccc; padding: 10px;}

.under { text-decoration: underline;}

/*--------------------------------------------------------------------------------
　▼
--------------------------------------------------------------------------------*/
@media only screen and (max-width:768px) {
    .box {
        float: none;
        width: 100%;
        padding-bottom: 20px;
    }

    .box-1 { height: auto;}
    .box-2 { width: 100%;}

}