.job-description .tab__content{position:relative}.job-description .tab__content.show{animation:fadeIn .5s ease}.job-description__tab{z-index:4}.job-description__content{display:grid;grid-template-columns:8.75rem 1fr;gap:0 4%;align-items:start}.job-description__article{max-width:35rem;margin-left:auto;font-size:clamp(1rem,.938vw,1.125rem)}.job-description__title{position:relative;z-index:2;padding-bottom:clamp(1rem,1.042vw,1.25rem);font-size:clamp(1.375rem,1.875vw,2.25rem);line-height:1.2;font-weight:600}.job-description__title::before{content:"";display:block;width:6px;height:6px;position:absolute;top:-6px;left:-6px;background:linear-gradient(to bottom, #00c1ff, #0044ab);border-radius:50%}.job-description__description{position:relative;z-index:2}.job-description__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.job-description__image img{width:100%;height:100%;object-fit:contain;object-position:left center;max-width:70%}.job-description__image:after{content:"";display:block;width:100%;height:100%;max-width:45rem;position:absolute;right:0;bottom:0;background:linear-gradient(to left, #fff 50%, transparent)}.job-description .swiper{height:26.625rem;margin:0;margin-top:clamp(1.5rem,2.083vw,2.5rem)}.job-description .swiper-slide{height:auto !important}.job-description dl>div{background-color:#f5f5f5;padding:clamp(1.5rem,1.875vw,2.25rem);border-radius:clamp(1.25rem,1.875vw,2.25rem)}.job-description dl dt{font-size:clamp(1.125rem,1.146vw,1.375rem);font-weight:bold}.job-description dl dd{font-size:clamp(.875rem,.833vw,1rem);font-weight:500}.js .job-description__tab .tab__button::after{transition-property:height,width;transition-duration:300ms}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media all and (min-width: 1361px){.job-description__tab{display:block;width:100%}.job-description__tab .tab__button{min-width:7.5rem;padding:0 1.25rem;padding-bottom:4em;border:none}.job-description__tab .tab__button::after{width:3px;height:0;background:linear-gradient(to bottom, #00c1ff, #0044ab);bottom:0;right:auto;left:0}.job-description__tab .tab__button.active::after,.job-description__tab .tab__button:hover::after{width:3px;height:100%;left:0;right:auto}}@media all and (max-width: 1360px){.job-description__tab{display:flex}.job-description__content{grid-template-columns:100%}.job-description__article{padding-top:clamp(2.5rem,4.167vw,5rem)}}@media all and (max-width: 980px){.job-description__tab{overflow:auto}.job-description__article{display:block;max-width:100%}.job-description__image{position:initial;margin-top:2.5rem;margin-inline:auto;max-width:25rem}.job-description__image:after{display:none}.job-description__image img{max-width:100%;object-position:center top}.job-description .swiper{height:auto;width:100vw;margin-left:-5vw;padding:0 5vw}}.faq{padding-bottom:clamp(5rem,9.375vw,11.25rem)}.faq__tab{position:relative;width:fit-content;max-width:100%;padding:.5rem;background-color:#f5f5f5;border-radius:10em;margin-inline:auto;margin-bottom:clamp(2.5rem,4.167vw,5rem);text-align:left;font-size:clamp(.875rem,.833vw,1rem);overflow:auto}.faq__box{display:flex;gap:.375rem;width:fit-content}.faq__box .tab__button{min-width:0;padding:0 1.5rem;border:1px solid rgba(0,0,0,0);border-radius:10em;white-space:nowrap;font-size:clamp(.875rem,.833vw,1rem);color:#b5b5b5;line-height:1.875rem;user-select:none}.faq__box .tab__button.active{background-color:#fff;border-color:#e3e3e3;color:#000}.faq__item{padding:clamp(1rem,1.042vw,1.25rem) 0;border-bottom:1px solid #b5b5b5}.faq__question{display:flex;align-items:center;gap:clamp(1rem,1.042vw,1.25rem);padding:.625rem 0;font-size:clamp(1.125rem,1.042vw,1.25rem);font-weight:500;cursor:pointer}.faq__question em{flex-shrink:0;width:clamp(1.75rem,1.875vw,2.25rem);line-height:clamp(1.75rem,1.875vw,2.25rem);text-align:center;background:linear-gradient(-135deg, #00c1ff, #0044ab);border-radius:50%;color:#fff;font-size:.9em}.faq__answer{padding:clamp(1rem,1.875vw,2.25rem);background-color:#f5f5f5;border-radius:clamp(1rem,1.875vw,2.25rem)}.faq__item[open] .faq__answer{margin-top:.625rem}/*# sourceMappingURL=recruit.css.map */
