@charset "UTF-8";
/* スマホ・タブレット
----------------------------------------------------------------------------

	共通

	採用情報特設サイト TOP 共通

--------------------------------------------------------------------------*/
/*1000px*/
/*768px*/
/*640px*/
/*480px*/
/*--------------------------------------------------------------------------
	採用情報特設サイト TOP 共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { .tr_box { padding: 30px 10px; max-width: 420px; }
  .tr_box h2 { font-size: 24px; }
  .tr_box h2 + p { margin: 15px 0 25px 0; } }
/*768px*/
/*--------------------------------------------------------------------------
	採用情報特設サイト サブページ 共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { ul.cat_nav_list li a { padding: 15px 10px; font-size: 15px; } }
/*768px*/
/*--------------------------------------------------------------------------
	採用情報特設サイト　TOP
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { .re_info_top .top_culture > ul li { padding: 0 10px; }
  .re_info_top .top_culture > ul li a { padding: 50px 10px; font-size: 22px; }
  .re_info_top .top_office .frm .item { height: 360px; }
  .re_info_top .top_office .frm .item .enter { width: 360px; }
  .re_info_top .top_office .frm .item .enter a { height: 230px; max-width: 240px; }
  .re_info_top .top_office .frm .item .enter a h2 { font-size: 26px; }
  .re_info_top .top_office .frm .item .enter a p span { font-size: 15px; } }
/*1000px*/
@media screen and (max-width: 800px) { .re_info_top .top_culture > ul { max-width: 600px; flex-wrap: wrap; }
  .re_info_top .top_culture > ul li { width: 50%; }
  .re_info_top .top_culture > ul li:nth-of-type(n+3) { padding: 20px 10px 0 10px; } }
/*800px*/
@media screen and (max-width: 768px) { .re_info_top .top_theme { margin: 40px auto 60px auto; }
  .re_info_top .top_theme p { line-height: 2; font-size: 20px; text-align: left; }
  .re_info_top .top_about ul.page_nav li a { padding: 15px 10px; font-size: 20px; }
  .re_info_top .top_about .about { margin: -30px 0 0 0; height: 450px; }
  .re_info_top .top_about .about > div h2 { font-size: 24px; }
  .re_info_top .top_about .about > div p { margin: 10px 0 15px 0; font-size: 15px; }
  .re_info_top .top_about a.company, .re_info_top .top_about a.work, .re_info_top .top_about a.voice { height: 140px; }
  .re_info_top .top_about a.company > div, .re_info_top .top_about a.work > div, .re_info_top .top_about a.voice > div { padding: 20px 20px 15px 20px; }
  .re_info_top .top_about a.company > div h2, .re_info_top .top_about a.work > div h2, .re_info_top .top_about a.voice > div h2 { margin: 0; font-size: 20px; }
  .re_info_top .top_about a.company > div p, .re_info_top .top_about a.work > div p, .re_info_top .top_about a.voice > div p { font-size: 15px; }
  .re_info_top .msg_box { height: 220px; font-size: 20px; text-align: left; }
  .re_info_top .msg_box > div p br { display: none; }
  .re_info_top .top_culture { margin: 0 auto 60px auto; }
  .re_info_top .top_culture .intro { height: 440px; }
  .re_info_top .top_culture > ul { margin: 50px auto 30px auto; max-width: 500px; }
  .re_info_top .top_culture > ul li a { padding: 30px 10px; font-size: 20px; }
  .re_info_top .top_culture > ul + p { line-height: 2.2; font-size: 15px; text-align: left; }
  .re_info_top .top_data { height: 360px; }
  .re_info_top .top_faq { height: 300px; }
  .re_info_top .top_faq > div h2 { font-size: 24px; }
  .re_info_top .top_faq > div h2 + p { margin: 15px 0 20px 0; }
  .re_info_top .top_office .frm .item { height: 300px; }
  .re_info_top .top_office .frm .item .enter { width: 300px; }
  .re_info_top .top_office .frm .item .enter a { height: 190px; max-width: 200px; }
  .re_info_top .top_office .frm .item .enter a h2 { font-size: 24px; }
  .re_info_top .top_office .frm .item .enter a p span { font-size: 14px; } }
/*768px*/
@media screen and (max-width: 640px) { .re_info_top .top_about ul.page_nav li a { font-size: 17px; }
  .re_info_top .top_about .about { height: 400px; }
  .re_info_top .top_about .about > div p { font-size: 14px; }
  .re_info_top .top_office .frm .item { height: auto; flex-wrap: wrap; }
  .re_info_top .top_office .frm .item .ph { width: 100%; height: 200px; flex: none; -webkit-flex: none; order: 2; }
  .re_info_top .top_office .frm .item .enter { padding: 30px 10px; width: 100%; order: 1; }
  .re_info_top .top_office .frm .item .enter a { height: 130px; max-width: 640px; }
  .re_info_top .top_office .frm .item .enter a p span { margin: 10px 0 0 0; padding: 10px 0 0 0; } }
/*640px*/
@media screen and (max-width: 540px) { .re_info_top .top_culture > ul li { width: 100%; }
  .re_info_top .top_culture > ul li:nth-of-type(n+2) { padding: 10px 10px 0 10px; }
  .re_info_top .top_culture > ul li a { padding: 17px 10px; font-size: 18px; }
  .re_info_top .top_culture > ul li a br { display: none; } }
/*540px*/
/*--------------------------------------------------------------------------
	代表メッセージ
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #re_msg .comment { padding: 100px 10px; font-size: 17px; } }
/*1000px*/
@media screen and (max-width: 768px) { #re_msg .ceo .ph, #re_msg .ceo .cap { display: block; width: 100%; }
  #re_msg .ceo .ph { margin: 0 auto; max-width: 240px; }
  #re_msg .ceo .cap { padding: 30px 0 0 0; font-size: 18px; text-align: center; }
  #re_msg .ceo .cap h2 { margin: 0 0 10px 0; font-size: 22px; }
  #re_msg .comment { margin: 30px auto 0 auto; padding: 40px 10px; line-height: 2; font-size: 15px; text-align: left; min-height: 100%; }
  #re_msg .comment p:nth-of-type(n+2) { margin: 15px 0 0 0; }
  #re_msg .comment .sp_no { display: none; } }
/*768px*/
@media screen and (max-width: 600px) { #re_msg .ceo .cap { font-size: 16px; }
  #re_msg .ceo .cap h2 { margin: 0 0 10px 0; font-size: 20px; }
  #re_msg .comment { font-size: 14px; } }
/*600px*/
/*--------------------------------------------------------------------------
	会社案内
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #re_office .outline .intro .frm h2 { width: 200px; } }
/*1000px*/
@media screen and (max-width: 768px) { #re_office ul.cat_nav_list { margin: 0 auto 30px auto; }
  #re_office .outline .intro { margin: 0 auto 50px auto; padding: 20px 10px; }
  #re_office .outline .intro .frm h2, #re_office .outline .intro .frm .cap { display: block; width: 100%; }
  #re_office .outline .intro .frm h2 { padding: 0 0 10px 0; font-size: 20px; }
  #re_office .outline .intro .frm .cap { line-height: 2; font-size: 14px; }
  #re_office .outline .data_list { margin: 0 auto 70px auto; }
  #re_office .outline .data_list .item h3 { padding: 15px 10px; width: 180px; font-size: 15px; }
  #re_office .outline .data_list .item .cap { padding: 20px 35px 20px 0; }
  #re_office .outline .data_list .item .cap p.att { margin: 15px 0 0 0; font-size: 12px; }
  #re_office .sort { margin: 0 auto 30px auto; }
  #re_office .sort h2 { padding: 0 10px 10px 10px; font-size: 17px; }
  #re_office .data { margin: 0 auto 70px auto; }
  #re_office .data.line03 dl { width: 50%; }
  #re_office .data dl { padding: 15px; border: 1px solid #fff; display: flex; display: -webkit-flex; background: #e0eef7; }
  #re_office #cat04 h3 { margin: 0 auto 20px auto; }
  #re_office #cat04 h3 span.year { font-size: 15px; }
  #re_office #cat04 h3 span.main { font-size: 20px; }
  #re_office #cat04 h3 span.sort { font-size: 13px; } }
/*768px*/
@media screen and (max-width: 640px) { #re_office .outline .data_list .item h3, #re_office .outline .data_list .item .cap { display: block; width: 100%; }
  #re_office .outline .data_list .item h3 { padding: 20px 10px 0 10px; }
  #re_office .outline .data_list .item .cap { padding: 10px 10px 20px 10px; }
  #re_office .data.line03 dl, #re_office .data.line02 dl { width: 100%; } }
/*640px*/
@media screen and (max-width: 600px) { #re_office ul.cat_nav_list { flex-wrap: wrap; }
  #re_office ul.cat_nav_list li { width: 50%; }
  #re_office ul.cat_nav_list li:nth-of-type(n+3) { width: 33.33%; }
  #re_office ul.cat_nav_list li a { padding: 12px 10px 10px 10px; } }
/*600px*/
/*--------------------------------------------------------------------------
	よくある質問
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #re_faq ul.cat_nav { margin: 0 auto 60px auto; }
  #re_faq ul.cat_nav li a { padding: 15px 10px; font-size: 15px; }
  #re_faq > article { margin: 70px auto 0 auto; }
  #re_faq > article .category h2 { margin: 0 auto 30px auto; font-size: 20px; max-width: 640px; }
  #re_faq > article .faq_item { margin: 15px auto 0 auto; max-width: 660px; }
  #re_faq > article .faq_item > div { padding: 15px 20px 12px 20px; }
  #re_faq > article .faq_item > div .q h3 { font-size: 18px; }
  #re_faq > article .faq_item > div .q.sb_close { background: url("../img/re_arrow01_r.png") no-repeat right center; background-size: 14px auto; }
  #re_faq > article .faq_item > div .q.sb_open { background: url("../img/re_arrow01_b.png") no-repeat right center; background-size: 18px auto; } }
/*768px*/
@media screen and (max-width: 640px) { #re_faq ul.cat_nav_list { flex-wrap: wrap; }
  #re_faq ul.cat_nav_list li { width: 50%; } }
/*640px*/
/*--------------------------------------------------------------------------
	マードプラスを知る 共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 1200px) { .about_item01 .frm .ph { width: 500px; }
  .about_item02 .frm .ph { width: 400px; } }
/*1200px*/
@media screen and (max-width: 1000px) { .about_item01 .frm .ph { width: 400px; } }
/*1000px*/
@media screen and (max-width: 860px) { .about_intro { margin: 0 0 50px 0; }
  .about_item01 .frm { background: #eee; flex-wrap: wrap; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
  .about_item01 .frm .ph { margin: 30px auto 40px auto; padding: 0 10px; width: 100%; max-width: 520px; }
  .about_item01 .frm .cap { width: 100%; background: #fff; }
  .about_item01 .frm .cap .sbj { padding: 0 20px; }
  .about_item02 { padding: 40px 20px; }
  .about_item02 .frm { flex-wrap: wrap; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
  .about_item02 .frm .ph { margin: 0 auto; width: 100%; max-width: 500px; }
  .about_item02 .frm .cap { width: 100%; }
  .about_item03 { max-width: 600px; }
  .about_item03 .frm .cap { margin: 20px 0 0 0; } }
/*860px*/
@media screen and (max-width: 768px) { .about_intro { margin: 0 0 20px 0; }
  .about_intro h2 { font-size: 24px; }
  .about_intro p { margin: 15px 0 0 0; line-height: 2; font-size: 15px; }
  .about_item01 { margin: 0 auto 70px auto; }
  .about_item01 .frm .ph { margin: 20px auto; max-width: 460px; }
  .about_item01 .frm .cap .sbj { padding: 0 10px; }
  .about_item01 .frm .cap .sbj h3 { padding: 15px 0 10px 10px; border-left: 7px solid #0271bd; font-size: 18px; }
  .about_item02 { margin: 0 auto 70px auto; padding: 30px 10px; }
  .about_item02 .frm .ph { max-width: 440px; }
  .about_item02 .frm .cap .sbj h3 { font-size: 22px; }
  .about_item03 .frm .cap { margin: 20px 0 0 0; } }
/*768px*/
/*--------------------------------------------------------------------------
	マードプラスを知る　TOP
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #re_about_top .intro { margin: 0 0 30px 0; line-height: 1.8; font-size: 17px; text-align: left; }
  #re_about_top .intro p br { display: none; }
  #re_about_top .sort { padding: 20px 10px; height: 200px; }
  #re_about_top .sort > a { padding: 10px 15px; }
  #re_about_top .sort > a .frm .type { width: 200px; }
  #re_about_top .sort > a .frm .type h2 { margin: 0 0 3px 0; font-size: 22px; }
  #re_about_top .sort > a .frm .type p { font-size: 15px; }
  #re_about_top .sort > a .frm > p { padding: 0 0 0 20px; font-size: 14px; } }
/*768px*/
@media screen and (max-width: 540px) { #re_about_top .sort > a .frm { display: block; }
  #re_about_top .sort > a .frm .type { width: 100%; text-align: center; }
  #re_about_top .sort > a .frm .type h2 { margin: 0; line-height: 1.2; }
  #re_about_top .sort > a .frm > p { padding: 10px 0 0 0; width: 100%; font-size: 13px; } }
/*540px*/
/*--------------------------------------------------------------------------
	マードプラスを知る 会社を知る
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #re_about_company .about_item01 .frm .cap { padding: 0 0 0 40px; }
  #re_about_company .about_item02 .frm .cap { padding: 0 40px 0 0; } }
/*1000px*/
@media screen and (max-width: 860px) { #re_about_company .about_item01 .frm .cap { padding: 0; }
  #re_about_company .about_item01 .frm .cap > p { padding: 30px 20px 0 20px; }
  #re_about_company .about_item02 .frm .cap { padding: 0 0 30px 0; }
  #re_about_company .about_item02 .frm .cap > p { padding: 20px 0 0 0; } }
/*860px*/
@media screen and (max-width: 768px) { #re_about_company .about_item01 .frm .cap > p { padding: 20px 10px 0 10px; }
  #re_about_company .about_item02 .frm .cap { padding: 0 0 20px 0; }
  #re_about_company .about_item02 .frm .cap > p { padding: 15px 0 0 0; } }
/*768px*/
/*--------------------------------------------------------------------------
	マードプラスを知る 仕事を知る
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #re_about_work .about_item01 .frm .cap { padding: 0 40px 0 0; }
  #re_about_work .about_item02 .frm .cap { padding: 0 0 0 40px; } }
/*1000px*/
@media screen and (max-width: 860px) { #re_about_work .about_item01 .frm .ph { order: 1; }
  #re_about_work .about_item01 .frm .cap { padding: 0; order: 2; }
  #re_about_work .about_item01 .frm .cap > p { padding: 30px 20px 0 20px; }
  #re_about_work .about_item02 .frm .ph { order: 2; }
  #re_about_work .about_item02 .frm .cap { padding: 0 0 30px 0; order: 1; }
  #re_about_work .about_item02 .frm .cap > p { padding: 20px 0 0 0; } }
/*860px*/
@media screen and (max-width: 768px) { #re_about_work .about_item01 .frm .cap > p { padding: 20px 10px 0 10px; }
  #re_about_work .about_item02 .frm .cap { padding: 0 0 20px 0; }
  #re_about_work .about_item02 .frm .cap > p { padding: 15px 0 0 0; } }
/*768px*/
/*--------------------------------------------------------------------------
	マードプラスを知る　社員の本音
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #re_about_voice > section:nth-of-type(2n) .item .frm .main .cap { margin: 0; }
  #re_about_voice > section:nth-of-type(2n) .person .frm .cap { padding: 35px 40px 30px 35px; }
  #re_about_voice > section .item { background: #e0eef7; }
  #re_about_voice > section .item + .item { margin: 20px auto 0 auto; }
  #re_about_voice > section .item.p01 .frm, #re_about_voice > section .item.p02 .frm, #re_about_voice > section .item.p03 .frm { background: none; }
  #re_about_voice > section .item .frm .main { max-width: 820px; padding: 0 10px; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
  #re_about_voice > section .item .frm .main .ph { margin: 0 auto; display: block; }
  #re_about_voice > section .item .frm .main .cap { margin: 0; }
  #re_about_voice > section .person .frm .ph { width: 270px; }
  #re_about_voice > section .person .frm .cap { padding: 35px 35px 30px 40px; }
  #re_about_voice > section .person .frm .cap .sbj h3 { font-size: 26px; }
  #re_about_voice > section .person .frm .cap > dl dt span.data { font-size: 16px; }
  #re_about_voice > section .person .frm .cap > dl dt span.name { font-size: 22px; }
  #re_about_voice > section .item_data { max-width: 820px; }
  #re_about_voice > section .item_data dl dt { padding: 10px 15px; width: 220px; }
  #re_about_voice > section .item_data dl dd { padding: 10px 15px; } }
/*1000px*/
@media screen and (max-width: 900px) { #re_about_voice > section:nth-of-type(2n) .person .frm .ph { order: 1; }
  #re_about_voice > section:nth-of-type(2n) .person .frm .cap { padding: 20px 40px 15px 35px; order: 2; }
  #re_about_voice > section .person .frm { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
  #re_about_voice > section .person .frm .ph { padding: 20px 10px; width: 100%; }
  #re_about_voice > section .person .frm .ph img { margin: 0 auto; display: block; max-width: 300px; }
  #re_about_voice > section .person .frm .cap { padding: 20px 35px 15px 40px; }
  #re_about_voice > section .person .frm .cap > dl dt { margin: 10px 0 0 0; } }
/*900px*/
@media screen and (max-width: 768px) { #re_about_voice > section:nth-of-type(2n) .item .frm .main .cap { border-left: 15px solid #003eba; }
  #re_about_voice > section:nth-of-type(2n) .person .frm .cap { padding: 20px 15px; }
  #re_about_voice > section .item .frm { padding: 30px 0; }
  #re_about_voice > section .item .frm .main .cap { padding: 20px 15px; border-right: 15px solid #003eba; }
  #re_about_voice > section .item .frm .main .cap .sbj h3 { font-size: 22px; }
  #re_about_voice > section .item .frm .main .cap > dl dt { margin: 15px 0 0 0; }
  #re_about_voice > section .item .frm .main .cap > dl dt span.data { font-size: 14px; }
  #re_about_voice > section .item .frm .main .cap > dl dt span.name { font-size: 18px; }
  #re_about_voice > section .person .frm { padding: 30px 10px; }
  #re_about_voice > section .person .frm .ph img { max-width: 240px; }
  #re_about_voice > section .person .frm .cap { padding: 20px 15px; border-right: 15px solid #003eba; }
  #re_about_voice > section .person .frm .cap .sbj h3 { font-size: 22px; }
  #re_about_voice > section .person .frm .cap > dl dt { margin: 15px 0 0 0; }
  #re_about_voice > section .person .frm .cap > dl dt span.data { font-size: 14px; }
  #re_about_voice > section .person .frm .cap > dl dt span.name { font-size: 18px; }
  #re_about_voice > section .item_data { max-width: 820px; }
  #re_about_voice > section .item_data dl dt { width: 180px; } }
/*768px*/
@media screen and (max-width: 540px) { #re_about_voice > section .item_data { max-width: 820px; }
  #re_about_voice > section .item_data dl { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-wrap: wrap; }
  #re_about_voice > section .item_data dl dt { padding: 7px 10px; width: 100%; }
  #re_about_voice > section .item_data dl dd { padding: 10px; } }
/*540px*/
/*--------------------------------------------------------------------------
	社風・働き方 共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { .cul_nav ul li { padding: 0 10px; } }
/*1000px*/
@media screen and (max-width: 800px) { .cul_nav ul { max-width: 600px; flex-wrap: wrap; }
  .cul_nav ul li { width: 50%; }
  .cul_nav ul li:nth-of-type(n+3) { padding: 20px 10px 0 10px; }
  .cul_nav ul li.top { margin: 0 auto; padding: 40px 10px 0 10px; } }
/*800px*/
@media screen and (max-width: 768px) { .cul_nav ul { margin: 70px auto 0 auto; max-width: 500px; }
  .cul_nav ul li.top { padding: 30px 10px 0 10px; }
  .cul_nav ul li.top a { font-size: 15px; }
  .cul_topimg { height: 240px; }
  .cul_topimg .cap h2 span { padding: 10px 0 7px 45px; background: url("../img/re_arrow02_b.png") no-repeat #0271bd left 15px top 25px; background-size: 14px auto; font-size: 22px; max-width: 300px; } }
/*768px*/
@media screen and (max-width: 540px) { .cul_nav > ul li { width: 100%; }
  .cul_nav > ul li:nth-of-type(n+2) { padding: 10px 10px 0 10px; }
  .cul_nav > ul li.top { padding: 30px 10px 0 10px; }
  .cul_nav > ul li a { padding: 7px; }
  .cul_nav > ul li a span br { display: none; } }
/*540px*/
/*--------------------------------------------------------------------------
	社風・働き方 TOP
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #re_culture_top .cul_nav > ul li a { font-size: 22px; }
  #re_culture_top .cul_nav > ul li a span { padding: 50px 10px; } }
/*1000px*/
@media screen and (max-width: 768px) { #re_culture_top .topimg { height: 400px; font-size: 20px; }
  #re_culture_top .intro { margin: 40px auto 0 auto; font-size: 15px; text-align: left; }
  #re_culture_top .cul_nav ul { margin: 40px auto 0 auto; }
  #re_culture_top .cul_nav ul li a { font-size: 20px; }
  #re_culture_top .cul_nav ul li a span { padding: 30px 10px; } }
/*768px*/
@media screen and (max-width: 540px) { #re_culture_top .topimg { height: 300px; font-size: 18px; }
  #re_culture_top .cul_nav > ul li a { font-size: 18px; }
  #re_culture_top .cul_nav > ul li a span { padding: 15px 10px; } }
/*540px*/
/*--------------------------------------------------------------------------
	社風・働き方 社風
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #re_culture_style .scenery .list .item { padding: 0 20px; }
  #re_culture_style .scenery .list .item:nth-of-type(n+3) { padding: 50px 20px 0 20px; } }
/*1000px*/
@media screen and (max-width: 768px) { #re_culture_style .scenery { margin: 60px auto 0 auto; }
  #re_culture_style .scenery h3 { margin: 0 0 30px 0; font-size: 22px; }
  #re_culture_style .scenery .list .item { padding: 0 10px; }
  #re_culture_style .scenery .list .item:nth-of-type(n+3) { padding: 40px 10px 0 10px; } }
/*768px*/
@media screen and (max-width: 480px) { #re_culture_style .scenery { max-width: 380px; }
  #re_culture_style .scenery .list .item { width: 100%; }
  #re_culture_style .scenery .list .item:nth-of-type(n+2) { padding: 30px 10px 0 10px; } }
/*480px*/
/*--------------------------------------------------------------------------
	社風・働き方 働きやすい環境づくり
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #re_culture_scene .point h3 { font-size: 26px; }
  #re_culture_scene .point .item .ph { height: 320px; }
  #re_culture_scene .point .item .comment h4 { width: 360px; font-size: 20px; }
  #re_culture_scene .point .item .comment .cap { font-size: 17px; } }
/*1000px*/
@media screen and (max-width: 768px) { #re_culture_scene .point { margin: 70px auto 0 auto; }
  #re_culture_scene .point h3 { margin: 0 0 10px 0; font-size: 24px; }
  #re_culture_scene .point .item .ph { height: 300px; }
  #re_culture_scene .point .item .comment { margin: 15px auto 0 auto; }
  #re_culture_scene .point .item .comment h4, #re_culture_scene .point .item .comment .cap { display: block; width: 100%; }
  #re_culture_scene .point .item .comment h4 { padding: 0; }
  #re_culture_scene .point .item .comment .cap { font-size: 15px; line-height: 2; } }
/*768px*/
@media screen and (max-width: 640px) { #re_culture_scene .point .item .ph { height: 260px; } }
/*768px*/
/*--------------------------------------------------------------------------
	社風・働き方 社員研修制度
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #re_culture_training .training .list .part { width: 300px; }
  #re_culture_training .training .list .comment { padding: 0 0 0 30px; } }
/*1000px*/
@media screen and (max-width: 768px) { #re_culture_training .intro { margin: 50px auto 30px auto; }
  #re_culture_training .intro h3 { font-size: 22px; }
  #re_culture_training .training .list { padding: 20px 20px; }
  #re_culture_training .training .list:nth-of-type(n+2) { margin: 20px 0 0 0; }
  #re_culture_training .training .list .part { width: 240px; }
  #re_culture_training .training .list .part p span { line-height: 34px; }
  #re_culture_training .training .list .part p span.type { width: 120px; font-size: 15px; }
  #re_culture_training .training .list .part p span.no { width: 50px; font-size: 20px; }
  #re_culture_training .training .list .part h4 { padding: 15px 0 0 0; font-size: 18px; }
  #re_culture_training .training .list .comment { line-height: 2; font-size: 14px; } }
/*768px*/
@media screen and (max-width: 640px) { #re_culture_training .training .list { padding: 20px 15px 15px 15px; }
  #re_culture_training .training .list:nth-of-type(n+2) { margin: 20px 0 0 0; }
  #re_culture_training .training .list .part, #re_culture_training .training .list .comment { display: block; width: 100%; }
  #re_culture_training .training .list .part { margin: 0 0 10px 0; padding: 0 0 10px 0; border-right: none; border-bottom: 1px solid #fff; }
  #re_culture_training .training .list .comment { padding: 0; } }
/*640px*/
/*--------------------------------------------------------------------------
	社風・働き方 働きやすい環境づくり
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #re_culture_schedule .intro { margin: 50px auto 30px auto; }
  #re_culture_schedule .intro h3 { margin: 0 0 10px 0; font-size: 22px; }
  #re_culture_schedule .schedule { padding: 50px 10px; }
  #re_culture_schedule .schedule .frm .list { display: table; width: 100%; table-layout: fixed; }
  #re_culture_schedule .schedule .frm .list .time, #re_culture_schedule .schedule .frm .list .part { display: block; width: 100%; }
  #re_culture_schedule .schedule .frm .list:first-of-type .part { padding: 25px 0 0 0; }
  #re_culture_schedule .schedule .frm .list:last-of-type .time { padding: 0; background: none; }
  #re_culture_schedule .schedule .frm .list:last-of-type .time p { padding: 0; background: none; }
  #re_culture_schedule .schedule .frm .list .time { padding: 60px 0 0 0; background: none; text-align: left; }
  #re_culture_schedule .schedule .frm .list .time p span { padding: 0 15px; line-height: 40px; font-size: 22px; }
  #re_culture_schedule .schedule .frm .list .part { padding: 25px 0 0 0; }
  #re_culture_schedule .schedule .frm .list .part .step { padding: 0 15px; }
  #re_culture_schedule .schedule .frm .list .part .step .comment { padding: 0 0 0 20px; }
  #re_culture_schedule .schedule .frm .list .part .step .comment h4 { padding: 0 0 10px 24px; background: url("../img/re_arrow01_r.png") no-repeat left top 9px; background-size: 14px auto; font-size: 22px; } }
/*768px*/
@media screen and (max-width: 640px) { #re_culture_schedule .schedule .frm .list .part .step .comment h4 { padding: 0 0 5px 20px; background: url("../img/re_arrow01_r.png") no-repeat left top 10px; background-size: 10px auto; font-size: 20px; } }
/*640px*/
@media screen and (max-width: 540px) { #re_culture_schedule .schedule { padding: 50px 10px; }
  #re_culture_schedule .schedule .frm .list .part .step .ph, #re_culture_schedule .schedule .frm .list .part .step .comment { display: block; width: 100%; }
  #re_culture_schedule .schedule .frm .list .part .step .comment { padding: 20px 0 0 0; }
  #re_culture_schedule .schedule .frm .list .part .step .ph { margin: 0 auto; max-width: 130px; } }
/*540px*/
/*--------------------------------------------------------------------------
	データで見るマードプラス
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #re_data .outline .list .item .frm { padding: 30px 10px 25px 10px; }
  #re_data .outline .list .item .frm .main .ph img { max-width: 140px; }
  #re_data .outline .list .item .frm .main .data h4 { font-size: 22px; }
  #re_data .outline .list .item .frm .main .data p { font-size: 17px; }
  #re_data .outline .list .item .frm .main .data p span.value { font-size: 38px; }
  #re_data .outline .list .item .frm .main .data p span.denomi { font-size: 14px; }
  #re_data .sales .theme { padding: 30px 10px 25px 10px; }
  #re_data .sales .theme .frm { max-width: 700px; }
  #re_data .sales .theme .frm .ph { width: 130px; }
  #re_data .sales .theme .frm .data { padding: 0 0 0 20px; }
  #re_data .sales .theme .frm .data h4 { margin: 0 30px 0 0; font-size: 27px; }
  #re_data .sales .theme .frm .data p.main { font-size: 40px; }
  #re_data .sales .theme .frm .data p.main span { font-size: 18px; }
  #re_data .sales .theme .frm .data p.year { margin: 2px 0 0 0; font-size: 13px; }
  #re_data .training .data_list .item { width: 50%; }
  #re_data .life .frm .item { padding: 0 20px; }
  #re_data .life .frm .item:nth-of-type(n+3) { padding: 50px 20px 0 20px; }
  #re_data .life .frm .item > div { padding: 30px 10px 25px 10px; }
  #re_data .life .frm .item > div h4 { font-size: 22px; }
  #re_data .life .frm .item > div p { font-size: 38px; }
  #re_data .life .frm .item > div p span { font-size: 13px; }
  #re_data .life .frm .item > div p.att01 { font-size: 12px; }
  #re_data .life .frm .item > div > img { max-width: 90px; } }
/*1000px*/
@media screen and (max-width: 900px) { #re_data .outline .list { flex-wrap: wrap; }
  #re_data .outline .list .item { width: 100%; }
  #re_data .outline .list .item:nth-of-type(n+2) { width: 50%; padding: 20px 10px 0 10px; }
  #re_data .outline .list .item:nth-of-type(n+2) .frm .main .ph { width: 100px; }
  #re_data .outline .list .item .frm { padding: 30px 15px 25px 15px; border: 1px solid #0271bd; display: flex; display: -webkit-flex; width: 100%; background: #e0eef7; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; }
  #re_data .outline .list .item .frm .main { display: flex; display: -webkit-flex; width: 100%; text-align: left; }
  #re_data .outline .list .item .frm .main .ph { width: 130px; }
  #re_data .outline .list .item .frm .main .data { padding: 0 0 0 20px; flex: 1; -webkit-flex: 1; align-self: center; }
  #re_data .outline .list .item .frm .main .data h4 { margin: 0 0 10px 0; }
  #re_data .sales .data_list .item h4 { padding: 15px 0 10px 15px; }
  #re_data .sales .data_list .item p { padding: 15px 15px 10px 0; width: 150px; } }
/*900px*/
@media screen and (max-width: 800px) { #re_data .outline .list .item:nth-of-type(n+2) { width: 100%; }
  #re_data .outline .list .item:nth-of-type(n+2) .frm .main .ph { width: 110px; }
  #re_data .outline .list .item .frm .main .ph { width: 110px; }
  #re_data .outline .list .item .frm .main .data br.sp { display: none; } }
/*800px*/
@media screen and (max-width: 768px) { #re_data h3 { margin: 0 0 25px 0; font-size: 24px; }
  #re_data .intro { margin: 0 0 70px 0; }
  #re_data .intro h2 { font-size: 24px; }
  #re_data .intro p { margin: 15px 0 0 0; line-height: 2; font-size: 15px; }
  #re_data .outline { margin: 0 auto 70px auto; }
  #re_data .sales { margin: 0 auto 70px auto; }
  #re_data .sales .theme .frm { max-width: 420px; }
  #re_data .sales .theme .frm .ph { width: 120px; }
  #re_data .sales .theme .frm .data { padding: 0 0 0 30px; }
  #re_data .sales .theme .frm .data h4 { margin: 0 0 10px 0; display: block; font-size: 24px; }
  #re_data .sales .theme .frm .data p { font-size: 40px; }
  #re_data .sales .theme .frm .data p span { font-size: 16px; }
  #re_data .sales .data_list { margin: 40px auto 0 auto; }
  #re_data .sales .data_list .item { width: 100%; }
  #re_data .sales .data_list .item h4 { padding: 15px 0 10px 15px; font-size: 13px; }
  #re_data .sales .data_list .item p { padding: 15px 10px 10px 0; width: 130px; }
  #re_data .training .theme { height: 280px; }
  #re_data .training .theme .frm { padding: 40px 10px 30px 10px; }
  #re_data .training .theme .frm h3 { margin: 0 0 10px 0; }
  #re_data .training .theme .frm p { font-size: 14px; }
  #re_data .training .data_list { margin: 30px auto 70px auto; }
  #re_data .training .data_list .item h4 { font-size: 13px; }
  #re_data .training .data_list .item p { width: 50px; }
  #re_data .life .frm { max-width: 500px; }
  #re_data .life .frm .item { padding: 0 10px; }
  #re_data .life .frm .item:nth-of-type(n+3) { padding: 30px 10px 0 10px; }
  #re_data .life .frm .item > div { padding: 25px 10px; }
  #re_data .life .frm .item > div h4 { font-size: 20px; }
  #re_data .life .frm .item > div p { font-size: 30px; }
  #re_data .life .frm .item > div p span { font-size: 14px; }
  #re_data .life .frm .item > div > img { max-width: 70px; } }
/*768px*/
@media screen and (max-width: 640px) { #re_data .training .data_list .item { width: 100%; } }
/*640px*/
@media screen and (max-width: 480px) { #re_data .outline .list .item .frm { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
  #re_data .outline .list .item .frm .main { text-align: center; flex-wrap: wrap; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
  #re_data .outline .list .item .frm .main .ph { margin: 0 auto; width: 100%; max-width: 110px; }
  #re_data .outline .list .item .frm .main .data { padding: 20px 0 0 0; width: 100%; flex: none; -webkit-flex: none; }
  #re_data .outline .list .item .frm .main .data p { font-size: 15px; }
  #re_data .outline .list .item .frm .main .data p span.value { font-size: 34px; }
  #re_data .outline .list .item .frm .main .data p span.denomi { font-size: 15px; }
  #re_data .outline .list .item .frm .main .data br.sp { display: block; } }
/*480px*/
@media screen and (max-width: 440px) { #re_data .sales .theme .frm .ph, #re_data .sales .theme .frm .data { display: block; width: 100%; text-align: center; }
  #re_data .sales .theme .frm .ph { margin: 0 auto; max-width: 110px; }
  #re_data .sales .theme .frm .data { padding: 25px 0 0 0; }
  #re_data .life .frm .item { width: 100%; }
  #re_data .life .frm .item:nth-of-type(n+2) { padding: 30px 10px 0 10px; }
  #re_data .life .frm .item > div { padding: 15px 10px; } }
/*440px*/

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