@charset "UTF-8";
/***************************************************************************************************************

PCスタート

**************************************************************************************************************/
@media screen and (min-width:769px)  {
.page-head-wrap{
width: 100%;
height: 561px;
}
.page-head-left{
width: 40vw;
background: url(../image/pagehead/head-blue.png);
background-size: cover;
background-position: right;
height: 561px;
background-repeat: no-repeat;
}
.page-head-txt{
padding-left: 8.3vw;
padding-top: 203px;
}



.construction_div-headtxt{
width: 10.7vw;
}
.housing-headtxt{
width: 6vw;
}
.autotec-headtxt{
width: 17.1vw;
}
.unyu-headtxt{
width: 6.7vw;
}
.commercial_division-headtxt{
width: 6vw;
}
.construction-results-headtxt{
width: 11.8vw;
}
.company-headtxt{
width: 11.8vw;
}
.yess_builder-headtxt{
width: 13.7vw;
}
.zeh-headtxt{
width: 17vw;
}
.zeh-img{
background: url(../image/pageheadimg/zeh3.jpg);
background-position: center center;
background-size: cover;
}
.yess_builder-img{
background: url(../image/pageheadimg/yess_builder.jpg);
background-position: center center;
background-size: cover;
}
.company-img{
background: url(../image/pageheadimg/company.jpg);
background-position: center center;
background-size: cover;
}
.construction_div-img{
background: url(../image/pageheadimg/construction_div.png);
background-position: center center;
background-size: cover;
}
.commercial_division-img{
background: url(../image/pageheadimg/commercial_division3.jpg);
background-position: center center;
background-size: cover;
}
.housing-img{
background: url(../image/pageheadimg/housing.jpg);
background-position: center center;
background-size: cover;
}
.autotec-img{
background: url(../image/pageheadimg/autotec.jpg);
background-position: center center;
background-size: cover;
}
.unyu-img{
background: url(../image/pageheadimg/unyu.jpg);
background-position: center center;
background-size: cover;
}

.construction-results-img{
background: url(../image/pageheadimg/work.jpg);
background-position: center center;
background-size: cover;
}

.ryuozan-img{
background: url(../image/pageheadimg/ryuozan.png);
background-position: center center;
background-size: cover;
}
.ryuozan-headtxt{
width: 8.6vw;
}

.page-head-wrap-jyutaku{
width: 100%;
height: 561px;
position: relative;
}
.page-head-txt-jyutaku{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.rizuna-img{
background: url(../image/pageheadimg/rizuna.jpg);
background-position: center center;
background-size: cover;
width: 100%;
height: 561px;
position: absolute;
top: 0;
left: 0;
}
.rizuna-headtxt{
width: 13.1vw;
}
.kiwami-img{
background: url(../image/pageheadimg/kiwami.jpg);
background-position: center center;
background-size: cover;
width: 100%;
height: 561px;
position: absolute;
top: 0;
left: 0;
}
.kiwami-headtxt{
width: 13.1vw;
}
.mirai-img{
background: url(../image/pageheadimg/mirai.png);
background-position: center center;
background-size: cover;
width: 100%;
height: 561px;
position: absolute;
top: 0;
left: 0;
}
.mirai-headtxt{
width: 13.1vw;
}
.reform-img{
background: url(../image/pageheadimg/reform.jpg);
background-position: center center;
background-size: cover;
width: 100%;
height: 561px;
position: absolute;
top: 0;
left: 0;
}
.reform-headtxt{
width: 13.1vw;
}




.suisenbun-head-img{
background: url(../image/pageheadimg/suisenbun.jpg);
background-position: center center;
background-size: cover;
}
.suisenbun-headtxt{
width: 18.5vw;
}



.fudosan-head-img{
background: url(../image/pageheadimg/realestate.jpg);
background-position: center center;
background-size: cover;
}
.fudosan-headtxt{
width: 13.9vw;
}

.news-head-img{
background: url(../image/pageheadimg/news.jpg);
background-position: center center;
background-size: cover;
}
.news-headtxt{
width: 10.7vw;
}



}


/*****************************************************************************************************************************************************************************************

スマートフォン用css

****************************************************************************************************************************************************************************************/
@media screen and  ( max-width:768px) {
.page-head-wrap{
width: 100%;
height: 32.1vw;
}
.page-head-left{
width: 40vw;
background: url(../image/pagehead/head-blue.png);
background-size: cover;
background-position: right;
height: 32.1vw;
background-repeat: no-repeat;
}
.page-head-txt{
padding-left: 8.3vw;
padding-top: 11.6vw;
}



.construction_div-headtxt{
width: 11.8vw;
}
.housing-headtxt{
width: 11.8vw;
}
.autotec-headtxt{
width: 17.1vw;
}
.unyu-headtxt{
width: 12.9vw;
}
.commercial_division-headtxt{
width: 14.8vw;
}
.construction-results-headtxt{
width: 11.8vw;
}
.company-headtxt{
width: 11.8vw;
}
.zeh-headtxt{
width: 17vw;
}
.zeh-img{
background: url(../image/pageheadimg/zeh3.jpg);
background-position: center center;
background-size: cover;
}
.yess_builder-headtxt{
width: 13.7vw;
}
.yess_builder-img{
background: url(../image/pageheadimg/yess_builder.jpg);
background-position: center center;
background-size: cover;
}
.company-img{
background: url(../image/pageheadimg/company.jpg);
background-position: center center;
background-size: cover;
}
.construction_div-img{
background: url(../image/pageheadimg/construction_div.png);
background-position: center center;
background-size: cover;
}
.commercial_division-img{
background: url(../image/pageheadimg/commercial_division3.jpg);
background-position: center center;
background-size: cover;
}
.housing-img{
background: url(../image/pageheadimg/housing.jpg);
background-position: center center;
background-size: cover;
}
.autotec-img{
background: url(../image/pageheadimg/autotec.jpg);
background-position: center center;
background-size: cover;
}
.unyu-img{
background: url(../image/pageheadimg/unyu.jpg);
background-position: center center;
background-size: cover;
}

.construction-results-img{
background: url(../image/pageheadimg/work.jpg);
background-position: center center;
background-size: cover;
}

.ryuozan-img{
background: url(../image/pageheadimg/ryuozan.png);
background-position: center center;
background-size: cover;
}
.ryuozan-headtxt{
width: 8.6vw;
}

.page-head-wrap-jyutaku{
width: 100%;
height: 50vw;
position: relative;
}
.page-head-txt-jyutaku{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.rizuna-img{
background: url(../image/pageheadimg/rizuna.jpg);
background-position: center center;
background-size: auto 100%;
width: 100%;
height: 50vw;
position: absolute;
top: 0;
left: 0;
}
.rizuna-headtxt{
width: 40vw;
}
.kiwami-img{
background: url(../image/pageheadimg/kiwami.jpg);
background-position: center center;
background-size: auto 100%;
width: 100%;
height: 50vw;
position: absolute;
top: 0;
left: 0;
}
.kiwami-headtxt{
width: 40vw;
}
.mirai-img{
background: url(../image/pageheadimg/mirai.png);
background-position: center center;
background-size: auto 100%;
width: 100%;
height: 50vw;
position: absolute;
top: 0;
left: 0;
}
.mirai-headtxt{
width: 40vw;
}
.reform-img{
background: url(../image/pageheadimg/reform.jpg);
background-position: center center;
background-size: auto 100%;
width: 100%;
height: 50vw;
position: absolute;
top: 0;
left: 0;
}
.reform-headtxt{
width: 40vw;
}




.suisenbun-head-img{
background: url(../image/pageheadimg/suisenbun.jpg);
background-position: center center;
background-size: cover;
}
.suisenbun-headtxt{
width: 18.5vw;
}



.fudosan-head-img{
background: url(../image/pageheadimg/realestate.jpg);
background-position: center center;
background-size: cover;
}
.fudosan-headtxt{
width: 13.9vw;
}

.news-head-img{
background: url(../image/pageheadimg/news.jpg);
background-position: center center;
background-size: cover;
}
.news-headtxt{
width: 10.7vw;
}


}