<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 {
    clear: both;
    width: 100%;
    position: relative;
}
#mainvisual img {
    width: 100%;
    max-width: none;
}

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

.contents {
    padding: 120px 0 140px;
}

/* ────────────────────── *
 *                                              *
 * 特徴                                         *
 *                                              *
 * ────────────────────── */

.contents #character {
    margin: 0 auto 70px;
    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 #character dl {
    width: 590px;
}
.contents #character dl dt {
    margin-bottom: 10px;
    position: relative;
}
.contents #character dl dt span.caption {
    font-size: 10px;
    color: #fff;
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.contents #character dl dd {
    font-size: 26px;
    line-height: 1;
    color: #aa8420;
    text-align: center;
}
.contents #character dl dd em {
    font-size: 36px;
    font-style: normal;
    display: block;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #aa8420;
}

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

.contents h2 {
    font-size: 40px;
    line-height: 1.2;
    color: #fff;
    background: url("../../plan/image/bg-title.png") no-repeat center center / cover;
    text-align: center;
    padding: 25px;
    margin: 0 auto;
}
.contents h4 {
    font-size: 26px;
    line-height: 1;
    color: #fff;
    background: rgb(114,78,39);
    background: -moz-linear-gradient(90deg, rgba(114,78,39,1) 0%, rgba(177,149,79,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(114,78,39,1) 0%, rgba(177,149,79,1) 100%);
    background: linear-gradient(90deg, rgba(114,78,39,1) 0%, rgba(177,149,79,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#724e27",endColorstr="#b1954f",GradientType=1);
    text-align: center;
    padding: 5px;
    margin: 0 auto 100px;
}
.contents h4 span {
    background: rgb(114,78,39);
    background: -moz-linear-gradient(-90deg, rgba(114,78,39,1) 0%, rgba(177,149,79,1) 100%);
    background: -webkit-linear-gradient(-90deg, rgba(114,78,39,1) 0%, rgba(177,149,79,1) 100%);
    background: linear-gradient(-90deg, rgba(114,78,39,1) 0%, rgba(177,149,79,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#724e27",endColorstr="#b1954f",GradientType=1);
    display: block;
    padding: 10px;
    border: 1px solid #fff;
}

/* ────────────────────── *
 *                                              *
 * エレベーション                               *
 *                                              *
 * ────────────────────── */

.contents #elevation {
    background: #efefef;
    padding: 50px;
}
.contents #elevation .inner {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
}
.contents #elevation .inner h3 {
    font-size: 28px;
    line-height: 1;
    text-align: center;
    margin-bottom: 50px;
}
.contents #elevation .inner area,
.contents #elevation .inner map,
.contents #elevation .inner img {
    outline: none;
}
.contents #elevation .inner .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contents #elevation .inner .flexbox .left {
    width: 42.68292682926829%;
}
.contents #elevation .inner .flexbox .right {
    width: 51.21951219512195%;
}
.contents #elevation .inner .flexbox .right p img {
    width: 100%;
    max-width: none;
}
.contents #type {
    background: rgb(114,78,39);
    background: -moz-linear-gradient(-45deg,  rgba(114,78,39,1) 0%, rgba(177,149,79,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(114,78,39,1) 0%,rgba(177,149,79,1) 100%);
    background: linear-gradient(135deg,  rgba(114,78,39,1) 0%,rgba(177,149,79,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#724e27', endColorstr='#b1954f',GradientType=1 );
    margin: 0 auto 60px;
}
.contents p#gallery {
    text-align: center;
    margin: 0 auto 60px;
}

/* ────────────────────── *
 *                                              *
 * コンテンツ個別                               *
 *                                              *
 * ────────────────────── */

.contents #btn-plan {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.contents #btn-plan ul.type {
    margin-bottom: -50px;
    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 #btn-plan ul.type li {
    width: 47.91666666666667%;
    margin-bottom: 4.166666666666666%;
}

/* ────────────────────── *
 *                                              *
 * ポップアップ                                 *
 *                                              *
 * ────────────────────── */

body#popup {
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 51%, #d3d3d4 100%);
    background: -webkit-linear-gradient(-45deg, #ffffff 51%,#d3d3d4 100%);
    background: linear-gradient(135deg, #ffffff 51%,#d3d3d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d4',GradientType=1 );
}
header#popup-header {
    background: url(../../plan/image/popup/bg-header.png) repeat;
    padding: 30px 0 0;
}
header#popup-header h1 {
    background: url(../../plan/image/popup/bg-h1.png) repeat-x bottom center;
    text-align: center;
}
header#popup-header h1 span {
    background: url(../../plan/image/popup/bg-h1-span.png) no-repeat bottom center;
    display: inline-block;
    padding-bottom: 25px;
    position: relative;
}
header#popup-header.executive h1 span:after {
    font-size: 0;
    content: "";
    background: url(../../plan/image/popup/icon-executive@2x.png) no-repeat center center / cover;
    width: 112px;
    height: 10px;
    position: absolute;
    left: 10px;
    bottom: -25px;
}
.contents#grad {
    max-width: 900px;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}
.contents #plan-detail {
    color: #000;
    width: 900px;
    padding-bottom: 40px;
    margin: 0 auto;
}
.contents #plan-detail #description {
    font-size: 10px;
    width: 820px;
    margin: 0 auto;
}
.contents #plan-detail #description ul {
    font-size: 0;
    margin-bottom: 10px;
}
.contents #plan-detail #description ul li {
    font-size: 12px;
    display: inline-block;
    margin-right: 15px;
}
.contents #plan-detail #description ul li span {
    background: #f3ecdd;
    display: inline-block;
    vertical-align: -1px;
    width: 30px;
    height: 10px;
    border: 1px solid rgba(0,0,0, 0.3);
}
.contents #plan-detail #description ul li span#aircon {
    background: none;
    border: 1px solid #aa8420;
    position: relative;
}
.contents #plan-detail #description ul li span#aircon:after {
    content: "";
    width: 32px;
    height: 1px;
    background: #aa8420;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(-18deg);
    transform-origin: left bottom;
}
.contents ul#btn-popup {
    font-size: 0;
    text-align: center;
    clear: both;
    width: 100%;
    padding: 30px 0;
    border-top: 1px solid rgba(0,0,0, 0.3);
}
.contents ul#btn-popup li {
    display: inline-block;
    margin: 0 10px;
}
</pre></body></html>