#headline { background-color: #0d4e8f; }
#headline::before, #headline::after { content: ''; width: 0; height: 0; border-style: solid; position: absolute; }
#headline::before { border-width: 10rem 10rem 0 0; border-color: #023995 transparent transparent transparent; top: 0; left: 0; }
#headline::after { border-width: 0 0 10rem 10rem; border-color: transparent transparent #023995 transparent; right: 0; bottom: 0; }
#headline .main_ttl { color: #fff; margin-top: -1.5rem; }
#headline .main_ttl span { color: #1dfd81; }
#headline .main_ttl span:first-child { display: inline-block; color: #fff; font-size: 60%; font-weight: normal; padding: 0 2rem; border: 1px solid #fff; border-radius: 40px; }
#headline .main_ttl::before { width: 35px; aspect-ratio: 35 / 90; background: url(../../img/icon_career.png) no-repeat center/100%; transform: translate(-200%, 50%); }

.list_area { margin: 3rem 0 6rem; }
.list_area .list_glay_roundcorner { justify-content: flex-start; }
.list_area .list_glay_roundcorner a { padding: 1.5rem 4rem; }
.list_area li { margin: 0 0.5rem 1rem; }

.sec_ttl_plus.lb_new::before, .sec_ttl_plus.lb_new::after { content: none; }
.sec_ttl_plus.lb_new span { display: inline-block; color: #fff; font-size: 50%; background-color: #07a33e; padding: 0 0.5rem; margin-right: 1em; }

#new { padding: 8rem 0; background-color: #e0f2f9; }
#new .new_ttl { font-size: 2.8rem; font-weight: bold; margin-top: 6rem; }
#new .new_area { margin-top: 2rem; padding: 3rem; background-color: #fff; }
#new .new_area .ttl { color: #07a33e; font-size: 2.4rem; font-weight: bold; padding-bottom: 0.8rem; border-bottom: 1px solid #07a33e; margin-bottom: 2rem; }
#new .new_area .ttl_sub { display: inline-block; margin: 2rem 0 1rem; color: #07a33e; font-size: 1.8rem; padding: 0 1rem; border: 2px solid #07a33e; }
#new .new_area .txt { font-size: 1.8rem; }
#new .new_area .list { font-size: 1.8rem; text-indent: -1em; margin-left: 1em; }

.btn_now { margin-top: 5rem; text-align: center; }
.btn_now a { display: inline-block; color: #fff; font-size: 2rem; text-align: center; padding: 2rem 6rem; background-color: #07a33e; border-radius: 40px; }
.btn_now a[target='_blank'] { background: #07a33e url(/recruit/common/img/icon_blank_w.png) no-repeat center right 2rem/1em; }

#work { padding: 8rem 0; background-color: #e8f6ee; }
#work .work_list { margin-top: 6rem; display: flex; flex-wrap: wrap; border-top: 1px solid #acb2af; }
#work .work_list dt { width: 20%; color: #fff; font-size: 1.8rem; font-weight: normal; padding: 2rem; background-color: #07a33e; border-bottom: 1px solid #acb2af; }
#work .work_list dd { width: 80%; font-size: 1.8rem; padding: 2rem; border-bottom: 1px solid #acb2af; }
#work .work_list dd .fs_s { font-size: 80%; }
#work .work_list dd .set_pd span:first-child { display: inline-block; width: 35%; }

#apply { margin-top: 8rem; }
#apply .apply_list { margin-top: 6rem; display: flex; flex-wrap: wrap; border-top: 1px solid #acb2af; }
#apply .apply_list dt { width: 25%; font-size: 1.8rem; font-weight: normal; padding: 2rem; background-color: #e8f6ee; border-bottom: 1px solid #acb2af; }
#apply .apply_list dd { width: 75%; font-size: 1.8rem; padding: 2rem; border-bottom: 1px solid #acb2af; }
#apply .apply_list dd .fs_s { display: inline-block; font-size: 80%; line-height: 1.2; text-indent: -1em; margin-left: 1em; }
#apply .apply_list dd a { color: #0194cb; border-bottom: 1px solid #0194cb; }

#flow { margin-top: 8rem; padding: 8rem 0; background-color: #e0f2f9; }
#flow .flow_list { margin: 6rem 0 1.5rem; }
#flow .flow_list li { padding: 1.5rem; background-color: #fff; border: 1px solid #b6b6b6; border-radius: 10px; display: flex; align-items: center; }
#flow .flow_list li:not(:last-child) { margin-bottom: 4rem; position: relative; }
#flow .flow_list li:not(:last-child)::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0.8rem 0.8rem 0 0.8rem; border-color: #0194cb transparent transparent transparent; position: absolute; bottom: -2.5rem; left: 0; right: 0; margin: 0 auto; }
#flow .flow_list .num { width: 10%; color: #0194cb; font-size: 3.2rem; text-align: center; line-height: 1; }
#flow .flow_list .num span { display: block; font-size: 50%; }
#flow .flow_list .txt { width: 90%; padding-right: 10%; font-size: 1.9rem; text-align: center; line-height: 1.4; }
#flow .flow_list .txt span { font-size: 80%; }
#flow .notes { font-size: 1.4rem; text-indent: -1em; margin-left: 1em; }

#privacy { margin: 8rem 0; }
#privacy .sec_ttl_plus::before, #privacy .sec_ttl_plus::after { content: none; }
#privacy .privacy_txt { font-size: 1.8rem; margin-top: 3rem; }
#privacy .privacy_area { margin-top: 4rem; padding: 2rem 0 2rem 2rem; background-color: #f5f4f3; }
#privacy .privacy_area .privacy_txt { font-size: 1.6rem; margin-top: 0; }
#privacy .privacy_area_inner { height: 310px; padding-right: 2rem; overflow-y: scroll; }

@media screen and (min-width: 768px) and (max-width: 1224px) { .list_area { margin: 3rem 0; }
  #new { padding: 6rem 0; }
  #new .new_ttl { font-size: 2.2vw; margin-top: 3rem; }
  #new .new_area { margin-top: 1rem; }
  #new .new_area .ttl { font-size: 1.9vw; }
  #new .new_area .ttl_sub { font-size: 1.4vw; }
  #new .new_area .txt { font-size: 1.4vw; }
  #new .new_area .list { font-size: 1.4vw; }
  .btn_now { margin-top: 3rem; }
  .btn_now a { font-size: 1.6vw; padding: 1.5rem 3rem; }
  #work { padding: 6rem 0; }
  #work .work_list { margin-top: 3rem; }
  #work .work_list dt { font-size: 1.4vw; }
  #work .work_list dd { font-size: 1.4vw; }
  #apply { margin-top: 6rem; }
  #apply .apply_list { margin-top: 3rem; }
  #apply .apply_list dt { font-size: 1.4vw; }
  #apply .apply_list dd { font-size: 1.4vw; }
  #flow { margin-top: 6rem; padding: 6rem 0; }
  #flow .flow_list { margin-top: 3rem; }
  #flow .flow_list .txt { font-size: 1.7vw; }
  #flow .notes { font-size: 1.2vw; }
  #privacy { margin: 6rem 0; }
  #privacy .privacy_txt { font-size: 1.4vw; }
  #privacy .privacy_area { margin-top: 3rem; }
  #privacy .privacy_area .privacy_txt { font-size: 1.3vw; } }
@media screen and (max-width: 767px) { #headline::before { border-width: 6rem 6rem 0 0; }
  #headline::after { border-width: 0 0 6rem 6rem; }
  #headline .main_ttl::before { width: 17.5px; transform: translate(-200%, 70%); }
  .list_area { margin: 2rem 0; }
  .list_area .list_glay_roundcorner a { padding: 0.8rem 1.2rem; }
  .list_area li { margin: 0 0.5rem 1rem; padding: 0; width: auto; }
  #new { padding: 4rem 0; }
  #new .new_ttl { font-size: 4.5vw; margin-top: 2rem; }
  #new .new_area { margin-top: 1rem; padding: 2rem; }
  #new .new_area .ttl { font-size: 4vw; margin-bottom: 1rem; }
  #new .new_area .ttl_sub { margin: 1.5rem 0 0.5rem; font-size: 3.7vw; font-weight: bold; border-width: 1px; }
  #new .new_area .txt { font-size: 3.7vw; }
  #new .new_area .list { font-size: 3.7vw; }
  .btn_now { margin-top: 4rem; }
  .btn_now a { font-size: 4vw; padding: 1.5rem 3rem; }
  .btn_now a[target='_blank'] { padding-right: 4rem; background-position: center right 1.5rem; }
  #work { padding: 4rem 0; }
  #work .work_list { margin-top: 3rem; display: block; border-top: none; }
  #work .work_list dt { width: 100%; font-size: 4vw; padding: 1rem; border-bottom: none; }
  #work .work_list dd { width: 100%; font-size: 3.7vw; padding: 1rem; border-bottom: none; }
  #work .work_list dd .set_pd span:first-child { display: block; width: auto; }
  #work .work_list dd .set_pd span:last-child { padding-left: 0.5em; }
  #apply { margin-top: 4rem; }
  #apply .apply_list { margin-top: 3rem; display: block; }
  #apply .apply_list dt { width: 100%; font-size: 4vw; padding: 1rem; border-bottom: none; }
  #apply .apply_list dd { width: 100%; font-size: 3.7vw; padding: 1rem; }
  #apply .apply_list dd a { font-size: 100%; }
  #flow { margin-top: 4rem; padding: 4rem 0; }
  #flow .flow_list { margin-top: 3rem; }
  #flow .flow_list li { padding: 1rem; border-radius: 5px; }
  #flow .flow_list li:not(:last-child) { margin-bottom: 3rem; }
  #flow .flow_list li:not(:last-child)::before { border-width: 0.6rem 0.6rem 0 0.6rem; bottom: -2rem; }
  #flow .flow_list .num { width: 15%; font-size: 6.5vw; }
  #flow .flow_list .txt { width: 85%; padding-right: 15%; font-size: 4vw; }
  #flow .notes { font-size: 3.2vw; }
  #privacy { margin: 4rem 0; }
  #privacy .privacy_txt { font-size: 3.7vw; margin-top: 1.5rem; }
  #privacy .privacy_area { margin-top: 2rem; padding: 2rem 0 2rem 2rem; }
  #privacy .privacy_area .privacy_txt { font-size: 3.7vw; margin-top: 0; }
  #privacy .privacy_area_inner { height: 280px; } }

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