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;
}
}

div.error {
	color: #FF0000;
    font-weight: bold;
    line-height: 1em;
	text-align:left;
	padding:10px 0 0 10px;
}
@media screen and (max-width:767px) {
div.error {
    font-size: 13px;
	padding:8px 0 0 10px;
}
}

/* ===========================
 rium_PAGE
=========================== */
/* PC用CSS */
@media screen and (min-width: 768px) {

.page_tit{
margin: 0 auto 50px;
padding: 30px 0 0;
position:relative;
width:100%;
text-align:center;
font-weight: 500;
font-style: normal;
font-size: 20px;
line-height: 1.5;
letter-spacing:0.10em;
color: #282828;
}
.page_tit em{
margin: 10px auto 0;
padding: 0 0;
position:relative;
width:100%;
text-align:center;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-size: 30px;
line-height: 1.5;
letter-spacing:0.10em;
color: #282828;
display:block;
}


section.kv{
margin: 0 auto 0;
padding: 0 0 0 0;
position:relative;
height: 768px;
width:100%;
text-align:center;
background-image: url(../images/renovation/kv_p.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
section.kv .h1_kv{
margin: 0 0;
padding: 0 0;
position:absolute;
top:65px;
left:110px;
text-align:left;
}
section.kv .h1_kv 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_kv 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_kv 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.renovation_area{
margin: 0 auto;
padding: 100px 0 80px 0;
position:relative;
text-align:center;
background-color:#f7f5f0;
}
h2.renovation_tit{
margin: 0 auto 100px;
padding: 0 0;
position: relative;
text-align:center;
}
h2.renovation_tit strong{
margin: 0 auto 30px;
padding: 0 0;
position: relative;
text-align:center;
font-weight: 600;
font-style: normal;
font-size: 30px;
letter-spacing: 0.10em;
line-height: 1.8;
display:block;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
}
h2.renovation_tit em{
margin: 0 auto;
padding: 0 0;
position: relative;
text-align:center;
font-weight: 500;
font-style: normal;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 2.0;
display:block;
}
.recommended_column{
margin: 0 auto 0;
padding: 0 0;
position: relative;
display: flex;
align-items:stretch;
justify-content:space-between;
}

ul.renovation_list{
margin: 0 0 0 0;
padding: 0 0;
position: relative;
text-align:left;
}
ul.renovation_list li{
margin: 0 0 10px;
padding: 0;
position: relative;
font-weight: 500;
font-style: normal;
font-size: 20px;
line-height: 1.8;
letter-spacing:0.05em;
color: #282828;
}
ul.renovation_list li:before {
content:"";
width:10px;
height:10px;
display:inline-block;
background-color: #90bb20;
border-radius:50%;
position:relative;
top: -3px;
margin-right: 10px;
}
.recommended_column div{

}

section.grade_area{
margin: 0 auto;
padding: 0 0 120px 0;
position:relative;
text-align:center;
background-color:#f7f5f0;
}

.tab-content {
width: 100%;
height: auto;
overflow: auto;
padding: 90px 60px 0;
background-color:#fff;
}
.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-weight: 400;
font-style: normal;
font-size: 50px;
line-height: 50px;
letter-spacing:0.05em;
}
h3.h3_grade em{
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: 1.5;
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;
}
h4.h4_grade em{
margin-top:20px;
font-weight: 600;
font-style: normal;
font-size: 20px;
line-height: 20px;
letter-spacing:0.05em;
display:block;
}
.mgb_20{margin-bottom:20px !important;}
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: 2.2;
letter-spacing:0.05em;
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:17%;
box-sizing: border-box;
}
.grade_price_box{
margin: 40px auto 5px;
padding: 5px 0 25px;
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/rium/grade_price_box.svg");
background-repeat: no-repeat;
background-position: center top;
background-size:100% auto;
}
.tsubo_txt{
margin: 0px 0 5px 0;
padding: 5px 0 0;
position:relative;
text-align:center;
display:block;
font-family: "Baskervville", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: italic;
font-size: 46px;
line-height: 46px;
color: #fff;
}
.tsubo_txt small{
font-weight: 500;
font-size: 26px;
letter-spacing: 0.05em;
line-height: 26px;
color: #fff;
}
.grade_price_txt{
margin: 10px 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: normal;
font-size: 33px;
line-height: 33px;
text-align: right;
color: #9b8c82;
display:inline-block;
vertical-align:center;
}
.grade_price_txt small{
margin-left:5px;
font-weight: normal;
font-size: 11px;
letter-spacing: 0.05em;
text-align: left;
color: #9b8c82;
display:inline-block;
}
.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 40px;
padding: 0 0;
position:relative;
text-align:center;
font-weight: normal;
font-size: 15px;
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
color: #7e7e7e;
width:32%;
}
ul.spec_list li small{
display:block;
font-size: 15px;
}
ul.spec_list li img{
margin-bottom:0px;
max-width:320px;
width:100%;
}
ul.spec_list li:nth-child(5) img.or_img{
position:absolute;
top:30%;
right:-13%;
z-index:1;
width:20%;
}


ul.equipment_list{
margin: 0 auto 150px;
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.6;
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;
color: #7e7e7e;
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;
}

.case_swiper{
margin-bottom:50px;
position:relative;
width: 100%;
overflow: hidden;
}
ul.case_ex_list{
margin: 0 auto 0;
padding: 0 0;
position:relative;
text-align:center;
}
ul.case_ex_list li{
margin: 0 0 ;
padding: 0 0;
position:relative;
text-align:center;
}
.case_swiper ul.slide_arr{
position: absolute;
top:auto;
bottom:20px;
right:20px;
opacity:0.6;
}
.case_map{
margin: 0 auto 80px;
padding: 0 0;
position:relative;
text-align:center;
}

.renobase{
margin: 0 auto 120px;
padding: 0 0;
position:relative;
text-align:right;
}
.renobas_txt {
position:absolute;
top:15%;
right:4%;
}
.renobas_txt h6{
margin: 0 0 25px;
padding: 0 0;
position:relative;
text-align:right;
font-weight: 400;
font-style: normal;
font-size: 28px;
line-height: 1.5;
letter-spacing:0.15em;
color:#fff;
}
.renobas_txt h6 small{
margin: 0 0 5px;
padding: 0 0;
position:relative;
text-align:right;
font-weight: 400;
font-style: normal;
font-size: 17px;
line-height: 1.5;
letter-spacing:0.00em;
color:#fff;
display:block;
}
.renobas_txt div a{
padding: 10px 15px;
font-weight: 500;
font-style: normal;
font-size: 15px;
line-height: 1.5;
letter-spacing:0.00em;
color:#fff;
text-decoration:none;
background-color:#90bb20;
display:inline-block;
}
.renobas_txt div a:hover{
transition : 0.3s;
opacity:0.7;
}

.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;
width:33%;
}
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:33%;
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:33%;}


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: #9b8c82;
}
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/rium/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;
}
h1.h2_form,
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;
}
h1.h2_form small,
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;
}

}


/* ===========================
 rium_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {
.page_tit{
margin: 0 auto 25px;
padding: 20px 0 0;
position:relative;
width:100%;
text-align:center;
font-weight: 500;
font-style: normal;
font-size: 13px;
line-height: 1.5;
letter-spacing:0.10em;
color: #282828;
}
.page_tit em{
margin: 5px auto 0;
padding: 0 0;
position:relative;
width:100%;
text-align:center;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-size: 20px;
line-height: 1.5;
letter-spacing:0.10em;
color: #282828;
display:block;
}
section.kv{
margin: 0 auto 0;
padding: 0 0 0 0;
position:relative;
height: 300px;
width:100%;
text-align:center;
background-image: url(../images/renovation/kv_p.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
section.kv .h1_kv{
margin: 0 0;
padding: 0 0;
position:absolute;
top:10px;
left:40px;
text-align:left;
}
section.kv .h1_kv 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_kv 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_kv 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.renovation_area{
margin: 0 auto;
padding: 50px 0 40px 0;
position:relative;
text-align:center;
background-color:#f7f5f0;
}
h2.renovation_tit{
margin: 0 auto 50px;
padding: 0 0;
position: relative;
text-align:center;
}
h2.renovation_tit strong{
margin: 0 auto 20px;
padding: 0 0;
position: relative;
text-align:center;
font-weight: 600;
font-style: normal;
font-size: 15px;
letter-spacing: 0.10em;
line-height: 1.8;
display:block;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
}
h2.renovation_tit em{
margin: 0 auto;
padding: 0 0;
position: relative;
text-align:center;
font-weight: 500;
font-style: normal;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 1.8;
display:block;
}
section.renovation_area h2.primary_tit small{
margin: 0 0 30px;
display:block;
}
h2.primary_tit em.v2{
letter-spacing: -0.02em;
}
.recommended_column{
margin: 0 auto 0;
padding: 0 0;
position: relative;
}
ul.renovation_list{
margin: 0 0 20px 0;
padding: 0 0;
position: relative;
text-align:left;
}
ul.renovation_list li{
margin: 0 0 10px;
padding: 0;
position: relative;
font-weight: 500;
font-style: normal;
font-size: 16px;
line-height: 1.8;
letter-spacing:0.03em;
color: #282828;
}
ul.renovation_list li:before {
content:"";
width:8px;
height:8px;
display:inline-block;
background-color: #90bb20;
border-radius:50%;
position:relative;
top: -3px;
margin-right: 10px;
}
.recommended_column div{

}

section.grade_area{
margin: 0 auto;
padding: 0 0 60px 0;
position:relative;
text-align:center;
background-color:#f7f5f0;
}

.tab-content {
width: 100%;
height: auto;
overflow: auto;
padding: 40px 15px 0;
background-color:#fff;
}
.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-weight: 400;
font-style: normal;
font-size: 25px;
line-height: 25px;
letter-spacing:0.10em;
}
h3.h3_grade em{
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;
}
h4.h4_grade em{
margin-top:10px;
display:block;
}
h4.h4_grade small{
margin-top:10px;
display:block;
}
h5.h5_grade{
margin: 0 auto 20px;
padding: 0 0 0 0;
position: relative;
text-align:center;
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:justify;
font-weight: 500;
font-style: normal;
font-size: 13px;
line-height: 1.6;
letter-spacing:0;
font-feature-settings: 'palt';
}
p.txt_grade.center{
text-align:center;
}
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:after {
content: "";
display: block;
width:140px;
height: 0;
}
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 20px;
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/rium/grade_price_box.svg");
background-repeat: no-repeat;
background-position: center top;
background-size:100% auto;
}
.tsubo_txt{
margin: 0px 0 5px 0;
padding: 5px 0 0;
position:relative;
text-align:center;
display:block;
font-family: "Baskervville", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: italic;
font-size: 35px;
line-height: 35px;
color: #fff;
}
.tsubo_txt small{
font-weight: 500;
font-size: 20px;
letter-spacing: 0.05em;
line-height: 20px;
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: normal;
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;
}
.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;
line-height: 1.3;
text-align: center;
color: #7e7e7e;
width:48%;
}
ul.spec_list li small{
display:block;
font-size: 12px;
}
ul.spec_list li img{
margin-bottom:0px;
max-width:320px;
width:100%;
}
ul.spec_list li:nth-child(5) img.or_img{
position:absolute;
top:8vw;
right:-8vw;
z-index:1;
width:12vw;
height:auto;
}

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;
padding: 0 0;
position:relative;
text-align:center;
font-size: 11px;
letter-spacing: 0.08em;
line-height: 1.5;
text-align: center;
color: #282828;
width:50%;
border-top:1px solid #aaa;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
font-feature-settings: 'palt';
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;
color: #7e7e7e;
display:block;
}
ul.equipment_list:after {
content: "";
display: block;
width:50%;
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;
}

.case_swiper{
margin-bottom:30px;
position:relative;
width: 100%;
overflow: hidden;
}
ul.case_ex_list{
margin: 0 auto 0;
padding: 0 0;
position:relative;
text-align:center;
}
ul.case_ex_list li{
margin: 0 0 ;
padding: 0 0;
position:relative;
text-align:center;
}
.case_swiper ul.slide_arr{
position: absolute;
top:auto;
bottom:10px;
right:10px;
opacity:0.6;
}
.case_map{
margin: 0 auto 30px;
padding: 0 0;
position:relative;
text-align:center;
}

.renobase{
margin: 0 auto 60px;
padding: 0 0;
position:relative;
text-align:right;
}
.renobas_txt {
position:absolute;
top:12%;
right:4%;
}
.renobas_txt h6{
margin: 0 0 10px;
padding: 0 0;
position:relative;
text-align:right;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 1.5;
letter-spacing:0.15em;
color:#fff;
}
.renobas_txt h6 small{
margin: 0 0 5px;
padding: 0 0;
position:relative;
text-align:right;
font-weight: 400;
font-style: normal;
font-size: 12px;
line-height: 1.5;
letter-spacing:0.00em;
color:#fff;
display:block;
}
.renobas_txt div a{
padding: 8px 12px;
font-weight: 500;
font-style: normal;
font-size: 12px;
line-height: 1.5;
letter-spacing:0.00em;
color:#fff;
text-decoration:none;
background-color:#90bb20;
display:inline-block;
}


.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;
width:33%;
}
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:33%;
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:33%;}


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: #9b8c82;
}
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/rium/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;
}
h1.h2_form,
h2.h2_form{
margin: 10px 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;
}
h1.h2_form small,
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;
}

}