@charset "utf-8";


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 全般設定
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body {
	padding : 0 0 0 0;
	font-family : "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif, Arial,Helvetica;
	font-size:16px;
	line-height: 1.8em;
	color:#000000;
	-webkit-text-size-adjust: 100%;
}
#wrapper {
	width : 100%;
	margin:auto;
	overflow:hidden;
}
a {
	color:#000000; 
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}



/* ヘッダー
------------------------------------------*/
#header{
	width:100%;
	background:url(../img/common/back_bar.png) top center repeat-x;
	padding-bottom:20px;
}
#header h1{
	font-size:11px;
	line-height:1.2em;
	padding-top:5px;
	margin-bottom:25px;
}

.header_inner{
	width:1050px; 
	margin:auto;
	padding-top:10px;
}
.waku_tdb{
	width:100px;
	float:right;
	margin-left:40px;
}
.h_logo{float:left;}

.h_info{
	float:right;
	margin-bottom:15px;
	font-size:12px;
	line-height:1.2em;
}
.tdb_dammy{
	width:100px;
	height:100px;
}


	@media screen and (max-width: 768px) {
		#wrapper {position:relative;}
		.waku_tdb{
			position:absolute;
			left:0;
			bottom:100px;
		}
		
		#header h1{
			padding:5px 5% 0;
			margin-bottom:0;
		}
		.header_inner{
			width:100%; 
		}
		.h_logo{
			float:none;
			text-align:center;
			margin-bottom:10px;
		}
		.h_info{display:none;}
		
	}

	@media screen and (max-width: 640px) {
		.waku_tdb{
			width:100%;
			margin:0;
			position:absolute;
			left:0;
			bottom:85px;
		}
		.tdb_dammy{
			width:160px;
			margin:auto;
		}
	}




/*  ページトップへ */
#pageTop{
	position:fixed;
	bottom:80px;
	right:20px;
	}


/* フッター
------------------------------------------*/
#footer{
	width:100%;
	text-align:center;
	margin-top:100px;
}
#footer ul{
	width:1050px;
	margin:auto;
}
#footer li{
	display:inline;
	font-size:13px;
	line-height:1.2em;
	border-right:solid 1px #000000;
	padding:0 15px;
}
#footer li:last-child{
	border-right:none;
}
.f_info{
	display:none;
	font-size:13px;
	line-height:1.8em;
	margin-bottom:40px;
}
.copy {
	width:100%;
	background:url(../img/common/back_bar.png) center top no-repeat;
	text-align:center;
	font-size:11px;
	padding:10px 0 5px;
	margin-top:15px;
}
.copy p {
	width:1050px;
	margin:auto;
}


@media screen and (max-width: 768px) {
	#footer ul{width:90%;}
	.copy p {width:100%;}
	#footer ul{display:none;}
	.f_info{ display:block; margin-left:60px;}
	.f_info span{display:inline-block;}
	.f_info img{margin-bottom:10px;}
}

	@media screen and (max-width: 640px) {
		.f_info{
			margin-bottom:150px; margin-left:0;
		}
	}





/* トップページ
------------------------------------------*/

/* トップのスライダー */
#slider{
	width:1250px;
	margin:0 auto 80px;
	position:static;
}
	@media screen and (max-width: 768px) {
		#slider{
			width:100%;
			margin:0 auto 60px;
		}
	}

.ttl_serif{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:23px;
	font-weight:bold;
	text-align:center;
	margin:20px auto;
	width:1050px;
	text-decoration:underline;
}
	@media screen and (max-width: 768px) {
		.ttl_serif{width:90%;}
	}
	@media screen and (max-width: 640px) {
		.ttl_serif{
			font-size:18px;
			line-height:1.4em;
		}
	}

.waku_gyomu{
	width:100%;
	padding-top:90px;
	margin-bottom:5px;
}
.waku_in{
	width:1110px;
	height:399px;
	margin:auto;
}
.waku_in_r{
	padding-left:585px;
	width:525px;
	height:399px;
	margin:auto;
}
.waku_in_k{
	width:1110px;
	height:600px;
	margin:auto;
}

.bg01{background:url(../img/top/back_top_01.png) center top no-repeat;}
.bg02{background:url(../img/top/back_top_02.png) center top no-repeat;}
.bg03{background:url(../img/top/back_top_03.png) center top no-repeat;}
.bg04{background:url(../img/top/back_top_04.png) center top no-repeat;}
.bg05{background:url(../img/top/back_top_05.png) center top no-repeat;}
.bg_kyujin{
	width:100%;
	background:url(../img/top/back_top_06.png) center top no-repeat;
}
.bg07{background:url(../img/top/back_top_07.png) center top no-repeat;}

.menu_ttl{margin-left:30px;}

.capt{
	background:url(../img/top/back_hisi1.png) left top no-repeat;
	width:420px;
	height:168px;
	padding:50px 50px 0;
	font-size:20px;
	line-height:1.5em;
	margin-top:20px;
}

.capt2{
	background:url(../img/top/back_hisi2.png) left top no-repeat;
	width:495px;
	height:118px;
	padding:25px 50px 0;
	font-size:20px;
	line-height:1.5em;
	text-align:center;
	margin:20px auto;
}

ul.koe{ width:100%;}
ul.koe li{
	float:left;
	width:45%;
	margin:0 2.5%;
}
	@media screen and (max-width: 768px) {
		.waku_gyomu{
			padding:30px 0;
		}
		.waku_in{
			width:90%;
			height:auto;
		}
		.waku_in_r{
			padding-left:0;
			width:90%;
			height: auto;
		}
		.waku_in_k{
			width:90%;
			height:auto;
			margin:auto;
		}

		.bg01{background-position:bottom center; background-size: auto 100%;}
		.bg02{background-position:left center; background-size: auto 100%;}
		.bg03{background-position:left center; background-size: auto 100%;}
		.bg04{background-position:left center; background-size: auto 100%;}
		.bg05{background-position:right center; background-size: auto 100%;}
		.bg07{background-position:right center; background-size: auto 100%;}
		.bg_kyujin{background-size: auto 100%;}


		.menu_ttl{margin-left:5%; width:95%; }
		.capt{
			width:100%;
			padding:50px 50px;
			background-size:100% 100%;
			height: auto;
			text-align: left;
		}
		.capt br{ display:none;}
		.capt2{
			width:100%;
			height: auto;
			padding:25px 50px;
			text-align:left;
			background-size:100% 100%;
		}
		.capt2 br{ display:none;}
	}
		@media screen and (max-width: 640px) {
			.menu_ttl{margin-left:0; width:100%; text-align:left;}
			.menu_ttl img{
				width:auto;
				max-height:54px;
			}
			.capt ,.capt2{
				padding:30px 30px;
				font-size:16px;
				line-height:1.5em;
			}
			.bg_kyujin{background-position:60% center;}
			ul.koe li{
				float: none;
				width:90%;
				margin:0 auto 10px;
			}
		}



.access{
	width:1050px;
	margin:30px auto;
}
.access br.ac{display:none;}
.ac_info{width:100%; margin-bottom:40px;}
.ac_info li{
	width:50%;
	float:left;
}
	@media screen and (max-width: 768px) {
		.access{width:90%;}
	}

	@media screen and (max-width: 640px) {
		.access{
			font-size:14px;
			line-height:1.5em;
		}
		.access br.ac, .access span{display:inline-block;}
		.ac_info li{
			width:100%;
			float: none;
			margin-bottom:10px;
			text-align:center;
		}
	}




/* 共通
------------------------------------------*/
.contents{
	width:1050px;
	margin:30px auto;
}
.pc{}
.sp{display:none;}

	@media screen and (max-width: 768px) {
		.contents{width:90%;}
	}
		@media screen and (max-width: 640px) {
			.contents{
				font-size:14px;
				line-height:1.8em;
			}
			.pc{display:none;}
			.sp{display:block;}
		}



/* 業務案内
------------------------------------------*/
.ttl_work{
	width:100%;
	height:174px;
	padding-top:85px;
	background:url(../img/work/back_work.png) center top no-repeat;
	text-align:center;
/*	color:#ffffff; */
}
.ttl_sub{
	width:100%;
	background:url(../img/work/w_ttl01_kei.jpg) center repeat-x;
	text-align:center;
	margin-bottom:20px;
}
.work_txt{
	float:left;
	/*width:47%;
	max-width:490px;*/
	width:57%;
	max-width:560px;
	margin-bottom:20px;
}
.work_img{
	float:right;
	/*width:50%;*/
	width:40%;
	text-align:center;
	/*max-width:525px;*/
}
.w_space{
	clear:both;
	height:80px;
}

#w01, #w02, #w03, #w04, #w05, #w06, #w07{padding-top:20px;} 

	@media screen and (max-width: 768px) {
		.ttl_work{
			height: auto;
			padding:20px 5%;
		}
		.work_txt,
		.work_img{
			float:none;
			width:100%;
			max-width:100%;
		}
	}
		@media screen and (max-width: 640px) {
			.ttl_sub img{max-height:43px; width:auto;}
			.ttl_work{
				font-size:14px;
				line-height:1.5em;
			}
			.work .w_space{height:60px;}
		}


.b_kaitai{
	font-size:20px;
	font-weight:bold;
	color:#333333;
	border-bottom:solid 1px #333333;
	margin-bottom:20px;
}
table.kaitai_ore{
	width:100%;
	max-width:490px;
	margin-top:20px;
}
table.kaitai_ore th{
	text-align:center;
	line-height:1.2em;
	color:#ffffff;
	font-weight:bold;
	width:180px;
	background-color:#EF8767;
	border:solid 1px #888888;
}
table.kaitai_ore td{
	border:solid 1px #888888;
	padding:15px;
}

table.kaita_gree{
	width:100%;
	margin-top:15px;
}
table.kaita_gree th{
	text-align:center;
	font-weight:bold;
	background-color:#00A99D;
	border:solid 1px #888888;
	padding:8px 0;
}
table.kaita_gree td{
	text-align: left;
	border:solid 1px #888888;
	padding:8px;
}
table.kaita_gree td:last-child{
	width:5em;
}
	@media screen and (max-width: 640px) {
		table.kaita_gree{
			font-size:13px;
			line-height:1.3em;
		}
	}



.nagare1{width:100%;}
.nagare1 li{float:left; width:50%;}

.nagare2{width:100%;}
.nagare2 li{float:left;}
.nagare2 li:first-child{ width:51.4%;}
.nagare2 li:last-child{width:48.57%;}

	@media screen and (max-width: 640px) {
	  .nagare1{width:100%;}
	  .nagare1 li{float:none; width:90%; max-width:525%;}
	  .nagare2 li{float: none;}
	  .nagare2 li:first-child{width:90%;	max-width:540px;}
	  .nagare2 li:last-child{width:90%; max-width:510px;}
	}











/* 求人情報
------------------------------------------*/
.ttl_rec{
	width:100%;
	height:174px;
	padding-top:85px;
	background:url(../img/recruit/back_recruit.png) center top no-repeat;
	text-align:center;
}
	@media screen and (max-width: 768px) {
		.ttl_rec{
			height: auto;
			padding:20px 5%;
		}
	}

.r_navi{
	width:100%;
	background:url(../img/recruit/back_recruit01.jpg)  center top no-repeat;
	margin:10px auto 60px;
	text-align:center;
	padding-top:240px;
}
.r_lead{
	width:668px;
	margin:20px auto 220px;
	padding:20px 40px;
	background:url(../img/recruit/copy_recruit_02.png) no-repeat;
	background-size:100% 100%;
	font-size:20px;
	line-height:1.8em;
	
}

ul.r_senpai{
	width:100%;
	max-width:1050px;
	margin:auto;
	}
ul.r_senpai li{
	float:left;
	width:45%;
	margin:0 2.5%;
}

	@media screen and (max-width: 768px) {
		.r_navi{
			padding:40px 3%;
			background-size:100% auto;
		}
		.r_lead{
			width:94%;
			max-width:668px;
			padding:40px 3%;
			font-size:18px;
			margin-bottom:120px;
		}
	}
		@media screen and (max-width: 640px) {
			.r_navi{
				padding:30px 3%;
				background-size: cover;
			}
			.r_lead{
				font-size:14px;
				line-height:1.5em;
				text-align:left;
				background:url(../img/recruit/copy_recruit_02_sp.png);
				padding:20px 3%;
				margin-bottom:40px;
			}
			ul.r_senpai li{
				float: none;
				width:80%;
				text-align:center;
				margin:0 auto 20px;
			}
			#ke01, #ke02{padding-top:0px;}

		}



.voice01{
	width:100%;
	background:url(../img/recruit/back_recruit02.jpg) center top no-repeat;
	padding-top:520px;
}
.voice02{
	width:100%;
	background:url(../img/recruit/back_recruit03.jpg) center top no-repeat;
	padding-top:520px;
}

.voice03{
	width:100%;
	background:url(../img/recruit/back_recruit08.jpg) center top no-repeat;
	padding-top:520px;
}
.voice04{
	width:100%;
	background:url(../img/recruit/back_recruit09.jpg) center top no-repeat;
	padding-top:520px;
}

.voice_inn{
	width:980px;
	margin:auto;
	background:url(../img/recruit/back_voice.png) left top no-repeat;
	border:solid 1px #cccccc;
	padding:57px 35px 40px;
	margin-bottom:40px;
}

.v_txt_l{
	float:left;
	width:50%;
	max-width:490px;
	margin-bottom:20px;
}
.v_txt_r{
	float:right;
	width:50%;
	max-width:490px;
	margin-bottom:20px;
}
.v_img_l{
	float:left;
	width:46%;
	max-width:455px;
	margin-bottom:20px;
}
.v_img_r{
	float:right;
	width:46%;
	max-width:455px;
	margin-bottom:20px;
}
.voice_q{
	font-size:22px;
	color:#080854;
	font-weight:bold;
	margin-bottom:15px;
}

	@media screen and (max-width: 768px) {
		.voice01,.voice02,.voice03,.voice04{
			background-size:contain;
			padding-top:300px;
		}
		.voice_inn{
			width:90%;
			padding:30px 5%;
		}
		.voice_q{
			font-size:20px;
		}

	}

		@media screen and (max-width: 640px) {
		.voice01,.voice02,.voice03,.voice04{
			background:none;
			padding-top:0;
		}
			.voice_inn{
				width:90%;
				margin:0 auto 40px;
				background:none;
				border:none;
				padding:0;
				border-bottom: dotted 2px #999;
			}
			.v_txt_l, .v_txt_r, .v_img_r, .v_img_l{
				float:none;
				width:100%;
				max-width:100%;
				font-size:90%;
				line-height:1.5em;
			}
			.voice_q{
				font-size:15px;
				margin-bottom:10px;
			}
			.v_name .s01{
				font-size:20px;
				line-height:1.4em;
				color:#080854;
				font-weight:bold;
				margin-bottom:5px;
			}
			.v_name .s02{
				font-weight:bold;
				margin-bottom:10px;
			}
		
		}


.ttl_bosyu{
	font-size:120%;
	font-weight:bold;
	margin-top:60px;
}
table.bosyu{
	width:100%;
	font-size:18px;
	line-height:1.5em;
	color:#534741;
}
table.bosyu th,
table.bosyu td{
	padding:15px 30px;
	border-bottom:solid 1px #CBCBCB;
	vertical-align:top;
}
table.bosyu th{
	width:200px;
	font-weight:bold;
}

.waku_info{
	width:100%;
	height:250px;
	padding-top:170px;
	background:url(../img/recruit/back_recruit07.jpg) center top no-repeat;
	font-size:20px;
	line-height:1.6em;
	text-align:center;
	color:#ffffff;
	margin-top:100px;
	margin-bottom:40px;
}
	@media screen and (max-width: 768px) {
		table.bosyu{
			font-size:16px;
			line-height:1.5em;
		}
		.waku_info{
			height: auto;
			padding-bottom:40px;
			font-size:18px;
		}


	}
		@media screen and (max-width: 640px) {
			.waku_info{
				padding-top:120px;
				padding-left:2.5%;
				padding-right:2.5%;
				margin-top:50px;
				background-position: center -50px;

			}
			.waku_info p:first-child{
				text-align:left;
			}

			.ttl_bosyu{
				font-size:110%;
				color:#080854;
			}
			table.bosyu{border-top:solid 1px #CBCBCB;}
			table.bosyu th,
			table.bosyu td{
				width:100%;
				display:inline-block;
				font-size:95%;
			}
			table.bosyu th{
				border-bottom:none;
				padding:8px 0 0 ;
			}
			table.bosyu td{
				padding:0 0 8px 1em;
			}
		}

#ke01, #ke02{padding-top:20px;}





/* 会社案内
------------------------------------------*/
.ttl_company{
	width:100%;
	height:174px;
	padding-top:85px;
	background:url(../img/company/back_company.png) center top no-repeat;
	text-align:center;
}
.greeting{
	font-size:24px;
	line-height:1.6em;
	color:#333333;
	font-weight:bold;
	margin-bottom:15px;
}
table.gaiyou{
	width:100%;
	font-size:18px;
	line-height:1.5em;
	color:#333333;
	border-top:solid 1px #CBCBCB;
}
table.gaiyou tr{border-bottom:solid 1px #CBCBCB;}
table.gaiyou th,
table.gaiyou td{
	padding:15px 30px;
	vertical-align:top;
}
table.gaiyou th{
	width:120px;
	font-weight:bold;
}
	@media screen and (max-width: 768px) {
		.ttl_company{
			height: auto;
			padding:20px 5%;
		}
		.ttl_company span{display:inline-block;}
		.greeting{
			font-size:19px;
			line-height:1.4em;
		}
		table.gaiyou{
			font-size:14px;
			line-height:1.4em;
		}
		table.gaiyou th,
		table.gaiyou td{
			display:inline-block;
			width:100%;
			padding:10px 0;
		}
		table.gaiyou th{padding-bottom:0;}
		table.gaiyou td{padding-left:1em;}
		table.gaiyou td span{ display:inline-block;}

	}


/* お問い合わせ
------------------------------------------*/
.ttl_contact{
	width:100%;
	height:174px;
	padding-top:85px;
	background:url(../img/contact/back_contact.png) center top no-repeat;
	text-align:center;
}
.bnnr_muryo{
	width:100%;
	height:230px;
	padding-top:85px;
	background: url(../img/contact/back_free.png) center top no-repeat;
	text-align:center;
	color:#ffffff;
	font-size:20px;
	line-height:1.5em;
	margin:10px 0;
}
	@media screen and (max-width: 768px) {
		.ttl_contact{
			height: auto;
			padding:20px 5%;
			font-size:95%;
		}
		.bnnr_muryo{
			width:100%;
			height: auto;
			padding:30px 5%;
			background-size:auto 100%;
			font-size:18px;
		}
	}
		@media screen and (max-width: 640px) {
			.bnnr_muryo{
				text-align:left;
			}
		}
.mail_cap{
	text-align:center;
	margin-bottom:40px;
}


table.mailform{
	width:100%;
	border-top:solid 1px #cccccc;
	margin-bottom:20px;
}
table.mailform tr{
	border-bottom: solid 1px #cccccc;
}
table.mailform th,
table.mailform td{
	padding:10px 20px ;
	vertical-align:top;
}
table.mailform th{
	background-color:#f1f1f1;
	width:200px;
}
.length_l{
	width:95%;
	padding:8px 5px;
	border: solid 1px #ABABAB;
}
.naiyou{
	padding:8px;
	width:95%;
	height:200px;
}
.btn{
	background: url(../img/contact/btn_sousin.png);
	width:254px;
	height:54px;
	border:0px solid;
	cursor:pointer;
}
.btn:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

	@media screen and (max-width: 768px) {
		.mail_cap{font-size:90%;}
		table.mailform span{display:inline-block;}
	}


	@media screen and (max-width: 640px) {
		.mail_cap{text-align:left; margin-bottom:20px;}
		table.mailform th{
			display:inline-block;
			width:100%;
			padding:5px 5% ;
		}
		table.mailform td{
			display:inline-block;
			width:100%;
			padding:10px 0 15px;
		}
		.length_l{ width:100%;padding:8px 2.5%;}
		.naiyou{ width:100%; padding:8px 2.5%;}
	}



@media print{
#wrapper {
	overflow:visible;
}
}