.l-main:has(#recruit__career) .l-main__recruit__img{background:url(../../img/recruit/career/bg.webp) no-repeat center/cover}#recruit__career.recruit__content{margin-bottom:0}#recruit__career .important{text-align:center;padding-bottom:0}#recruit__career .introduction.content-wrap{padding-bottom:0}#recruit__career .introduction .subttl__recruit{margin-bottom:50px}#recruit__career .introduction .subttl__recruit::before{margin-bottom:10px}#recruit__career .introduction__list{position:relative;z-index:990;display:-ms-grid;display:grid;-ms-grid-rows:1fr 30px 1fr;grid-template-rows:repeat(2,1fr);-ms-grid-columns:1fr 20px 1fr 20px 1fr;grid-template-columns:repeat(3,1fr);gap:30px 20px}#recruit__career .introduction__list>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}#recruit__career .introduction__list>:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}#recruit__career .introduction__list>:nth-child(3){-ms-grid-row:1;-ms-grid-column:5}#recruit__career .introduction__list>:nth-child(4){-ms-grid-row:3;-ms-grid-column:1}#recruit__career .introduction__list>:nth-child(5){-ms-grid-row:3;-ms-grid-column:3}#recruit__career .introduction__list>:nth-child(6){-ms-grid-row:3;-ms-grid-column:5}#recruit__career .introduction__list__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#60656a;-webkit-box-shadow:0 6px 0 0 rgba(0,0,0,.25);box-shadow:0 6px 0 0 rgba(0,0,0,.25);border-radius:80px;padding:20px 20px 20px 30px;color:#fff;font-size:20px;font-size:1.25rem;-webkit-transition:.3s;transition:.3s}#recruit__career .introduction__list__img{display:-ms-grid;display:grid;place-items:center;background-color:#67d409;border-radius:50%;aspect-ratio:1/1;width:40px;height:40px}#recruit__career .introduction__list__img img{width:18px;height:20px}#recruit__career .introduction__content__inner{margin-top:120px}#recruit__career .introduction__content__inner__item:not(:last-of-type){margin-bottom:132px}#recruit__career .introduction__content__inner__item:last-of-type .introduction__bottom{padding-bottom:200px}#recruit__career .introduction__content__inner .bg__l-square__recruit.is-show .bg__l-square__recruit__img::after{-webkit-animation:bg__l-square__recruit__career__slash 1s ease forwards;animation:bg__l-square__recruit__career__slash 1s ease forwards}@-webkit-keyframes bg__l-square__recruit__career__slash{0%{opacity:0;bottom:57%;left:18%}100%{opacity:1;bottom:67%;left:28%}}@keyframes bg__l-square__recruit__career__slash{0%{opacity:0;bottom:57%;left:18%}100%{opacity:1;bottom:67%;left:28%}}#recruit__career .introduction__content__inner .bg__r-square__recruit.is-show .bg__r-square__recruit__img::after{-webkit-animation:bg__r-square__recruit__career__slash 1s ease forwards;animation:bg__r-square__recruit__career__slash 1s ease forwards}@-webkit-keyframes bg__r-square__recruit__career__slash{0%{opacity:0;bottom:77%;right:20%}100%{opacity:1;bottom:67%;right:30%}}@keyframes bg__r-square__recruit__career__slash{0%{opacity:0;bottom:77%;right:20%}100%{opacity:1;bottom:67%;right:30%}}#recruit__career .introduction__content__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:70px}#recruit__career .introduction__content__subttl{margin-bottom:15px;font-size:24px;font-size:1.5rem;font-weight:700}#recruit__career .introduction__content__txt span{font-size:14px;font-size:.875rem;font-weight:400}#recruit__career .introduction__bottom{background:-webkit-gradient(linear,left top,left bottom,color-stop(30%,rgba(255,255,255,0)),color-stop(30%,#f0f0f0));background:linear-gradient(rgba(255,255,255,0) 30%,#f0f0f0 30%);padding-bottom:100px}#recruit__career .introduction__bottom__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:50px}#recruit__career .introduction__bottom__list__item{border-radius:40px;overflow:hidden}@media screen and (max-width:1200px){#recruit__career .introduction__content__inner .bg__l-square__recruit.is-show .bg__l-square__recruit__img::after{-webkit-animation:bg__l-square__recruit__career__slash__1200 1s ease forwards;animation:bg__l-square__recruit__career__slash__1200 1s ease forwards}@-webkit-keyframes bg__l-square__recruit__career__slash__1200{0%{opacity:0;bottom:65%;left:18%}100%{opacity:1;bottom:75%;left:28%}}@keyframes bg__l-square__recruit__career__slash__1200{0%{opacity:0;bottom:65%;left:18%}100%{opacity:1;bottom:75%;left:28%}}#recruit__career .introduction__content__inner .bg__r-square__recruit.is-show .bg__r-square__recruit__img::after{-webkit-animation:bg__r-square__recruit__career__slash__1200 1s ease forwards;animation:bg__r-square__recruit__career__slash__1200 1s ease forwards}@-webkit-keyframes bg__r-square__recruit__career__slash__1200{0%{opacity:0;bottom:85%;right:20%}100%{opacity:1;bottom:75%;right:30%}}@keyframes bg__r-square__recruit__career__slash__1200{0%{opacity:0;bottom:85%;right:20%}100%{opacity:1;bottom:75%;right:30%}}}@media screen and (max-width:1000px){.l-main:has(#recruit__career) .l-main__recruit__img{background-position-x:30%}#recruit__career .introduction__list__link{padding:14px 16px 14px 25px;font-size:16px;font-size:1rem}#recruit__career .introduction__list__img{width:34px;height:34px}#recruit__career .introduction__list__img img{width:15px;height:16px}#recruit__career .introduction__content__inner__item:not(:last-of-type){margin-bottom:100px}#recruit__career .introduction__content__inner__item:last-of-type .introduction__bottom{padding-bottom:120px}#recruit__career .introduction__content__inner .bg__l-square__recruit.is-show .bg__l-square__recruit__img::after{-webkit-animation:bg__l-square__recruit__career__slash__pc 1s ease forwards!important;animation:bg__l-square__recruit__career__slash__pc 1s ease forwards!important}@-webkit-keyframes bg__l-square__recruit__career__slash__pc{0%{opacity:0;bottom:65%;right:-20%}100%{opacity:1;bottom:55%;right:-10%}}@keyframes bg__l-square__recruit__career__slash__pc{0%{opacity:0;bottom:65%;right:-20%}100%{opacity:1;bottom:55%;right:-10%}}#recruit__career .introduction__content__inner .bg__r-square__recruit.is-show .bg__r-square__recruit__img::after{-webkit-animation:bg__r-square__recruit__career__slash__pc 1s ease forwards!important;animation:bg__r-square__recruit__career__slash__pc 1s ease forwards!important}@-webkit-keyframes bg__r-square__recruit__career__slash__pc{0%{opacity:0;top:unset;bottom:65%;right:20%}100%{opacity:1;bottom:55%;right:30%}}@keyframes bg__r-square__recruit__career__slash__pc{0%{opacity:0;top:unset;bottom:65%;right:20%}100%{opacity:1;bottom:55%;right:30%}}#recruit__career .introduction__content__wrap{padding-bottom:unset}#recruit__career .introduction__content__subttl{margin-bottom:0;font-size:16px;font-size:1rem}#recruit__career .introduction__bottom{background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(255,255,255,0)),color-stop(20%,#f0f0f0));background:linear-gradient(rgba(255,255,255,0) 20%,#f0f0f0 20%);padding-bottom:40px}#recruit__career .introduction__bottom__list{gap:30px}#recruit__career .introduction__bottom__list__item{border-radius:20px}}@media screen and (max-width:768px){#recruit__career .introduction__list{-ms-grid-rows:1fr 20px 1fr 20px 1fr;grid-template-rows:repeat(3,1fr);-ms-grid-columns:1fr 15px 1fr;grid-template-columns:repeat(2,1fr);gap:20px 15px}#recruit__career .introduction__list>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}#recruit__career .introduction__list>:nth-child(2){-ms-grid-row:1;-ms-grid-column:3}#recruit__career .introduction__list>:nth-child(3){-ms-grid-row:3;-ms-grid-column:1}#recruit__career .introduction__list>:nth-child(4){-ms-grid-row:3;-ms-grid-column:3}#recruit__career .introduction__list>:nth-child(5){-ms-grid-row:5;-ms-grid-column:1}#recruit__career .introduction__list>:nth-child(6){-ms-grid-row:5;-ms-grid-column:3}#recruit__career .introduction__list__link{-webkit-box-shadow:0 4px 0 0 rgba(0,0,0,.25);box-shadow:0 4px 0 0 rgba(0,0,0,.25)}#recruit__career .introduction__content__inner__item:not(:last-of-type){margin-bottom:66px}#recruit__career .introduction__content__inner .bg__l-square__recruit.is-show .bg__l-square__recruit__img::after{-webkit-animation:bg__l-square__recruit__career__slash__tb 1s ease forwards;animation:bg__l-square__recruit__career__slash__tb 1s ease forwards}@-webkit-keyframes bg__l-square__recruit__career__slash__tb{0%{opacity:0;top:-60%;right:-20%}100%{opacity:1;top:-40%;right:-10%}}@keyframes bg__l-square__recruit__career__slash__tb{0%{opacity:0;top:-60%;right:-20%}100%{opacity:1;top:-40%;right:-10%}}#recruit__career .introduction__content__inner .bg__r-square__recruit.is-show .bg__r-square__recruit__img::after{-webkit-animation:bg__r-square__recruit__career__slash__tb 1s ease forwards!important;animation:bg__r-square__recruit__career__slash__tb 1s ease forwards!important}@-webkit-keyframes bg__r-square__recruit__career__slash__tb{0%{opacity:0;top:unset;bottom:65%;right:30%}100%{opacity:1;bottom:55%;right:40%}}@keyframes bg__r-square__recruit__career__slash__tb{0%{opacity:0;top:unset;bottom:65%;right:30%}100%{opacity:1;bottom:55%;right:40%}}#recruit__career .introduction__bottom__list{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px}#recruit__career .introduction__bottom__list__item{width:calc((100% - 15px)/ 2)}}@media screen and (max-width:640px){#recruit__career .introduction__list{gap:15px 10px}#recruit__career .introduction__list__link{padding:14px 10px 14px 15px;font-size:13px;font-size:.8125rem}#recruit__career .introduction__list__img{width:20px;height:20px}#recruit__career .introduction__list__img img{width:10px;height:10px}#recruit__career .introduction__content__inner{margin-top:60px}#recruit__career .introduction__content__inner .bg__l-square__recruit:has(+.introduction__bottom),#recruit__career .introduction__content__inner .bg__r-square__recruit:has(+.introduction__bottom){margin-bottom:30px}}@media (any-hover:hover){#recruit__career .introduction__list__link:hover{-webkit-transition:.3s;transition:.3s;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-box-shadow:none;box-shadow:none}}@media (any-hover:none){#recruit__career .introduction__list__link:hover{opacity:1}#recruit__career .introduction__list__link:active{-webkit-transition:.3s;transition:.3s;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-box-shadow:none;box-shadow:none}}