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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video{
		 margin:0;
		 padding:0;
		 border:0;
		 font-size:100%;
		 font:inherit;
		 vertical-align:bottom;
		 text-decoration:none;
		 list-style-type:none;
		 line-height:170%;
		 }
		 
body{
	color:#211d1a;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size:100%;
	letter-spacing:1.3;
	background:#ED6E00;
	color:#FFFFFF;
	}
	
	
.overflow{
	overflow:hidden;
	}
	
.left{
	float:left;
	}
	
.right{
	float:right;
	}
	
.center{
	text-align:center;
	}
	
.clear{
	clear:both;
	}

	
	
.mt20{
	margin-top:20px;
	}
	
.mr150{
	margin-right:150px;
	}
	
.w50{
	width:50%;
	}
	
.w55{
	width:55%;
	}

.pb0{
	padding-bottom:0;
	}
	
.f80{
	font-size:80%;
	}
	
.f90{
	font-size:90%;
	}

#top_contents{
	width:100%;
	background:url(../img/obj.png) no-repeat left bottom;
	}

.contents_black{
	width:100%;
	background:#181B1E;
	color:#FFFFFF;
	}

#wrapper{
	overflow:hidden;
	min-width:1200px;
	}
	
.wrap {
  margin: 0 auto;
  padding: 80px 0;
  max-width: 1200px;
  }
  
  

  /* ------------------------------------------------------------------- */
/* TOP */
/* ------------------------------------------------------------------- */
  
	
/* 　    　　ヘッター　　   　 */

	
#header{
	width:100%;
	background:	url(../img/mainvisual_bg.png) repeat-x;
	padding:20px 0;
	}
	
#header_inner{
	width:1050px;
	margin:0px auto;
	overflow:hidden;
	}

	
#headerinner_right{
	width:550px;
	float:right;
	}
	
#headerinner_left{
	margin-top:10px;
	float:left;
	}
	

#header span{
	font-size:29px;
	letter-spacing: 0.05em;
	}
	
#header p{
	font-size:80%;
	}
	
.tel img,.infotel img{
	vertical-align:6px;
	}
	



/* 　    　　ナビゲーション　　   　 */
	
#nav{
	width:100%;
	overflow:hidden;
	font-size:17px;
	font-weight:500;
	}
	
#nav p{
	font-size:10px;
	}
	
#nav li{
	float:left;
	width:20%;
	text-align:center;
	}

	
.navlast{
	float:left;
	width:14.218%;
	text-align:center;
	}
	
.navin{
	padding:10px 0;
	}
	

.navspace{
	margin-top:-50px;
	padding-top:50px;
	}

.menu > ul > li a {
  text-decoration: none;
  color:#3A3A3A;
  }
		
.menu > ul > li a:hover {
  text-decoration: none;
  display: block;
  background:#000000;
  color:#FFFFFF;
  }

.menu > ul > li.active a {
  text-decoration: none;
  display: block;
  background:#b0b0b0;
  color:#FFFFFF;
}

.inner{
	margin:0 auto;
	padding:20px 0 50px;
	width:1050px;
	}



#mainvisual{
	background:url(../img/mainvisual_bg.png) repeat-x;
	height:550px;
	text-align:center;
	}
	
#mainvisual img{
	padding:120px 0 0;
	vertical-align:middle;
	}

#titlebox{
	background:#000000;
	text-align:center;
	margin:0;
	padding:0;
	}
	
.titlename{
	width:1050px;
	margin:0 auto;
	padding:30px 0 40px;
	text-align:left;
	font-size:30px;
	font-weight:bold;
	}
	
.titlename span{
	font-size:14px;
	vertical-align:middle;
	}


.title{
	font-size:35px;
	font-weight:bold;
	margin:10px 0 30px;
	line-height:90%;
	}
	
.title span{
	font-size:14px;
	padding:10px 0;
	}

.copy{
	margin:50px 0 60px 0;
	}
	


	
/* 　    　　実績紹介　　   　 */	

.workbox{
	margin:20px 0 30px;
	}

.w93{
	margin:0 93px;
	}
	
.content {
    position:relative;
	margin-top:20px;
	margin-bottom:20px;
    width:288px;
    height:198px;
    overflow:hidden;
	float:left;
}

.contentpage {
    width:288px;
	float:left;
}

.caption1 {
    position:absolute;
    left:0;
    top:150px;
    background-color: rgba(0, 0, 0, 0.6);
    color:#fff;
    padding:10px;
    width:288px;
    height:198px;
}
.caption2 {
    position:absolute;
    left:0;
    top:0;
    display:none;
    color:#fff;
    text-align:center;
    width:288px;
    height:198px;
}
.captionpage {
	background:#000000;
    color:#fff;
    text-align:center;
    width:288px;
}


.link {
    width:288px;
    height:138px;
    display:inline-block;
    margin:0;
	padding:53px 0 0;
	background:hsla(0,0%,0%,0.65);
    color:#fff;
    text-decoration:none;
	vertical-align:middle;
}

.ooh{
	color:hsla(0,0%,100%,0.59);
	font-size:30px;
	font-weight:bold;
	}
	
/* 　    　　contact　　   　 */
#bottom_contact{
	overflow:hidden;
	}
	
#bottom_contact div{
	float:left;
	width:415px;
	padding:0 30px;
	margin:30px;
	}


/* table
---------------------------------------------------- */
.tbl_cmn{
	margin: 5px 0 40px 0;
	width: 100%;
	border-collapse: collapse;
}

.tbl_cmn a{
	color:#FFFFFF;
	text-decoration:underline;
}
.tbl_cmn th,
.tbl_cmn td{
	padding: 12px 10px;
	border: 1px solid #CCC;

}

.tbl_cmn th{
	text-align: center;
	border-right: none;
	width:200px;
	vertical-align:middle;
}

.tbl_cmn td{
	text-align:left;
	}	



/*    お問い合わせ   */

.formaddress{
	font-size:27px;
	font-weight:800;
	margin:60px 0 30px;
	}
#infobox{
	margin:50px 0 80px;
	}


.infothanks{
	width:800px;
	border:1px solid #FFFFFF;
	padding:20px;
	margin:0 auto;}


.infotel,.infomail{
	width:450px;
	border:1px solid #FFFFFF;
	padding:23px 20px 20px;}
.infotel{
	margin-right:66px;
	padding-bottom:12px;
	}	
.infotel span,.infothanks span{
	font-size:36px;
	letter-spacing: 0.05em;	}
	
.info{
	font-size:18px;
	font-weight:800;
	margin-bottom:10px;
	}
	
.infotel img,.infothanks img{
	vertical-align:12px;}

/*　 form　　*/



#formbox{
	padding:30px;
	}


.formTable{
	margin: 5px 0 40px 0;
	padding:20px;
	width: 100%;
	border-collapse: collapse;
	border:1px solid hsla(0,0%,100%,0.38);
}


.formTable label {

  margin: 3px 0 5px 0;
  display: block;
  }


.formTable th,
.formTable td{
	padding: 12px 10px;
	border-bottom: 1px solid hsla(0,0%,100%,0.38);

}

.formTable th{
	text-align:left;
	width:200px;
	font-size:95%;
	font-weight:normal;
	vertical-align:middle;
}

.formTable td{
	text-align:left;
	border-left: 1px dotted hsla(0,0%,100%,0.38);

	}
.formTable td p{
	margin:5px 0;
	}

.formTable .more{
	background: #FBFBFB;
	text-align:center;
}

.formTable a{
	text-decoration:underline;
	color:#FFFFFF;
	}

.hisu{
	background:#e04343;
	border:1px solid #969696;
	text-align:center;
	font-size:11px;
	padding:5px 5px 3px;
	display: inline-block;
	line-height:1;
	margin-top:0.3rem;
	}


input[type="radio"]{
    -webkit-appearance: none;
    width: 13px;
    height: 13px;
    border: 2px solid #D7DCE1;
    cursor: pointer;
}
input[type="radio"]:checked{
    background: #ED6D00;
    border-color: #ED6D00;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);
	border:none;
}

input[type="submit"],
input[type="button"]{
    color: #FFFFFF;
    background: transparent;
    border:1px solid;
    display: inline-block;
    font-size: 1.0rem;
    text-align: center;
    padding: 0.5rem 1rem;
    min-width: 20rem;
    font-weight: bold;
    letter-spacing: .05;
    cursor: pointer;
}
input[type="submit"]:hover{
}
input[type="submit"][disabled="disabled"]{
    background-color: #eee;
    border-color: #bbb;
    color: #888;
}

/* 　    　　フッター　　   　 */

footer{
	width:100%;
	background:#000000;
	color:#FFFFFF;
	overflow:hidden;
	}
		
footer span{
	border:1px solid #000000;
	}
	
#footer_inner{
	padding:20px 0;
	width:1200px;
	overflow:hidden;
	margin:0 auto;
	font-size:90%;
	text-align:left;
	}
	
#footer_inner img{
	margin-bottom:5px;
	}	

#copy{
	background:#575757;
	color:#FFFFFF;
	text-align:center;
	font-size:80%;
	padding:10px 0;
	}
	span.hoverBox a{
    line-height:54px;
}
#work_content{
	width: 1050px;
	height: 2530px;
	margin: 60px 0;
}
.work_box{
	width: 1050px;
	height: 290px;
	margin-bottom: 35px;
}
.wb_left{
	width: 340px;
	height: 290px;
	margin-right: 15px;
	float: left;
}
.wb_right{
	width: 340px;
	height: 290px;
	float: left;
}
.wb_top{
	width: 340px;
	height: 240px;
	margin-bottom: 15px;
}
.wb_bottom_1{
	width: 340px;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.wb_bottom_2{
	width: 340px;
	height: 35px;
	line-height: 17.5px;
	text-align: center;
}