.hd_menu li:nth-of-type(5) button {
 color: #ff8c8c;
}
/*                        recruit                        */
.page .mv_inner {
 padding-top: 0;
}
.mv_ttl {
 letter-spacing: 0.1em;
}
.mv_ttl span{
 font-size: 11.5rem;
}
.mv_sab_ttl {
 color: #ff8c8c;
}

.page_banner_inner {
 background: url(../images/requirement/requirement_banner.webp) no-repeat;
 background-size: cover;
}
.banner_btn {
 background: #FFFFD4;
background: linear-gradient(90deg, rgba(255, 255, 212, 1) 0%, rgba(255, 203, 62, 1) 100%);
}


.recruit_contents_inner {
 position: relative;
 z-index: 1;
 padding: min(10rem, calc(100vw / 13.66)) 0 0;
}
.recruit_menu {
 width: min(77rem, calc(770vw / 13.66));
 margin: 0 auto ;
}
.recruit_menu ul{
 display: flex;
 justify-content: space-between;
}
.recruit_menu li {
 width: min(36rem, calc(360vw / 13.66));
}
.recruit_menu ul li a{
 display: block;
 width: 100%;
 background-color: #000000;
 box-sizing: border-box;
 border-radius: min(5rem, calc(50vw / 13.66)) ;
 font-size: 2.7rem;
 font-weight: 700;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 color: #90d8fc;
 gap: min(1rem, calc(10vw / 13.66))  0;
 padding:min(1.2rem, calc(12vw / 13.66))  0 min(1rem, calc(10vw / 13.66)) ;
}
.recruit_menu ul li:nth-of-type(2) a{
 color: #8ee854;
}
.recruit_menu ul li a span {
 display: block;
 width: min(1.2rem, calc(12vw / 13.66));
 height: min(1.2rem, calc(12vw / 13.66));
 border-top: min(.2rem, calc(2vw / 13.66))  solid #90d8fc;
 border-right: min(.2rem, calc(2vw / 13.66))  solid #90d8fc;
 transform: rotate(135deg);
 transform-origin: top;
}
.recruit_menu ul li:nth-of-type(2) a span{
 border-color: #8ee854;
}

@media (hover: hover) and (pointer: fine) {
 .recruit_menu ul li a:where(:any-link, :enabled, summary):hover {
  transform: scale(1.1);
 }
}

.recruit_item {
  padding-top: min(10rem, calc(100vw / 13.66));
 margin-top: max(-10rem, calc(-100vw / 13.66));
 
}
#recruit_01 {
 padding-bottom: min(12rem, calc(120vw / 13.66));
 margin-top: min(2rem, calc(20vw / 13.66));
}
.recruit_item_bg {
 padding-bottom: min(12rem, calc(120vw / 13.66));
 position: relative;
 z-index: 1;
 background-color: #fff;
}

.recruit_item_bg::before {
 content: "";
 width: 100%;
 height: calc(660vw / 13.66);
 background: url(../images/requirement/page_bg.webp);
 background-size: cover;
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: -1;
 transform: scale(-1, -1);
}
.recruit_item_inner {
 width: min(117rem, calc(1170vw / 13.66));
 margin: 0 auto;
}
.recruit_item_ttl {
 width: min(43.2rem, calc(432vw / 13.66));
 background-color: #000;
 font-size: 4rem;
 color: #fff;
 padding: min(.5rem, calc(5vw / 13.66)) 0;
 position: relative;
 margin-bottom: min(5.5rem, calc(55vw / 13.66));
}
.recruit_item_ttl::before {
 content: '';
 width: min(9rem, calc(90vw / 13.66)) ;
 height: 100%;
 clip-path: polygon(0 0, 0% 100%, 100% 0);
 background-color: #90d8fc;
 position: absolute;
 top: 0;
 left: 0;
}


#recruit_02 .recruit_item_ttl::before {
 background-color: #8ee854;
}

.recruit_box {
 margin-bottom: min(7.5rem, calc(75vw / 13.66));

}
.recruit_box_ttl {
 font-size: 4.5rem;
 font-weight: 700;
 text-align: left;
 margin-bottom: min(.5rem, calc(5vw / 13.66));
}
.recruit_box dl {
 display: flex;
  border-bottom: #aaaaaa solid min(.1rem, calc(1vw / 13.66));
}
.recruit_box dl:last-of-type  {
 border-bottom: none;
}
.recruit_box dt {
 width:  min(32rem, calc(320vw / 13.66));
 background-color: #90d8fc;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 2rem;
 font-weight: 700;
 box-sizing: border-box;
 border-right: #aaaaaa solid min(.1rem, calc(1vw / 13.66));
}
#recruit_01 .recruit_box:nth-of-type(even) dt {
 background-color: #c7ebfd;
}
#recruit_02 .recruit_box dt {
 background-color: #c1f2a1;
}
#recruit_02 .recruit_box:nth-of-type(even) dt {
 background-color: #e0f9d0;
}
.recruit_box dt p {
 width:  min(13rem, calc(130vw / 13.66));
 display: flex;
 justify-content: space-between;
}

.recruit_box dd {
 width:  min(85rem, calc(850vw / 13.66));
 background-color: #ffffff;
 box-sizing: border-box;
 padding: min(2rem, calc(20vw / 13.66)) min(3rem, calc(30vw / 13.66))  min(2rem, calc(20vw / 13.66));
 text-align: justify;
}
#recruit_02 .recruit_box dd {
 background-color: #f6f6f6;
}
.recruit_box dd.ttl {
 padding: min(1.5rem, calc(15vw / 13.66)) min(3rem, calc(30vw / 13.66))  min(2rem, calc(20vw / 13.66));
}
.recruit_box dd.list {
 padding: min(3rem, calc(30vw / 13.66)) min(3rem, calc(30vw / 13.66))  min(2rem, calc(20vw / 13.66));
}
.recruit_box dd.ttl span{
 font-size: 3rem;
 font-weight: 700;
}
.recruit_box dd p {
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 2.25;
}

.recruit_box dd.list li {
 display: flex;
 align-items: center;
 gap: 0 min(1rem, calc(10vw / 13.66));
 font-size: 1.6rem;
 line-height: 2.25;
 font-weight: 500;
 margin-bottom: min(1rem, calc(10vw / 13.66));
}
.recruit_box dd.list li span {
 width:  min(10rem, calc(100vw / 13.66));
 background-color: #f1f1f1;
 text-align: center;
}


#recruit_01 .recruit_box.recruit_flow dl {
 gap: 0 min(1rem, calc(10vw / 13.66));
 border: none;
}
#recruit_01 .recruit_box.recruit_flow dl {
 margin-bottom: min(3rem, calc(30vw / 13.66));
}
#recruit_01 .recruit_box.recruit_flow dl:last-of-type {
 margin-bottom: 0;
}
#recruit_01  .recruit_box.recruit_flow dt {
 width:  min(31.5rem, calc(315vw / 13.66));
 border: none;
 clip-path: polygon(50% 0%, 100% 0, 100% 0, 100% 0, 100% 75%, 50% 100%, 0 75%, 0 0, 0 0, 0 0);
 background-color: #90d8fc;
}
#recruit_01 .recruit_box.recruit_flow dl:nth-of-type(even) dt {
 background-color: #c7ebfd;
}
#recruit_01  .recruit_box.recruit_flow dl:last-of-type dt {
 clip-path: none;
}
.recruit_flow .recruit_box_btn {
 width: min(27rem, calc(270vw / 13.66));
 margin-top: min(2rem, calc(20vw / 13.66));
 margin-right:  min(2.5rem, calc(25vw / 13.66));
 display: inline-block;
}
.recruit_flow .recruit_box_btn a{
 display: block;
 width: 100%;
 background: #A6FFFF;
background: linear-gradient(90deg, rgba(166, 255, 255, 1) 0%, rgba(85, 155, 248, 1) 100%);
font-size: 2.8rem;
font-weight: 700;
color: #000000;
text-align: left;
border-radius: min(2rem, calc(20vw / 13.66));
padding:  min(.7rem, calc(7vw / 13.66)) 0;
padding-left:  min(3rem, calc(30vw / 13.66));
box-sizing: border-box;
position: relative;
}
.recruit_flow .recruit_box_btn a::before {
 content: '';
 width: min(2.1rem, calc(21vw / 13.66));
 height: min(2.1rem, calc(21vw / 13.66));
 background: url(../images/common/blank.svg) no-repeat;
 background-size: cover;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: min(3rem, calc(30vw / 13.66));
}

@media (hover: hover) and (pointer: fine) {
 .recruit_flow .recruit_box_btn  a:where(:any-link, :enabled, summary):hover {
  opacity: .7;
 }
}

.recruit_item_btn p {
 font-size: 4.5rem;
 font-weight: 700;
 margin-bottom:  min(2.5rem, calc(25vw / 13.66));
}
.recruit_item_btn_flex {
 display: flex;
}
.recruit_item_btn a {
 display: block;
 width: min(58.6rem, calc(586vw / 13.66));
 border-radius:  min(3rem, calc(30vw / 13.66));
 font-size: 2.8rem;
 font-weight: 700;
 background: #A6FFFF;
background: linear-gradient(90deg, rgba(166, 255, 255, 1) 0%, rgba(85, 155, 248, 1) 100%);
margin: 0 auto;
color: #000000;
padding: min(5.2rem, calc(52vw / 13.66)) 0;
padding-left: min(5rem, calc(50vw / 13.66));
position: relative;
box-sizing: border-box;
text-align: left;
}
#recruit_01 .recruit_item_btn a:first-of-type {
 border-radius:  min(3rem, calc(30vw / 13.66)) 0 0 min(3rem, calc(30vw / 13.66));
}
#recruit_01 .recruit_item_btn a:last-of-type {
 border-radius:   0 min(3rem, calc(30vw / 13.66)) min(3rem, calc(30vw / 13.66)) 0 ;
}
#recruit_02  .recruit_item_btn a {
 background: #CFF9AE;
background: linear-gradient(90deg, rgba(207, 249, 174, 1) 0%, rgba(142, 232, 84, 1) 100%);
}

.recruit_item_btn a::before {
 content: '';
 width: min(3.1rem, calc(31vw / 13.66));
 height: min(3.1rem, calc(31vw / 13.66));
 background: url(../images/common/blank.svg) no-repeat;
 background-size: cover;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: min(5.5rem, calc(55vw / 13.66));
}

#recruit_02  .recruit_item_btn a::before {
 content: '';
 width: min(3.8rem, calc(38vw / 13.66));
 height: min(2.5rem, calc(25vw / 13.66));
 background: url(../images/common/btn_arrow.svg) no-repeat;
 background-size: cover;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: min(5rem, calc(50vw / 13.66));
}

@media (hover: hover) and (pointer: fine) {
 .recruit_item_btn  a:where(:any-link, :enabled, summary):hover {
  opacity: .7;
 }
}


@media screen and (max-width: 767px) {
.page .mv_ttl {
 letter-spacing: 0;
 font-size: 4.8rem;
}

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


.recruit_contents_inner {
 padding: 5rem 0 0;
}
.recruit_menu {
 width: 32.5rem;
}
.recruit_menu li {
 width: 15rem;
}
.recruit_menu ul li a{
 border-radius: 3rem;
 font-size: 1.6rem;
 gap: .3rem  0;
 padding:1.3rem  0 .5rem ;
}
.recruit_menu ul li a span {
 width: .6rem;
 height: .6rem;
 border-top: .1rem  solid #90d8fc;
 border-right: .1rem  solid #90d8fc;
}

.recruit_item {
 padding-top: 5.3rem;
 margin-top: -5.3rem;
}
#recruit_01 {
 padding-bottom: 5rem;
 margin-top: 0;
}
.recruit_item_bg {
 padding-bottom:5rem;
}

.recruit_item_bg::before {
 height: 27.8rem;
 background: url(../images/requirement/page_bg_sp.webp);
 background-size: cover;
}
.recruit_item_inner {
 width:100%;
}
.recruit_item_ttl {
 width: 24.5rem;
 font-size: 2.2rem;
 padding:.5rem 0;
 margin-bottom: 2rem;
}
.recruit_item_ttl::before {
 width: 5.4rem ;
}

.recruit_box {
 width: 32.5rem;
 margin: 0 auto;
 margin-bottom: 3.5rem;

}
.recruit_box_ttl {
 font-size: 2.4rem;
 margin-bottom: 1rem;
}
.recruit_box dl {
 flex-direction: column;
  border-bottom:none;
  margin-bottom: 2.5rem;
}
.recruit_box dl:last-of-type {
 margin-bottom: 0;
}

.recruit_box dt {
 width: 100%;
 font-size: 1.4rem;
 border-right:none;
 padding: 0.1rem 0;
}
.recruit_box dt p {
 width:  100%;
 justify-content:center;
}

.recruit_box dd {
 width: 100%;
 padding:2.3rem 2.5rem ;
}
.recruit_box dd.ttl {
 padding:1.5rem 2.5rem  2.3rem;
}
.recruit_box dd.list {
 padding: 2.5rem 2.5rem  2.3rem;
}
.recruit_box dd.ttl span{
 font-size: 1.7rem;
 display: block;
}
.recruit_box dd p {
 font-size: 1.4rem;
 line-height: 1.75;
}

.recruit_box dd.list li {
 gap: 0 .8rem;
 font-size: 1.4rem;
 line-height: 1.7;
 margin-bottom: 1rem;
}
.recruit_box dd.list li span {
 width:  7.5rem;
}
.recruit_box dd .indent {
 display: block;
 text-indent: -1em;
 padding-left: 1em;
}


#recruit_01 .recruit_box.recruit_flow dl {
 gap: 0;
 border: none;
}
#recruit_01 .recruit_box.recruit_flow dl {
 margin-bottom:2.5rem;
}
#recruit_01 .recruit_box.recruit_flow dl:last-of-type {
 margin-bottom: 0;
}
#recruit_01  .recruit_box.recruit_flow dt {
 width: 100%;
 border: none;
 clip-path: none;
}
#recruit_01  .recruit_box.recruit_flow dd {
 clip-path: polygon(50% 0%, 100% 0, 100% 0, 100% 0, 100% 75%, 50% 100%, 0 75%, 0 0, 0 0, 0 0);
 padding-bottom: 3.5rem;
}
#recruit_01 .recruit_box.recruit_flow dl:last-of-type dd{
 clip-path: none;
 padding-bottom: 2.3rem;
}

.recruit_flow .recruit_box_btn {
 width: 15.5rem;
 margin: 0 auto;
 margin-top: 1rem;
 display: block;
}
.recruit_flow .recruit_box_btn a{
font-size: 1.6rem;
border-radius:1rem;
padding:  .5rem 0;
padding-left: 1.5rem;
}
.recruit_flow .recruit_box_btn a::before {
 width: 1.2rem;
 height: 1.2rem;
 right: 1.5rem;
}

.recruit_item_btn p {
 font-size: 2.2rem;
 margin-bottom:  1.5rem;
}
.recruit_item_btn_flex {
 flex-direction: column;
}
.recruit_item_btn a {
 width: 32.5rem;
 font-size: 1.6rem;
padding: 2.7rem 0;
padding-left: 3rem;
}

#recruit_01 .recruit_item_btn a:first-of-type {
 border-radius:  1.5rem ;
 margin-bottom: 2.5rem;
}
#recruit_01 .recruit_item_btn a:last-of-type {
 border-radius:  1.5rem ;
}

.recruit_item_btn a::before {
 width: 1.5rem;
 height: 1.5rem;
 right: 2.5rem;
}

#recruit_02  .recruit_item_btn a::before {
 width:2rem;
 height:1.4rem;
 right:2.5rem;
}


}