@charset "UTF-8";
/*--------------------------------------------------------------------------

	共通

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

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	採用情報特設サイト TOP 共通
--------------------------------------------------------------------------*/
.cap_box { display: flex; display: -webkit-flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; }

.tr_box { margin: 0 auto; padding: 40px 20px; width: 100%; background: rgba(255, 255, 255, 0.7); text-align: center; max-width: 500px; }
.tr_box h2 { color: #0070bc; font-size: 28px; font-weight: normal; letter-spacing: 0.2em; }
.tr_box h2 + p { margin: 20px 0 30px 0; }

/*--------------------------------------------------------------------------
	採用情報特設サイト サブページ 共通
--------------------------------------------------------------------------*/
ul.cat_nav_list { padding: 0 10px; display: flex; display: -webkit-flex; text-align: center; }
ul.cat_nav_list li { display: flex; display: -webkit-flex; }
ul.cat_nav_list li a { padding: 20px 10px; display: flex; display: -webkit-flex; width: 100%; line-height: 1.4; font-size: 17px; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; margin-top: -1px; margin-left: -1px; width: calc(100% + 1px); }
ul.cat_nav_list li a:link, ul.cat_nav_list li a:visited { border: 1px solid #0271bd; color: #0271bd; background: #fff; }
ul.cat_nav_list li a:active, ul.cat_nav_list li a:hover { border: 1px solid #0271bd; color: #fff; background: #0271bd; }

/*--------------------------------------------------------------------------
	採用情報特設サイト　TOP
--------------------------------------------------------------------------*/
.re_info_top .top_theme { margin: 120px auto 100px auto; padding: 0 10px; }
.re_info_top .top_theme p { line-height: 2.4; font-size: 26px; text-align: center; }
.re_info_top .top_about ul.page_nav { margin: 0 auto; padding: 0 10px; display: flex; display: -webkit-flex; text-align: center; max-width: 1220px; }
.re_info_top .top_about ul.page_nav li { padding: 0 1px; display: flex; display: -webkit-flex; width: 50%; }
.re_info_top .top_about ul.page_nav li a { padding: 30px 10px; display: flex; display: -webkit-flex; width: 100%; line-height: 1.6; font-size: 24px; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; }
.re_info_top .top_about ul.page_nav li a:link, .re_info_top .top_about ul.page_nav li a:visited { border: 1px solid #0070bc; color: #fff; background: #0070bc; }
.re_info_top .top_about ul.page_nav li a:active, .re_info_top .top_about ul.page_nav li a:hover { border: 1px solid #0070bc; color: #0070bc; background: #fff; }
.re_info_top .top_about .about { margin: -50px 0 0 0; height: 570px; background: url("../../recruit-info/img/bg_about_top01.jpg") no-repeat center center; background-size: cover; }
.re_info_top .top_about .about > div { margin: 0 auto; padding: 0 10px; width: 100%; max-width: 1120px; }
.re_info_top .top_about .about > div h2 { line-height: 1.4; color: #0070bc; font-size: 36px; font-weight: normal; letter-spacing: 0.2em; }
.re_info_top .top_about .about > div p { margin: 15px 0 20px 0; font-size: 17px; letter-spacing: 0.2em; }
.re_info_top .top_about .about > div .back_btn a { margin: 0; }
.re_info_top .top_about a.company, .re_info_top .top_about a.work, .re_info_top .top_about a.voice { padding: 0 10px; height: 200px; }
.re_info_top .top_about a.company:hover, .re_info_top .top_about a.company:active, .re_info_top .top_about a.work:hover, .re_info_top .top_about a.work:active, .re_info_top .top_about a.voice:hover, .re_info_top .top_about a.voice:active { opacity: 0.7; }
.re_info_top .top_about a.company:hover > div h2, .re_info_top .top_about a.company:active > div h2, .re_info_top .top_about a.work:hover > div h2, .re_info_top .top_about a.work:active > div h2, .re_info_top .top_about a.voice:hover > div h2, .re_info_top .top_about a.voice:active > div h2 { color: #222; }
.re_info_top .top_about a.company:hover > div p, .re_info_top .top_about a.company:active > div p, .re_info_top .top_about a.work:hover > div p, .re_info_top .top_about a.work:active > div p, .re_info_top .top_about a.voice:hover > div p, .re_info_top .top_about a.voice:active > div p { color: #0070bc; }
.re_info_top .top_about a.company > div, .re_info_top .top_about a.work > div, .re_info_top .top_about a.voice > div { margin: 0 auto; padding: 30px 50px; border: 1px solid #0070bc; width: 100%; max-width: 1100px; }
.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 0 5px 0; line-height: 1.4; font-size: 26px; font-weight: normal; letter-spacing: 0.2em; }
.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 { color: #0070bc; font-size: 18px; letter-spacing: 0.2em; }
.re_info_top .top_about a.company { background: url("../../recruit-info/img/bg_about_company01.jpg") no-repeat center center; background-size: cover; text-align: right; }
.re_info_top .top_about a.work { background: url("../../recruit-info/img/bg_about_work01.jpg") no-repeat center center; background-size: cover; text-align: right; }
.re_info_top .top_about a.voice { background: url("../../recruit-info/img/bg_about_voice01.jpg") no-repeat center center; background-size: cover; }
.re_info_top .msg_box { padding: 0 10px; height: 280px; color: #fff; font-size: 26px; text-align: center; }
.re_info_top .msg_box.sec01 { background: url("../../recruit-info/img/bg_sec01.jpg") no-repeat center center; background-size: cover; }
.re_info_top .msg_box.sec02 { background: url("../../recruit-info/img/bg_sec02.jpg") no-repeat center center; background-size: cover; }
.re_info_top .top_culture { margin: 0 auto 100px auto; text-align: center; }
.re_info_top .top_culture .intro { height: 640px; background: url("../../recruit-info/img/bg_culture01.jpg") no-repeat center center; background-size: cover; }
.re_info_top .top_culture > ul { margin: 70px auto 50px auto; display: flex; display: -webkit-flex; max-width: 1040px; }
.re_info_top .top_culture > ul li { padding: 0 20px; display: flex; display: -webkit-flex; width: 25%; }
.re_info_top .top_culture > ul li a { padding: 70px 10px; display: flex; display: -webkit-flex; width: 100%; line-height: 1.6; font-size: 24px; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; }
.re_info_top .top_culture > ul li a:link, .re_info_top .top_culture > ul li a:visited { border: 1px solid #0070bc; color: #fff; background: #0070bc; }
.re_info_top .top_culture > ul li a:active, .re_info_top .top_culture > ul li a:hover { border: 1px solid #0070bc; color: #0070bc; background: #fff; }
.re_info_top .top_culture > ul + p { padding: 0 10px; line-height: 2.4; font-size: 17px; }
.re_info_top .top_data { height: 400px; background: url("../../recruit-info/img/bg_data01.jpg") no-repeat center center; background-size: cover; }
.re_info_top .top_faq { height: 340px; background: url("../../recruit-info/img/bg_faq01.jpg") no-repeat center center; background-size: cover; }
.re_info_top .top_faq > div { margin: 0 auto; padding: 0 10px; width: 100%; color: #fff; max-width: 1200px; }
.re_info_top .top_faq > div h2 { font-size: 28px; font-weight: normal; letter-spacing: 0.2em; }
.re_info_top .top_faq > div h2 + p { margin: 20px 0 30px 0; }
.re_info_top .top_faq > div .back_btn a { margin: 0; }
.re_info_top .top_office { background: #eee; }
.re_info_top .top_office .frm { margin: 0 auto; max-width: 2000px; text-align: center; }
.re_info_top .top_office .frm .item { display: flex; display: -webkit-flex; width: 100%; height: 444px; background: #222; }
.re_info_top .top_office .frm .item .ph { background: url("../../recruit-info/img/img_office01.jpg") no-repeat center center; background-size: cover; flex: 1; -webkit-flex: 1; }
.re_info_top .top_office .frm .item .enter { padding: 20px; width: 490px; }
.re_info_top .top_office .frm .item .enter a { margin: 0 auto; border: 1px solid #999; width: 100%; height: 300px; max-width: 300px; }
.re_info_top .top_office .frm .item .enter a:link, .re_info_top .top_office .frm .item .enter a:visited { background: none; }
.re_info_top .top_office .frm .item .enter a:link h2, .re_info_top .top_office .frm .item .enter a:visited h2 { color: #fff; }
.re_info_top .top_office .frm .item .enter a:link p, .re_info_top .top_office .frm .item .enter a:visited p { color: #0070bc; }
.re_info_top .top_office .frm .item .enter a:link p span, .re_info_top .top_office .frm .item .enter a:visited p span { border-top: 2px solid #999; }
.re_info_top .top_office .frm .item .enter a:active, .re_info_top .top_office .frm .item .enter a:hover { background: #0070bc; }
.re_info_top .top_office .frm .item .enter a:active h2, .re_info_top .top_office .frm .item .enter a:hover h2 { color: #fff; }
.re_info_top .top_office .frm .item .enter a:active p, .re_info_top .top_office .frm .item .enter a:hover p { color: #fff; }
.re_info_top .top_office .frm .item .enter a:active p span, .re_info_top .top_office .frm .item .enter a:hover p span { border-top: 2px solid #fff; }
.re_info_top .top_office .frm .item .enter a h2 { font-size: 28px; font-weight: normal; letter-spacing: 0.2em; }
.re_info_top .top_office .frm .item .enter a p span { margin: 10px 0 0 0; padding: 20px 0 0 0; display: inline-block; width: 100%; font-size: 16px; max-width: 130px; letter-spacing: 0.2em; }

/*--------------------------------------------------------------------------
	代表メッセージ
--------------------------------------------------------------------------*/
#re_msg .ceo { margin: 0 auto; padding: 0 10px; display: table; width: 100%; max-width: 1020px; }
#re_msg .ceo .ph, #re_msg .ceo .cap { display: table-cell; vertical-align: middle; }
#re_msg .ceo .ph { width: 300px; }
#re_msg .ceo .cap { padding: 0 0 0 50px; font-size: 20px; }
#re_msg .ceo .cap h2 { margin: 0 0 30px 0; color: #003eba; font-size: 26px; font-weight: 400; }
#re_msg .comment { margin: -90px auto 0 auto; padding: 40px 10px; display: flex; display: -webkit-flex; line-height: 2.4; background: url("../../recruit-info/msg/img/bg_msg01.jpg") no-repeat center center; background-size: cover; font-size: 20px; text-align: center; min-height: 700px; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; }
#re_msg .comment > div { margin: 0 auto; max-width: 1020px; }
#re_msg .comment .sp_no { display: block; }

/*--------------------------------------------------------------------------
	会社案内
--------------------------------------------------------------------------*/
#re_office ul.cat_nav_list { margin: 0 auto 40px auto; max-width: 1020px; }
#re_office ul.cat_nav_list li { width: 33.33%; }
#re_office .outline .intro { margin: 0 auto 70px auto; padding: 20px 10px; color: #fff; background: #0271bd; }
#re_office .outline .intro .frm { margin: 0 auto; display: table; width: 100%; table-layout: fixed; max-width: 1000px; }
#re_office .outline .intro .frm h2, #re_office .outline .intro .frm .cap { display: table-cell; vertical-align: top; }
#re_office .outline .intro .frm h2 { padding: 0 50px 0 0; width: 300px; font-size: 26px; font-weight: normal; }
#re_office .outline .intro .frm .cap { line-height: 2.2; font-size: 17px; }
#re_office .outline .data_list { margin: 0 auto 120px auto; padding: 0 10px; }
#re_office .outline .data_list .item { margin: 0 auto; border-bottom: 1px solid #999; display: table; width: 100%; table-layout: fixed; max-width: 920px; }
#re_office .outline .data_list .item h3, #re_office .outline .data_list .item .cap { display: table-cell; vertical-align: top; }
#re_office .outline .data_list .item h3 { padding: 20px 35px; width: 250px; font-size: 15px; font-weight: normal; }
#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; padding: 0 0 0 1em; font-size: 13px; text-indent: -1em; }
#re_office .outline .data_list .item .cap span.map { display: inline-block; }
#re_office .outline .data_list .item .cap span.map a { padding: 0 10px; font-size: 13px; }
#re_office .outline .data_list .item .cap span.map a:link, #re_office .outline .data_list .item .cap span.map a:visited { color: #fff; background: #003eba; }
#re_office .outline .data_list .item .cap span.map a:hover, #re_office .outline .data_list .item .cap span.map a:hover { color: #0271bd; background: #e0eef7; }
#re_office > section:last-of-type .data { margin: 0 auto; }
#re_office .sort { margin: 0 auto 50px auto; border-bottom: 1px solid #0271bd; }
#re_office .sort h2 { margin: 0 auto; padding: 0 10px 10px 10px; line-height: 1.4; font-size: 20px; font-weight: normal; max-width: 920px; }
#re_office .data { margin: 0 auto 120px auto; padding: 0 10px; display: flex; display: -webkit-flex; width: 100%; flex-wrap: wrap; max-width: 920px; }
#re_office .data.line03 dl { width: 33.33%; }
#re_office .data.line02 dl { width: 50%; }
#re_office .data.post dl dd { width: 140px; }
#re_office .data.qualification dl dd { width: 50px; }
#re_office .data dl { padding: 15px; border: 1px solid #fff; display: flex; display: -webkit-flex; background: #e0eef7; }
#re_office .data dl dt { flex: 1; -webkit-flex: 1; }
#re_office .data dl dd { text-align: right; }
#re_office .data dl span.name { margin: 0 0 0 30px; display: inline-block; }
#re_office #cat04 h3 { margin: 0 auto 20px auto; padding: 0 10px; font-weight: bold; text-align: center; max-width: 920px; }
#re_office #cat04 h3 span.year { color: #17449a; font-size: 17px; }
#re_office #cat04 h3 span.main { color: #17449a; font-size: 22px; }
#re_office #cat04 h3 span.sort { margin: 0; border-bottom: none; font-size: 15px; font-weight: normal; }

/*--------------------------------------------------------------------------
	よくある質問
--------------------------------------------------------------------------*/
#re_faq ul.cat_nav_list { margin: 0 auto 80px auto; max-width: 1020px; }
#re_faq ul.cat_nav_list li { width: 25%; }
#re_faq > article { margin: 100px auto 0 auto; }
#re_faq > article:first-of-type { margin: 0 auto; }
#re_faq > article .category { background: #000; }
#re_faq > article .category h2 { margin: 0 auto 50px auto; line-height: 1; color: #fff; font-size: 22px; font-weight: normal; max-width: 900px; }
#re_faq > article .category h2 span { padding: 20px 20px 20px 30px; border-left: 10px solid #0271bd; display: inline-block; }
#re_faq > article .faq_item { margin: 30px auto 0 auto; padding: 0 10px; max-width: 920px; }
#re_faq > article .faq_item:first-of-type { margin: 0 auto; }
#re_faq > article .faq_item > div { padding: 20px 40px 15px 40px; background: #e0eef7; }
#re_faq > article .faq_item > div .q h3 { line-height: 1.6; color: #0271bd; font-size: 20px; font-weight: normal; }
#re_faq > article .faq_item > div .q h3:hover { cursor: pointer; }
#re_faq > article .faq_item > div .q.sb_close { background: url("../img/re_arrow01_r.png") no-repeat right center; background-size: 18px auto; }
#re_faq > article .faq_item > div .q.sb_open { background: url("../img/re_arrow01_b.png") no-repeat right center; background-size: 24px auto; }
#re_faq > article .faq_item > div .comment { margin: 20px 0 0 0; display: none; }

/*--------------------------------------------------------------------------
	マードプラスを知る 共通
--------------------------------------------------------------------------*/
.about_intro { margin: 0 0 90px 0; padding: 0 10px; text-align: center; }
.about_intro h2 { line-height: 1.4; color: #003eba; font-size: 36px; font-weight: normal; }
.about_intro p { margin: 20px 0 0 0; line-height: 2.2; font-size: 17px; }

.about_item01 { margin: 0 auto 100px auto; background: #eee; }
.about_item01 .frm { margin: 0 auto; display: flex; display: -webkit-flex; width: 100%; background: #fff; max-width: 1280px; }
.about_item01 .frm .ph { width: 640px; }
.about_item01 .frm .cap { flex: 1; -webkit-flex: 1; }
.about_item01 .frm .cap .sbj { padding: 0 20px 0 30px; background: #000; }
.about_item01 .frm .cap .sbj h3 { padding: 20px 0 15px 15px; border-left: 10px solid #0271bd; color: #fff; font-size: 21px; font-weight: normal; letter-spacing: 0.1em; }
.about_item01 .frm .cap > p { line-height: 2.2; }

.about_item02 { margin: 0 auto 100px auto; padding: 60px 10px; background: #e0eef7; }
.about_item02 .frm { margin: 0 auto; display: flex; display: -webkit-flex; width: 100%; max-width: 1100px; }
.about_item02 .frm .ph { width: 500px; }
.about_item02 .frm .cap { flex: 1; -webkit-flex: 1; }
.about_item02 .frm .cap .sbj h3 { color: #003eba; font-size: 21px; font-weight: normal; letter-spacing: 0.1em; }
.about_item02 .frm .cap > p { line-height: 2.2; }

.about_item03 { margin: 0 auto; padding: 0 10px; max-width: 920px; }
.about_item03 .frm .cap { margin: 50px 0 0 0; }
.about_item03 .frm .cap > p { line-height: 2.2; }

/*--------------------------------------------------------------------------
	マードプラスを知る　TOP
--------------------------------------------------------------------------*/
#re_about_top .intro { margin: 0 0 50px 0; padding: 0 10px; line-height: 2.2; font-size: 22px; text-align: center; }
#re_about_top .sort { padding: 20px 10px; display: flex; display: -webkit-flex; height: 250px; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; }
#re_about_top .sort.company { background: url("../../recruit-info/about/img/bg_about_top01.jpg") no-repeat center center; background-size: cover; }
#re_about_top .sort.working { background: url("../../recruit-info/about/img/bg_about_top02.jpg") no-repeat center center; background-size: cover; }
#re_about_top .sort.voice { background: url("../../recruit-info/about/img/bg_about_top03.jpg") no-repeat center center; background-size: cover; }
#re_about_top .sort > a { padding: 10px 20px; display: flex; display: -webkit-flex; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; }
#re_about_top .sort > a:link, #re_about_top .sort > a:visited { background: rgba(255, 255, 255, 0.8); }
#re_about_top .sort > a:link .frm .type h2, #re_about_top .sort > a:visited .frm .type h2 { color: #222; }
#re_about_top .sort > a:link .frm .type p, #re_about_top .sort > a:visited .frm .type p { color: #0070bc; }
#re_about_top .sort > a:link .frm > p, #re_about_top .sort > a:visited .frm > p { color: #222; }
#re_about_top .sort > a:active, #re_about_top .sort > a:hover { background: rgba(255, 255, 255, 0.5); }
#re_about_top .sort > a:active .frm .type h2, #re_about_top .sort > a:hover .frm .type h2 { color: #999; }
#re_about_top .sort > a:active .frm .type p, #re_about_top .sort > a:hover .frm .type p { color: #999; }
#re_about_top .sort > a:active .frm > p, #re_about_top .sort > a:hover .frm > p { color: #999; }
#re_about_top .sort > a .frm { margin: 0 auto; display: flex; display: -webkit-flex; width: 100%; max-width: 1000px; }
#re_about_top .sort > a .frm .type { width: 50%; align-self: center; }
#re_about_top .sort > a .frm .type h2 { margin: 0 0 5px 0; line-height: 1.4; font-size: 26px; font-weight: normal; letter-spacing: 0.2em; }
#re_about_top .sort > a .frm .type p { color: #0070bc; font-size: 18px; letter-spacing: 0.2em; }
#re_about_top .sort > a .frm > p { padding: 0 0 0 30px; font-size: 17px; flex: 1; -webkit-flex: 1; align-self: center; }

/*--------------------------------------------------------------------------
	マードプラスを知る　会社を知る
--------------------------------------------------------------------------*/
#re_about_company .about_item01 .frm .ph { order: 1; }
#re_about_company .about_item01 .frm .cap { padding: 0 0 0 60px; order: 2; }
#re_about_company .about_item01 .frm .cap > p { padding: 30px 30px 0 30px; }
#re_about_company .about_item02 .frm .ph { order: 2; }
#re_about_company .about_item02 .frm .cap { padding: 0 60px 0 0; order: 1; }
#re_about_company .about_item02 .frm .cap > p { padding: 30px 0 0 0; }

/*--------------------------------------------------------------------------
	マードプラスを知る　仕事を知る
--------------------------------------------------------------------------*/
#re_about_work .about_item01 .frm .ph { order: 2; }
#re_about_work .about_item01 .frm .cap { padding: 0 60px 0 0; order: 1; }
#re_about_work .about_item01 .frm .cap > p { padding: 30px 30px 0 30px; }
#re_about_work .about_item02 .frm .ph { order: 1; }
#re_about_work .about_item02 .frm .cap { padding: 0 0 0 60px; order: 2; }
#re_about_work .about_item02 .frm .cap > p { padding: 30px 0 0 0; }

/*--------------------------------------------------------------------------
	マードプラスを知る　社員の本音
--------------------------------------------------------------------------*/
#re_about_voice > section:nth-of-type(n+2) { margin: 100px auto 0 auto; }
#re_about_voice > section:nth-of-type(2n) .item .frm .main .cap { margin: 0 50% 0 0; border-right: none; border-left: 20px solid #003eba; }
#re_about_voice > section:nth-of-type(2n) .person .frm .ph { order: 2; }
#re_about_voice > section:nth-of-type(2n) .person .frm .cap { padding: 35px 50px 30px 35px; border-right: none; border-left: 20px solid #003eba; order: 1; }
#re_about_voice > section .item { background: #e0eef7; }
#re_about_voice > section .item.p01 .frm { background: url("../../recruit-info/about/img/dummy_voice01.jpg") no-repeat center center; background-size: cover; }
#re_about_voice > section .item.p02 .frm { background: url("../../recruit-info/about/img/dummy_voice01.jpg") no-repeat center center; background-size: cover; }
#re_about_voice > section .item.p03 .frm { background: url("../../recruit-info/about/img/dummy_voice01.jpg") no-repeat center center; background-size: cover; }
#re_about_voice > section .item .frm { margin: 0 auto; padding: 50px 0; max-width: 2000px; }
#re_about_voice > section .item .frm .main { margin: 0 auto; display: flex; display: -webkit-flex; widt: 100%; max-width: 1280px; justify-content: center; -webkit-box-pack: center; }
#re_about_voice > section .item .frm .main .ph { display: none; }
#re_about_voice > section .item .frm .main .cap { margin: 0 0 0 50%; padding: 35px 35px 30px 35px; border-right: 20px solid #003eba; color: #fff; background: #0271bd; }
#re_about_voice > section .item .frm .main .cap .sbj h3 { line-height: 1.6; font-size: 28px; font-weight: normal; letter-spacing: 0.2em; }
#re_about_voice > section .item .frm .main .cap > dl dt { margin: 20px 0 0 0; }
#re_about_voice > section .item .frm .main .cap > dl dt span { display: inline-block; }
#re_about_voice > section .item .frm .main .cap > dl dt span.data { margin: 0 20px 0 0; font-size: 17px; }
#re_about_voice > section .item .frm .main .cap > dl dt span.name { font-size: 24px; }
#re_about_voice > section .person { background: url("../../recruit-info/about/img/bg_voice01.jpg") no-repeat center center; background-size: cover; }
#re_about_voice > section .person .frm { margin: 0 auto; padding: 50px 20px; display: flex; display: -webkit-flex; max-width: 1100px; }
#re_about_voice > section .person .frm .ph { background: #fff; width: 300px; }
#re_about_voice > section .person .frm .cap { padding: 35px 35px 30px 50px; border-right: 20px solid #003eba; flex: 1; -webkit-flex: 1; color: #fff; background: #0271bd; }
#re_about_voice > section .person .frm .cap .sbj h3 { line-height: 1.6; font-size: 28px; font-weight: normal; letter-spacing: 0.2em; }
#re_about_voice > section .person .frm .cap > dl dt { margin: 20px 0 0 0; }
#re_about_voice > section .person .frm .cap > dl dt span { display: inline-block; }
#re_about_voice > section .person .frm .cap > dl dt span.data { margin: 0 20px 0 0; font-size: 17px; }
#re_about_voice > section .person .frm .cap > dl dt span.name { font-size: 24px; }
#re_about_voice > section .item_data { margin: 30px auto 0 auto; padding: 0 10px; max-width: 920px; }
#re_about_voice > section .item_data dl { margin: 1px 0 0 0; display: flex; display: -webkit-flex; }
#re_about_voice > section .item_data dl:first-of-type { margin: 0; }
#re_about_voice > section .item_data dl dt { padding: 10px 20px; width: 240px; color: #fff; background: #003eba; }
#re_about_voice > section .item_data dl dd { padding: 10px 20px; background: #e0eef7; flex: 1; -webkit-flex: 1; }

/*--------------------------------------------------------------------------
	社風・働き方 共通
--------------------------------------------------------------------------*/
.cul_nav ul { margin: 140px auto 0 auto; display: flex; display: -webkit-flex; text-align: center; max-width: 1040px; flex-wrap: wrap; }
.cul_nav ul li { padding: 0 20px; display: flex; display: -webkit-flex; width: 25%; }
.cul_nav ul li a { padding: 10px; display: flex; display: -webkit-flex; width: 100%; line-height: 1.4; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; }
.cul_nav ul li a:link, .cul_nav ul li a:visited { border: 1px solid #0070bc; color: #fff; background: #0070bc; }
.cul_nav ul li a:active, .cul_nav ul li a:hover { border: 1px solid #0070bc; color: #0070bc; background: #fff; }
.cul_nav ul li a span { padding: 10px 10px; border: 1px solid #fff; display: flex; display: -webkit-flex; height: 100%; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; }
.cul_nav ul li.top { margin: 40px auto 0 auto; width: 100%; max-width: 340px; }
.cul_nav ul li.top a { padding: 0; line-height: 60px; font-size: 17px; }
.cul_nav ul li.top a:link, .cul_nav ul li.top a:visited { border: 1px solid #0271bd; color: #0271bd; background: #fff; }
.cul_nav ul li.top a:active, .cul_nav ul li.top a:hover { border: 1px solid #0271bd; color: #fff; background: #0271bd; }
.cul_nav ul li.top a span { padding: 0; border: none; }

.cul_topimg { height: 300px; }
.cul_topimg .cap { margin: 0 auto; padding: 0 10px; max-width: 1120px; }
.cul_topimg .cap h2 { font-weight: normal; }
.cul_topimg .cap h2 span { padding: 15px 0 12px 55px; display: inline-block; width: 100%; color: #fff; background: url("../img/re_arrow02_b.png") no-repeat #0271bd left 20px top 28px; background-size: 18px auto; font-size: 24px; max-width: 400px; }

/*--------------------------------------------------------------------------
	社風・働き方 TOP
--------------------------------------------------------------------------*/
#re_culture_top .topimg { margin: 0 auto; padding: 10px; display: flex; display: -webkit-flex; width: 100%; height: 450px; line-height: 1.6; color: #fff; background: url("../../recruit-info/culture/img/bg_culture_top01.jpg") no-repeat center center; background-size: cover; font-size: 27px; text-align: center; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; max-width: 2000px; }
#re_culture_top .intro { margin: 70px auto 0 auto; padding: 0 10px; font-size: 17px; text-align: center; }
#re_culture_top .cul_nav ul { margin: 70px auto 0 auto; }
#re_culture_top .cul_nav ul li a { font-size: 24px; }
#re_culture_top .cul_nav ul li a span { padding: 60px 10px; }

/*--------------------------------------------------------------------------
	社風・働き方 社風
--------------------------------------------------------------------------*/
#re_culture_style .cul_topimg { background: url("../../recruit-info/culture/img/bg_culture_style01.jpg") no-repeat center center; background-size: cover; }
#re_culture_style .scenery { margin: 100px auto 0 auto; max-width: 1100px; }
#re_culture_style .scenery h3 { margin: 0 0 50px 0; color: #0271bd; font-size: 30px; font-weight: normal; text-align: center; }
#re_culture_style .scenery .list { display: flex; display: -webkit-flex; flex-wrap: wrap; }
#re_culture_style .scenery .list .item { padding: 0 50px; width: 50%; }
#re_culture_style .scenery .list .item:nth-of-type(n+3) { padding: 50px 50px 0 50px; }
#re_culture_style .scenery .list .item .comment { margin: 10px 0 0 0; }

/*--------------------------------------------------------------------------
	社風・働き方 働きやすい環境づくり
--------------------------------------------------------------------------*/
#re_culture_scene .cul_topimg { background: url("../../recruit-info/culture/img/bg_culture_scene01.jpg") no-repeat center center; background-size: cover; }
#re_culture_scene .point { margin: 120px auto 0 auto; }
#re_culture_scene .point h3 { margin: 0 0 20px 0; color: #0271bd; font-size: 30px; font-weight: normal; text-align: center; }
#re_culture_scene .point .item .ph { height: 400px; }
#re_culture_scene .point .item .ph.p01 { background: url("../../recruit-info/culture/img/img_culture_scene01.jpg") no-repeat center center; background-size: cover; }
#re_culture_scene .point .item .ph.p02 { background: url("../../recruit-info/culture/img/img_culture_scene02.jpg") no-repeat center center; background-size: cover; }
#re_culture_scene .point .item .ph.p03 { background: url("../../recruit-info/culture/img/img_culture_scene03.jpg") no-repeat center center; background-size: cover; }
#re_culture_scene .point .item .comment { margin: 30px auto 0 auto; padding: 0 10px; display: table; width: 100%; table-layout: fixed; max-width: 1120px; }
#re_culture_scene .point .item .comment h4, #re_culture_scene .point .item .comment .cap { display: table-cell; vertical-align: top; }
#re_culture_scene .point .item .comment h4 { padding: 0 30px 0 0; width: 440px; color: #003eba; font-size: 22px; font-weight: normal; }
#re_culture_scene .point .item .comment .cap { line-height: 2.2; font-size: 17px; }

/*--------------------------------------------------------------------------
	社風・働き方 社員研修制度
--------------------------------------------------------------------------*/
#re_culture_training .cul_topimg { background: url("../../recruit-info/culture/img/bg_culture_training01.jpg") no-repeat center center; background-size: cover; }
#re_culture_training .intro { margin: 80px auto 40px auto; padding: 0 10px; text-align: center; max-width: 1120px; }
#re_culture_training .intro h3 { margin: 0 0 10px 0; color: #0271bd; font-size: 30px; font-weight: normal; }
#re_culture_training .training { margin: 0 auto; padding: 0 10px; max-width: 1120px; }
#re_culture_training .training .list { padding: 20px 30px; display: table; width: 100%; background: #e0eef7; table-layout: fixed; }
#re_culture_training .training .list:nth-of-type(n+2) { margin: 30px 0 0 0; }
#re_culture_training .training .list .part, #re_culture_training .training .list .comment { display: table-cell; }
#re_culture_training .training .list .part { border-right: 1px solid #fff; width: 400px; vertical-align: top; }
#re_culture_training .training .list .part p span { display: inline-block; line-height: 40px; vertical-align: middle; color: #fff; }
#re_culture_training .training .list .part p span.type { padding: 0 10px; width: 130px; background: #000; font-size: 17px; }
#re_culture_training .training .list .part p span.no { width: 60px; background: #0271bd; font-size: 24px; text-align: center; }
#re_culture_training .training .list .part h4 { padding: 10px 0 0 0; line-height: 1.6; color: #003eba; font-size: 22px; font-weight: normal; }
#re_culture_training .training .list .comment { padding: 0 0 0 50px; vertical-align: middle; line-height: 2.2; font-size: 17px; }

/*--------------------------------------------------------------------------
	社風・働き方 働きやすい環境づくり
--------------------------------------------------------------------------*/
#re_culture_schedule .cul_topimg { background: url("../../recruit-info/culture/img/bg_culture_schedule01.jpg") no-repeat center center; background-size: cover; }
#re_culture_schedule .intro { margin: 80px auto 40px auto; padding: 0 10px; text-align: center; max-width: 1120px; }
#re_culture_schedule .intro h3 { margin: 0 0 10px 0; color: #0271bd; font-size: 30px; font-weight: normal; }
#re_culture_schedule .schedule { padding: 50px 10px; background: #e0eef7; }
#re_culture_schedule .schedule .frm { margin: 0 auto; max-width: 980px; }
#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: table-cell; vertical-align: top; }
#re_culture_schedule .schedule .frm .list:first-of-type { padding: 0; }
#re_culture_schedule .schedule .frm .list:first-of-type .time { padding: 0; }
#re_culture_schedule .schedule .frm .list:first-of-type .part { padding: 0 0 0 50px; }
#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: 100px 0 0 0; background: url("../img/bh_line01.png") repeat-y left 60px top; background-size: 1px auto; }
#re_culture_schedule .schedule .frm .list .time { padding: 100px 0 0 0; width: 120px; background: url("../img/bh_line01.png") repeat-y left 60px top; background-size: 1px auto; text-align: center; }
#re_culture_schedule .schedule .frm .list .time p span { display: inline-block; width: 100%; line-height: 120px; color: #fff; background: #003eba; font-size: 26px; }
#re_culture_schedule .schedule .frm .list .part { padding: 100px 0 0 50px; }
#re_culture_schedule .schedule .frm .list .part .step { display: table; width: 100%; table-layout: fixed; }
#re_culture_schedule .schedule .frm .list .part .step .ph, #re_culture_schedule .schedule .frm .list .part .step .comment { display: table-cell; vertical-align: top; }
#re_culture_schedule .schedule .frm .list .part .step .ph { width: 130px; }
#re_culture_schedule .schedule .frm .list .part .step .comment { padding: 0 0 0 30px; }
#re_culture_schedule .schedule .frm .list .part .step .comment h4 { padding: 0 0 10px 30px; color: #0070bc; background: url("../img/re_arrow01_r.png") no-repeat left top 11px; background-size: 16px auto; font-size: 26px; font-weight: normal; }
#re_culture_schedule .schedule .frm .list .part .step .comment h4 span { display: inline-block; }

/*--------------------------------------------------------------------------
	データで見るマードプラス
--------------------------------------------------------------------------*/
#re_data h3 { margin: 0 0 40px 0; line-height: 1.4; color: #0070bc; font-size: 31px; font-weight: normal; text-align: center; letter-spacing: 0.2em; }
#re_data .intro { margin: 0 0 90px 0; padding: 0 10px; text-align: center; }
#re_data .intro h2 { line-height: 1.4; color: #003eba; font-size: 36px; font-weight: normal; }
#re_data .intro p { margin: 20px 0 0 0; line-height: 2.2; font-size: 17px; }
#re_data .outline { margin: 0 auto 140px auto; max-width: 1500px; }
#re_data .outline .list { display: flex; display: -webkit-flex; }
#re_data .outline .list .item { padding: 0 10px; display: flex; display: -webkit-flex; width: 33.33%; }
#re_data .outline .list .item .frm { padding: 40px 10px 35px 10px; border: 1px solid #0271bd; display: flex; display: -webkit-flex; width: 100%; background: #e0eef7; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
#re_data .outline .list .item .frm .main { text-align: center; }
#re_data .outline .list .item .frm .main .ph { text-align: center; }
#re_data .outline .list .item .frm .main .ph img { max-width: 160px; }
#re_data .outline .list .item .frm .main .data { padding: 20px 0 0 0; }
#re_data .outline .list .item .frm .main .data h4 { margin: 25px 0 10px 0; line-height: 1.2; font-size: 24px; font-weight: normal; }
#re_data .outline .list .item .frm .main .data p { line-height: 1.2; font-size: 18px; letter-spacing: 0.1em; color: #0070bc; }
#re_data .outline .list .item .frm .main .data p span.value { line-height: 1.2; font-size: 44px; }
#re_data .outline .list .item .frm .main .data p span.denomi { font-size: 15px; color: #222; }
#re_data .sales { margin: 0 auto 140px auto; }
#re_data .sales .theme { padding: 40px 10px 35px 10px; border-top: 1px solid #0271bd; border-bottom: 1px solid #0271bd; background: #e0eef7; }
#re_data .sales .theme .frm { margin: 0 auto; display: table; width: 100%; max-width: 800px; }
#re_data .sales .theme .frm .ph, #re_data .sales .theme .frm .data { display: table-cell; vertical-align: middle; }
#re_data .sales .theme .frm .ph { width: 140px; }
#re_data .sales .theme .frm .data { padding: 0 0 0 30px; }
#re_data .sales .theme .frm .data h4 { margin: 0 30px 0 0; display: inline-block; width: auto; line-height: 1.2; font-size: 31px; font-weight: normal; }
#re_data .sales .theme .frm .data p.main { display: inline-block; width: auto; line-height: 1.2; color: #0070bc; font-size: 48px; letter-spacing: 0; }
#re_data .sales .theme .frm .data p.main span { font-size: 24px; letter-spacing: 0.1em; }
#re_data .sales .theme .frm .data p.year { margin: 5px 0 0 0; display: block; width: 100%; }
#re_data .sales .data_list { margin: 50px auto 0 auto; padding: 0 10px; display: flex; display: -webkit-flex; width: 100%; flex-wrap: wrap; max-width: 1020px; }
#re_data .sales .data_list .item { border: 1px solid #fff; display: flex; display: -webkit-flex; width: 50%; background: #e0eef7; }
#re_data .sales .data_list .item h4, #re_data .sales .data_list .item p { padding: 15px; }
#re_data .sales .data_list .item h4 { flex: 1; -webkit-flex: 1; background: #e0eef7; font-size: 15px; font-weight: normal; }
#re_data .sales .data_list .item p { width: 170px; color: #fff; background: #0271bd; text-align: right; }
#re_data .training { margin: 0 auto; }
#re_data .training .theme { padding: 0 10px; display: flex; display: -webkit-flex; height: 400px; background: url("../../recruit-info/data/img/img_business01.jpg") no-repeat center center; background-size: cover; text-align: center; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; }
#re_data .training .theme .frm { margin: 0 auto; padding: 40px 20px 30px 20px; display: flex; display: -webkit-flex; width: 100%; background: rgba(255, 255, 255, 0.6); flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; max-width: 1000px; }
#re_data .training .theme .frm h3 { margin: 0 0 10px 0; }
#re_data .training .theme .frm p { font-size: 17px; }
#re_data .training .data_list { margin: 50px auto 120px auto; padding: 0 10px; display: flex; display: -webkit-flex; width: 100%; flex-wrap: wrap; max-width: 1020px; }
#re_data .training .data_list .item { padding: 15px 15px 10px 15px; border: 1px solid #fff; display: flex; display: -webkit-flex; width: 33.33%; background: #e0eef7; }
#re_data .training .data_list .item h4 { flex: 1; -webkit-flex: 1; font-size: 15px; font-weight: normal; }
#re_data .training .data_list .item p { width: 60px; text-align: right; }
#re_data .life .frm { margin: 0 auto; padding: 0 10px; display: flex; display: -webkit-flex; width: 100%; text-align: center; flex-wrap: wrap; max-width: 900px; }
#re_data .life .frm .item { display: flex; display: -webkit-flex; padding: 0 35px; width: 50%; }
#re_data .life .frm .item:nth-of-type(n+3) { padding: 50px 35px 0 35px; }
#re_data .life .frm .item > div { padding: 40px 10px; border: 1px solid #0271bd; display: flex; display: -webkit-flex; width: 100%; background: #e0eef7; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
#re_data .life .frm .item > div h4 { margin: 0 0 10px 0; line-height: 1.2; font-size: 24px; font-weight: normal; }
#re_data .life .frm .item > div p { line-height: 1.2; color: #0271bd; font-size: 44px; letter-spacing: 0; }
#re_data .life .frm .item > div p span { font-size: 14px; letter-spacing: 0.1em; }
#re_data .life .frm .item > div p.att01 { margin: 10px 0 0 0; color: #666; font-size: 13px; }
#re_data .life .frm .item > div > img { margin: 0 auto 20px auto; display: inline-block; max-width: 100px; }

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