@charset "utf-8";


/*
	base style----------------------------------
*/

html{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:62.5%;
}

body {
	font-size:12px;
	font-size:1.2rem;
	line-height:2em;
	text-align:center;
	padding-top:120px;
	position:relative;
	top:0;
	left:0;
}

a:hover{
	text-decoration:none;
}

a:hover img{
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity = 50);
}


#popup_title{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:12px;
	font-size:1.2rem;
}

/*
	header style----------------------------------
*/


#wrap_hd {
	width:100%;
	background-color:#ffffff;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}


#hd{
	width:1060px;
	margin:0px auto 0px auto;
	overflow:hidden;
}

#hd_news {
	width:100%;
	line-height:25px;
	height:25px;
	overflow:hidden;
	color:#ffffff;
	background-color:#5b5f5b;
}

#hd_news a{
	color:#ffffff;
}



h1{
	float:left;
}

#glnavi{
	width:800px;
	float:right;
	overflow:hidden;
}

#glnavi li{
	float:left;
}

/*#glnavi li:hover{
	background-color:#bf242f;
}*/

#glnavi img,
h1 img{
	vertical-align: bottom;
}



/*
	concept style----------------------------------
*/




#wrap_concept{
	width:100%;
	height:600px;
	border-top:solid 15px bf242f;
	background-image: url(../images/concept_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	-moz-background-size:cover;
	background-size:cover;
	position: relative;
	top: 0px;
	left: 0px;
	
}


#concept{
	padding-top:120px;
}

#concept h2{
}

#concept p{
	font-size:13px;
	font-size:1.3rem;
	padding-top:70px;
	color:#ffffff;
	text-shadow:
		3px 3px 10px #000,
		3px -3px 10px #000,
		-3px 3px 10px #000,
		-3px -3px 10px #000;
	
}

#banner_ig{
	width:250px;
	height:100px;
	background-color:#ffffff;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#banner_ig img{
	width:250px;
	height:100px;
}

#banner_fb{
	width:250px;
	height:100px;
	background-color:#ffffff;
	position: absolute;
	bottom: 10px;
	right: 265px;
}

#banner_fb img{
	width:250px;
	height:100px;
}



/*
	corporatedata style----------------------------------
*/


#wrap_news{
	border-top:solid 15px #bf242f;
	padding-bottom:100px;
	
}

#news{
	padding-top:120px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: center top;
	
}
#news h2{
	padding-bottom:100px;
}


#news_list {
	width:910px;
	height:125px;
	line-height:25px;
	margin:0px auto 40px auto;
	padding:5px 15px 5px 15px;
	background-color:#eeeeee;
	overflow-y:scroll;
	overflow-x: hidden;
	text-align:left;
}

#news_list a{
}





/*
	corporatedata style----------------------------------
*/


#wrap_corporatedata{
	border-top:solid 15px #bf242f;
	padding-bottom:100px;
	
}

#corporatedata{
	padding-top:120px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: center top;
	
}
#corporatedata h2{
	padding-bottom:100px;
}

#corporatedata .company_table{
	width:850px;
	padding:20px 0;
	margin:0px auto 40px auto;
	background-color:#eeeeee;
}


#corporatedata .company_table table{
	overflow:hidden;
}

#corporatedata .company_table table caption{
	text-align:left;
	padding-left:20px;
	width:130px;
	float:left;
}

#corporatedata .company_table table caption span{
	color:#ff0000;
}

#corporatedata .company_table table tbody{
	width:700px;
	float:right;
	
}

#corporatedata .company_table table th{
	text-align:left;
	width:150px;
}

#corporatedata .company_table table td{
	text-align:left;
	width:550px;
}







/*
	works style----------------------------------
*/


#wrap_works{
	border-top:solid 15px #bf242f;
	padding-bottom:100px;
	
}

#works{
	padding-top:120px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: center top;
	
}
#works h2{
	padding-bottom:100px;
}


#works_list{
margin:0 auto;

}

#works_list ul{
overflow:hidden;
display:inline-block;
}


#works_list li{
height:30px;
line-height:30px;
color:#ffffff;
background:#5b5f5b;
margin-right:1px;
padding:0 10px;
float:left;
cursor:pointer;
}

#works_list li.select,
#works_list li:hover{
	background:#bf242f;
}

#works_data{

}


#gallery{
	margin:20px auto;
	overflow:hidden;
}

#gallery .item{
	background-color:#333333;
	margin:1px;
	float:left;
	display:table;
	position:relative;
	top:0;
	left:0;
}


.item.w1,
.item.w1 h3,
.item.w1 .worksinfo{
	width:378px;
	height:378px;
}


.item.w2,
.item.w2 h3,
.item.w2 .worksinfo{
	width:178px;
	height:178px;
}


#gallery .item h3{
	font-size:14px;
	font-size:1.4rem;
	line-height:2em;
	display:table-cell;
	text-align: center;
	vertical-align:middle;
	
}

.item .thumb img{
	width:100%;
	height:100%;
	vertical-align:bottom;
}


.item .gmark{
	position:absolute;
	top:8px;
	left:13px;
}
.item .gmark img{
	vertical-align:bottom;
}


#gallery .popupimages{
	display:none;
}

.item .worksinfo{
	position:absolute;
	top:10px;
	left:10px;
	display:none;
}

#gallery a:hover .worksinfo{
	display:block;
}

#gallery a:hover .thumb img,
#gallery a:hover .gmark img{
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity = 100);
}

#gallery a:hover .item{
	border:solid 10px #ff0000;
}

.item .worksinfo table{
	width:100%;
	border:none;
	position:absolute;
	bottom:5px;
	left:0;
}



.item .worksinfo table caption,
.item .worksinfo table th{
	padding-left:5px;
}

.item .worksinfo table caption,
.item .worksinfo table td{
	padding-right:5px;
}


.item .worksinfo table caption,
.item .worksinfo table th,
.item .worksinfo table td{
	font-size:11px;
	font-size:1.1rem;
	line-height:1.5em;
	color:#ffffff;
	text-align:left;
	text-shadow:
		3px 3px 10px #000,
		3px -3px 10px #000,
		-3px 3px 10px #000,
		-3px -3px 10px #000;
}


.item .worksinfo table th{
	width:50px;
}


/*カテゴリー毎*/


#gallery .h{
	background-color:#111111;
	border:solid 10px #111111;
	color:#ffffff;
	
}

.house,
.mansion,
.office,
.shop,
.school,
.factory,
.garden,
.lighting{
	border:solid 10px #d0ceb9;
}






/*
	flow style----------------------------------
*/


#wrap_flow{
	border-top:solid 15px #bf242f;
	padding-bottom:100px;
	
}

#flow{
	padding-top:120px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: center top;
	
}

#flow h2{
	padding-bottom:100px;
}

#flow h3{
	font-size:20px;
	font-size:2.0rem;
	padding-bottom:100px;
}

#flow .flowstep{
	width:700px;
	padding-top:150px;
	padding-left:260px;
	margin:0px auto 0 auto;
	background-image: url(../images/flow_line.png);
	background-repeat: repeat-y;
	background-position: 330px top;
	overflow:hidden;
}

#flow #first_flowstep{
	padding-top:0px;
	
}

#cnt_flowstep{

}


#flow .flowstep h4{
	padding-right:30px;
	float:left;
}
#flow .flowstep h4 img{
	vertical-align:bottom;
}

#flow .flowstep h5{
	font-weight:bold;
}

#flow .flowstep h5 span{
	color:#ff0000;
}

#flow .flowstep div{
	text-align:left;
	padding-top:30px;
	margin-right:20px;
	font-size:12px;
	font-size:1.2rem;
	float:left;
}







/*
	media style----------------------------------
*/


#wrap_media{
	border-top:solid 15px #bf242f;
	padding-bottom:100px;
	
}

#media{
	padding-top:120px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: center top;
	
}

#media h2{
	padding-bottom:100px;
}

#media div{
	padding-bottom:100px;
}







/*
	contact style----------------------------------
*/


#wrap_contact{
	border-top:solid 15px #bf242f;
	padding-bottom:100px;
	
}

#contact{
	padding-top:120px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: center top;
	
}
#contact h2{
	padding-bottom:100px;
}



#contact_cap{
	width:940px;
	margin:-189px auto 0 auto;
	text-align:right;
}

#conatact_cap img{
}

#contact .contact_table{
	text-align:left;
	width:850px;
	padding:20px 0;
	margin:0px auto 40px auto;
	background-color:#eeeeee;
}


#contact .contact_table table{
	overflow:hidden;
}

#contact .contact_table caption{
	text-align:left;
	padding-left:20px;
	width:130px;
	float:left;
}

#contact .contact_table caption span{
	color:#ff0000;
}

#contact .contact_table tbody{
	width:700px;
	float:right;
	border:none;
	
}

#contact .contact_table th{
	text-align:left;
	width:150px;
}

#contact .contact_table td{
	text-align:left;
	width:550px;
}


#groupsite h3,
#groupsite p{
	display:inline-block;
	margin:10px 5px;
}


#form_btn{
	margin:40px auto;
}

#form_btn a {
	background: #a9e3de;
	border-radius: 9999px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 250px;
	padding: 20px 50px;
	font-family: "Noto Sans Japanese";
	font-size:14px;
	color: #064a5b;
	line-height: 1.8;
	text-decoration: none;
	transition: 0.3s ease-in-out;
	font-weight: 500;
}
#form_btn a:hover {
	background: #117c96;
	color: #ffffff;
}
#form_btn a:after {
	content: '';
	width: 5px;
	height: 5px;
	border-top: 3px solid #117c96;
	border-right: 3px solid #117c96;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 50%;
	right: 20px;
	border-radius: 1px;
	transition: 0.3s ease-in-out;
}
#form_btn a:hover:after {
	border-color: #ffffff;
}


/*
	footer style----------------------------------
*/


#ft{
	padding-bottom:100px;
	
}




/*
	fixed banner style----------------------------------
*/

#to_form{
	bottom:0;
	right:0;
	position:fixed;
	background-color:#ffffff;
	display:none;
}

#to_form img{
	vertical-align:bottom;
}





@media screen and (max-width: 896px) {

/*
	fixed banner style----------------------------------
*/

#to_form{
}

#to_form img{
}





}