@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 1260px) {

/* ────────────────────── *
 *                                              *
 * 見出し                                       *
 *                                              *
 * ────────────────────── */

.contents h2 {
    margin: 0 auto 5.833333333333333%;
}

/* ────────────────────── *
 *                                              *
 * サービス内容                                 *
 *                                              *
 * ────────────────────── */

.contents .service {
    padding: 8.333333333333332%;
}
.contents .service:before {
    width: calc(100% - 7.936507936507936vw);
    height: calc(100% - 7.936507936507936vw);
}
.contents .service:after {
    width: calc(100% - 7.936507936507936vw - 4px);
    height: calc(100% - 7.936507936507936vw - 4px);
}

}

@media only screen and (min-width: 0px) and (max-width: 1000px) {

/* ────────────────────── *
 *                                              *
 * サービス内容                                 *
 *                                              *
 * ────────────────────── */

.contents .service .detail p.txt {
    font-size: 16px;
}

}

@media only screen and (min-width: 0px) and (max-width: 640px) {

/* ────────────────────── *
 *                                              *
 * メインビジュアル                             *
 *                                              *
 * ────────────────────── */

#mainvisual {
    overflow: hidden;
}
#mainvisual img {
    width: 150%;
    margin-left: -25%;
}

/* ────────────────────── *
 *                                              *
 * コンテンツ                                   *
 *                                              *
 * ────────────────────── */

.contents {
    width: 60.0rem;
    padding: 10.0rem 0 0;
    margin: 0 auto 8.0rem;
}

/* ────────────────────── *
 *                                              *
 * 見出し                                       *
 *                                              *
 * ────────────────────── */

.contents h2 {
    width: 55.6rem;
    margin: 0 auto 6.0rem;
}
.contents p.read {
    font-size: 2.8rem;
    margin: 0 auto 6.0rem;
}

/* ────────────────────── *
 *                                              *
 * サービス内容                                 *
 *                                              *
 * ────────────────────── */

.contents .service {
    padding: 5.0rem;
    margin: 0 auto 15.0rem;
    display: block;
}
.contents .service:before {
    width: calc(100% - 5.0rem);
    height: calc(100% - 5.0rem);
}
.contents .service:after {
    width: calc(100% - 5.0rem - 0.4rem);
    height: calc(100% - 5.0rem - 0.4rem);
}
.contents .service .image {
    width: 100%;
    margin-top: 3.0rem;
}
.contents .service .image img {
    width: 100%;
    max-width: none;
}
.contents .service .image span.caption {
    right: 5px;
    bottom: 5px;
}
.contents .service .detail {
    width: 100%;
}
.contents .service .detail p.txt {
    font-size: 2.2rem;
    margin-bottom: 2.0rem;
}


}