@charset "utf-8";

/* PC設定 */

.sp{ display: none}

/* アンカー高さ調整 */
.anchorlink {
	top: -45px;
	position: relative;
	display: block;
}
.anchorlink-semi-orderhouse {/*semi-orderhouseのみ調整*/
	top: -15px;
	position: relative;
	display: block;
}
.anchorlink-works {/*worksのみ調整*/
	top: -20px;
	position: relative;
	display: block;
}
.anchorlink-flow {/*flowのみ調整*/
	top: -15px;
	position: relative;
	display: block;
}

/* TOP動画 */
.video-wrap {
	position: relative;
	line-height: 0;
}
.video-wrap h1{
}

/* フィルム追加 */
.video-wrap p.video-film {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
/*	background:url(../video/film.png) repeat;*/
	z-index: 10;
}
/* TOP動画ここまで */

.top-img {
	margin: 80px auto 0px; /* アンカー高さ調整にひも付く */
}
.top-img h1 {
	text-align: center;
	position: absolute;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	left: 50%;
	z-index: 39;
/*	max-width: 540px; */
	@media only screen and (min-width: 1000px){
	bottom: calc(50% - 80px);
		width: 580px;
	border: 0px #fff solid;
	}
	@media only screen and (max-width: 1000px){
	bottom: calc(50% - 80px);
		width: 480px;
	border: 0px #fff solid;

	}
	@media only screen and (max-width: 780px){
	bottom: calc(40% - 50px);
/*		width: 340px;*/
		width: 60%;
	border: 0px #fff solid;
	}
}

.top-img .pic {
	text-align: center;
	position: absolute;
	-ms-transform: translate(-50%,-0%);
	-webkit-transform: translate(-50%,-0%);
	transform: translate(-50%,-0%);
	bottom: 0%;
	left: 50%;
	z-index: 39;
/*	max-width: 540px; */
	@media only screen and (min-width: 780px){
		width: 800px;
	}
	@media only screen and (max-width: 1300px){
		width: 60%;
	}
	border: 0px #fff solid;
}

.sub-img { /* サブページTOP画像 */
	height:380px;
	width: 100%;
	margin: 90px auto 0px; /* アンカー高さ調整にひも付く */
/*	background: url("../img/common/sub-img-bg-pc.jpg") center center no-repeat;*/
/*	background-color: #fafafa;*/
}
.sub-img h1{
	color: #fff;
	padding-top: 10px;
	font-size: 20px;
	text-align: center;
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
}
.sub-img p{
	color: #fff;
	padding-top: 130px;
	font-size: 34px;
	text-align: center;
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
	font-weight: bold;
}

.sub-img-h { /* サブページTOP画像 セミオーダーなど */
	height:800px;
/*	width: 100%;*/
background-size:70% auto;
	margin: 90px auto 0px; /* アンカー高さ調整にひも付く */
}
.sub-img-h h1{
	color: #fff;
	padding-top: 10px;
	font-size: 20px;
	text-align: center;
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
}
.sub-img-h p{
	color: #fff;
	padding-top: 130px;
	font-size: 34px;
	text-align: center;
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
	font-weight: bold;
}


.sub-img-orderhouse {
	background: url("../img/orderhouse/sub-img-bg-pc.jpg") center center repeat-x;
}
.sub-img-semi-orderhouse {
	background: url("../img/semi-orderhouse/sub-img-bg-pc.jpg") center center repeat-x;
}
.sub-img-works {
	background: url("../img/works/sub-img-bg-pc.jpg") center center repeat-x;
}
.sub-img-modelhouse {
	background: url("../img/modelhouse/sub-img-bg-pc.jpg") center center repeat-x;
}
.sub-img-modelhouse-reserve {
	background: url("../img/modelhouse-reserve/sub-img-bg-pc.jpg") center center repeat-x;
}
.sub-img-build-commitment {
	background: url("../img/build-commitment/sub-img-bg-pc.jpg") center center repeat-x;
}
.sub-img-build-quality {
	background: url("../img/build-quality/sub-img-bg-pc.jpg") center center repeat-x;
}
.sub-img-build-flow {
	background: url("../img/build-flow/sub-img-bg-pc.jpg") center center repeat-x;
}
.sub-img-build-maintenance {
	background: url("../img/build-maintenance/sub-img-bg-pc.jpg") center center repeat-x;
}
.sub-img-reform {
	background: url("../img/reform/sub-img-bg-pc.jpg") center center repeat-x;
}
.sub-img-wood-stove {
	background: url("../img/wood-stove/sub-img-bg-pc.jpg") center center repeat-x;
h1{
	color: #fff;
	padding-top: 0px !important;
	font-size: 30px !important;
	text-align: center;
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
}
p{
	color: #fff;
	padding-top: 135px !important;
	font-size: 28px !important;
	text-align: center;
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
	font-weight: bold;
}
}
.sub-img-staff {
	background: url("../img/staff/sub-img-bg-pc.jpg") center center no-repeat;
}
.sub-img-company {
	background: url("../img/company/sub-img-bg-pc.jpg") center center no-repeat;
}
.sub-img-contact {
	background: url("../img/contact/sub-img-bg-pc.jpg") center center no-repeat;
}


.sub-top-space{
	margin-top: 50px;
}

.sub-main-img {
	margin: 0px auto;
	max-width: 1200px;
	overflow: hidden;
}
.sub-main-img h1{
	margin: 0px;
	padding: 0px;
}

.main {
/*	base設定有 */
	margin: 0px auto 0px; /* ヘッダの高さで調整 */
/*	margin: 80px auto 0px; */
	border: 0px #ff0000 solid;
	overflow: hidden;
}
.main-left-menu {
/*	base設定有 */
	margin-top: 30px;
}
.main-contents {
/*	base設定有 */
/*	margin-top: 0px;*/
}
.main-noimg{
	margin-top: 80px!important;
}

header {
/*	min-width: 720px; */
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
/*	height: 80px;*/
	z-index: 999999;
	padding-top: 0px;
/*	clear: both;*/
	border: 0px #ffaa00 solid;
}

.header-box {
/*	height: 80px;*/
	min-height: 90px;
	background-color: #ffffff;
	border: 0px #cccccc solid;
}
.header-box p{
	margin: 0px;
}
.header-l {
	padding-top: 20px;
	float: left;
	position:relative;
	border: 0px #cccccc solid;
	box-sizing: border-box;
@media only screen and (min-width: 1270px){
	width: 140px;
	padding-left: 50px;
}
@media only screen and (max-width: 1270px){
	width: 90px;
	padding-left: 20px;
}
}

.header-r {
	padding-bottom: 10px;
 	float: left;
	border: 0px #cccccc solid;
	box-sizing: border-box;
}
@media only screen and (min-width: 1270px){.header-r{
	width : calc(100% - 140px); /* 右側モデルハウスナビの控え分 */
/*	width : calc(100% - 330px);  右上三角ナビの時 */
	padding-left: 20px;
}}
@media only screen and (max-width: 1270px){.header-r{
	width : calc(100% - 90px); /* 右側モデルハウスナビの控え分 */
/*	width : calc(100% - 230px);  右上三角ナビの時 */
	padding-left: 20px;
}}


.logo {
/*	height: 60px;*/
	text-align: left;
}
.logo img{
	width: 80px;
/*	position:absolute;*/
/*	bottom: 0;*/
}

/* PC用ヘッダメニュー */
.header-menu{
@media only screen and (max-width: 760px){ display: none; } /* 760以上で表示 */
	margin-top: 32px;
	line-height: 40px;
	float: left;
	background-repeat: no-repeat;
}
.header-menu{
	border-bottom: 0px #cccccc solid;
}
/* PC用ヘッダメニューここまで */


/* タブレット用ヘッダメニュー */
.header-menu-tb{
@media only screen and (min-width: 760px){ display: none; } /* 760以上で表示 */
	margin-top: 20px;
	margin-right: 20px;
	float: right;
	cursor: pointer;
}
/* ／タブレット用ヘッダメニューここまで */



.header-tel{
	width: 180px;
	height: 80px;
	padding: 0px 5px 0px 0px;
	float: right;
	border: 0px #ffcccc solid;
}

.header-con a{
	width: 80px;
	height: 80px;
	display: block;
	float: right;
}
.header-con a:hover{
}

.header-bottom-shadow {
	width: 100%;
	height: 15px;
	background: url("../img/header-bottom-shadow.png") top center no-repeat;
	background-size:100% 100%;
}



/* フッター */

.footer-box{
	margin: 80px auto 60px;
	padding: 0px 140px;
	@media only screen and (max-width: 1200px){ padding: 0px 40px; !important; } /* 縮小切替 */
	overflow: hidden;
	box-sizing: border-box;
	border: 0px #aaaaaa solid;
}
.footer-box-l{
p{	font-size: 14px;}
	line-height: 140%;
	margin-bottom: 10px;
	width: 340px;
	@media only screen and (max-width: 780px){ width: 100% !important; } /* タブレット切替 */
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	border: 0px #aaaaaa solid;
}
.footer-box-r{
p{	font-size: 14px;}
	line-height: 160%;
	@media only screen and (min-width: 1200px){ margin-left: 40px; /* 縮小切替 */
	width : calc(100% - 380px); /* 右側の控え分 */
}
	@media only screen and (max-width: 1200px){ margin-left: 0px; /* 縮小切替 */
	width : calc(100% - 340px); /* 右側の控え分 */
}
	@media only screen and (max-width: 780px){ width: 100% !important; margin-top:10px; } /* タブレット切替 */
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	border: 0px #aaaaaa solid;
	padding: 10px 10px;
	background-color: #fafafa;
	border-radius: 10px;
}
.footer-logo img{
	width: 300px;
}



.footer-copy-area { /* PC・SP設定有 */
	margin: 0px auto 100px;
}
.footer-copy-area .footer-copy {
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	color: #555;
}



/* フッター問い合わせ */
.footer-contact-box{
	position: fixed;
	z-index: 999999;
	bottom: 0px;
	width: 100%;
	overflow: hidden;
	border: 0px #cccccc solid;
}
.footer-contact{
/*	position: fixed;*/
/*	z-index: 1;*/
/*	bottom: 0px;*/
	margin: 0px auto;
	width: 100%;
	border: 0px #cccccc solid;
@media only screen and (min-height: 1100px){max-width: 900px}
@media only screen and (max-height: 1100px){max-width: 720px}/* ノートPC用 */
}

.footer-contact img{
	float: left;
	box-sizing: border-box;
	border: 0px #e0e0d0 solid;
	width : calc(100% / 3) ;
	height: 100%;
}
.footer-contact2{
/*	position: fixed;*/
/*	z-index: 1;*/
/*	bottom: 0px;*/
	margin: 0px auto;
	width: 100%;
	max-width: 1240px;
	border: 0px #cccccc solid;
}
.footer-contact2 img{
	float: left;
	box-sizing: border-box;
	border: 0px #e0e0d0 solid;
	width: 50%;
	height: 100%;
}
.footer-contact3{
/*	position: fixed;*/
/*	z-index: 1;*/
/*	bottom: 0px;*/
	margin: 0px auto;
	width: 100%;
	max-width: 1240px;
	border: 0px #cccccc solid;
}
.footer-contact3 img{
	float: left;
	box-sizing: border-box;
	border: 0px #e0e0d0 solid;
	width : calc(100% / 3) ;
	height: 100%;
}

.footer-contact-box{
	@media only screen and (max-width: 900px){ /* PC表示 */
	.pc{ display: none}
	}
	@media only screen and (min-width: 900px){ /* タブレット表示 */
	.tb{ display: none}
	}
}