@charset "UTF-8";
/*--------------------------------------------------------------------------
	◆jn_menu_fixed	メイン部分
--------------------------------------------------------------------------*/
html, body { /*height:1000px;*/ position: relative; }

div#wrap { z-index: 8000; width: 100%; min-height: 100%; position: relative; overflow: hidden; }

.menu_fixed { position: fixed; top: 0; }

/*--メニュー--(PC時通常→SP)*/
nav { background: #808080; width: 100%; z-index: 9000; }
nav #nav_wrap { margin: 0 auto 0; width: 100%; max-width: 1160px; }
nav #nav_wrap #switch_menu { position: relative; display: table; table-layout: fixed; width: 100%; font-size: 0; }
nav #nav_wrap #switch_menu > div { display: table-cell; text-align: center; vertical-align: top; font-size: 15px; position: relative; }
nav #nav_wrap #switch_menu > div > a { display: block; font-weight: 400; text-decoration: none; overflow: hidden; color: #FFF; height: 60px; vertical-align: middle; padding: 18px 9px 0; }
nav #nav_wrap #switch_menu > div > a.highlight { background-color: #4b8fc0; }
nav #nav_wrap #switch_menu > div > a.active { background-color: #4b8fc0; }
nav #nav_wrap #switch_menu > div > a:hover { background-color: #4b8fc0; }
nav #nav_wrap #switch_menu > div > a article { display: block; width: 100%; }
nav #nav_wrap #switch_menu > div img { max-width: 20px; width: inherit; height: auto; vertical-align: middle; }
nav #nav_wrap #switch_menu > div > article { position: absolute; display: none; }
nav #nav_wrap #switch_menu > div > article ul li { text-align: left; font-size: 13px; font-weight: 500; }
nav #nav_wrap #switch_menu > div > article ul li a { display: block; width: 100%; color: #FFF; padding: 8px 20px 8px 20px; background-color: rgba(37, 30, 28, 0.8); word-break: keep-all; white-space: nowrap; }
nav #nav_wrap #switch_menu > div > article ul li a.oneLink:hover article span:first-child { display: none; }
nav #nav_wrap #switch_menu > div > article ul li a:hover { text-decoration: none; color: #e0eef7; }
nav #nav_wrap #switch_menu > div > article ul li:first-child > a { padding-top: 20px; }
nav #nav_wrap #switch_menu > div > article ul li:last-child > a { padding-bottom: 20px; }
nav #nav_wrap #switch_menu > div > article ul li.gc_set > a span { display: inline-block; padding-left: 20px; background-image: url("../img/navi_mago.png"); background-position: left center; background-repeat: no-repeat; background-size: auto 13px; }
nav #nav_wrap #switch_menu > div > article ul li.gc_set > a:hover span { background-image: url("../img/navi_mago_mo.png"); }
nav #nav_wrap #switch_menu > div > article ul li ul { position: absolute; right: 100%; top: 0; border: none; }
nav #nav_wrap #switch_menu > div > article ul li ul.gc_close { display: none; }
nav #nav_wrap #switch_menu > div > article ul li ul.gc_open { display: block; }
nav #nav_wrap #switch_menu > div > article ul li ul li a { padding: 8px 20px 8px 20px; background-color: rgba(83, 71, 65, 0.8); text-align: left; }
nav #nav_wrap #switch_menu > div > article ul li ul li a span { background: none; }
nav #nav_wrap #switch_menu > div > article ul li ul li.pc_g_top a { padding-top: 20px; }
nav #nav_wrap #switch_menu > div > article ul li ul li.sp_g_only { display: none; }
nav #nav_wrap #switch_menu > div > article ul li ul li:last-child a { padding-bottom: 20px; }
nav #nav_wrap #switch_menu > div > article:last-child { right: 0; }
nav #nav_wrap #switch_menu div.menu_last .open_menu { right: 0; }
nav #nav_wrap #switch_menu div#home { width: 70px; }
nav #nav_wrap #switch_menu div#home a { background: url("../img/navi_home.png") center top 25px no-repeat; background-size: 13px auto; }
nav #nav_wrap #switch_menu div#home a:hover { background-color: #4b8fc0; }
nav #nav_wrap #switch_menu div#home + div article:last-child { right: auto; }
nav #nav_wrap #switch_menu > #submenu_back { position: absolute; display: block; top: 60px; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); }
nav #nav_wrap #switch_menu div.sp_sub_only { display: none; }
nav #nav_wrap #switch_menu div.sp_only { display: none; }
nav #nav_wrap #switch_menu div.sp_cls { display: none; }
nav #nav_wrap #switch_menu div.sp_cls:hover { cursor: pointer; }
nav #nav_wrap #switch_menu > .delta { background: url("../img/navi_arrow.png") center bottom no-repeat; background-size: 11px auto; position: absolute; bottom: 0; width: 11px; height: 20px; transition: transform 0.5s; }
nav #nav_wrap #switch_menu > .delta.delta_close { display: none; }
nav #nav_wrap #switch_menu > .delta.delta_open { display: block; }

.sp_btn, .sp_order { display: none; }

.sp_btn:hover { cursor: pointer; }

/*--メニュー--(PC時からSP表示)*/
div.dummy { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 8000; }

nav { background: none; border: none; }
nav #nav_wrap { margin: 0; border: none; }
nav #nav_wrap div#switch_menu { width: 100%; max-width: 280px; position: fixed; display: none; z-index: 9001; height: 100%; background-color: rgba(238, 238, 238, 0.8); overflow: scroll; top: 0; -webkit-overflow-scrolling: touch; padding: 0; margin-top: 0; border-left: 1px solid #eee; font-family: 'Noto Serif JP', 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'Hiragino Sans', 'ヒラギノ角ゴシック', sans-serif, serif; }
nav #nav_wrap div#switch_menu div { height: auto; display: block; overflow: hidden; text-align: left; }
nav #nav_wrap div#switch_menu div > a { font-size: 15px; display: block; padding: 17px 15px 0 15px; color: #FFF; height: 60px; border-bottom: 1px solid #999; background-color: #0271bd; background-position: right 10px center; background-repeat: no-repeat; background-size: 13px auto; }
nav #nav_wrap div#switch_menu div > a.highlight { color: #FFF; }
nav #nav_wrap div#switch_menu div > a.active { color: #FFF; }
nav #nav_wrap div#switch_menu div > a:hover { color: #FFF; background-color: #003eba; }
nav #nav_wrap div#switch_menu div > a.close { background-image: url("../img/menu_oya_on.png"); }
nav #nav_wrap div#switch_menu div > a.open { background-image: url("../img/menu_oya_off.png"); }
nav #nav_wrap div#switch_menu div > a article { padding: 0; border: none; }
nav #nav_wrap div#switch_menu div > article { position: inherit; }
nav #nav_wrap div#switch_menu div > article ul { display: block; top: 0; }
nav #nav_wrap div#switch_menu div > article ul li { border-bottom: none; }
nav #nav_wrap div#switch_menu div > article ul li a { padding: 15px 30px 15px 15px !important; border-bottom: 1px solid #ccc; line-height: 1.3; color: #222; background-color: #fff; font-size: 14px; text-align: left; }
nav #nav_wrap div#switch_menu div > article ul li a span { background-image: none !important; padding: 0 !important; }
nav #nav_wrap div#switch_menu div > article ul li a span.in_blo.nav { display: block; }
nav #nav_wrap div#switch_menu div > article ul li a:hover { color: #222; background-color: #e0eef7; }
nav #nav_wrap div#switch_menu div > article ul li.gc_set a { background-position: right 10px center; background-repeat: no-repeat; background-size: 13px auto; }
nav #nav_wrap div#switch_menu div > article ul li.gc_set a.gc_set_close { background-image: url("../img/menu_mago_on.png"); }
nav #nav_wrap div#switch_menu div > article ul li.gc_set a.gc_set_open { background-image: url("../img/menu_mago_off.png"); }
nav #nav_wrap div#switch_menu div > article ul li.gc_set > ul { position: inherit; left: 0; }
nav #nav_wrap div#switch_menu div > article ul li.gc_set > ul li a { background: #FFF url("../img/menu_mago.png") left 30px center no-repeat; background-size: 13px auto; padding-left: 50px !important; }
nav #nav_wrap div#switch_menu div > article ul li.gc_set > ul li a:hover { color: #222; background-color: #e0eef7; }
nav #nav_wrap div#switch_menu div > article ul li.gc_set > ul li.sp_g_only { display: block; }
nav #nav_wrap div#switch_menu div#home { width: 100%; }
nav #nav_wrap div#switch_menu div#home a { background: none; background-color: #003eba; }
nav #nav_wrap div#switch_menu div#home a:hover { background: none; background-color: #0271bd; }
nav #nav_wrap div#switch_menu div#home a::after { content: '採用情報特集 HOME'; }
nav #nav_wrap div#switch_menu div#home a img { display: none; }
nav #nav_wrap div#switch_menu div.sp_sub_only { display: block; }
nav #nav_wrap div#switch_menu div.sp_only { display: block; }
nav #nav_wrap div#switch_menu div.sp_only a { padding: 5px 15px 0 40px; color: #000; display: block; background-position: left 15px top 10px; background-repeat: no-repeat; background-size: 16px auto; background-color: #FFF; }
nav #nav_wrap div#switch_menu div.sp_only a:hover { color: #C1272D; }
nav #nav_wrap div#switch_menu div.sp_only.sp_model a { background-image: url("../img/menu01_01.png"); }
nav #nav_wrap div#switch_menu div.sp_only.sp_request a { background-image: url("../img/menu02_01.png"); }
nav #nav_wrap div#switch_menu div.sp_only.sp_contact a { background-image: url("../img/menu03_01.png"); }
nav #nav_wrap div#switch_menu div.sp_only.sp_land a { background-image: url("../img/menu04_01.png"); }
nav #nav_wrap div#switch_menu div.sp_only.sp_online a { background-image: url("../img/menu05_01.png"); }
nav #nav_wrap div#switch_menu div > .delta { display: none !important; }

.sp_btn, .sp_order { display: block; }

/*-----TOPページスライド上用-----*/
#wrap.top header nav { background: none; }
#wrap.top header.filter nav { transition-property: background; transition-duration: 1s; }
#wrap.top header.filter_on nav { background: none; }
#wrap.top header.filter_on nav #switch_menu.sp_close > div { border-bottom: 1px solid #FFF; }
#wrap.top header.filter_off nav { background: #808080; }

@media screen and (max-width: 1100px) { nav #nav_wrap #switch_menu div#home { width: 60px; } }
/*1100px*/
@media screen and (max-width: 680px) { /*--メニュー--*/
  nav #nav_wrap #switch_menu div { letter-spacing: 0.02em; } }
/*@media 680px END*/
/*@media 640px END*/

/*# sourceMappingURL=jn_importmenu_v1.0_r.css.map */