@charset "UTF-8";
/*------------------------------------
	会社概要
--------------------------------------*/
#map, #map2 { max-width: 400px; height: 240px; margin-top: 10px; }

.map_p { font-weight: bold; }

.mapInnner { width: 160px; float: left; font-size: 12px; }

.mapInner_wrap img { width: 60px; position: relative; top: 4px; }

/*------------------------------------
	会社概要ここまで
--------------------------------------*/
.contena { margin: 0 8px; }

@media only screen and (min-width: 981px) { .contena { margin: auto; } }
.footerWrap { padding: 0 16px; }

.header_textbox { -webkit-transition: none; transition: none; }

body { overflow-x: hidden; }

/*------------------------------------
	PCスマホ出し分け
--------------------------------------*/
.globalnav .pcView { font-weight: normal; width: 100%; }

.pcView { display: inline-block; }

@media all and (max-width: 768px) { .pcView { display: none; } }
.spView { display: none; }

@media all and (max-width: 768px) { .spView { display: inline-block; } }
/*------------------------------------ スマホ用　ヘッダ追従
--------------------------------------*/
@media only screen and (min-width: 881px) { #fixHeader { display: none !important; } }
#fixHeader { background: rgba(2, 86, 156, 0.85); position: fixed; top: 0px; left: 0px; width: 100%; display: none; z-index: 9999; padding: 8px 8px 10px; text-align: center; }

#fixHeader li { display: inline-block; }

/*------------------------------------
	▼レスポンシブここから 880px
--------------------------------------*/
@media only screen and (max-width: 880px) { /*----- ▼レイアウト系 -----*/
  body { overflow-x: hidden; min-width: 320px; }
  .content_wrap { padding-top: 0; }
  /*----- ▼グロナビ -----*/
  .glonav_inner { text-align: center; background-color: rgba(0, 0, 0, 0.2); padding-bottom: 8px; }
  .globalnav { height: 30px; position: relative; top: 0px; }
  .globalnav_home img { max-width: 120px; }
  .glonav_inner ul { top: 0; }
  .globalnav ul li:last-child { border: none; }
  .glonav_menu a { padding: 4px 6px !important; margin: auto; width: 100%; font-size: 1.2rem; }
  .globalnav_home { float: none; }
  .glonav_inner ul { display: table; table-layout: fixed; width: 100%; }
  .globalnav ul li { padding: 0 2%; }
  /*----- ▼ヘッダ検索、キャッチコピーまわり -----*/
  .header_inner { margin-top: -30px; }
  .header_inner_main { top: 100px; }
  .header_inner_main form { padding: 0 16px; }
  .header_text { font-size: 2.2rem; }
  .header_search { display: block; margin: auto; max-width: 480px; position: relative; }
  .header_textbox { display: block; width: 100%; }
  .header_search span { position: absolute; right: 0; top: -8px; }
  .header_search_link a { font-size: 1.2rem; }
  /*----- ▼フッター -----*/
  .footer_inner { text-align: center; padding: 52px 0 8px; }
  .titleFooter { font-size: 1.8rem; }
  .footer_menu { padding: 16px 4px; }
  .footer_menu ul { font-size: 1.3rem; width: auto; border: none; height: auto; margin: auto; padding: 0; display: inline; line-height: 1; }
  .footer_menu ul li { margin: 8px auto; display: inline-block; }
  .footer_menu ul li a { padding: 0 8px; }
  .footer_copyRight { font-size: 1.2rem; }
  /*----- ▼汎用パーツ系 -----*/
  a.thisItem_detail_btn { width: 80%; max-width: 480px; } }
/*------------------------------------
	▲レスポンシブここまで 880px▲
--------------------------------------*/
/*------------------------------------
	▼レスポンシブここから 640px
--------------------------------------*/
@media only screen and (max-width: 640px) { /*----- ▼ヘッダ検索、キャッチコピーまわり -----*/
  .header_inner_main { top: 92px; }
  .topPage .header_inner { height: 300px; }
  .topPage .header_inner_main { top: 100px; }
  /*----- ▼グロナビ -----*/
  .globalnav_home img { max-width: 100px; }
  .glonav_inner { padding-bottom: 18px; }
  .glonav_inner ul { top: 4px; }
  /*----- ▼汎用パーツ系 -----*/
  .titleFish { font-size: 1.8rem; background-size: 40px auto; padding-left: 50px; }
  .contentMiniWrap { padding-top: 8px; } }
/*------------------------------------
	▲レスポンシブここまで 640px▲
--------------------------------------*/
/*----- ▼トップページ -----*/
.topPage .header_inner { height: 380px; }

.topPage .header_inner_main { top: 118px; }

.topPage .bx-wrapper { max-width: inherit !important; }

.topPage .partsItem__search a { color: #FFF; }

.modalWindow__title { font-weight: bold; font-size: 1.8rem; }

.modalWindow__list { padding: 48px 0; }

.modalWindow__list li { display: inline-block; }

.modalWindow__list .itemIcon { background: #02569C; border-radius: 3px; text-decoration: none; color: #FFF !important; padding: 16px 32px; font-size: 1.5rem; }

.modalWindow__list .itemIcon:hover { opacity: 0.8; -moz-opacity: 0.8; -ms-filter: "alpha(opacity=80)"; }

/*----- ▼トップページ -----*/
.topPage .header_inner { height: 380px; }

.topPage .header_inner_main { top: 118px; }

.topPage .bx-wrapper { max-width: inherit !important; }

.topPage .partsItem__search a { color: #FFF; }

.modalWindow__title { font-weight: bold; font-size: 1.8rem; }

.modalWindow__list { padding: 48px 0; }

.modalWindow__list li { display: inline-block; }

.modalWindow__list .itemIcon { background: #02569C; border-radius: 3px; text-decoration: none; color: #FFF !important; padding: 16px 8px; font-size: 1.5rem; min-width: 130px; }

.modalWindow__list .itemIcon:hover { opacity: 0.8; -moz-opacity: 0.8; -ms-filter: "alpha(opacity=80)"; }

/*----- ▼個人情報 -----*/
@media only screen and (max-width: 880px) { .privacy_wrap div { padding-left: 3px; padding-right: 3px; } }
@media only screen and (max-width: 640px) { .privacy_wrap .privacy_inner { padding: 0; } }
/*----- ▼採用情報 -----*/
.tell_font a { font-weight: bold; color: #4D4D4D; }

@media only screen and (max-width: 880px) { .recruit_coment:after { content: ""; clear: both; display: block; }
  .recruit_coment p { display: block; }
  .recruit_coment p:last-child { max-width: inherit; }
  .recruit_coment p:first-child { width: 20%; }
  .recruit_inner div { height: auto; } }
@media only screen and (max-width: 640px) { .recruit_inner table, .recruit_inner tr, .recruit_inner th, .recruit_inner td, .recruit_inner tbody { display: block; width: 100% !important; }
  .recruit_inner th { text-align: left; padding: 12px !important; }
  .recruit_inner td { padding: 8px !important; }
  .recruit_inner table hr { margin: 16px auto; padding: 0; }
  .recruit_coment p:first-child { float: none; text-align: center; width: auto; margin-bottom: 12px; }
  .recruit_coment p:last-child { padding: 0; }
  .tell_font { font-size: 2.3rem; } }
/*----- ▼会社概要 -----*/
@media only screen and (max-width: 640px) { .company_wrap table, .company_wrap tr, .company_wrap th, .company_wrap td, .company_wrap tbody { display: block; width: 100% !important; }
  .company_wrap th { text-align: left; padding: 12px !important; }
  .company_wrap td { padding: 8px !important; }
  .company_wrap table hr { margin: 16px auto; padding: 0; } }
/*------------------------------------
	▼ページング
--------------------------------------*/
.page__next { border-spacing: 0; border-top: solid 1px #e0e0e0; clear: both; display: table; padding: 24px 0 0; table-layout: fixed; text-align: right; width: 100%; }

@media all and (max-width: 640px) { .article .page__next { text-align: center; } }
.article .page__next--img { display: inline-block; float: right; height: 75px; margin: 0 16px; vertical-align: top; width: 100px; }

@media all and (max-width: 640px) { .article .page__next--img { float: none; height: 45px; margin-bottom: 6px; width: 68px; } }
.article .page__next li { display: table-cell; vertical-align: top; width: 50%; }

.article .page__next li.page__next--prev { border-right: 1px solid #e0e0e0; text-align: left; }

@media all and (max-width: 640px) { .article .page__next li.page__next--prev { text-align: center; } }
.article .page__next li.page__next--prev .page__next--img { float: left; }

@media all and (max-width: 640px) { .article .page__next li.page__next--prev .page__next--img { float: none; } }
.article .page__next a { -webkit-transition: all .3s; display: block; padding: 16px 8px; text-decoration: none !important; -webkit-transition: all .3s; transition: all .3s; }

.article .page__next a:hover { filter: alpha(opacity=60); opacity: .6; }

.article .page__next--title { font-size: 12px; font-size: 1.2rem; font-weight: 700; overflow: hidden; vertical-align: top; }

@media all and (max-width: 640px) { .article .page__next--title { overflow: auto; } }
.article .page__next--label { background: #eee; display: block; font-size: 12px; font-size: 1.2rem; margin: 0 8px 8px; text-align: center; }

@media only screen and (max-width: 385px) { .glonav_menu a { font-size: 1rem; padding: 4px 5px !important; } }
.fotter__lasttext, .header__firsttext { display: none; }