@charset "UTF-8";.category-header{background:url(/_materials/img/common/header-img01_sp.jpg) center/cover no-repeat}.category-header__title-image{-webkit-filter:drop-shadow(0 0 4px #534450) drop-shadow(0 0 13px #534450);filter:drop-shadow(0 0 4px #534450) drop-shadow(0 0 13px #534450)}.job__content{position:relative;display:grid;grid-template-columns:1fr minmax(0,1400px) 1fr;width:100%;padding:0}.job__content>*{display:block;grid-column:2;width:100%}.job__read{font-size:1.6rem;position:relative;padding:0 24px;margin:3.2em auto 6.4em;font-weight:700;color:#2d2d2d;text-align:left;letter-spacing:.1em}.job__read::after{position:absolute;bottom:-5em;left:50%;display:block;width:1px;height:70px;content:'';background:#000}.job__list-wrapper{position:relative;width:100%;padding-bottom:4rem;margin:1.6em 0 18vw}.job__list{z-index:1;width:100%;max-width:1200px;margin:0 auto 6vw}.job__list.slick-dotted{margin-bottom:0}.job__list-item{position:relative;height:auto;padding-bottom:10vw}.job__detail{margin-top:6vw;margin-bottom:6vw;width:62%}.job__detail-l{position:relative;z-index:2;padding:0 16px;opacity:0;-webkit-animation:ani-fadeout .5s ease-out 0s 1 normal forwards;animation:ani-fadeout .5s ease-out 0s 1 normal forwards}.slick-current .job__detail-l{-webkit-animation:ani-fadein-l-s .5s ease-out 1.5s 1 normal forwards;animation:ani-fadein-l-s .5s ease-out 1.5s 1 normal forwards}.job__detail-r{position:relative;z-index:2;width:100%;padding:0 16px}.job__bg{position:relative;top:0;left:0;width:100%;height:auto}.job__bg-sub{position:relative}.job__bg-main{position:relative}.job__title{position:absolute;top:39%;left:0;z-index:2;width:60%;line-height:0;text-align:center;opacity:1}.job__title::after,.job__title::before{position:absolute;bottom:27%;display:block;width:39%;height:1px;content:'';background:#fff;opacity:.5;transform:translateY(-1px)}.job__title::before{left:5%}.job__title::after{right:5%}.job__title-image{width:100%;max-width:100%;height:auto}.job__bg-deco03{position:absolute;top:-16%;left:18.6%;width:23%;height:auto;-webkit-filter:drop-shadow(0 2vw 0 rgba(0, 0, 0, .16));filter:drop-shadow(0 2vw 0 rgba(0, 0, 0, .16))}.job__image{position:absolute;top:5.4vw;right:-24vw;z-index:1;width:91%;height:auto;opacity:0;-webkit-animation:ani-fadeout .5s ease-out 0s 1 normal forwards;animation:ani-fadeout .5s ease-out 0s 1 normal forwards}.slick-current .job__image{-webkit-animation:ani-fadein .5s ease-out 1s 1 normal forwards;animation:ani-fadein .5s ease-out 1s 1 normal forwards}.job__ss{width:70%;margin:0 auto}.job__ss-item{width:100%;margin-bottom:2rem;overflow:hidden;opacity:0;-webkit-animation:ani-fadeout .5s ease-out 0s 1 normal forwards;animation:ani-fadeout .5s ease-out 0s 1 normal forwards}.slick-current .job__ss-item{-webkit-animation:ani-fadein-l-s .5s ease-out 1.5s 1 normal forwards;animation:ani-fadein-l-s .5s ease-out 1.5s 1 normal forwards}.job__ss-image{width:100%;height:auto}.job__movie{width:70%;margin:6vw auto 2rem}.job__flaver{font-size:1.5rem;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,0 1px 0 #fff,-1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff;color:#2d2d2d;letter-spacing:.1em}.job__navi{position:relative;z-index:2;width:auto;margin:0 auto 8vw;line-height:0}.job__arrow{position:relative;z-index:3;max-width:200px;margin:0 auto}.slick-dots--job{padding:0 16px;position:relative;bottom:auto;text-align:center}.slick-dots--job li{position:relative;width:auto;height:auto;margin:0 2vw;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain,0 0}.slick-dots--job li.is-hover,.slick-dots--job li.slick-active{background-size:0 0,contain}.slick-dots--job li:nth-child(1){background-image:url(/_materials/img/job/icon-swordman-off.svg),url(/_materials/img/job/icon-swordman-on.svg)}.slick-dots--job li:nth-child(2){background-image:url(/_materials/img/job/icon-acolyte-off.svg),url(/_materials/img/job/icon-acolyte-on.svg)}.slick-dots--job li:nth-child(3){background-image:url(/_materials/img/job/icon-magician-off.svg),url(/_materials/img/job/icon-magician-on.svg)}.slick-dots--job li:nth-child(4){background-image:url(/_materials/img/job/icon-thief-off.svg),url(/_materials/img/job/icon-thief-on.svg)}.slick-dots--job li:nth-child(5){background-image:url(/_materials/img/job/icon-merchant-off.svg),url(/_materials/img/job/icon-merchant-on.svg)}.slick-dots--job li:nth-child(6){background-image:url(/_materials/img/job/icon-archer-off.svg),url(/_materials/img/job/icon-archer-on.svg)}.slick-dots--job li::after,.slick-dots--job li::before{position:absolute;top:50%;display:block;width:2vw;height:1px;content:'';background:#000}.slick-dots--job li::before{left:-3px;transform:translateX(-100%)}.slick-dots--job li::after{right:-3px;transform:translateX(100%)}.slick-dots--job li:first-child{margin-left:0}.slick-dots--job li:first-child::before{display:none}.slick-dots--job li:last-child{margin-right:0}.slick-dots--job li:last-child::after{display:none}.slick-dots--job li button{width:10.5vw;height:10.5vw}.slick-dots--job li button::before{display:none}@media screen and (min-width:560px){.job__read{font-size:1.8rem;text-align:center}.job__flaver{font-size:1.8rem}.slick-dots--job li button{width:8vw;height:8vw}}@media screen and (min-width:960px){.category-header{background-image:url(/_materials/img/common/header-img01_pc.jpg)}.job__content{padding:0 22px}.job__read{padding:0 22px;margin-top:6.4em}.job__list-wrapper{padding-bottom:0;margin:1.6em 0 6.4em}.job__list{width:86%}.job__list-item{height:80vw;max-height:980px;padding-bottom:0}.job__detail{margin-top:12vw;margin-bottom:12vw}.job__detail{width:auto;margin:0 auto}.job__detail-l{position:absolute;top:42vw;left:0;width:auto;padding:0 44px}.slick-current .job__detail-l{-webkit-animation-name:ani-fadein-b-s;animation-name:ani-fadein-b-s}.job__detail-r{position:absolute;top:34vw;right:0;width:auto;padding:0 44px}.job__title{top:29%;left:5%;width:30.5%;max-width:368px}.job__bg-deco03{top:-13%;left:15.6%;width:9.2%;max-width:110px;-webkit-filter:drop-shadow(0 .8vw 0 rgba(0, 0, 0, .16));filter:drop-shadow(0 .8vw 0 rgba(0, 0, 0, .16))}.job__image{top:1vw;right:auto;left:50%;width:41%;max-width:430px;transform:translateX(-50%)}.slick-current .job__image{-webkit-animation-name:ani-fadein;animation-name:ani-fadein}.job__ss{width:100%}.job__ss-item{margin-bottom:4rem}.slick-current .job__ss-item{-webkit-animation-name:ani-fadein-r;animation-name:ani-fadein-r}.job__ss-image{width:20vw;max-width:none}.job__movie{width:19vw;margin:4vw auto 0}.job__flaver{width:30vw;max-width:420px}.job__navi{position:absolute;top:10.5vw;right:0;margin:0;margin-left:auto}.job__arrow{position:absolute;top:25vw;left:50%;width:100%;max-width:none;transform:translateX(-50%)}.slick-dots--job{padding:0 22px}.slick-dots--job{text-align:right}.slick-dots--job li{margin:0 1vw}.slick-dots--job li::after,.slick-dots--job li::before{width:1vw}.slick-dots--job li button{width:3.6vw;height:3.6vw}.slick-next.icon-arrow--line,.slick-prev.icon-arrow--line{width:3.8vw;height:3.5vw}.slick-next.icon-arrow--line::after,.slick-prev.icon-arrow--line::after{width:50%}.slick-next.icon-arrow--line.arrow-prev::after,.slick-prev.icon-arrow--line.arrow-prev::after{transform:translate3d(120%,0,0)}.slick-next.icon-arrow--line.arrow-next::after,.slick-prev.icon-arrow--line.arrow-next::after{transform:translate3d(-120%,0,0)}.slick-next.icon-arrow--line.is-hover::after,.slick-prev.icon-arrow--line.is-hover::after{width:55%}.slick-next.icon-arrow--line.is-hover.arrow-prev::after,.slick-prev.icon-arrow--line.is-hover.arrow-prev::after{transform:translate3d(125%,0,0)}.slick-next.icon-arrow--line.is-hover.arrow-next::after,.slick-prev.icon-arrow--line.is-hover.arrow-next::after{transform:translate3d(-125%,0,0)}}@media screen and (min-width:1281px){.job__bg-deco03{-webkit-filter:drop-shadow(0 8px 0 rgba(0, 0, 0, .16));filter:drop-shadow(0 8px 0 rgba(0, 0, 0, .16))}.job__image{top:20px}.slick-dots--job li::after,.slick-dots--job li::before{width:12px}.slick-next.icon-arrow--line::after,.slick-prev.icon-arrow--line::after{width:24px}.slick-next.icon-arrow--line.arrow-prev::after,.slick-prev.icon-arrow--line.arrow-prev::after{transform:translate3d(30px,0,0)}.slick-next.icon-arrow--line.arrow-next::after,.slick-prev.icon-arrow--line.arrow-next::after{transform:translate3d(-30px,0,0)}.slick-next.icon-arrow--line.is-hover::after,.slick-prev.icon-arrow--line.is-hover::after{width:29px}.slick-next.icon-arrow--line.is-hover.arrow-prev::after,.slick-prev.icon-arrow--line.is-hover.arrow-prev::after{transform:translate3d(35px,0,0)}.slick-next.icon-arrow--line.is-hover.arrow-next::after,.slick-prev.icon-arrow--line.is-hover.arrow-next::after{transform:translate3d(-35px,0,0)}}@media screen and (min-width:1401px){.job__detail-l{top:580px}.job__detail-r{top:480px}.job__ss-image{width:280px}.job__movie{max-width:265px;margin-top:4rem}.job__flaver{width:auto}.job__navi{top:150px}.job__arrow{top:350px}.slick-dots--job li{margin:0 12px}.slick-dots--job li button{width:50px;height:50px}.slick-next.icon-arrow--line,.slick-prev.icon-arrow--line{width:6rem;height:6rem}}