body {
    background: #F5F5F5;
}
/*ノーマルヘッダー領域*/
.head {
    padding:15px;
    display:flex;
    width:100%;
    background:#FFFFFF;
    position:fixed;
    top:0px;
    left:0px;
}

.brand {
    display:flex;
}

.logo {
    width:40px;
    height:40px;
}

.brandName {
    padding:0px 10px;
    font-size:30px;
}

.menu {
    margin:5px 20px;
    display: block;
}
/*ノーマルボディー領域*/
.title {
    padding-top:80px;
    text-align: center;
    color: #1f584a;
}

.line {
    width:90%;
    height:1px;
    background:#7a7a7a;
}

.linkBox {
    margin:10px auto;
    padding:5px;
    max-width:50%;
    background: #eeeeee;
}

.link {
    text-decoration: none;
}


/*ノーマルフッター領域*/


/*パソコン対応*/
@media screen and (min-width:1024px) {
    /*パソコン対応版ヘッダー領域*/
    .mainBox {
        border-bottom:3px solid #4EB8FF;
        border-radius:3px;
        padding:5px 20px;
        padding-bottom:2px;
        background: #C8F5FF;
        color:black;
        text-decoration: none;
    }

    .mainBox:hover {
        border-color:#A1EEFF;
        background: #E6FAFF;
        color:black;
        text-decoration: none;
    }

    .subBox {
        border-bottom:3px solid #4EB8FF;
        border-radius:3px;
        padding:5px 20px;
        padding-bottom:2px;
        background: #C8F5FF;
        color:black;
        text-decoration: none;
    }

    .subBox:hover {
        border-color:#A1EEFF;
        background: #E6FAFF;
        color:black;
        text-decoration: none;
    }
    /*パソコン対応版ボディー領域*/
    .body {
        margin:0 auto;
        padding:1px 22px;
        width:70%;
        background:#FFFFFF;
    }

    .text-pc {
        text-align: center;
        font-size:18px;
        color: #122e27;
    }

    .text-mobile {
        display: none;
    }

    .linkTitle {
        font-size:30px;
        color:#525252;
    }

    .linkSummary {
        font-size:12px;
        color:#525252;
    }

    /*パソコン対応版フッター領域*/
    .foot {
        margin:0 auto;
        padding:5px 22px;
        width:70%;
        background:#FFFFFF;
        font-size:12px;
    }
}

/*タブレット対応*/
@media screen and (max-width:1023px) {
    /*タブレット対応版ヘッダー領域*/
    .mainBox {
        border-bottom:3px solid #4EB8FF;
        border-radius:3px;
        padding:5px 20px;
        padding-bottom:2px;
        background: #C8F5FF;
        color:black;
        text-decoration: none;
    }

    .mainBox:hover {
        border-color:#A1EEFF;
        background: #E6FAFF;
        color:black;
        text-decoration: none;
    }

    .subBox {
        display:none;
    }
    /*タブレット対応版ボディー領域*/
    .body {
        margin:0 auto;
        padding:1px 22px;
        width:80%;
        background:#FFFFFF;
    }
    .text-pc {
        display: none;
    }

    .text-mobile {
        font-size:18px;
        color: #122e27;
    }

    .linkTitle {
        font-size:30px;
        color:#525252;
    }

    .linkTitle {
        font-size:25px;
        color:#525252;
    }

    .linkSummary {
        display:none;
    }

    /*タブレット対応版フッター領域*/
    .foot {
        margin:0 auto;
        padding:5px 22px;
        width:80%;
        background:#FFFFFF;
        font-size:12px;
    }
}



/*スマホ対応*/
@media screen and (max-width:550px) {
    /*スマホ対応版ヘッダー領域*/
    .mainBox {
        display:none;
    }

    .subBox {
        display:none;
    }
    /*スマホ対応版ボディー領域*/
    .body {
        margin:0 auto;
        padding:1px 22px;
        width:90%;
        background:#FFFFFF;
    }

    .text-pc {
        display: none;
    }

    .text-mobile {
        font-size:18px;
        color: #122e27;
    }

    .linkTitle {
        font-size:20px;
        color:#525252;
    }

    .linkSummary {
        display:none;
    }

    /*スマホ対応版フッター領域*/
    .foot {
        margin:0 auto;
        padding:5px 22px;
        width:90%;
        background:#FFFFFF;
        font-size:12px;
    }
}