@charset "UTF-8";/* CSS変数の宣言 */
        body {
            font-family: "lucida grande", tahoma, verdana, arial, "Hiragino Kaku Gothic Pro", "Osaka",Meiryo, "メイリオ", "ＭＳ ゴシック",sans-serif;
        }

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

        h4 {
    padding: .5em .7em;
    border-left: 5px solid #3153bc;
    background-color: #f2f2f2;
    color: #333333;
        }

        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 1em;
            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;
            }
        }