@charset "UTF-8";
@import url('https://use.fontawesome.com/releases/v5.0.9/css/all.css');

picture {
  text-align: center;
}
#content_main {
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #content_main {
    padding-top: 21px;
  }
}

.container {
  width: 100%;
  padding: 2vw 2.93vw 0;
  color: #fff;
  background: #000000;
}

@media screen and (max-width: 768px){
  .container {
    padding: 10px 20px 0;
  }
}

.main_visual{
  background: #000000;
}

.container picture{
  display: block;
  line-height: 0;
  text-align: center;
}

h1, h2, h3{
  line-height: 0;
  margin-bottom: 0;
}

.catch{
  margin-bottom: 4.4vw;
}

.catch img{
  width: 82vw;
  /*max-width: 100%;*/
}

.headline{
  margin-bottom: 3.3vw;
}

.headline img{
  width: 82vw;
  /*max-width: 100%;*/
}

@media screen and (max-width: 768px){
  .catch{
    margin-bottom: 30px;
  }

  .catch img{
    width: 100vw;
    /*max-width: 100%;*/
  }

  .headline{
    margin-bottom: 20px;
  }

  .headline img{
    width: 100vw;
  }
}

.bukken_list{
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 2.93vw);
  margin: 0 -1.465vw 3.14vw;
}

@media screen and (max-width: 768px) {
  .bukken_list{
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    width: 100%;
    margin: 0 0 3.14vw;
  }
}

.bukken_list .bukken_item{
  width: 50%;
  padding: 0 1.465vw;
}

@media screen and (max-width: 768px) {
  .bukken_list .bukken_item{
    width: 100%;
    padding: 0;
  }
}

.bukken_list .bukken_item figure{
  position: relative;
  margin-bottom: 0;
}

.bukken_list .bukken_item figure figcaption{
  position: absolute;
  left: 2%;
  bottom: 1%;
  font-size: 12px;
  line-height: 1em;
}

.bukken_list .bukken_item .meta_info_wrap{
  padding: 3.14vw 1vw 4.97vw;

}

@media screen and (max-width: 768px) {
  .bukken_list .bukken_item.mansion{
    margin-bottom: 20px;
  }
}

.bukken_list .bukken_item.mansion .meta_info_wrap{
  background: #001d4e;
}

.bukken_list .bukken_item.house .meta_info_wrap{
  background: #002509;
}

.apeal_list{
color: #c9caca;
  width: fit-content;
  margin: 0 auto 1.91vw;
}

.apeal_list li{
  line-height: 3.32vw;
  font-size: 1.18vw;
  position: relative;
  padding-left: 1em;
}

@media screen and (max-width: 768px){
  .apeal_list{
color: #c9caca;
    width: fit-content;
    margin: 0 auto 20px;
  }

  .apeal_list li{
    line-height: 2.4em;
    font-size: 14px;
    /*position: relative;*/
    /*padding-left: 1em;*/
  }
}

.apeal_list li:before{
  content: "■";
  position: absolute;
  left: 0;
  top: 1%;
}

.apeal_list li br{
  display: none;
}

@media screen and (max-width: 768px){
  .apeal_list li br{
    display: inline;
  }
}

.apeal_list li span{
  font-size: 150%;
  vertical-align: middle;
  position: relative;
  top: -2px;
  font-weight: bold;
}

.apeal_list li sup{
  position: absolute;
  font-size: 60%;
}

.apeal_list li sup:nth-last-child(3){
  top: 13%;
  right: 29.5%;
}

.apeal_list li sup:nth-last-child(2){
  bottom: 16%;
  right: 13%;
  top: unset;
}

.apeal_list li sup:nth-last-child(1){
  bottom: 16%;
  right: 2.5%;
  top: unset;
}

@media screen and (max-width: 768px){
  .apeal_list li sup:nth-last-child(3){
    top: unset;
    right: unset;
    bottom: 43%;
    left: 25%;
  }

  .apeal_list li sup:nth-last-child(2){
    bottom: 10%;
    right: 42%;
    top: unset;
  }

  .apeal_list li sup:nth-last-child(1){
    bottom: 10%;
    right: 24.5%;
    top: unset;
  }
}


.nav_list{
  margin: 0 auto 3.07vw;
  width: 46%;
}

.nav_list a{
  display: block;
  padding: 8px 0 8px 6%;
  font-size: 1.18vw;
  line-height: 1em;
  background: #542c14;
  color: #fff;
  margin-bottom: 0.6vw;
  letter-spacing: 0.47vw;
  opacity: 1;
}

@media screen and (max-width: 768px){
  .nav_list{
    margin: 0 auto 30px;
    width: 80%;
  }

  .nav_list a{
    /*display: block;*/
    padding: 8px 0 8px 6%;
    font-size: 15px;
    /*line-height: 1em;*/
    /*background: #542c14;*/
    /*color: #fff;*/
    margin-bottom: 5px;
    letter-spacing: 0.4em;
    /*opacity: 1;*/
  }
}

.nav_list a:hover{
  opacity: 0.3;
}

.nav_list a:first-child{
  letter-spacing: 0;
  background: #231815;
}

.tel_wrap{
  width: 62.32%;
  margin: 0 auto;
}

.tel_wrap .tel_head{
  width: 100%;
  border-radius: 30px;
  background: #806e44;
  color: #fff;
  text-align: center;
  padding: 3px;
  font-size: 0.8vw;
  margin-bottom: 3%;
}

@media screen and (max-width: 768px){
  .tel_wrap{
    width: 90%;
    /*margin: 0 auto;*/
  }

  .tel_wrap .tel_head{
    /*width: 100%;*/
    /*border-radius: 30px;*/
    /*background: #806e44;*/
    /*color: #fff;*/
    /*text-align: center;*/
    /*padding: 3px;*/
    font-size: 10px;
    /*margin-bottom: 3%;*/
  }
}

.tel_wrap picture{
  width: 100%;
  margin-bottom: 2%;
}

.tel_wrap picture img{
  width: 100%;
}

.tel_wrap .tel_note{
  font-size: 0.5vw;
  color: #c9caca;
  margin-bottom: 0;
}

.tel_wrap .tel_note br{
  display: none;
}

@media screen and (max-width: 768px){
  .tel_wrap .tel_note{
    font-size: 8px;
    /*color: #000;*/
    /*margin-bottom: 0;*/
  }

  .tel_wrap .tel_note br{
    display: inline;
  }
}

@media screen and (min-width: 769px){
    
.meta_info_wrap{
    height: 800px;
  }

}


.bukken_list .bukken_item figure figcaption{
    color: #000;
}


.schedule{
    color: #c9caca;
    text-align: center;
    font-size: 30px;
}

@media screen and (min-width: 768px){
.schedule{
    font-size: 40px;
    color: #c9caca;
}
}

.outer85 {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

.outer85 {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

.outer30 {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
    margin-top: 1rem;
}


@media screen and (min-width: 768px) {
    
    .fx-btw_1024 {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
          align-items: center;
	}
    
    	.wd35_1024 {
		width: 35%
	}

	.wd65_1024 {
		width: 65%
}	
}

.btn01 {
	display:block;
	margin-right:auto;
	margin-left:auto;
	padding:1rem;	
	color:#fff;
	letter-spacing:0.05em;
	font-size:0.9rem;
	border-radius: 5px;
	}
.btn01 {
	background:#004136;
	}
		
.btn01:before {
	background: #3a8d68;
	}


.bg_beige02 {
    background: #c8bb9b;
    padding: 1rem 0;
    margin: 0rem 0 4rem;
	}

.arrow_after:after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    padding-left:1em;
}

.taC {
	text-align: center;
}

.font_b {
	color:#000;
    font-weight: bold;
}