@charset "utf-8";

@import url("common.css");
@import url("common_print.css");

@media screen and (min-width: 760px) {

	a:hover img.ov {
		zoom: 1;
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}

	.caution {
		margin-top: 20px;
		color: #d20000;
		line-height: 24px;
	}

	/* メニュー */
	#jobs_menubt {
		margin: 34px 0 0 0;
	}

	.jobs_menubt1 {
		width: 196px;
		height: 42px;
		background: url(../img/menubt_bg1.gif) left top no-repeat;
		margin: 0 0 10px 59px;
	}

	.jobs_menubt1b {
		padding: 4px;
	}

	.jobs_menubt2_btm {
		width: 196px;
		height: 4px;
	}

	.jobs_menubt2_btm.itsp {
		height: 0px;
	}

	.jobs_menubt2b {
		padding: 4px 4px 4px 4px;
	}

	.jobs_menubt2 {
		width: 196px;
		margin: 0 0 10px 59px;
		border: 1px solid #ccc;
		border-radius: 4px;
	}

	.jobs_menubt2 ul {
		padding: 0;
		margin: 0 0 0 4px;
		list-style: none;
	}

	.jobs_menubt2 li {
		list-style: none;
		margin: 0;
		padding: 0 0 4px 0;
	}

	.jobs_menubt2 li img {
		border: none;
		vertical-align: top;
	}

	#jobs_menu_frame {
		margin: 34px 0 0 59px;
		padding: 7px 0 0 0;
		width: 196px;
		text-align: center;
		background: url(../cmn_img/menubg_top.gif) left top no-repeat #e5e5e5;
	}

	#jobs_menu_body {
		width: 182px;
		margin: 0 auto;
		padding: 3px 0 0 0;
		text-align: left;
		background: url(../img/menu_km1.gif) left top no-repeat transparent;
	}

	ul#jobs_bt1 {
		list-style: none;
		background: url(../img/menu_km2.gif) left bottom no-repeat #ffffff;
		padding: 0;
		margin: 0;
		width: 182px;
	}

	ul#jobs_bt1 .li1 {
		padding: 0 0 3px 0;
		width: 182px;
		background: url(../cmn_img/line_dot.gif) left bottom repeat-x transparent;
	}

	ul#jobs_bt1 .li2 {
		padding: 3px 0 3px 0;
		width: 182px;
		background: url(../cmn_img/line_dot.gif) left bottom repeat-x transparent;
	}

	ul#jobs_bt1 .li3 {
		padding: 3px 0 3px 0;
		width: 182px;
	}

	ul#jobs_bt1 img {
		vertical-align: top;
	}

	ul#jobs_bt2 {
		list-style: none;
		padding: 0;
		margin: 7px 0 0 0;
		width: 182px;
		height: 70px;
		background: url(../img/menu_km3.gif) left bottom no-repeat #ffffff;
	}

	ul#jobs_bt2 li.li1 {
		padding: 11px 0 0 0;
	}

	#jobs_menu_end {
		height: 7px;
		width: 196px;
		text-align: center;
		background: url(../cmn_img/menubg_btm.gif) left top no-repeat #e5e5e5;
	}

	/* TOP */
	.rec_top1 p {
		padding: 0 0 10px 0;
		margin: 0;
	}

	.rec_top2 p {
		padding: 10px 0 55px 0;
		margin: 0;
	}

	.jobs_news_title {
		font-size: 13px;
		line-height: 26px;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,verdana,arial,clean,sans-serif;
		font-weight: bold;
		color: #ce0000;
		padding: 0 0 2px 0;
		background: url(../img/news_line.gif) left bottom no-repeat transparent;
	}

	.jobs_news_list {
		margin: 5px 0 30px 0;
	}

	.jobs_news {
		padding: 10px 0;
	}

	.jobs_news .date {
		width: 100px;
		line-height: 1.3;
		font-weight: bold;
		float: left;
		padding: 5px 0 0 5px;
	}

	.jobs_news .article {
		width: 450px;
		float: right;
		line-height: 1.3;
		color: #787878;
		padding: 0 0 10px 0;
	}

	.jobs_news .article p.page {
		zoom: 1;
		min-height: 14px;
		background: url(../cmn_img/news_li.gif) left 7px no-repeat transparent;
		margin: 0 0 10px 0;
		padding: 5px 0 0 33px;
	}

	.cnt_mt {
		padding: 0 0 20px 0;
		margin: 0;
	}

	#recruit_menu li {
		padding: 0 0 4px 0;
	}

	#recruit_menu li.entry {
		padding: 0 0 0 0 !important;
	}

	#recruit_menu li ol {
		padding: 4px 0 4px 0;
		margin: 0;
	}

	#recruit_menu li ol li {
		padding: 4px 0 0 0;
		margin: 0;
	}

	div#gs {
		text-align: right;
		padding: 10px 0;
	}

	.recruit-top-col__item.newmark span {
		line-height: 1.1em;
	}

	.recruit-top-col__item .new {
		color: #e60012;
		font-weight: bold;
		display: inline-block;
		padding-right: 3%;
		padding-left: 2%;
	}

}




@media screen and (max-width: 759px) {

	/* メニュー */
	#jobs_menu_frame {
		display: none;
	}

	/* TOP */
	/* トップNAVI */
	ul#sp_topnavi1 {
		list-style-type: none;
		padding: 10px;
	}

	ul#sp_topnavi1 li {
		margin: 0 0 5px 0;
		background: url(../img_sp/navi_line.png) 16px center no-repeat;
		background-size: 4px 49px;
	}

	ul#sp_topnavi1 li a {
		position: relative;
		display: block;
		width: 100%;
		height: 70px;
		border: solid 1px #cdcdcd;
		border-radius: 6px;
		background: url(../img_sp/navi_arrow.png) right center no-repeat;
		background-size: 30px 16px;
	}

	ul#sp_topnavi1 li a span.mm_l {
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 53px;
		padding: 0 0 0 36px;
	}

	ul#sp_topnavi1 li a span.mm_l2 {
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 70px;
		padding: 0 0 0 36px;
	}

	ul#sp_topnavi1 li a span.mm_s {
		position: absolute;
		bottom: 10px;
		left: 40px;
		font-size: 12px;
	}

	ul#sp_topnavi2 {
		list-style-type: none;
		padding: 5px 10px 10px 10px;
	}

	ul#sp_topnavi2 li {
		margin: 0 0 5px 0;
		background: url(../img_sp/navi_line.png) 16px center no-repeat;
		background-size: 4px 33px;
	}

	ul#sp_topnavi2 li a {
		position: relative;
		display: block;
		width: 100%;
		height: 50px;
		border: solid 1px #cdcdcd;
		border-radius: 6px;
		background: url(../img_sp/navi_arrow.png) right center no-repeat;
		background-size: 30px 16px;
	}

	ul#sp_topnavi2 li a span.mm_l {
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 50px;
		padding: 0 0 0 36px;
	}

	ul#sp_topnavi2 li a span.mm_l2 {
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 40px;
		padding: 0 0 0 36px;
	}

	ul#sp_topnavi2 li a span.mm_s {
		position: absolute;
		bottom: 5px;
		left: 36px;
		font-size: 8px;
	}

	ul#sp_topnavi3 {
		list-style-type: none;
		padding: 5px 0px 10px 0px;
	}

	ul#sp_topnavi3 li {
		display: block;
		width: 50%;
		height: 60px;
		margin: 0 0 6px 0;
	}

	ul#sp_topnavi3 li.l_bt {
		float: left;
	}

	ul#sp_topnavi3 li.r_bt {
		float: right;
	}

	ul#sp_topnavi3 li a {
		display: block;
		font-size: 13px;
		height: 60px;
		border: solid 1px #cdcdcd;
		border-radius: 4px;
		background: url(../img_sp/navi_arrow.png) right center no-repeat;
		background-size: 20px 10px;
		padding: 0 0 0 10px;
	}

	ul#sp_topnavi3 li.l_bt a {
		margin: 0 2px 0 6px;
	}

	ul#sp_topnavi3 li.r_bt a {
		margin: 0 6px 0 2px;
	}

	ul#sp_topnavi3 li a span.type1 {
		line-height: 60px;
	}

	ul#sp_topnavi3 li a span.type2 {
		display: table-cell;
		vertical-align: middle;
		line-height: 1.3;
		height: 60px;
	}

	/* NEWS */
	.jobs_news_title {
		font-size: 15px;
		line-height: 30px;
		color: #ce0000;
		padding: 0 0 0 30px;
		background: url(../img_sp/navi_line2.png) left center no-repeat;
		background-size: 20px 2px;
		margin: 10px 0 0 0;
		border-bottom: dotted 1px #afafaf;
	}

	.jobs_news .date {
		font-size: 13px;
		font-weight: bold;
		padding: 10px 0 0 30px;
	}

	.jobs_news .article {
		padding: 5px 30px 15px 30px;
		font-size: 15px;
		line-height: 1.4;
	}

	.jobs_news .article p.page {
		background: url(../img_sp/navi_arrow2.png) left 5px no-repeat;
		background-size: 6px 10px;
		padding: 0 0 0 12px;
	}

	.recruit-top-col__item .new {
		color: #e60012;
		font-weight: bold;
		display: inline-block;
		padding-right: 1%;
		padding-left: 2%;
	}

}