@charset "UTF-8";
/*----------------------------------------------------------------------------
	2019.8.22　スマホ
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	・リセット
--------------------------------------------------------------------------*/
@media screen and (max-width: 1180px) { /*-----コンテンツ-----*/
  html { scroll-padding-top: 80px; }
  #contents { padding: 87px 0 0 0; }
  #contents.from_region { padding: 87px 0 0 0; } }
@media screen and (max-width: 900px) { /*-----コンテンツ-----*/
  #contents { padding: 74px 0 0 0; }
  #contents.from_region { padding: 74px 0 0 0; } }
@media screen and (max-width: 768px) { body { font-size: 13px; }
  .dp_pc { display: none; }
  .dp_sp { display: inline-block; }
  /*-----コンテンツ-----*/ }
/*768px*/
/*--------------------------------------------------------------------------
	・共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { /*-----パンくず-----*/
  #pan { display: none; }
  /*-----コンテンツタイトル-----*/
  #sub_title { height: 120px; background-size: auto 120px; }
  #sub_title .frm h2 .sbj { font-size: 14px; }
  #sub_title .frm h2 .sbj_en { font-size: 28px; }
  /*-----コンテンツ枠-----*/
  .inner { padding: 40px 10px 60px; }
  .outer { padding: 40px 0 60px 0; }
  .outer_top { padding: 40px 0 0 0; }
  .outer_bottom { padding: 0 0 60px 0; }
  /*-----バックボタン-----*/
  .back_btn a { font-size: 14px; }
  .back_btn.wp_3btn { max-width: 550px; }
  .back_btn.wp_3btn > div#back { width: 200px; }
  .back_btn.wp_3btn > div#prev, .back_btn.wp_3btn > div#next { width: 30%; }
  .back_btn.wp_3btn > div#prev a, .back_btn.wp_3btn > div#next a { margin: 0 auto 0; width: 60px; font-size: 15px; }
  .back_btn.wp_3btn > div#prev { padding: 0 10px 0 0; }
  .back_btn.wp_3btn > div#next { padding: 0 0 0 10px; }
  /*---ブログ系ページネーション---*/
  #nav_list ul li { width: 34px; line-height: 32px; font-size: 15px; }
  #nav_list ul li.arrow a { height: 34px; line-height: 34px; }
  #nav_list #page_number { padding: 15px 0 0; font-size: 12px; }
  .blog_page_nav { display: block; text-align: center; }
  .blog_page_nav > div { display: block; }
  .blog_page_nav .p_all { padding: 0; text-align: center; }
  .blog_page_nav .p_nation { margin-top: 10px; }
  .blog_page_nav .page-numbers { width: 34px; line-height: 32px; font-size: 15px; }
  .blog_page_nav .page-numbers.prev, .blog_page_nav .page-numbers.next { background-size: 8px auto; height: 34px; line-height: 34px; }
  /*-----投稿が無いとき-----*/
  #post_none { margin: 50px auto 50px; }
  /*-----エラーページ-----*/
  #error div.msg { margin: 0 auto 40px auto; padding: 0 0 35px 0; }
  #error div.msg p:first-of-type { margin: 0 0 30px 0; font-size: 28px; } }
/*768px*/
@media screen and (max-width: 640px) { /*-----印刷用フッター-----*/
  #print_ft_office .pf_frm { padding: 30px 5px 0; }
  #print_ft_office .pf_frm .pf_item .pf_logo { max-width: 300px; }
  #print_ft_office .pf_frm .pf_item .pf_logo p { margin-top: 10px; font-size: 13px; }
  #print_ft_office .pf_frm .pf_item .office_list { margin: 30px auto 0; max-width: 400px; }
  #print_ft_office .pf_frm .pf_item .office_list dl { display: block; }
  #print_ft_office .pf_frm .pf_item .office_list dl dt, #print_ft_office .pf_frm .pf_item .office_list dl dd { display: block; }
  #print_ft_office .pf_frm .pf_item .office_list dl dt { padding: 10px 0 0; width: 100%; text-align: left; }
  #print_ft_office .pf_frm .pf_item .office_list dl dd { padding: 8px 0 5px; } }
/*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: 1000px) { #mailform_tel { max-width: 500px; }
  #mailform_tel > div section { padding: 0; width: 100%; }
  #mailform_tel > div section:nth-of-type(n+2) { margin-top: 10px; }
  #mailform_tel > div section > div p { padding: 5px 10px 0 30px; text-align: left; }
  #mailform_tel.tel_areatype > div section { padding: 0; width: 100%; }
  #mailform_tel.tel_areatype > div section:nth-of-type(n+2) { margin-top: 20px; }
  #mailform_tel.tel_areatype > div section > div p { text-align: center; } }
/*1000px*/
@media screen and (max-width: 768px) { #mailform_tel { max-width: 400px; }
  #mailform_tel > div section > div { display: table; width: 100%; }
  #mailform_tel > div section > div h3 { width: 150px; font-size: 16px; }
  #mailform_tel > div section > div p { padding: 5px 10px 0 20px; text-align: left; }
  #mailform_tel > div section > div p span { background-size: 30px auto; padding: 0 0 0 42px; }
  #mailform_tel.tel_areatype > div section { padding: 0; width: 100%; }
  #mailform_tel.tel_areatype > div section:nth-of-type(n+2) { margin-top: 20px; }
  #mailform_tel.tel_areatype > div section > div p { text-align: center; }
  #mailform_tel.tel_areatype.tel_one { max-width: 400px; } }
/*768px*/
@media screen and (max-width: 480px) { #mailform_tel > div section > div { display: block; }
  #mailform_tel > div section > div h3, #mailform_tel > div section > div p { display: block; height: auto; }
  #mailform_tel > div section > div h3 { padding: 10px 0 8px; width: 100%; }
  #mailform_tel > div section > div p { margin: 0 auto 0; padding: 20px 0 15px; text-align: center; }
  #mailform_tel > div section > div p span { width: 220px; text-align: left; } }
/*480px*/
/*--------------------------------------------------------------------------
	ぺージ内ナビ
--------------------------------------------------------------------------*/
/*768px*/
/*--------------------------------------------------------------------------
	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*/
/*--------------------------------------------------------------------------
	会社案内ナビ　※上記ページ内ナビを利用
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { .page_sub_menu.navi_company { margin: 0 auto 40px; }
  .page_sub_menu.navi_company ul { flex-wrap: wrap; }
  .page_sub_menu.navi_company ul li { width: 33.33%; }
  .page_sub_menu.navi_company ul li:nth-of-type(n+4) { margin-top: 5px; }
  .page_sub_menu.navi_company ul li:nth-of-type(4) { border-left: 1px solid #000000; }
  .page_sub_menu.navi_company ul li a { padding: 5px; } }
/*768px*/
/*--------------------------------------------------------------------------
	募集要項・エントリーバナー
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { .recruit_link a { max-width: 500px; font-size: 18px; } }
/*768px*/
/*--------------------------------------------------------------------------
	・TOP
--------------------------------------------------------------------------*/

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