.hd_menu li:nth-of-type(2) button {
 color: #00a445;
}
/*                        jobs                        */
#jobs .page_top {
 padding-bottom: min(8rem, calc(80vw / 13.66));
}
.mv_inner {
 background: #188600;
 background: linear-gradient(90deg, rgba(24, 134, 0, 1) 0%, rgba(201, 250, 157, 1) 100%);
 position: relative;
}
.mv_sab_ttl {
 color: #00a445;
}

.jobs_top {
 width: min(117rem, calc(1170vw / 13.66));
 margin: 0 auto;
 box-sizing: border-box;
 border: #8ee854 solid min(0.2rem, calc(2vw / 13.66));
 border-radius: min(3rem, calc(30vw / 13.66));
 position: relative;
}
.jobs_top_ttl {
 width: fit-content;
 margin: 0 auto;
 font-size: 4.5rem;
 font-weight: 700;
 background-color: #8ee854;
 padding: 0 min(3.5rem, calc(35vw / 13.66));
 border-radius: 0 0 min(3rem, calc(30vw / 13.66)) min(3rem, calc(30vw / 13.66));
 line-height: 1.8;
}
.jobs_top_img {
 width: min(106rem, calc(1060vw / 13.66));
 margin: min(5rem, calc(50vw / 13.66)) auto;
}

.jobs_main {
 margin-top: min(14rem, calc(140vw / 13.66));
 position: relative;
}
.jobs_main::before {
 content: "";
 width: 100%;
 height:  calc(910vw / 13.66);
 background: url(../images/business/page_bg.webp);
 background-size: cover;
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: -1;
 transform: scale(-1, -1);
}
.jobs_item {
 width: min(136.6rem, calc(1366vw / 13.66));
 margin: 0 auto;
 padding-bottom: min(12rem, calc(120vw / 13.66));
}
.jobs_item_top {
 width: min(117rem, calc(1170vw / 13.66));
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 position: relative;
 z-index: 5;
}
.jobs_item:nth-of-type(2) .jobs_item_top {
 flex-direction: row-reverse;
}
.jobs_item_name {
 width: fit-content;
 box-sizing: border-box;
 font-size: 4rem;
 font-weight: 700;
 color: #fff;
 padding: min(0.5rem, calc(5vw / 13.66)) min(10rem, calc(100vw / 13.66));
 background-color: #000000;
 position: relative;
}
.jobs_item_name::before {
 content: "";
 width: min(9rem, calc(90vw / 13.66));
 height: calc(100% + min(0.1rem, calc(1vw / 13.66)));
 background-color: #8ee854;
 clip-path: polygon(0 0, 0% 100%, 100% 0);
 position: absolute;
 top: max(-0.1rem, calc(-1vw / 13.66));
 left: 0;
}
.jobs_item_txt {
 width: min(52rem, calc(520vw / 13.66));
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 2.25;
 text-align: justify;
 margin-top: min(3.5rem, calc(35vw / 13.66));
}
.jobs_item_txt span {
 display: block;
 color: #00a445;
 line-height: 1.33;
 font-weight: 700;
 font-size: 4.5rem;
 margin-bottom: min(1.5rem, calc(15vw / 13.66));
}
.jobs_item_flex {
 width: min(117rem, calc(1170vw / 13.66));
 margin: min(5rem, calc(50vw / 13.66)) auto 0;
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 position: relative;
}

.jobs_item_img {
 width: min(61.2rem, calc(612vw / 13.66));
 position: absolute;
 bottom: min(2.5rem, calc(25vw / 13.66));
 left: 0;
 z-index: 2;
}
.jobs_item:nth-of-type(2) .jobs_item_img {
 left: auto;
 right: 0;
}
.jobs_item:nth-of-type(3) .jobs_item_img {
 bottom: min(6rem, calc(60vw / 13.66));
}
.jobs_item_detail {
 width: min(48rem, calc(480vw / 13.66));
 margin-left: auto;
 position: relative;
 padding: min(4rem, calc(40vw / 13.66)) 0 min(5rem, calc(50vw / 13.66));
 padding-right: min(5rem, calc(50vw / 13.66));
 z-index: 1;
}
.jobs_item:nth-of-type(2) .jobs_item_detail {
 margin-left: 0;
 padding-right: 0;
 padding-left: min(5rem, calc(50vw / 13.66));
}
.jobs_item_detail::before {
 content: "";
 height: 100%;
 width: min(86rem, calc(860vw / 13.66));
 background-color: #fff;
 position: absolute;
 top: 0;
 right: 0;
 z-index: -1;
 border-radius: min(20rem, calc(200vw / 13.66)) min(2rem, calc(20vw / 13.66)) min(2rem, calc(20vw / 13.66)) min(20rem, calc(200vw / 13.66));
}
.jobs_item:nth-of-type(2) .jobs_item_detail::before {
 border-radius: min(2rem, calc(20vw / 13.66)) min(20rem, calc(200vw / 13.66)) min(20rem, calc(200vw / 13.66)) min(2rem, calc(20vw / 13.66));
 right: auto;
 left: 0;
}
.jobs_item_detail_ttl {
 font-size: 3.4rem;
 line-height: 1.64;
 text-align: right;
 font-weight: 700;
}
.jobs_item:nth-of-type(2) .jobs_item_detail_ttl {
 text-align: left;
}
.jobs_item_detail ul {
 display: flex;
 flex-direction: column;
 gap: min(1.6rem, calc(16vw / 13.66)) 0;
 margin-top: min(2.5rem, calc(25vw / 13.66));
}
.jobs_item_detail ul li {
 position: relative;
 text-align: right;
}
.jobs_item_detail ul li p {
 font-size: 2.2rem;
 font-weight: 500;
 text-align: right;
 background-color: #ffff;
 position: relative;
 z-index: 1;
 display: inline-block;
 box-sizing: border-box;
 padding-left: min(1rem, calc(10vw / 13.66));
}
.jobs_item_detail ul li span {
 display: block;
 width: min(26rem, calc(260vw / 13.66));
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
}

.jobs_item_other {
 position: relative;
 display: flex;
 justify-content: center;
 gap: 0 min(7.5rem, calc(75vw / 13.66));
 margin-top: min(5.5rem, calc(55vw / 13.66));
 z-index: 0;
}
.jobs_item_other::before {
 content: "";
 width: 100%;
 height: min(34.3rem, calc(343vw / 13.66));
 background: url(../images/jobs/jobs_item_bg.webp) no-repeat;
 background-size: cover;
 position: absolute;
 top: max(-12rem, calc(-120vw / 13.66));
 left: 0;
 z-index: -1;
}
.jobs_item:nth-of-type(3) .jobs_item_other::before {
 top: max(-15rem, calc(-150vw / 13.66));
 height: min(37.3rem, calc(373vw / 13.66));
}
.jobs_item_other_box {
 width: min(55rem, calc(550vw / 13.66));
 background-color: #fff;
 border-radius: min(2rem, calc(20vw / 13.66));
 padding: min(3rem, calc(30vw / 13.66)) min(4.5rem, calc(45vw / 13.66)) min(4.5rem, calc(45vw / 13.66));
 box-sizing: border-box;
}
.jobs_item_other_box_ttl {
 font-size: 3rem;
 font-weight: 700;
}
.jobs_item_other_box_txt {
 font-size: 1.6rem;
 font-weight: 500;
 text-align: justify;
 line-height: 2.25;
}

.jobs_item_people {
 width: min(117rem, calc(1170vw / 13.66));
 margin: min(8rem, calc(80vw / 13.66)) auto 0;
}
.jobs_item_people_box {
 background-color: #fff;
 margin-top: min(4.5rem, calc(45vw / 13.66));
}
.jobs_item_people_box a {
 background: #8ee854;
 background: linear-gradient(90deg, rgba(142, 232, 84, 1) 0%, rgba(255, 255, 190, 1) 100%);
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 0 min(3rem, calc(30vw / 13.66));
 box-sizing: border-box;
}
.jobs_item_people_img {
 width: min(37rem, calc(370vw / 13.66));
}
.jobs_item_people_detail {
 width: min(69rem, calc(690vw / 13.66));
 text-align: justify;
 position: relative;
}
.jobs_item_people_ttl {
 font-size: 2.8rem;
 font-weight: 700;
 letter-spacing: 0.04em;
 line-height: 1.64;
 color: #000000;
}
.jobs_item_people_txt {
 font-size: 1.6rem;
 font-weight: 500;
 color: #000000;
 margin-top: min(2rem, calc(20vw / 13.66));
}

.jobs_item_people_btn {
 width: min(9rem, calc(90vw / 13.66));
 position: absolute;
 bottom: 0;
 right: 0;
 border-radius: min(2.5rem, calc(25vw / 13.66));
 height: min(4.6rem, calc(46vw / 13.66));
 box-sizing: border-box;
 border: min(0.1rem, calc(1vw / 13.66)) solid #000;
 transition: 0.4s;
 background: #efffdf;
 background: linear-gradient(90deg, rgba(239, 255, 223, 1) 0%, rgba(142, 232, 84, 1) 100%);
}
.jobs_item_people_btn::before {
 content: "";
 width: min(2.4rem, calc(24vw / 13.66));
 height: min(1.6rem, calc(16vw / 13.66));
 background: url(../images/common/btn_arrow.svg) no-repeat;
 background-size: cover;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 right: 0;
 margin: 0 auto;
}

@media (hover: hover) and (pointer: fine) {
 .jobs_item_people_box a:where(:any-link, :enabled, summary):hover {
  opacity: 0.7;
 }
 .jobs_item_people_box a:where(:any-link, :enabled, summary):hover .jobs_item_people_btn {
  transform: scale(1.1);
 }
}

.page_banner_inner {
 background: url(../images/jobs/jobs_banner.webp) no-repeat;
 background-size: cover;
}
.banner_btn  {
 background: #9efffa;
 background: linear-gradient(90deg, rgba(158, 255, 250, 1) 0%, rgba(0, 210, 198, 1) 100%);
 border-color: #fff;
}
.banner_btn::before {
 background: url(../images/common/btn_arrow_w.svg) no-repeat;
 background-size: cover;
}



@media screen and (max-width: 767px) {
/*                        jobs                        */
#jobs .page_top {
 padding-bottom: 4.5rem;
}

.jobs_top {
 width:32.5rem;
 border: #8ee854 solid .2rem;
 border-radius: 1.5rem;
 overflow: hidden;
}
.jobs_top_ttl {
 width:100%;
 font-size: 2.5rem;
 padding: .8rem 0;
 border-radius: 0 0 ;
 line-height: 1.4;
}
.jobs_top_img {
 width: 28.4rem;
 margin: 2.5rem auto;
}

.jobs_main {
 margin-top: 5rem;
}
.jobs_main::before {
 height: 27.8rem;
 background: url(../images/business/page_bg_sp.webp);
 background-size: cover;
}
.jobs_item {
 width:100%;
 padding-bottom:5rem;
}
.jobs_item_top {
 width:100%;
 flex-direction: column;
}
.jobs_item:nth-of-type(2) .jobs_item_top {
  flex-direction: column;
}
.jobs_item_name {
 font-size: 2.4rem;
 padding: .2rem 6rem;
}
.jobs_item:nth-of-type(2) .jobs_item_name {
 margin-left: auto;
}
.jobs_item_name::before {
 width:5.4rem;
 height: calc(100% + .1rem);
 top: -.1rem;
}
.jobs_item_txt {
 width: 32.5rem;
 font-size: 1.4rem;
 line-height: 1.75;
 margin: 2rem auto 0;
}
.jobs_item_txt span {
 line-height: 1.4;
 font-size: 2.5rem;
 margin-bottom: 1rem;
}
.jobs_item_flex {
 width:100%;
 margin: 2rem auto 0;
 flex-direction: column;
}

.jobs_item_img {
 width: 35.5rem;
 position: relative;
 bottom: 0;
 left: 0;
 z-index: 2;
}
.jobs_item:nth-of-type(2) .jobs_item_img {
 margin-left: auto;
}
.jobs_item:nth-of-type(3) .jobs_item_img {
 bottom:0;
}
.jobs_item_detail {
 width: 28.5rem;
 padding: 1rem 0 3rem;
 padding-right: 2.5rem;
}
.jobs_item:nth-of-type(2) .jobs_item_detail {
 padding-left: 2.5rem;
}
.jobs_item_detail::before {
 height: calc(100% + 2.5rem);
 width:36rem;
 top: auto;
 bottom: 0;
 border-radius: 15rem 0 0 15rem;
}
.jobs_item:nth-of-type(2) .jobs_item_detail::before {
 border-radius: 0 15rem 15rem 0;
}
.jobs_item_detail_ttl {
 font-size: 2.1rem;
}
.jobs_item_detail ul {
 gap:.5rem 0;
 margin-top: .5rem;
}
.jobs_item_detail ul li p {
 font-size: 1.4rem;
 padding-left:1rem;
}
.jobs_item_detail ul li span {
 display: block;
 width:14rem;
}

.jobs_item_other {
 align-items: center;
 flex-direction: column;
 gap: 2rem 0;
 margin-top: 3.5rem;
}
.jobs_item_other::before {
 width: 100%;
 height: 66.5rem;
 background: url(../images/jobs/jobs_item_bg_sp.webp) no-repeat;
 background-size: cover;
 top:auto;
 bottom: 8rem;
}
.jobs_item:nth-of-type(3) .jobs_item_other::before {
 top: auto;
 height: 66.5rem;
}
.jobs_item_other_box {
 width:32.5rem;
 border-radius: 1rem;
 padding: 1.5rem 2.5rem ;
}
.jobs_item_other_box_ttl {
 font-size: 1.8rem;
}
.jobs_item_other_box_txt {
 font-size: 1.4rem;
 line-height: 1.75;
}

.jobs_item_people {
 width:32.5rem;
 margin: 5rem auto 0;
}
.jobs_item_people_box {
 margin-top: 3.5rem;
}
.jobs_item_people_box a {
 flex-direction: column;
 padding: 1.5rem 0 1.8rem;
 gap: 1rem 0;
}
.jobs_item_people_img {
 width: 100%;
}
.jobs_item_people_detail {
 width:27.5rem;
}
.jobs_item_people_ttl {
 font-size: 1.6rem;
 line-height: 1.56;
}
.jobs_item_people_txt {
 font-size: 1.1rem;
 line-height: 1.72;
 margin-top: 1rem;
}

.jobs_item_people_btn {
 width:5.4rem;
 border-radius: 1.3rem;
 height: 2.8rem;
 border: .1rem solid #000;
}
.jobs_item_people_btn::before {
 width: 1.5rem;
 height: 1rem;
}

.page_banner_inner {
 background: url(../images/jobs/jobs_banner_sp.webp) no-repeat;
 background-size: cover;
}

}