@charset "UTF-8";



#sub_area h4 span.label10 {top:-2px !important; }

.opportunity {width:100%;max-width:65px;}

.label10:after {
  content: "終了";
  font-size: 12px;
  background: #993f3f;
  color: #fff;
  padding: 0.2em 1em;
  margin-left: .5em;
}

.label8:after {
  content: "不動産情報";
  font-size: 12px;
  background: #ef97c2;
  color: #fff;
  padding: 0.2em 0.8em;
  margin-right: 1em;
}
.works_gallery{
height:auto;
}
.works_gallery .hover-img img {
    width: 100%;
    height: auto;
}
.works_gallery {
    margin-bottom: 3%;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}


.navi {margin-top:2%;margin-left:2%;}
.navi .next, .navi .prev {background: #cdcdcd;padding: 0.3rem 1rem;color: #fff !important;margin-right:1%;font-size: 1rem;} 

.happyhome_top {width:90%; margin:auto auto 4%;text-align: center;}
.happyhome_top a {width:45%;padding:4%;display: inline-block;margin:auto;}
.happyhome_top a img  {width:100%;}


@media (max-width: 600px) {
.happyhome_top {margin:auto auto 6%;}
.happyhome_top a {width:70%;display:block;text-align: center;}
}
@media (max-width: 400px) {
.happyhome_top a {width:85%;}
}

.gr_mt01 {margin-top:4%;}
.gr_mt02 {margin-top:7%;}
.gr_mt03 {margin-top:2%;}
.gr_mtb {margin-top:2%;margin-bottom:5%;}

@media (max-width:767.9px){
.gr_mt02,.gr_mt03 {margin-top:2%;}
.gr_mt04 {margin-top:-12%;}
.sp_none {height:1px !important;margin-top:-25%;}
}
@media (max-width:480px){
.gr_mt01 {margin-top:8%;}
.gr_mt02 {margin-top:-2%;}
.gr_mt03 {margin-top:0;}
.gr_mt04 {margin-top:-3%;}
.gr_mtb {margin-bottom:0;}
}
.fudousan_link {background:#36907c; padding: 0.8rem 1.5rem;margin-top:5%;display: inline-block;}
.fudousan_link  a {font-size:1.2rem;color: #fff;}
.fudousan_link:hover {opacity: .6;}
.container_grid {
  display: grid;padding: 1% 2% 1%;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 10px 10px;
  grid-template-areas:
    "item01 item02";
  min-height: 100%;
}


.container_grid02 {
  display: grid;padding: 1% 2% 1%;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 8px 8px;
  grid-template-areas:
    "item03 item04 item05";
  min-height: 100%;
}

.container_grid03 {
  display: grid;padding: 1% 2% 1%;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 10px 10px;
  grid-template-areas:
    "item01 item02";
  min-height: 100%;
}


@media (max-width:767.9px){
.container_grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
	grid-template-areas:
    "item01"
"item02";
}
.container_grid02 {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
	grid-template-areas:
    "item03"
"item04"
"item05";
}
.container_grid03 {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
	grid-template-areas:
    "item01";
}
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


.douga { width:100%; margin:5% auto 20% !important; text-align:center !important;}
.douga li { width:80%; display:block; margin:auto auto 12% !important;}

.youtube {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
margin-bottom:10% !important;
margin-top:5%;

}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width:100% !important;
height:100% !important;
}

#last_douga { margin-bottom:5%;}


@media only screen and (min-width:680px){
.douga li { width:47%; display:inline-block;margin-bottom:4% !important;}
.douga li:nth-child(odd) { margin-right:2% !important;}
.youtube {
margin-bottom:0% !important;
}
}

@media only screen and (min-width:900px){
.youtube {
margin-bottom:-10% !important;
}
.douga { margin-bottom:5%;}
}

@media only screen and (min-width:1080px){
.youtube {margin-bottom:-20% !important;}
.douga li { margin-bottom:12% !important;}
}


#snavi .menu-container .menu ul li a {color: #fff !important;}

#header .contact2 {display:none;}
#header .contact2 a img:hover {opacity:.5;}
#header .contact2sp a img.facebook {float:left !important;padding:0 0.5em !important;width:35% !important;}
#header .contact2sp {float:right !important;width:18% !important;margin:0 !important;padding-right:13% !important;margin-top:-5% !important; }

@media screen and (min-width:600px) {
#header .contact2sp {padding-right:10% !important;}
}
@media screen and (min-width:650px) {
#header .contact2sp {width:15% !important;padding-right:8% !important;}
}
@media screen and (min-width:768px) {
#header .contact2sp {width:14% !important;padding-right:6.5% !important;padding-top:1%;}
#mainimg-sp {margin-bottom:5%;}
}
@media screen and (min-width:950px) {
#header .contact2sp {width:12% !important;padding-right:5% !important;padding-top:1.5%;}
}
@media screen and (min-width:1025px) {
#mainimg-sp {margin-bottom:auto;}
}
@media screen and (min-width:1081px) {
#header .contact2sp {display:none;}
#header .contact2 {display:block;float:right !important; vertical-align:middle !important;width:23% !important;margin:0 !important;padding: 2% 1.5% 0 0 !important;vertical-align:middle !important; }
#header .contact2 a img { width:62% !important; padding-left:4% !important;float:left !important;vertical-align:middle !important; }
#header .contact2 a img.facebook {float:left !important;padding-top:0.5% !important;width:12% !important;}
}



@media screen and (min-width:1300px) {
#header .contact2 {width:19% !important;}
}