.page-action .pattern-bg.layer-top{margin-top:-0.8rem;padding-top:0}.page-action .sec-fv .sec-desc{margin-bottom:min(.6rem,60px)}@media screen and (min-width: 769px){.page-action .sec-fv .play{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}}.page-action .sec-fv .play .image{line-height:0}@media screen and (max-width: 768px){.page-action .sec-fv .play .image{margin-bottom:.4rem}}@media screen and (min-width: 769px){.page-action .sec-fv .play .image{width:5.78rem}}@media screen and (min-width: 769px){.page-action .sec-fv .play .image:nth-child(2){order:3}}.page-action .sec-fv .play .text{color:#f4dda3;font-size:min(.22rem,22px)}@media screen and (min-width: 769px){.page-action .sec-fv .play .text{width:calc(92% - 11.56rem)}}.page-action .sec-job{padding:0}@media screen and (max-width: 768px){.page-action .sec-job .pattern-bg{margin-bottom:.5rem;padding-bottom:.4rem}}@media screen and (max-width: 768px){.page-action .sec-job .pattern-bg::before{top:-7.9vw}}.page-action .sec-inner{padding:0}.page-action .sec-ttl-pattarn{background-image:url(../../images/common/site_pattern.jpg)}.page-action .job-select{padding-bottom:.5rem}@media screen and (min-width: 769px){.page-action .job-select{padding-bottom:min(.5rem,50px)}}.page-action .job-select-ttl{font-size:min(.5rem,50px);font-weight:700;margin-left:auto;margin-right:auto;width:90%}@media screen and (min-width: 769px){.page-action .job-select-ttl{width:60%;margin-bottom:min(.5rem,50px)}}.page-action .job-select .text-ctr{width:90%;margin-left:auto;margin-right:auto;font-size:min(.24rem,22px);font-weight:500}@media screen and (min-width: 769px){.page-action .job-select .text-ctr{margin-bottom:min(.5rem,50px);text-align:center}}.page-action .job-select .list-ttl{color:#f4dda3;font-size:min(.5rem,50px);font-weight:700}@media screen and (max-width: 768px){.page-action .job-select .list-ttl{margin-top:.4rem}}.page-action .job-select-list{display:flex;flex-wrap:wrap;justify-content:center;width:95%;margin:min(.2rem,20px) auto min(.1rem,10px)}@media screen and (min-width: 769px){.page-action .job-select-list{max-width:min(15.6rem,1560px)}}@media screen and (min-width: 769px){.page-action .job-select-list.block-border::before{top:calc(50% - 1.4em);width:calc(100% + min(3.2rem,320px))}}.page-action .job-select-list-item{cursor:pointer;width:12%;margin:1% 2% calc(1% + 8px)}@media screen and (min-width: 769px){.page-action .job-select-list-item{margin:1%;max-width:min(1.2rem,120px)}}.page-action .job-select-list-item a{transition:all .3s ease;text-align:center}@media screen and (max-width: 768px){.page-action .job-select-list-item a{display:flex;flex-direction:column;align-items:center}}.page-action .job-select-list-item a span{opacity:0;font-size:.16rem;color:#f4dda3;display:inline-block;font-weight:500;line-height:1.2;white-space:nowrap}@media screen and (min-width: 769px){.page-action .job-select-list-item a span{font-size:min(.14rem,14px)}}.page-action .job-select-list-item a:hover{filter:brightness(1.6) drop-shadow(0 0 20px rgba(193, 146, 17, 0.5));transform:scale(1.05)}.page-action .job-select-list-item a:hover span{opacity:1}.page-action .job-select-list-item a.is-active{filter:brightness(1.6) drop-shadow(0 0 20px rgba(193, 146, 17, 0.5));transform:scale(1.05)}.page-action .job-select-list-item a.is-active span{opacity:1}.page-action .job-select-list-item-warfarer{width:12.6%}@media screen and (min-width: 769px){.page-action .job-select-list-item-warfarer{max-width:min(1.3rem,130px)}}.page-action .job-detail{position:relative}.page-action .job-detail-inner{display:none;position:relative;z-index:2;opacity:0;transition:all .4s ease;will-change:opacity,transform}.page-action .job-detail-inner.is-active{animation:fadeIn .8s ease-in forwards;display:block}.page-action .job-detail-icon{width:12%;position:absolute;top:-4%;left:50%;max-width:100px;transform:translateX(-50%)}@media screen and (min-width: 769px){.page-action .job-detail-icon{width:5%;top:0;transform:translate(-50%, -90%)}}.page-action .job-detail-ttl{display:flex;align-items:center;flex-direction:column;z-index:4;position:relative}@media screen and (max-width: 768px){.page-action .job-detail-ttl{padding-top:.2rem}}@media screen and (max-width: 768px){.page-action .job-detail-ttl:not(:lang(ja)):not(:lang(zh-cmn-Hant)):not(:lang(zh-cmn-Hans)):not(:lang(ko)){padding-top:0}}.page-action .job-detail-ttl .ruby{font-size:min(.23rem,23px);font-weight:700;line-height:1.5;margin-bottom:-0.24em}@media screen and (min-width: 769px){.page-action .job-detail-ttl .ruby{font-size:min(.3rem,30px)}}.lang-zhhans .page-action .job-detail-ttl .sec-ttl-underline::after,.lang-ko .page-action .job-detail-ttl .sec-ttl-underline::after,.page-action .job-detail-ttl .sec-ttl-underline::after .lang-zhhant{transform:translate(-5%, -0.1em)}.page-action .job-detail-ttl .ttl{line-height:1.4;font-weight:400;font-size:min(.66rem,66px);margin-bottom:min(.25rem,25px)}.page-action .job-detail-ttl .ttl .lang-ja{font-family:"EB Garamond",serif}@media screen and (min-width: 769px){.page-action .job-detail-ttl .ttl{font-size:min(1.2rem,120px);margin-bottom:min(.05rem,5px)}.lang-zhhans .page-action .job-detail-ttl .ttl,.lang-ko .page-action .job-detail-ttl .ttl,.page-action .job-detail-ttl .ttl .lang-zhhant{font-size:min(1.1rem,110px);font-weight:600}}.page-action .job-detail-ttl .ttl .text-pattarn.text-pattarn-underline{line-height:1.2}.page-action .job-detail-ttl .lead{width:100%;font-size:min(.3rem,30px);font-weight:700}@media screen and (min-width: 769px){.page-action .job-detail-ttl .lead{width:35%}}.page-action .job-detail-img{width:100%;margin-left:auto;margin-right:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:min(-0.4rem,-40px)}@media screen and (min-width: 769px){.page-action .job-detail-img{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:min(-1.4rem,-140px)}}@media screen and (min-width: 1920px){.page-action .job-detail-img{width:100%}}.page-action .job-detail-img::before{content:"";width:120%;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);background-image:url(../../images/job/bg_job.png);background-repeat:no-repeat;background-position:center bottom;background-size:auto 100%;z-index:-1}@media screen and (max-width: 768px){.page-action .job-detail-img::before{background-position:5% 5%;background-size:100% auto}}.page-action .job-detail-img picture{display:block;width:120%}.page-action .job-detail-img picture.fighter{transform:translate(2%, 0)}@media screen and (min-width: 769px){.page-action .job-detail-img picture.fighter{transform:translateX(4%);max-width:2075px}}.page-action .job-detail-img picture.archer{transform:translate(-5%, 0)}@media screen and (min-width: 769px){.page-action .job-detail-img picture.archer{max-width:2043px;transform:translateX(-4%);width:105%}}.page-action .job-detail-img picture.thief{transform:translate(-5%, 0);width:110%}@media screen and (min-width: 769px){.page-action .job-detail-img picture.thief{max-width:2063px;transform:translateX(-4%);width:105%}}.page-action .job-detail-img picture.thief img{position:relative;top:-4vw}.page-action .job-detail-img picture.mage{transform:translate(0, 0);width:100%}@media screen and (min-width: 769px){.page-action .job-detail-img picture.mage{max-width:1835px;transform:translateX(2%)}}.page-action .job-detail-img picture.marcher{transform:translate(-5%, 0)}@media screen and (min-width: 769px){.page-action .job-detail-img picture.marcher{max-width:2136px;transform:translateX(-1%);width:112%}}.page-action .job-detail-img picture.mspearhand{transform:translate(-5%, 0);width:160%}@media screen and (min-width: 769px){.page-action .job-detail-img picture.mspearhand{max-width:2986px;transform:translateX(-5.5%);width:152%}}.page-action .job-detail-img picture.trickster{transform:translate(-5%, 0)}@media screen and (min-width: 769px){.page-action .job-detail-img picture.trickster{max-width:2056px;transform:translateX(-5.5%)}}.page-action .job-detail-img picture.warrior{transform:translate(5%, 0)}@media screen and (min-width: 769px){.page-action .job-detail-img picture.warrior{max-width:2184px;transform:translateX(6.5%)}}.page-action .job-detail-img picture.warrior img{position:relative;top:-2vw}.page-action .job-detail-img picture.sorcerer{transform:translate(-7%, 0)}@media screen and (min-width: 769px){.page-action .job-detail-img picture.sorcerer{max-width:2148px;transform:translateX(-5.5%)}}@media screen and (min-width: 769px){.page-action .job-detail-img picture.warfarer{max-width:1948px;transform:translateX(1%)}}.page-action .job-detail .ss{width:90%;display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;margin-left:auto;margin-right:auto}@media screen and (min-width: 769px){.page-action .job-detail .ss{width:70%;bottom:0;left:15%;flex-direction:row;justify-content:center;position:absolute;bottom:0;left:15%;transform:translateY(-50%)}}.page-action .job-detail .ss-img{display:flex;justify-content:center;flex-direction:column;width:100%;filter:drop-shadow(0 0 50px rgba(0, 0, 0, 0.5))}@media screen and (max-width: 768px){.page-action .job-detail .ss-img{position:relative}}@media screen and (min-width: 769px){.page-action .job-detail .ss-img{max-width:660px;max-height:380px;width:50%;flex-direction:row;justify-content:center;margin-right:min(80px,5%)}}.page-action .job-detail .ss-img-inner{width:100%;padding-top:56.2%;position:relative}.page-action .job-detail .ss-img-inner video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;pointer-events:none}.page-action .job-detail .ss .text-ctr{width:100%;font-size:min(.24rem,22px);font-weight:500;filter:drop-shadow(0 0 50px rgba(0, 0, 0, 0.5));margin-bottom:min(.5rem,50px)}@media screen and (min-width: 769px){.page-action .job-detail .ss .text-ctr{margin-bottom:0;width:45%;max-width:650px}}.page-action .conts-master{padding-top:.8rem;padding-bottom:min(.5rem,50px);position:relative}@media screen and (min-width: 769px){.page-action .conts-master{padding-top:min(.8rem,80px)}}.page-action .conts-master .conts-ttl .ttl span{display:block}.page-action .conts-master .conts-ttl .bg-ttl{line-height:.8;top:140%}@media screen and (min-width: 769px){.page-action .conts-master .conts-ttl .bg-ttl{top:180%}}.page-action .conts-master .conts-ttl .bg-ttl:lang(fr),.page-action .conts-master .conts-ttl .bg-ttl:lang(it),.page-action .conts-master .conts-ttl .bg-ttl:lang(es-ES),.page-action .conts-master .conts-ttl .bg-ttl:lang(pt-BR){top:180%}@media screen and (min-width: 769px){.page-action .conts-master .conts-ttl .bg-ttl:lang(fr),.page-action .conts-master .conts-ttl .bg-ttl:lang(it),.page-action .conts-master .conts-ttl .bg-ttl:lang(es-ES),.page-action .conts-master .conts-ttl .bg-ttl:lang(pt-BR){top:320%}}.page-action .conts-master .conts-ttl .bg-ttl:lang(ja),.page-action .conts-master .conts-ttl .bg-ttl:lang(zh-cmn-Hant),.page-action .conts-master .conts-ttl .bg-ttl:lang(zh-cmn-Hans),.page-action .conts-master .conts-ttl .bg-ttl:lang(ko){top:140%}.page-action .conts-master .conts-inner{position:relative;z-index:3}.page-action .conts-master .conts-inner .conts-slider{position:relative}@media screen and (min-width: 769px){.page-action .conts-master .conts-inner .conts-slider{display:flex;flex-wrap:wrap;align-items:center;padding-left:min(.92rem,92px)}}.page-action .conts-master .conts-inner .conts-slider .list-ss{position:relative}@media screen and (max-width: 768px){.page-action .conts-master .conts-inner .conts-slider .list-ss{margin-bottom:.8rem}}@media screen and (min-width: 769px){.page-action .conts-master .conts-inner .conts-slider .list-ss{order:2;width:62%}}.page-action .conts-master .conts-inner .conts-slider .list-ss-text{color:#f4dda3;text-align:left;line-height:1.8;font-weight:500}@media screen and (max-width: 768px){.page-action .conts-master .conts-inner .conts-slider .list-ss-text{margin-right:auto;margin-bottom:.8rem;margin-left:auto;padding:0 .4rem}}@media screen and (min-width: 769px){.page-action .conts-master .conts-inner .conts-slider .list-ss-text{order:1;padding-top:min(.2rem,20px);width:38%}}.page-action .conts-master .conts-inner .conts-slider .list-ss-text .text{font-size:min(.22rem,22px)}