@charset "UTF-8";
/* ==========================================================
 html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section { display: block; }

/* ==========================================================
 reseting
========================================================== */
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
img { border: 0; }
img { width: 100%; height: auto; vertical-align: top; }
address, caption, code, em, th { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6, strong, em { font-size: 100%; font-weight: normal; }
sup, sub { font-size: 63%; }
sup { vertical-align: top; }
sub { vertical-align: baseline; }
* { box-sizing: border-box; -webkit-box-sizing: border-box; }

/* ==========================================================
 body
========================================================== */
html { overflow-y: scroll; font-size: 15px; }
/* font change */
html.fz-large { font-size: 18px; }
html.fz-small { font-size: 12px; }

body { line-height: 1.86; color: #000; -webkit-text-size-adjust: 100%; text-align: center; }
body, input, textarea, select, button { font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif; }

/* ==========================================================
 base Link
========================================================== */
a { color: #002d87; text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: none; }

/* ==========================================================
 clearfix
========================================================== */
.clearfix:before,.clearfix:after, .contents:before, .contents:after { content: ""; display: table; }
.clearfix:after, .contents:after { clear: both; }

/* ==========================================================
 layout
========================================================== */
/* ==========================================================
 wrapper
========================================================== */
.wrapper { padding-bottom: 120px; width: 100%; }

/* ==========================================================
 contents
========================================================== */
.contents { width: 960px; margin: 0 auto; text-align: left; }
.inner_wrap { width:960px; margin:0 auto; position:relative; }
.bg_wrap { width:100%; min-width:960px; margin:0 auto; position:relative; }

/* ==========================================================
 header
========================================================== */
.header { margin-bottom: 20px; width: 100%; }
.header-in { width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; }
.header-in:before,
.header-in:after { content: ""; display: table; }
.header-in:after { clear: both; }
/* logo */
.header-logo { float: left; margin-top: 24px; width: 245px; }
/* util */
.header-utility { float: right; }
/* search */
.header-search { float: right; width: 178px; height: 28px; position: relative; }
  /* input */
  .header-search .form-cmn-input { position: absolute; left: 0; top: 0; padding: 0 32px 0 5px; width: 178px; height: 28px; border: 1px solid #b5b5b3; border-radius: 4px; line-height: 28px; -webkit-appearance: none; }
  /* btn */
  .header-search .form-cmn-button { margin-top: -7px; width: 26px; height: 13px; position: absolute; right: 2px; top: 50%; cursor: pointer; text-align: center; background-color: #fff; }
    .header-search .form-cmn-button img { width: 13px; height: 13px; }
/* fontsize */
.header-fontsize { float: right; margin-right: 22px; font-size: 80%; }
  /* label */
  .header-fontsize .title { float: left; margin-top: 8px; line-height: 1.08; }
  /* btn */
  .header-fontsize .btns { float: right; margin-left: 18px; border-top: 1px solid #b5b5b3; border-bottom: 1px solid #b5b5b3; border-left: 1px solid #b5b5b3; }
  .header-fontsize .btns > li { float: left; display: table; border-right: 1px solid #b5b5b3; }
    .header-fontsize .btns > li a { display: table-cell; width: 28px; height: 26px; color: #000; text-align: center; line-height: 26px; text-decoration: none; }
  /* hover, current */
  .header-fontsize .btns > li a.is-current,
  .header-fontsize .btns > li a:hover,
  .header-fontsize .btns > li a:focus { color: #fff; background-color: #014da1; }
/* links */
.header-links { float: right; margin: 8px 14px 0 0; border-right: 1px solid #cecece; }
  .header-links li { width: 70px; border-left: 1px solid #cecece; font-size: 80%; text-align: center; line-height: 1.08; }
    .header-links li a { text-decoration: none; color: #000; }
    .header-links li a:hover,
    .header-links li a:focus { text-decoration: underline; }

/* ==========================================================
 nav-global
========================================================== */
/* current */
body.solution .nav-global .nav01 > .btn:before,
body.about .nav-global .nav02 > .btn:before,
body.information .nav-global .nav03 > .btn:before,
body.recruit .nav-global .nav04 > .btn:before,
body.contact .nav-global .nav05 > .btn:before { display: block; content: ""; padding: 0 5px; width: 172px; height: 5px; background-color: #014da1; position: absolute; left: 0px; bottom: 0; z-index: 999; }
/* navs */
.nav-global .navs { margin: 37px auto 0; width: 960px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; position: relative; }
/* clearfix */
.nav-global .navs:before,
.nav-global .navs:after { content: ""; display: table; }
.nav-global .navs:after { clear: both; }
/* btn */
.nav-global .btn { display: block; height: 40px; padding: 7px 0 3px; position: relative; color: #000; text-align: center; line-height: 1.7; cursor: pointer; text-decoration: none; }
.nav-global .navs:hover .btn { z-index: 998; }
.nav-global .navs:hover .btn:before { background-color: #fff !important; }
/* nav */
.nav-global .nav { float: left; padding: 0 5px; width: 192px; border-right: 1px solid #bdbdbd; cursor: pointer; }
.nav-global .nav:first-child { border-left: 1px solid #bdbdbd; }
  .nav-global .nav:hover .btn { z-index: 999; }
  .nav-global .nav:hover .btn:before,
  .nav-global .nav:hover .btn:after { display: block; content: ""; padding: 0 5px; height: 5px; position: absolute; }
  .nav-global .nav:hover .btn:before { width: 172px; background-color: #014da1 !important; left: -1px; bottom: 0; }
  .nav-global .nav:hover .btn:after { width: 182px; background-color: #fff; left: -6px; bottom: -5px; }
/* menu */
.nav-global .menu { display: none; margin: 0 auto; padding: 20px 30px; width: 960px; border-top: 5px solid #014da1; border-bottom: 5px solid #014da1; background-color: #fff; position: absolute; left: 0; top: 40px; z-index: 997; }
/* clearfix */
.nav-global .menu:before,
.nav-global .menu:after { content: ""; display: table; }
.nav-global .menu:after { clear: both; }
  .nav-global .menu .grid:before,
  .nav-global .menu .grid:after { content: ""; display: table; }
  .nav-global .menu .grid:after { clear: both; }
/* col */
.nav-global .menu .col { float: left; color: #014da1; text-align: left; }
.nav-global .menu .col + .col { margin-left: 40px; }
  .nav-global .menu .col a { display: inline-block; color: #014da1; text-decoration: none; position: relative; }
  .nav-global .menu .col a:hover,
  .nav-global .menu .col a:focus { text-decoration: underline; }
  .nav-global .menu .col a:before { display: block; position: absolute; top: .45em; left: 0; -ms-transform: scale(0.5); -moz-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); -ms-transform-origin: left top; -moz-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; }
/* title */
.nav-global .menu .col > .title { font-size: 106.66%; }
  .nav-global .menu .col > .title a { padding-left: 14px; }
  .nav-global .menu .col > .title a:before { display: block; content: url(/img/common/ico_link_arrow_02_l.png); width: 18px; height: 24px; top: .5em; }
/* level1 */
.nav-global .menu .level1 { float: left; padding-left: 18px; font-size: 93.33%; }
.nav-global .menu .col > .title + .level1 { margin-top: 5px; }
  .nav-global .menu .level1 .title { padding-left: 12px; }
  .nav-global .menu .level1 + .title { margin-top: 16px; }
  .nav-global .menu .level1 + .level1 { margin-left: 20px; }
    .nav-global .menu .level1 > li > a { padding-left: 12px; }
    .nav-global .menu .level1 > li > a:before { content: url(/img/common/ico_link_arrow_02_m.png); width: 14px; height: 18px; }
/* level2 */
.nav-global .menu .level2 { margin: 3px 0 10px; padding-left: 14px; font-size: 85.71%; }
  .nav-global .menu .level2 > li > a { padding-left: 12px; }
  .nav-global .menu .level2 > li > a:before { content: url(/img/common/ico_link_arrow_02_s.png); width: 12px; height: 16px; }

#comm_header_wrap { padding:18px 0 17px; background:#000; }
#comm_header_logo { width:116px; float:right; margin-right:12px; }
.comm_header_nav_wrap { width:538px; float:left; }
.comm_header_nav { float:left; background-position:center top; background-repeat:no-repeat; background-size:100%; }
#comm_header_nav01 { width:98px; margin-right:40px; background-image:url(/recruit2021/common/img/comm_header_nav01_on.gif); }
#comm_header_nav02 { width:102px; margin-right:40px; background-image:url(/recruit2021/common/img/comm_header_nav02_on.gif); }
#comm_header_nav03 { width:124px; margin-right:40px; background-image:url(/recruit2021/common/img/comm_header_nav03_on.gif); }
#comm_header_nav04 { width:90px; background-image:url(/recruit2021/common/img/comm_header_nav04_on.gif); }
#comm_header_mynavi a,#ind_header_mynavi a, .comm_header_nav a { width:100%; display:block; transition-property:opacity; transition-duration:0.3s; transition-timing-function:ease; -webkit-transition-property:opacity; -webkit-transition-duration:0.3s; -webkit-transition-timing-function:ease; }
#comm_header_mynavi a:hover,#ind_header_mynavi a:hover, .comm_header_nav a:hover,
.message #comm_header_nav01 a, .about #comm_header_nav02 a, .talk #comm_header_nav03 a, .member #comm_header_nav04 a { opacity:0; }
#comm_header_mynavi { width:195px; height:60px; margin-top:-5px; margin-left:50px; float:left; background:url(/recruit2021/common/img/comm_header_mynavi_on.gif); }


.bg_fixed { /*height:600px;*/ background-size:cover; background-position:center bottom; background-repeat:no-repeat; background-attachment:fixed; }

.bg_fixed.longheight { background-size:100%; background-position:center 60%; background-attachment:scroll; }


#comm_footer_wrap {  }
.comm_footer_entry_wrap { background-size:cover; background-position:center top; background-repeat:no-repeat; }
#comm_footer_entry_wrap01 { padding:150px 0; background-image:url(/recruit2021/common/img/comm_footer_fixed.jpg); }
#comm_footer_entry_wrap02 { padding:185px 0; background-image:url(/recruit2021/common/img/comm_footer_bg.jpg); }
.comm_footer_entry { width:300px; height:60px; float:left; background-size:cover; background-position:center top; background-repeat:no-repeat; }
#comm_footer_entry01 { margin-left:158px; margin-bottom:34px; background-image:url(/recruit2021/common/img/comm_foot_entry01_on.gif); }
#comm_footer_entry02 { margin-left:44px; margin-right:158px; margin-bottom:34px; background-image:url(/recruit2021/common/img/comm_foot_entry02_on.gif); }
#comm_footer_entry03 { background-image:url(/recruit2021/common/img/comm_foot_entry03_on.gif); }
#comm_footer_entry04 { margin-left:30px; margin-right:30px; background-image:url(/recruit2021/common/img/comm_foot_entry04_on.gif); }
#comm_footer_entry05 { background-image:url(/recruit2021/common/img/comm_foot_entry05_on.gif); }

#comm_footer_mynavi { width:195px; height:60px; margin:0 auto; clear:both; background:url(https://job.mynavi.jp/conts/kigyo/2021/logo/banner_logo_195_60.gif); }
#comm_footer_mynavi a, .comm_footer_entry a { width:100%; height:100%; display:block; transition-property:opacity; transition-duration:0.3s; transition-timing-function:ease; -webkit-transition-property:opacity; -webkit-transition-duration:0.3s; -webkit-transition-timing-function:ease; }
#comm_footer_mynavi a:hover, .comm_footer_entry a:hover { opacity:0; }
#comm_footer_link_wrap { background:#000; padding:18px 0 15px; }
#comm_footer_logo { width:155px; float:left; margin-right:30px; }
#comm_footer_link { width:106px; float:left; margin-top:14px; }
#comm_footer_copyright { float:right; margin-top:10px; text-align:right; color:#fff; font-size:70%; }

#comm_home_link { margin-top:5px; }
#comm_home_link a { padding-left:20px; color:#000; background:url(/recruit2021/common/img/comm_home_icon.gif) left 50% no-repeat; background-size:1em; }