@charset "UTF-8";
/* ---------------------------------------------------------------------------------------------
　   メインコンテンツ
--------------------------------------------------------------------------------------------- */
#main {
float: none;
width:100%;
text-align: left;
overflow: hidden
}
.hidden {
width: 100%;
overflow: hidden;
}
.br_hidden{
  display: none;
}
/* haikei
/* ------------------------------------- */
.back_top {
background: #30190d;
}
.back_top_wh {
background: #fff;
padding: 0 0 10% 0;
}
@media screen and (min-width: 981px) {
.br_hidden{
display: block;
}
.back_top_wh {
padding: 0 0 5% 0;
}}
/* ---------------------------------------------------------------------------------------------
　   スライド
--------------------------------------------------------------------------------------------- */
.rslides {
max-width: 100%;
margin: 0 auto;
overflow:hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.rslides #metaslider-id-129 img,
.rslides img{
width: 100%;
height: 350px;
margin: auto;
object-fit: cover;
}		
.rslides .text{
position: absolute;
}
.rslides .text img {
width:50px;
height: auto;
transition: 0.5s;
}
@media screen and (min-width: 768px) {
.rslides #metaslider-id-129 img,
.rslides img{
width: 100%;
height: auto;
margin:auto;
object-fit: cover;
}
.rslides .text img {
width: 80px;
height: auto;
}
}
/* ---------------------------------------------------------------------------------------------
　  ごあいさつ
--------------------------------------------------------------------------------------------- */
.message {
  padding: 10% 0 120px 0;
  width:100%;
  box-sizing:border-box;
	text-align: center;
	overflow: hidden
  }
.message h4 {
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.2;
	margin: 0 0 20px 0;
	color: #fff;
	letter-spacing: 0.05em;
	font-family: serif;
}
.message p {
	font-weight: normal;
font-size: 100%;
text-align: left;
line-height: 2;
color: #fff;
}
@media screen and (min-width: 981px) {
.message {
  padding: 60px 0 200px 0;
  }
.message p {
text-align: center;
line-height: 2.1;
}
.message h4 {
	font-size: 1.6em;
	line-height: 1.6;
	letter-spacing: 0.1em;
}}
/*	 TOPmenu
/* ------------------------------------- */
.point_box {
margin-top: -130px;
margin-bottom: 30px
}
.point_box ul:after {
content: "";
clear: both;
display: block;
}
.point_box ul li{
list-style-type: none;
display: block;
float: left;
margin-bottom: 0;
width: 100%;
position: relative;
border-left:1px solid #fff;
}
.point_box ul li:nth-child(1){
border-left: 0;
}
.point_box ul li .sb_img{
width: 100%;
height:180px;
object-fit:cover;
font-family: 'object-fit: cover;'; /*IE対策*/
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
transition: all .3s;
}
.point_icon{
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
z-index:100;
}
.point_icon p{
text-align: center;
color: #fff;
padding: 20px 0 0 0;
font-size: 15px;
}
.point_icon img {
padding:0;
}
.color-base::after {
content: '';
opacity: 0.3;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
mix-blend-mode: multiply;
width: 100%;
height: 100%;
z-index:1;
display:block;
background-color: #30190d;
}
@media only screen and (min-width: 768px) {
.point_box {
z-index: 9999;
margin-top: -100px;
}
.point_box ul li {
width: 33.33%;
margin-right: 0;
margin: 2.87% 0;
}
.point_box ul li:nth-child(3n) {
margin-right: 0;
}
.point_box ul li .sb_img{
height:250px;
}
.point_icon{
width: 200px;
height: auto
}}
@media only screen and (min-width: 981px) {
.point_box {
margin-top: -130px;
}
.point_box ul li {
margin: 0 0 2.87% 0;
}
.point_box ul li .sb_img{
height:320px;
}
.point_icon{
width: 250px;
height: auto
}}
@media only screen and (max-width: 767px) {
.point_box {
margin-top: -100px;
padding: 7%;
}
.point_box ul {
margin: 0 auto;
}
.point_box ul li{
border-top:1px solid #fff;
}
.point_box ul li:nth-child(1){
border-top: 0;
}
.point_icon p{
font-size: 10px;
padding: 10px 0 0 0;
}
.point_box ul li .sb_img{
height:200px
}
.point_icon{
width: 250px;
height: auto
}}
/* ---------------------------------------------------------------------------------------------
　   section-two-h3
--------------------------------------------------------------------------------------------- */
.section-two-h3 {
text-align:center;
font-size: 30px;
line-height: 1.5;
font-weight: bold;
letter-spacing:.05em;
margin: 10px 0;
color: #30190d;
font-family: serif;
}
.section-two-h3-left {
text-align:left;
font-size: 30px;
line-height: 1.5;
font-weight: normal;
letter-spacing:.05em;
margin: 10px 0;
font-family: serif;
}
.section-two-h3 span,
.section-two-h3-left span{
font-size: 11px;
display: block;
margin-top: 0;
font-weight: normal
}
@media only screen and (max-width: 980px) {
.section-two-h3{
font-size: 26px;
line-height:1.6;
}
.section-two-h3-left {
text-align:center;
font-size: 22px;
line-height:1.6;
}}
@media only screen and (max-width: 767px) {
.button-arrow-inner br {display: none;}}
/* ---------------------------------------------------------------------------------------------
　   NEWS
--------------------------------------------------------------------------------------------- */
#sec_osirase{
padding:40px 0;
background-color: #e1d7d1
}
.read-more_link{
display: flex;
}
.read-more_link a{
align-items: center;
text-align:center; 
    margin: 0 auto;
    padding: .9em 4em;
    border: none;
    background-color: #30190d;
    color: #fff;
    font-size: 1em;
		font-weight: normal
}
.read-more_link a:hover{
	opacity: 0.6;
	transition: 0.5s;
	text-decoration: none;
}
/* カテゴリの設定
/* ------------------------------------- */
.catebl {
	display: inline-block;
	font-weight: normal;
	margin: 0 10px 0 0;
	color: #fff;
	font-size: .7em;
}
/* ---------------------------------------------------------------------------------------------
　   内見会
--------------------------------------------------------------------------------------------- */
.naiken a img{
width: 100%;
margin: auto;
display: block;
}
@media screen and (min-width: 981px) {
.naiken a img{
width: 800px;
}}
/* ---------------------------------------------------------------------------------------------
　   Instagram
--------------------------------------------------------------------------------------------- */
.bg_box2 {
width: 100%;
height:auto;
position: relative;
margin-bottom: 60px
}
.bg_white2 {
width: 100%;
height: 250px;
position: absolute;
background: url("../img/back.webp") repeat;
z-index:-9999;
}
.bg_inner2:after{
content: "";
display: block;
clear: both
}
.bannerbox{
margin-top: 30px;
}
.bg_box2 .section-two-h3{
padding-top: 30px
}