header.site-header{
background-color:#fff;
}
header h1 img{
filter: invert(100%);
}
.h_nav-list li i{
filter: invert(100%);
}

/* PC用CSS */
@media screen and (min-width: 768px) {
main#main{
margin-top:100px;
}
}
/* SP用CSS */
@media screen and (max-width:767px) {
main#main{
margin-top:70px;
}
}

/* ===========================
 LUXE_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {
section.kv{
margin: 0 auto 0;
padding: 0 0 0 0;
position:relative;
height: 768px;
width:100%;
text-align:center;
background-image: url(../images/luxe/kv_p.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
section.kv h1{
margin: 0 0;
padding: 0 0;
position:absolute;
top:65px;
left:110px;
text-align:left;
}
section.kv h1 small {
position:absolute;
top:-40px;
left:-50px;
width: 75px;
height: 75px;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 14px;
line-height: 14px;
letter-spacing:0.05em;
color: #000;
border-radius: 50%;
border:1px solid #000;
display: flex;
justify-content: center;
align-items: center;
z-index:1;
}
section.kv h1 em {
margin: 0 0 5px;
padding: 10px 20px;
position:relative;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 17px;
line-height: 17px;
letter-spacing:0.10em;
color: #fff;
display: inline-block;
background-color:#9b8c82;
}
section.kv h1 strong {
margin: 0 0;
padding: 10px 20px;
position:relative;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
font-size: 38px;
line-height: 38px;
letter-spacing:0.10em;
color: #000;
display: flex;
justify-content: center;
align-items: center;
background-color:#fff;
}
section.kv img.kv_txt{
position:absolute;
bottom:0;
right:0;
}




section.flat_rate_area{
margin: 0 auto;
padding: 100px 0 80px 0;
position:relative;
text-align:center;
background-color:#f7f5f0;
}
h2.flat_rate_tit{
margin: 0 auto 50px;
padding: 0 0;
position: relative;
text-align:center;
}
h2.flat_rate_tit strong{
margin: 0 auto 30px;
padding: 0 0;
position: relative;
text-align:center;
font-weight: 600;
font-style: normal;
font-size: 32px;
letter-spacing: 0.10em;
line-height: 1.8;
display:block;
}
h2.flat_rate_tit strong img{
display:inline;
padding-right:10px;
}
h2.flat_rate_tit strong small{
font-size: 25px;
}
h2.flat_rate_tit em{
margin: 0 auto;
padding: 0 0;
position: relative;
text-align:center;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-size: 22px;
letter-spacing: 0.05em;
line-height: 1.8;
display:block;
}

ul.flat_rate_list{
margin: 0 auto;
padding: 0 0;
position: relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.flat_rate_list li{
margin: 0 0 50px;
padding: 0;
position: relative;
width:30%;
}
ul.flat_rate_list li a{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
width:100%;
height:225px;
display: flex;
align-items:center;
justify-content:center;
text-decoration:none;
}
ul.flat_rate_list li a em{
position:relative;
font-weight: 600;
font-style: normal;
letter-spacing:0.05em;
font-size: 22px;
line-height: 1.6;
color:#fff;
text-align: center;
}
ul.flat_rate_list li a b{
position:absolute;
top:0px;
left:30px;
letter-spacing:-0.01em;
font-size: 58px;
color:#fff;
font-family: "Baskervville", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: italic;
opacity:40%;
}
ul.flat_rate_list li a b:before {
position: absolute;
top: 50px;
right: -4px;
width: 1px;
height: 60px;
content: '';
background: #fff;
transform: rotate(40deg);
}
ul.flat_rate_list li a small{
position: relative;
margin-top:10px;
display: block;
font-weight: 500;
font-style: normal;
letter-spacing:0.05em;
font-size: 18px;
line-height: 18px;
color:#fff;
text-align: center;
}
ul.flat_rate_list li img{
position: absolute;
top:0px;
left:0;
width: 100%;
height: 225px;
object-fit: cover;
}
ul.flat_rate_list li a .flat_rate_p::after {
content: "";
position: absolute;
top:0px;
left:0;
width: 100%;
height: 100%;
background:rgba(0,0,0,0.5);
backdrop-filter: blur(4px);
--webkit-backdrop-filter: blur(4px);
}
ul.flat_rate_list li a:hover .flat_rate_p::after{
transition : 0.3s;
backdrop-filter: blur(0px);
--webkit-backdrop-filter: blur(0px);
}


section.flat_about_area{
margin: 0 auto;
padding: 0 0 80px 0;
position:relative;
text-align:center;
background-color:#f7f5f0;
}
section.flat_about_area h2.primary_tit{
margin: 0 0 50px;white-space:nowrap;
}
section.flat_about_area h2.primary_tit small{
text-align:left;
font-weight: 500;
font-size: 28px;
letter-spacing: 0.05em;
display:block;
line-height:28px;
}
section.flat_about_area h2.primary_tit b{
margin: 50px 0 0;
}
.flat_about_column{
display: flex;
align-items:stretch;
justify-content:space-between;
}


section.grade_area{
margin: 0 auto;
padding: 0 0 120px 0;
position:relative;
text-align:center;
background-color:#f7f5f0;
}
.tab-wrap {
display: flex;
flex-wrap: wrap;
margin:0 0;
}
.tab-wrap.is-tab-fixed {
    padding-top: var(--tab-fixed-height, 0px);
}
.tab-wrap:after {
content: '';
width: 100%;
display: block;
order: -1;
}
.tab-label {
margin: 0 0 0 ;
padding: 20px 0;
position:relative;
display:block;
cursor: pointer;
order: -1;
z-index: 1;
flex: 1;
font-weight:500;
font-size: 24px;
line-height: 24px;
letter-spacing:0.05em;
text-align: center;
color: #fff;
background: #282828;
white-space: nowrap;
}
.tab-label.is-fixed {
    position: fixed;
    top: 100px;
    z-index: 999;
}
.tab-label.is-fixed.tab-label_center {
    margin: 0;
}
.tab-label small{
font-size: 14px;
}
.tab-label_center {
margin: 0 5px ;
}
.tab-content {
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
background: #fff;
color:#282828;
}
.tab-switch:checked+.tab-label+.tab-content {
height: auto;
overflow: auto;
padding: 90px 60px 0;
opacity: 1;
transition: .5s opacity;
background-color:#fff;
}
/* ラジオボタン非表示 */
.tab-switch {
display: none;
}
.tab-content section{
margin: 0 auto 100px;
padding: 0 0 0 0;
position: relative;
text-align:center;
}
h3.h3_grade{
margin: 0 auto 80px;
padding: 0 0 0 0;
position: relative;
text-align:center;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 75px;
line-height: 75px;
letter-spacing:0.10em;
}
h3.h3_grade small{
margin: 40px auto 0;
padding: 0 0 0 0;
position: relative;
text-align:center;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-size: 26px;
line-height: 26px;
letter-spacing:0.10em;
display:block;
}
h4.h4_grade{
margin: 0 auto 70px;
padding: 0 0 20px 0;
position: relative;
text-align:center;
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
line-height: 20px;
letter-spacing:0.05em;
border-bottom:1px solid #aaa;
}
h5.h5_grade{
margin: 0 auto 30px;
padding: 0 0 0 0;
position: relative;
text-align:center;
font-weight: 500;
font-style: normal;
font-size: 24px;
line-height: 1.8;
letter-spacing:0.10em;
}
p.txt_grade{
margin: 0 auto 50px;
padding: 0 0 0 0;
position: relative;
text-align:center;
font-weight: 500;
font-style: normal;
font-size: 16px;
line-height: 1.8;
letter-spacing:0.10em;
}
p.txt_grade_box{
margin: 0 auto;
padding: 15px 20px;
position: relative;
text-align:left;
font-weight: 500;
font-style: normal;
font-size: 14px;
line-height: 1.8;
letter-spacing:0.00em;
color:#939393;
background-color:#f4f4f4;
}
ul.grade_price_list{
margin: 0px auto 40px;
padding: 0 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.grade_price_list li{
margin: 0px 0 0;
padding: 0 0;
position:relative;
text-align:center;
vertical-align:top;
letter-spacing:normal;
width:22%;
box-sizing: border-box;
}
.grade_price_box{
margin: 40px auto 5px;
padding: 10px 0 30px;
position:relative;
text-align:center;
background-color:#9b8c82;
}
.grade_price_box::before {
content: "";
position: absolute;
top:-42px;
left:0;
width: 100%;
height: 100%;
background-image: url("../images/luxe/grade_price_box.svg");
background-repeat: no-repeat;
background-position: center top;
background-size:100% auto;
}
.tsubo_txt{
margin: 0 0 10px;
padding: 0;
position:relative;
text-align:center;
display:block;
font-family: "Baskervville", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: italic;
font-size: 58px;
line-height: 58px;
color: #fff;
}
.tsubo_txt small{
font-weight: 500;
font-size: 32px;
letter-spacing: 0.05em;
line-height: 32px;
color: #fff;
}
.grade_price_txt{
margin: 0px 0 ;
padding: 0px 0 0;
position:relative;
text-align:left;

text-align:center;
display:block;
vertical-align:middle;
letter-spacing:normal;

box-sizing: border-box;
font-size: 14px;
font-weight:normal;
line-height: 1.1;
letter-spacing:0px;
color:#fff;
}
.grade_price_txt strong{
font-weight: 500;
font-size: 42px;
line-height: 42px;
text-align: right;
display:inline-block;
color:#9b8c82;
}
.grade_price_txt small{
margin-left:5px;
font-weight: normal;
font-size: 12px;
letter-spacing: 0.05em;
text-align: left;
color:#9b8c82;
display:inline-block;
line-height:1.2;
}
.grade_price_txt small b{
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
text-align: left;
color:#9b8c82;
}
ul.spec_list{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.spec_list li{
margin: 0 0 40px;
padding: 0 0;
position:relative;
text-align:center;
font-weight: normal;
font-size: 15px;
letter-spacing: 0.08em;
line-height: 1;
text-align: center;
color: #282828;
width:32%;
}
ul.spec_list li img{
margin-bottom:0px;
max-width:320px;
width:100%;
}
ul.equipment_list{
margin: 0 auto 50px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;

}
ul.equipment_list li{
margin: -1px 0 0 0px;
padding: 0 0;
position:relative;
text-align:center;
font-size: 13px;
letter-spacing: 0.08em;
line-height: 1.5;
text-align: center;
color: #282828;
width:25%;
border-top:1px solid #aaa;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
display: flex;
align-items:center;
justify-content:center;
flex-direction: column;
height:60px;
}
ul.equipment_list li small{
font-weight: normal;
font-size: 11px;
line-height: 1.5;
text-align: center;
display:block;
}
ul.equipment_list:after {
content: "";
display: block;
width: 25%;
height: 0;
}
ul.equipment_list:before {
content: "";
display: block;
width: 25%;
height: 0;
order: 1;
}
ul.equipment_list li:nth-child(4n+1){
border-left:1px solid #aaa;
}
ul.equipment_list li:nth-child(1){
border-left:1px solid #aaa;
}

ul.performance_list{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.performance_list.performance_list_wrap{
margin: 0 auto 0px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
ul.performance_list.performance_list_wrap li{
margin-bottom:30px;
}
ul.performance_list.performance_list_wrap li:nth-child(6){
border-left:0px solid #aaa;
}

ul.performance_list li{
margin: 0 0;
padding: 0 0;
position:relative;
width:20%;
min-height:115px;
text-align: center;
display: flex;
align-items:center;
justify-content:center;
border-left:2px solid #aaa;
font-weight: 500;
font-size: 20px;
line-height: 1.5;
letter-spacing:0.05em;
}
ul.performance_list li small{
font-size: 16px;
line-height: 1.5;
}
ul.performance_list li em{
margin: 0 0 5px;
font-weight: 500;
font-size: 22px;
line-height: 22px;
text-align: center;
display:block;
letter-spacing:0.10em;
}
ul.performance_list li strong{
font-family: Poppins;
font-weight: 600;
font-size: 40px;
line-height: 40px;
text-align: center;
letter-spacing:0.00em;
}
ul.performance_list li b{
margin: 10px 0 0;
font-weight: 400;
font-size: 14px;
line-height: 14px;
text-align: center;
display:block;
}
ul.performance_list li:nth-child(1){
margin: 0 0;
padding: 0 0;
position:relative;;
font-family: Poppins;
font-weight: 600;
font-size: 35px;
line-height: 35px;
text-align: center;
border-left:0px solid #dedede;
}
ul.performance_list li:nth-child(1) small{
font-size: 22px;
line-height: 22px;
}
ul.performance_list li:nth-child(1) img{display:inline-block;margin-bottom:0px;}
ul.performance_list li:nth-child(2) small{
margin: 0 0 0;
padding: 5px 30px;
font-weight: 500;
font-size: 14px;
line-height: 14px;
text-align: center;
color:#fff;
background-color:#333;
display:inline-block;
}


h6.h6_grade{
margin: 0 auto 10px;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-weight: 500;
font-style: normal;
font-size: 18px;
line-height: 1.8;
letter-spacing:0.10em;
}
.table_block{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align:center;
}
table.table_style{
margin: 0px auto ;
padding: 0 0 0;
position:relative;
text-align:center;
width:100%;
}
table.table_style td{
margin: 0px auto ;
padding: 18px 0;
position:relative;
text-align:center;
font-size: 16px;
font-weight:normal;
line-height: 16px;
letter-spacing:0px;
background-color:#fff;
border-top:2px solid #dedede;
}
table.table_style th{
margin: 0px auto ;
padding: 10px 0;
position:relative;
text-align:center;
font-size: 16px;
font-weight:bold;
line-height: 16px;
letter-spacing:0px;
color:#90bb20;
width:25%;
background-color:#fff;
border-top:2px solid #dedede;
}

table.table_style tr:nth-child(1) td{ background-color:#9b8c82;color:#fff;}
table.table_style tr:nth-child(1) th{ background-color:#9b8c82;color:#fff;}
table.table_style tr td:nth-child(1){ background-color:#f4f3f2;white-space:nowrap;}
table.table_style tr:nth-child(1) td:nth-child(1){ background-color:#9b8c82;width:35%;}



section.works_area{
margin: 0 auto;
padding: 100px 0 80px 0;
position: relative;
text-align:center;
background-color:#fff;
}
.event_swiper{
margin-bottom:50px;
}
ul.slide_arr{
margin: 0 0;
padding: 0 0;
position: absolute;
top:20px;
right:0;
display: flex;
align-items:center;
justify-content:flex-end;
z-index:1;
}
ul.slide_arr li{
margin: 0 5px;
padding: 0 0;
position: relative;
cursor: pointer;
}
ul.slide_arr li img{
filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.1));
}
ul.slide_arr li:hover img{
filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.5));
}

ul.event_list{
margin: 0 0 70px 0;
padding: 0 0;
position:relative;
text-align:center;

}
ul.event_list li{
margin: 0 0 0 0;
padding: 0 0;
position:relative;
text-align:left;
max-width:350px;
width:32%;
}
ul.event_list li a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:999;
background-color:#FFF;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
ul.event_list li .event_img{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
overflow: hidden;
}
ul.event_list li .event_img img{
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
vertical-align:top;
transition-duration: .3s;
}
ul.event_list li:hover .event_img img {
transform: scale(1.1);
}
ul.event_list li .event_box{
width:auto;
margin: 0 auto 0;
padding: 20px 0 0;
position:relative;
vertical-align:top;
box-sizing: border-box;
}
ul.event_list li .event_date{
margin: 0 0 5px;
padding: 0 0;
position:relative;
font-weight: normal;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 1.5;
text-align: left;
color: #656e73;
}
ul.event_list li .event_txt{
margin: 0 0 15px;
padding: 0 0 0;
position:relative;
font-weight: normal;
font-size: 19px;
line-height: 1.5;
text-align: left;
}
ul.event_list li .event_cat{
margin: 0 0;
padding: 0 0;
position:relative;
text-align: left;
}
ul.event_list li .event_cat span{
margin: 0 2px 8px;
padding: 5px 8px;
position:relative;
display:inline-block;
font-weight: normal;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 12px;
text-align: left;
color: #585858;
border:1px solid #333;
}
ul.event_list li .event_cat span.openhouse{
color: #fff;
background-color:#aa9d95;
border:1px solid #aa9d95;
}
ul.event_list li .event_cat span.consultation{
color: #fff;
background-color:#00008b;
border:1px solid #00008b;
}
ul.event_list li .event_cat span.renovation{
color: #fff;
background-color:#aa9d95;
border:1px solid #aa9d95;
}
ul.event_list li .event_cat span.campaign{
color: #fff;
background-color:#c9171e;
border:1px solid #c9171e;
}
ul.event_list li .event_cat span.venue_txt{
margin: 0 0 8px 2px;
padding: 5px 5px;
position:relative;
display:inline-block;
font-weight: normal;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 12px;
text-align: left;
border:0px solid #333;
}


section.other_area{
margin: 0 auto;
padding: 80px 0 140px 0;
position:relative;
text-align:center;
background-color:#f7f5f0;
}
ul.other_list{
margin: 0 auto;
padding: 0 1px;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.other_list li{
margin: 0 0 0 0;
padding: 0 0;
position:relative;
text-align:left;
width:48%;
}
ul.other_list li a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:999;
background-color:#FFF;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
ul.other_list li .other_img{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
overflow: hidden;
}
ul.other_list li .other_img img{
width: 100%;
height: 540px;
object-fit: cover;
vertical-align:top;
transition-duration: .3s;
}
ul.other_list li:hover .other_img img {
transform: scale(1.02);
}
ul.other_list li .other_txt{
margin: 0 0;
padding: 20px 10px;
background-color:rgba(255,255,255,0.6);
position:absolute;
top:0;
right:0;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
font-size: 30px;
line-height: 30px;
text-align: left;
letter-spacing: 0.15em;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
ul.other_list li .other_data{
margin: 0 0;
padding: 20px 20px;
position:absolute;
top:0;
left:0;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 13px;
text-align: left;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}

section.bnr_area{
margin: 0 auto;
padding: 100px 0 100px 0;
position: relative;
text-align:center;
background-image: url("../images/luxe/bnr_bg.jpg");
background-repeat: no-repeat;
background-position: center top;
background-size:cover;
}
section.bnr_area::after {
content: "";
position: absolute;
top:0px;
left:0;
width: 100%;
height: 100%;
background:rgba(0,0,0,0.5);
backdrop-filter: blur(4px);
--webkit-backdrop-filter: blur(4px);
}
ul.bnr_list{
margin: 0 auto 0;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
z-index:10;
}
ul.bnr_list li{
margin: 0 0 0 0;
padding: 0 0;
position:relative;
text-align:left;
max-width:540px;
width:48%;
}
ul.bnr_list li a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:999;
background-color:#FFF;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
ul.bnr_list li .bnr_img{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
overflow: hidden;
}
ul.bnr_list li .bnr_img img{
width: 100%;
object-fit: cover;
vertical-align:top;
transition-duration: .3s;
}
ul.bnr_list li:hover .bnr_img img {
transform: scale(1.05);
}
ul.bnr_list li .bnr_txt{
margin: 0 0;
padding: 0 0 0;
position:absolute;
bottom:0;
left:0;
font-weight: normal;
font-size: 18px;
line-height: 1.5;
text-align: center;
color:#fff;
background-color:#9b8c82;
width:100%;
height:55px;
display: flex;
align-items:center;
justify-content:center;
}
ul.bnr_list li .bnr_txt::before {
content: "";
position: absolute;
bottom:20px;
right:30px;
width: 15px;
height: 15px;
background-image: url("../images/base/arr2.svg");
background-repeat: no-repeat;
background-position: right top;
background-size:17px auto;
transition-duration: .2s;
opacity:0.5;
}
ul.bnr_list li:hover  .bnr_txt::before {
transform: scale(1.5);
}
ul.bnr_list li .free_icon{
margin: 0 0;
padding: 0 0 0;
position:absolute;
top:100px;
right:-15px;
}

section.form_area{
margin: 0 auto;
padding: 100px 0 80px 0;
position: relative;
text-align:center;
background-color:#fff;
}
h2.h2_form{
margin: 0 auto 80px;
padding: 0 0 0 0;
position: relative;
text-align:center;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 75px;
line-height: 75px;
letter-spacing:0.10em;
}
h2.h2_form small{
margin: 20px auto 0;
padding: 0 0 0 0;
position: relative;
text-align:center;
font-weight: 600;
font-style: normal;
font-size: 15px;
line-height: 15px;
letter-spacing:0.10em;
display:block;
}

}


/* ===========================
 LUXE_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
section.kv{
margin: 0 auto 0;
padding: 0 0 0 0;
position:relative;
height: 300px;
width:100%;
text-align:center;
background-image: url(../images/luxe/kv_p.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
section.kv h1{
margin: 0 0;
padding: 0 0;
position:absolute;
top:10px;
left:40px;
text-align:left;
}
section.kv h1 small {
position:absolute;
top:0px;
left:-30px;
width: 40px;
height: 40px;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 10px;
line-height: 10px;
letter-spacing:0.05em;
color: #000;
border-radius: 50%;
border:1px solid #000;
display: flex;
justify-content: center;
align-items: center;
z-index:1;
}
section.kv h1 em {
margin: 0 0 5px;
padding: 8px 10px;
position:relative;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 9px;
line-height: 9px;
letter-spacing:0.10em;
color: #fff;
display: inline-block;
background-color:#9b8c82;
}
section.kv h1 strong {
margin: 0 0;
padding: 8px 10px;
position:relative;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
font-size: 20px;
line-height: 20px;
letter-spacing:0.10em;
color: #000;
display: flex;
justify-content: center;
align-items: center;
background-color:#fff;
}
section.kv img.kv_txt{
position:absolute;
bottom:0;
right:0;
height:65px;
}


.container{
width: auto;
margin-inline: auto;
position: relative;
margin:0 20px;
}

section.flat_rate_area{
margin: 0 auto;
padding: 50px 0 40px 0;
position:relative;
text-align:center;
background-color:#f7f5f0;
}
h2.flat_rate_tit{
margin: 0 auto 25px;
padding: 0 0;
position: relative;
text-align:center;
}
h2.flat_rate_tit strong{
margin: 0 auto 20px;
padding: 0 0;
position: relative;
text-align:center;
font-weight: 600;
font-style: normal;
font-size: 16px;
letter-spacing: 0.10em;
line-height: 1.8;
display:block;
}
h2.flat_rate_tit strong img{
display:inline;
padding-right:5px;
width:230px;
}
h2.flat_rate_tit strong small{
font-size: 13px;
}
h2.flat_rate_tit em{
margin: 0 auto;
padding: 0 0;
position: relative;
text-align:center;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 1.8;
display:block;
}

ul.flat_rate_list{
margin: 0 auto;
padding: 0 0;
position: relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.flat_rate_list li{
margin: 0 0 20px;
padding: 0;
position: relative;
width:48%;
}
ul.flat_rate_list li a{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
width:100%;
height:160px;
display: flex;
align-items:center;
justify-content:center;
text-decoration:none;
}
ul.flat_rate_list li a em{
position:relative;
font-weight: 600;
font-style: normal;
letter-spacing:0.05em;
font-size: 16px;
line-height: 1.6;
color:#fff;
text-align: center;
}
ul.flat_rate_list li a b{
position:absolute;
top:8px;
left:12px;
letter-spacing:-0.01em;
font-size: 32px;
line-height: 32px;
color:#fff;
font-family: "Baskervville", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: italic;
opacity:40%;
}
ul.flat_rate_list li a b:before {
position: absolute;
top: 10px;
right: -4px;
width: 1px;
height: 40px;
content: '';
background: #fff;
transform: rotate(40deg);
}
ul.flat_rate_list li a small{
position: relative;
margin-top:5px;
display: block;
font-weight: 500;
font-style: normal;
letter-spacing:0.05em;
font-size: 14px;
line-height: 14px;
color:#fff;
text-align: center;
}
ul.flat_rate_list li img{
position: absolute;
top:0px;
left:0;
width: 100%;
height: 160px;
object-fit: cover;
}
ul.flat_rate_list li a .flat_rate_p::after {
content: "";
position: absolute;
top:0px;
left:0;
width: 100%;
height: 100%;
background:rgba(0,0,0,0.5);
backdrop-filter: blur(4px);
--webkit-backdrop-filter: blur(4px);
}
ul.flat_rate_list li a:hover .flat_rate_p::after{
transition : 0.3s;
backdrop-filter: blur(0px);
--webkit-backdrop-filter: blur(0px);
}


section.flat_about_area{
margin: 0 auto;
padding: 0 0 40px 0;
position:relative;
text-align:center;
background-color:#f7f5f0;
}
section.flat_about_area h2.primary_tit{
margin: 0 0 30px;

}
section.flat_about_area h2.primary_tit small{
text-align:left;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
display:block;
line-height:18px;
}
section.flat_about_area h2.primary_tit b{
margin: 15px 0 0;
}
.flat_about_column{

}


section.grade_area{
margin: 0 auto;
padding: 0 0 60px 0;
position:relative;
text-align:center;
background-color:#f7f5f0;
}
.tab-wrap {
display: flex;
flex-wrap: wrap;
margin:0 0;
}
.tab-wrap.is-tab-fixed {
    padding-top: var(--tab-fixed-height, 0px);
}
.tab-wrap:after {
content: '';
width: 100%;
display: block;
order: -1;
}
.tab-label {
margin: 0 0 0 ;
padding: 15px 0;
position:relative;
display:block;
cursor: pointer;
order: -1;
z-index: 1;
flex: 1;
font-weight:500;
font-size: 15px;
line-height: 15px;
letter-spacing:0.05em;
text-align: center;
color: #fff;
background: #282828;
white-space: nowrap;
}
.tab-label.is-fixed {
    position: fixed;
    top: 70px;
    z-index: 999;
}
.tab-label.is-fixed.tab-label_center {
    margin: 0;
}
.tab-label small{
font-size: 10px;
display:block;
}
.tab-label_center {
margin: 0 4px ;
}
.tab-content {
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
background: #fff;
color:#282828;
}
.tab-switch:checked+.tab-label+.tab-content {
height: auto;
overflow: auto;
padding: 40px 15px 0;
opacity: 1;
transition: .5s opacity;
background-color:#fff;
}
/* ラジオボタン非表示 */
.tab-switch {
display: none;
}
.tab-content section{
margin: 0 auto 30px;
padding: 0 0 0 0;
position: relative;
text-align:center;
}
h3.h3_grade{
margin: 0 auto 40px;
padding: 0 0 0 0;
position: relative;
text-align:center;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 35px;
line-height: 35px;
letter-spacing:0.10em;
}
h3.h3_grade small{
margin: 20px auto 0;
padding: 0 0 0 0;
position: relative;
text-align:center;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-size: 15px;
line-height: 1.5;
letter-spacing:0.10em;
display:block;
}
h4.h4_grade{
margin: 0 auto 30px;
padding: 0 0 15px 0;
position: relative;
text-align:center;
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 16px;
line-height: 16px;
letter-spacing:0.05em;
border-bottom:1px solid #aaa;
}
h5.h5_grade{
margin: 0 auto 20px;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-weight: 500;
font-style: normal;
font-size: 16px;
line-height: 1.6;
letter-spacing:0.10em;
}
p.txt_grade{
margin: 0 auto 30px;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-weight: 500;
font-style: normal;
font-size: 13px;
line-height: 1.6;
letter-spacing:0.10em;
}
p.txt_grade_box{
margin: 0 auto;
padding: 10px 15px;
position: relative;
text-align:left;
font-weight: 500;
font-style: normal;
font-size: 12px;
line-height: 1.6;
letter-spacing:0.00em;
color:#939393;
background-color:#f4f4f4;
}
ul.grade_price_list{
margin: 0px auto 10px;
padding: 0 10px 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.grade_price_list li{
margin: 0px 0 20px;
padding: 0 0;
position:relative;
text-align:center;
vertical-align:top;
letter-spacing:normal;
width:140px;
box-sizing: border-box;
}
.grade_price_box{
margin: 40px auto 5px;
padding: 0px 0 24px;
position:relative;
text-align:center;
background-color:#9b8c82;
}
.grade_price_box::before {
content: "";
position: absolute;
top:-42px;
left:0;
width: 100%;
height: 100%;
background-image: url("../images/luxe/grade_price_box.svg");
background-repeat: no-repeat;
background-position: center top;
background-size:100% auto;
}
.tsubo_txt{
margin: 0 0 5px;
padding: 0;
position:relative;
text-align:center;
display:block;
font-family: "Baskervville", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: italic;
font-size: 37px;
line-height: 37px;
color: #fff;
}
.tsubo_txt small{
font-weight: 500;
font-size: 22px;
letter-spacing: 0.05em;
line-height: 22px;
color: #fff;
}
.grade_price_txt{
margin: 0px 0 ;
padding: 0px 0 0;
position:relative;
text-align:left;

text-align:center;
display:block;
vertical-align:middle;
letter-spacing:normal;

box-sizing: border-box;
font-size: 12px;
font-weight:normal;
line-height: 1.1;
letter-spacing:0px;
color:#fff;
}
.grade_price_txt strong{
font-weight: 500;
font-size: 30px;
line-height: 30px;
text-align: right;
color:#9b8c82;
display:inline-block;
vertical-align:center;
}
.grade_price_txt small{
margin-left:5px;
font-weight: normal;
font-size: 10px;
letter-spacing: 0.05em;
text-align: left;
color:#9b8c82;
display:inline-block;
line-height:1.2;
}
.grade_price_txt small b{
font-weight: 500;
font-size: 14px;
letter-spacing: 0.05em;
text-align: left;
color:#9b8c82;
}
ul.spec_list{
margin: 0 auto 10px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.spec_list li{
margin: 0 0 20px;
padding: 0 0;
position:relative;
text-align:center;
font-weight: normal;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 1;
text-align: center;
color: #282828;
width:48%;
}
ul.spec_list li img{
margin-bottom:0px;
max-width:320px;
width:100%;
}
ul.equipment_list{
margin: 0 auto 25px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.equipment_list li{
margin: -1px 0 0;
padding: 0 0;
position:relative;
text-align:center;
font-size: 11px;
letter-spacing: 0.08em;
line-height: 1.2;
text-align: center;
color: #282828;
width:50%;
border-top:1px solid #aaa;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;

display: flex;
align-items:center;
justify-content:center;
flex-direction: column;
height:45px;
}
ul.equipment_list li small{
font-weight: normal;
font-size: 9px;
line-height: 1.5;
text-align: center;
display:block;
}
ul.equipment_list:after {
content: "";
display: block;
width: 25%;
height: 0;
}
ul.equipment_list li:nth-child(2n+1){
border-left:1px solid #aaa;
}
ul.equipment_list li:nth-child(1){
border-left:1px solid #aaa;
}

ul.performance_list{
margin: 0 -15px 20px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
ul.performance_list.performance_list_wrap{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
ul.performance_list.performance_list_wrap li{
margin-bottom:20px;
}
ul.performance_list.performance_list_wrap li:nth-child(7){
border-right:1px solid #aaa;
}

ul.performance_list li{
margin: 0 0 20px;
padding: 0 0;
position:relative;
width:33.3333%;

text-align: center;
display: flex;
align-items:center;
justify-content:center;
border-left:1px solid #aaa;
font-weight: 500;
font-size: 13px;
line-height: 1.5;
letter-spacing:0.05em;
}
ul.performance_list li small{
font-size: 12px;
line-height: 1.5;
}
ul.performance_list li em{
margin: 0 0 5px;
font-weight: 500;
font-size: 13px;
line-height: 13px;
text-align: center;
display:block;
letter-spacing:0.10em;
}
ul.performance_list li strong{
font-family: Poppins;
font-weight: 600;
font-size: 20px;
line-height: 20px;
text-align: center;
letter-spacing:0.00em;
}
ul.performance_list li b{
margin: 5px 0 0;
font-weight: 400;
font-size: 12px;
line-height: 12px;
text-align: center;
display:block;
}
ul.performance_list li:nth-child(1){
margin: 0 0;
padding: 0 0;
position:relative;;
font-family: Poppins;
font-weight: 600;
font-size: 20px;
line-height: 20px;
text-align: center;
border-left:0px solid #dedede;
}
ul.performance_list li:nth-child(1) small{
font-size: 15px;
line-height: 15px;
}
ul.performance_list li:nth-child(1) img{display:inline-block;margin-top:-20px;width:50px;}
ul.performance_list li:nth-child(2) small{
margin: 0 0 0;
padding: 5px 15px;
font-weight: 500;
font-size: 12px;
line-height: 12px;
text-align: center;
color:#fff;
background-color:#333;
display:inline-block;
}
ul.performance_list li:nth-child(4){
border-left:0px solid #dedede;
}

h6.h6_grade{
margin: 0 auto 10px;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-weight: 500;
font-style: normal;
font-size: 16px;
line-height: 16px;
letter-spacing:0.10em;
}
.table_block{
margin: 0 auto;
padding: 0 0;
position:relative;
text-align:center;
}
table.table_style{
margin: 0px auto ;
padding: 0 0 0;
position:relative;
text-align:center;
width:100%;
}
table.table_style td{
margin: 0px auto ;
padding: 10px 0;
position:relative;
text-align:center;
font-size: 11px;
font-weight:normal;
line-height: 11px;
letter-spacing:0px;
background-color:#fff;
border-top:1px solid #dedede;
}
table.table_style th{
margin: 0px auto ;
padding: 10px 0;
position:relative;
text-align:center;
font-size: 12px;
font-weight:bold;
line-height: 12px;
letter-spacing:0px;
color:#90bb20;
width:25%;
background-color:#fff;
border-top:1px solid #dedede;
}

table.table_style tr:nth-child(1) td{ background-color:#9b8c82;color:#fff;}
table.table_style tr:nth-child(1) th{ background-color:#9b8c82;color:#fff;}
table.table_style tr td:nth-child(1){ background-color:#f4f3f2;white-space:nowrap;}
table.table_style tr:nth-child(1) td:nth-child(1){ background-color:#9b8c82;width:35%;}



section.works_area{
margin: 0 auto;
padding: 50px 0 40px 0;
position: relative;
text-align:center;
background-color:#fff;
}
.event_swiper{
margin-bottom:20px;
}
ul.slide_arr{
margin: 0 0;
padding: 0 0;
position: absolute;
top:20px;
right:-10px;
display: flex;
align-items:center;
justify-content:flex-end;
z-index:1;
}
ul.slide_arr li{
margin: 0 5px;
padding: 0 0;
position: relative;
cursor: pointer;
}
ul.slide_arr li img{
width:30px;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));
}

ul.event_list{
margin: 0 0 0 0;
padding: 0 0;
position:relative;
text-align:center;

}
ul.event_list li{
margin: 0 0 0 0;
padding: 0 0;
position:relative;
text-align:left;
max-width:300px;
width:auto;
}
ul.event_list li a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:999;
background-color:#FFF;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
ul.event_list li .event_img{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
overflow: hidden;
}
ul.event_list li .event_img img{
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
vertical-align:top;
transition-duration: .3s;
}
ul.event_list li:hover .event_img img {
transform: scale(1.1);
}
ul.event_list li .event_box{
width:auto;
margin: 0 auto 0;
padding: 15px 0 0;
position:relative;
vertical-align:top;
box-sizing: border-box;
}
ul.event_list li .event_date{
margin: 0 0 5px;
padding: 0 0;
position:relative;
font-weight: normal;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 1.5;
text-align: left;
color: #656e73;
}
ul.event_list li .event_txt{
margin: 0 0 15px;
padding: 0 0 0;
position:relative;
font-weight: normal;
font-size: 17px;
line-height: 1.5;
text-align: left;
}
ul.event_list li .event_cat{
margin: 0 0;
padding: 0 0;
position:relative;
text-align: left;
}
ul.event_list li .event_cat span{
margin: 0 2px 8px;
padding: 5px 8px;
position:relative;
display:inline-block;
font-weight: normal;
font-size: 11px;
letter-spacing: 0.05em;
line-height: 11px;
text-align: left;
color: #585858;
border:1px solid #333;
}
ul.event_list li .event_cat span.openhouse{
color: #fff;
background-color:#aa9d95;
border:1px solid #aa9d95;
}
ul.event_list li .event_cat span.consultation{
color: #fff;
background-color:#00008b;
border:1px solid #00008b;
}
ul.event_list li .event_cat span.renovation{
color: #fff;
background-color:#aa9d95;
border:1px solid #aa9d95;
}
ul.event_list li .event_cat span.campaign{
color: #fff;
background-color:#c9171e;
border:1px solid #c9171e;
}
ul.event_list li .event_cat span.venue_txt{
margin: 0 0 8px 2px;
padding: 5px 5px;
position:relative;
display:inline-block;
font-weight: normal;
font-size: 11px;
letter-spacing: 0.05em;
line-height: 11px;
text-align: left;
border:0px solid #333;
}


section.other_area{
margin: 0 auto;
padding: 50px 0 50px 0;
position:relative;
text-align:center;
background-color:#f7f5f0;
}
ul.other_list{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
}
ul.other_list li{
margin: 0 0 10px 0;
padding: 0 0;
position:relative;
text-align:left;
width:49%;
}
ul.other_list li a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:999;
background-color:#FFF;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
ul.other_list li .other_img{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
overflow: hidden;
}
ul.other_list li .other_img img{
width: 100%;
height: 300px;
object-fit: cover;
vertical-align:top;
transition-duration: .3s;
}
ul.other_list li:hover .other_img img {
transform: scale(1.02);
}
ul.other_list li .other_txt{
margin: 0 0;
padding: 15px 10px;
background-color:rgba(255,255,255,0.6);
position:absolute;
top:0;
right:0;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
font-size: 16px;
line-height: 24px;
text-align: left;
letter-spacing: 0.15em;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
ul.other_list li .other_data{
margin: 0 0;
padding: 10px 10px;
position:absolute;
top:0;
left:0;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 12px;
text-align: left;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}

section.bnr_area{
margin: 0 auto;
padding: 40px 0 20px 0;
position: relative;
text-align:center;
background-image: url("../images/luxe/bnr_bg.jpg");
background-repeat: no-repeat;
background-position: center top;
background-size:cover;
}
section.bnr_area::after {
content: "";
position: absolute;
top:0px;
left:0;
width: 100%;
height: 100%;
background:rgba(0,0,0,0.5);
backdrop-filter: blur(4px);
--webkit-backdrop-filter: blur(4px);
}
ul.bnr_list{
margin: 0 auto 0;
padding: 0 20px;
position:relative;
text-align:center;

z-index:10;
}
ul.bnr_list li{
margin: 0 auto 20px;
padding: 0 0;
position:relative;
text-align:left;
max-width:540px;

}
ul.bnr_list li a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:999;
background-color:#FFF;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
ul.bnr_list li .bnr_img{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
overflow: hidden;
}
ul.bnr_list li .bnr_img img{
width: 100%;
object-fit: cover;
vertical-align:top;
transition-duration: .3s;
}

ul.bnr_list li .bnr_txt{
margin: 0 0;
padding: 0 0 0;
position:absolute;
bottom:0;
left:0;
font-weight: normal;
font-size: 15px;
line-height: 1.5;
text-align: center;
color:#fff;
background-color:#9b8c82;
width:100%;
height:40px;
display: flex;
align-items:center;
justify-content:center;
}
ul.bnr_list li .bnr_txt::before {
content: "";
position: absolute;
bottom:13px;
right:30px;
width: 15px;
height: 15px;
background-image: url("../images/base/arr2.svg");
background-repeat: no-repeat;
background-position: right top;
background-size:17px auto;
transition-duration: .2s;
opacity:0.5;
}
ul.bnr_list li .free_icon{
margin: 0 0;
padding: 0 0 0;
position:absolute;
top:50px;
right:-15px;
}

section.form_area{
margin: 0 auto;
padding: 50px 0 40px 0;
position: relative;
text-align:center;
background-color:#fff;
}
h2.h2_form{
margin: 0 auto 40px;
padding: 0 0 0 0;
position: relative;
text-align:center;
font-family: Poppins;
font-weight: 500;
font-size: 38px;
letter-spacing: 0.02em;
line-height: 1.5;
}
h2.h2_form small{
margin: 10px auto 0;
padding: 0 0 0 0;
position: relative;
text-align:center;
font-weight: 600;
font-style: normal;
font-size: 12px;
line-height: 12px;
letter-spacing:0.10em;
display:block;
}

}