@charset "UTF-8";

/*--------------------------------------------------------------
# メインコンテンツ
--------------------------------------------------------------*/
#forms {
    max-width: 400px;
    margin: 0 auto;
    padding: 10px;
    background-color: #4f81bd;
}

/*--------------------------------------------------------------
# レスポンシブ設定
--------------------------------------------------------------*/

/* SP
------------------------------ */
@media screen and (max-width: 479px) {
    .link-item {
        display: inline-block;
        width: 50%;
        padding: 10px 0;
    }
    section {
        padding: 10px;
    }
}

/* SP H
------------------------------ */
@media screen and (min-width: 480px) and (max-width: 699px) {
    .link-item {
        display: inline-block;
        width: 50%;
        padding: 10px 0;
    }
    section {
        padding: 10px 20px;
    }
}

/* Tablet
------------------------------ */
@media screen and (min-width: 700px) and (max-width: 959px) {
    .link-item {
        display: inline-block;
        width: 33.33333333%;
        padding: 10px 0;
    }
    section {
        padding: 10px 20px;
    }
}

/* Small PC
------------------------------ */
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .link-item {
        display: inline-block;
        width: 33.33333333%;
        padding: 10px 0;
    }
    section {
        padding: 10px 20px;
    }
}

/* PC
------------------------------ */
@media screen and (min-width:1200px) {
    .link-item {
        display: inline-block;
        width: 25%;
        padding: 10px 0;
    }
    section {
        padding: 10px 20px;
    }
}