@charset "UTF-8";
/*----------------------------------------------------------------------------
	2019.8.22　スマホ
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	・リセット
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { body { font-size: 13px; }
  .dp_pc { display: none; }
  .dp_sp { display: inline-block; }
  /*-----コンテンツ-----*/ }
/*640px*/
/*--------------------------------------------------------------------------
	・共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { /*-----パンくず-----*/
  #pan { display: none; }
  /*-----コンテンツタイトル-----*/
  #sub_title { height: 110px; }
  #sub_title .frm h2 { margin: 10px 0 0 0; font-size: 14px; }
  #sub_title .frm p { font-size: 22px; }
  /*-----コンテンツ枠-----*/
  .inner { padding: 50px 10px 70px; }
  .inner_bottom { padding: 0 10px 70px; }
  .outer { padding: 50px 0 70px 0; }
  .outer_top { padding: 50px 0 0 0; }
  .outer_bottom { padding: 0 0 70px 0; }
  /*-----バックボタン-----*/
  .back_btn a { font-size: 14px; }
  .back_btn.more { max-width: 150px; }
  .back_btn.more a { line-height: 30px; font-size: 15px; }
  /*---ブログ系ページネーション---*/
  #wp_page_nav { margin: 50px auto 0; }
  #nav_list ul li { line-height: 34px; font-size: 15px; }
  #nav_list ul li span { width: 34px; height: 34px; }
  #nav_list ul li.omit { line-height: 34px; }
  #nav_list ul li.omit span { padding: 5px 0 0 0; }
  #nav_list #page_number { padding: 15px 0 0; font-size: 12px; }
  #nav_list #page_number span.count:first-of-type { margin: 0 0 20px 0; font-size: 14px; }
  /*-----投稿が無いとき-----*/
  #post_none { margin: 50px auto 50px; }
  /*-----採用情報 募集終了-----*/
  #recruit_end_frm { margin: 40px auto; text-align: left; }
  #recruit_end_frm > p:first-of-type { margin: 0 0 10px 0; font-size: 20px; }
  /*-----エラーページ-----*/
  #error { margin: 50px auto 0 auto; }
  #error .frm p:first-of-type { font-size: 24px; }
  #error .frm + .back_btn { margin: 40px auto 0 auto; } }
/*640px*/
@media screen and (max-width: 480px) { /*-----エラーページ-----*/
  #error h3 { font-size: 22px; }
  #error p { text-align: left; }
  #error p .in_blo { display: inline; } }
/*480px*/
/*--------------------------------------------------------------------------
	telパーツ
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { .contact_tel_info dl dt { padding: 0 20px; font-size: 17px; }
  .contact_tel_info dl dd a[href^="tel:"] { pointer-events: auto; }
  .contact_tel_info p.tel_one a[href^="tel:"] { pointer-events: auto; } }
/*640px*/
@media screen and (max-width: 600px) { .contact_tel_info dl { padding: 15px 0; max-width: 300px; border-radius: 42px; }
  .contact_tel_info dl dt, .contact_tel_info dl dd { display: block; width: 100%; text-align: center; }
  .contact_tel_info dl dt { padding: 0 0 15px 0; } }
/*600px*/
/*--------------------------------------------------------------------------
	ぺージ内ナビ
--------------------------------------------------------------------------*/
/*640px*/
/*--------------------------------------------------------------------------
	豆知識　ナビ
--------------------------------------------------------------------------*/
/*640px*/
/*--------------------------------------------------------------------------
	BMS記事リスト／記事絞り込みベース
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { .post_list_item .data ul li { margin: 0 10px 10px 0; line-height: 22px; }
  .post_list_item .data ul li.type_bms { font-size: 13px; max-width: 114px; }
  .post_list_item .data ul li.type_main { font-size: 12px; max-width: 170px; }
  .post_list_item .data ul li.type_sub { font-size: 13px; max-width: 224px; } }
/*640px*/
/*--------------------------------------------------------------------------
	ぺージ内ナビ
--------------------------------------------------------------------------*/
/*640px*/
/*--------------------------------------------------------------------------
	会社案内ナビ　※上記ページ内ナビを利用
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { /*---------- 会社案内ナビ ----------*/
  .page_sub_menu.nav_company ul { flex-wrap: wrap; }
  .page_sub_menu.nav_company ul li { width: 33.33%; }
  .page_sub_menu.nav_company ul li:nth-of-type(n+4) { padding: 10px 5px 0; } }
/*1000px*/
@media screen and (max-width: 640px) { /*---------- 会社案内ナビ ----------*/
  .page_sub_menu.nav_company { margin: 50px auto 0; }
  .page_sub_menu.nav_company ul li { padding: 0 5px 0; width: 50%; }
  .page_sub_menu.nav_company ul li:nth-of-type(n+3) { padding: 10px 5px 0; } }
/*640px*/
@media screen and (max-width: 400px) { /*---------- 会社案内ナビ ----------*/
  .page_sub_menu.nav_company ul li { width: 100%; }
  .page_sub_menu.nav_company ul li:nth-of-type(n+2) { padding: 10px 5px 0; } }
/*400px*/
/*--------------------------------------------------------------------------
	冒頭文
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { .intro_parts_box > p { line-height: 1.8; font-size: 18px; } }
/*640px*/
/*--------------------------------------------------------------------------
	・TOP
--------------------------------------------------------------------------*/

/*# sourceMappingURL=main_sp.css.map */