@charset "utf-8";

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

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

.contents {
    background: url("../../image/common/bg-border.png") repeat left top / 0.9rem auto, url("../../concept/image/bg-concept.png") no-repeat center bottom / cover;
    padding: 8.0rem 3.0rem 2.0rem;
}
.contents .inner h2 {
    margin: 0 auto 5.0rem;
}
.contents .inner h2 img {
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2));
}
.contents .inner h3 {
    margin: 0 auto 6.0rem;
}
.contents .inner h3 img {
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2));
}
.contents .inner p.txt {
    font-size: 2.4rem;
    margin: 5.0rem auto 3.0rem;
}
.contents .inner p.caption {
    font-size: 2.0rem;
    padding: 0;
    text-align: justify;
    text-justify: inter-ideograph;
}

}

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

.contents .inner p.caption {
    width: 125%;
    transform: scale(0.8);
    transform-origin: left bottom;
    box-sizing: border-box;
}

}