:root{--headerH:6vw;--contentW:28vw}@media screen and (max-width:1024px) and (orientation:portrait){:root{--headerH:80px;--contentW:12vw}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){:root{--headerH:80px;--contentW:16vw}}.tabs .tabs-nav{position:relative;display:flex;column-gap:2rem;margin-bottom:4rem}.tabs .tabs-nav button{cursor:pointer;display:block;width:100%;color:#71d1d1;font-family:Jost,sans-serif;font-size:clamp(1.71rem,1.67vw,3.2rem);line-height:1;font-weight:700;padding:2rem 0;background:rgba(255,255,255,.7);border:none;position:relative}.tabs .tabs-nav button span{display:inline-block;margin-left:1rem;font-size:clamp(1.14rem,1.11vw,2.13rem);line-height:1;font-weight:500}.tabs .tabs-nav button::after{content:"";position:absolute;bottom:0;left:50%;border-style:solid;border-width:15.5px 7.8px 0 7.8px;border-color:rgba(255,255,255,.7) transparent transparent;translate:-50% 100%}.tabs button[aria-selected=true]{background:#fff}.tabs button[aria-selected=true]::after{border-color:#fff transparent transparent}.panel{padding:3rem;background:rgba(255,255,255,.6)}.panel .full-img{margin-bottom:4rem}.panel .img-list li{display:flex;flex-wrap:wrap;justify-content:space-between}.panel .img-list li figure{width:31%}.panel .img-list li figure img{object-fit:cover;height:100%}.panel .img-list li .text-col{width:67%}.panel .img-list li .text-col .title{position:relative;font-size:clamp(1.35rem,1.32vw,2.53rem);font-weight:500;line-height:1.5;width:fit-content;padding-top:4vw;margin-bottom:1rem}.panel .img-list li .text-col .title::after{content:"";position:absolute;top:0;left:0;transform:translateX(0);background:url(../images/step/step-pickup-icon.webp) no-repeat center center;background-size:cover;width:3.5vw;height:4vw}.panel .img-list li+li{margin-top:2rem}.step-career-path-list li{background:#fff;padding:3rem}.step-career-path-list li .title{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;font-family:Jost,sans-serif;margin-bottom:1rem}.step-career-path-list li .title span{display:inline-block}.step-career-path-list li .title span.large{font-size:clamp(2.13rem,2.08vw,4rem);font-weight:600;line-height:1}.step-career-path-list li .title span.small{font-size:clamp(1.28rem,1.25vw,2.4rem);font-weight:600;line-height:1}.step-career-path-list li .title img{width:14vw;margin-right:2rem}.step-career-path-list li+li{margin-top:2rem}@media screen and (max-width:1024px) and (orientation:portrait){.tabs .tabs-nav{margin-bottom:2rem;flex-direction:column}.tabs .tabs-nav button{font-size:clamp(2.4rem,6.4vw,2.75rem);padding:1.4rem 0}.tabs .tabs-nav button span{font-size:clamp(1.6rem,4.27vw,1.83rem)}.tabs .tabs-nav button::after{content:none}.tabs .tabs-nav button+button{margin-top:2vw}.panel{padding:6vw 6vw 14vw 6vw}.panel .full-img{margin-bottom:unset;background:#68d3ec;padding:3vw}.panel .img-list{margin-top:10vw}.panel .img-list li{flex-direction:column-reverse;padding-top:10vw}.panel .img-list li figure{width:100%;margin-top:3.5vw}.panel .img-list li figure img{height:48vw}.panel .img-list li .text-col{width:100%}.panel .img-list li .text-col .title{font-size:clamp(1.9rem,5.07vw,2.18rem);width:100%;border-bottom:solid 1px #000;padding-bottom:1rem}.panel .img-list li .text-col .title::after{top:-7vw;width:11.5vw;height:13vw}.panel .img-list li+li{margin-top:12vw}.step-career-path-list li{padding:5vw}.step-career-path-list li .title{align-items:flex-start;flex-direction:column;line-height:2.6}.step-career-path-list li .title span{letter-spacing:.05em}.step-career-path-list li .title span.large{font-size:clamp(2.1rem,5.6vw,2.41rem)}.step-career-path-list li .title span.small{font-size:clamp(1.3rem,3.47vw,1.49rem)}.step-career-path-list li .title img{width:50vw}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.tabs .tabs-nav button{font-size:clamp(2.4rem,3.13vw,3.2rem)}.tabs .tabs-nav button span{font-size:clamp(1.6rem,2.08vw,2.13rem)}.panel{padding:6vw 6vw 10vw 6vw}.panel .img-list{margin-top:7vw}.panel .img-list li{padding-top:7vw}.panel .img-list li figure{width:75%;margin-top:2.5vw;margin-inline:auto}.panel .img-list li figure img{height:35vw}.panel .img-list li .text-col .title{font-size:clamp(1.9rem,2.47vw,2.53rem)}.panel .img-list li .text-col .title::after{top:-5vw;width:6.6vw;height:7.5vw}.panel .img-list li+li{margin-top:12vw}.step-career-path-list li .title{align-items:flex-end;flex-direction:row}.step-career-path-list li .title span.large{font-size:clamp(2.1rem,2.73vw,2.8rem)}.step-career-path-list li .title span.small{font-size:clamp(1.3rem,1.69vw,1.73rem)}.step-career-path-list li .title img{width:20vw}}