#recruit{position:relative;overflow:hidden;margin-bottom:-37px}#recruit:before{content:"";position:absolute;max-width:1259px;width:65%;aspect-ratio:1259/1288;background:url(//rio-jp.com/wp/wp-content/themes/rio/css/../img/recruit/recruit-bg.png) center/contain no-repeat;left:0;top:19%;z-index:-3}#recruit .sec-inner{padding:100px 0 167px}#recruit .sec-title{margin-bottom:100px}#recruit .sec-item{border:1px solid #ccc;padding:50px 50px 108px;display:grid;gap:0 10rem;grid-template-columns:438px 1fr;grid-template-columns:clamp(280px,28vw,438px) 1fr;align-items:start;background-color:#fff;position:relative;transition:background-color .3s}#recruit a.sec-item{padding-right:50px}#recruit a.sec-item:hover{background-color:#f1f1f1}#recruit .sec-item:not(:nth-of-type(1)){margin-top:60px}#recruit .sec-item .image{width:100%;max-width:438px;aspect-ratio:438/329;margin:0 auto}#recruit .sec-item .texts{width:100%;margin:0 auto}#recruit .sec-item .top{font-size:30px;font-weight:700;padding-bottom:21px;margin-bottom:47px;position:relative}#recruit .sec-item .top:before{position:absolute;content:"";width:53px;height:2px;background:var(--c-sub);left:0;bottom:0}#recruit .sec-item .job{font-size:24px;font-weight:500;position:relative;margin-bottom:12px}#recruit .sec-item .table{font-size:18px;font-weight:500;line-height:2}#recruit .sec-item .row{display:grid;grid-template-columns:90px 1fr}#recruit .sec-item .row+.row{margin-top:2em}#recruit .sec-item .left{padding-right:8px}#recruit .sec-item .arrow{position:absolute;width:140px;aspect-ratio:1/1;border-radius:50%;box-shadow:inset 0 0 0 2px var(--c-base);right:7rem;top:50%;transform:translateY(-50%);transition:all .3s;z-index:1}#recruit a.sec-item:hover .arrow{box-shadow:none}#recruit .sec-item .arrow:before{position:absolute;content:"";width:40px;height:19px;background:url(//rio-jp.com/wp/wp-content/themes/rio/css/../img/common/arrow-black.svg) center/contain no-repeat;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:3}#recruit a.sec-item:hover .arrow:before{background:url(//rio-jp.com/wp/wp-content/themes/rio/css/../img/common/arrow-white.svg) center/contain no-repeat}#recruit .sec-item .arrow:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(to right,#40a3c0 0%,#d4d4d4 100%);opacity:0;transition:opacity .3s;left:0;top:0;z-index:-1}#recruit a.sec-item:hover .arrow:after{opacity:1}#recruit .sec-none{margin:-1em auto 30px;text-align:center}@media screen and (max-width:1024px){#recruit{margin-bottom:0}#recruit .sec-inner{padding:75px 0 95px}#recruit .sec-title{margin-bottom:75px}#recruit .sec-item{grid-template-columns:2fr 3fr;padding:30px 20px 50px;gap:0 30px}#recruit a.sec-item{padding-right:120px}#recruit .sec-item:not(:nth-of-type(1)){margin-top:45px}#recruit .sec-item .top{font-size:27px;padding-bottom:16px;margin-bottom:32px}#recruit .sec-item .job{font-size:21px}#recruit .sec-item .table{font-size:16px}#recruit .sec-item .row{grid-template-columns:80px 1fr}#recruit .sec-item .row+.row{margin-top:.5em}#recruit .sec-item .arrow{width:80px;right:20px}#recruit .sec-item .arrow:before{width:30px;height:15px}}@media screen and (max-width:768px){#recruit:before{top:22%}#recruit .sec-inner{padding:50px 0 65px}#recruit .sec-title{margin-bottom:50px}#recruit .sec-item{padding:30px 15px 100px !important;grid-template-columns:1fr;gap:30px 0}#recruit .sec-item:not(:nth-of-type(1)){margin-top:30px}#recruit .sec-item .top{font-size:23px;padding-bottom:10px;margin-bottom:25px}#recruit .sec-item .job{font-size:18px}#recruit .sec-item .arrow{right:50%;top:auto;bottom:20px;width:70px;box-shadow:inset 0 0 0 1px var(--c-base);transform:translateX(50%)}#recruit .sec-none{margin:0 auto 30px}}