/*

 トップページ専用CSS
 
*/





/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                レスポンシブ!!

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 641px) {
	
/*暫定*/
.slide {
	min-width:1000px;
	max-height:700px;
}


/*■■■■　エリケンについてコンテナ　■■■■*/

.eriken_con {
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
}
.eriken_title {
	width: 1000px;
	text-align: center;
	margin: 0 auto 30px;
}
.eriken_text {
	width: 1000px;
	text-align: left;
	font-size: 1.2em;
	line-height: 3em;
	margin: 0 auto 40px;
	font-weight: 100;
}
.eriken_bot {
	width: 1000px;
	text-align: center;
	font-size: 1.2em;
	line-height: 3em;
	margin: 0 auto;
}

/*■■■■　おしらせコンテナ　■■■■*/
.news_con {
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
	background-color: #efede8;
	text-align: center;
}
.news_wrap {
	width: 1000px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.news_title {
	width: 100%;
	padding: 30px 0;
	text-align: center;
}
.news_box {
	position: relative;
	width: 318px;
	height: 400px;
	margin-right: 20px;
	border: 1px solid #999;
	background: url(ban_news_bg.png) no-repeat top center;
}
/*ブログデザイン*/
.blog_box {
	position: relative;
	width: 318px;
	height: 400px;
	margin-right: 20px;
	border: 1px solid #999;
	background: url(ban_blog_bg.png) no-repeat top center;
}
.blog_cell {
	text-align: left;
	height: 310px;
	padding: 10px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.blog_cell_1 {
	font-weight: bold;
	margin-bottom: 5px;
}
.blog_cell_2 {
	text-align: right;
	color: #999;
	margin-bottom: 8px;
}
.blog_cell_3 {
	background: url(ban_blog_line.png) no-repeat center bottom;
	padding-bottom: 15px;
}
/*Facebook*/
.fb_box {
	position: relative;
	width: 320px;
	height: 400px;
	padding: 0;
}


/*■■■■　イベントコンテナ　■■■■*/

.event_con {
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
	background-color: #fff;
	text-align: center;
}

/*■■■■　施工事例コンテナ　■■■■*/
.works_con {
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
	background-color: #efede8;
}
.work_list {
	width: 1000px;
	margin: 0 auto 20px;
	padding:0;
	overflow:hidden;

}
.works_box {
	width:307px;
	text-align: left;
	margin: 0px 13px 25px;
	padding:0px 0 0;
	float:left;
}
/*施工事例写真*/
.works_frame img{
	width:100%;
	margin-bottom:5px;
}
.works_frame {
	display: inline-block;
	position: relative;
	-moz-opacity: 0.99; /* FF , Netscape */
	-khtml-opacity: 0.99; /* Safari 1.x */
	opacity: 0.99;
}
.works_frame:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
	transform: rotate(3deg); /* 回転させる */
	background: #fafafa;
	z-index: -1;
}
.works_frame:hover {
	-moz-opacity: 0.7; /* FF , Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	opacity: 0.7;
}
.works_frame:hover:after {
	box-shadow: none;
	transform: none;
}

.work_list_t1{
	color:#269128;
	font-size:0.8em;
	margin:20px 0 3px;
}
.work_list_t2{
	margin-bottom:8px;
}
.work_list_o1{
	color:#269128;
	font-size:0.8em;
	margin-bottom:3px;
}
.work_list_o2{
	margin-bottom:15px;
}

.work_next a{
	display:block;
	border:1px solid #000000;
	width: 100%; /* 横幅 */
	padding:8px 0;
	text-align:center;
}


 /* 以下マウスを載せたときのスタイル */
.work_next a:hover {
	background-color: #774d1e;
	color:#fff;
 }



/*■■■■　ジョブリストコンテナ　■■■■*/
.job_con {
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
}
.job_box {
	margin: 0 auto;
	width: 1000px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.job_list {
	position: relative;
	width: 200px;
	text-align: left;
	margin-bottom: 20px;
}
.job_list img {
	margin-bottom: 0px;
}




/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 640px) {
/*暫定*/
.slide {
	margin-top:0px;
	max-height:700px;
}


/*■■■■　エリケンについてコンテナ　■■■■*/

.eriken_con {
	width: 90%;
	margin: 0 auto;
	padding: 60px 0;
}
.eriken_title {
	width: 100%;
	text-align: center;
	margin: 0 auto 30px;
}
.eriken_text {
	width: 100%;
	text-align: left;
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0 auto 40px;
	font-weight: 100;
}
.eriken_bot {
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	line-height: 3em;
	margin: 0 auto;
}

/*■■■■　おしらせコンテナ　■■■■*/
.news_con {
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
	background-color: #efede8;
	text-align: center;
}
.news_wrap {
	width: 90%;
	padding: 0;
	margin: 0 auto;
}
.news_title {
	width: 98%;
	padding: 30px 0;
	text-align: center;
}
.news_box {
	position: relative;
	width: 98%;
	height: 400px;
	margin-bottom:30px;
	border: 1px solid #999;
	background: url(ban_news_bg.png) no-repeat top center;
	background-size:cover;
}
.news_box img{
	width:100%;
	margin:0 auto;
}
/*ブログデザイン*/
.blog_box {
	position: relative;
	width: 98%;
	height: 400px;
	margin-bottom:30px;
	border: 1px solid #999;
	background: url(ban_blog_bg.png) no-repeat top center;
	background-size:cover;
}
.blog_cell {
	text-align: left;
	height: 310px;
	padding: 10px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.blog_cell_1 {
	font-weight: bold;
	margin-bottom: 5px;
}
.blog_cell_2 {
	text-align: right;
	color: #999;
	margin-bottom: 8px;
}
.blog_cell_3 {
	background: url(ban_blog_line.png) no-repeat center bottom;
	padding-bottom: 15px;
}
/*Facebook*/
.fb_box {
	position: relative;
	width: 100%;
	height: 400px;
}


/*■■■■　イベントコンテナ　■■■■*/

.event_con {
	width: 90%;
	margin: 0 auto;
	padding: 60px 0;
	background-color: #fff;
	text-align: center;
}
/*ここは写真1枚ね!*/
.event_con img{
	width:100%;
	margin:0 auto;
}


/*■■■■　施工事例コンテナ　■■■■*/
.works_con {
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
	background-color: #efede8;
}
.work_list {
	width: 90%;
	margin: 0 auto 20px;
	padding:0;
}
.works_box {
	width:90%;
	text-align: left;
	margin: 0px 13px 25px;
	padding:0px 0 0;
	float:left;
}

/*施工事例写真*/
.works_frame img{
	width:100%;
	margin-bottom:5px;
}
.works_frame {
	display: inline-block;
	position: relative;
	-moz-opacity: 0.99; /* FF , Netscape */
	-khtml-opacity: 0.99; /* Safari 1.x */
	opacity: 0.99;
}
.works_frame:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
	transform: rotate(3deg); /* 回転させる */
	background: #fafafa;
	z-index: -1;
}
.works_frame:hover {
	-moz-opacity: 0.7; /* FF , Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	opacity: 0.7;
}
.works_frame:hover:after {
	box-shadow: none;
	transform: none;
}

.work_list_t1{
	color:#269128;
	font-size:0.8em;
	margin:20px 0 3px;
}
.work_list_t2{
	margin-bottom:8px;
}
.work_list_o1{
	color:#269128;
	font-size:0.8em;
	margin-bottom:3px;
}
.work_list_o2{
	margin-bottom:15px;
}

.work_next a{
	display:block;
	border:1px solid #000000;
	width: 100%; /* 横幅 */
	padding:8px 0;
	text-align:center;
}


 /* 以下マウスを載せたときのスタイル */
.work_next a:hover {
	background-color: #774d1e;
	color:#fff;
 }



/*■■■■　ジョブリストコンテナ　■■■■*/
.job_con {
	width: 90%;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
}
.job_box_sp {
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

}
.job_list {
	position: relative;
	width: 46%;
	text-align: center;
	margin:0 2% 20px;
	padding:0;
}
.job_list img {
	width:100%;
	margin-bottom: 8px;
}



/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/    
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/