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

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

img.updated {
	position:absolute;
	top:0;
	left:0;
}

section.works_area{
margin: 0 auto;
padding: 30px 0 80px 0;
position: relative;
text-align:center;
background-color:#fff;
}

section.works_area h2.primary_tit{
margin: 0 auto 50px;
padding: 0 0 50px;
position: relative;
text-align:left;
border-bottom:1px solid #ccc;
}

.tag_block{
margin: 0 0 50px 0;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
}
.tag_block p{
margin: 0 20px 0 0;
padding: 10px 0;
position:relative;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing:0.01em;
font-size: 17px;
line-height: 17px;
text-align: left;
color: #999;
}
ul.tag_list{
margin: 0 0 0 0;
padding: 0 0;
position:relative;
text-align:left;
display: flex;
align-items:stretch;
justify-content:flex-start;
flex-wrap:wrap;
}
ul.tag_list li{
margin: 0 10px 10px 0;
padding: 10px 10px;
position:relative;
text-align:left;
font-weight: 400;
font-style: normal;
letter-spacing:0.01em;
font-size: 17px;
line-height: 17px;
text-align: left;
color: #282828;
background-color:#fff;
}
ul.tag_list li a{
	text-decoration:none;
}
ul.tag_list li a:hover{
	text-decoration:underline;
}
ul.tag_list li small{
margin: 0 0 0 0;
padding: 0 0;
position:relative;
font-weight: 400;
font-style: normal;
letter-spacing:0.01em;
font-size: 17px;
line-height: 17px;
text-align: left;
color: #999;
}


ul.works_list{
margin: 0 0 30px 0;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.works_list:after {
content: "";
display: block;
max-width:350px;
width: 32%;
height: 0;
}
ul.works_list li{
margin: 0 0 50px 0;
padding: 0 0;
position:relative;
text-align:left;
max-width:350px;
width:32%;
}
ul.works_list li a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:9;
background-color:#FFF;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
ul.works_list li .works_img{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
overflow: hidden;
}
ul.works_list li .works_img img{
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
vertical-align:top;
transition-duration: .3s;
}
ul.works_list li:hover .works_img img {
transform: scale(1.1);
}
ul.works_list li .works_box{
width:auto;
margin: 0 auto 0;
padding: 20px 0 0;
position:relative;
vertical-align:top;
box-sizing: border-box;
}
ul.works_list li .works_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.works_list li .works_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.works_list li .works_cat{
margin: 0 0;
padding: 0 0;
position:relative;
text-align: left;
}
ul.works_list li .works_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: #fff;
background-color:#aa9d95;
border:1px solid #aa9d95;
}
ul.works_list li .works_cat span.openhouse{
color: #fff;
background-color:#aa9d95;
border:1px solid #aa9d95;
}
ul.works_list li .works_cat span.consultation{
color: #fff;
background-color:#00008b;
border:1px solid #00008b;
}
ul.works_list li .works_cat span.renovation{
color: #fff;
background-color:#aa9d95;
border:1px solid #aa9d95;
}
ul.works_list li .works_cat span.campaign{
color: #fff;
background-color:#c9171e;
border:1px solid #c9171e;
}
ul.works_list li .works_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;
}

.page_num{
margin: 0px auto;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:center;
justify-content:center;
}
.page_num div{
margin: 0 20px;
padding: 0 0;
position:relative;
text-align:center;
}
.page_num div a{
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing:0.05em;
font-size: 15px;
line-height: 15px;
text-align: left;
color: #282828;
text-decoration:none;
}
.page_num div a:hover{
transition : 0.3s;
text-decoration: underline;
text-underline-offset: .4em;
text-decoration-thickness: 1px; 
}

ul.page_num_list{
margin: 0 10px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:center;
justify-content:center;
}
ul.page_num_list li{
margin: 0 5px;
padding: 0 0;
position:relative;
text-align:center;
}
ul.page_num_list li a,
ul.page_num_list li span{
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing:0.05em;
font-size: 15px;
line-height: 15px;
text-align: center;
color: #282828;
text-align: center;

width: 40px;
height: 40px;
background-color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
text-decoration:none;
border:1px solid #ccc;
}

ul.page_num_list li a.page_stay,
ul.page_num_list li span.page_stay{
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing:0.05em;
font-size: 15px;
line-height: 15px;
text-align: center;
color: #fff;
background-color: #282828;
border:1px solid #282828;
}

ul.page_num_list li a:hover{
color:#fff;
background-color: #282828;
border:1px solid #282828;
text-decoration:none;
}

/*詳細ページ*/
section.works_detail_area{
margin: 0 auto;
padding: 0 0 0 0;
position: relative;
text-align:center;
background-color:#fff;
}

.article_top{
margin: 0 auto 80px;
padding: 60px 0;
position: relative;
text-align:center;
background-color:#f7f5f0;
}
.article_top_column{
margin: 0 auto;
padding: 0 0;
position: relative;
text-align:center;
display: flex;
align-items:center;
justify-content:space-between;
}
.article_top_slide{
margin: 0 0;
padding: 0 0;
position: relative;
text-align:center;
max-width:540px;
width:50%;
overflow: hidden;
}

.article_top_slide ul.slide_arr{
margin: 0 0;
padding: 0 0;
position: absolute;
bottom:20px;
right:20px;
display: flex;
align-items:center;
justify-content:flex-end;
z-index:10;
}
.article_top_slide ul.slide_arr li{
margin: 0 5px;
padding: 0 0;
position: relative;
cursor: pointer;
}
.article_top_slide ul.slide_arr li img{
filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.1));
opacity:0.7;
}
.article_top_slide ul.slide_arr li:hover img{
filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.5));
opacity:0.7;
}

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

}
ul.article_top_slide_list li{
margin: 0 0 0 0;
padding: 0 0;
position:relative;
text-align:left;

}
ul.article_top_slide_list li img{
max-width:540px;
aspect-ratio: 540 / 600;
object-fit:cover;
}

.article_top_info{
margin: 0 0;
padding: 0 0;
position: relative;
text-align:center;
width:47%;
}
h2.article_tit{
margin: 0 0 20px;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-size: 30px;
letter-spacing: 0.05em;
line-height: 1.4;
}
h2.article_tit small{
margin: 0 0 5px;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-family: Poppins;
font-weight: 500;
font-size: 20px;
letter-spacing: 0.05em;
line-height: 20px;
display:block;
}
.article_top_info p{
margin: 0 0;
padding: 0 0;
position: relative;
text-align:left;
font-weight: 400;
font-style: normal;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.8;
}
.article_top_info p span{
margin: 0 0 20px;
padding: 0 0;
position: relative;
text-align:left;
font-weight: 400;
font-style: normal;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.8;
display:block;
}

.article_youtube{
margin: 0 auto 80px;
padding: 0 0;
position: relative;
text-align:center;
}

.youtube_movie {
position: relative;
width:100%;
height:0;
padding-top: 56.25%;
}
.youtube_movie iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.article_detail{
margin: 0 auto 80px;
padding: 0 0;
position: relative;
text-align:center;
}
.article_detail h3{
margin: 0 0 50px;
padding: 0 0 25px 0;
position: relative;
text-align:center;
font-family: Poppins;
font-weight: 500;
font-size: 20px;
letter-spacing: 0.05em;
line-height: 20px;
border-bottom:1px solid #ccc;
}
ul.article_detail_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.article_detail_list li{
margin: 0 0 50px;
padding: 0 0;
position: relative;
text-align:center;
max-width:540px;
width:48%;
}
ul.article_detail_list li img{
width:100%;
}
ul.article_detail_list li p{
margin:15px 0 0;
padding: 0 0;
position: relative;
text-align:left;
font-weight: 400;
font-style: normal;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.8;
}

.article_voice{
margin: 0 auto 80px;
padding: 0px 0 80px;
position: relative;
text-align:center;
background-color:#f7f5f0;
background: linear-gradient(to bottom, #fff 0%, #fff 40px, #f7f5f0 40px, #f7f5f0 100%);
}
.article_voice_column{
margin: 0 auto;
padding: 0 0;
position: relative;
text-align:center;
display: flex;
align-items:center;
justify-content:space-between;
}
.article_voice h3{
margin: 0 0 70px;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-family: Poppins;
font-weight: 500;
font-style: normal;
font-size: 76px;
letter-spacing: 0.00em;
line-height: 76px;
}
.article_voice h3 small{
margin: 10px 0 0;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.05em;
line-height: 18px;
display:block;
}

.article_voice_column{
margin: 0 auto;
padding: 0 0;
position: relative;
text-align:center;
display: flex;
align-items:flex-start;
justify-content:space-between;
}
.article_voice_p{
margin: 0 0 0 -100px;
padding: 0 0;
position: relative;
text-align:center;
width:68%;
}
.article_voice_p img{

}
.article_voice_info{
margin: 0 0;
padding: 0 0;
position: relative;
text-align:center;
width:35%;
}
.article_voice_info p{
margin: 0 0 50px;
padding: 0 0;
position: relative;
text-align:left;
font-weight: 400;
font-style: normal;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.8;
}
.article_voice_info p em{
margin: 0 0 20px;
padding: 0 0;
position: relative;
text-align:left;
font-weight: 500;
font-style: normal;
font-size: 19px;
letter-spacing: 0.05em;
line-height: 19px;
display:block;
}

.article_comment{
margin: 0 auto 90px;
padding: 0 0;
position: relative;
text-align:center;
}
.article_comment h3{
margin: 0 0 30px;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-family: Poppins;
font-weight: 500;
font-style: normal;
font-size: 48px;
letter-spacing: 0.00em;
line-height: 48px;
}
.article_comment h3 small{
margin: 0 0 0 10px;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-weight: 500;
font-size: 15px;
letter-spacing: 0.05em;
line-height: 15px;
display:inline-block;
}
.article_comment_box{
margin: 0 auto;
padding: 40px 50px;
position: relative;
text-align:center;
display: flex;
align-items:center;
justify-content:space-between;
border:1px solid #ccc;
}
.article_comment_box .comment_p{
margin: 0 30px 0 0;
padding: 0 0;
position: relative;
text-align:center;
width:150px;
flex-shrink: 0;
}
.comment_p img{
max-width:150px;
border-radius: 50%;
}
.article_comment_box p{
margin: 0 0;
padding: 0 0;
position: relative;
text-align:left;
font-weight: 400;
font-style: normal;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.8;
flex-grow: 1;
}
.article_comment_box p em{
margin: 0 0 20px;
padding: 0 0;
position: relative;
text-align:left;
font-weight: 500;
font-style: normal;
font-size: 18px;
letter-spacing: 0.05em;
line-height: 18px;
display:block;
}


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

.tag_area{
margin: 0 auto 0;
padding: 80px 0 30px;
position: relative;
text-align:center;
background-color:#f7f5f0;
}


section.other_works_area{
margin: 0 auto;
padding: 100px 0 100px 0;
position: relative;
text-align:center;
background-color:#fff;
}
.event_swiper{
margin-bottom:50px;
}
.other_works_area 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;
}
.other_works_area ul.slide_arr li{
margin: 0 5px;
padding: 0 0;
position: relative;
cursor: pointer;
}
.other_works_area ul.slide_arr li img{
filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.1));
}
.other_works_area ul.slide_arr li:hover img{
filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.5));
}

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

}
.other_works_area ul.event_list li{
margin: 0 0 0 0;
padding: 0 0;
position:relative;
text-align:left;
max-width:350px;
width:32%;
}
.other_works_area 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;
}
.other_works_area ul.event_list li .event_img{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
overflow: hidden;
}
.other_works_area ul.event_list li .event_img img{
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
vertical-align:top;
transition-duration: .3s;
object-position: bottom;
}
.other_works_area ul.event_list li:hover .event_img img {
transform: scale(1.1);
}
.other_works_area 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;
}
.other_works_area 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;
}
.other_works_area 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;
}
.other_works_area ul.event_list li .event_cat{
margin: 0 0;
padding: 0 0;
position:relative;
text-align: left;
}
.other_works_area 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;
}
.other_works_area ul.event_list li .event_cat span.openhouse{
color: #fff;
background-color:#aa9d95;
border:1px solid #aa9d95;
}
.other_works_area ul.event_list li .event_cat span.consultation{
color: #fff;
background-color:#00008b;
border:1px solid #00008b;
}
.other_works_area ul.event_list li .event_cat span.renovation{
color: #fff;
background-color:#aa9d95;
border:1px solid #aa9d95;
}
.other_works_area ul.event_list li .event_cat span.campaign{
color: #fff;
background-color:#c9171e;
border:1px solid #c9171e;
}
.other_works_area 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;
}



}


/* ===========================
 works_PAGE
=========================== */
/* スマホ用CSS */
@media screen and (max-width:767px) {

img.updated {
	position:absolute;
	top:0;
	left:0;
	width:50px;
}

section.works_area{
margin: 0 auto;
padding: 20px 0 40px 0;
position: relative;
text-align:center;
background-color:#fff;
}
section.works_area h2.primary_tit{
margin: 0 auto 30px;
padding: 0 0 20px;
position: relative;
text-align:left;
border-bottom:1px solid #ccc;
}

.tag_block{
margin: 0 0 20px 0;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
}
.tag_block p{
margin: 0 10px 0 0;
padding: 5px 0;
position:relative;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing:0.01em;
font-size: 13px;
line-height: 13px;
text-align: left;
color: #999;
}
ul.tag_list{
margin: 0 0 0 0;
padding: 0 0;
position:relative;
text-align:left;
display: flex;
align-items:stretch;
justify-content:flex-start;
flex-wrap:wrap;
}
ul.tag_list li{
margin: 0 5px 5px 0;
padding: 5px 10px;
position:relative;
text-align:left;
font-weight: 400;
font-style: normal;
letter-spacing:0.01em;
font-size: 12px;
line-height: 12px;
text-align: left;
color: #282828;
background-color:#fff;
}
ul.tag_list li small{
margin: 0 0 0 0;
padding: 0 0;
position:relative;
font-weight: 400;
font-style: normal;
letter-spacing:0.01em;
font-size: 12px;
line-height: 12px;
text-align: left;
color: #999;
}


ul.works_list{
margin: 0 -10px 0;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
}
ul.works_list li{
margin: 0 0 40px 0;
padding: 0 0;
position:relative;
text-align:left;
max-width:350px;
width:48%;
}
ul.works_list li a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:9;
background-color:#FFF;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
ul.works_list li .works_img{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
overflow: hidden;
}
ul.works_list li .works_img img{
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
vertical-align:top;
transition-duration: .3s;
}
ul.works_list li:hover .works_img img {
transform: scale(1.1);
}
ul.works_list li .works_box{
width:auto;
margin: 0 auto 0;
padding: 15px 0 0;
position:relative;
vertical-align:top;
box-sizing: border-box;
}
ul.works_list li .works_date{
margin: 0 0 4px;
padding: 0 0;
position:relative;
font-weight: normal;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1.5;
text-align: left;
color: #656e73;
}
ul.works_list li .works_txt{
margin: 0 0 10px;
padding: 0 0 0;
position:relative;
font-weight: normal;
font-size: 14px;
line-height: 1.5;
text-align: left;
}
ul.works_list li .works_cat{
margin: 0 0;
padding: 0 0;
position:relative;
text-align: left;
}
ul.works_list li .works_cat span{
margin: 0 3px 0px 0;
padding: 4px 5px;
position:relative;
display:inline-block;
font-weight: normal;
font-size: 10px;
letter-spacing: 0.05em;
line-height: 10px;
text-align: left;
color: #fff;
background-color:#aa9d95;
border:1px solid #aa9d95;
}
ul.works_list li .works_cat span.openhouse{
color: #fff;
background-color:#aa9d95;
border:1px solid #aa9d95;
}
ul.works_list li .works_cat span.consultation{
color: #fff;
background-color:#00008b;
border:1px solid #00008b;
}
ul.works_list li .works_cat span.renovation{
color: #fff;
background-color:#aa9d95;
border:1px solid #aa9d95;
}
ul.works_list li .works_cat span.campaign{
color: #fff;
background-color:#c9171e;
border:1px solid #c9171e;
}
ul.works_list li .works_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;
}

.page_num{
margin: 0px auto;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:center;
justify-content:center;
}
.page_num div{
margin: 0 0;
padding: 0 0;
position:relative;
text-align:center;
}
.page_num div a{
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing:0.03em;
font-size: 12px;
line-height: 12px;
text-align: left;
color: #282828;
text-decoration:none;
}
ul.page_num_list{
margin: 0 15px;
padding: 0 0;
position:relative;
text-align:center;
display: flex;
align-items:center;
justify-content:center;
}
ul.page_num_list li{
margin: 0 3px;
padding: 0 0;
position:relative;
text-align:center;
}
ul.page_num_list li a{
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing:0.05em;
font-size: 12px;
line-height: 12px;
text-align: center;
color: #282828;
text-align: center;

width: 30px;
height: 30px;
background-color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
text-decoration:none;
border:1px solid #ccc;
}

ul.page_num_list li a.page_stay{
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing:0.05em;
font-size: 12px;
line-height: 12px;
text-align: center;
color: #fff;
background-color: #282828;
border:1px solid #282828;
}

ul.page_num_list li a:hover{
color:#fff;
background-color: #282828;
border:1px solid #282828;
text-decoration:none;
}

/*詳細ページ*/
section.works_detail_area{
margin: 0 auto;
padding: 0 0 0 0;
position: relative;
text-align:center;
background-color:#fff;
}

.article_top{
margin: 0 auto 40px;
padding: 30px 0 40px;
position: relative;
text-align:center;
background-color:#f7f5f0;
}
.article_top_column{
margin: 0 auto;
padding: 0 0;
position: relative;
text-align:center;
}
.article_top_slide{
margin: 0 auto 20px;
padding: 0 0;
position: relative;
text-align:center;
max-width:540px;
width:100%;
overflow: hidden;
}
.article_top_slide ul.slide_arr{
margin: 0 0;
padding: 0 0;
position: absolute;
bottom:15px;
right:10px;
display: flex;
align-items:center;
justify-content:flex-end;
z-index:10;
}
.article_top_slide ul.slide_arr li{
margin: 0 5px;
padding: 0 0;
position: relative;
cursor: pointer;
}
.article_top_slide ul.slide_arr li img{
filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.1));
opacity:0.7;
width:40px;
}
ul.article_top_slide_list{
margin: 0 0 0 0;
padding: 0 0;
position:relative;
text-align:center;

}
ul.article_top_slide_list li{
margin: 0 0 0 0;
padding: 0 0;
position:relative;
text-align:left;

}
ul.article_top_slide_list li img{
width:100%;
aspect-ratio: 315 / 350;
object-fit:cover;
}
.article_top_info{
margin: 0 auto;
padding: 0 0;
position: relative;
text-align:center;
}
h2.article_tit{
margin: 0 0 10px;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-size: 18px;
letter-spacing: 0.05em;
line-height: 1.4;
}
h2.article_tit small{
margin: 0 0 5px;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-family: Poppins;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 14px;
display:block;
}
.article_top_info p{
margin: 0 0;
padding: 0 0;
position: relative;
text-align:left;
font-weight: 400;
font-style: normal;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.6;
}
.article_top_info p span{
margin: 0 0 10px;
padding: 0 0;
position: relative;
text-align:left;
font-weight: 400;
font-style: normal;
font-size: 11px;
letter-spacing: 0.05em;
line-height: 1.6;
display:block;
}

.article_youtube{
margin: 0 auto 60px;
padding: 0 0;
position: relative;
text-align:center;
}

.youtube_movie {
position: relative;
width:100%;
height:0;
padding-top: 56.25%;
}
.youtube_movie iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.article_detail{
margin: 0 auto 40px;
padding: 0 0;
position: relative;
text-align:center;
}
.article_detail h3{
margin: 0 0 30px;
padding: 0 0 20px 0;
position: relative;
text-align:center;
font-family: Poppins;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 16px;
border-bottom:1px solid #ccc;
}
ul.article_detail_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.article_detail_list li{
margin: 0 0 30px;
padding: 0 0;
position: relative;
text-align:center;
max-width:540px;
width:48%;
}
ul.article_detail_list li img{
width:100%;
}
ul.article_detail_list li p{
margin:15px 0 0;
padding: 0 0;
position: relative;
text-align:left;
font-weight: 400;
font-style: normal;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 1.6;
}

.article_voice{
margin: 0 auto 40px;
padding: 0px 0 40px;
position: relative;
text-align:center;
background-color:#f7f5f0;
background: linear-gradient(to bottom, #fff 0%, #fff 20px, #f7f5f0 20px, #f7f5f0 100%);
}
.article_voice_column{
margin: 0 auto;
padding: 0 0;
position: relative;
text-align:center;

}
.article_voice h3{
margin: 0 0 30px;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-family: Poppins;
font-weight: 500;
font-style: normal;
font-size: 42px;
letter-spacing: 0.00em;
line-height: 42px;
}
.article_voice h3 small{
margin: 10px 0 0;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 13px;
display:block;
}

.article_voice_column{
margin: 0 auto;
padding: 0 0;
position: relative;
text-align:center;
}
.article_voice_p{
margin: 0 0 20px;
padding: 0 0;
position: relative;
text-align:center;
}
.article_voice_p img{
width:100%;
}
.article_voice_info{
margin: 0 0;
padding: 0 0;
position: relative;
text-align:center;
}
.article_voice_info p{
margin: 0 0 30px;
padding: 0 0;
position: relative;
text-align:left;
font-weight: 400;
font-style: normal;
font-size: 14px;
letter-spacing: 0.05em;
line-height: 1.6;
}
.article_voice_info p em{
margin: 0 0 10px;
padding: 0 0;
position: relative;
text-align:left;
font-weight: 500;
font-style: normal;
font-size: 17px;
letter-spacing: 0.05em;
line-height: 17px;
display:block;
}

.article_comment{
margin: 0 auto 40px;
padding: 0 0;
position: relative;
text-align:center;
}
.article_comment h3{
margin: 0 0 30px;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-family: Poppins;
font-weight: 500;
font-style: normal;
font-size: 32px;
letter-spacing: 0.00em;
line-height: 32px;
}
.article_comment h3 small{
margin: 10px 0 0 0px;
padding: 0 0 0 0;
position: relative;
text-align:left;
font-weight: 500;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 13px;
display:block;
}
.article_comment_box{
margin: 0 auto;
padding: 20px 25px;
position: relative;
text-align:center;

border:1px solid #ccc;
}
.article_comment_box .comment_p{
margin: 0 auto 15px;
padding: 0 0;
position: relative;
text-align:center;
width:130px;
}
.comment_p img{
max-width:130px;
border-radius: 50%;
}
.article_comment_box p{
margin: 0 0;
padding: 0 0;
position: relative;
text-align:left;
font-weight: 400;
font-style: normal;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 1.6;
}
.article_comment_box p em{
margin: 0 0 15px;
padding: 0 0;
position: relative;
text-align:center;
font-weight: 500;
font-style: normal;
font-size: 15px;
letter-spacing: 0.05em;
line-height: 15px;
display:block;
}

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

.tag_area{
margin: 0 auto 0;
padding: 40px 0 20px;
position: relative;
text-align:center;
background-color:#f7f5f0;
}

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

section.other_works_area h2.primary_tit{
margin-bottom:30px;
}
section.other_works_area h2.primary_tit small{
display:block;
}

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

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

}
.other_works_area ul.event_list li{
margin: 0 0 0 0;
padding: 0 0;
position:relative;
text-align:left;
max-width:300px;
width:auto;
}
.other_works_area 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;
}
.other_works_area ul.event_list li .event_img{
margin: 0 auto;
padding: 0 0px;
position:relative;
text-align:center;
overflow: hidden;
}
.other_works_area ul.event_list li .event_img img{
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
vertical-align:top;
transition-duration: .3s;
object-position: bottom;
}
.other_works_area ul.event_list li:hover .event_img img {
transform: scale(1.1);
}
.other_works_area 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;
}
.other_works_area 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;
}
.other_works_area 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;
}
.other_works_area ul.event_list li .event_cat{
margin: 0 0;
padding: 0 0;
position:relative;
text-align: left;
}
.other_works_area 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;
}
.other_works_area ul.event_list li .event_cat span.openhouse{
color: #fff;
background-color:#aa9d95;
border:1px solid #aa9d95;
}
.other_works_area ul.event_list li .event_cat span.consultation{
color: #fff;
background-color:#00008b;
border:1px solid #00008b;
}
.other_works_area ul.event_list li .event_cat span.renovation{
color: #fff;
background-color:#aa9d95;
border:1px solid #aa9d95;
}
.other_works_area ul.event_list li .event_cat span.campaign{
color: #fff;
background-color:#c9171e;
border:1px solid #c9171e;
}
.other_works_area 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;
}

}