<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

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

#mainvisual img {
    width: 100%;
}

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

.contents {
    font-weight: 600;
    padding: 100px 0 0;
    overflow: hidden;
}
.contents .inner {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}
.contents .inner p.txt-intro {
    font-size: 26px;
    line-height: 1.9;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 120px;
}
.contents .inner p.txt-intro span.sub {
    font-size: 14px;
    vertical-align: top;
}
.contents .inner h2 {
    text-align: center;
    margin: 0 auto 100px;
}

.contents p#image-appearance {
    position: relative;
}
.contents p#image-appearance img {
    width: 100%;
}
.contents p#image-appearance span.caption {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.contents p#image-appearance span.caption br.tb {
    display: none;
}
.contents p#image-wing {
    text-align: center;
    margin: -50px auto 70px;
    position: relative;
    z-index: 1;
}
.contents #architecture {
    width: 900px;
    margin: 0 auto 150px;
}
.contents #architecture p#concept {
    font-size: 16px;
    line-height: 2;
/*    background: #f7f8f8;*/
    text-align: justify;
    padding: 30px 120px;
    padding: 30px 0;
    margin-bottom: 60px;
}
.contents #architecture h3 {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 70px;
}
.contents #architecture .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contents #architecture .flex dl {
    width: 400px;
}
.contents #architecture .flex dl dt {
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
    margin-bottom: 25px;
}
.contents #architecture .flex dl dd {
    text-align: center;
}
.contents #architecture .flex dl dd p#logo-miwa {
    margin: 0 auto 25px;
}
.contents #entrance {
    margin: 0 auto 140px;
}
.contents #entrance dl dt {
    margin-bottom: 40px;
    position: relative;
}
.contents #entrance dl dt img {
    width: 100%;
}
.contents #entrance dl dt span.caption {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.contents #entrance dl dd {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 70px;
}

.contents .inner p#image-layout {
    margin: 0 auto 100px;
}
.contents .inner .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contents .inner .flex .left {
    width: 525px;
}
.contents .inner .flex .left dl {
    margin-bottom: 40px;
}
.contents .inner .flex .left dl dt {
    font-size: 28px;
    line-height: 1.42;
    margin-bottom: 20px;
}
.contents .inner .flex .left dl dd {
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
}
.contents .inner .flex .right {
    width: 525px;
}
.contents .inner .flex ul {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contents .inner .flex ul li {
    font-size: 16px;
    font-weight: 600;
    position: relative;
}
.contents .inner .flex ul li img {
    margin-bottom: 15px;
}
.contents .inner .flex ul li em {
    font-size: 26px;
    color: #2badb8;
    color: #9b8671;
    font-style: normal;
    display: block;
    margin-top: 10px;
}
.contents .inner p#notice-carlife {
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    padding-bottom: 10px;
    margin: 70px auto 80px;
    border-bottom: 1px solid #000;
}

.contents .inner #carlife .right ul li:after {
    content: "";
    background: url("../../design/image/icon-parking-cost@2x.png") no-repeat center center / cover;
    width: 150px;
    height: 150px;
    position: absolute;
    right: -20px;
    bottom: -20px;
}
.contents .inner #lounge {
    margin-bottom: 150px;
}
.contents .inner #lounge dl {
    margin-bottom: 40px;
}
.contents .inner #lounge dl dt {
    font-size: 28px;
    line-height: 1.42;
    margin-bottom: 20px;
}
.contents .inner #lounge dl dd {
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
}
.contents .inner #lounge ul {
    text-align: center;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contents .inner #lounge ul li {
    font-size: 16px;
    font-weight: 600;
}
.contents .inner #lounge ul li img {
    margin-bottom: 15px;
}
.contents .inner #lounge ul li em {
    font-size: 26px;
    color: #2badb8;
    color: #9b8671;
    font-style: normal;
    display: block;
    margin-top: 10px;
}
.contents .inner #lounge p.notice {
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    margin-bottom: 25px;
}
.contents .inner #lounge #koworking {
    background : -moz-linear-gradient(18.75% -74.96% -45deg,rgba(255, 245, 215, 1) 0%,rgba(246, 250, 237, 1) 49.9%,rgba(233, 244, 239, 1) 80.81%,rgba(222, 239, 240, 1) 100%);
    background : -webkit-linear-gradient(-45deg, rgba(255, 245, 215, 1) 0%, rgba(246, 250, 237, 1) 49.9%, rgba(233, 244, 239, 1) 80.81%, rgba(222, 239, 240, 1) 100%);
    background : -webkit-gradient(linear,18.75% -74.96% ,81.25% 174.96% ,color-stop(0,rgba(255, 245, 215, 1) ),color-stop(0.499,rgba(246, 250, 237, 1) ),color-stop(0.8081,rgba(233, 244, 239, 1) ),color-stop(1,rgba(222, 239, 240, 1) ));
    background : linear-gradient(135deg, rgba(255, 245, 215, 1) 0%, rgba(246, 250, 237, 1) 49.9%, rgba(233, 244, 239, 1) 80.81%, rgba(222, 239, 240, 1) 100%);
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contents .inner #lounge #koworking dl {
    width: 450px;
    margin-bottom: 0;
}

.contents #life-design {
    background : -moz-linear-gradient(-5.01% 4.18% -45deg,rgba(255, 245, 215, 1) 0%,rgba(246, 250, 237, 1) 49.9%,rgba(233, 244, 239, 1) 80.81%,rgba(222, 239, 240, 1) 100%);
    background : -webkit-linear-gradient(-45deg, rgba(255, 245, 215, 1) 0%, rgba(246, 250, 237, 1) 49.9%, rgba(233, 244, 239, 1) 80.81%, rgba(222, 239, 240, 1) 100%);
    background : -webkit-gradient(linear,-5.01% 4.18% ,105.01% 95.82% ,color-stop(0,rgba(255, 245, 215, 1) ),color-stop(0.499,rgba(246, 250, 237, 1) ),color-stop(0.8081,rgba(233, 244, 239, 1) ),color-stop(1,rgba(222, 239, 240, 1) ));
    background : linear-gradient(135deg, rgba(255, 245, 215, 1) 0%, rgba(246, 250, 237, 1) 49.9%, rgba(233, 244, 239, 1) 80.81%, rgba(222, 239, 240, 1) 100%);
    padding: 100px 0;
    margin-bottom: 150px;
}
.contents #life-design .inner h3 {
    font-size: 28px;
    color: #fff;
    background: #2badb8;
    background: #9b8671;
    text-align: center;
    padding: 6px;
    margin-bottom: 15px;
}
.contents #life-design .inner p.txt {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto 50px;
}
.contents #life-design .inner ul#community {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contents #life-design .inner ul#community li {
    font-size: 20px;
    text-align: center;
}
.contents #life-design .inner ul#community li img {
    margin-bottom: 15px;
}
.contents #life-design .inner p.notice {
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    margin-bottom: 60px;
}
.contents #life-design .inner ul#service {
    text-align: center;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contents #life-design .inner ul#service li {
    font-size: 16px;
    font-weight: 600;
    width: 525px;
    margin-bottom: 50px;
}
.contents #life-design .inner ul#service li img {
    margin-bottom: 15px;
}
.contents #life-design .inner ul#service li em {
    font-size: 26px;
    color: #2badb8;
    color: #9b8671;
    font-style: normal;
    display: inline-block;
    margin-top: 10px;
}
.contents #life-design .inner ul#service li span.notice {
    font-size: 12px;
    line-height: 1.4;
    font-weight: 400;
    display: block;
    margin-top: 10px;
}
.contents #life-design .inner p.btn {
    text-align: center;
}

.contents .inner#garden {
    margin: 0 auto 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contents .inner#garden .left {
    width: 500px;
}
.contents .inner#garden .left dl.txt {
    margin-bottom: 40px;
}
.contents .inner#garden .left dl.txt dt {
    font-size: 28px;
    line-height: 1.42;
    margin-bottom: 20px;
}
.contents .inner#garden .left dl.txt dd {
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
}
.contents .inner#garden .left dl#garden-place {
    border-top: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contents .inner#garden .left dl#garden-place dt {
    width: 130px;
    padding: 10px 0;
    padding-right: 25px;
    border-bottom: 1px solid #000;
}
.contents .inner#garden .left dl#garden-place dd {
    font-size: 16px;
    line-height: 1.3;
    text-align: justify;
    width: calc(100% - 155px);
    padding: 10px 0;
    border-bottom: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.contents .inner#garden .right {
    width: 550px;
}
.contents .inner#garden .right p.notice {
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    margin-top: 20px;
}
</pre></body></html>