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

/*======================================================================
イントロ
======================================================================*/
.intro {
	overflow:hidden;
	font-size:1.2em;
	line-height:1.8em;
}
.intro .mail {
	min-width:320px;
	float:right;
}

/*======================================================================
施工例写真
======================================================================*/
.img-works {
	position:relative;
	width:100%;
	height:660px;
	display:block;
}
.img-works div {
	position:absolute;
}

.img-works_sp {
	display:none;
}
.img-works_sp img {
	width:100%;
	height:auto;
}
@media screen and (max-width: 1080px) {
.img-works {
	display:none;
}
.img-works_sp {
	display:block;
}
}

.img-works .w1 {
	top:0;
	left:0;
}
.img-works .w2 {
	top:0;
	left:414px;
}
.img-works .w3 {
	top:0;
	left:828px;
}
.img-works .w4 {
	top:414px;
	left:0;
}
.img-works .w5 {
	top:514px;
	left:0;
}
.img-works .w6 {
	top:414px;
	left:162px;
}
.img-works .w7 {
	left: 414px;
    top: 258px;
}
.img-works .w8 {
	left: 666px;
    top: 258px;
}
.img-works .w9 {
	left: 666px;
    top: 412px;
}
.img-works .w10 {
	left: 666px;
    top: 566px;
}
.img-works .w11 {
	left: 828px;
    top: 412px;
}

/*======================================================================
ハウスプロデュースについて
======================================================================*/
.moreinfo {
	font-size:1.2em;
	line-height:1.8em;
}
.moreinfo h3 {
	font-weight:bold;
	margin-bottom:0.5em;
}


/*======================================================================
メッセージ
======================================================================*/
.message {
	font-size: 1.2em;
	background-image: url(../img/o-11.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 3em 2em;
	text-align: center;
	color: #fff;
	line-height: 1.8em;
}
.message h2 {
	font-size:1.2em;
	margin:1em auto;
}
a:link.btn-bk-center,
a:visited.btn-bk-center {
	max-width:400px;
}
.btn-ico {
	background-image:url(../img/ico-mail.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:20x 20px;
	padding-left:2em;
}
@media screen and (max-width: 768px) {
.message p {
	text-align:left;
}
}



.message2 {
	font-size:1.2em;
	background-image:url(../img/o-11.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:3em 2em;
	text-align:center;
	color:#fff;
	line-height:1.8em;
}
.message2 h2 {
	font-size:1.2em;
	margin:1em auto;
}
a:link.btn-bk-center,
a:visited.btn-bk-center {
	max-width:400px;
}
.btn-ico {
	background-image:url(../img/ico-mail.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:20x 20px;
	padding-left:2em;
}
@media screen and (max-width: 768px) {
.message2 p {
	text-align:left;
}
}
/*======================================================================
施工までの流れ
======================================================================*/
.flow {
	display:table;
	overflow:hidden;
}
.flow li {
	display:table-cell;
}
.flow .prss {
	width:17%;
	vertical-align:top;
	border:dotted 1px #000;
}
.flow .prss .inner {
	font-size:1.2em;
	text-justify:distribute;
	line-height:1.6em;
	padding:1em;
}
.flow .arr-r {
	vertical-align:middle;
	text-align:center;
}
.flow .arr-r img {
	width:30px;
	height:auto;
}
@media screen and (max-width: 960px) {
.flow .arr-r img {
	width:15px;
	height:auto;
}
}
@media screen and (max-width: 768px) {
.flow {
	display:inherit;
}
.flow li {
	display:block;
}
.flow .prss {
	width:100%;
	border:none;
	background-color:#e6e6e6;
}
.flow .arr-r img {
	width:30px;
	height:auto;
	transform: rotate(90deg);
}
}