#mainvisual { padding-top: 2rem; }
#mainvisual .img_area { position: relative; }
#mainvisual .img_area .main_ttl { width: 36%; position: absolute; top: 30%; right: 2rem; z-index: 5; }
#mainvisual .img:not(.img01) { position: absolute; top: 0; left: 0; }

#news { padding: 0 3rem 3rem 0; background-color: #07a33e; }
#news .news_wrap { width: 80%; margin: -8rem 0 0 auto; padding: 2rem 2rem 2rem 6rem; background-color: #fff; border-radius: 10px; position: relative; z-index: 5; }
#news .news_ttl { color: #07a33e; font-size: 2.6rem; transform: translate(-10%, 50%) rotate(90deg); position: absolute; top: 1.5rem; left: 0; }
#news .news_btn { width: 27px; height: auto; aspect-ratio: 1 / 1; background: url(../img/icon_plus.png) no-repeat center/100%; position: absolute; bottom: 1.5rem; left: 1.8rem; cursor: pointer; }
#news .news_btn.active { background-image: url(../img/icon_minus.png); }
#news .news_area { padding-left: 2rem; border-left: 1px solid #07a33e; }
#news .news_list li { font-size: 1.8rem; padding: 0.8rem 0; }
#news .news_list li span { color: #07a33e; font-size: 90%; padding-right: 2rem; }
#news .news_list.list02 { display: none; }

#message { padding: 7.27vw 0 6.66vw; background: url(../img/message_bg.jpg) no-repeat center/cover; }
#message .message_ttl { color: #fff; font-size: 6.7vw; font-weight: bold; text-align: center; line-height: 0.8; }
#message .message_ttl span { display: inline-block; font-size: 1.95vw; border-bottom: 4px solid #fff; padding-bottom: 2rem; }
#message .message_txt { margin-top: 4rem; color: #005230; font-size: 1.7vw; font-weight: 600; text-align: center; line-height: 2.2; }
#message .message_btn { margin-top: 6rem; text-align: center; }
#message .message_btn a { color: #fff; }

#about { padding: 31.5vw 0 0 6vw; }
#about .about_wrap { padding: 3.6vw; background-color: #fff; border-top-left-radius: 30px; border-bottom-left-radius: 30px; position: relative; }
#about .about_wrap::before { content: ''; width: 13.8vw; height: auto; aspect-ratio: 235 / 239; background: url(../img/icon_symbol.png) no-repeat center/100%; transform: translate(0, -200%); mix-blend-mode: multiply; opacity: 0.3; position: absolute; top: 0; left: 0; }
#about .about_inner { position: relative; }
#about .about_inner::before { content: ''; width: 6rem; height: auto; aspect-ratio: 1 / 1; background: url(/recruit/common/img/icon_symbol.png) no-repeat center/100%; position: absolute; top: -1rem; left: -1rem; }
#about .about_inner .txt_area { width: 50%; padding: 3% 7% 0 6%; }
#about .about_ttl { color: #fff; font-size: 7.27vw; font-weight: bold; line-height: 1; position: absolute; top: 0; left: 2rem; transform: translateY(-90%); }
#about .about_ttl_sub { font-size: 3vw; font-weight: 600; }
#about .about_ttl_sub span { border-bottom: 4px solid #000; }
#about .about_txt { margin-top: 3rem; font-size: 1.2vw; line-height: 2; }
#about .about_btn { margin-top: 3rem; }
#about .about_list { margin-top: 6rem; display: flex; justify-content: space-between; }
#about .about_list li { width: 30%; }
#about .about_list li p { margin-top: 1rem; font-size: 1.3vw; text-align: center; background: url(/recruit/common/img/arrow_g01.png) no-repeat center right/1.4rem; }
#about .about_list li p.blank { background-image: url(/recruit/common/img/icon_blank.png); }
#about .about_list li img { width: 100%; }
#about .img { width: 40%; border-bottom-left-radius: 30px; border-top-right-radius: 30px; position: absolute; left: 50%; }
#about .img.img01 { top: -30%; background-color: #6de697; }
#about .img.img01 img { transform: translate(-1.2vw, 1.2vw); }
#about .img.img02 { top: 10%; background-color: #07a33e; }
#about .img.img02 img { transform: translate(1.2vw, -1.2vw); }

#work { padding: 31.5vw 6vw 0 0; }
#work .work_wrap { padding: 4.8vw 3.6vw; background-color: #fff; border-top-right-radius: 30px; border-bottom-right-radius: 30px; position: relative; }
#work .work_wrap::before { content: ''; width: 13.8vw; height: auto; aspect-ratio: 235 / 239; background: url(../img/icon_symbol.png) no-repeat center/100%; transform: translate(45%, -200%); mix-blend-mode: multiply; opacity: 0.3; position: absolute; top: 0; right: 0; }
#work .work_inner { display: flex; align-items: flex-end; flex-direction: row-reverse; position: relative; }
#work .work_inner::before { content: ''; width: 6rem; height: auto; aspect-ratio: 1 / 1; background: url(/recruit/common/img/icon_symbol.png) no-repeat center/100%; position: absolute; top: -3rem; right: -1rem; }
#work .work_inner .txt_area { width: 40%; padding: 0 0 4rem 6%; }
#work .work_inner .work_list { width: 50%; }
#work .work_ttl { color: #fff; font-size: 7.27vw; font-weight: bold; line-height: 1; position: absolute; top: 0; right: 2rem; transform: translateY(-90%); }
#work .work_ttl_sub { font-size: 3vw; font-weight: 600; }
#work .work_ttl_sub span { border-bottom: 4px solid #000; }
#work .work_txt { margin-top: 3rem; font-size: 1.2vw; line-height: 2; }
#work .work_btn { margin-top: 3rem; }
#work .work_list { display: flex; justify-content: space-between; }
#work .work_list li { width: 28%; }
#work .work_list li p { margin-top: 1rem; font-size: 1.3vw; text-align: center; padding-bottom: 2rem; background: url(/recruit/common/img/arrow_g01.png) no-repeat center bottom/1.4rem; }
#work .img { width: 20%; border-top-left-radius: 30px; border-bottom-right-radius: 30px; position: absolute; }
#work .img.img01 { bottom: 60%; left: 15%; background-color: #07a33e; }
#work .img.img01 img { transform: translate(1.2vw, -1.2vw); }
#work .img.img02 { bottom: 70%; left: 40%; background-color: #6de697; }
#work .img.img02 img { transform: translate(-1.2vw, 1.2vw); }

#people { margin-top: 9vw; position: relative; }
#people .people_top { padding: 9vw 0 8rem; background-color: #e2ede6; }
#people .people_interview { padding: 9rem 0 10rem; background-color: #fff; position: relative; }
#people .people_interview::before { content: ''; width: 10%; height: auto; aspect-ratio: 148 / 48; background: url(../img/people_mask.jpg) no-repeat center/100%; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
#people .people_crosstalk { padding: 8rem 0 10rem; background-color: #e2ede6; }
#people .people_ttl { color: #07a33e; font-size: 7.27vw; font-weight: bold; text-align: center; }
#people .people_ttl_sub { width: fit-content; margin: 1rem auto 0; font-size: 3vw; font-weight: 600; position: relative; }
#people .people_ttl_sub::before { content: ''; width: 6rem; height: auto; aspect-ratio: 1 / 1; background: url(/recruit/common/img/icon_symbol.png) no-repeat center/100%; transform: translate(-150%, -20%); position: absolute; top: 0; left: 0; }
#people .people_ttl_sub span { border-bottom: 4px solid #000; }
#people .people_txt { margin-top: 5rem; font-size: 1.2vw; line-height: 2; text-align: center; }
#people .people_btn { position: absolute; bottom: 8rem; right: 20%; z-index: 10; }
#people .list_ttl { color: #005230; font-size: 2.18vw; font-weight: bold; text-align: center; }
#people .interview_area { margin-top: 5rem; padding-bottom: 10rem; }
#people .interview_area .swiper-pagination-bullet { background-color: #e2ede6; opacity: 1; }
#people .interview_area .swiper-pagination-bullet-active { background-color: #005230; }
#people .interview_area .swiper-button-prev, #people .interview_area .swiper-button-next { top: 40%; }
#people .interview_area .swiper-button-prev { left: 4.5%; }
#people .interview_area .swiper-button-next { right: 4.5%; }
#people .interview_list a { display: block; position: relative; padding-top: 1.5rem; }
#people .interview_list img { width: 100%; }
#people .interview_list .ttl { font-size: 1.4vw; font-weight: bold; line-height: 1.7; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position: absolute; top: 0; left: 1rem; }
#people .interview_list .ttl span { padding: 0.2rem; background-color: #fff; }
#people .interview_list .ttl span .set_vertical { display: inline-block; transform: translateX(0.1em); }
#people .interview_list .txt_area { width: 65%; padding: 0.6vw 0.6vw 0.6vw 0.9vw; background-color: rgba(255, 255, 255, 0.9); border-top-left-radius: 30px; position: absolute; bottom: 0; right: 0; }
#people .interview_list .label { font-size: 1.6vw; font-weight: bold; text-shadow: 0 0 4px white, 0 0 4px white; position: absolute; top: -1.4vw; left: 1.5rem; }
#people .interview_list .name { font-size: 1.6vw; font-weight: bold; background: url(/recruit/common/img/arrow_g01.png) no-repeat bottom 0.5em right/0.9vw; }
#people .interview_list .name span { font-size: 50%; font-weight: normal; }
#people .interview_list .txt { font-size: 0.84vw; }
#people .crosstalk_area { margin-top: 5rem; padding-bottom: 10rem; }
#people .crosstalk_area .swiper-pagination-bullet { background-color: #fff; opacity: 1; }
#people .crosstalk_area .swiper-pagination-bullet-active { background-color: #005230; }
#people .crosstalk_area .swiper-button-prev, #people .crosstalk_area .swiper-button-next { top: 35%; }
#people .crosstalk_area .swiper-button-prev { left: 20.2%; }
#people .crosstalk_area .swiper-button-next { right: 20.2%; }
#people .crosstalk_list .list_wrap { display: flex; justify-content: space-between; }
#people .crosstalk_list .list_wrap a { width: 49%; }
#people .crosstalk_list a { display: block; background-color: #fff; border: 4px solid #fff; border-radius: 10px; position: relative; }
#people .crosstalk_list img { width: 100%; }
#people .crosstalk_list .label { color: #fff; font-size: 0.9vw; font-weight: bold; padding: 0.3vw 0.6vw; background-color: #07a33e; border-top-left-radius: 10px; border-bottom-right-radius: 10px; position: absolute; top: 0; left: 0; }
#people .crosstalk_list .txt_area { width: 101%; padding: 0.6vw 1vw; background-color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; bottom: 0; left: 0; }
#people .crosstalk_list .catch { font-size: 0.7vw; color: #005230; }
#people .crosstalk_list .txt { font-size: 1vw; line-height: 1.2; background: url(/recruit/common/img/arrow_g01.png) no-repeat bottom 0.5em right/0.9vw; }
#people .swiper-pagination { bottom: 0; }
#people .swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; margin: 0 0.8rem; }
#people .swiper-button-prev, #people .swiper-button-next { width: 2rem; height: auto; aspect-ratio: 31 / 51; }
#people .swiper-button-prev { background: url(/recruit/common/img/arrow_sl_prev.png) no-repeat center/100%; }
#people .swiper-button-next { background: url(/recruit/common/img/arrow_sl_next.png) no-repeat center/100%; }
#people .swiper-button-prev::after, #people .swiper-button-next::after { content: none; }

#career { overflow: hidden; padding: 15.75vw 0 8rem; }
#career .career_wrap { margin: 0 auto; padding: 3.6vw; max-width: 1200px; background-color: #fff; border-radius: 30px; position: relative; }
#career .career_wrap::before { content: ''; width: 13.8vw; height: auto; aspect-ratio: 235 / 239; background: url(../img/icon_symbol.png) no-repeat center/100%; transform: translate(0, -125%); mix-blend-mode: multiply; opacity: 0.3; position: absolute; top: 0; right: 0; }
#career .career_wrap::after { content: ''; width: 30%; height: 70%; background-color: #ecf7f0; border-bottom-right-radius: 30px; position: absolute; bottom: 0; right: 0; }
#career .career_inner { display: flex; align-items: center; position: relative; z-index: 2; }
#career .career_inner::before { content: ''; width: 6rem; height: auto; aspect-ratio: 1 / 1; background: url(/recruit/common/img/icon_symbol.png) no-repeat center/100%; position: absolute; top: -1rem; left: -1rem; }
#career .career_inner .txt_area { width: 50%; padding-left: 6%; }
#career .career_inner .career_list { width: 50%; }
#career .career_ttl { width: 100%; color: #fff; font-size: 7.27vw; font-weight: bold; text-align: center; line-height: 1; position: absolute; top: 0; left: 0; transform: translateY(-90%); }
#career .career_ttl_sub { font-size: 3vw; font-weight: 600; }
#career .career_ttl_sub span { border-bottom: 4px solid #000; }
#career .career_txt { margin-top: 3rem; font-size: 1.2vw; line-height: 2; }
#career .career_btn { margin-top: 3rem; }
#career .career_list li { width: 70%; }
#career .career_list li:nth-child(1) { margin: 0 0 4rem 0; }
#career .career_list li:nth-child(2) { margin: 0 0 0 auto; }
#career .career_list li img { transform: translate(-2rem, -1rem); transition-duration: 0.5s; }
#career .career_list li p { color: #fff; font-size: 1.3vw; width: fit-content; margin: 0 auto; padding: 0 3.5rem 0 0; background: url(/recruit/common/img/arrow_r01.png) no-repeat center right/1.4rem; }
#career .career_list li a { display: block; padding-bottom: 1rem; background: linear-gradient(180deg, transparent 18%, #07a33e 18%); border-bottom-right-radius: 30px; }
#career .career_list li a:hover { opacity: 1; background: linear-gradient(180deg, transparent 18%, #22b24b 18%); }
#career .career_list li a:hover img { filter: brightness(110%); }

.bg_line { background-color: #49c574; position: relative; }
.bg_line::before { content: ''; width: 0.6rem; height: 100%; background-color: #35b361; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }

#entry { margin-top: 11rem; position: relative; }
#entry::before { content: ''; width: 0.6rem; height: 11rem; background-color: #b4dcc2; position: absolute; top: -11rem; left: 0; right: 0; margin: 0 auto; }

@media screen and (min-width: 1600px) { #people .interview_area .swiper-button-prev { left: 5%; }
  #people .interview_area .swiper-button-next { right: 5%; }
  #work .img.img01 { bottom: 70%; }
  #work .img.img02 { bottom: 80%; } }
@media screen and (min-width: 768px) and (max-width: 1224px) { #news .news_wrap { width: 92%; margin-top: -4rem; padding: 1rem 1rem 1rem 4rem; }
  #news .news_area { padding-left: 1rem; }
  #news .news_ttl { font-size: 2.1vw; }
  #news .news_list li { font-size: 1.4vw; padding: 0.4rem 0; }
  #message .message_ttl span { padding-bottom: 1rem; border-width: 2px; }
  #about { padding-top: 21.5vw; }
  #about .about_inner::before { width: 4rem; }
  #about .about_wrap::before { transform: translate(0, -120%); }
  #about .about_ttl_sub span { border-width: 2px; }
  #about .about_list { margin-top: 3rem; }
  #about .about_list li { width: 32%; }
  #about .img { border-bottom-left-radius: 15px; border-top-right-radius: 15px; }
  #about .img.img01 { top: 5%; }
  #about .img.img02 { top: 35%; }
  #work { padding-top: 21.5vw; }
  #work .work_inner::before { width: 4rem; }
  #work .work_wrap::before { transform: translate(45%, -120%); }
  #work .work_inner .work_list { width: 55%; }
  #work .work_ttl_sub span { border-width: 2px; }
  #work .img { border-top-left-radius: 15px; border-bottom-right-radius: 15px; }
  #work .img.img01 { bottom: 45%; left: 12%; }
  #work .img.img02 { bottom: 55%; }
  #people .people_btn { right: 10%; bottom: 2rem; }
  #people .people_ttl_sub span { border-width: 2px; }
  #people .people_interview { padding: 6rem 0 8rem; }
  #people .interview_area { margin-top: 3rem; padding-bottom: 6rem; }
  #people .people_crosstalk { padding: 6rem 0 8rem; }
  #people .crosstalk_area { margin-top: 3rem; padding-bottom: 6rem; }
  #people .swiper-button-prev, #people .swiper-button-next { width: 1.2rem; }
  #people .interview_area .swiper-button-prev, #people .interview_area .swiper-button-next { top: 100%; }
  #people .crosstalk_area .swiper-button-prev { top: 100%; left: 4.5%; }
  #people .crosstalk_area .swiper-button-next { top: 100%; right: 4.5%; }
  #career .career_inner::before { width: 4rem; }
  #career .career_ttl_sub span { border-width: 2px; }
  #career .career_list li a { border-bottom-right-radius: 15px; }
  #career .career_list li:nth-child(1) { margin: 1rem 0 4rem 2rem; } }
@media screen and (min-width: 768px) { #header .entry_area { width: 40rem; height: 7rem; } }
@media screen and (min-width: 768px) { #header { z-index: 100; }
  #header .logo { height: 300px; align-items: flex-start; padding-top: 4rem; position: relative; }
  #header .logo::before { content: ''; width: auto; height: 40%; aspect-ratio: 24 / 171; background: url(../img/menu_txt.png) no-repeat center/100%; position: absolute; bottom: 1rem; right: 1rem; }
  #header .entry_area { margin: 0; padding: 0; display: flex; position: fixed; top: 0; right: 0; }
  #header .entry_area a { width: 20rem; } }
@media screen and (max-width: 767px) { #mainvisual { padding: 0 0 0 3rem; background: linear-gradient(180deg, transparent 27%, #07a33e 27%); position: relative; }
  #mainvisual::before { content: ''; width: 1.2rem; height: auto; aspect-ratio: 24 / 171; background: url(../img/menu_txt.png) no-repeat center/100%; position: absolute; top: 1.5rem; left: 0.7rem; }
  #mainvisual .img_area { background-color: #fff; }
  #mainvisual .img_area .main_ttl { width: 100%; top: auto; bottom: 2rem; }
  #news { padding: 3rem 0; }
  #news .news_wrap { width: 100%; margin: 0; padding: 1.5rem 1.5rem 1.5rem 5rem; border-radius: 0; }
  #news .news_ttl { font-size: 2rem; top: 2rem; }
  #news .news_btn { width: 24px; bottom: 2.5rem; left: 1.2rem; }
  #news .news_area { padding-left: 1.5rem; }
  #news .news_list li { font-size: 1.3rem; margin: 0.5rem 0 1rem; }
  #news .news_list li span { display: block; padding-right: 0; }
  #message { padding: 20vw 0; background-image: url(../img/message_bg_sp.jpg); }
  #message .message_ttl { font-size: 16vw; line-height: 0.6; }
  #message .message_ttl span { font-size: 4.26vw; border-width: 2px; padding-bottom: 1rem; }
  #message .message_txt { font-size: 5vw; }
  #message .message_btn { margin-top: 4rem; }
  #about { padding: 126.6vw 0 0 2rem; }
  #about .about_wrap { padding: 10vw 10vw 8vw; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
  #about .about_wrap::before { content: none; }
  #about .about_inner { padding-bottom: 22vw; }
  #about .about_inner::before { width: 9vw; }
  #about .about_inner .txt_area { width: 100%; padding: 10vw 0 0; }
  #about .about_ttl { font-size: 16vw; left: auto; right: 0; }
  #about .about_ttl_sub { font-size: 8vw; }
  #about .about_ttl_sub span { border-width: 2px; }
  #about .about_txt { margin-top: 2rem; font-size: 4vw; }
  #about .about_btn { margin-top: 0; width: 100%; text-align: center; position: absolute; bottom: 0; }
  #about .about_list { margin-top: 4rem; display: block; }
  #about .about_list li { width: 100%; margin-top: 2rem; }
  #about .about_list li p { font-size: 4.5vw; text-align: left; }
  #about .img { width: 80%; border-bottom-left-radius: 15px; border-top-right-radius: 15px; }
  #about .img.img01 { top: -40%; left: 5%; }
  #about .img.img01 img { transform: translate(-4vw, 4vw); }
  #about .img.img02 { top: -21%; left: 10%; }
  #about .img.img02 img { transform: translate(4vw, -4vw); }
  #work { padding: 128vw 2rem 0 0; }
  #work .work_wrap { padding: 10vw 10vw 8vw; border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
  #work .work_wrap::before { content: none; }
  #work .work_inner { padding-bottom: 22vw; display: block; }
  #work .work_inner::before { width: 9vw; top: -1rem; right: auto; left: -1rem; }
  #work .work_inner .txt_area { width: 100%; padding: 10vw 0 0; }
  #work .work_inner .work_list { width: 100%; }
  #work .work_ttl { font-size: 16vw; right: auto; left: 0; }
  #work .work_ttl_sub { font-size: 8vw; }
  #work .work_ttl_sub span { border-width: 2px; }
  #work .work_txt { margin-top: 2rem; font-size: 4vw; }
  #work .work_btn { margin-top: 0; width: 100%; text-align: center; position: absolute; bottom: 0; }
  #work .work_list { display: block; margin-top: 3rem; border-top: 1px solid #c9c9c9; }
  #work .work_list li { width: 100%; padding: 1rem 0; border-bottom: 1px solid #c9c9c9; }
  #work .work_list li a { display: flex; justify-content: space-between; align-items: center; }
  #work .work_list li img { width: 40%; }
  #work .work_list li p { width: 50%; margin-top: 0; font-size: 4.5vw; text-align: left; padding-bottom: 0; background-position: center right; }
  #work .img { width: 40%; border-top-left-radius: 15px; border-bottom-right-radius: 15px; }
  #work .img.img01 { bottom: auto; top: -42%; left: 8%; }
  #work .img.img01 img { transform: translate(4vw, -4vw); }
  #work .img.img02 { bottom: auto; top: -52%; left: 58%; }
  #work .img.img02 img { transform: translate(-4vw, 4vw); }
  #people { margin-top: 22vw; }
  #people .people_top { padding: 13vw 0; }
  #people .people_interview { padding: 7rem 0 12rem; }
  #people .people_interview::before { width: 20%; top: -1px; }
  #people .people_crosstalk { padding: 6rem 0 12rem; }
  #people .people_ttl { font-size: 16vw; }
  #people .people_ttl_sub { font-size: 8vw; }
  #people .people_ttl_sub::before { width: 9vw; transform: translate(-120%, -20%); }
  #people .people_ttl_sub span { border-width: 2px; }
  #people .people_txt { margin-top: 4rem; font-size: 4vw; }
  #people .people_btn { position: absolute; bottom: 3rem; right: 0; width: 100%; text-align: center; }
  #people .list_ttl { font-size: 5.86vw; }
  #people .interview_area { margin-top: 3rem; padding: 0 3rem 6rem; }
  #people .interview_area .swiper-button-prev, #people .interview_area .swiper-button-next { top: 40%; }
  #people .interview_area .swiper-button-prev { left: 0.5rem; }
  #people .interview_area .swiper-button-next { right: 0.5rem; }
  #people .interview_list .ttl { font-size: 5.6vw; }
  #people .interview_list .ttl span { padding: 0.1rem; }
  #people .interview_list .ttl span .set_vertical { transform: translateX(0); }
  #people .interview_list .txt_area { width: 68%; padding: 3.2vw 2.6vw 2vw 3vw; border-top-left-radius: 15px; }
  #people .interview_list .label { font-size: 7.2vw; top: -2rem; left: 1.5rem; }
  #people .interview_list .name { font-size: 7.2vw; background: none; }
  #people .interview_list .txt { font-size: 3.2vw; background: url(/recruit/common/img/arrow_g01.png) no-repeat bottom 0.5em right/2.8vw; }
  #people .crosstalk_area { margin-top: 4rem; padding: 0 3rem 6rem; }
  #people .crosstalk_area .swiper-button-prev, #people .crosstalk_area .swiper-button-next { top: 45%; }
  #people .crosstalk_area .swiper-button-prev { left: 0.5rem; }
  #people .crosstalk_area .swiper-button-next { right: 0.5rem; }
  #people .crosstalk_list .list_wrap { display: block; }
  #people .crosstalk_list .list_wrap a { width: 100%; margin-bottom: 2rem; }
  #people .crosstalk_list .label { font-size: 3.46vw; padding: 1.4vw 2vw; }
  #people .crosstalk_list .txt_area { padding: 2vw 3vw; }
  #people .crosstalk_list .catch { font-size: 2.8vw; }
  #people .crosstalk_list .txt { font-size: 4.26vw; background-size: 2.8vw auto; }
  #people .swiper-button-prev, #people .swiper-button-next { width: 1.5rem; }
  #career { padding: 33vw 0 7rem 2rem; }
  #career .career_wrap { margin: 0; padding: 10vw 10vw 8vw; border-radius: 0; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
  #career .career_wrap::before { content: none; }
  #career .career_wrap::after { width: 40%; height: 62%; border-bottom-right-radius: 0; }
  #career .career_inner { padding-bottom: 22vw; display: block; }
  #career .career_inner::before { width: 9vw; }
  #career .career_inner .txt_area { width: 100%; padding: 10vw 0 0; }
  #career .career_inner .career_list { width: 100%; }
  #career .career_ttl { font-size: 16vw; text-align: right; }
  #career .career_ttl_sub { font-size: 8vw; }
  #career .career_ttl_sub span { border-width: 2px; }
  #career .career_txt { margin-top: 2rem; font-size: 4vw; }
  #career .career_btn { margin-top: 0; width: 100%; text-align: center; position: absolute; bottom: 0; }
  #career .career_list li { width: 100%; background: linear-gradient(180deg, transparent 18%, #07a33e 18%); border-bottom-right-radius: 15px; }
  #career .career_list li:nth-child(1), #career .career_list li:nth-child(2) { margin: 4rem 0 0; }
  #career .career_list li img { transform: translate(-2.6vw, -1.3vw); }
  #career .career_list li p { font-size: 4.53vw; }
  #entry { margin-top: 5rem; }
  #entry::before { height: 5rem; top: -5rem; }
  .entry_area.fix { position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%; padding: 0.5rem; background-color: rgba(255, 255, 255, 0.6); display: flex; }
  .entry_area.fix a { display: block; width: 50%; color: #fff; font-size: 1.8rem; text-align: center; line-height: 1.3; padding: 1.5rem 1rem; background: url(/recruit/common/img/arrow_r01.png) no-repeat center right 2rem/1rem; }
  .entry_area.fix a span { color: #1dfd81; font-size: 90%; }
  .entry_area.fix a.btn_new { background-color: #0194cb; }
  .entry_area.fix a.btn_career { background-color: #0d4e8f; } }
#mainvisual .main_ttl, #mainvisual .img { transition-duration: 1.2s; opacity: 0; }
#mainvisual .main_ttl.show, #mainvisual .img.show { opacity: 1; }

#message .js-fade, #about .js-fade, #work .js-fade, #people .js-fade, #career .js-fade { transition-duration: 0.8s; transform: translateY(50px); opacity: 0; }
#message .js-fade.show, #about .js-fade.show, #work .js-fade.show, #people .js-fade.show, #career .js-fade.show { transform: translateY(0); opacity: 1; }

#about .js-fade.img { transition-duration: 1.2s; opacity: 0; }
#about .js-fade.img01 { transform: translateX(-50px); transition-delay: 0.6s; }
#about .js-fade.img02 { transform: translateX(50px); transition-delay: 0.8s; }
#about .js-fade.show.img { transform: translateX(0); opacity: 1; }

#work .js-fade.img { transition-duration: 1.2s; opacity: 0; }
#work .js-fade.img01 { transform: translateY(-100px); transition-delay: 0.6s; }
#work .js-fade.img02 { transform: translateY(100px); transition-delay: 0.8s; }
#work .js-fade.show.img { transform: translateY(0); opacity: 1; }

#career .js-fade.career_list { transition-duration: 0s; transform: translateY(0); opacity: 1; }
#career .js-fade.career_list li { transition-duration: 0.8s; opacity: 0; }
#career .js-fade.career_list li:nth-child(1) { transform: translateX(50px); transition-delay: 0.4s; }
#career .js-fade.career_list li:nth-child(2) { transform: translateX(-50px); transition-delay: 0.8s; }
#career .js-fade.show.career_list li { transform: translateX(0); opacity: 1; }

@media screen and (max-width: 767px) { #about .js-fade.about_wrap { opacity: 1; }
  #about .js-fade.img01 { transition-delay: 0s; }
  #about .js-fade.img02 { transition-delay: 0.2s; }
  #work .js-fade.work_wrap { opacity: 1; }
  #work .js-fade.img01 { transition-delay: 0s; }
  #work .js-fade.img02 { transition-delay: 0.2s; } }

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