/*====================================================================

	見出し1

====================================================================*/


/* 見出し2
===========================================================*/




/*====================================================================

	コンテンツエリア共通

====================================================================*/


/* 囲むやつ
===========================================================*/

/* 背景 */
.bg-0 {
	background-color: #fff;
}
.bg-1 {
	background-color: #f4f1ea;
}
.bg-2 {
	background-color: #f0e9df;
}
.bg-3 {
	background-color: #2d2d2d;
	color: #fff;
}
.bg-4 {
	background-color: #3d3d3d;
	color: #fff;
}

.container-900 {
	margin: 0 auto;
	width: 900px;
}
.container-980 {
	margin: 0 auto;
	width: 980px;
}

.bg-0:before,
.bg-0:after,
.bg-1:before,
.bg-1:after,
.bg-2:before,
.bg-2:after,
.bg-3:before,
.bg-3:after,
.bg-4:before,
.bg-4:after,
.container-900:before,
.container-900:after,
.container-980:before,
.container-980:after {
	content: "";
	display: table;
	clear: both;
}



/* ページタイトル
===========================================================*/

.pagetitle {
	position: relative;
	height: 200px;
	background: url(../img/common/pagetitle_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.pagetitle:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background: url(../img/common/pagetitle_shadow.png) repeat-x;
}

.pagetitle h1 {
	display: block;
	position: relative;
	margin: 0 auto;
	padding-top: 120px;
	width: 980px;
}


/* ローン0円 */
.pagetitle-loan0en {
	height: 380px;
	background: url(../img/lineup/loan0en/pagetitle_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.pagetitle-loan0en h1 {
	padding-top: 188px;
}


/* casa sube */
.pagetitle-casacube {
	height: 380px;
	background: url(../img/lineup/casacube/pagetitle_bg.jpg) no-repeat 50% 100%;
	background-size: cover;
}
.pagetitle-casacube h1 {
	padding-top: 188px;
}


/* headingA */
.headingA {
	padding-left: 28px;
	background: url(../img/common/icon_disc_large.png) no-repeat 0 5px;
	line-height: 1.2;
	font-family: Montserrat;
	font-size: 25px;
	font-weight: bold;
	color: #56453e;
}


/* table */
.tableA {
}
.tableA th,
.tableA td {
	border-top: 1px dotted #a0a28f;
	border-bottom: 1px dotted #a0a28f;
	padding: 12px;
	line-height: 1.7;
}
.tableA th {
	background-color: #e5e8cd;
}

.tableB {
}
.tableB th,
.tableB td {
	border-top: 1px dotted #a0a28f;
	border-bottom: 1px dotted #a0a28f;
	padding: 12px;
	line-height: 1.7;
}
.tableB th {
	background-color: #e5dccf;
}


/* google map button */
.gmapBtn {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #55443d;
	width: 127px;
	height: 30px;
	background: #4c3c35;
	background: -webkit-gradient(linear, left top, left bottom, from(#62514a), to(#4c3c35));
	background: -webkit-linear-gradient(top, #62514a, #4c3c35);
	background: linear-gradient(to bottom, #62514a, #4c3c35);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 28px;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
}
.gmapBtn:after {
	content: "";
	display: inline-block;
	margin-left: 3px;
	width: 8px;
	height: 14px;
	background: url(../img/common/icon_external.png) no-repeat 50% 70%;
}

.gmapImg {
	display: inline-block;
	border: 4px solid #e5dccf;
	background-color: #fff;
}
.gmapImg img {
	vertical-align: top;
	border: 2px solid #fff;
}


.btn {
	display: inline-block;
	border: 1px solid #55443d;
	padding: 0 10px;
	min-width: 130px;
	height: 42px;
	background: #4c3c35;
	background: -webkit-gradient(linear, left top, left bottom, from(#62514a), to(#4c3c35));
	background: -webkit-linear-gradient(top, #62514a, #4c3c35);
	background: linear-gradient(to bottom, #62514a, #4c3c35);
	-webkit-border-radius: 2px;
	border-radius: 3px;
	line-height: 45px;
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
.btn.is-small {
	font-size: 16px;
}
.btn.is-widthTopSide { width: 328px;}
.btn.is-width100 { width: 100%;}

.hrA {
	margin: 0;
	border: 0;
	border-top: 1px solid #dfdbd3;
}


/* ページャー
===========================================================*/

.pager {
	text-align: center;
	font-size: 0;
}
.pager_prev,
.pager_next {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #55443d;
	width: 60px;
	height: 30px;
	background: #4c3c35;
	background: -webkit-gradient(linear, left top, left bottom, from(#62514a), to(#4c3c35));
	background: -webkit-linear-gradient(top, #62514a, #4c3c35);
	background: linear-gradient(to bottom, #62514a, #4c3c35);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 28px;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
}
.pager_prev {margin-right: 10px;}
.pager_next {margin-left:  10px;}
.pager_num {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid transparent;
	margin: 0 5px;
	min-width: 30px;
	height: 30px;
	background: #e5dccf;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 28px;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 400;
	color: #56453e;
	text-decoration: none;
}
.pager_num.is-current {
	border-color: #55443d;
	font-weight: bold;
}



/* 前、インデックス、次 ボタン
===========================================================*/

.detailNav {
	position: relative;
	text-align: center;
}

.detailNav-index,
.detailNav-prev,
.detailNav-next {
	display: inline-block;
	border: 1px solid #55443d;
	padding: 0 10px;
	min-width: 130px;
	height: 42px;
	background: #4c3c35;
	background: -webkit-gradient(linear, left top, left bottom, from(#62514a), to(#4c3c35));
	background: -webkit-linear-gradient(top, #62514a, #4c3c35);
	background: linear-gradient(to bottom, #62514a, #4c3c35);
	-webkit-border-radius: 2px;
	border-radius: 3px;
	line-height: 45px;
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
.detailNav-index {
	width: 220px;
}
.detailNav-index:before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	width: 9px;
	height: 13px;
	background: url(../img/common/icon_list.png) no-repeat;
}
.detailNav-prev {
	position: absolute;
	left: 0;
}
.detailNav-prev:before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	width: 9px;
	height: 13px;
	background: url(../img/common/icon_arrow_left.png) no-repeat;
}
.detailNav-next {
	position: absolute;
	right: 0;
}
.detailNav-next:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	width: 9px;
	height: 13px;
	background: url(../img/common/icon_arrow_right.png) no-repeat;
}


/*====================================================================

	ホーム
====================================================================*/


.top__badge01 {
position: fixed;
z-index: 999;
bottom: 100px;
right: 20px;
}
.top__badge02 {
position: absolute;
z-index: 999;
top: -20px;
right: -20px;
}


/* スライダー
===========================================================*/

#homeSliderOuter {
	position: relative;
	margin: 0 auto;
	height: auto;
	aspect-ratio: 128/68;
}

#homeSlider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.homeSlider_item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.homeSlider_loading {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 16px;
	height: 16px;
	background: url(../img/home/slider_loading.gif) no-repeat;
}

#homeSlider_prev,
#homeSlider_next {
	position: absolute;
	display: block;
	top: 300px;
	width: 46px;
	height: 93px;
	background-repeat: no-repeat;
	opacity: .6;
}
#homeSlider_prev {left:  0; background-image: url(../img/home/slider_arrow_left.png);}
#homeSlider_next {right: 0; background-image: url(../img/home/slider_arrow_right.png);}

#homeSlider_prev:hover,
#homeSlider_next:hover {
	opacity: 1;
}

/* 山口建設について */
#homeSlider_hero {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/home/slider_item_hero_bg.jpg);
}
#homeSlider_about {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/home/slider_item_about_bg.jpg);
}
#homeSlider_about_txt {
	position: absolute;
	left: 0;
	bottom: 39px;
	width: 100%;
	height: 118px;
	background-color: rgba(0,0,0,.5);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../img/home/slider_item_about_txt.png);
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
#homeSlider_about_circle {
	position: absolute;
	top: 434px;
	left: 50%;
	margin-left: 307px;
	width: 175px;
	height: 174px;
	background-repeat: no-repeat;
	background-image: url(../img/home/slider_item_about_circle.png);
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}

/* 施工事例 */
#homeSlider_works {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/home/slider_item_works_bg.jpg);
}
#homeSlider_works_txt {
	position: absolute;
	top: 219px;
	right: 50%;
	margin-right: -65px;
	width: 517px;
	height: 105px;
	background-repeat: no-repeat;
	background-image: url(../img/home/slider_item_works_txt.png);
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
#homeSlider_works_circle {
	position: absolute;
	top: 434px;
	left: 50%;
	margin-left: 307px;
	width: 175px;
	height: 174px;
	background-repeat: no-repeat;
	background-image: url(../img/home/slider_item_works_circle.png);
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}

/* 山口建設にできること */
#homeSlider_ability {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url(../img/home/slider_item_ability_bg.jpg);
}
#homeSlider_ability_txt {
	position: absolute;
	top: 394px;
	right: 50%;
	margin-right: 153px;
	width: 297px;
	height: 171px;
	background-repeat: no-repeat;
	background-image: url(../img/home/slider_item_ability_txt.png);
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
#homeSlider_ability_circle {
	position: absolute;
	top: 434px;
	left: 50%;
	margin-left: 307px;
	width: 175px;
	height: 174px;
	background-repeat: no-repeat;
	background-image: url(../img/home/slider_item_ability_circle.png);
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}


/* モデルハウスについて */
#homeSlider_modelhouse {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-image: url(../img/home/slider_item_modelhouse_bg.jpg);
}
#homeSlider_modelhouse_txt {
	position: absolute;
	top: 217px;
	right: 50%;
	margin-right: 311px;
	width: 115px;
	height: 183px;
	background-repeat: no-repeat;
	background-image: url(../img/home/slider_item_modelhouse_txt.png);
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
#homeSlider_modelhouse_circle {
	position: absolute;
	top: 434px;
	left: 50%;
	margin-left: 307px;
	width: 175px;
	height: 174px;
	background-repeat: no-repeat;
	background-image: url(../img/home/slider_item_modelhouse_circle.png);
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}


/* 掛川平屋モデルハウス GRAND OPEN */
#homeSlider_kkh {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../img/home/slider_item_kkh_bg.jpg);
	background-size: cover;
}
#homeSlider_kkh_txt {
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: 200px;
	width: 371px;
	height: 109px;
	background-repeat: no-repeat;
	background-image: url(../img/home/slider_item_kkh_txt.png);
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
/* 磐田見付モデルハウス GRAND OPEN */
#homeSlider_mitsuke {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../img/home/slider_item_mitsuke_bg.jpg);
	background-size: cover;
}
#homeSlider_mitsuke_txt {
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: 200px;
	width: 371px;
	height: 109px;
	background-repeat: no-repeat;
	background-image: url(../img/home/slider_item_mitsuke_txt.png);
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}

/* 磐田見付平家モデルハウス GRAND OPEN */
#homeSlider_mitsukehiraya {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../img/home/slider_item_mitsuke_hiraya_bg.jpg);
	background-size: cover;
}
#homeSlider_mitsukehiraya_txt {
	position: absolute;
	top: 220px;
	left: 50%;
	margin-left: 200px;
	width: 382px;
	height: 120px;
	background-repeat: no-repeat;
	background-image: url(../img/home/slider_item_mitsuke_hiraya_txt.png);
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}

.reserved__button {
display: block;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
width: 220px;
padding: 12px 0;
text-align: center;
color: #fff;
font-size: 13px;
font-weight: bold;
background: #a21212;
margin: 28px auto;
}

.homeSlider_item .bgcover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

#homeSlider_10 {
	background-image: url(../img/home/slider_item10.jpg);
}

#homeSlider_11 {
	background-image: url(../img/home/slider_item11.jpg);
}

#homeSlider_12 {
	background-image: url(../img/home/slider_item12.jpg);
}

#homeSlider_13 {
	background-image: url(../img/home/slider_item13.jpg);
}

#homeSlider_14 {
	background-image: url(../img/home/slider_item14.jpg);
}


/* moreボタン
===========================================================*/

.homeMoreBtn {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #55443d;
	width: 83px;
	height: 30px;
	background: #4c3c35;
	background: -webkit-gradient(linear, left top, left bottom, from(#62514a), to(#4c3c35));
	background: -webkit-linear-gradient(top, #62514a, #4c3c35);
	background: linear-gradient(to bottom, #62514a, #4c3c35);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 28px;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.homeMoreBtn:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	width: 6px;
	height: 14px;
	background: url(../img/common/icon_arrow_right_small.png) no-repeat 0 50%;
}


/* ニュース
===========================================================*/

#homeNews {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 38px;
	background: url(../img/home/news_bg.png);
	background: rgba(0,0,0,.7); /* IE8以外 */
}

#homeNews_inner {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 980px;
	height: 100%;
}

#homeNews_title {
	float: left;
	margin-right: 20px;
	height: 100%;
	line-height: 38px;
	font-family: Montserrat;
	font-size: 14px;
}
#homeNews_title a {
	color: #fff;
}

.homeNews_btn {
	float: right;
	position: relative;
	border-right: 1px solid;
	border-left: 1px solid;
	border-color: rgb(255,255,255);
	border-color: rgba(255,255,255,.3); /* IE8以外 */
	width: 38px;
	height: 100%;
	opacity: .9;
}
.homeNews_btn:hover {
	opacity: 1;
}
.homeNews_btn img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.homeNews_btn + .homeNews_btn {
	border-right: 0;
}

#homeNews_content {
	overflow: hidden;
	position: relative;
	width: 720px;
	height: 100%;
}

.homeNews_item {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	height: 100%;
	line-height: 18px;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.homeNews_item_event,
.homeNews_item_news {
	display: inline-block;
	padding: 0 5px;
	min-width: 70px;
	background-color: #6b9651;
	text-align: center;
	font-family: Montserrat;
	font-size: 11px;
}
.homeNews_item_event {background-color: #ac1616;}
.homeNews_item_news  {background-color: #56453e;}

.homeNews_item_title {
	margin-left: 8px;
}
.homeNews_item:hover .homeNews_item_title {
	text-decoration: underline;
}


/* works
===========================================================*/

.homeWorksHeader {
	overflow: hidden;
}

.homeWorksHeader h1 {
	float: left;
	margin-right: 15px;
	padding-left: 19px;
	background: url(../img/common/icon_home.png) no-repeat 0 6px;
	line-height: 1.2;
	font-family: Montserrat;
	font-size: 21px;
	font-weight: bold;
	color: #56453e;
}
.homeWorksHeader a {
	float: right;
}
.homeWorksHeader p {
	padding-top: 5px;
	font-size: 11px;
}

.homeWorks {
	overflow: hidden;
}

.homeWorks_large {
	display: block;
	float: left;
	width: 380px;
	color: inherit;
	text-decoration: none;
}
.homeWorks_large .item-photo {
	display: block;
	position: relative;
	margin: 0 0 10px;
}
.homeWorks_large .item-caption {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 32px;
	background: url(../img/home/works_caption_bg.png);
	background: rgba(0,0,0,.7); /* IE8以外 */
}
.homeWorks_large .item-caption span {
	display: block;
	margin: 0 10px;
	line-height: 32px;
	text-align: center;
	font-size: 11px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.homeWorks_large .item-author {
	float: right;
	display: block;
	margin-left: 5px;
	line-height: 14px;
	font-size: 10px;
	color: #878178;
}
.homeWorks_large .item-title {
	display: block;
	padding-left: 16px;
	background: url(../img/home/works_disc_large.png) no-repeat 0 1px;
	line-height: 14px;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.homeWorks_small {
	display: block;
	float: left;
	margin: 0 0 14px 20px;
	width: 180px;
	color: inherit;
	text-decoration: none;
}
.homeWorks_small .item-photo {
	display: block;
	margin: 0 0 5px;
}
.homeWorks_small .item-author {
	float: right;
	display: block;
	margin-left: 5px;
	height: 11px;
	line-height: 11px;
	font-size: 10px;
	color: #878178;
}
.homeWorks_small .item-title {
	display: block;
	padding-left: 12px;
	height: 11px;
	background: url(../img/home/works_disc_small.png) no-repeat 0 2px;
	line-height: 11px;
	font-size: 11px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/* モデルハウス
===========================================================*/

.homeModelHouse {
	float: left;
	position: relative;
	width: 530px;
}

.homeModelHouse:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #e5e8cd;
	-webkit-transform: rotate(-1deg);
}

.homeModelHouse_inner {
	position: relative;
	padding: 30px 40px 30px 40px;
	background: #f7faea;
	/*background: #f7faea url(../img/home/modelhouse_bg.png) no-repeat 0 bottom;*/
}


.homeModelHouse_inner img.topMhImg {
width: 200px;
float: left;
margin: 0 20px 0 0;
}

.homeModelHouse_inner img.morebtn {
width: 53px;
float: right;
margin: 0;
}



.homeModelHouse_title {
	text-align: center;
	line-height: 1;
	font-family: Montserrat;
	font-size: 28px;
	font-weight: bold;
	color: #3e421c;
}

.homeModelHouse_address {
	float: left;
	width: 230px;
}
.homeModelHouse_address h2 {
	font-size: 12px;
	font-weight: bold;
}
.homeModelHouse_address table {
	margin-top: 10px;
}
.homeModelHouse_address table th,
.homeModelHouse_address table td {
	border-top: 1px dotted #a0a28f;
	border-bottom: 1px dotted #a0a28f;
	padding: 8px 8px 5px;
	font-size: 11px;
}
.homeModelHouse_address table th {
	background-color: #e5e8cd;
}

.homeModelHouse_map {
	float: right;
	border: 4px solid #e5e8cd;
}
.homeModelHouse_map img {
	border: 1px solid #fff;
}

.homeModelHouse_more {
	position: absolute;
	right: 30px;
	bottom: 30px;
}


/* スタッフ
===========================================================*/
.homeStaff {
}

.homeStaff_title {
	padding-left: 19px;
	background: url(../img/common/icon_disc.png) no-repeat 0 6px;
	line-height: 1.2;
	font-family: Montserrat;
	font-size: 21px;
	font-weight: bold;
	color: #56453e;
}



/* レンタルスペース
===========================================================*/
.rentalbox {
margin: 0 auto;
width: 980px;
margin-bottom: 50px;
}

.rental {
}

.rental_title {
	padding-left: 19px;
	background: url(../img/common/icon_disc.png) no-repeat 0 6px;
	line-height: 1.2;
	font-family: Montserrat;
	font-size: 21px;
	font-weight: bold;
	color: #56453e;
}


.rental_item_cat {
	display: inline-block;
	min-width: 180px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	vertical-align: top;
}
.rental_item_cat-event {background-color: #ac1616;}



/* ブログ
===========================================================*/

.homeBlog {
	position: relative;
	background-color: #fff;
}

.homeBlog_title {
	position: absolute;
	top: -10px;
	right: -20px;
	margin: -15px -15px 0 0;
}

.homeBlog_container {
	padding: 15px 20px;
}

.homeBlog_loading {
	padding: 30px 0;
	text-align: center;
}

.homeBlog_container .gfc-results {
	display: block;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	overflow: hidden;
}
.homeBlog_container .gfc-results + .gfc-results {
	margin-top: 10px;
	border-top: 1px dotted #d9d3c9;
	padding-top: 10px;
}

	.homeBlog_container .gfc-results_image{
		display: block;
		position: relative;
		width: 120px;
		height: 120px;
		margin-right: 10px;
		overflow: hidden;
		background: #f1f1f1;
		float: left;
	}
		.homeBlog_container .gfc-results_image img{
			position: relative;
		    top: 50%;
		    left: 50%;
			transform: translate(-50%, -50%);
		    max-width: 100%;
		    max-height: 100%;
		}

	.homeBlog_container .gfc-result_data{
		width: 180px;
		float: left;
	}

		.homeBlog_container .gf-relativePublishedDate {
			display: block;
			margin-right: 5px;
			margin-top: 5px;
			color: #888;
		}
		.homeBlog_container .gf-title {
			display: block;
			font-weight: bold;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			font-size: 14px;
		}
		.homeBlog_container .gf-snippet {
			display: block;
			margin-top: 5px;
		}



/*====================================================================

	できること

====================================================================*/

.abilityKeyword {
	width: 440px;
}
.abilityKeyword p {
	margin-top: 60px;
	line-height: 2.5;
	font-size: 12px;
}



/*====================================================================

	できること リフォーム・修理

====================================================================*/

.reformNaiyoHeader {
	border-bottom: 1px solid #ddd5ca;
	padding: 0 0 30px;
}

.reformBeforeAfter {
	padding: 0 0 20px;
	background-color: #f4f1ea;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.reformBeforeAfter:before,
.reformBeforeAfter:after {
	content: "";
	display: table;
	clear: both;
}

.reformBeforeAfter li {
	float: left;
	position: relative;
	top: -10px;
	left: -10px;
	margin: 40px 0 0 40px;
	width: 400px;
	height: 317px;
}
.reformBeforeAfter li img {
	position: absolute;
	left: 0;
	bottom: 0;
}

.reformContact {
}
.reformContact_header {
	border: 1px solid #e8e1d6;
	border-bottom: 0;
	padding: 20px 25px 20px;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background-color: #faf7f1;
}
.reformContact_content {
	border: 1px solid #e8e1d6;
	border-top: 0;
	padding: 30px 40px 40px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	background-color: #fff;
}



/*====================================================================

	山口建設について

====================================================================*/

.aboutMessage {
	position: relative;
	padding: 50px 0;
}

.aboutMessage_message {
	position: relative;
	z-index: 1;
	margin-top: 25px;
	line-height: 2;
}
.aboutMessage_message:before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	left: -20px;
	top: -15px;
	width: 42px;
	height: 34px;
	background: url(../img/about/message_quote.png) no-repeat;
}
.aboutMessage_yamaguchi {
	position: absolute;
	right: -25px;
	bottom: 0;
}

.aboutHistory {
	float: left;
	border-right: 1px solid #e6e0d7;
	padding: 20px 50px 20px 0;
}

.aboutAccess {
	float: left;
	margin-left: -1px;
	border-left: 1px solid #e6e0d7;
	padding: 20px 0 20px 50px;
	width: 280px;
}

.aboutMap {
	float: right;
	padding: 15px 0 0;
	width: 280px;
}

.aboutMap_map {
	border: 4px solid #e5dccf;
}
.aboutMap_map img {
	border: 2px solid #fff;
}

.aboutNav {
	padding: 19px 0 0;
	width: 490px;
	margin: 25px auto;
	overflow: hidden;
}
.aboutNav a {
	display: block;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 10px;
	border-bottom: 3px solid;
	width: 235px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
.aboutNav a:first-child {
	margin-left: 0;
}
.aboutNav a.is-current {
	background-color: #fff;
}
.aboutNav a.item-outline    {border-color: #ac1616; background-image: url(../img/about/catnav_outline.png)}
.aboutNav a.item-recruit  {border-color: #585858; background-image: url(../img/about/catnav_recruit.png)}

.recPhone {
width: 336px;
float: right;
margin-left: 25px;
}





/*====================================================================

	lineup イチオシ

====================================================================*/

.linupIndexBox {
	border: 5px solid #000;
	width: 470px;
	min-height: 470px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.linupIndexBox-loan0 {background-image: url(../img/lineup/loan0en_bg.jpg);}
.linupIndexBox-casacube {background-image: url(../img/lineup/casacube_bg.jpg);}
.linupIndexBox-bdcastyle {}
.linupIndexBox-dsstyle {background-image: url(../img/lineup/dsstyle_bg.jpg);}


.linupIndexBox_content {
	margin: 35px 220px 10px 30px;
	line-height: 2;
	font-size: 12px;
}

.bdcastyle ,
.dsstyle {
min-height: 470px !important;
}

.linupIndexBox_content2 {
	margin: 0 30px 10px 30px;
	line-height: 2;
	font-size: 12px;
}

.linupIndexBox_content3 {
	margin: 0 220px 10px 30px;
	line-height: 2;
	font-size: 12px;
}

/*====================================================================

	モデルハウス

====================================================================*/

/*
.modelhouseBox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 60px 88px 0;
	width: 915px;
	height: 1283px;
	background: url(../img/lineup/modelhouse/modelhouse_bg.png) no-repeat;
}
*/
.modelhouseBox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 60px 40px 100px;
	width: 900px;
	background: #f6f9e7;
}

.modelhouseBox_moreBtn {
	margin: 40px 25px 0;
	width: 80%;
}

.modelhouseNav {
	padding: 19px 0 0;
	width: 904px;
	margin: 25px auto;
	overflow: hidden;
	text-align: center;
	font-size: 0;
}
.modelhouseNav a {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 10px;
	border-bottom: 3px solid;
	width: 169px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
.modelhouseNav a:first-child {
	margin-left: 0;
}
.modelhouseNav a.is-current {
	background-color: #fff;
}
.modelhouseNav a.item-iwata {border-color: #ac1616; background-image: url(../img/lineup/modelhouse/mhnav_iwata.png)}
.modelhouseNav a.item-iwata2 {border-color: #009cd1; background-image: url(../img/lineup/modelhouse/mhnav_iwata2.png)}
.modelhouseNav a.item-kakegawa-hiraya {
	border-color: #009cd1;
	background-image: url(../img/lineup/modelhouse/mhnav_kakegawa_hiraya.png);
	width: 185px;
}
.modelhouseNav a.item-kakegawa {border-color: #585858; background-image: url(../img/lineup/modelhouse/mhnav_kakegawa.png)}
.modelhouseNav a.item-yaizu {border-color: #c89b39; background-image: url(../img/lineup/modelhouse/mhnav_yaizu.png)}
.modelhouseNav a.item-newyaizu {border-color: #541b8b; background-image: url(../img/lineup/modelhouse/mhnav_newyaizu.png)}


.attention {
font-size: 12px;
font-weight: bold;
color: red;
margin: 10px 0;
}

.attention2 {
font-size: 12px;
font-weight: bold;
color: red;
text-align: center;
margin-bottom: 10px;
}



.modelhouseBox_title {
	line-height: 1.2;
	text-align: center;
	font-family: Montserrat;
	font-size: 28px;
	font-weight: bold;
	color: #3e421c;
}

.modelhouse_txt {
	width: 370px;
	line-height: 2;
}
.modelhouse_txt p + p {
	margin-top: 1em;
}

.modelhouse_img {
	border: 4px solid #e5e8cd;
}
.modelhouse_img img {
	border: 2px solid #fff;
}

.modelhouseGallary {
	overflow: hidden;
}
.modelhouseGallary a {
	float: left;
	margin: 10px 10px 0 0;
}

.modelhouseAccess_header {
	position: relative;
}
.modelhouseAccess_btn {
	display: block;
	position: absolute;
	right: 0;
	bottom: -5px;
}

.modelhouseMap {
	display: inline-block;
	border: 4px solid #e5dccf;
}
.modelhouseMap img {
	border: 2px solid #fff;
}


.modelhouseBox .mhImg {
width: 860px;
margin-left: -20px;
}


/* モデルハウス：フッターナビ */
  /*modelHouseList*/
.modelHouseList{}
.modelHouseList_inner{
	width: 900px;
	margin: auto;
	font-size: 0;
	text-align: center;
}
.modelHouseList_inner_parts{
	display: inline-block;
	width: 172px;
	margin-top: 6%;
	margin-left: 10px;
	font-size: 12px;
}
.modelHouseList_inner_parts:nth-child(5n+1){
	margin-left: 0;
}

.modelHouseList_inner_parts > a{
  display: block;
  width: 100%;
  background: #D2D2D2;
}
	.modelHouseList_inner_parts a img{
	  width: 100%;
	  height:auto;
	}
	.modelHouseList_inner_parts a .el_title{
	  position: relative;
	  text-align: center;
	  background: #212121;
	  color: #fff;
	  font-size: 16px;
	  height: 60px;
	}
		.modelHouseList_inner_parts a .el_title::after{
		  content: "\f105";
		  display: block;
		  font-size: 1em;
		  color: #fff;
		  width: 1em;
		  position: absolute;
		  top: 45%;
		  right: 12px;
		  font-family: FontAwesome;
		}
		.modelHouseList_inner_parts a .el_title span{
		  font-size: 10px;
		  letter-spacing: 4px;
		  font-family: helvetica;
		}

.modelHouseList_inner_parts.is-current a .el_title{
	background: #f4f1ea;
	color: #333;
}
.modelHouseList_inner_parts.is-current.bg_white a .el_title{
	background: #fff;
}
.modelHouseList_inner_parts.is-current a .el_title::after{
	content: '\f106';
	background: #f4f1ea;
	color: #333;
}
.modelHouseList_inner_parts.is-current.bg_white a .el_title::after{
	content: '\f107';
	background: #fff;
}

/*====================================================================

	casa cube

====================================================================*/

.casacubeHeadA {
	border-bottom: 1px solid #3c3c3c;
	padding: 0 0 25px 30px;
	background: url(../img/lineup/casacube/icon_disc_gray.png) no-repeat 0 4px;
	line-height: 1.2;
	font-family: Montserrat;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
}
.casacubeHeadB {
	padding: 0 0 0 26px;
	background: url(../img/lineup/casacube/icon_disc_black.png) no-repeat 0 4px;
	line-height: 1.2;
	font-family: Montserrat;
	font-size: 25px;
	font-weight: bold;
	color: #333;
}

.casacubeWorks {}

.casacubeWorksBtn {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	min-width: 83px;
	height: 30px;
	-webkit-border-radius: 2px;
	border-radius: 3px;
	line-height: 28px;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #353535;
	background: #313131;
	background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#313131));
	background: -webkit-linear-gradient(top, #454545, #313131);
	background: linear-gradient(to bottom, #454545, #313131);
	color: #fff;
}
.casacubeWorksBtn-black:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
	width: 6px;
	height: 9px;
	background: url(../img/lineup/casacube/icon_arrow_white.png) no-repeat;
}

.casacubeWorks a {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 1px 0 0;
	padding: 12px 20px 20px;
	background-color: #3d3d3d;
	color: #fff;
	text-decoration: none;
}

.casacubeWorks a:first-child {
	margin-top: 0;
}
.casacubeWorks a:nth-child(even) {
	background-color: #525252;
}

.casacubeWorks .item-title {
	display: block;
	margin: 0 0 10px;
	padding-left: 21px;
	background: url(../img/lineup/casacube/works_icon_house.png) no-repeat;
	line-height: 1.3;
	font-size: 14px;
	text-decoration: underline;
}

.casacubeWorks .item-img {
	float: left;
	margin-right: 15px;
}

.casacubeWorks .item-description {
	display: block;
	overflow: hidden;
	padding: 0 0 40px;
	font-size: 12px;
}

.casacubeWorks .item-btn {
	display: block;
	position: absolute;
	right: 20px;
	bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	width: 83px;
	height: 30px;
	background: #fff;
	-webkit-border-radius: 2px;
	border-radius: 3px;
	line-height: 30px;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	text-decoration: none;
	color: #333;
}
.casacubeWorks .item-btn:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
	width: 6px;
	height: 9px;
	background: url(../img/lineup/casacube/icon_arrow_black.png) no-repeat;
}

.casacubeMovieHeader {
	padding-right: 200px;
	min-height: 163px;
	background: url(../img/lineup/casacube/movie_img.png) no-repeat right bottom;
}



/*====================================================================

	ローン0円住宅

====================================================================*/

.loan0Heading {
	border-bottom: 1px solid #e5dccf;
	padding-bottom: 25px;
}
.loan0Heading.pb10 {
	padding-bottom: 10px;
}

.loan0Notes {}
.loan0Notes th,
.loan0Notes td {
	padding-top: 3px;
	font-size: 11px;
}
.loan0Notes tr:first-child th,
.loan0Notes tr:first-child td {
	padding-top: 0;
}
.loan0Notes th {
	width: 30px;
}
.loan0Notes td {
	padding-left: 4px;
}

.loan0Spec {
}
.loan0Spec h3 {
	font-family: Montserrat;
	font-size: 14px;
	font-weight: bold;
	color: #56453e;
}
.loan0Spec ul {
	margin: 10px 0 0;
}
.loan0Spec ul li {
	display: inline-block;
	margin-left: 15px;
	padding-left: 16px;
	background: url(../img/common/icon_disc_light.png) no-repeat 0 3px;
	font-size: 12px;
}
.loan0Spec ul li:first-child {
	margin-left: 0;
}

.loan0Other {
	padding: 25px;
	background-color: #f4f1ea;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.loan0Other h3 {
	padding-left: 16px;
	background: url(../img/common/icon_disc_light.png) no-repeat 0 3px;
	font-size: 14px;
}
.loan0Other p {
	margin: 10px 0 0;
	font-size: 12px;
}

.loan0SyoeneWhat {
	padding: 25px;
	background-color: #f0e9df;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.loan0SyoeneWhat h3 {}
.loan0SyoeneWhat p {
	margin: 10px 0 0;
	font-size: 12px;
}

.loan0SyoeneItemContainer {
	width: 920px;
}
.loan0SyoeneItemContainer:before {
	content: "";
	display: block;
	height: 0;
	margin-bottom: -20px;
}
.loan0SyoeneItemContainer:after {
	content: "";
	display: table;
	clear: both;
}
.loan0SyoeneItem {
	float: left;
	margin: 3px 20px 0 0;
	width: 440px;
}
.loan0SyoeneItem-ishin {
	margin-top: 20px;
}




/*====================================================================

	売電金額シミュレーション

====================================================================*/

.simulationStep {
	float: left;
	border: 4px solid #e5dccf;
	width: 430px;
	background-color: #fff;
}

.simulationStep_header {
	position: relative;
	border-bottom: 1px solid #f4f1ea;
	height: 62px;
}
.simulationStep_header_step {
	position: absolute;
	left: 0;
	top: 0;
}
.simulationStep_header_tit {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.simulationStep_content {
	padding: 30px 0;
	text-align: center;
}
.simulationStep_content label + label {
	margin-left: 15px;
}
.simulationStep_content label span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}
.simulationStep_content input,
.simulationStep_content select {
	margin: 0 0 0 5px;
	vertical-align: middle;
}
.simulationStep_content input[type=number] {
	width: 80px;
	text-align: right;
}

.simulationStepArrow {
	display: block;
	float: left;
	position: relative;
	z-index: 1;
	margin: 40px -10px 0 -4px;
	width: 35px;
	height: 75px;
	background: url(../img/lineup/simulation/step_arrow.png) no-repeat;
}

.simulationResult {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 4px solid #e5dccf;
	background-color: #fff;
}
.simulationResult td {
	padding: 15px;
	width: 50%;
	vertical-align: middle;
	text-align: center;
}
.simulationResult thead td {
	background-color: #20a1b0;
}
.simulationResult tbody td {
	font-size: 14px;
}
.simulationResult tbody td strong {
	margin-left: 10px;
	font-size: 25px;
	font-weight: bold;
	color: #20a1b0;
}
.simulationResult tbody td + td {
	border-left: 1px solid #f4f1ea;
}
.simulationResult tfoot td {
	border-top: 1px solid #f4f1ea;
	font-size: 16px;
}
.simulationResult tfoot td strong {
	margin-left: 10px;
	font-size: 40px;
	font-weight: bold;
	color: #20a1b0;
}



/*====================================================================

	流れ

====================================================================*/

.flowBox {
	padding: 8px;
	width: 860px;
	background-color: #fff;
}
.flowBox_inner {
	border: 1px solid #f5f5f5;
	padding: 30px 50px;
	background: url(../img/flow/bg.gif) repeat -8px -1px;
}

.flowItem {
	position: relative;
	margin: 0;
	padding: 0 15px 0 115px;
	min-height: 76px;
}

.flowItem.with-arrow {
	margin-bottom: 8px;
	padding-bottom: 24px;
}
.flowItem.with-arrow:before {
	content: "";
	display: block;
	position: absolute;
	left: 55px;
	top: 0px;
	width: 6px;
	height: 100%;
	background-color: #b5ada1;
}
.flowItem.with-arrow:after {
	content: "";
	display: block;
	position: absolute;
	left: 50px;
	bottom: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid #b5ada1;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

.flowArrow {
	position: absolute;
	left: 55px;
	top: 0;
	width: 6px;
	height: 100%;
	background-color: #b5ada1;
}

.flowItem_when {
	position: absolute;
	z-index: 2;
	left: -30px;
	top: -25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 0 0;
	width: 74px;
	height: 63px;
	background: url(../img/flow/balloon.png) no-repeat;
	text-align: center;
	line-height: 1;
	font-size: 0;
}
.flowItem_when_val {
	font-family: Montserrat;
	font-size: 20px;
	font-weight: bold;
	color: #ac1616;
}
.flowItem_when_unit {
	font-size: 10px;
	letter-spacing: -1px;
	font-weight: bold;
}


.flowItem_number {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 76px;
	height: 76px;
	background-color: #56453e;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 76px;
	text-align: center;
	font-family: Montserrat;
	font-size: 42px;
	font-weight: bold;
	color: #fff;
}

.flowItem_title {
	font-size: 18px;
	font-weight: bold;
}
.flowItem_content {
	margin: 5px 0 0;
}



/*====================================================================

	お知らせ・イベント

====================================================================*/

.newsList {}

.newsList_item {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #e3dcd1;
	padding: 20px;
	background-color: #f0e9df;
	color: #333;
	text-decoration: none;
}
.newsList_item:first-child {
	border-top: 1px solid #e3dcd1;
}
.newsList_item:nth-child(even) {
	background-color: #f4f1ea;
}

.newsList_item_img {
	float: left;
	margin-right: 20px;
}

.newsList_item_content {
	display: block;
	overflow: hidden;
	padding: 10px 0 0;
}

.newsList_item_cat {
	display: inline-block;
	min-width: 80px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}
.newsList_item_cat-news  {background-color: #56453e;}
.newsList_item_cat-event {background-color: #ac1616;}

.newsList_item_date {
	margin-left: 10px;
	font-size: 11px;
	opacity: .7;
}

.newsList_item_title {
	display: block;
	margin: 5px 0 5px;
	padding-left: 20px;
	background: url(../img/news/icon_disc.png) no-repeat 0 9px;
	font-size: 18px;
	text-decoration: underline;
}

.newsList_item_eventinfo {
	font-size: 11px;
}
.newsList_item_eventinfo + .newsList_item_eventinfo {
	margin-left: 20px;
}
.newsList_item_eventinfo i {
	display: inline-block;
	margin-right: 5px;
	min-width: 50px;
	height: 19px;
	background-color: #aca293;
	line-height: 19px;
	text-align: center;
	color: #fff;
}

.newsList_item_summary {
	display: block;
	margin: 5px 0 0;
}


/*====================================================================

	お知らせ・イベント 詳細

====================================================================*/

.newsDetailImg_cont {
	float: right;
	width: 400px;
	margin-left: 30px;
}
.newsDetailImg {
	/*float: right;*/
	/*margin-left: 30px;*/
	width: 100%;
}

.newDetailCat {
	display: inline-block;
	min-width: 80px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}
.newDetailCat-news  {background-color: #56453e;}
.newDetailCat-event {background-color: #ac1616;}

.newDetailDate {
	margin-left: 10px;
	font-size: 11px;
	opacity: .7;
}

.newDetailTitle {
	margin: 15px 0 0;
	border-bottom: 1px solid #e5dccf;
	padding-bottom: 3px;
	font-size: 24px;
}

.newDetailEventDate {
	margin: 20px 0 0;
	font-size: 14px;
}
.newDetailEventDate i {
	display: inline-block;
	margin-right: 15px;
	min-width: 60px;
	height: 24px;
	background-color: #aca293;
	line-height: 24px;
	text-align: center;
	color: #fff;
}

.newDetailBody {
	margin: 20px 0 0;
}



/* スタッフ一覧
===========================================================*/

.staffList {
	overflow: hidden;
	width: 924px;
}

.staffList_item {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 24px 24px 0;
	width: 207px;
	height: 346px;
	background-color: #fff;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	text-decoration: none;
}

.staffList_item_imgwrap {
	display: block;
	overflow: hidden;
	position: relative;
	width: 207px;
	height: 272px;
}
.staffList_item_img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
}
.staffList_item_cover {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../img/staff/list_gradient.png) repeat-x 0 bottom;
}
.staffList_item_cover:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	bottom: 0;
	border-bottom: 6px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
.staffList_item_caption {
	display: block;
	position: absolute;
	left: 0;
	bottom: 18px;
	width: 100%;
	text-align: center;
	color: #fff;
}
.staffList_item_role {
	display: block;
	margin: 0 10px;
	font-size: 11px;
}
.staffList_item_name {
	display: block;
	margin: 0 10px;
	font-size: 22px;
}
.staffList_item_ruby {
	display: block;
	margin: 0 10px;
	font-size: 10px;
	font-family: Montserrat;
}
.staffList_item_description {
	display: block;
	overflow: hidden;
	margin: 12px 10px 0;
	height: 48px;
	line-height: 16px;
	font-size: 11px;
	color: #333;
}



/* スタッフ詳細
===========================================================*/

.staffDetailImg {
	float: right;
	margin-left: 30px;
}

.staffDetailRole {
	padding-left: 25px;
	background: url(../img/common/icon_disc_large.png) no-repeat 0 2px;
	font-size: 15px;
}

.staffDetailName {
	margin-right: 5px;
	border-bottom: 1px solid #e5dccf;
	font-size: 35px;
}
.staffDetailName_ruby {
	font-size: 12px;
	font-family: Montserrat;
	font-weight: bold;
}

.staffDetailHometown {
	margin: 10px 0 0;
	text-align: right;
	font-size: 13px;
}
.staffDetailHometown:before {
	content: "";
	display: inline-block;
	margin-right: 3px;
	width: 12px;
	height: 13px;
	background: url(../img/common/icon_home.png) no-repeat;
}

.staffDetailIntro {
	margin: 20px 0 0;
}

.staffDetailSection {
	border: 1px solid #e2dacf;
	padding: 25px 30px;
	background-color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.staffDetailSection + .staffDetailSection {
	margin-top: 40px;
}

.staffDetailSection_title {
	padding-left: 24px;
	background: url(../img/common/icon_disc_large.png) no-repeat 0 5px;
	line-height: 1.2;
	font-family: Montserrat;
	font-size: 25px;
	font-weight: bold;
	color: #56453e;
}
.staffDetailSection_title span {
	font-size: 11px;
}
.staffDetailSection_title span:before {
	content: "/";
	margin: 0 4px;
}

.staffDetailSection_content {
	margin: 10px 0 0;
}



/*====================================================================

	施工事例 一覧

====================================================================*/

.worksCatNav {
	padding: 19px 0 0;
	width: 900px;
	overflow: hidden;
}
.worksCatNav a {
	display: block;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 10px;
	border-bottom: 3px solid;
	width: 172px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
.worksCatNav a:first-child {
	margin-left: 0;
}
.worksCatNav a.is-current {
	background-color: #fff;
}
.worksCatNav a.item-all    {border-color: #56453e; background-image: url(../img/works/catnav_all.png)}
.worksCatNav a.item-loan0  {border-color: #ac1616; background-image: url(../img/works/catnav_loan0.png)}
.worksCatNav a.item-casa   {border-color: #585858; background-image: url(../img/works/catnav_casa.png)}
.worksCatNav a.item-other  {border-color: #c89b39; background-image: url(../img/works/catnav_other.png)}
.worksCatNav a.item-reform {border-color: #6b9651; background-image: url(../img/works/catnav_reform.png)}

.worksList {
	width: 920px;
}
.worksList:before,
.worksList:after {
	content: "";
	display: table;
	clear: both;
}
.worksList_item {
	float: left;
	display: block;
	position: relative;
	margin: 0 20px 39px 0;
	width: 286px;
	height: 500px;
	border-top: 3px solid;
	background-color: #fff;
	color: #333;
	text-decoration: none;
}
.worksList_item-loan0  {border-top-color: #ac1616;}
.worksList_item-casa   {border-top-color: #585858;}
.worksList_item-other  {border-top-color: #c89b39;}
.worksList_item-reform {border-top-color: #6b9651;}

.worksList_item:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: -22px;
	width: 95px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	font-size: 11px;
	color: #fff;
}
.worksList_item-loan0:before  {content: "ローン0円住宅"; background-color: #ac1616;}
.worksList_item-casa:before   {content: "casa cube";  background-color: #585858;}
.worksList_item-other:before  {content: "新築";  background-color: #c89b39;}
.worksList_item-reform:before {content: "リフォーム"; background-color: #6b9651;}

.worksList_item_title {
	display: block;
	margin: 15px 20px 0;
	padding-left: 19px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	font-size: 16px;
	text-decoration: underline;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    color: #333;
}
.worksList_item-loan0  .worksList_item_title {background-image: url(../img/works/icon_home_loan0.png);}
.worksList_item-casa   .worksList_item_title {background-image: url(../img/works/icon_home_casa.png);}
.worksList_item-other  .worksList_item_title {background-image: url(../img/works/icon_home_other.png);}
.worksList_item-reform .worksList_item_title {background-image: url(../img/works/icon_home_reform.png);}

.worksList_item_img {
	display: block;
	margin: 15px 0 0;
	height: 180px;
	text-align: center;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
/*.worksList_item_img:after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    display: block;*/
/*    bottom: 10px;*/
/*    left: 10px;*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    filter: drop-shadow(0px 0px 2px #888);*/
/*    background-image: url("../img/common/icon_zoom.svg");*/
/*    background-position: center;*/
/*    background-size: 30px 30px;*/
/*    background-repeat: no-repeat;*/
/*}*/
.worksList_item_img img{
    width: 100%;
}

.worksList_item_summary {
	display: block;
	overflow: hidden;
	margin: 10px 20px 0;
	height: 52px;
	line-height: 16px;
	font-size: 12px;
}

.lity-content{
    width: 95%;
    max-width: 800px;
    display: block;
    margin: auto;
}
.lity-content img{
    width: 100%;
    height: auto;
    display: block;
}

.lity-content a.btn{
    display: block;
    width: 160px;
    height: auto;
    margin: 20px auto;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: #fff;
    border: 1px #888 solid;
    text-align: center;
    color: #333;
    letter-spacing: 2px;
    line-height: 1;
}
.worksList_item_btn {
	display: block;
	margin: 15px auto 0;
	border: 1px solid;
	width: 158px;
	height: 28px;
	line-height: 28px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.worksList_item_btn:before {
	content: "MORE";
}
.worksList_item_btn:after {
	content: "";
	display: inline-block;
	margin-left: 6px;
	width: 6px;
	height: 9px;
	background: url(../img/common/icon_arrow_right_small.png) no-repeat;
}
.worksList_item-loan0  .worksList_item_btn {
	border-color: #ac1616;
	background: #a21212;
	background: -webkit-gradient(linear, left top, left bottom, from(#b31f1f), to(#a21212));
	background: -webkit-linear-gradient(top, #b31f1f, #a21212);
	background: linear-gradient(to bottom, #b31f1f, #a21212);
}
.worksList_item-casa   .worksList_item_btn {
	border-color: #585858;
	background: #4d4d4d;
	background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#4d4d4d));
	background: -webkit-linear-gradient(top, #646464, #4d4d4d);
	background: linear-gradient(to bottom, #646464, #4d4d4d);
}
.worksList_item-other  .worksList_item_btn {
	border-color: #c89b39;
	background: #c08f31;
	background: -webkit-gradient(linear, left top, left bottom, from(#cda345), to(#c08f31));
	background: -webkit-linear-gradient(top, #cda345, #c08f31);
	background: linear-gradient(to bottom, #cda345, #c08f31);
}
.worksList_item-reform .worksList_item_btn {
	border-color: #6b9651;
	background: #608a46;
	background: -webkit-gradient(linear, left top, left bottom, from(#769f5d), to(#608a46));
	background: -webkit-linear-gradient(top, #769f5d, #608a46);
	background: linear-gradient(to bottom, #769f5d, #608a46);
}

.worksList_item_line {
	display: block;
	margin: 10px auto 20px;
	border-bottom: 1px solid #ebe7dd;
	text-align: center;
}
.worksList_item_line:before,
.worksList_item_line:after {
	content: "";
	display: block;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #ebe7dd;
}
.worksList_item_line:after {
	margin: -8px auto -2px;
	border-bottom-color: #fff;
}

.worksList_item_personimg {
	display: block;
	float: left;
	margin: 0 20px;
	width: 76px;
	text-align: center;
}
.worksList_item_personimg img {}
.worksList_item_personimg span {
	display: block;
	margin: 5px 0 0;
	font-size: 9px;
}

.worksList_item_personsay {
	display: block;
	overflow: hidden;
	margin-right: 20px;
	height: 96px;
	line-height: 16px;
	font-size: 12px;
}

.worksList_item_personsay_noimg {
	display: block;
	overflow: hidden;
	margin-right: 20px;
	margin-left: 20px;
	height: 96px;
	line-height: 16px;
	font-size: 12px;
}
.worksList_item_pikup{
	position: absolute;
	top: 40px;
	right: -10px;
	width: 58px;
	height: 58px;
	line-height: 58px;
	border-radius: 29px;
	background: #fedb56;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}


/*====================================================================

	施工事例 詳細

====================================================================*/

.worksDetailImg {
	float: right;
	margin-left: 30px;
}

.worksDetailHeader {
	border-bottom: 1px solid #e5dccf;
	padding-bottom: 5px;
}
.worksDetailHeader:after {
	content: "";
	display: table;
	clear: both;
}

.worksDetailCat {
	float: right;
	display: block;
	margin-left: 10px;
	min-width: 120px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 13px;
	color: #fff;
}
.worksDetailCat-loan0  {background-color: #ac1616;}
.worksDetailCat-casa   {background-color: #585858;}
.worksDetailCat-other  {background-color: #c89b39;}
.worksDetailCat-reform {background-color: #6b9651;}

.worksDetailTitle {
	display: block;
	padding: 0 0 10px 25px;
	background: url(../img/works/icon_home_large.png) no-repeat 0 5px;
	line-height: 1.2;
	font-size: 24px;
}

.worksDetailIntro {
	margin: 15px 0 0;
	padding: 15px 0 0 20px;
	background: url(../img/works/quote.png) no-repeat;
}


.worksDetailThumbs {
	float: right;
	position: relative;
	width: 120px;
	height: 500px;
}

.worksDetailThumbs_top,
.worksDetailThumbs_bottom {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #55443d;
	width: 100%;
	height: 20px;
	background: #4c3c35;
	background: -webkit-gradient(linear, left top, left bottom, from(#62514a), to(#4c3c35));
	background: -webkit-linear-gradient(top, #62514a, #4c3c35);
	background: linear-gradient(to bottom, #62514a, #4c3c35);
}
.worksDetailThumbs_top:before,
.worksDetailThumbs_bottom:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.worksDetailThumbs_top {
	margin-bottom: 10px;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.worksDetailThumbs_top:before {
	background-image: url(../img/common/icon_arrow_top.png);
}
.worksDetailThumbs_bottom {
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
.worksDetailThumbs_bottom:before {
	background-image: url(../img/common/icon_arrow_bottom.png);
}
.worksDetailThumbs_top.is-disabled,
.worksDetailThumbs_bottom.is-disabled {
	cursor: default;
}
.worksDetailThumbs_top.is-disabled:hover,
.worksDetailThumbs_bottom.is-disabled:hover {
	opacity: 1;
}


.worksDetailThumbs_viewport {
	overflow: hidden;
	height: 450px;
}
.worksDetailThumbs_container {
	position: relative;
	top: 0;
}
.worksDetailThumbs_item {
	display: block;
	position: relative;
	margin-bottom: 10px;
	width: 120px;
	height: 80px;
	background: #fff;
}
.worksDetailThumbs_item img {
	position: relative;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}
.worksDetailThumbs_item.is-current:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid #56453e;
	width: 100%;
	height: 100%;
}

.worksDetailPhotos {
	position: relative;
	width: 760px;
	height: 500px;
}

.worksDetailPhotos_item {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

.worksDetailPhotos_item_img {
	position: relative;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

.worksDetailPhotos_item_caption {
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 12px;
	width: 100%;
	background-color: rgba(0,0,0,.7);
	color: #fff;
}

.worksDetailVoice {
	position: relative;
}
.worksDetailVoice:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f8ebb3;
	-webkit-transform: rotate(-1deg);
	transform: rotate(-1deg);
}
.worksDetailVoice_title {
	position: absolute;
	z-index: 1;
	left: 0;
	top: -20px;
	width: 100%;
	text-align: center;
}
.worksDetailVoice_content {
	position: relative;
	padding: 40px 40px 35px;
	background-color: #fff;
}

.worksDetailSpec {
	float: left;
	border-right: 1px solid #e6e0d7;
	padding: 20px 50px 20px 0;
	width: 260px;
}

.worksDetailStaff {
	float: left;
	margin: 0 0 0 -1px;
	border-left: 1px solid #e6e0d7;
	padding: 20px 0 20px 50px;
	width: 530px;
}

.worksDetailStaff_img {
	float: right;
	margin-left: 25px;
	border: 4px solid #e5dccf;
}
.worksDetailStaff_img img {
	border: 2px solid #fff;
}

.worksDetailStaff_comment {
	line-height: 1.8;
}

.worksDetailStaff_name {
	text-align: right;
}



/*====================================================================

	よくある質問

====================================================================*/

.faqNav {
	overflow: hidden;
	padding: 0 10px 10px 0;
	background-color: #e5dccf;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.faqNav a {
	display: block;
	float: left;
	margin: 10px 0 0 10px;
	border: 1px solid #55443d;
	padding: 0 12px;
	height: 28px;
	background: #4c3c35;
	background: -webkit-gradient(linear, left top, left bottom, from(#62514a), to(#4c3c35));
	background: -webkit-linear-gradient(top, #62514a, #4c3c35);
	background: linear-gradient(to bottom, #62514a, #4c3c35);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 30px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}
.faqNav a:after {
	content: "";
	display: inline-block;
	margin-left: 4px;
	width: 12px;
	height: 9px;
	background: url(../img/common/icon_arrow_right_small.png) no-repeat 50% 50%;
}

.faqNav a.is-current {
	border-color: #fff;
	background: #fff;
	color: #56453e;
}
.faqNav a.is-current:after {
	background-image: url(../img/faq/nav_arrow_current.png);
}

.faqCat {
	position: relative;
	margin: 40px 0 0;
	padding: 0 0 0 47px;
	font-size: 20px;
}
.faqCat:before {
	content: "?";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 33px;
	height: 33px;
	background-color: #56453e;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 33px;
	text-align: center;
	font-family: Montserrat;
	font-size: 22px;
	color: #fff;
}

.faqList {}
.faqList {
	margin: 20px 0 0;
}
.faqList li {
	border-bottom: 1px dotted #8e877d;
}
.faqList li:first-child {
	border-top: 1px dotted #8e877d;
}
.faqList li a {
	display: block;
	position: relative;
	padding: 12px 5px 12px 32px;
	font-size: 16px;
	color: #333;
}
.faqList li a span {
	text-decoration: underline;
}
.faqList li a:before {
	content: "Q";
	display: block;
	position: absolute;
	left: 0;
	top: 14px;
	width: 20px;
	height: 20px;
	background-color: #b5ada1;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 20px;
	text-align: center;
	font-family: Montserrat;
	font-size: 11px;
	color: #fff;
}

.faqQuestion {
	position: relative;
	margin: 25px 0 0;
	padding: 15px 0 15px 47px;
	border-bottom: 1px solid #dfdbd3;
	font-size: 20px;
}
.faqQuestion:before {
	content: "Q";
	display: block;
	position: absolute;
	left: 0;
	top: 15px;
	width: 33px;
	height: 33px;
	background-color: #56453e;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 33px;
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	color: #fff;
}

.faqQuestion:target {
	-webkit-animation: targetFaq 1.5s linear .3s;
	animation: targetFaq 1.5s linear .3s;
}
@-webkit-keyframes targetFaq {
	from {background-color: rgba(255,255,255,1);}
	to   {background-color: rgba(255,255,255,0);}
}
@keyframes targetFaq {
	from {background-color: rgba(255,255,255,1);}
	to   {background-color: rgba(255,255,255,0);}
}


.faqAnswer {
	position: relative;
	margin: 20px 0 0;
	padding: 6px 0 20px 100px;
	border-bottom: 1px dotted #8e877d;
	line-height: 1.8;
	font-size: 12px;
}
.faqAnswer:before {
	content: "A";
	display: block;
	position: absolute;
	left: 48px;
	top: 0;
	width: 33px;
	height: 33px;
	background-color: #b5ada1;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 33px;
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	color: #fff;
}



/*====================================================================

	サイトマップ

====================================================================*/

.sitemap {
}
.sitemap:after {
	content: "";
	display: table;
	clear: both;
}
.sitemap a {
	color: #333;
	text-decoration: underline;
}
.sitemap_home {
}
.sitemap_home a {
	padding-left: 20px;
	background: url(../img/common/icon_home.png) no-repeat 0 6px;
	font-family: Montserrat;
	font-size: 20px;
}

.sitemap > ul {
	float: left;
	margin: 25px 0 0 30px;
}
.sitemap > ul > li {
	margin: 0 0 25px;
}
.sitemap > ul > li > a {
	padding-left: 20px;
	background: url(../img/common/icon_disc.png) no-repeat 0 2px;
	font-size: 16px;
}
.sitemap > ul > li > ul {
	margin: 20px 0 0 20px;
}
.sitemap > ul > li > ul > li {
	margin: 0 0 20px;
}
.sitemap > ul > li > ul > li > a {
	padding-left: 18px;
	background: url(../img/common/icon_disc_light.png) no-repeat 0 0;
	font-size: 12px;
}
.sitemap > ul > li > ul > li > ul {
	margin: 10px 0 0 10px;
}
.sitemap > ul > li > ul > li > ul > li {
	margin: 0 0 10px;
}
.sitemap > ul > li > ul > li > ul > li > a {
	margin-left: 10px;
	font-size: 10px;
}



/*====================================================================

	プライバシーポリシー

====================================================================*/

.policyItem {
	border-bottom: 1px solid #dfdbd3;
	padding: 0 0 35px;
}
.policyItem h2 {
	margin: 40px 0 25px;
	padding-left: 27px;
	background: url(../img/common/icon_disc_large.png) no-repeat 0 3px;
	font-size: 18px;
}
.policyItem p {
	margin: 1em 0 0;
}
.policyItem ul {
	margin: 0 0 0 1em;
}
.policyItem ul li {
	margin: 0.5em 0 0;
	padding-left: 13px;
	background: url(../img/common/icon_disc_tiny.png) no-repeat 0 6px;
}
.policyItem a {
	color: inherit;
	text-decoration: underline;
}



/*====================================================================

	お問い合わせ

====================================================================*/

.contactTable {
	width: 100%;
}
.contactTable th,
.contactTable td {
	border-top: 1px solid #dfdbd3;
	border-bottom: 1px solid #dfdbd3;
	padding: 30px 0;
}
.contactTable th {
	padding-right: 20px;
	width: 160px;
	white-space: nowrap;
}

.contactTable td span{
    display: inline-block;
}

.contactLabel {
	display: inline-block;
	vertical-align: middle;
	padding-left: 25px;
	background: url(../img/common/icon_disc_large.png) no-repeat 0 3px;
	font-size: 18px;
}

.contactRequired {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ad2222;
	width: 28px;
	height: 15px;
	background: #a21212;
	background: -webkit-gradient(linear, left top, left bottom, from(#b31f1f), to(#a21212));
	background: -webkit-linear-gradient(top, #b31f1f, #a21212);
	background: linear-gradient(to bottom, #b31f1f, #a21212);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 15px;
	text-align: center;
	font-size: 10px;
	color: #fff;
}

.contactCheckbox {
	margin-right: 10px;
	font-size: 16px;
}
.contactCheckbox input {
	vertical-align: middle;
	margin-right: 4px;
}

.contactInput,
.contactTextarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dfdbd3;
	padding: 8px 10px;
	width: 100%;
	height: 40px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	line-height: 24px;
	font-size: 14px;
}

input[type="date" i].contactInput,
input.contactInput.is-date{
    width: 150px;
}

select.contactInput.is-time{
    width: 240px;
}

.contactTextarea {
	height: 200px;
}

.contactSubmit {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #55443d;
	width: 300px;
	height: 60px;
	background: #4c3c35;
	background: -webkit-gradient(linear, left top, left bottom, from(#62514a), to(#4c3c35));
	background: -webkit-linear-gradient(top, #62514a, #4c3c35);
	background: linear-gradient(to bottom, #62514a, #4c3c35);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 58px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.contactSubmit:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	width: 9px;
	height: 13px;
	background: url(../img/common/icon_arrow_right.png) no-repeat;
}

.contactBack {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #888;
	width: 300px;
	height: 60px;
	background: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
	background: -webkit-linear-gradient(top, #888, #666);
	background: linear-gradient(to bottom, #888, #666);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	line-height: 58px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.contactBack:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	width: 9px;
	height: 13px;
	background: url(../img/common/icon_arrow_left.png) no-repeat;
}

.contactErrors {
	padding: 15px 30px;
	background-color: #ffd9d9;
	border: 2px solid #8c0000;
	color: #8c0000;
}
.contactErrors div {
	margin: 5px 0;
}

.contactOutput {
	padding: 5px 0 0;
	font-size: 14px;
}

.formCont_parts_selectbox .el_modelHouse_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.formCont_parts_selectbox .el_modelHouse_list{
	text-align: center;
	width: 48%;
	display: inline-block;
}
.formCont_parts_selectbox .el_modelHouse_list p{
	margin: 10px 0;
}
.formCont_parts_selectbox .el_modelHouse_list input[type="checkbox"]:checked + label img,
.formCont_parts_selectbox .el_modelHouse_list input[type="radio"]:checked + label img{
	filter:brightness(40%);
}
.formCont_parts_selectbox .el_modelHouse_list input[type="checkbox"]:checked + label:before,
.formCont_parts_selectbox .el_modelHouse_list input[type="radio"]:checked + label:before{
	content: "";
	position: absolute;
	display: inline-block;
	width: 40px;
	height: 40px;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	background-image: url(../smp/img/basis/selected.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
}
.formCont_parts_selectbox .el_modelHouse_list:nth-of-type(2n){
	margin-left: 4%;
}
.formCont_parts_selectbox .el_modelHouse_list img{
	width: 100%;
}
.formCont_parts_selectbox .el_modelHouse_list label{
	display: block;
	position: relative;
}
.el_modelHouse_wrap input[type="checkbox"] ,
.el_modelHouse_wrap input[type="radio"]{
	display: none;
}


.formCont_parts_text{
	background-color: #fff;
}
.formCont_parts_text .el_detail{
	height: 220px;
	overflow-y: scroll;
	padding: 3%;
}
.formCont_parts_text .el_title{
	font-size: 18px;
	margin: 10px 0;
	font-weight: bold;
	padding-left: 24px;
	background: url(../img/common/icon_disc_large.png) no-repeat 0 3px;
}
