@charset "utf-8";
/* ======================================================================
  recruit.css
====================================================================== */

#recruit { margin:-5px 0 0; font-family:sans-serif; }


/* 採用トップ */
#recruit .main_visual { padding:90px 0; background:url('/recruit/img/main_visual.jpg') no-repeat center; background-size:cover; }
#recruit .main_visual h2 { margin:0 auto; width:210px; height:210px; background:url('/recruit/img/logo.png') no-repeat center; background-size:contain; text-indent:-9999px; overflow:hidden; }

#recruit .top_lead { box-sizing:border-box; margin:0 auto; padding:45px 4%; max-width:900px; }
#recruit .top_lead h3 { padding:0 0 18px; font-size:24px; font-weight:bold; line-height:1.3; letter-spacing:.06em; text-align:center; }
#recruit .top_lead p { font-size:14px; line-height:1.7; letter-spacing:.02em; }

#recruit .top_block { margin:80px 0 120px; background:#f2f2f2; }
#recruit .top_block .pc { display:block; }
#recruit .top_block .sp { display:none; }
#recruit .top_block .inner { box-sizing:border-box; margin:0 auto; padding:0 20px; max-width:1240px; }
#recruit .top_block .inner:after { content:''; display:block; clear:both; }
#recruit .top_block .txt { box-sizing:border-box; float:left; width:45%; padding:0 5% 40px; }
#recruit .top_block .txt h3 { position:relative; padding:40px 0 16px; font-size:24px; font-weight:bold; line-height:1.3; letter-spacing:.06em; }
#recruit .top_block .txt h3:after { content:''; position:absolute; top:0; left:0; border-top:2px solid #3cc5c3; width:60px; }
#recruit .top_block .txt ul { padding:0 0 0 20px; font-size:14px; line-height:1.5; letter-spacing:.02em; }
#recruit .top_block .txt li { padding:4px 0; }
#recruit .top_block .txt li a { position:relative; display:block; padding:0 0 0 26px; color:#1e1e1e; }
#recruit .top_block .txt li a:before { content:''; position:absolute; top:1px; left:0; width:17px; height:17px; background:#3cc5c3; }
#recruit .top_block .txt li a:after { content:''; position:absolute; top:7px; left:5px; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); }
#recruit .top_block .pic { box-sizing:border-box; float:left; width:55%; margin:-70px 0 40px; }
#recruit .top_block .pic img { width:100%; vertical-align:bottom; }
#recruit .block3 { margin:90px 0 45px; }

#recruit .faq { margin:0 auto 40px; padding:24px 0; max-width:340px; background:#f2f2f2; font-size:14px; line-height:1.5; text-align:center; letter-spacing:.02em; }
#recruit .faq a { position:relative; display:inline-block; padding:0 0 0 26px; color:#1e1e1e; }
#recruit .faq a:before { content:''; position:absolute; top:1px; left:0; width:17px; height:17px; background:#3cc5c3; }
#recruit .faq a:after { content:''; position:absolute; top:7px; left:5px; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); }



/* 仕事を知る */
#recruit_work .title { margin:0 0 35px; padding:75px 0; background:url('/recruit/img/title_work_bg.jpg') no-repeat center; background-size:cover; }
#recruit_work .title h2 { font-family:'Noto Sans JP',sans-serif; font-weight:700; font-size:32px; line-height:1.3; letter-spacing:.1em; color:#fff; text-align:center; }
#recruit_work .title span { display:block; padding:8px 0 0; font-size:16px; letter-spacing:.06em; }

#recruit_work .tab_nav { box-sizing:border-box; margin:0 auto; padding:0 4% 38px; max-width:1040px; }
#recruit_work .tab_nav ul:after { content:''; display:block; clear:both; }
#recruit_work .tab_nav li { box-sizing:border-box; float:left; width:33.33333%; padding:0 2%; text-align:center; }
#recruit_work .tab_nav li a { box-sizing:border-box; position:relative; display:table; width:100%; font-size:14px; line-height:1.3; letter-spacing:.02em; color:#fff; }
#recruit_work .tab_nav li a span { display:table-cell; padding:0 7px; height:52px; vertical-align:middle; }
#recruit_work .tab_nav li.on a:after { content:''; position:absolute; bottom:-6px; left:50%; width:14px; height:14px; margin:0 0 0 -6px; transform:rotate(45deg); }
#recruit_work .tab_nav li:nth-child(1) a { background:#f075ae; }
#recruit_work .tab_nav li:nth-child(1).on a:after { background:#f075ae; }
#recruit_work .tab_nav li:nth-child(2) a { background:#f2ad41; }
#recruit_work .tab_nav li:nth-child(2).on a:after { background:#f2ad41; }
#recruit_work .tab_nav li:nth-child(3) a { background:#3cc5c3; }
#recruit_work .tab_nav li:nth-child(3).on a:after { background:#3cc5c3; }

#recruit_work .lead { background:#f2f2f2; }
#recruit_work .lead .inner { box-sizing:border-box; margin:0 auto; padding:0 4%; max-width:1040px; }
#recruit_work .lead .inner:after { content:''; display:block; clear:both; }
#recruit_work .lead h3 { box-sizing:border-box; position:relative; float:left; width:40%; padding:40px 0; font-size:24px; font-weight:bold; line-height:1.3; letter-spacing:.06em; }
#recruit_work .lead h3:after { content:''; position:absolute; top:0; left:0; width:60px; }
#recruit_work .lead p { box-sizing:border-box; overflow:hidden; padding:40px 0; font-size:14px; line-height:1.6; letter-spacing:.02em; }

#recruit_work #work1 .lead h3:after { border-top:2px solid #f075ae; }
#recruit_work #work2 .lead h3:after { border-top:2px solid #f2ad41; }
#recruit_work #work3 .lead h3:after { border-top:2px solid #3cc5c3; }
#recruit_work #work4_1 .lead h3:after { border-top:2px solid #f075ae; }
#recruit_work #work4_2 .lead h3:after { border-top:2px solid #f2ad41; }
#recruit_work #work4_3 .lead h3:after { border-top:2px solid #3cc5c3; }

#recruit_work .table { box-sizing:border-box; margin:0 auto; padding:40px 4% 50px; max-width:1040px; }
#recruit_work .table h3 { padding:0 0 15px; font-size:20px; font-weight:bold; line-height:1.3; letter-spacing:.06em; }
#recruit_work .table .inner { border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; }
#recruit_work .table dl { border-bottom:1px solid #ddd; font-size:14px; line-height:1.5; letter-spacing:.02em; }
#recruit_work .table dl:after { content:""; display:block; clear:both; }
#recruit_work .table dt { box-sizing:border-box; float:left; width:25%; padding:.7em 2.5%; font-weight:bold; }
#recruit_work .table dd { box-sizing:border-box; float:left; width:75%; padding:.7em 2.5%; border-left:1px solid #ddd; }

#recruit_work .work_block { box-sizing:border-box; position:relative; }
#recruit_work .work_block:before { content:''; position:absolute; top:0; left:0; width:100%; height:200px; background:#f2f2f2; }
#recruit_work .work_block .inner { box-sizing:border-box; margin:0 auto; padding:0 4% 30px; max-width:1040px; }
#recruit_work .work_block h3 { box-sizing:border-box; position:relative; padding:40px 0 18px; font-size:20px; font-weight:bold; line-height:1.3; letter-spacing:.06em; }
#recruit_work .work_block h3:after { content:''; position:absolute; top:0; left:0; width:60px; }
#recruit_work .work_block .block_inner { position:relative; margin:0 -4%; padding:45px 2%; background:#fff; }
#recruit_work .work_block .block_inner:after { content:""; display:block; clear:both; }
#recruit_work .work_block .iv { box-sizing:border-box; float:left; width:50%; padding:0 2.5%; }
#recruit_work .work_block .iv .pic {}
#recruit_work .work_block .iv .pic img { width:100%; vertical-align:bottom; }
#recruit_work .work_block .iv .position { padding:20px 0 2px; font-size:14px; line-height:1.5; letter-spacing:.06em; }
#recruit_work .work_block .iv .name { padding:0 0 14px; font-size:20px; font-weight:bold; line-height:1.5; letter-spacing:.06em; }
#recruit_work .work_block .iv .txt { font-size:14px; line-height:1.6; letter-spacing:.02em; }
#recruit_work .work_block .day { box-sizing:border-box; float:left; width:50%; padding:0 2.5%; }
#recruit_work .work_block .day .time_line { position:relative; padding:3px 0 1px 22px; }
#recruit_work .work_block .day .time_line:after { content:''; position:absolute; bottom:-6px; left:-22px; width:16px; height:16px; border-right:10px solid #fff; border-bottom:10px solid #fff; transform:rotate(45deg); }
#recruit_work .work_block .day .ttl { padding:0 0 15px; font-size:18px; font-weight:bold; line-height:1.5; letter-spacing:.04em; }
#recruit_work .work_block .day .box { position:relative; margin:0 0 15px; }
#recruit_work .work_block .day .box:before { content:''; position:absolute; top:20px; left:-6px; width:14px; height:14px; transform:rotate(45deg); }
#recruit_work .work_block .day .box .time { position:absolute; top:18px; left:10px; width:50px; }
#recruit_work .work_block .day .box .time img { width:100%; vertical-align:bottom; }
#recruit_work .work_block .day .box .txt { padding:18px 18px 18px 70px; font-size:13px; line-height:1.6; letter-spacing:.02em; }

#recruit_work #work1 .work_block h3:after { border-top:2px solid #f075ae; }
#recruit_work #work2 .work_block h3:after { border-top:2px solid #f2ad41; }
#recruit_work #work3 .work_block h3:after { border-top:2px solid #3cc5c3; }
#recruit_work #work4_1 .work_block h3:after { border-top:2px solid #f075ae; }
#recruit_work #work4_2 .work_block h3:after { border-top:2px solid #f2ad41; }
#recruit_work #work4_3 .work_block h3:after { border-top:2px solid #3cc5c3; }

#recruit_work #work1 .work_block .iv .position { color:#f075ae; }
#recruit_work #work2 .work_block .iv .position { color:#f2ad41; }
#recruit_work #work3 .work_block .iv .position { color:#3cc5c3; }
#recruit_work #work4_1 .work_block .iv .position { color:#f075ae; }
#recruit_work #work4_2 .work_block .iv .position { color:#f2ad41; }
#recruit_work #work4_3 .work_block .iv .position { color:#3cc5c3; }

#recruit_work #work1 .work_block .day .time_line { border-left:18px solid #f075ae; }
#recruit_work #work2 .work_block .day .time_line { border-left:18px solid #f2ad41; }
#recruit_work #work3 .work_block .day .time_line { border-left:18px solid #3cc5c3; }
#recruit_work #work4_1 .work_block .day .time_line { border-left:18px solid #f075ae; }
#recruit_work #work4_2 .work_block .day .time_line { border-left:18px solid #f2ad41; }
#recruit_work #work4_3 .work_block .day .time_line { border-left:18px solid #3cc5c3; }

#recruit_work #work1 .work_block .day .box { background:#fceef5; }
#recruit_work #work1 .work_block .day .box:before { background:#fceef5; }
#recruit_work #work2 .work_block .day .box { background:#fbf6ed; }
#recruit_work #work2 .work_block .day .box:before { background:#fbf6ed; }
#recruit_work #work3 .work_block .day .box { background:#e9f6f6; }
#recruit_work #work3 .work_block .day .box:before { background:#e9f6f6; }
#recruit_work #work4_1 .work_block .day .box { background:#fceef5; }
#recruit_work #work4_1 .work_block .day .box:before { background:#fceef5; }
#recruit_work #work4_2 .work_block .day .box { background:#fbf6ed; }
#recruit_work #work4_2 .work_block .day .box:before { background:#fbf6ed; }
#recruit_work #work4_3 .work_block .day .box { background:#e9f6f6; }
#recruit_work #work4_3 .work_block .day .box:before { background:#e9f6f6; }



/* 働き方を知る */
#recruit_condition .title { margin:0 0 35px; padding:80px 0; background:url('/recruit/img/title_condition_bg.jpg') no-repeat center; background-size:cover; }
#recruit_condition .title h2 { font-family:'Noto Sans JP',sans-serif; font-weight:700; font-size:32px; line-height:1.3; letter-spacing:.1em; color:#fff; text-align:center; }
#recruit_condition .cont { box-sizing:border-box; margin:0 auto; padding:0 4%; max-width:1040px; }
#recruit_condition .cont_inner { padding:0 0 40px; font-family:sans-serif; font-size:14px; line-height:1.6; letter-spacing:.02em; }



/* よくある質問 */
#recruit_faq .title { margin:0 0 20px; padding:80px 0; background:url('/recruit/img/title_faq_bg.jpg') no-repeat center; background-size:cover; }
#recruit_faq .title h2 { font-family:'Noto Sans JP',sans-serif; font-weight:700; font-size:32px; line-height:1.3; letter-spacing:.1em; color:#fff; text-align:center; }
#recruit_faq .cont { box-sizing:border-box; margin:0 auto; padding:0 4%; max-width:1040px; }
#recruit_faq .cont_inner { padding:0 0 40px; font-family:sans-serif; font-size:14px; line-height:1.6; letter-spacing:.01em; }
#recruit_faq .faq_list { padding:0 0 40px; }
#recruit_faq .faq_list dl { padding:36px 0; border-bottom:1px solid #ddd; }
#recruit_faq .faq_list .item { float:left; width:38px; height:38px; display:table; font-family:'Noto Sans JP',sans-serif; font-weight:700; font-size:16px; line-height:1; color:#fff; text-align:center; }
#recruit_faq .faq_list .item span { display:table-cell; vertical-align:middle; }
#recruit_faq .faq_list .txt { padding:8px 0 0 14px; overflow:hidden; }
#recruit_faq .faq_list .q { padding:0 0 6px; }
#recruit_faq .faq_list .q:after { content:''; display:block; clear:both; }
#recruit_faq .faq_list .q .item { background:#3cc5c3; }
#recruit_faq .faq_list .a {}
#recruit_faq .faq_list .a:after { content:''; display:block; clear:both; }
#recruit_faq .faq_list .a .item { background:#f2ad41; }






@media screen and (max-width:960px) {

  /* 採用トップ */
  #recruit .main_visual { padding:80px 0; }
  #recruit .main_visual h2 { width:180px; height:180px; }
  #recruit .top_block { margin:50px 0 70px; }
  #recruit .top_block .txt { box-sizing:border-box; float:left; width:45%; padding:0 5% 30px; }
  #recruit .top_block .txt h3 { padding:42px 0 16px; }
  #recruit .top_block .pic { box-sizing:border-box; float:left; width:55%; margin:-30px 0 30px; }
  #recruit .top_block.last { margin:50px 0 40px; }

  /* 仕事を知る */
  #recruit_work .title { padding:65px 0; }
  #recruit_work .title h2 { font-size:30px; }
  #recruit_work .title span { font-size:16px; }
  #recruit_work .lead h3 { font-size:22px; }

  /* 働き方を知る */
  #recruit_condition .title { padding:70px 0; }
  #recruit_condition .title h2 { font-size:30px; }

  /* よくある質問 */
  #recruit_faq .title { padding:70px 0; }
  #recruit_faq .title h2 { font-size:30px; }

}







@media screen and (max-width:760px) {

  /* 採用トップ */
  #recruit .main_visual { padding:40px 0; }
  #recruit .main_visual h2 { width:150px; height:150px; }

  #recruit .top_lead { padding:28px 4%; }
  #recruit .top_lead h3 { padding:0 0 15px; font-size:18px; }
  #recruit .top_lead p { font-size:14px; line-height:1.7; letter-spacing:.02em; }

  #recruit .top_block { margin:0 0 20px; }
  #recruit .top_block .pc { display:none; }
  #recruit .top_block .sp { display:block; }
  #recruit .top_block .inner { padding:0 4% 32px; }
  #recruit .top_block .txt { float:none; width:auto; padding:0 0 25px; }
  #recruit .top_block .txt h3 { position:relative; padding:28px 0 16px; font-size:18px; }
  #recruit .top_block .txt h3:after { border-top:2px solid #3cc5c3; width:30px; }
  #recruit .top_block .txt ul { padding:0 0 0 10px; }
  #recruit .top_block .txt li { padding:3px 0; }
  #recruit .top_block .pic { float:none; width:auto; margin:0; }
  #recruit .block3 { margin:0 0 25px; }

  #recruit .faq { margin:0 auto 25px; padding:18px 0; max-width:300px; }


  /* 仕事を知る */
  #recruit_work .title { margin:0 0 20px; padding:30px 0; }
  #recruit_work .title h2 { font-size:22px; line-height:1.3; letter-spacing:.1em; }
  #recruit_work .title span { padding:6px 0 0; font-size:13px; }

  #recruit_work .tab_nav li { box-sizing:border-box; float:left; width:33.33333%; padding:0 1px; text-align:center; }
  #recruit_work .tab_nav li a { font-size:12px; letter-spacing:0em; }
  #recruit_work .tab_nav li a span { display:table-cell; height:50px; vertical-align:middle; }
  #recruit_work .tab_nav li.on a:after { bottom:-4px; }

  #recruit_work .lead .inner {}
  #recruit_work .lead h3 { float:none; width:auto; padding:22px 0 0; margin:0 0 -10px; font-size:18px; }
  #recruit_work .lead p { padding:22px 0 22px; font-size:14px; }

  #recruit_work .table { padding:25px 4% 30px; }
  #recruit_work .table h3 { padding:0 0 10px; font-size:18px; }
  #recruit_work .table dl { border-bottom:1px solid #ddd; font-size:14px; line-height:1.5; letter-spacing:.02em; }
  #recruit_work .table dt { float:none; width:auto; padding:10px 3% 3px; }
  #recruit_work .table dd { float:none; width:auto; padding:0 3% 10px; border-left:none; }

  #recruit_work .work_block .inner { padding:0 0 30px; }
  #recruit_work .work_block h3 { box-sizing:border-box; position:relative; padding:28px 4% 12px; font-size:18px; }
  #recruit_work .work_block h3:after { width:30px; }
  #recruit_work .work_block .block_inner { margin:0; padding:20px 4% 0; }
  #recruit_work .work_block .iv { float:none; width:auto; padding:0 0 22px; }
  #recruit_work .work_block .iv .position { padding:16px 0 2px; font-size:13px; }
  #recruit_work .work_block .iv .name { padding:0 0 12px; font-size:18px; }
  #recruit_work .work_block .day { float:none; width:auto; padding:0; }
  #recruit_work .work_block .day .time_line { padding:3px 0 1px 16px; }
  #recruit_work .work_block .day .time_line:after { left:-21px; }
  #recruit_work .work_block .day .ttl { padding:0 0 8px; font-size:16px; }
  #recruit_work .work_block .day .box { position:relative; margin:0 0 10px; }
  #recruit_work .work_block .day .box .time { position:absolute; top:15px; left:6px; width:44px; }
  #recruit_work .work_block .day .box .txt { padding:15px 15px 15px 56px; font-size:13px; line-height:1.5; letter-spacing:.02em; }




/* 働き方を知る */
  #recruit_condition .title { margin:0 0 20px; padding:40px 0; }
  #recruit_condition .title h2 { font-size:22px; line-height:1.3; letter-spacing:.1em; }


  /* よくある質問 */
  #recruit_faq .title { margin:0 0 5px; padding:40px 0; }
  #recruit_faq .title h2 { font-size:22px; line-height:1.3; letter-spacing:.1em; }
  #recruit_faq .faq_list { padding:0 0 10px; }
  #recruit_faq .faq_list dl { padding:24px 0; }
  #recruit_faq .faq_list .item { width:30px; height:30px; font-size:14px; }
  #recruit_faq .faq_list .item span { display:table-cell; vertical-align:middle; }
  #recruit_faq .faq_list .txt { padding:5px 0 0 10px; overflow:hidden; }
  #recruit_faq .faq_list .q { padding:0 0 6px; }
  #recruit_faq .faq_list .a {}
}