@charset "utf-8";

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

.contents p#image-appearance span.caption {
    line-height: 1.25;
}
.contents p#image-appearance span.caption br.tb {
    display: block;
}

}

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

body.popup {
    padding: 0!important;
}
body.popup #header {
    position: static;
    margin: 0 auto;
}
body.popup #header h1 {
    width: 125%;
}

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

.contents {
    padding: 10.0rem 0 0;
}
body.popup .contents {
    padding: 0;
}
.contents .inner {
    width: 58.0rem;
}
.contents .inner p.txt-intro {
    font-size: 2.4rem;
    margin: 0 auto 12.0rem;
}
.contents .inner p.txt-intro span.sub {
    font-size: 1.4rem;
}
.contents .inner h2 {
    height: 5.0rem;
    margin: 0 auto 10.0rem;
}
.contents .inner h2 img {
    width: auto;
    height: 100%;
}
.contents p#image-appearance span.caption {
    font-size: 10px;
    text-align: right;
    right: 5px;
    bottom: 5px;
}
.contents p#image-wing {
    text-align: center;
    width: 60.0rem;
    margin: 2.0rem auto 7.0rem;
}
.contents #architecture {
    width: 58.0rem;
    margin: 0 auto 10.0rem;
}
.contents #architecture p#concept {
    font-size: 2.0rem;
    line-height: 1.6;
    padding: 3.0rem 4.0rem;
    margin-bottom: 6.0rem;
}
.contents #architecture h3 {
    font-size: 2.6rem;
    line-height: 1.5;
    margin: 0 auto 3.0rem;
}
.contents #architecture .flex {
    display: block;
}
.contents #architecture .flex p.image {
    width: 45.0rem;
    margin: 0 auto 3.0rem;
}
.contents #architecture .flex dl {
    width: 45.0rem;
    margin: 0 auto;
}
.contents #architecture .flex dl dt {
    font-size: 2.0rem;
    margin-bottom: 2.5rem;
}
.contents #architecture .flex dl dd p#logo-miwa {
    width: 7.4rem;
    margin: 0 auto 2.5rem;
}

.contents #entrance {
    margin: 0 auto 10.0rem;
}
.contents #entrance dl dt {
    margin-bottom: 4.0rem;
}
.contents #entrance dl dt span.caption {
    font-size: 10px;
    line-height: 1.25;
    text-align: right;
    right: 5px;
    bottom: 5px;
}
.contents #entrance dl dd {
    font-size: 2.6rem;
    line-height: 1.5;
    margin: 0 auto 5.0rem;
}
.contents .inner p#image-layout {
    margin: 0 auto 7.0rem;
}
.contents .inner .flex {
    display: block;
    width: 52.5rem;
    margin: 0 auto;
}
.contents .inner .flex .left {
    width: 100%;
    margin-bottom: 5.0rem;
}
.contents .inner .flex .left dl {
    margin-bottom: 4.0rem;
}
.contents .inner .flex .left dl dt {
    font-size: 2.8rem;
    margin-bottom: 2.0rem;
}
.contents .inner .flex .left dl dd {
    font-size: 2.0rem;
}
.contents .inner .flex .right {
    width: 100%;
}
.contents .inner .flex ul li {
    font-size: 2.0rem;
    width: 25.0rem;
}
.contents .inner .flex .right ul li {
    width: 100%;
}
.contents .inner .flex ul li img {
    margin-bottom: 1.5rem;
}
.contents .inner .flex ul li em {
    font-size: 2.6rem;
    margin-top: 1.0rem;
}
.contents .inner p#notice-carlife {
    font-size: 10px;
    padding-bottom: 1.0rem;
    margin: 4.0rem auto 8.0rem;
}
.contents .inner #carlife .right ul li:after {
    width: 15.0rem;
    height: 15.0rem;
    right: -2.0rem;
    bottom: -2.0rem;
}

.contents .inner #lounge {
    margin-bottom: 10.0rem;
}
.contents .inner #lounge dl {
    width: 52.5rem;
    margin: 0 auto 4.0rem;
}
.contents .inner #lounge dl dt {
    font-size: 2.8rem;
    margin-bottom: 2.0rem;
}
.contents .inner #lounge dl dd {
    font-size: 2.0rem;
}
.contents .inner #lounge ul {
    margin-bottom: 1.5rem;
    display: block;
}
.contents .inner #lounge ul li {
    font-size: 2.0rem;
    line-height: 1.4;
    margin-bottom: 5.0rem;
}
.contents .inner #lounge ul li img {
    margin-bottom: 1.5rem;
}
.contents .inner #lounge ul li em {
    font-size: 2.6rem;
    margin-top: 0.5rem;
}
.contents .inner #lounge p.notice {
    font-size: 10px;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 2.5rem;
}
.contents .inner #lounge #koworking {
    padding: 4.0rem;
    display: block;
}
.contents .inner #lounge #koworking dl {
    width: 100%;
    margin-bottom: 3.0rem;
}

.contents #life-design {
    padding: 8.0rem 0;
    margin-bottom: 8.0rem;
}
.contents #life-design .inner h3 {
    font-size: 2.8rem;
    padding: 0.6rem;
    margin-bottom: 1.5rem;
}
.contents #life-design .inner p.txt {
    font-size: 2.0rem;
    margin: 0 auto 5.0rem;
}
.contents #life-design .inner ul#community {
    width: 54.0rem;
    margin: 0 auto 2.0rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.contents #life-design .inner ul#community li {
    width: 25.8rem;
    font-size: 2.4rem;
    margin-bottom: 2.5rem;
}
.contents #life-design .inner ul#community li img {
    margin-bottom: 1.5rem;
}
.contents #life-design .inner p.notice {
    font-size: 10px;
    line-height: 1.3;
    text-align: left;
    margin-bottom: 6.0rem;
}
.contents #life-design .inner ul#service {
    width: 52.5rem;
    margin: 0 auto 3.0rem;
}
.contents #life-design .inner ul#service li {
    font-size: 2.0rem;
    line-height: 1.5;
    width: 100%;
    margin-bottom: 5.0rem;
}
.contents #life-design .inner ul#service li img {
    margin-bottom: 1.5rem;
}
.contents #life-design .inner ul#service li em {
    font-size: 2.6rem;
    margin-top: 0.5rem;
}
.contents #life-design .inner ul#service li span.notice {
    font-size: 10px;
    line-height: 1.3;
    margin-top: 1.0rem;
}
.contents #life-design .inner p.btn {
    text-align: center;
}

.contents .inner#garden {
    display: block;
    width: 52.5rem;
    margin: 0 auto 10.0rem;
}
.contents .inner#garden .left {
    width: 100%;
    margin-bottom: 5.0rem;
}
.contents .inner#garden .left dl.txt {
    margin-bottom: 4.0rem;
}
.contents .inner#garden .left dl.txt dt {
    font-size: 2.8rem;
    margin-bottom: 2.0rem;
}
.contents .inner#garden .left dl.txt dd {
    font-size: 2.0rem;
}
.contents .inner#garden .left dl#garden-place dt {
    width: 13.0rem;
    padding: 1.5rem 0;
    padding-right: 3.0rem;
}
.contents .inner#garden .left dl#garden-place dd {
    font-size: 2.0rem;
    width: calc(100% - 16.0rem);
    padding: 1.5rem 0;
}
.contents .inner#garden .right {
    width: 52.5rem;
}
.contents .inner#garden .right p.notice {
    font-size: 10px;
    text-align: left;
    margin-top: 2.0rem;
}

}