@charset "UTF-8";
/****************************************************************************
	body設定
*****************************************************************************/
body{
	color: #4d4d4d;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 30px;
	text-align: center;
	overflow-wrap : break-word;
	background-image: url(../img/common/body_back.png);
	 
}


h2,h3,h4{text-align: left;}

a {color: #4d4d4d;
	text-decoration:none;
	}
a:hover {
	color: #4d4d4d;
	text-decoration:underline;
	}
img {
	margin: 0  ;
	padding: 0;}

#container{
	width:100%;
	margin: 0 auto ;
	padding: 0;
	text-align: center;
	
}

/****************************************************************************
	コンテンツ設定
*****************************************************************************/

/*	ヘッダー
----------------------------------------------------------------------------*/
#header{
	margin: auto;
	padding:  0;
	background-image: url(../img/common/head_back.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
}
#header_in {
	width: 1210px;
	margin: auto;
	padding: 15px 0 30px 0;
}
#head_logo {
	width:557px;
	float: left;
	margin:0 23px 0 60px ;
	text-align: left;
	}
#head_tel {
	width:377px;
	float: left;
	margin:0 23px 0 0 ;
	text-align: left;
	}
#head_mark {
	width:160px;
	float: right;
	margin:5px 10px 0 0 ;
	text-align: center;
	}
h1{
	width: 920px;
	paddning: 0 0 0 0;
	margin: 0 0 0 60px;
	font-size: 12px;
	height: 35px;
	text-align: left;
}

.pc{display:inline;}
.sm{display:none;}

/*	グローバルナビ
----------------------------------------------------------------------------*/

.navi {
	background-image: url(../img/common/navi_back.png);
	background-repeat: repeat-x;
	margin:  0  ;
	padding: 0;
}
.navi ul:before, .navi ul:after{
	content: "";
	display: table;
}
.navi ul:after{
  clear: both;
}

.navi ul {
	width: 1214px;
	margin: auto;
	border-left: 2px solid #fff;
	
}
.navi li{
	float: left;
	width: 200px;
	height: 70px;
 
}
.navi li img {
		width: 100%;
		height: auto;
	}
.navi li a {
	margin: 0;
  	padding:  0 ;
	border-right: 2px solid #fff;
	text-decoration: none;
	display: block;
}
.navi li  a:hover{
	background-color: #f7b52c;
	text-decoration: none;
}

.home .navi .top a {background-color: #f7b52c;}
.business .navi .biz a {background-color: #f7b52c;}
.achievement .navi .arch a {background-color: #f7b52c;}
.company .navi .comp a {background-color: #f7b52c;}
.recruit .navi .recru a {background-color: #f7b52c;}
.contact .navi .conta a {background-color: #f7b52c;}

/*	フッター
----------------------------------------------------------------------------*/
#footer{
	background-image: url(../img/common/foot_back.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
	border-top: 2px solid #22803b;
	padding: 11px 0 0 0;
	text-align: center;
	margin: 0 0 0 0;
	}
#footer_in {
	width: 960px;
	margin: auto;
}
#footer_logo {
	width: 451px;
	float: left:
	}	
#footer_tel  {
	margin: 36px 0 0 0;
	width: 323px;
	float: right;
}

.foot_link ul  {
	width: 930px;
	padding: 0 0 0 50px;
	margin: 80px auto 0 auto;
}
.foot_link li   {
	padding: 17px 50px 17px 22px;
	background-image: url(../img/common/foot_icon.png);
	background-repeat: no-repeat;
	background-position: left ;
	text-align: left;
	float: left;
}

#footer_copy{
	height:53px;
	font-size:14px;
	line-height:53px;
	color: #fff;
	background-color: #4d4d4d;
	padding: 0;
	text-align:center;
	}
.page_top {
	width: 90px;
	position: fixed;
	right: 20px;
	bottom: 100px;
}


/*	共通
----------------------------------------------------------------------------*/
.left {text-align: left; }
.center{text-align: center;}
.justify {
	width: 100%;
  text-align: justify;
  text-justify: inter-ideograph;
}
.clear{clear: both; overflow: hidden; margin:  auto;}
.int10 {
	text-indent:-1em;
	padding-left:1em;
}


/*	共通
----------------------------------------------------------------------------*/

#contents{
	width:1250px;
	margin:  0 auto ;
	padding: 1px 0;
	background-color: #fff;
}
.page_title {
	width: 310px;
	margin: auto;
}

.title {
	width:1075px;
	margin:10px auto 40px auto;
	padding: 15px 0 15px 35px;
	text-align:left;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	background-color: #4c4948;
	background-image: url(../img/common/title.png);
	background-repeat: repeat-y;
	background-position: left;
	text-shadow: 2px 2px 0 #000; 
	}
.breadcrumbs {
	width: 1050px;
	margin: 30px auto 10px auto;
	padding: 0;
	font-size: 20px;
	line-height: 35px;
	text-align: left;
}
.cont {
	width: 1110px;
	margin: 20px auto 50px auto;
}

.text {
	width: 1110px;
	margin: 25px auto;
	font-size: 18px;
	line-height: 29px;
	text-align: left;
}

/*　TOP
----------------------------------------------------------*/


.top_link {
	width:1140px;
	margin:60px auto 0 auto ;
	}

.top_link img {
	width: 540px;
	float: left;
	margin: 0 15px 30px 15px;
}

.top_link2 {
	width:1110px;
	margin:30px auto ;
	}

.top_link2 img {
	margin:0 0 30px 0 ;
}

.top_link3 {
	width:1144px;
	margin:30px auto ;
	}
.top_link3 img {
	width: 540px;
	float: left;
	margin: 0 15px 30px 15px;
	-webkit-box-shadow: #000 0px 1px 10px;
	-moz-box-shadow: #000 0px 1px 10px;
	box-shadow: #000 0px 1px 10px;
	behavior: url(../css/PIE.htc);
}

.top_seo {
	width: 1110px;
	margin: 30px auto;
	font-size: 18px;
	line-height: 24px;
	text-align: left;
}

/*　事業案内
----------------------------------------------------------*/
.business .head_img {
	background-image:url(../img/business/head_img.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	height: 88px;
	padding: 119px 0;
	overflow: hidden;
	margin: 0 0 0 0;
}
.biz_img  {
	width: 585px;
	float: left;
	margin: 0 45px 0 0;
}
.biz_text  {
	width: 480px;
	float: left;
	text-align: left;
	font-size: 18px;
	line-height: 29px;
	margin: 0 0 0 0;
}
.biz_subtitle {
	width: 1050px;
	margin: 20px auto;
	font-size: 20px;
	font-weight: bold;
	line-height: 35px;
	text-align: left;
}
.biz_box {
	width: 1110px;
	margin: 0 auto 60px auto;
}
.biz_box_l {
	width: 352px;
	height: 420px;
	margin: 0 27px 0 0;
	float: left;
	background-color: #efefef;
}
.biz_box_img_r {
	width: 352px;
	margin: 0 0 0 0;
	float: left;
}
.biz_box_img_l {
	width: 352px;
	margin: 0 27px 0 0;
	float: left;
}
.biz_box_r {
	width: 352px;
	height: 420px;
	margin: 0 0 0 0;
	float: left;
	background-color: #efefef;
}
.biz_box_text {
	padding: 20px;
	font-size: 18px;
	line-height: 29px;
	text-align: left;
}
.biz_box_text img {
	margin: 30px auto;
}
.biz_bnr {
	width: 1110px;
	margin: 30px auto 60px auto;
}

/*　会社案内
----------------------------------------------------------*/
.company .head_img {
	background-image:url(../img/company/head_img.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 88px;
	padding: 119px 0;
	overflow: hidden;
	margin: 0 0 0 0;
}
.comp_lead {
	margin: 10px auto 30px auto;
	font-size: 32px;
	font-weight: bold;
	line-height: 38px;
	text-align: center;

}
.comp_text {
	width: 1075pxpx;
	margin: 0 auto 50px auto;
	font-size: 18px;
	line-height: 29px;
	text-align: left;
}
.comp_name {
	font-size: 21px;
	line-height: 36px;
	text-align: right;
	margin: 10px 10px 10px 0;
}
.comp_rimen {
	width: 1050px;
	margin: 0 auto 50px auto;
	padding: 0 0 0 85px;
	font-size: 26px;
	font-weight: bold;
	line-height: 46px;
	text-align: left;
}
.comp_table {
	width: 860px;
	margin: 30px auto 50px auto;
	
}
.comp_table table {
	border-collapse: separate;
border-spacing: 20px 10px;
}
.comp_table table th {
	background-color: #a5dba7;
	width: 145px;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
	padding: 10px 15px 10px 48px;
	
}
.comp_table table td {
	font-size: 18px;
	line-height: 28px;
	text-align: left;
	padding: 10px 15px;
	border-top: 1px solid #4c4948;
	border-bottom: 1px solid #4c4948;
	
}
.comp_access {
	width: 1050px;
	margin: 30px auto;
	padding: 30px;
	background-color: #eeeeef;
}
.comp_access_name {
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 20px 0;
}
.comp_access_img {
	width: 432px;
	float: left;
	margin: 0 46px 30px 0;
	border: 1px solid #4d4d4d;
}
.comp_access_add {
	width: 500px;
	font-size: 19px;
	line-height: 36px;
	text-align: left;
	float: left;
	margin: 0 0 30px 0;
}
.comp_access_add span {
	font-size: 20px;
	font-weight: bold;
}
.comp_access_add .telfax {
	width: 210px;
	float: left;
}
.comp_access_map {
	width: 1050px;
	height: 344px;
	margin: 0 auto 10px auto;
	border: 1px solid #4d4d4d;
}
/*　実績紹介
----------------------------------------------------------*/
.achievement .head_img {
	background-image:url(../img/archive/head_img.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 88px;
	padding: 119px 0;
	overflow: hidden;
	margin: 0 0 0 0;
}
.archive_l {
	width: 515px;
	margin: 25px 80px 0 0;
	float: left;
}
.archive_r {
	width: 515px;
	margin: 25px 0 0 0;
	float: left;
}
.archive_table {
	width: 100%;
	margin: 30px auto;
	
}
.archive_table table {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
}
.archive_table th {
	width: 26%;
	padding:5px 0;
	font-size: 19px;
	line-height: 15px;
	text-align: center;
	border-right: 1px solid #333;
	}
.archive_table th span {
	font-size: 11px;
}
.archive_table td {
	padding:5px 0;
	font-size: 19px;
	text-align: center;
	border-right: 1px solid #333;
	}
.archive_table .bk_gray {
	background-color: #f2f2f2;
}
.archive_table2 {
	width: 1110px;
	margin: 30px auto 50px auto;
	text-align: right;
	font-size: 19px;
	line-height: 40px;
}
.archive_table2 table {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	display: table;
}
.archive_table2 th {
	padding:15px 60px;
	font-size: 19px;
	text-align: center;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #f2f2f2;
	}
.archive_table2 td {
	padding:15px 70px;
	font-size: 19px;
	text-align: left;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	}



/*　採用情報
----------------------------------------------------------*/
.recruit .head_img {
	background-image:url(../img/recruit/head_img.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 88px;
	padding: 119px 0;
	overflow: hidden;
	margin: 0 0 0 0;
}
.recruit_message {
	width: 1110px;
	margin: 30px auto;
	position:relative;
}
.recruit_message_text {
	font-size: 22px;
	line-height: 39px;
	color: #fff;
	text-align: left;
	position: absolute;
	right: 30px;
	top: 200px;
	height: 190px;
	width: 400px;
}
.recruit_navi {
	width: 1128px;
	margin: 30px auto 90px auto;
	font-size: 22px;
	line-height: 40px;
	text-align: center;
}
.recruit_navi img {
	width: 546px;
	margin: 40px 9px 0 9px;
}

.voice_bnr {
	width: 1110px;
	margin: 0 auto 60px auto;
}
.voice_box {
	width: 1050px;
	margin: auto;
}
.voice_box .box_l {
	width: 510px;
	margin: 0 30px 0 0;
	float: left;
}
.voice_box .box_l .voice_text  {
	width: 470px;
	margin: 0 40px 30px 0;
	font-size: 20px;
	line-height: 32px;
	text-align: left;
}
.voice_box .box_l .voice_lead {
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	text-align: left;
	padding: 0 0 0 0;
	margin: 0 0 40px 0;
	color: #000;
}
.voice_box .box_r {
	width: 510px;
	margin: 0 0 0 0;
	float: left;
}
.voice_box .box_r .voice_text  {
	width: 470px;
	margin: 0 0 40px 40px;
	font-size: 20px;
	line-height: 32px;
	text-align: left;
}
.voice_box .box_r .voice_lead {
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	text-align: left;
	padding: 0 0 0 40px;
	margin: 60px 0 40px 0;
	color: #000;
}
.voice_text p {
	margin-bottom: 1em;
}
.recruit_table {
	width: 810px;
	margin: 30px auto 50px auto;
	border-top: 1px solid #4c4948;
	border-left: 1px solid #4c4948;
}
.recruit_table table th {
	background-color: #a5dba7;
	width: 220px;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
	padding: 10px 15px 10px 15px;
	border-right: 1px solid #4c4948;
	border-bottom: 1px solid #4c4948;
	
}
.recruit_table table td {
	font-size: 18px;
	line-height: 28px;
	text-align: left;
	padding: 10px 15px;
	border-right: 1px solid #4c4948;
	border-bottom: 1px solid #4c4948;
	
}
/*　お問い合わせ
----------------------------------------------------------*/
.contact .head_img {
	background-image:url(../img/contact/head_img.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 88px;
	padding: 119px 0;
	overflow: hidden;
	margin: 0 0 0 0;
}
.contact_comm {
	width: 1110px;
	font-size: 20px;
	line-height: 31px;
	text-align: center;
	margin: 30px auto;
	}
.contact_red {
	color:#c01920;
	font-size: 14px;
	float: right;
	}
.contact_title {
	width: 975px;
	font-size: 21px;
	line-height: 32px;
	text-align: left;
	margin: 0 auto 10px auto;
	background-image: url(../img/common/foot_icon.png);
	background-repeat: no-repeat;
	background-position: left ;
	padding-left: 25px;
	}
.contact_table {
	width: 1000px;
	padding:0;
	margin:30px auto;
	}
.contact_table table {
	width:100%;
	border-top:1px solid #000;
	}
.contact_table th {
	width:240px;
	padding: 15px 10px 15px 10px;
	background-color: #a5dba7;
	font-size:19px;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #000;
	}
.contact_table td {
	padding: 11px 50px 11px 50px;
	text-align:left;
	border-bottom:1px solid #000;
	}
.submit_btn{
	width: 294px;
	margin: 50px auto 30px auto;
	font-size: 24px;
	line-height: 1em;
	padding: 20px 0;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	background-image: url(../img/contact/send.png);
	background-size: 100% 100%;
	border: none;
	display:block;
	cursor: pointer;
	}
 .submit_btn:hover{
	 filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	}
.return_btn{
	width: 294px;
	margin: 50px auto 30px auto;
	font-size: 24px;
	line-height: 1em;
	padding: 20px 0;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	background-image: url(../img/contact/return.png);
	background-size: 100% 100%;
	border: none;
	display:block;
	cursor: pointer;
	}
.return_btn:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	}
.confirm_btn{
	width: 294px;
	margin: 50px auto 30px auto;
	font-size: 24px;
	line-height: 1em;
	padding: 20px 0;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	background-image: url(../img/contact/send.png);
	background-size: 100% 100%;
	border: none;
	display:block;
	cursor: pointer;
	}
.confirm_btn:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	}
.form_style{
	width:96%; 
	height:auto; 
	padding:2% 2% ;
	vertical-align:middle; 
	font-size:16px; 
	
	}
.form_style_s{
	width:50%; 
	height:auto; 
	padding:2% 2% ;
	vertical-align:middle; 
	font-size:14px; 
	
	}
.form_style_tarea{
	width:96%; 
	height:190px; 
	padding:2% 2% ;
	font-size:14px; 
	
	}