#message { padding: 5rem 0 8rem; }
#message .message_txt { font-size: 1.8rem; text-align: center; line-height: 2.2; }
#message .message_btn { margin-top: 6rem; text-align: center; }

.about_list_area { padding: 5rem 0 4rem; background-color: #e8f6ee; }
.about_list_area .about_list { display: flex; justify-content: space-between; }
.about_list_area .about_list li { width: 30%; }
.about_list_area .about_list li p { margin-top: 1rem; font-size: 1.25vw; text-align: center; background: url(/recruit/common/img/arrow_g01.png) no-repeat center right/1.8rem; }
.about_list_area .about_list li p.blank { background-image: url(/recruit/common/img/icon_blank.png); }

.business_list_area { padding: 12rem 0 4rem; }
.business_list_area .list_glay_roundcorner { margin-top: 5rem; justify-content: space-between; }
.business_list_area .list_glay_roundcorner li { width: 32%; margin: 0; }
.business_list_area .list_glay_roundcorner a { display: block; }

.about_sec { padding: 9rem 0 8rem; }
.about_sec .inner { max-width: 820px; }
.about_sec .about_ttl { color: #005230; font-size: 2.4rem; text-align: center; }
.about_sec .about_txt { font-size: 1.8rem; line-height: 2; margin-top: 4rem; }
.about_sec .about_img { max-width: 524px; margin: 8rem auto 0; border-bottom-left-radius: 30px; border-top-right-radius: 30px; background-color: #07a33e; }
.about_sec .about_img img { transform: translate(-2.5rem, -2rem) scale(1.05); }
.about_sec .about_btn { margin-top: 5rem; text-align: center; }
.about_sec .about_btn a { font-size: 2rem; padding: 2.5rem 8.5rem 2.5rem 11.5rem; background: url(/recruit/common/img/icon_blank.png) no-repeat center right/1.8rem; }
.about_sec .about_in_list_area { margin-top: 6rem; padding: 4rem; display: flex; }
.about_sec .about_in_list_area .ttl { font-size: 1.8rem; margin-right: 6rem; }
.about_sec .about_in_list_area .about_in_list { display: flex; }
.about_sec .about_in_list_area .about_in_list li { margin-right: 4rem; }
.about_sec .about_in_list_area .about_in_list a { font-size: 1.8rem; padding-left: 2.8rem; background: url(/recruit/common/img/arrow_g01.png) no-repeat center left/1.8rem; text-decoration: underline; }

#generic { background: url(../img/generic_bg.jpg) no-repeat center/cover; }

#medical .about_in_list_area { background-color: #efeeec; }

#health { background: url(../img/health_bg.jpg) no-repeat center/cover; }
#health .about_in_list_area { background-color: #fff; }

@media screen and (min-width: 768px) and (max-width: 1224px) { .about_sec { padding: 6rem 0; }
  .about_sec .about_img { max-width: 80%; margin-top: 6rem; }
  .about_sec .about_ttl { font-size: 1.9vw; }
  .about_sec .about_txt { font-size: 1.4vw; }
  .about_sec .about_btn { margin-top: 3rem; }
  .about_sec .about_btn a { font-size: 1.6vw; padding: 1.5rem 2.5rem 1.5rem 4.5rem; background-size: 1.2rem auto; }
  .about_sec .about_in_list_area { padding: 3vw; }
  .about_sec .about_in_list_area .ttl { font-size: 1.4vw; margin-right: 4rem; display: flex; align-items: center; }
  .about_sec .about_in_list_area .about_in_list a { font-size: 1.4vw; background-size: 1.2rem auto; }
  .about_list_area .about_list li p { background-size: 1.2rem auto; }
  .business_list_area { padding-top: 6rem; }
  #message { padding-bottom: 5rem; }
  #message .message_txt { font-size: 1.4vw; }
  #message .message_btn { margin-top: 3rem; } }
@media screen and (max-width: 767px) { #message { padding: 10vw 0 12vw; }
  #message .message_txt { font-size: 4vw; text-align: left; }
  #message .message_btn { margin-top: 10vw; }
  .about_list_area { padding: 0; background-color: transparent; }
  .about_list_area .inner { padding: 0; }
  .about_list_area .about_list { display: block; }
  .about_list_area .about_list li { width: 100%; margin-bottom: 0.5rem; padding: 0 1.5rem; background-color: #e8f6ee; }
  .about_list_area .about_list li a { padding: 1rem 0; display: flex; justify-content: space-between; align-items: center; }
  .about_list_area .about_list li img { width: 45%; }
  .about_list_area .about_list li p { width: 45%; margin-top: 0; font-size: 4.53vw; text-align: left; background: url(/recruit/common/img/arrow_g01.png) no-repeat center right/1.8rem; background-position: bottom right; }
  .business_list_area { padding: 12vw 0 9vw; }
  .business_list_area .list_glay_roundcorner { margin-top: 9vw; }
  .business_list_area .list_glay_roundcorner li { width: 32%; margin: 0; padding: 0; }
  .business_list_area .list_glay_roundcorner a { line-height: 1.2; }
  .about_sec { padding: 12vw 0 10vw; }
  .about_sec .about_ttl { font-size: 5.3vw; }
  .about_sec .about_txt { font-size: 4vw; margin-top: 8vw; }
  .about_sec .about_img { width: 80%; margin: 13vw auto 0; border-bottom-left-radius: 15px; border-top-right-radius: 15px; }
  .about_sec .about_img img { transform: translate(-1.3rem, -1rem) scale(1.05); }
  .about_sec .about_btn { margin-top: 8vw; }
  .about_sec .about_btn a { font-size: 4vw; padding: 5.4vw 15.4vw 5.4vw 18.4vw; }
  .about_sec .about_btn .btn_more::before { width: 9.8vw; }
  .about_sec .about_in_list_area { margin-top: 9vw; padding: 5vw; display: block; }
  .about_sec .about_in_list_area .ttl { font-size: 4vw; margin-right: 0; }
  .about_sec .about_in_list_area .about_in_list { display: block; }
  .about_sec .about_in_list_area .about_in_list li { margin: 0.5rem 0 0; }
  .about_sec .about_in_list_area .about_in_list a { font-size: 4vw; padding-left: 5.4vw; background-size: 3.4vw; }
  #generic { background: #e8f6ee; }
  #health { background: #e8f6ee; } }

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