@charset "UTF-8";/* CSS変数の宣言 */
html, body {
        font-family: sans-serif;
        /*display: none;*/
    }

        h4 {
    font-size:1.5rem;
    padding:0 .4em .2em;
    border-bottom: 2px solid #383838;
    background-color: #ffffff;
    color: #333333;
        }

        h5 {
    padding: .5em .7em;
    border-left: 5px solid #036EB8;
    background-color: #f2f2f2;
    color: #333333;
    font-size:1.2rem;
        }

        p {
            line-height: 1.75em;
            padding:0.5rem 2.5rem 0.5rem 2rem;
        }

        ul {
            list-style: none;
            line-height: 1.75em;
            margin: 0 0 0 4em;
            padding: 0;
        }

        li ul {
            margin: 0 0 0 1.5em;
            padding: 0;
        }

        .contact-info {
            line-height: 1.5em;
        }


        @media screen and (min-width: 769px) {
            .content-area {
                width:90%;
                max-width:1280px;
                margin: 0 auto;
                padding:1rem 2rem;
            }
        }

        @media screen and (max-width: 768px) {
            .content-area {
                width: 660px;
                margin: 0 auto;
            }
        }

        @media screen and (max-width:680px) {
            .content-area {
                width: 400px;
                margin: 0 auto;
            }
        }

        @media screen and (max-width:420px) {
            .content-area {
                width: 300px;
                margin: 0 auto;
            }
        }