@charset "utf-8";
#kinshi{
	text-align:right;
	height:30px;
	line-height:30px;
	background:#fff;
	border-bottom:4px solid #ff812d;
	padding:0 10px;
}
#kinshi a{
	color:#5f99eb;
	font-size:12px;
}
.area_search{
	font-size:16px;
	text-align:center;
	white-space:nowrap;
  margin-top:-10px;
}
.area_search span{
	color:#de0000;
}
.area_search:after{
  display:block;
  transform:rotate(45deg);
	width:10px;
  height:10px;
  margin:10px auto 15px;
  border-right:2px solid #333;
  border-bottom:2px solid #333;
	content:"";
}
#top_search>img{
  margin-bottom:-30px;
}

header{
  border-bottom:0;
}
.header_top{
  width:100%;
  height:46px;
  line-height:46px;
  border-bottom:1px solid #e6e6e6;
  display:table;
  border-spacing:10px 0;
}
.header_top>*{
  width:100%;
  line-height:1.5;
  display:table-cell;
  vertical-align:middle;
  white-space:nowrap;
}
.box_b{
  width:164px;
  display:inline-block;
}
.header_top_data{
	width:100%;
  line-height:1.5;
  display:table-cell;
  vertical-align:middle; 
}
.header_top_data>p{
  font-size:10px;
}
.header_top_data>p span{
  color:#ff0000;
}
.header_top_favorite{
  float:left;
  font-size:10px;
  font-weight:bold;
  text-align:center;
  width:75px;
  height:26px;
  line-height:26px;
  background:#fffddf;
  border:1px solid #e2c86e;
  border-radius:5px;
  margin:0;
  position:relative;
  box-sizing:border-box;
}
.header_top_favorite:before{
  content:"";
  width:10px;
  height:10px;
  background:url(../images/top/icon_favorite.png) no-repeat;
  background-size:10px 10px;
  display:inline-block;
  vertical-align:middle;
  margin:-2px 2px 0 0;
}
.header_top_favorite_count{
  color:#fff;
  font-weight:bold;
  width:18px;
  height:18px;
  line-height:18px;
  background:#d70000;
  border-radius:18px;
  position:absolute;
  top:-8px;
  right:-8px;
}
  
#menu{
  color:#fff;
  font-size:10px;
  font-weight:bold;
  text-align:center;
  width:75px;
  height:26px;
  line-height:26px;
  background:#663727;
  border:1px solid #000;
  border-radius:5px;
  padding-left:15px;
  position:relative;
}
.btn_sideNav:after{
  content:"MENU";
}
.hamburger{
  width:10px;
  height:10px;
  position:absolute;
  top:50%;
  left:10px;
  margin-top:-5px;
}
.btn_sideNav,
.hamburger span{
  display:inline-block;
  box-sizing:border-box;
  transition: .2s linear;
}
.hamburger span{
  width:100%;
  height:2px;
  background:#fff;
  border-radius:2px;
  position:absolute;
  left:0;
}
.hamburger span:nth-of-type(1){
  top:0; 
}
.hamburger span:nth-of-type(2){
  top:4px; 
}
.hamburger span:nth-of-type(3){
  bottom:0; 
}
.btn_sideNav.active span:nth-of-type(1) {
  transform:translateY(4px) rotate(-45deg);
}
.btn_sideNav.active span:nth-of-type(2) {
  opacity:0;
}
.btn_sideNav.active span:nth-of-type(3) {
  transform:translateY(-4px) rotate(45deg);
}
.logo_top{
  position:relative;
}
.top_logo{
  margin-left:20px;
}
.animation1{
  position:absolute;
  left:-52px;
  bottom:-60px;
  z-index:1;
  animation:animation1 2.5s linear .5s;
}
@keyframes animation1{
  10%{
    bottom:-40px;
  }
  20%{
    bottom:-60px;
  }
  30%{
    bottom:-40px;
  }
  40%{
    bottom:-60px;
  }
  50%{
    bottom:-40px;
  }
  60%{
    bottom:-60px;
  }
  70%{
    bottom:-40px;
  }
  80%{
    bottom:-60px;
  }
  90%{
    bottom:-40px;
  }
  100%{
    bottom:-60px;
    left:100%;
  }
}
.animation2{
  position:absolute;
  bottom:-60px;
  left:110%;
  z-index:1;
  animation:animation2 .5s linear both 3.2s;
}
@keyframes animation2{
  25%{
    bottom:-40px;
  }
  50%{
    bottom:-60px
  }
  75%{
    bottom:0px;
  }
  100%{
    bottom:-20px;
    left:252px;
  }
}
.search_wrap{
	padding-top: 25.625%;
	background-color: #ffd735;
	background-image: url(../images/top/bg_top.png), url(../images/top/search_deco.jpg);
	background-repeat: no-repeat;
	background-position: center 0, right bottom;
	background-size: 100% auto, 240px 121px;
}
/* sec01 */
#top_search{
  padding-top:20px;
	position:relative;
}
.slide01,
.slide02,
.slide03{
	color:#483427;
	width:100% !important;
	border-radius:0 0 5px 5px;
  box-sizing:border-box;
	position:relative;
	z-index:2;
}
.slide01 ul,
.slide02 ul{
	width:100%;
	display:table;
	border-spacing:6px 3px;
}
.slide01 li,
.slide02 li,
#top_search2 li{
	color:#663727;
	font-weight:bold;
	text-align:center;
	background:rgb(255,255,254);
	background:linear-gradient(to bottom,rgba(255,255,254,1) 0%,rgba(255,243,207,1) 100%);
	border:4px solid #fff;
	border-radius:5px;
	box-shadow:0 2px 0 #ffcb2c;
  box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	-webkit-tap-highlight-color:rgba(0,0,0,.2);
}
.slide01 li,
.slide02 li{
	font-size:16px;
	width:33%;
	height:60px;
}
.slideDisable{
	opacity:.3;
	cursor:default !important;
	pointer-events :none;
}
.area_change{
	font-size:12px;
	text-align:center;
	width:150px;
	height:30px;
	line-height:30px;
	background:rgb(255,255,255);
	background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
	border:2px solid #d3d3d3;
	border-radius:5px;
	display:block;
}
.area_change:before{
	display:inline-block;
  transform:rotate(-45deg);
	width:6px;
	height:6px;
	margin:-1px 10px 0 0;
	border-top:2px solid #333;
  border-left:2px solid #333;
	vertical-align:middle;
	content:"";
}
/* slide02 */
.slide02 .area_change{
	position:absolute;
  bottom:-51px;
  left:6px;
}
/* slide03 */
.slide03{
	font-size:12px;
	background:#fff;
	border-bottom:15px solid #ffd735;
}
.slide03 .area_change{
	margin:15px 10px;
}
#top_search h3{
	color:#a02200;
	font-size:14px;
	height:33px;
	line-height:33px;
	background:#ffd735;
	border-top:2px solid #ff812d;
	border-bottom:1px dashed #d3d3d3;
	padding-left:10px;
}
.slide03 li{
	width:100%;
	height:50px;
	line-height:50px;
	border-bottom:1px dashed #d3d3d3;
	position:relative;
}
.slide03 li input{
	display:none;
}
.slide03 li input+label,.checkAll{
	text-indent:61px;
	height:50px;
	display:block;
	background:url(../images/top/check.png) no-repeat;
	background-position:35px 0;
	background-size:20px 100px;
	overflow:hidden;
}
.slide03 li input+label.on{
	background-color:#fffcdf;
	background-position:35px -50px;
}
.allChk{
	background-color:#fffcdf !important;
	background-position:10px -50px !important;
	display:block;
}
.checkAll{
	text-indent:35px;
	background-position:10px 0;
}
.search{
	text-align:center;
	width:49px;
	height:50px;
	background:rgb(255,253,254);
	background:linear-gradient(to bottom, rgba(255,253,254,1) 0%,rgba(254,236,247,1) 100%);
	border-left:1px solid #d3d3d3;
	position:absolute;
	top:0;
	right:0;
}
.slide03 li a img{
	display:inline-block;
	vertical-align:middle;
}
#float{
	width:100%;
	display:none;
	position:fixed;
	bottom:0;
}
.kensaku_box{
	width:100%;
	display:table;
	border-collapse:separate;
	border-spacing:10px 15px;
}
#float .kensaku_box{
	background:rgba(0,0,0,.6);
}
.kensaku_box>div{
	color:#999;
	height:42px;
	background:#efefef;
	border:2px solid #d3d3d3;
	border-radius:5px;
	display:table-cell;
	vertical-align:middle;
}
.kensaku_box .clear{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	width:66px;
}
.kensaku_box .kensaku{
	width:206px;
	position:relative;
}
.kensaku_box .kensaku:before{
	content:"";
	width:1px;
	height:25px;
	background:#d5d5d5;
	position:absolute;
	top:8px;
	left:50%;
	margin-left:-1px;
}
	
.kensaku_box .kensaku div,.kensaku_box .kensaku a{
	float:left;
	text-align:center;
	width:50%;
}
.kensaku_box .kensaku div{
	font-size:12px;
}
.kensaku_box .kensaku a{
	color:#999;
	font-size:16px;
	font-weight:bold;
}
.kensaku_box_on .clear{
	color:#333;
	background:rgb(255,255,255);
	background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
}
.kensaku_box_on .kensaku{
	color:#fff;
	background:rgb(255,129,172);
	background:linear-gradient(to bottom, rgba(255,129,172,1) 0%,rgba(255,106,157,1) 100%);
	border:2px solid #ff689c;
	box-shadow:0 1px 0 #ffcadc inset,-1px 0 0 #ffcadc inset,0 -1px 0 #ffcadc inset,1px 0 0 #ffcadc inset;
}
.kensaku_box_on .kensaku a{
	color:#fff;
}
.kensaku_box_on .kensaku:before{
	content:"";
	width:1px;
	height:25px;
	background:#fff;
	position:absolute;
	top:8px;
	left:50%;
	margin-left:-1px;
}
/* slider */
#slide_view{
	overflow:hidden;
	padding:0;
}
#slide_item{
	position:relative;
}
.slide01{
	position:absolute !important;
	top:0;
	left:0 !important;
}
.slide02{
	display:none;
	position:absolute !important;
	top:0;
	left:100%;
}
.slide03{
	display:none;
	position:absolute !important;
	top:0;
	left:200%;
}
#spContents{
	background:#fffefa;
}
#spContents h2{
	color:#fff;
	font-size:16px;
	height:53px;
	border-top:5px solid #ff7676;
	position:relative;
	padding:5px 0 0 10px;
	margin-bottom:5px;
	background-size: 20px 20px;
	background-color: #fd9696;
	background-image: linear-gradient(left, #fdabaa 50%, transparent 50%, transparent);
	background-position: 15px 0;
}
#spContents h2 span{
	font-size:10px;
	font-weight:normal;
	display:block;
}
#spContents h2:after{
	content:"";
	width:100%;
	height:5px;
	background:url(../images/top/jagged.png) repeat-x;
	background-size:20px 5px;
	position:absolute;
	bottom:-5px;
	left:0;
}
.contents-item{
	border-bottom:1px dashed #d3c6af;
	position:relative;
	padding:15px 10px;
}
.contents-item h3{
	background:#fffcdf;
	border:1px solid #fae7c1;
	padding:10px;
	margin-bottom:10px;
}
.contents-item h3 a{
	color:#a02200;
	font-size:14px;
	text-decoration:underline;
}
.contents-item_text{
	position:relative;
	min-height:100px;
	padding:0 18px 0 115px;
	font-size:12px;
}
.contents-item_text:before,
.contents-item_text:after{
	position:absolute;
	content:"";
}
.contents-item_text:before{
	top:0;
	left:0;
	width:100px;
	height:100px;
	background-image:url(../images/top/sp-img.png);
	background-repeat:no-repeat;
	background-size:100px 900px;
}
.contents-item--qa .contents-item_text:before{
	background-position:0 -100px;
}
.contents-item--knowhow .contents-item_text:before{
	background-position:0 -200px;
}
.contents-item--dictionary .contents-item_text:before{
	background-position:0 -300px;
}
.contents-item--word .contents-item_text:before{
	background-position:0 -400px;
}
.contents-item--interview .contents-item_text:before{
	background-position:0 -500px;
}
.contents-item--staffblog .contents-item_text:before{
	background-position:0 -600px;
}
.contents-item--movie .contents-item_text:before{
	background-position:0 -700px;
}
.contents-item--manga .contents-item_text:before{
	background-position:0 -800px;
}
.contents-item_text:after{
	transform:rotate(45deg);
	top:50%;
	right:0;
	width:8px;
	height:8px;
	margin-top:-4px;
  border-top:2px solid #bbb;
  border-right:2px solid #bbb;
}
#notice{
	background:#ffe5a3;
	border-radius:5px;
	padding:0 5px 5px;
	margin:15px 10px 0;
}
#notice h2{
	color:#993300;
	font-size:16px;
	height:40px;
	line-height:40px;
	padding-left:5px;
}
#notice ul{
	background:#fff;
	padding:0 10px 5px;
}
#notice li{
	padding:10px 0;
}
#notice li+li{
	border-top:1px dashed #d3c6af;
}
#notice li div{
	font-size:12px;
}
#notice h3 a{
	color:#a02200;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}
#news{
	width:100%;
	border-bottom:4px solid #ff812d;
	display:table;
}
#news dt{
	text-align:center;
	width:55px;
	background:url(../images/top/bg_news.png) repeat-y;
	background-size:55px 234px;
	display:table-cell;
	vertical-align:middle;
}
#news dt img{
	display:inline-block;
}
#news dd{
	display:table-cell;
	vertical-align:middle;
	padding:5px 5px 5px 6px;
}
#news li{
	text-indent:-12px;
	padding-left:12px;
}
#news li:before{
	content:"";
	width:0;
	height:0;
	border:3px solid transparent;
	border-left:6px solid #ff8b35;
	display:inline-block;
	vertical-align:middle;
	margin:-1px -2px 0 0;
}
#news li+li{
	margin-top:10px;
}
#news a{
	color:#5f99eb;
	font-size:12px;
	text-decoration:underline;
	width:100%;
}
#attention dt{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-indent:6px;
	width:180px;
	height:26px;
	line-height:26px;
	background:#8fc31f;
	position:relative;
}
#attention dt:before{
	content:"";
	width:0;
	height:0;
	border:13px solid transparent;
	border-top:13px solid #8fc31f;
	border-left:13px solid #8fc31f;
	position:absolute;
	top:0;
	right:-26px;
}
#attention dd{
	padding:15px 5px 5px;
}
#attention li{
	display:inline;
}
#attention a{
	color:#5f99eb;
	font-size:12px;
	text-decoration:underline;
	white-space:nowrap;
	display:inline-block;
	margin:0 5px 10px;
}
#easy_search{
	background:#ffd735;
	padding:15px 0;
}
#easy_search a{
	width:301px;
	display:block;
	position:relative;
	margin:0 auto;
}
#easy_search a:before{
	content:"";
	width:44px;
	height:62px;
	background:url(../images/top/deco_easySearch.png) no-repeat;
	background-size:44px 62px;
	position:absolute;
	bottom:2px;
	left:15px;
}
#easy_search img{
	display:block;
}
#easy_search span{
	font-size:10px;
	line-height:16px;
	text-align:center;
	letter-spacing:-0.3px;
	display:inline-block;
	position:absolute;
	top:10px;
	left:59px;
}
/*------------------------------------------------------------
　おすすめ求人
-------------------------------------------------------------*/ 
#top_recommended{
	background:#eeebe6;
}
#top_recommended h2{
	color:#a02200;
	font-size:16px;
	text-indent:40px;
	height:40px;
	line-height:40px;
	background:#ffd735 url(../images/top/icon_recommended.png) no-repeat 10px center;
	background-size:21px 21px;
}
#top_recommended .sec_background{
	color:#483427;
	background:#fff;
}
.recommended_item{
	position:relative;
	padding:10px 30px 15px 10px;
}
.recommended_item:before{
	transform:rotate(45deg);
	position:absolute;
	top:50%;
	right:10px;
	width:8px;
	height:8px;
	margin-top:-4px;
  border-top:2px solid #bbb;
  border-right:2px solid #bbb;
	content:"";
}
.recommended_item+.recommended_item{
	border-top:1px dashed #d3c6af;
	padding-top:15px;
}
#top_recommended h3 a{
	color:#5f99eb;
	font-size:12px;
	text-decoration:underline;
}
.recommended_item .comment{
	font-size:12px;
}
.recommended_item .data{
	font-size:10px;
	margin-top:5px;
}
.recommended_item .data span{
	text-align:center;
	background:#fffcdf;
	border:1px solid #fae7c1;
	border-radius:5px;
	padding:4px;	
}
.recommended_item .data span+span{
	margin-left:4px;
}
/*------------------------------------------------------------
　お仕事内容から探す
-------------------------------------------------------------*/ 
#top_search2{
	background:#ffd735;
	border-top:5px solid #ff812d;
	padding:14px 4px 12px;
}
#top_search2 h2{
	font-size:14px;
	text-align:center;
	height:35px;
	line-height:35px;
	background:#fff;
	position:relative;
	margin:0 6px 15px;
}
#top_search2 h2 span{
	color:#de0000;
}
#top_search2 h2:before{
	content:"";
	width:0;
	height:0;
	border:8px solid transparent;
	border-top:8px solid #fff;
	position:absolute;
	bottom:-16px;
	left:50%;
	margin-left:-8px;
}
#top_search2 ul{
	width:100%;
	display:table;
	border-spacing:6px 3px;
}
#top_search2 li{
	width:50%;
	height:50px;
	line-height:50px;
}
#top_search2 li a{
	display:block;
}
.no_link{
	color:#bbb !important;
}