@charset "UTF-8";/* CSS変数の宣言 */
        body {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", 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: 90%;
                margin: 0 auto;
            }
        }

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


.circle-list {
  position: relative;
  margin: 0 4em;
  padding: 0;
}
.circle-list li  {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em;
}
.circle-list li span {
  position: absolute;
  left: 0;
  margin: 0;
}