@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html {
    -webkit-text-size-adjust: 100%;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
        margin: 0;
        padding: 0;
}


body {
	font-family : 'ヒラギノ角ゴ ProN' , 'Hiragino Kaku Gothic ProN' , 'メイリオ' , Meiryo , 'ＭＳ ゴシック' , 'MS Gothic' , HiraKakuProN-W3 , 'TakaoExゴシック' , TakaoExGothic , 'MotoyaLCedar' , 'Droid Sans Japanese' , sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color:#333;
	background:#fff;
    text-size-adjust: 100%;
    -webkit-print-color-adjust: exact;
    -webkit-font-smoothing: antialiased;
}




/*common
---------------------------------------------*/
/*link*/
a {
	color: #EB6100;
	outline:none !important;
}
a:hover  {
    text-decoration: underline;
	opacity:0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
}
a.hvroff:hover {
	opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}
/*
a[href$=".pdf"]:before {
	font-family: 'FontAwesome' ;
	content: '\f1c1  ';
}
*/

/*img*/
img {
	height:auto;
	max-width:100%;
	width /***/:auto; /*IE8のみ適用*/
}
.sp_img {
	display:none !important;
}
* html img {
	display:block;
	width: auto !important;
	max-width: none;
}

.i_left {
	float:left;
	margin:0 20px 5px 0;
}
.i_right {
	float:right;
	margin:0 0 5px 20px;
}
.i_center {
	text-align:center;
	margin:10px auto;
}

.clear {
	clear:both;
}
/*font-size*/
.fs75 {	font-size:75% !important; }
.fs80 {	font-size:80% !important; }
.fs85 {	font-size:85% !important; }
.fs90 {	font-size:90% !important; }
.fs95 {	font-size:95% !important; }
.fs110 {	font-size:110% !important; }
.fs120 {	font-size:120% !important; }
.fs130 {	font-size:130% !important; }

.fs10 {	font-size:10px !important; }
.fs11 {	font-size:11px !important; }
.fs12 {	font-size:12px !important; }
.fs13 {	font-size:13px !important; }
.fs14 {	font-size:14px !important; }
.fs15 {	font-size:15px !important; }
.fs16 {	font-size:16px !important; }
.fs17 {	font-size:17px !important; }
.fs18 {	font-size:18px !important; }

/*margin*/
.mt0 {	margin-top:0 !important; }
.mt05 {	margin-top:0.5em !important; }
.mt1 {	margin-top:1em !important; }
.mt2 {	margin-top:2em !important; }
.mt15 {	margin-top:15px !important; }
.mt20 {	margin-top:20px !important; }
.mt3 {	margin-top:3em !important; }
.mt30 {	margin-top:30px !important; }
.mt4 {	margin-top:4em !important; }
.mt5 {	margin-top:5em !important; }
.mt03 {	margin-top: 3px !important; }
.mr3p {	margin-right:3% !important; }
.mr15 {	margin-right:15px !important; }
.mb0 {	margin-bottom:0 !important; }
.mb1 {	margin-bottom:1em !important; }
.mb2 {	margin-bottom:2em !important; }
.ml0 {	margin-left:0 !important ; }
.ml10 {	margin-left:10px !important ; }
.ml15 {	margin-left:15px !important ; }
.ml1 {	margin-left:1em !important ; }
.ml2 {	margin-left:2em !important ; }
.mlr1 {	margin-left:1em !important ; margin-right: 1em !important; }
.mb15 {	margin-bottom:15px !important; }
.mb30 {	margin-bottom:30px !important; }
.mb05 {	margin-bottom:0.5em !important; }

/*letter-spacing*/
.lp1 { 	letter-spacing:1em; }

/*padding*/
.plr25 {	padding-left:25px; padding-right:25px ; }
.pr1 { padding-right:1em !important ;}
.pb30 {	padding-bottom:30px !important; }


/*border*/
.bdrtb3 {	border-top:3px solid #f3f3f3;border-bottom:3px solid #f3f3f3; padding:15px 0; }
.bdr1 {	   border: 1px solid #B2B2B2; padding: 15px; }
.bnone {	border:none !important; }

/*text-align*/
.t_center {	text-align:center !important; }
.t_left { text-align:left !important; }
.t_right {	text-align:right !important; }

/*btn*/
.btn_r {	text-align:right; margin:10px 0 15px 0; }
.bdr .btn_r {	text-align:right; margin:10px 0 0 0; }

/*強調*/
.strong {	font-weight:bold !important ; }

/*indent*/
.ind1 {	margin-left:1em; text-indent: -1em; padding-left:5px; }

/*color*/
.org { 	color:#EB6100; }
.wht { color:#fff; }
.red { color:#E60012; }
.blue { color:#036EB8; }
.navy { color:#155a9b !important; }

.new { background: #D0AF2D; color:#FFFFFF;}
.small {
	padding:0;
	font-size:80%;
}
.link_normal a { text-decoration:none; color:#655e5c; }


/*非表示*/
.hdn {	display:none; }

/*hr*/
.hr_bdr {
	border:none;
	height:1px;
	background:#dcdddd;
}

em {
	font-style: oblique;
}

/*align*/
.t_center { 	text-align:center !important; }
.t_left 	{	text-align:left !important; }
.t_right {		text-align:right !important; }

.clear {	clear:both !important ;}
.disc li { list-style:disc !important; }
.lh0 { line-height:0 !important; }
.clearn { clear:none !important; }
.w2em { width:2em !important; }

.w10p { width:10% !important; }
.w15p { width:15% !important; }
.w20p { width:20% !important; }
.w25p { width:25% !important; }
.w30p { width:30% !important; }
.w33p { width:33% !important; }
.w35p { width:35% !important; }
.w40p { width:40% !important; }
.w45p { width:45% !important; }
.w50p { width:50% !important; }
.w55p { width:55% !important; }
.w60p { width:60% !important; }
.w65p { width:65% !important; }
.w70p { width:70% !important; }
.w75p { width:75% !important; }
.w80p { width:80% !important; }
.w85p { width:85% !important; }
.w90p { width:90% !important; }
.w93p { width:93% !important; }
.w95p { width:95% !important; }
.w100p { width:100% !important; }
.wauto { width: auto !important; }

.h3em {	height:3em !important; }
.h4em {	height:4em !important; }
.h5em {	height:5em !important; }
.h7em {	height:7em !important; }
.h10em { height:10em !important; }
.h12em { height:12em !important; }
.h20em { height:20em !important; }

.w200 {	width:200px; }
.w300 {	width:300px; }
.w350 {	width:350px; }
.w400 {	width:400px; }
.w500 {	width:500px; }


/*icon*/
.icon { margin:0 5px 0 0; vertical-align: middle; }

/*boxsizing*/
.boxs,
.boxs * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*iphoneの角丸、影を消す*/
input[type="text"],input[type="password"],input[type="file"],input[type="submit"],input[type="reset"],input[type="button"],textarea {
	-webkit-appearance: none;
	border-radius: 0;
}

/*リッチテキスト表示*/
.rich_text p {
	margin: 0 0 10px;
	line-height: 1.7;
}

/*全角記号の折り返し対策*/
.word-w {
	word-wrap:break-word !important;
	word-break: break-word !important;
}

/*common
---------------------------------------------*/
.cont_width {
	width:1024px;
	margin:0 auto;
	overflow:hidden;
}


/*hdr_sub_cont_box
---------------------------------------------*/
.hdr_sub_box {
	border-bottom:1px solid #DCDDDD;
	background:#fff;
}
.hdr_sub_box p {
	padding:20px 0 18px 0;
	font-size:11px;
}


/*header
---------------------------------------------*/
header {
	overflow:hidden;
	border-bottom:4px solid #EB6100;
}
header h1 {
	line-height:0;
	float:left;
	margin:0;
	width:274px;
	position:relative;
	border-left:1px solid #dcdddd;
	border-bottom:1px solid #dcdddd;
}
header h1 a {
	display:block;
}
header h1 img {
	width:220px;
	margin:6px 27px;
}

/*
header h1::before {
	content: '';
	background-image: url(../img/logo_bg_top.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top:0;
	left:0;
	width: 65px;
	height: 96px;
}
header h1::after {
	content: '';
	background-image: url(../img/logo_bg_bottom.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom:0;
	right:0;
	width:89px;
	height: 96px;
}
*/


/*nav
---------------------------------------------*/
.main_nav_box {
	float:right;
}
.main_nav_box ul {
	overflow:hidden;
	width:750px;
	font-size:13px;
	border-right:1px solid #dcdddd;
	border-bottom:1px solid #dcdddd;
}
.main_nav_box ul li {
	float:left;
	text-align:center;
	width:20%;
	list-style:none;
	border-left:1px solid #dcdddd;
}
.main_nav_box ul.mn_col4 li {
	width:25%;
}
.main_nav_box ul li a {
	display:block;
	height:95px;
	padding:66px 0 0 0;
	text-decoration:none;
	background: url(../img/main_nav_bg.png) no-repeat 0 0;
	background-size:150px auto;
	font-weight:bold;
}
.main_nav_box ul li.mn_search a { background-position: center -8px; }
.main_nav_box ul li.mn_about a { background-position: center -125px; }
.main_nav_box ul li.mn_business a { background-position: center -244px; }
.main_nav_box ul li.mn_company a { background-position: center -361px; }
.main_nav_box ul li.mn_contact a { background-position: center -472px; }

.nav_cover {
	position: fixed;
	width: 100%;
	top: 52px;
	left: 0;
	opacity: 0;
}
.nav_ready .nav_cover {
	height: 100%;
	z-index: 500;
	background: #000;
}
.nav_ready .hdr_sub_cont_box {
	position: fixed;
	background: #fff;
	z-index:1000;
}

.nav_ready header  {
	margin-top:47px;
}


/*section
---------------------------------------------*/
section {
	margin:0;
	border-right:1px solid #DCDDDD;
	background:url(../img/aside_bg.png) repeat-y top right;
	background-size:270px auto;
}
section main {
	padding:0 20px 20px 20px;
}
/*2カラム*/
section.col2_box {
	overflow: hidden;
}
section.col2_box main {
	width:750px;
	float:left;
}
section.col2_box aside {
	padding:10px 0 100px 0;
	width:270px;
	float:right;
}
section.col2_box aside.aside_first {
	padding:10px 0 0 0;
}


section article {
	margin:0 0 30px 0;
}
section article p {
	margin:0 0 5px 10px;
}
section ul li {
	list-style:none;
	margin:0;
	padding:0;
}

h2.h2_tit {
	text-align:center;
	margin:0 auto;
	color:#EB6100;
}
h2.h2_tit span {
	border-bottom:3px solid #EB6100;
	padding:0 20px 2px 20px;
	display:inline-block;
	margin:0 0 20px 0;
}
h2.h2_tit span.fw_normal {
	border-bottom:none;
	padding:0;
	display: inline;
	margin:0;
	font-weight:normal;
	font-size:90%;
}

h3.h3_tit {
    position: relative;
    color: #EB6100;
    margin: 0 0 15px 0;
	font-size:18px;
}
h3.h3_tit span {
	display:inline-block;
	padding:0 8px;
}
h3.h3_tit::after {
    content: "";
    display: block;
    height: 3px;
	padding-top:8px;
    background: url(../img/searchmain_tit_bg.png) no-repeat bottom left;
    background-size: auto 3px
}
h4.h4_tit {
	color:#EB6100;
	font-size:16px;
	padding:0;
	margin:0 0 5px 0;
}
h5.h5_tit {
	font-size:110%;
	padding:3px 0 2px 5px;
	border-left:5px solid #0099d9;
	background:#95cce1;
	margin:0 0 10px 0;
}
h6.h6_tit {
	color:#0099d9;
	font-size:110%;
	padding:0 0 0 10px;
	margin:0 0 2px 0;
}

.h3_tit + .h4_tit {
	margin-top:1em;
}


/*パンクズ
---------------------------------------------*/
.pan_nav {
	overflow:hidden;
	font-size:11px;
	margin:15px 0;
	padding:0;
}
.pan_nav li {
	float:left;
	margin:0 3px 0 0;
	list-style:none;
}
.pan_nav li::after {
	content:"＞";
	padding:0 0 0 5px;
	text-decoration:none !important;
}
.pan_nav li:last-child::after {
	content:"";
}


/*paging
-----------------------------*/
.paging_nav_box {
	position:relative;
}
.paging_nav {
	text-align:center;
	margin:15px 0;
}
.paging_nav li {
	display:inline-block;
	margin:0 2px;
}
.paging_nav li.pgn_dis {
	padding:0;
	color:#cfcfcf;
}
.paging_nav li.pgn_item a {
	display:block;
	padding:0;
}
.paging_nav li.pgn_this {
	font-weight:bold;
	padding:0 3px;
}

/*全件*/
.paging_alljob {
	text-align:center;
}
.paging_alljob strong {
    color: #EB6100;
    font-size: 20px;
}
.paging_alljob + .paging_nav {
	margin-top:5px;
}


/*企業件数*/
.job_text_count {
	text-align:center;
	margin:0 10px 15px 10px;
}
.job_text_count .job_text_count_com {
    color: #5E5D5D;
    font-size: 20px;
}
.job_text_count .job_text_count_num {
    color: #EB6100;
    font-size: 20px;
}


/*form
-----------------------------*/
.input_tel {
	width: 234px;
}
.input_birth_y {
	width: 100px;
}
.input_birth_md {
	width: 50px;
}



/*aside
---------------------------------------------*/
.aside_def {/*default幅*/
	width:250px;
	margin:0 auto;
}

/*bdr_link*/
.bdr_link_box li {
	list-style:none;
	margin:0 0 10px 0;
	background:#fff;
    position: relative;
	font-weight:bold;
}
.bdr_link_box li a {
	border:1px solid #dcdddd;
	display:block;
	padding:15px 0 14px 15px;
	color:#3E3A39;
	text-decoration:none;
	background:url(../img/arw_orange_12_sp.png) no-repeat right center;
	background-size:20px auto;
}

/*text_link*/
.text_link_box li {
	list-style:none;
	margin:0 0 10px 3px;
	padding:0 0 0 15px;
	font-size:13px;
	font-weight:bold;
	background:url(../img/arw_orange_9.png) no-repeat 0 4px;
	background-size:9px auto;
}
.text_link_box li a {
	color:#3E3A39;
	text-decoration:none;
}
.aside_trim {
    white-space: nowrap; /* 空白で改行させない */
    overflow: hidden; /* はみ出た部分を表示しない */
    text-overflow: ellipsis; /* はみ出た場合に「…」を表示 */
    -webkit-text-overflow: ellipsis; /* はみ出た場合に「…」を表示 (Safari用) */
    -o-text-overflow: ellipsis; /* はみ出た場合に「…」を表示 (Opera用) */
}
.lineclamp {
  /* config */
  line-height: 1.5;
  height: 3em;
  background-color: #fafafa;
  /* config end */

  position: relative;
  padding-right: 1em;
  overflow: hidden;
}
.lineclamp:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
}
.lineclamp:after {
  content: "";
  position: relative;
  right: -1em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
}

/*fb_tl
---------------------------------------------*/
.fb_tl {/*default幅*/
	width:250px;
	margin:10px auto;
}

/*footer
---------------------------------------------*/
footer {
	clear:both;
	background: url(../img/footer_bg.png) repeat #060606;
	background-size:10px auto;
	color:#fff;
	position:relative;
}

/*ftr-menu*/
.ftr_nav_box {
	overflow:hidden;
	padding:35px 0 35px 20px;
}
.ftr_nav_box .fn_main_box {
	float:left;
	padding:0 35px 0 0;
}
.ftr_nav_box ul li {
	list-style:none;
	margin:0 0 15px 0;
	padding:0 0 0 20px;
	background:url(../img/arw_lightblue_12.png) no-repeat 0 4px;
	background-size:12px auto;
}
.ftr_nav_box ul li ul li {
	font-size:12px;
	padding:0 0 0 2px;
	margin:5px 0 0 0;
	background:none;
}
.ftr_nav_box ul li ul li:before {
	content: '';
	background:none;
	padding:0;
	margin:0;
}
.ftr_nav_box ul li a {
	text-decoration:none;
	color:#fff;
}
.ftr_nav_box .fn_main_box:last-child {
	padding:0;
}

/*ftr-copy*/
.ftr_copy {
	font-size:11px;
	background:#000000;
	padding:24px 10px;
	text-align:center;
}
.ftr_copy span {
	margin-left:1em;
}
.ftr_copy a {
	color:#fff;
}

/*youtube
---------------------------------------------*/
.youtube_responsive_box {
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin:0 0 10px 0;
}
.youtube_responsive_box iframe {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}



/*page-top
---------------------------------------------*/
#page-top {
	position:absolute;
	top:-88px;
    display: block;
    font-weight: bold;
    right: 40px;
}
#page-top a {
	margin:0 auto;
}

/*ログイン
-------------------------------------*/
.login_box {
	font-size:15px;
}
.login_box li {
	line-height:1;
	list-style:none;
}
.login_box li a {
	text-decoration:none;
	color:#fff;
	display:block;
	text-align:center;
	padding:15px ;
}
.login_box li img {
	width:18px;
	margin:0 5px;
	vertical-align:middle;
}
.login_box .btn_login a {
	background:#2dbad1;
}
.login_box .btn_login a span {
	padding:0 0 0 23px;
	background:url(../img/btn_login_bg.png) no-repeat top left;
	background-size:18px auto;
	min-height:18px;
	display:inline-block;
}
.login_box .btn_new a {
	background:#eb7998;
}
.login_box .btn_new a span {
	padding:0 0 0 23px;
	background:url(../img/btn_new_bg.png) no-repeat top left;
	background-size:18px auto;
	min-height:18px;
	display:inline-block;
}
.login_box .btn_loginout a {
	background:#ebebeb;
	color:#736f6f !important;
}
.login_box .btn_loginout a span {
	padding:3px 0 0 23px;
	background:url(../img/btn_logout_bg.png) no-repeat top left;
	background-size:18px auto;
	min-height:18px;
	display:inline-block;
}

.login_box .btn_mypage a {
	background:#ddd;
	color:#fff !important;
}
.login_box .btn_mypage a span {
	padding:3px 0 0 23px;
	background:url(../img/btn_mypage_bg.png) no-repeat top left;
	background-size:18px auto;
	min-height:18px;
	display:inline-block;
}

.login_box .btn_spmenu img {
	width:25px;
	margin:9px 0 0 0;
}
.login_box .btn_spmenu {
	width:47px;
	height:47px;
	text-align:center;
	background:url(../img/aside_bg.png) repeat;
	background-size:10px auto;
	border-left:1px solid #dcdddd;
}
.login_box .btn_spmenu:hover {
	opacity:0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
	cursor:pointer;
}
/*hdr*/
.hdr_sub_box .login_box {
	float:right;
	font-size:12px;
}
.hdr_sub_box .login_box li {
	float:left;
	margin:0 0 0 10px;
}
.hdr_sub_box .login_box li a {
	text-decoration:none;
	color:#fff;
	font-size: 12px;
	padding:14px 50px;
}

.hdr_sub_box .login_box .btn_loginout {
	margin-top:7px;
}
.hdr_sub_box .login_box .btn_loginout a {
	padding:10px 0 0 0 ;
	width:108px;
	height:38px;
}

.hdr_sub_box .login_box .btn_mypage {
	margin-top:7px;
}
.hdr_sub_box .login_box .btn_mypage a {
	padding:10px 0 0 0;
	width:120px;
	height:38px;
}



/*aside*/
.aside_login_box {
	background:#fff;
    padding: 10px;
	border:1px solid #dcdddd;
	margin-bottom:10px;
}
.aside_login_box .login_box .btn_login {
	margin:5px 0 0 0;
}
.aside_login_box .login_box .btn_new a span {
    padding: 3px 0 0 25px;
    background: url(../img/btn_new_bg.png) no-repeat top left;
    background-size: 20px auto !important;
    min-height: 20px;
    display: inline-block;
}
.aside_login_box .login_box .btn_new {
	margin:0 0 10px 0;
}
.aside_login_box .login_box .btn_login a span {
    padding: 3px 0 0 25px;
    background: url(../img/btn_login_bg.png) no-repeat top left;
    background-size: 20px auto !important;
    min-height: 20px;
    display: inline-block;
}
.aside_login_box .login_box {
	overflow:hidden;
	margin-bottom:10px;
}
.aside_login_box .login_box a {
	background-image:none;
	padding:15px 10px;
}

.aside_login_box .lg_text {
	font-size:12px;
	line-height:1.4;
}
.aside_login_box .lg_link {
	font-size:12px;
	font-weight:bold;
	margin:5px 0 0 0;
}


/*タブメニュー
-------------------------------------*/
.tab_box {
	position:relative;
	margin:15px 0 50px 0;
}
.tab_box article {
	margin:0;
}
#tab-menu {/*tab menu*/
  list-style: none;
  overflow:hidden;
  border-left:1px solid #dcdddd;
}
#tab-menu li {
	float:left;
	padding:12px 0 0 0;
	height:43px;
	color:#333333;
	width:117px;
	text-align:center;
	border-top:1px solid #dcdddd;
	border-right:1px solid #dcdddd;
	border-bottom:1px solid #dcdddd;
	background:#edeeee;
	color:#1b5a9b;
	font-size:12px;
}
#tab-menu li:hover {
	cursor:pointer;
}
#tab-menu li.active {
	background: #ffffff;
	border-bottom:1px solid #fff;
	padding:10px 0 0 0;
	font-weight:bold;
	font-size:14px;
}

.tab_att {
	float:right;
	color:#333;
	font-size:12px;
	margin:15px 0 0 0;
}

.tab_att span {
	font-weight:bold;
    color: #50a2cf;
}


#tab-box {/*tab content*/
  padding:30px;
  border:1px solid #dcdddd;
  margin:-1px 0 0 0;
}
#tab-box .tab_cont {
  display: none;
  overflow:hidden;
}
#tab-box .active {
  display: block;
}




/*スクロールメニュー
-------------------------------------*/
/* scgra */
#scroll {
	position: relative;
}
.scroll__graphic {
	z-index:1000;
}
.scroll__graphic_box {
	margin:30px 0 50px 0;
}
#scgra-box {
    padding:20px 0 0 0;
    margin:20px 0 0 0;
	border-top:2px solid #e3e3e3;	
}
#scgra-box .scgra_cont {
	border-bottom:2px solid #888888;
	margin-top:-160px;
	padding-top:160px;
	padding-left:38px;
	padding-right:38px;
}
#scgra-box.is-fixed .scgra_cont {
	margin-top:-90px;
	padding-top:90px;
}
#scgra-box.is-fixed .scgra_cont .h2_tit {
	margin-top:30px;
	font-size: 23px;
}
#scgra-box .scgra_cont:last-child {
	margin-bottom:10px;
}
#scgra-box .pr_det_box:last-child {
	border-bottom:none;
	margin-bottom:0;
}

.scgra_btn.is-fixed {
	display:none;
}
/*ボタン*/
.scgra_btn {
	overflow:hidden;
}
.scgra_btn li {
	float:left;
	padding:0;
	height: auto;
	color:#333333;
	width:230px;
	text-align:center;
	border:none;
	background:#fff;
	color:#EB6100;
	font-size:14px;
	line-height:1;
}
.scgra_btn li.scgra01 {
	margin:0 9px 0 0;
}
.scgra_btn li.scgra02 {
	margin:0 9px 0 0;
}
.scgra_btn li a {
	text-decoration: none;
	display:block;
	border:4px solid #EB6100;	
	padding:11px 0;	
}
.scgra_btn li.active {
	border-bottom:none;
	padding:0;
	font-weight: normal;
	background:#FFE5D1;
}
.scgra_btn li a:hover {
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
	background:#FFE5D1;
}
.scgra_btn li a span {
    padding: 3px 0 0 25px;
    min-height: 20px;
    display: inline-block;
}
.scgra_btn li.scgra01 a span {
    background: url(../img/scgra_btn_01.png) no-repeat top left;
    background-size: 20px auto !important;
}
.scgra_btn li.scgra02 a span {
    background: url(../img/scgra_btn_02.png) no-repeat top left;
    background-size: 20px auto !important;
}
.scgra_btn li.scgra03 a span {
    background: url(../img/scgra_btn_03.png) no-repeat top left;
    background-size: 20px auto !important;
}


/*PC用上部固定*/
.scgra_btn.pc_img {
	position:fixed;
	top:0;
	background:#fff;
	width:100%;
	text-align:center;
	padding:15px 0;
	border-bottom:1px solid #e9e9e9;
	display:none;
}
.scgra_btn.pc_img.is-fixed {
	display:block;
}
.scgra_btn.pc_img li {
	float:none;
	display:inline-block;
}



/*#ログインステータス
-------------------------------------*/
.loginnow_box {
	background:#ddd;
	text-align:center;
	font-size:16px;
	color:#fff;
	padding:10px 0;
}


/*男性*/
.loginstatus_man .loginnow_box {
	background:#00B0C5;
}

/*女性*/
.loginstatus_woman .loginnow_box {
	background:#EB7998;
}



/*マイページ
-------------------------------------*/
/*asideマイページ*/
.mypagemini_box {
	background:#fff;
    border: 1px solid #dcdddd;
}
.mypagemini_box .amp_tit {
	font-size:12px;
	text-align:center;
	padding:5px 0;
	color:#fff;
}
.mypagemini_box .amp_name {
	font-weight: bold;
    text-align: center;
    margin: 10px 0 0 85px;
    line-height: 1.3;
    color: #766f6d;
    font-size: 16px;
    word-break: break-all;
}
.mypagemini_box .amp_name .amp_name_san {
    font-size: 12px;
    padding-left: 3px;
}
.mypagemini_box .amp_num {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin:10px 0 0;
}
.mypagemini_box .amp_again {
	font-size:11px;
	margin:0 10px 12px 10px;
	text-align:center;
}
.mypagemini_box .amp_att {
	font-size:11px;
	margin:0 10px 12px 10px;
	text-align:center;
	color:#E8403C;
}

.mypagemini_box .amp_stop {
	font-size:11px;
	text-align:right;
	margin:7px 10px 10px 0;
}

.mypagemini_box .amp_img {
	line-height:0;
	text-align:center;
}
.mypagemini_box .amp_img img {
	width:114px;
}

.mypagemini_box .amp_stop a {
	color:#9f9c9c;
	text-decoration:none;
}

.mypagemini_box .amp_menu_box {
	overflow:hidden;
	margin:5px 10px 0;
	font-size:13px;
}
.mypagemini_box .amp_menu_box li {
	float:left;
	text-align:center;
	font-weight:bold;
}
.mypagemini_box .amp_menu_box li a {
	display:block;
	padding:10px 0;
	text-decoration:none;
}
.mypagemini_box .amp_menu_box li.amp_menu_prof {
	width:56%;
}
.mypagemini_box .amp_menu_box li.amp_menu_file {
	width:40%;
	float:right;
}

/*asideマイページ2*/
.mypagemini2_box {
	background:#fff;
    border: 1px solid #dcdddd;
}
.mypagemini2_box .mypagemini2_det {
	padding:10px;
	position:relative;
}
.mypagemini2_box .amp2_tit {
	font-size:12px;
	text-align:center;
	padding:5px 0;
	color:#fff;
}
.mypagemini2_box .amp2_name {
	font-weight:bold;
	text-align:center;
	margin:0 0 5px 85px;
	line-height:1.3;
	color:#766f6d;
	font-size:16px;
	word-break:break-all;
}
.mypagemini2_box .amp2_name .amp2_name_san {
	font-size:12px;
	padding-left:3px;
}
.mypagemini2_box .amp2_num {
	font-size:10px;
	font-weight:bold;
	text-align:center;
	margin:0 0 0 85px;
	line-height:1.3;
	word-break:break-all;
}
.mypagemini2_box .amp2_num a {
	text-decoration:none;
}
.mypagemini2_box .amp2_num .amp2_num_br {
	display:block;
}
.mypagemini2_box .amp2_num .amp2_num_san {
	font-size:10px;
}
.mypagemini2_box .amp2_att {
	font-size:11px;
	margin:10px 10px 0 10px;
	text-align:center;
	background:#ffdfd9;
	font-weight:bold;
}
.mypagemini2_box .amp2_att a {
	color:#FF0000;
	display:block;
	padding:3px;
}
.mypagemini2_box .amp2_img {
	line-height:0;
	position:absolute;
	top:10px;
	left:10px;
}
.mypagemini2_box .amp2_img img {
	width:84px;
}
.mypagemini2_box .login_box {
	font-size:14px;
	margin:5px 0 0 90px;
}
.mypagemini2_box .login_box .btn_mypage a {
	width:136px;
	height:37px;
	padding:9px 0 0 0;
}
.mypagemini2_box .amp2_again {
	font-size:11px;
	margin:3px 0 0 85px;
	line-height:1.3;
}
.mypagemini2_box .amp2_againlink {
	text-align:center;
	font-size:11px;
	margin:-5px 0 10px 0;
}
.mypagemini2_box .amp2_stop {
	font-size:11px;
	margin:3px 0 0 85px;
	line-height:1.3;
    color: #E8403C;
}
.mypagemini2_box .amp2_stoptel {
	text-align:center;
	font-size:11px;
	margin:-5px 10px 10px 10px;
}
.mypagemini2_box .amp2_stoptel a {
	color:#333;
}	
.mypagemini2_box .amp2_stoptel strong {
	font-size:120%;
}


/*aside*/
.mypagemini_box.aside_def,
.mypagemini2_box.aside_def {
   margin:0 10px 10px 10px;
}


/*男性*/
.loginstatus_man .mypagemini_box .amp_tit {
	background:#00B0C5;
}
.loginstatus_man .mypagemini2_box .amp2_tit {
	background:#cceff3;
	color:#00A1B8;
	font-size:11px;
}
.loginstatus_man .mypagemini_box .amp_num,
.loginstatus_man .mypagemini2_box .amp2_num,
.loginstatus_man .mypagemini_box .amp_num a,
.loginstatus_man .mypagemini2_box .amp2_num a {
	color:#00B0C5;
}
.loginstatus_man .mypagemini_box .amp_menu_box li a {
	background:#cceff3;
	color:#00b1c5;
}
.loginstatus_man  .btn_mypage a {
	background:#00B0C5;
}
.loginstatus_man .main_nav_box ul li.mn_mypage a {
	background-color:#00B0C5;
}

/*女性*/
.loginstatus_woman .mypagemini_box .amp_tit {
	background:#EB7998;
}
.loginstatus_woman .mypagemini2_box .amp2_tit {
	background:#fbe4ea;
	color:#E36186;
	font-size:11px;
}
.loginstatus_woman .mypagemini_box .amp_num ,
.loginstatus_woman .mypagemini2_box .amp2_num,
.loginstatus_woman .mypagemini_box .amp_num a ,
.loginstatus_woman .mypagemini2_box .amp2_num a {
	color:#EB7998;
}
.loginstatus_woman .mypagemini_box .amp_menu_box li a {
	background:#fbe4ea;
	color:#EB7998;
}
.loginstatus_woman .btn_mypage a {
	background:#EB7998;
}
.loginstatus_woman .main_nav_box ul li.mn_mypage a {
	background-color:#EB7998;
}


/*size:1024px以下共通
----------------------------------------------------*/
@media screen and (max-width:1024px){

header,
footer,
.hdr_sub_box {
	width:1024px;
}


}



/*size:767px以下共通
----------------------------------------------------*/
@media screen and (max-width:767px){


a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}



.pc_img { display:none !important; }
.sp_img { display:block !important; }

/*popupimg*/
.popimg img:hover {
	cursor:pointer;
}

/*common
---------------------------------------------*/
.cont_width {
	width:100%;
	margin:0;
	overflow:hidden;
}
.aside_def {
	width:auto !important;
	margin:10px;
}

/*header
---------------------------------------------*/
header {
	border: none;
	width:auto;
}
header h1 {
	position:absolute;
	top:6px;
	left:8px;
	margin:0;
	z-index:1000;
	width:auto;
	height:auto;
	border:none;
}
header h1::before,
header h1::after {
	display:none;
}

.loginstatus_man header h1,
.loginstatus_woman header h1 {
	top:41px;
}

.nav_ready header h1 {
	position:fixed;
}

header h1 img {
	width:110px;
	margin:0;
}
/*hdr*/
.hdr_sub_box {
	width:auto;
}
.hdr_sub_cont_box {
	border-bottom:none;
}
.hdr_sub_box .login_box {
	font-size:11px;
}

.hdr_sub_box .login_box li a {
	padding:8px 0 0 0;
	width:80px;
	height:33px;
	font-size:11px;
}
.hdr_sub_box .login_box .btn_login,
.hdr_sub_box .login_box .btn_new,
.hdr_sub_box .login_box .btn_loginout,
.hdr_sub_box .login_box .btn_mypage {
	margin:7px 0 0 4px;
}
.hdr_sub_box .login_box .btn_loginout a {
	width:90px;
	height:33px;
	padding:8px 0 0 0;
}
.hdr_sub_box .login_box .btn_mypage a {
	width:100px;
	height:33px;
	padding:8px 0 0 0;
}






/*nav
---------------------------------------------*/
.main_nav_box {
	border-top:1px solid #dcdddd;
	margin:0;
	position:fixed;
	top:47px;
	left:0;
	background:#fff;
	z-index:1000;
	display:none;
	width:100%;
}
.main_nav_box ul {
	border-right:none;
	font-size:13px;
	font-weight:bold;
	width:auto;
}
.main_nav_box ul li,
.main_nav_box ul.mn_col4 li {
	width:100%;
	border-bottom:1px solid #dcdddd;
	text-align:left;
	line-height:1;
	position:relative;
	float:none;
}
.main_nav_box ul li a {
    height:auto;
    padding:18px 10px 18px 50px;
	background: url(../img/main_nav_bg.png) no-repeat 0 0;
	background-size:100px auto;
}

.main_nav_box_menu ul li a:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
}

.main_nav_box ul li.mn_search a { background-position: -22px -7px; }
.main_nav_box ul li.mn_about a { background-position: -22px -84px; }
.main_nav_box ul li.mn_business a { background-position: -22px -163px; }
.main_nav_box ul li.mn_company a { background-position: -22px -240px; }
.main_nav_box ul li.mn_contact a { background-position: -22px -316px; }
.main_nav_box ul li.mn_mypage a { background-position: -22px -395px; color:#fff; }

.main_nav_box ul li.mn_close {
	padding:15px 0 13px 0;
	text-align:center;
	background:url(../img/sp_menu_close_bg.png) repeat;
	color:#fff;
	border:none;
}
.main_nav_box ul li.mn_close:hover {
	cursor:pointer;
	opacity:0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
}
.main_nav_box ul li.mn_close i {	margin:0 0.5em 0 0; }




/*section
---------------------------------------------*/
/*2カラム*/
section {
	background:none;
}
section main {
	padding: 0 10px 20px 10px;
}
section main.member_contact {
	padding:0 15px 20px 15px;
}
section.col2_box {
	overflow:hidden;
	padding:0 0 10px 0;
}
section.col2_box main,
section.col2_box aside {
	float:none;
    padding-bottom:0;
}
section.col2_box main {
	width:100%;
	margin:0;
	border:none;
}
section.col2_box aside {
	width:100%;
	padding:10px 0;
	background:url(../img/aside_bg_sp.png)  repeat;
	background-size:10px auto;
	border-bottom:1px solid #DCDDDD;
}
section.col2_box aside.aside_first {
	padding:10px 0 ;
}

.main_nav_box .mn_h2_box h2 {
	padding:8px 0 8px 8px;
}
h2.h2_tit {
	font-size:16px;
}
h2.h2_tit span {
	margin:0 0 15px 0;
}
h3.h3_tit {
	padding:0;
	font-size:15px;
	margin:0 0 11px 0;
}
h3.h3_tit span {
    padding: 3px 8px 0 5px;
}


/*トグル*/
.tgl_box {
	display:none;
}
h4.h4_tit_tgl {
	border: 2px solid #DCDDDD;
	padding:10px 0;
	margin:0;
	text-align:center;
	background:url(../img/aside_bg_sp.png) repeat top left;
	position:relative;
	background-size:8px auto;
	font-size:13px;
	line-height:1;
}
h4.h4_tit_tgl:after {
	height:auto;
	background:none;
  font-family: 'FontAwesome';
  content: "\f107  ";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
}
h4.h4_tit_tgl.opened:after {
	height:auto;
	background:none;
  font-family: 'FontAwesome';
  content: "\f106   ";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
}
h4.h4_tit_tgl:hover {
	cursor:pointer;
}

/*form
-----------------------------*/
.input_tel {
	width: 276px;
}
.input_birth_y {
	width: 70px;
}
.input_birth_md {
	width: 50px;
}


/*footer
---------------------------------------------*/
footer {
	background:none;
	width:auto;
}
.ftr_copy {
	text-align:left;
}
.ftr_copy strong {
	font-size:12px;
}
.ftr_copy span {
	margin-left:0;
	display:block;
}


/*page-top
---------------------------------------------*/
#page-top {
	position: static;
	top: inherit;
    right: inherit;
}
#page-top a {
	margin:0 auto;
}

/*パンクズ
---------------------------------------------*/
.pan_nav {
	overflow:hidden;
	font-size:8px;
	margin:8px 0;
	padding:0;
}

/*paging
-----------------------------*/
.paging_nav_box {
	position:relative;
	margin:12px -10px 0 -10px;
}
.paging_nav {
	margin:3px 0 0 0;
	padding:7px 0;
	font-size:12px;
	border-bottom:1px solid #DCDDDD;
	border-top:1px solid #DCDDDD;
}

/*全件*/
.paging_alljob {
	position: static;
	top: inherit;
	left: inherit;
	text-align:center;
	font-size:9px;
}
.paging_alljob strong {
    color: #EB6100;
    font-size: 15px;
}


/*企業件数*/
.job_text_count {
	font-size:9px;
	margin:0 10px;
}
.job_text_count .job_text_count_com,
.job_text_count .job_text_count_num {
    font-size: 15px;
}



/*ログイン
-------------------------------------*/
.aside_login_box  {
	margin-top:0;
}
.aside_login_box .login_box {
	overflow:hidden;
	margin-bottom:10px;
}
.aside_login_box .login_box .btn_login,
.aside_login_box .login_box .btn_new{
	float:left;
	width:48%;
	margin:0 1%;
}
.aside_login_box .login_box li img {
	width:18px;
	vertical-align:middle;
	margin:0 5px 0 0;
}





/*タブメニュー
-------------------------------------*/
.tab_box {
	position:relative;
	margin:0 -10px 0 -10px;
}
#tab-menu.scroll__graphic_btn.is-fixed {
  display:block;
}
#tab-menu {/*tab menu*/
  list-style: none;
  overflow:hidden;
  border-left:none;
}
#tab-menu li {
  border-bottom: 1px solid #dcdddd;
  width:33.3%;
}
#tab-menu li.tab03 {
	border-right:none;
  width:33.4%;
}
#tab-menu.tab-menu_col2 li {
	width:50% !important;
}
#tab-menu.tab-menu_col2 li.tab02 {
	border-right:none;
}


#tab-box {/*tab content*/
  border:none;
  border-bottom: 1px solid #dcdddd;
  margin:0;
  padding:10px 10px 20px 10px;
}


.tab_att {
	float:none;
	margin:15px 0 10px 0;
	text-align:center;
}


/*スクロールメニュー
-------------------------------------*/
/* scrollama */
.scroll__graphic.is-fixed {
	position: fixed;
	display:block;
	top:0;
}
.scroll__graphic.is-bottom {
	bottom: 0;
	top: auto;
}
.scroll__graphic_box {
    padding:0;
    border: none;
    margin:10px -10px 0 -10px;
	border-top:none;	
}
#scgra-box {
    padding:0;
    margin: 5px 0 0 0;
    border-top:none;
}
#scgra-box .scgra_cont {
    margin-top: -135px;
    padding-top: 135px;
	padding-left:10px;
	padding-right:10px;	
}
#scgra-box.is-fixed .scgra_cont {
    margin-top: -80px;
    padding-top: 80px;
}
#scgra-box .scgra_cont .h2_tit {
	margin-top:0 !important;
	font-size:18px !important;
}

.scgra_btn {
	width:100%;
}
.scgra_btn li {
	width:33.3%;
}
.scgra_btn li.scgra01 {
	margin:0;
}
.scgra_btn li.scgra02 {
	margin:0;
	width:33.4%;
}
.scgra_btn li.scgra01  a,
.scgra_btn li.scgra02  a {
	border-right:none;	

}
.scgra_btn li a:hover {
	background: none;
}

/*2つボタン*/
.scgra_btn_col2 li {
	width:50% !important;
}



/*aside
---------------------------------------------*/
/*text_link*/
.text_link_box {
	text-align:center;
}
.text_link_box li {
	display:inline-block;
	margin:2px 0 2px 10px;
}
.text_link_box li a {
	color:#3E3A39;
	text-decoration:none;
}





/*ログイン
-------------------------------------*/
.login_box .btn_new a span {
	padding:3px 0 0 16px;
	background:rgba(0, 0, 0, 0) url("../img/btn_new_bg.png") no-repeat scroll left center / 14px auto;
}
.login_box .btn_login a span {
	padding:3px 0 0 16px;
	background:rgba(0, 0, 0, 0) url("../img/btn_login_bg.png") no-repeat scroll left center / 14px auto;
}

.login_box .btn_loginout a span {
	padding:3px 0 0 16px;
	background:url(../img/btn_logout_bg.png) no-repeat top left;
	background-size:15px auto;
}

.login_box .btn_mypage a span {
	padding:3px 0 0 16px;
	background:url(../img/btn_mypage_bg.png) no-repeat 0 1px;
	background-size:15px auto;
	min-height:15px;
}



/*#ログインステータス
-------------------------------------*/
.loginnow_box {
	font-size:12px;
	height:35px;
	padding:7px 0;
}

.loginstatus_man .main_nav_box,
.loginstatus_woman .main_nav_box {
	top:82px;
}
.nav_ready.loginstatus_man .hdr_sub_box,
.nav_ready.loginstatus_woman .hdr_sub_box {
	padding:35px 0 0 0;
}
.nav_ready .loginnow_box {
	position: fixed;
	z-index:1001;
	width:100%;
}



/*マイページ
-------------------------------------*/
/*asideマイページ*/
.mypagemini_box .amp_num {
	font-size:12px;
	margin:7px 0;
}
.mypagemini_box .amp_img {
	float:left;
	margin:10px 5px 0 5px;
}
.mypagemini_box .amp_img img {
	width:80px;
}
.mypagemini_box .amp_stop {
	margin:5px 10px 5px 0;
}
.mypagemini_box .amp_again {

	margin:0 10px 12px 95px;
	text-align:left;
}
.mypagemini_box .amp_att {
	margin:0 10px 12px 95px;
	text-align:left;
}
.mypagemini_box .amp_menu_box li {
	float:left;
	text-align:center;
	font-weight:bold;
	line-height:1.4;
}
.mypagemini_box .amp_menu_box li span {
	display:block;
}
.mypagemini_box .amp_menu_box li a {
	padding:5px 0;
}

/*asideマイページ2*/
.mypagemini2_box .amp2_num {
	margin:0 0 0 75px;
}
.mypagemini2_box .amp2_num .amp2_num_br {
	display: inline-block;
	margin-right:5px;
}
.mypagemini2_box .amp2_img {
	top:5px;
}
.mypagemini2_box .amp2_img img {
	width:70px;
}
.mypagemini2_box .login_box {
	margin:5px 0 0 75px;
}
.mypagemini2_box .login_box .btn_mypage a {
	width:auto;
	padding:9px 0 0 0;
}
.mypagemini2_box .amp2_againlink {
	text-align:center;
	margin:5px 0 0 75px;
	font-size:11px;
}



/*aside*/
.mypagemini_box.aside_def,
.mypagemini2_box.aside_def {
   margin:0 10px 10px 10px;
}

/*main_nav_box*/
.main_nav_box .mn_mypagemini_box {
	background:#f0f1f1;
	padding:10px;
	border-bottom: 1px solid #dcdddd;
}
.main_nav_box .mn_mypagemini_box ul,
.main_nav_box .mn_mypagemini_box ul li {
	border:none;
}

/*aside調整用*/
.mypagemini2_box.aside_def.pc_img + .aside_def {
	margin-top:0;
}


/*toggle
-------------------------------------*/
#bentry .tgl_tit {
	color:#614c3f;
	text-align:center;
	background:#eeefef url(../img/tgl_off.png) no-repeat center right;
	background-size:30px auto;
	border-top:2px solid #898989;
	padding:8px 0;
}
#bentry .tgl_tit span {
    font-weight: normal;
    font-size: 12px;
    padding-left: 10px;
}
#bentry .tgl_tit.tgl_last {
	border-bottom:2px solid #898989;
}
#bentry .tgl_tit.opened {
	background:#eeefef url(../img/tgl_on.png) no-repeat center right;
	background-size:30px auto;
	border-bottom:2px solid #898989;
}
#bentry .tgl_box {
	display:none;
}

#bentry .tgl_box.opened {
	display:block;
}


}


/*size:420px以下共通
----------------------------------------------------*/
@media screen and (max-width:420px){


/*ログイン
-------------------------------------*/
/*hdr*/
.hdr_sub_box .login_box li a {
	width:63px !important;
}
.hdr_sub_box  ul li a span {
	background-image:none !important;
	padding-left:0 !important;
}
.hdr_sub_box .login_box .btn_spmenu {
	margin:0 0 0 5px;
}


}


/*size:768px以上共通
----------------------------------------------------*/
@media screen and (min-width:768px){

.pc_disp_none { display:none; }

}

