@media screen and (max-width:768px) {
    body {
        font-size:0.8rem;
    }
    #header h1 {
        font-size: 2rem;
        top: 1vh;
        left: 4vw;
    }
    #g-nav li {
        padding:5px 10px;
        font-weight:bold;
    }
    #g-nav ul {
        font-size:1rem;
        letter-spacing:0.1em;
    }
    h2 {
        font-size:2rem;
    }

    .fixed {
        position: relative !important;
    }

    #concept,
    #service.fixed,
    #about.fixed {
        height:auto;
    }
    #concept h3 {
        font-size:1rem;
    }

    .about-list {
        width:70vw;
    }

    .service-area {
        justify-content: space-around;
    }
    .service-area section {
        width:45%;
        margin:0 0 5px 0;
    }
    .tel,.e-mail {
        font-size:1.4rem;
    }
}
@media screen and (max-width:540px) {
    .fixed {
        padding:0 65px;
    }
    
    #concept h3,
    #concept p {
        line-height:2;
        text-align:left;
    }
}

@media screen and (max-width:500px) {
    .service-area {
        display:block;
    }
    .service-area section {
        width:100%;
    }
}
@media screen and (max-width:450px) {
    .catch-copy {
        font-size:12px;
    }
}