@charset "utf-8";

/* ------------------------------------------------------------

レイアウト変更（追加）

------------------------------------------------------------ */
figure {
    display: block;
    padding: 0;
    margin: 0 0 5% 0;
    vertical-align: top;
    position: relative;
}

@media (max-width: 680px) {
    figure {
        margin: 0 0 5% 0;
    }
}

figure.photo img {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}

figure img {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}

#about {
    padding: 70px 0;
}

#about h1 {
    padding: 70px 0 0;
}

#about .engTTL {
    max-width: 250px;
    margin: 0 auto;
    text-align: center;
}

#about img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-width: 100%;
}

#service #about {
    padding: 0;
}

#service #about .col1 img {
    margin-bottom: 40px;
}

#service .data h3 span {
    color: #AF8864;
    font-style: italic;
}

@media (max-width: 680px) {
    #service .data.pt70pc .txt {
        width: auto;
        margin: 0 60px;
    }
}

@media screen and (max-width: 768px) {
    .display-g {
        display: grid;
    }

    .order-one {
        order: 1;
        padding: 15px;
    }

    .order-zero {
        order: 0;
    }

    #service #about {
        padding: 0;
    }

    #service .serviceBox {
        padding: 0;
    }

    #service .data {
        margin-top: 0;
    }

    #service .data .txt {
        margin-bottom: 30px;
    }

    #service .serviceBox .data {
        width: 90%;
        margin-bottom: 30px;
    }

    #service #about .col1 img {
        margin-bottom: 10px;
    }
}