@charset "utf-8";

/* built-in ======================================== */

*{margin:0;padding:0;vertical-align:middle;font-family:"メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;}

html{
overflow-x: hidden;
font-size: 62.5%;
}

body:not(.recruit-detail) {
  width:100%;
  background: url(../img/common/bg_list.png);
}

a:link,a:visited{font-size:18px;color:#F60;text-decoration:none;}
a:hover{font-size:18px;color:#999; text-decoration:underline;}
img {border:none; vertical-align:top;}
hr {border:0 none;clear:both;}
.clear{clear:both;}
.clearboth {clear:both;font-size:1px;height:1px;}
.red{color:red;}

.IE8 { margin-bottom: 12px;padding: 12px;background: #cc3300;}
.IE8 h2 {margin-bottom: 12px;font-size: 18px; line-height:30px;}
.IE8 pre {margin-bottom: 12px;padding: 6px;background: #CCCCCC; border: 1px solid #999999;}
.sp-only {
	display: none !important;
}
.mt20 {
  margin-top: 20px;
}
.pb30 {
  padding-bottom: 30px !important;
}
.center {
  text-align: center;
}


/* background ======================================== */

#wap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
}

/* header ======================================== */


/* ページトップへ装飾======================================== */

.nav{
	width: 100%;
	padding: 10px;
	clear:both;
	z-index:9999;
	background: #fff;
	border-bottom:1px solid #e6e6e6;
  box-sizing: border-box;
}

.nav-line{
	margin: 0 auto;
	width: 980px;
	position: relative;
	z-index:200;
	overflow: hidden;
}

#nav_left{
	width:230px;
	float:left;
}

#logo{
	width:230px;
	height:55px;
}

#logo_ichiran{
	text-align:left;
}

#nav_right{
	width:220px;
	float:right;
}

.fixed { /*ナビゲーションのcss,jsと連動*/
	position: fixed;
}

#go_back{ cursor:pointer; width:220px; height:55px;}
#go_syousai{ cursor:pointer; width:220px; height:55px;}
#go_top_ichiran{ cursor:pointer; width:220px; height:55px;}
#go_search{ cursor:pointer; width:180px; height:55px; margin-bottom: 20px;}

/* main ======================================== */
#wrap {
  text-align: center;
}
#main{
	width:980px;
	margin:50px auto 30px;
	border:1px solid #CCC;
}

#main_thanks{
	width:980px;
	margin:50px auto 30px;
	border:1px solid #CCC;
}

#main_title{
	height:55px;
	background:#0071bc;
	text-align:left;
	border-bottom:1px solid #CCC;
}

#main_title_left{
	width:800px;
	float:left;
}

#main_title_left h1{
	color:#fff;
	font-size:80%;
	line-height:55px;
	margin-left:20px;
}

#main_title_right{
	width:180px;
	float:left;
	margin-top:7px;
}

#go_form_top{ cursor:pointer; width:120px !important; height:40px !important;}
.go_form{ cursor:pointer; width:180px; height:55px;}

#go_top{ cursor:pointer; width:120px !important; height:40px !important;}
.go_top{ cursor:pointer; width:180px; height:55px;}
.go_top2{ margin-bottom:30px;}

#go_tel_div{display:none; text-align:center;}

#saraly{
	text-align:left;
	border-bottom:1px solid #CCC;
	background:#F1FCFC;
}

#saraly_left{
	width:700px;
	float:left;
}

#saraly_left p{
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	margin:5px 20px;
}

#saraly_right{
	width:280px;
	float:left;
	text-align:right;
}

#saraly_right h2{
	color:#C00;
	font-size:12px;
	line-height:20px;
	margin:5px 20px;
}

#copy{ text-align:left;}

#copy h3{
	color:#C00;
	font-size:18px;
	line-height:24px;
	margin:5px 20px;
}

#thanks{ text-align:center;}

#thanks h3{
	color:#000;
	font-size:18px;
	line-height:24px;
	margin:20px;
}

#detail{}

#detail_left{
	width:680px;
	min-height:300px;
	float:left;
	text-align:left;
}

#detail_left p{
	font-size:14px;
	line-height:20px;
	margin:10px 20px;
}

#detail_right{
	width:300px;
	float:left;
	position:relative;
}

#bottom{
	position:absolute;
	bottom:10px;

}

#copy_ichiran{
	text-align:left;
	width:980px;
	margin:30px auto 30px;
}

#copy_ichiran h1{
	/*color:#0285BB;*/
	color:#BB0712;
	font-size:18px;
	line-height:24px;
	margin:5px 20px;
}

#ichiran{
	width:980px;
	margin:50px auto;
	text-align:left;
}

#ichiran h4{
	color:#0071bc;
	font-size:18px;
	line-height:24px;
	padding:5px 0;
	border-bottom:1px dotted #0071bc;
	margin:5px 20px;
}

#ichiran p{
	font-weight:bold;
	margin:20px 30px;
}

#ichiran ul{
	margin-top:20px;
}

#ichiran li{
	float:left;
	margin-left:60px;
	list-style-type: square;
	font-weight:bold;
	color:#0071bc;
}

.search_area {
	width: 980px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto 20px;
	padding: 5px 5px 20px;
  background: #fff;
	border: 3px solid #ded6c9;
}
.search_area h4 {
	padding: 5px;
	margin-bottom: 15px;
	background: #f9f4f0;
	text-align: left;
	font-weight: normal;
	font-size: 14px;
}
.search_area ul {
  margin:0 10px;
	margin-bottom: 30px;
  text-align: left;
	overflow: hidden;
  font-size: 16px;
}
.search_area li {
	float: left;
	width: 25%;
	list-style-type: none;
}
.search_area li label {
	color: #5895d8;
}
.search_area li label span {
	color: #ff0000;
}

/*フォーム関連======================================== */
fieldset,img{border:0;}
.zeromail legend {
	display:none;
}
.wtn_copyright{display:none;}


/* pr======================================== */

#pr{
	width:980px;
	margin:20px auto;
	border-top:1px solid #ed1c24;
	border-bottom:1px solid #ed1c24;
	background:fff4f8;
	padding:5px 0;
}

#pr_left{
	width:50px;
	padding-left:20px;
	float:left;
}

#pr_img{
	width:50px;
	height:50px;
}

#pr_right{
	width:910px;
	float:left;
	text-align:left;
}

#pr_right p{
	font-size:14px;
	line-height:20px;
	margin:5px 10px;
}

/* voice======================================== */

#voice{
	width:980px;
	margin:20px auto;
	border:1px solid #f7931e;
	background:#FFEFE8;
	padding:5px 0;
}

#voice_left{
	width:300px;
	float:left;
	padding-left:10px;
}

#voice_img{
	width:300px;
	height:40px;
}

#voice_photo{
	width:300px;
	height:280px;
}

#voice_right{
	width:670px;
	float:left;
	text-align:left;
}

#voice_right p{
	font-size:14px;
	line-height:20px;
	margin:5px 10px;
}


/* oubo======================================== */

.oubo{
	width:980px;
	margin:30px auto;
	border-top:1px solid  #ccc; border-left:1px solid  #ccc; border-right:1px solid  #ccc;
	font-size:14px;
	line-height:20px;
}

.oubo th{
	background:#f0f0f0;
	font-weight:bold;
	border-right:1px solid  #ccc;
	border-bottom:1px solid  #ccc;
	padding:5px;
}

.oubo td{
	text-align:left;
	padding-left:5px;
	border-bottom:1px solid  #ccc;
	padding:5px;
}

.table_head{
	background:#ed1c24 !important;
	color:#FFF;
}

.oubo a:link,.oubo a:visited{font-size:14px;color:#F60;text-decoration:none;}
.oubo a:hover{font-size:14px;color:#999; text-decoration:underline;}

/* form======================================== */

.form{
	width:980px;
	margin:30px auto;
	border-top:1px solid  #ccc; border-left:1px solid  #ccc; border-right:1px solid  #ccc;
	font-size:14px;
	line-height:30px;
}

.form th{
	width: 15%;
	background:#f0f0f0;
	font-weight:bold;
	border-right:1px solid  #ccc;
	border-bottom:1px solid  #ccc;
	padding:5px;
}

.form td{
	text-align:left;
	padding-left:5px;
	border-bottom:1px solid  #ccc;
	padding:5px;
}
.form td.employment_pattern label {
	display: block;
}
.form td input[type="radio"],
.form td label {
	margin-right: 5px;
}

.input_size{ width:70%;}
#red{ color:#F00;}

input.blur { color: #ccc; }

/* footer======================================== */

#footer-bottom {
	background: #0068b6;
	margin-top:30px;
	color: #fff;
	width: 100%;
}

#footer-bottom_thanks {
	background: #0068b6;
	margin-top:30px;
	color: #fff;
	width: 100%;
	position: absolute;
    bottom: 0;
}

#footer-bottom_form {
	/*background: #0068b6;*/
	background: #000;
	/* margin-top:30px; */
	color: #fff;
	width: 100%;
	position: static;
    bottom: 0;
}

#footer-bottom_ichiran {
	background: #0068b6;
	margin-top:30px;
	color: #fff;
	width: 100%;
	position: absolute;
    bottom: 0;
}

/*　レスポンシブ======================================== */

@media(max-width:979px){

.sp-only {
	display: block !important;
}

.nav-line{
	width:100%;
}

.fixed { /*ナビゲーションのcss,jsと連動*/
	position:static;
}

#nav_left{
	width:100%;
	float:none;
	text-align:center;
}

#nav_right{
	width:100%;
	float:none;
	text-align:center;
}

#logo_ichiran{
	text-align:center;
}

#main{
	width:100%;
	margin:50px auto 30px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:none;
	border-right:none;
}

#main_thanks{
	width:100%;
	margin:100px auto 30px;
	border:1px solid #CCC;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:none;
	border-right:none;
}

#main_title{
	height:auto;
	padding:10px;
	background:#0071bc;
	text-align:left;
	border-bottom:1px solid #CCC;
}

#main_title_left{
	width:100%;
	height:auto;
	float:none;
}

#main_title_left h1{
	color:#fff;
	font-size:14px;
	line-height:24px;
	margin-left:auto;
}

#main_title_right{
	width:100%;
	float:none;
	height:auto;
	text-align:center;
}

#go_form_top{ cursor:pointer; width:180px !important; height:55px !important;}
#go_tel_div{ display:block;}
#go_tel_top{cursor:pointer; width:180px !important; height:55px !important;}

#go_form{
	cursor:pointer;
	width:180px;
	height:55px;
}

#saraly_left{
	width:100%;
	float:none;
}

#saraly_right{
	width:100%;
	float:none;
	text-align:right;
}

#detail_left{
	width:100%;
	float:none;
	text-align:left;
	min-height:3px;
	margin-bottom:10px;
}

#detail_left p{
	font-size:14px;
	line-height:20px;
	margin:10px 20px;
}

#detail_right{
	width:100%;
	float:none;
	position:static;
}

#bottom{
	position:static;
	padding-bottom:10px;

}

#pr{
	width:100%;
	padding:0;
}

#pr_left{
	width:100%;
	float:none;
	padding-top:5px;
	padding-left:0px;
}

#pr_right{
	width:100%;
	float:none;
}

#voice{
	width:100%;
}

#voice_left{
	width:100%;
	float:none;
	padding-top:5px;
	padding-left:0;
}

#voice_img{
	width:300px;
	height:40px;
}

#voice_right{
	width:100%;
	float:none;
}

#voice_right p{
	font-size:14px;
	line-height:20px;
	margin:5px 10px;
}

.oubo{
	width:100%;
	margin-top:50px;
	border-left:none;
	border-right:none;
}

.oubo th{
	float:left;
	width:100%;
}

.oubo td{
	float:left;
	width:100%;
}

.form{
	width:100%;
	margin-top:50px;
	border-left:none;
	border-right:none;
}

.form th{
	float:left;
	width:100%;
}

.form td{
	float:left;
	width:100%;
	text-align:center;
}

.input_size{ width:90%;}

.table_head{
	width:100%;
	display:block;
}
.recruit-detail .body-page .table-wrap .table-area table:first-child tr:last-child th,
.recruit-detail .body-page .table-wrap .table-area table:first-child tr:last-child td {
   border-bottom: 1px solid #D9D9D9;
 }

#copy{
	width:100%;
}

#copy_ichiran{
	width:100%;
}

#ichiran{
	width:100%;
}

#ichiran h4{
}

#ichiran p{
	font-weight:bold;
	margin:20px 30px;
}

#ichiran ul{
	margin-top:20px;
}

#ichiran li{
	line-height:30px;
	margin-right:30px;

}

.search_area {
	width: 100%;
}
.search_area li {
	width: 100%;
  margin-bottom: 5px;
}

#footer-bottom_form {
	position:static;
}

#footer-bottom_ichiran {
	position:static;
}


/*フォームスマホに最適化*/
input[type=text],select{width:90%; font-size:120%; padding:5px;}
input:focus,input:hover{background:#acf3ff;}
textarea{width:100%; font-size:120%; padding:5px; height:50px;}
textarea:focus,textarea:hover{height: 150px;background:#acf3ff;}
.employment_pattern label {
	text-align: left;
}
.staff_type td input[type=text] {
	width: 76%;
}
.mw_wp_form th,
.mw_wp_form td,
.mw_wp_form td input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

}


/* add 20180603 */

.btn_search {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  padding: 6px 20px;
  background: #BB0712;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
}
a.btn_back {
  padding: 6px 20px;
  background: #808080;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 2.5;
}
.content,
.contents {
  margin-top: 30px;
}
.content .page-list {
  padding: 20px 10px;
  overflow: hidden;
  box-sizing: border-box;
}
.content .page-list ul {
  width: 980px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 20px;
}
.content .page-list li {
  width: 24%;
  margin-right: 1.3333333333%;
  margin-bottom: 1.3333333333%;
  padding: 10px;
  display: block;
  float: left;
  background: #fff;
  text-align: left;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-box-shadow: 2px 2px 4px #ccc;
  -webkit-box-shadow: 2px 2px 4px #ccc;
  box-shadow: 2px 2px 4px #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.content .page-list li:nth-child(4n) {
  margin-right: 0;
}
.content .page-list li img {
  width: 100%;
  height: auto;
}
.content .page-list li:nth-child(4n) {
  margin-right: 0;
}
.content .page-list li .thumb {
  position: relative;
  margin-bottom: 15px;
  text-align: center;
  overflow: hidden;
}
.content .page-list li .thumb .department {
  position: absolute;
  display: inline-block;
  top: -10px;
  left: -85px;
  padding: 30px 0 2px;
  width: 200px;
  color: #fff;
  text-align: center;
  transform: rotate(-45deg);
}
.content .page-list li .thumb:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 15;
}
.content .page-list li .thumb:after {
  content: "詳しく見る";
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 50%;
  width: 50%;
  margin: -18px 0 0 -60px;
  padding: 3px 5px;
  text-align: center;
  color: #FFF;
  border: 1px solid #fff;
  font-size: 18px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 15;
}
.content .page-list li .post-title {
  font-size: 18px;
  margin-bottom: 5px;
  font-size: 18px;
  color: #777;
}
.content .page-list li .post-txt {
  font-size: 14px;
  color: #949494;
}
.content .page-list li a:hover .thumb:before {
  background: #000;
}
.content .page-list li a:hover .thumb:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.footerFixed {
  width: 100%;
  position: fixed;
  bottom: 0;
}

/*　レスポンシブ======================================== */

@media(max-width:979px){
  .content .page-list,
  .content .page-list ul {
    width: 100%;
  }
  .content .page-list li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .content .page-list li:nth-child(4n) {
    margin-right: 4%;
  }
  .content .page-list li:nth-child(2n) {
    margin-right: 0;
  }
  .content .page-list li .thumb:after {
    content: none;
  }
}