:root{--module-color:#ed6c1e}.newgrad{--module-color:rgb(255, 225, 0)}.career{--module-color:#df0013}footer a.career-entry-btn{display:none}footer .footer-content{background:#ebebeb!important}ul.career-top-content{width:calc(100% - 5vw);height:calc(100vh - 7.8vw);margin:6vmax auto 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:1.5vw}ul.career-top-content li a{width:100%;height:100%;border-radius:2vw;overflow:hidden;opacity:0;transition:.4s ease-in-out all;position:relative;z-index:0;display:block}ul.career-top-content li a::after,ul.career-top-content li a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:2vw;transition:.4s ease all}ul.career-top-content li a::after{z-index:-2;background:#999}ul.career-top-content li a::before{background:#df0013;opacity:0}ul.career-top-content li a p.title{background:#fff;padding:.5vw 1vw 1vw;position:relative;z-index:3;width:fit-content;border-radius:0 0 1.5vw 0}ul.career-top-content li a p.title::after,ul.career-top-content li a p.title::before{position:absolute;content:"";width:2.45vw;height:2.2vw;background:url(../images/career/top/career-icon.svg) no-repeat center center;background-size:contain}ul.career-top-content li a p.title::after{right:0;top:0;transform:translateY(0) translateX(98%)}ul.career-top-content li a p.title::before{bottom:0;left:0;transform:translateY(98%) translateX(-2%)}ul.career-top-content li a p.title span{display:block}ul.career-top-content li a p.title span.jp{font-size:calc(1.8rem + .4vw);font-weight:700;position:relative;padding-left:.7em;line-height:1.4em;margin-bottom:.2vw}ul.career-top-content li a p.title span.jp::after{position:absolute;content:"";width:.3em;height:.3em;left:0;top:.5em;background:#df0013;border-radius:50%}ul.career-top-content li a p.title span.en{color:#df0013;font-size:calc(.8rem + .4vw);line-height:1.3em;letter-spacing:.005em}ul.career-top-content li a:hover::after{transform:scale(1.1)}ul.career-top-content li a:hover::before{opacity:.8}ul.career-top-content li:nth-of-type(1){grid-column:1/4;grid-row:1/3}ul.career-top-content li:nth-of-type(1) a p.title{width:40%}ul.career-top-content li:nth-of-type(1) a::after{background:url(../images/career/top/career-bg-img01.webp) no-repeat center center;background-size:cover}ul.career-top-content li:nth-of-type(2){grid-column:4/6;grid-row:1/2}ul.career-top-content li:nth-of-type(2) a p.title{width:73%}ul.career-top-content li:nth-of-type(2) a::after{background:url(../images/career/top/career-bg-img02.webp) no-repeat center center;background-size:cover}ul.career-top-content li:nth-of-type(3){grid-column:4/5;grid-row:2/3}ul.career-top-content li:nth-of-type(3) a{transition-delay:.4s}ul.career-top-content li:nth-of-type(3) a p.title span.jp{font-size:calc(1.3rem + .4vw);font-weight:900}ul.career-top-content li:nth-of-type(3) a p.title span.en{font-size:calc(.5rem + .4vw)}ul.career-top-content li:nth-of-type(3) a::after{background:url(../images/career/top/career-bg-img03.webp) no-repeat right center;background-size:cover}ul.career-top-content li:nth-of-type(4){grid-column:5/6;grid-row:2/3}ul.career-top-content li:nth-of-type(4) a{transition-delay:.4s}ul.career-top-content li:nth-of-type(4) a p.title span.jp{font-size:calc(1.6rem + .4vw)}ul.career-top-content li:nth-of-type(4) a::after{background:url(../images/career/top/career-bg-img04.webp) no-repeat center center;background-size:cover}ul.career-top-content li:nth-of-type(5){grid-column:1/3;grid-row:3/4}ul.career-top-content li:nth-of-type(5) a p.title{width:50%}ul.career-top-content li:nth-of-type(5) a::after{background:url(../images/career/top/career-bg-img05.webp) no-repeat center center;background-size:cover}ul.career-top-content li:nth-of-type(6){grid-column:3/4;grid-row:3/4}ul.career-top-content li:nth-of-type(6) a p.title span.jp{font-size:calc(1.5rem + .4vw)}ul.career-top-content li:nth-of-type(6) a::after{background:url(../images/career/top/career-bg-img06.webp) no-repeat center center;background-size:cover}ul.career-top-content li:nth-of-type(7){grid-column:4/6;grid-row:3/4}ul.career-top-content li:nth-of-type(7) a p.title{width:50%}ul.career-top-content li:nth-of-type(7) a::after{background:url(../images/career/top/career-bg-img07.webp) no-repeat center center;background-size:cover}ul.career-top-content.is-show li a{transform:translateY(0);opacity:1}ul.career-top-content.is-show li:nth-of-type(2) a{transition-delay:.2s}ul.career-top-content.is-show li:nth-of-type(3) a{transition-delay:.4s}ul.career-top-content.is-show li:nth-of-type(4) a{transition-delay:.6s}ul.career-top-content.is-show li:nth-of-type(5) a{transition-delay:.8s}ul.career-top-content.is-show li:nth-of-type(6) a{transition-delay:1s}ul.career-top-content.is-show li:nth-of-type(7) a{transition-delay:1.2s}@media screen and (max-width:1024px) and (orientation:portrait){ul.career-top-content{height:calc(100vh - 70px);grid-template-columns:1fr 1fr}ul.career-top-content li a p.title{padding:2vw;border-radius:0 0 3.5vw 0}ul.career-top-content li a p.title::after,ul.career-top-content li a p.title::before{width:3.45vw;height:3.2vw}ul.career-top-content li a p.title span{display:block}ul.career-top-content li a p.title span.jp{font-size:calc(1.3rem + 1vw);padding-left:0;margin-bottom:.5vw;text-indent:1.1rem}ul.career-top-content li a p.title span.en{font-size:calc(.5rem + 1vw)}ul.career-top-content li a:hover::after{transform:scale(1)}ul.career-top-content li a:hover::before{opacity:1}ul.career-top-content li:nth-of-type(1){grid-column:1/3;grid-row:1/2}ul.career-top-content li:nth-of-type(1) a p.title{width:55%}ul.career-top-content li:nth-of-type(2){grid-column:1/2;grid-row:2/3}ul.career-top-content li:nth-of-type(2) a p.title{width:82%}ul.career-top-content li:nth-of-type(2) a::after{background:url(../images/career/top/career-bg-img02.webp) no-repeat 10% 30%;background-size:cover}ul.career-top-content li:nth-of-type(3){grid-column:2/3;grid-row:2/3}ul.career-top-content li:nth-of-type(3) a p.title span.jp{font-size:calc(1.2rem + 1vw);font-weight:700}ul.career-top-content li:nth-of-type(3) a p.title span.en{font-size:calc(.5rem + 1vw)}ul.career-top-content li:nth-of-type(3) a::after{background:url(../images/career/top/career-bg-img03.webp) no-repeat center center;background-size:cover}ul.career-top-content li:nth-of-type(4){grid-column:1/2;grid-row:3/4}ul.career-top-content li:nth-of-type(4) a p.title span.jp{font-size:calc(1.3rem + 1vw)}ul.career-top-content li:nth-of-type(4) a::after{background:url(../images/career/top/career-bg-img04.webp) no-repeat center center;background-size:cover}ul.career-top-content li:nth-of-type(5){grid-column:2/3;grid-row:3/4}ul.career-top-content li:nth-of-type(5) a p.title{width:fit-content}ul.career-top-content li:nth-of-type(5) a::after{background:url(../images/career/top/career-bg-img05.webp) no-repeat center center;background-size:cover}ul.career-top-content li:nth-of-type(6){grid-column:1/2;grid-row:4/5}ul.career-top-content li:nth-of-type(6) a p.title span.jp{font-size:calc(1.3rem + 1vw)}ul.career-top-content li:nth-of-type(6) a::after{background:url(../images/career/top/career-bg-img06.webp) no-repeat center 0;background-size:cover}ul.career-top-content li:nth-of-type(7){grid-column:2/3;grid-row:4/5}ul.career-top-content li:nth-of-type(7) a p.title{width:80%}ul.career-top-content li:nth-of-type(7) a::after{background:url(../images/career/top/career-bg-img07.webp) no-repeat center center;background-size:cover}ul.career-top-content.is-show li a{transform:translateY(0);opacity:1}ul.career-top-content.is-show li:nth-of-type(2) a{transition-delay:.2s}ul.career-top-content.is-show li:nth-of-type(3) a{transition-delay:.4s}ul.career-top-content.is-show li:nth-of-type(4) a{transition-delay:.6s}ul.career-top-content.is-show li:nth-of-type(5) a{transition-delay:.8s}ul.career-top-content.is-show li:nth-of-type(6) a{transition-delay:1s}ul.career-top-content.is-show li:nth-of-type(7) a{transition-delay:1.2s}}