﻿:root{--animate-delay: 0.5s}#recruit #link01{background-image:url("../../common/img/bg_common01.svg"),url("../../common/img/bg_common02.svg");background-position:left -20vw top, right -22vw top 20%;background-size:max(35vw, 12em),max(35vw, 12em);background-repeat:no-repeat;padding-bottom:5em}#recruit #link01>h2{font-size:2em;text-align:center;font-weight:700;margin-bottom:1.5em}@media only screen and (max-width: 1280px){#recruit #link01>h2{font-size:1.8em}}@media only screen and (max-width: 576px){#recruit #link01>h2{font-size:1.6em}}#recruit #link01>h2 span.js-marker{display:inline;position:relative;background-image:linear-gradient(135deg, transparent 0 100%),repeating-linear-gradient(45deg, #FFC917 0px 4px, transparent 4px 8px);background-repeat:no-repeat;background-position:bottom left;background-size:0 30%;transition:background 1s ease-in-out;font-weight:bold;text-shadow:0 0.1em 0 #FFFBD8,0.1em 0 0 #FFFBD8,-0.1em 0 0 #FFFBD8,0 -0.1em 0 #FFFBD8;padding:0 0 0 0.25em}#recruit #link01>h2 span.js-marker.inview{background-size:100% 30%}#recruit #link01 .sec01{text-align:center}@media only screen and (max-width: 768px){#recruit #link01 .sec01{width:80%;margin:0 auto;text-align:left}}@media only screen and (max-width: 576px){#recruit #link01 .sec01{width:90%}}#recruit #link01 .sec01 p{font-size:1.3em}@media only screen and (max-width: 1280px){#recruit #link01 .sec01 p{font-size:1.2em}}@media only screen and (max-width: 1024px){#recruit #link01 .sec01 p{font-size:1.1em}}#recruit #link01 .sec01 p+p{margin-top:1em}#recruit #link01 .sec05{margin-top:3em;position:relative}#recruit #link01 .sec05__01{display:flex;justify-content:center;position:relative;z-index:2;padding:0 1em}#recruit #link01 .sec05__01 figure{margin:0 1em;animation:rotate01 2s 1s infinite}@media only screen and (max-width: 768px){#recruit #link01 .sec05__01 figure{margin:0 0.5em}}#recruit #link01 .sec05__01 figure img{max-height:22em}#recruit #link01 .sec05__01 figure:nth-child(2){margin-left:0}#recruit #link01 .sec05__02{width:80%;max-width:90em;margin:clamp(-10em, -10vw, 5em) auto 0;position:relative;z-index:1}@media only screen and (max-width: 1440px){#recruit #link01 .sec05__02{width:95%}}#recruit #link01 .sec05__02 figure img{width:100%}#recruit #link01 .sec02{width:100%;max-width:calc(1920px + (4em * 2));padding-left:4em;padding-right:4em;margin:0 auto;margin-top:6em}@media only screen and (max-width: 1440px){#recruit #link01 .sec02{padding-left:3em;padding-right:3em}}@media only screen and (max-width: 1280px){#recruit #link01 .sec02{padding-left:2em;padding-right:2em}}@media only screen and (max-width: 1024px){#recruit #link01 .sec02{padding-left:1.5em;padding-right:1.5em}}@media only screen and (max-width: 768px){#recruit #link01 .sec02{padding-left:1.25em;padding-right:1.25em}}@media only screen and (max-width: 576px){#recruit #link01 .sec02{padding-left:1em;padding-right:1em}}#recruit #link01 .sec02 h3{text-align:center;font-size:2.5em;font-weight:700;margin-bottom:1em;color:#333;line-height:1.5;margin-bottom:1.75em;position:relative}@media only screen and (max-width: 1440px){#recruit #link01 .sec02 h3{font-size:2.4em}}@media only screen and (max-width: 1280px){#recruit #link01 .sec02 h3{font-size:2.3em}}@media only screen and (max-width: 1024px){#recruit #link01 .sec02 h3{font-size:2.2em}}@media only screen and (max-width: 768px){#recruit #link01 .sec02 h3{font-size:2em}}@media only screen and (max-width: 576px){#recruit #link01 .sec02 h3{font-size:1.8em}}#recruit #link01 .sec02 h3::before{content:'';position:absolute;bottom:-0.75em;display:inline-block;width:0.75em;height:0.2em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:linear-gradient(90deg, #0da141 0, #0da141 33%, #90008e 33%, #90008e 67%, #fd231f 67%, #fd231f 100%)}#recruit #link01 .sec02__01{max-width:70em;margin:0 auto}#recruit #link01 .sec02__01 ul{display:flex;justify-content:space-around}@media only screen and (max-width: 1024px){#recruit #link01 .sec02__01 ul{justify-content:space-between}}@media only screen and (max-width: 768px){#recruit #link01 .sec02__01 ul{display:inherit}}#recruit #link01 .sec02__01 ul li{width:calc((100% - 3em) / 3);background:#fff;padding:1.5em 1em;border:3px solid #0da141;border-radius:0.5em;font-size:1.3em;font-weight:700;text-align:center;box-shadow:0 1em 1em -0.75em rgba(9,114,46,0.2);display:flex;justify-content:center}@media only screen and (max-width: 1280px){#recruit #link01 .sec02__01 ul li{font-size:1.2em}}@media only screen and (max-width: 1024px){#recruit #link01 .sec02__01 ul li{width:calc((100% - 2em) / 3);font-size:1.1em}}@media only screen and (max-width: 768px){#recruit #link01 .sec02__01 ul li{width:70%;margin:0 auto}#recruit #link01 .sec02__01 ul li+li{margin-top:1em}}@media only screen and (max-width: 576px){#recruit #link01 .sec02__01 ul li{width:80%}}#recruit #link01 .sec02__01 ul li:nth-child(2){border-color:#90008e;box-shadow:0 1em 1em -0.75em rgba(93,0,92,0.2);transition-delay:0.2s}@media only screen and (max-width: 768px){#recruit #link01 .sec02__01 ul li:nth-child(2){transition-delay:0}}#recruit #link01 .sec02__01 ul li:nth-child(3){border-color:#fd231f;box-shadow:0 1em 1em -0.75em rgba(231,6,2,0.2);transition-delay:0.4s}@media only screen and (max-width: 768px){#recruit #link01 .sec02__01 ul li:nth-child(3){transition-delay:0}}#recruit #link01 .sec02__01 ul li span{align-self:center}#recruit #link01 .sec03{width:100%;max-width:calc(1920px + (4em * 2));padding-left:4em;padding-right:4em;margin:0 auto;margin-top:10em}@media only screen and (max-width: 1440px){#recruit #link01 .sec03{padding-left:3em;padding-right:3em}}@media only screen and (max-width: 1280px){#recruit #link01 .sec03{padding-left:2em;padding-right:2em}}@media only screen and (max-width: 1024px){#recruit #link01 .sec03{padding-left:1.5em;padding-right:1.5em}}@media only screen and (max-width: 768px){#recruit #link01 .sec03{padding-left:1.25em;padding-right:1.25em}}@media only screen and (max-width: 576px){#recruit #link01 .sec03{padding-left:1em;padding-right:1em}}@media only screen and (max-width: 768px){#recruit #link01 .sec03{margin-top:5em}}#recruit #link01 .sec03__01{display:flex;justify-content:space-between;flex-direction:row-reverse}@media only screen and (max-width: 1024px){#recruit #link01 .sec03__01{flex-direction:column}}#recruit #link01 .sec03__01__01{width:calc((100% - 4em) / 2)}@media only screen and (max-width: 1280px){#recruit #link01 .sec03__01__01{width:calc((100% - 3em) / 2)}}@media only screen and (max-width: 1024px){#recruit #link01 .sec03__01__01{width:100%}}#recruit #link01 .sec03__01__01 h3{color:#0b8a38;font-size:1.8em;font-weight:700;margin-bottom:1em}@media only screen and (max-width: 1024px){#recruit #link01 .sec03__01__01 h3{text-align:center}}#recruit #link01 .sec03__01__01 p{font-size:1.1em}#recruit #link01 .sec03__01__01 p+p{margin-top:1em}#recruit #link01 .sec03__01__01 p:last-child{margin-top:2em}@media only screen and (max-width: 1024px){#recruit #link01 .sec03__01__01 p:last-child{text-align:center}}#recruit #link01 .sec03__01__01 p:last-child a{text-decoration:none;display:inline-block;padding:0.75em 1.5em 0.75em 2em;background:#fff;border-radius:4em;font-size:0.9em;font-weight:700;color:#333;border:2px solid #0da141;transition:background 0.3s}#recruit #link01 .sec03__01__01 p:last-child a:hover{background:#d8f1ca}#recruit #link01 .sec03__01__01 p:last-child a span{vertical-align:middle}#recruit #link01 .sec03__01__01 p:last-child a span[class^="icon-"]{text-align:center;background:#0da141;color:#fff;border-radius:50%;margin-left:0.5em;font-size:1.25em;line-height:1.5;width:1.5em;height:1.5em;display:inline-block}#recruit #link01 .sec03__01__02{width:calc((100% - 4em) / 2)}@media only screen and (max-width: 1280px){#recruit #link01 .sec03__01__02{width:calc((100% - 3em) / 2)}}@media only screen and (max-width: 1024px){#recruit #link01 .sec03__01__02{width:80%;margin:3em auto}}@media only screen and (max-width: 768px){#recruit #link01 .sec03__01__02{width:90%}}@media only screen and (max-width: 576px){#recruit #link01 .sec03__01__02{width:100%}}#recruit #link01 .sec03__01__02 .swiper{border-radius:0.75em;box-shadow:0.75em 0.75em 0 #d8f1ca}#recruit #link01 .sec03__01__02 .swiper-button-prev,#recruit #link01 .sec03__01__02 .swiper-button-next{display:none}#recruit #link01 .sec03__01__02 .swiper-pagination .swiper-pagination-bullet{width:0.75em;height:0.75em}#recruit #link01 .sec03__01__02 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#1DA201}#recruit #link01 .sec03__01__02 img{width:100%}#recruit #link02{background:#FFEF74;background-image:url("../../img/bg_stage03-01.svg"),url("../../img/bg_stage03-02.svg");background-repeat:no-repeat;background-position:top center, bottom center;background-size:cover;background-blend-mode:normal;padding-top:5em;padding-bottom:5em}#recruit #link02__02 h2{text-align:center;font-size:3em;font-weight:700;margin-bottom:1em;color:#FF528D}@media only screen and (max-width: 1440px){#recruit #link02__02 h2{font-size:2.9em}}@media only screen and (max-width: 1280px){#recruit #link02__02 h2{font-size:2.8em}}@media only screen and (max-width: 1024px){#recruit #link02__02 h2{font-size:2.7em}}@media only screen and (max-width: 768px){#recruit #link02__02 h2{font-size:2.5em}}@media only screen and (max-width: 576px){#recruit #link02__02 h2{font-size:2.3em}}#recruit #link02__02>p{text-align:center;font-size:1.4em;font-weight:700;margin-bottom:2em}@media only screen and (max-width: 1024px){#recruit #link02__02>p{font-size:1.3em}}@media only screen and (max-width: 576px){#recruit #link02__02>p{font-size:1.2em}}#recruit #link02__02 .sec02{width:100%;max-width:calc(1920px + (4em * 2));padding-left:4em;padding-right:4em;margin:0 auto;margin-top:4em}@media only screen and (max-width: 1440px){#recruit #link02__02 .sec02{padding-left:3em;padding-right:3em}}@media only screen and (max-width: 1280px){#recruit #link02__02 .sec02{padding-left:2em;padding-right:2em}}@media only screen and (max-width: 1024px){#recruit #link02__02 .sec02{padding-left:1.5em;padding-right:1.5em}}@media only screen and (max-width: 768px){#recruit #link02__02 .sec02{padding-left:1.25em;padding-right:1.25em}}@media only screen and (max-width: 576px){#recruit #link02__02 .sec02{padding-left:1em;padding-right:1em}}#recruit #link02__02 .sec02__01{display:flex;justify-content:space-between;max-width:50em;margin:0 auto}#recruit #link02__02 .sec02__01__01{width:calc((100% - 2em) / 2);text-align:center}@media only screen and (max-width: 1024px){#recruit #link02__02 .sec02__01__01{width:calc((100% - 1.5em) / 2)}}@media only screen and (max-width: 768px){#recruit #link02__02 .sec02__01__01{width:calc((100% - 1em) / 2)}}#recruit #link02__02 .sec02__01__01 a{text-decoration:none}#recruit #link02__02 .sec02__01__01 a figure img{transform:scale(1);transition:0.2s ease-in-out;opacity:1}#recruit #link02__02 .sec02__01__01 a hgroup{position:relative;z-index:1;background:#fff;border:3px solid #FF528D;border-radius:0.5em;width:80%;margin:-1em auto 0;padding:0.5em 1em;transition:0.2s ease-in-out}#recruit #link02__02 .sec02__01__01 a hgroup h3,#recruit #link02__02 .sec02__01__01 a hgroup p{font-weight:700;color:#333}#recruit #link02__02 .sec02__01__01 a hgroup h3{font-size:1.4em}@media only screen and (max-width: 576px){#recruit #link02__02 .sec02__01__01 a hgroup h3{font-size:1.2em}}#recruit #link02__02 .sec02__01__01 a:hover figure img{transform:scale(1.1)}#recruit #link02__02 .sec02__01__01 a:hover hgroup{background:#ffd2e1}#recruit #link03{padding-top:5em}#recruit #link03__01 h2{text-align:center;font-size:2.5em;font-weight:700;margin-bottom:1em;color:#333;line-height:1.5;margin-bottom:1.75em;position:relative}@media only screen and (max-width: 1440px){#recruit #link03__01 h2{font-size:2.4em}}@media only screen and (max-width: 1280px){#recruit #link03__01 h2{font-size:2.3em}}@media only screen and (max-width: 1024px){#recruit #link03__01 h2{font-size:2.2em}}@media only screen and (max-width: 768px){#recruit #link03__01 h2{font-size:2em}}@media only screen and (max-width: 576px){#recruit #link03__01 h2{font-size:1.8em}}#recruit #link03__01 h2::before{content:'';position:absolute;bottom:-0.75em;display:inline-block;width:0.75em;height:0.2em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:linear-gradient(90deg, #0da141 0, #0da141 33%, #90008e 33%, #90008e 67%, #fd231f 67%, #fd231f 100%)}#recruit #link03 .sec03{max-width:40em;margin:0 auto}#recruit #link03 .sec03 p{font-size:1.1em}@media only screen and (max-width: 576px){#recruit #link03 .sec03 p{font-size:1em}}#recruit #link03 .sec01 h3,#recruit #link03 .sec02 h3{text-align:center;font-size:1.8em;font-weight:700;margin-bottom:0.5em}@media only screen and (max-width: 576px){#recruit #link03 .sec01 h3,#recruit #link03 .sec02 h3{font-size:1.6em}}#recruit #link03 .sec02{margin-top:4em}#recruit #link03 .sec02 h4{background:#FF528D;color:#fff;text-align:center;border-radius:4em;font-weight:700;font-size:1.2em;padding:0.5em 1em;margin-bottom:0.75em}@media only screen and (max-width: 576px){#recruit #link03 .sec02 h4{font-size:1.1em}}#recruit #link03 .sec02__01{display:flex;flex-wrap:wrap;justify-content:space-between;background:#fff;max-width:60em;margin:0 auto;border:2px solid #FF528D;border-radius:1em;padding:2em}@media only screen and (max-width: 768px){#recruit #link03 .sec02__01{display:inherit;padding:2em 1.5em}}#recruit #link03 .sec02__01__01{width:calc((100% - 2em) / 2)}@media only screen and (max-width: 768px){#recruit #link03 .sec02__01__01{width:100%}#recruit #link03 .sec02__01__01:nth-child(n+2){margin-top:2em}}#recruit #link03 .sec02__01__01 ul{margin-left:1.5em;text-indent:-1.5em}#recruit #link03 .sec02__01__01 ul li::before{content:"●";color:#FF528D;padding-right:0.5em}#recruit #link03 .sec02__01__01 ul li span.red{color:#ea0101}#recruit #link03 .sec02__01__02{margin-top:2em;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1em}@media only screen and (max-width: 1280px){#recruit #link03 .sec02__01__02{grid-gap:0.75em}}@media only screen and (max-width: 1024px){#recruit #link03 .sec02__01__02{grid-gap:0.5em}}@media only screen and (max-width: 768px){#recruit #link03 .sec02__01__02{grid-template-columns:1fr 1fr}}#recruit #link03 .sec02__01__02 figure:nth-child(2){transition-delay:0.2s}@media only screen and (max-width: 768px){#recruit #link03 .sec02__01__02 figure:nth-child(2){transition-delay:0}}#recruit #link03 .sec02__01__02 figure:nth-child(3){transition-delay:0.4s}@media only screen and (max-width: 768px){#recruit #link03 .sec02__01__02 figure:nth-child(3){transition-delay:0}}#recruit #link03 .sec02__01__02 figure img{border-radius:0.25em}#recruit #link03 .sec02__01__03{margin-top:1em}#recruit #link03 .sec02__01__03 p{font-size:0.9em;font-weight:400}#recruit #link03 .sec01{margin-top:5em}#recruit #link03 .sec01__01{background:#fff;max-width:60em;margin:0 auto;border:2px solid #FF528D;border-radius:1em;padding:2em}@media only screen and (max-width: 768px){#recruit #link03 .sec01__01{padding:2em 1.5em 1.5em}}#recruit #link03 .sec01__01 ul{display:flex;flex-wrap:wrap;justify-content:center}#recruit #link03 .sec01__01 ul li{font-size:1.2em;font-weight:700}@media only screen and (max-width: 576px){#recruit #link03 .sec01__01 ul li{font-size:1.1em}}#recruit #link03 .sec01__01 ul li::after{content:"／";margin:0 0.5em}#recruit #link03 .sec01__01 ul li:last-child::after{content:none}#recruit #link03 .sec01__01 p{margin-top:1em;text-align:center}#recruit #link03 .sec01__01 figure{max-width:40em;margin:2em auto 0}#recruit #link03 .sec01__01 figure img{border-radius:0.25em}
