body {
        margin: 0;
        padding: 0;
        /* background: rgba(66, 166, 206, 0.7); */
        background: rgba(41, 166, 216, 0.788);
        font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        text-align: center;
    }

    h1 {
        font-size: 2.5em;
        margin-bottom: 0.5em;
    }

    p {
        font-size: 1.3em;
        line-height: 1.8;
        margin-bottom: 100px;
    }

    .br-500 {
        display: none;
    }



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

        h1 {
            font-size: 1.8em;
            margin-bottom: 0.5em;
        }

        p {
            font-size: 0.9em;
            margin-bottom: 50px;
        }

        .container a img {
            width: 80%;
        }
    }


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

        .br-500 {
            display: block;
        }

        h1 {
            font-size: 1.5em;
        }

        p {
            font-size: 0.9em;
            margin-bottom: 30px;
        }

        .container a img {
            width: 80%;
        }

        body {
            align-items: flex-start;
        }

        .container {
            margin-top: 100px;
        }
    }