#development_lead { margin-top: 5rem; }
#development_lead .lead_ttl { font-size: 4.8rem; font-weight: 600; text-align: center; }
#development_lead .lead_ttl span { border-bottom: 4px solid #11853a; }
#development_lead .lead_txt { font-size: 2rem; line-height: 2; text-align: center; margin-top: 3rem; }
#development_lead .lead_img { margin-top: 5rem; text-align: center; padding: 0 0 9rem; background: linear-gradient(0deg, #e8f6ee 30%, transparent 30%); position: relative; }
#development_lead .lead_img::before { content: ''; width: 10%; height: auto; aspect-ratio: 148 / 58; background: url(../img/mask.jpg) no-repeat center/100%; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; transform: translateY(100%); }
#development_lead .lead_img img { transform: translateX(-1%); }
#development_lead .lead_ttl_sub { color: #005230; font-size: 3rem; font-weight: 600; text-align: center; line-height: 2.2; margin-top: 8rem; }
#development_lead .lead_wrap { margin-top: 4rem; padding: 3rem; background-color: #ecf7f0; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; }
#development_lead .lead_wrap .img { width: 48%; }
#development_lead .lead_wrap .txt_area { width: 50%; }
#development_lead .lead_wrap .txt { font-size: 2rem; text-align: center; line-height: 2; margin-top: 5rem; }
#development_lead .lead_list { width: 85%; margin: 0 auto; padding: 3rem 5rem; background-color: #fff; border-radius: 10px; }
#development_lead .lead_list li { font-size: 2rem; }
#development_lead .lead_list li:not(:last-child) { margin-bottom: 1rem; }

.development_sec { margin-top: 12rem; }
.development_sec .sec_ttl_plus { color: #005230; }
.development_sec .development_list { margin-top: 5rem; display: flex; justify-content: space-between; flex-wrap: wrap; }
.development_sec .development_list li { width: 48%; margin-bottom: 4rem; }
.development_sec .development_list .ttl { font-size: 2.2rem; font-weight: bold; text-align: center; line-height: 1.3; background-color: #ecf7f0; border-radius: 10px; height: 3.5em; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.development_sec .development_list .ttl span { font-size: 70%; }
.development_sec .development_list .txt { font-size: 1.8rem; line-height: 2.2; margin-top: 2rem; }
.development_sec .development_list .img { margin-top: 3rem; text-align: center; }
.development_sec .development_list .img img { width: 48%; }
.development_sec .development_list .img span { display: inline-block; font-size: 1.4rem; margin-top: 1rem; }
.development_sec .development_list .img_area { display: flex; justify-content: space-between; }
.development_sec .development_list .img_area .img { width: 48%; }
.development_sec .development_list .img_area .img img { width: 100%; }
.development_sec .development_btn { margin-top: 5rem; text-align: center; }

#vision .vision_img { margin-top: 3rem; }
#vision .vision_img .img_list { display: flex; justify-content: space-between; align-items: flex-end; }
#vision .vision_img .img_list li { width: 24%; }
#vision .vision_area { margin-top: 5rem; position: relative; }
#vision .vision_area::before { content: ''; width: 1px; height: 92.45%; background-color: #005230; position: absolute; top: 1rem; left: 7.5rem; }
#vision .vision_box { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; }
#vision .vision_box .label { width: 15rem; height: auto; aspect-ratio: 1 / 1; font-size: 2.2rem; font-weight: bold; text-align: center; background-color: #e8f6ee; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; }
#vision .vision_box .txt_area { width: calc(100% - 20rem); margin-left: 5rem; }
#vision .vision_box .ttl { color: #005230; font-size: 2.6rem; font-weight: bold; }
#vision .vision_box .txt { font-size: 2.2rem; font-weight: bold; }
#vision .vision_box:not(:last-of-type) { margin-bottom: 8rem; }
#vision .vision_list { width: calc(100% - 20rem); padding: 3rem; border: 1px solid #005230; position: relative; }
#vision .vision_list::before { content: ''; width: 12.5rem; height: 1px; background-color: #005230; position: absolute; top: 50%; left: 0; transform: translateX(-100%); }
#vision .vision_list li { font-size: 1.8rem; line-height: 2; padding: 0 0 0 1.5em; position: relative; }
#vision .vision_list li::before { content: ''; width: 0.5em; height: auto; aspect-ratio: 1 / 1; background-color: #005230; border-radius: 50%; position: absolute; top: 0.8em; left: 0; }
#vision .vision_list li:not(:last-child) { margin-bottom: 1rem; }

#learnmore { margin-top: 8rem; padding: 8rem 0; background-color: #e8f6ee; }
#learnmore .more_list { margin-top: 5rem; display: flex; justify-content: space-between; }
#learnmore .more_list li { width: 32%; padding: 2.5rem; background-color: #fff; border-radius: 20px; text-align: center; }
#learnmore .more_list li.active { background-color: #07a33e; }
#learnmore .more_list li.active .ttl, #learnmore .more_list li.active .txt { color: #fff; }
#learnmore .more_list .ttl { margin-top: 2rem; font-size: 2.2rem; font-weight: bold; background: url(/recruit/common/img/arrow_g01.png) no-repeat center right/1.6rem; }
#learnmore .more_list .txt { margin-top: 1.5rem; font-size: 1.6rem; text-align: left; }

.btn_area { margin: 8rem 0; text-align: center; }

@media screen and (min-width: 768px) and (max-width: 1224px) { .development_sec { margin-top: 8rem; }
  .development_sec .development_list li { margin-bottom: 3rem; }
  .development_sec .development_list .ttl { font-size: 1.7vw; }
  .development_sec .development_list .txt { font-size: 1.4vw; }
  .development_sec .development_list .img span { font-size: 1.2vw; }
  .development_sec .development_btn { margin-top: 1.5rem; }
  #development_lead .lead_ttl { font-size: 3.2vw; }
  #development_lead .lead_ttl span { border-width: 2px; }
  #development_lead .lead_txt { font-size: 1.6vw; }
  #development_lead .lead_img { padding-bottom: 4rem; }
  #development_lead .lead_img img { transform: translateX(0); }
  #development_lead .lead_ttl_sub { font-size: 2.4vw; margin-top: 6rem; }
  #development_lead .lead_wrap { display: block; }
  #development_lead .lead_wrap .txt_area { width: 100%; }
  #development_lead .lead_wrap .txt { font-size: 1.6vw; margin-top: 3rem; }
  #development_lead .lead_wrap .img { width: 80%; margin: 2rem auto 0; }
  #development_lead .lead_list li { font-size: 1.6vw; }
  #vision .vision_box .label { font-size: 1.7vw; }
  #vision .vision_box .ttl { font-size: 2.1vw; }
  #vision .vision_box .txt { font-size: 1.7vw; }
  #vision .vision_box .txt { font-size: 1.7vw; }
  #vision .vision_list li { font-size: 1.4vw; }
  #learnmore { padding: 6rem 0; }
  #learnmore .more_list { margin-top: 3rem; }
  #learnmore .more_list .ttl { font-size: 1.7vw; background-size: 1.2rem auto; }
  #learnmore .more_list .txt { font-size: 1.3vw; } }
@media screen and (max-width: 767px) { #development_lead { margin-top: 3rem; }
  #development_lead .lead_ttl { font-size: 8vw; line-height: 1.8; }
  #development_lead .lead_ttl span { border-width: 2px; }
  #development_lead .lead_txt { font-size: 4vw; margin-top: 1rem; }
  #development_lead .lead_img { margin-top: 3rem; padding: 0 2rem 4rem; background: linear-gradient(0deg, #e8f6ee 20%, transparent 20%); }
  #development_lead .lead_img::before { width: 20%; bottom: 1px; }
  #development_lead .lead_img img { transform: translateX(1%); }
  #development_lead .lead_ttl_sub { font-size: 5.3vw; margin-top: 4rem; }
  #development_lead .lead_wrap { margin-top: 3rem; padding: 3rem 2rem; display: block; }
  #development_lead .lead_wrap .img { width: 100%; margin-top: 2rem; }
  #development_lead .lead_wrap .txt_area { width: 100%; }
  #development_lead .lead_wrap .txt { font-size: 3.2vw; margin-top: 2rem; }
  #development_lead .lead_list { width: 90%; padding: 1.5rem 3rem; border-radius: 5px; }
  #development_lead .lead_list li { font-size: 4vw; }
  #development_lead .lead_list li:not(:last-child) { margin-bottom: 0.5rem; }
  .development_sec { margin-top: 5rem; }
  .development_sec .development_list { margin-top: 3rem; display: block; }
  .development_sec .development_list li { width: 100%; margin-bottom: 3rem; }
  .development_sec .development_list .ttl { font-size: 4vw; border-radius: 5px; }
  .development_sec .development_list .txt { font-size: 3.2vw; line-height: 2; margin-top: 1.5rem; }
  .development_sec .development_list .img { width: 50%; margin: 1.5rem auto 0; }
  .development_sec .development_list .img span { font-size: 2.6vw; }
  .development_sec .development_list .img img { width: 100%; }
  .development_sec .development_list .img_area { margin-top: 0; }
  .development_sec .development_list .img_area .img { width: 48%; }
  .development_sec .development_btn { margin-top: 3rem; }
  #vision .vision_img { margin-top: 3rem; }
  #vision .vision_img .img_list { flex-wrap: wrap; }
  #vision .vision_img .img_list li { width: 48%; margin-bottom: 2rem; }
  #vision .btm_area { margin-top: 2rem; padding: 2rem 0 6rem; background-color: #e8f6ee; position: relative; }
  #vision .btm_area::before { content: ''; width: 20%; height: auto; aspect-ratio: 148 / 58; background: url(../img/mask_sp.jpg) no-repeat center/100%; position: absolute; top: -2px; left: 0; right: 0; margin: 0 auto; }
  #vision .vision_area { margin-top: 0; position: relative; }
  #vision .vision_area::before { height: 87.5%; top: 4rem; left: 3.25rem; }
  #vision .vision_box .label { width: 6.5rem; font-size: 3.2vw; background-color: #fff; border: 1px solid #005230; }
  #vision .vision_box .txt_area { width: calc(100% - 10rem); margin-left: 3.5rem; padding-top: 5rem; }
  #vision .vision_box .ttl { font-size: 4vw; }
  #vision .vision_box .txt { font-size: 3.4vw; margin-top: 1rem; }
  #vision .vision_box:not(:last-of-type) { margin-bottom: 0; }
  #vision .vision_list { width: calc(100% - 9rem); margin-top: 2rem; padding: 1.5rem; background-color: #fff; }
  #vision .vision_list::before { width: 5.8rem; }
  #vision .vision_list li { font-size: 3.2vw; padding: 0 0 0 1.3em; }
  #vision .vision_list li::before { top: 0.7em; }
  #learnmore { margin-top: 6rem; padding: 6rem 0; }
  #learnmore .more_list { margin-top: 3rem; display: block; }
  #learnmore .more_list li { width: 100%; margin-bottom: 1rem; padding: 1.5rem 2rem; border-radius: 10px; text-align: left; }
  #learnmore .more_list .list_wrap { display: flex; align-items: center; }
  #learnmore .more_list .list_wrap img { width: 25%; margin-right: 2rem; }
  #learnmore .more_list .ttl { margin-top: 0; font-size: 4.53vw; padding-right: 2.5rem; background-size: 1.3rem auto; }
  #learnmore .more_list .txt { margin-top: 1rem; font-size: 3.46vw; }
  .btn_area { margin: 4rem 0; text-align: center; } }

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