@charset "UTF-8";@-webkit-keyframes movie-rotate{0%{rotate:0deg}to{rotate:360deg}}@keyframes movie-rotate{0%{rotate:0deg}to{rotate:360deg}}@-webkit-keyframes movie-opacity{0%{opacity:0}to{opacity:1}}@keyframes movie-opacity{0%{opacity:0}to{opacity:1}}html.with-fancybox{overflow:hidden!important}.l-job .fancybox__container{z-index:999999999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-transition:-webkit-backdrop-filter 0.3s ease-in-out;transition:-webkit-backdrop-filter 0.3s ease-in-out;transition:backdrop-filter 0.3s ease-in-out;transition:backdrop-filter 0.3s ease-in-out,-webkit-backdrop-filter 0.3s ease-in-out;will-change:backdrop-filter}.l-job .fancybox__backdrop{background:rgba(42,44,45,0.66)}.l-job .fancybox__caption{color:#fff}.p-job__list{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:1fr clamp(16px,12.5vw + -112px,48px) 1fr;grid-template-columns:repeat(2,1fr);gap:clamp(32px,12.5vw + -96px,64px) clamp(16px,12.5vw + -112px,48px)}@media (width <= 1024px){.p-job__list{-ms-grid-columns:100%;grid-template-columns:100%}}.p-job__link{display:block;width:100%;height:324px;clip-path:inset(0 round 8px);overflow:hidden;position:relative}@media (width <= 1024px){.p-job__link{display:-ms-grid;display:grid;-ms-grid-columns:30% 70%;grid-template-columns:30% 70%;height:auto}}@media (width <= 640px){.p-job__link{display:block;container-type:inline-size}}@media (hover:hover) and (pointer:fine){.p-job__link:hover:before{width:82px;background:#1f1f95 url(../images/home/img_play_text_white.png) no-repeat center/85.9375% 85.9375%;-webkit-box-shadow:0 0 0 2px #fff inset;box-shadow:0 0 0 2px #fff inset;-webkit-animation:movie-opacity 0.3s ease-in-out forwards,movie-rotate 20s infinite linear;animation:movie-opacity 0.3s ease-in-out forwards,movie-rotate 20s infinite linear}}@media (hover:hover) and (pointer:fine) and (width <= 640px){.p-job__link:hover:before{width:64px;background:#4d4dbe}}@media (hover:hover) and (pointer:fine){.p-job__link:hover:after{-webkit-animation:movie-opacity 0.3s ease-in-out forwards;animation:movie-opacity 0.3s ease-in-out forwards;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}}.with-fancybox .p-job__link.active:before{width:82px;background:#1f1f95 url(../images/home/img_play_text_white.png) no-repeat center/85.9375% 85.9375%;-webkit-box-shadow:0 0 0 2px #fff inset;box-shadow:0 0 0 2px #fff inset}@media (width <= 640px){.with-fancybox .p-job__link.active:before{width:64px;background:#4d4dbe}}.with-fancybox .p-job__link.active:after{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.p-job__link:before{content:"";width:72px;aspect-ratio:1;background:#fff;border-radius:50%;position:absolute;right:60px;bottom:66px;z-index:2;translate:50% 50%;-webkit-transition:width 0.3s ease-in-out;transition:width 0.3s ease-in-out}@media (width <= 1024px){.p-job__link:before{bottom:60px}}@media (width <= 640px){.p-job__link:before{width:56px;right:44px;bottom:auto;top:66.6666666667cqw;translate:50% -50%}}.p-job__link:after{content:"";width:15px;aspect-ratio:15/18;background:url(../images/job/img_play.png) no-repeat center/contain;position:absolute;right:60px;bottom:66px;z-index:3;translate:60% 50%}@media (width <= 1024px){.p-job__link:after{bottom:60px}}@media (width <= 640px){.p-job__link:after{right:44px;bottom:auto;top:66.6666666667cqw;translate:60% -50%}}.p-job__photo{width:min(100%,486px);height:100%;position:absolute;top:0;right:0}@media (width <= 1024px){.p-job__photo{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:2;-ms-grid-column-span:1;grid-area:1/2/2/3;width:100%;aspect-ratio:672/448;height:auto;position:relative}}.p-job__photo:after{content:"";width:100%;height:75%;background-image:-webkit-gradient(linear,left bottom,left top,from(#1f1f95),color-stop(30%),color-stop(76%,rgba(31,31,149,0)));background-image:linear-gradient(to top,#1f1f95,30%,rgba(31,31,149,0) 76%);opacity:0.75;position:absolute;bottom:0;z-index:1}.p-job__photo img{width:auto;max-width:none;height:100%;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-transition:width 0.2s ease-in-out,height 0.2s ease-in-out;transition:width 0.2s ease-in-out,height 0.2s ease-in-out}@media (width <= 1024px){.p-job__photo img{width:100%;height:revert}}@media (hover:hover) and (pointer:fine){.p-job__link:hover .p-job__photo img{height:107%}}@media (hover:hover) and (pointer:fine) and (width <= 1024px){.p-job__link:hover .p-job__photo img{width:107%;height:revert}}.with-fancybox .p-job__link.active .p-job__photo img{height:107%}@media (width <= 1024px){.with-fancybox .p-job__link.active .p-job__photo img{width:107%;height:revert}}.p-job__cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;padding:48px 24px 24px;position:relative;z-index:1}@media (width <= 1024px){.p-job__cont{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:1/1/2/3;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;row-gap:36px;padding:24px clamp(16px,3.75vw,24px)}}@media (width <= 640px){.p-job__cont{padding-top:48px}}.p-job__cont:before{content:"";width:248px;height:100%;background:#1f1f95;clip-path:polygon(0 0,100% 0,100px 100%,0 100%);position:absolute;top:0;left:0;z-index:-1}@media (width <= 1024px){.p-job__cont:before{width:30%;clip-path:none}}@media (width <= 640px){.p-job__cont:before{width:100%}}.p-job__ttl{font-weight:600;color:#fff}@media (width <= 640px){.p-job__ttl{position:absolute;top:10px;left:clamp(16px,3.75vw,24px);translate:0 -100%}}.p-job__ttl .common{display:block;margin-bottom:14px;font-size:14px;letter-spacing:0.024em}.p-job__ttl .main{display:inline-block;font-size:32px;letter-spacing:0.096em;-webkit-text-decoration:underline #fff;text-decoration:underline #fff;text-decoration-thickness:1px;text-underline-offset:14px}.p-job__ttl .main span{margin-left:-8px;font-size:0.67em;font-weight:300;letter-spacing:0}.p-job__copy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.p-job__copy-block{display:-ms-grid;display:grid;-ms-grid-columns:auto auto 1fr;grid-template-columns:auto auto 1fr;-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr;background-image:-webkit-gradient(linear,left top,right top,from(#233baa),color-stop(25%,#1f1f95),to(#14283d));background-image:linear-gradient(to right,#233baa 0%,#1f1f95 25%,#14283d 100%);-webkit-background-clip:text;background-clip:text;background-size:calc(100% - 20px);background-position:left 10px center;position:relative}.p-job__copy-block>:first-child{-ms-grid-row:1;-ms-grid-column:1}.p-job__copy-block>:nth-child(2){-ms-grid-row:1;-ms-grid-column:2}.p-job__copy-block>:nth-child(3){-ms-grid-row:1;-ms-grid-column:3}.p-job__copy-block>:nth-child(4){-ms-grid-row:2;-ms-grid-column:1}.p-job__copy-block>:nth-child(5){-ms-grid-row:2;-ms-grid-column:2}.p-job__copy-block>:nth-child(6){-ms-grid-row:2;-ms-grid-column:3}@media print{.p-job__copy-block{background:none}}.p-job__copy-block:before{content:"";-ms-grid-row:1;-ms-grid-row-span:1;grid-area:1/1/2/-2;background:#fff;position:absolute;z-index:-1;width:100%;height:100%}@media (640px < width),(width <= 500px){.p-job__copy-block.job01-01,.p-job__copy-block.job02-01,.p-job__copy-block.job03-02{grid-auto-flow:column;-ms-grid-columns:1fr;grid-template-columns:1fr;row-gap:8px}}@media (640px < width),(width <= 500px){.p-job__copy-block.job01-01:before,.p-job__copy-block.job02-01:before,.p-job__copy-block.job03-02:before{content:none}}@media (640px < width),(width <= 500px){.p-job__copy-block.job01-01 .line,.p-job__copy-block.job02-01 .line,.p-job__copy-block.job03-02 .line{background-image:-webkit-gradient(linear,left top,right top,from(#233baa),color-stop(25%,#1f1f95),to(#14283d));background-image:linear-gradient(to right,#233baa 0%,#1f1f95 25%,#14283d 100%);position:relative}}@media (640px < width),(width <= 500px){.p-job__copy-block.job01-01 .line:before,.p-job__copy-block.job02-01 .line:before,.p-job__copy-block.job03-02 .line:before{content:""}}@media (width <= 400px){.p-job__copy-block.job01-02,.p-job__copy-block.job03-01{grid-auto-flow:column;-ms-grid-columns:1fr;grid-template-columns:1fr;row-gap:8px}}@media (width <= 400px){.p-job__copy-block.job01-02:before,.p-job__copy-block.job03-01:before{content:none}}@media (width <= 400px){.p-job__copy-block.job01-02 .line,.p-job__copy-block.job03-01 .line{background-image:-webkit-gradient(linear,left top,right top,from(#233baa),color-stop(25%,#1f1f95),to(#14283d));background-image:linear-gradient(to right,#233baa 0%,#1f1f95 25%,#14283d 100%);position:relative}}@media (width <= 400px){.p-job__copy-block.job01-02 .line:before,.p-job__copy-block.job03-01 .line:before{content:""}}.p-job__copy-block .line{display:-ms-grid;display:grid;-ms-grid-columns:auto 1fr;grid-template-columns:auto 1fr;row-gap:8px;-webkit-background-clip:text;background-clip:text;background-size:calc(100% - 20px);background-position:left 10px center}.p-job__copy-block .line:before{-ms-grid-row:1;-ms-grid-row-span:1;grid-area:1/1/2/-2;background:#fff;position:absolute;z-index:-1;width:100%;height:100%}.p-job__copy-cont{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1;grid-area:1/1/2/2;display:inline-block;padding:10px 10px 12px;font-size:18px;font-weight:600;color:transparent}@media print{.p-job__copy-cont{color:#1f1f95}}@media (500px < width <= 640px){.p-job__copy-block.job01-01 .line:not(:last-child) .p-job__copy-cont,.p-job__copy-block.job02-01 .line:not(:last-child) .p-job__copy-cont,.p-job__copy-block.job03-02 .line:not(:last-child) .p-job__copy-cont{padding-right:0}}@media (500px < width <= 640px){.p-job__copy-block.job01-01 .line:not(:first-child) .p-job__copy-cont,.p-job__copy-block.job02-01 .line:not(:first-child) .p-job__copy-cont,.p-job__copy-block.job03-02 .line:not(:first-child) .p-job__copy-cont{padding-left:0}}@media (400px < width){.p-job__copy-block.job01-02 .line:not(:last-child) .p-job__copy-cont,.p-job__copy-block.job03-01 .line:not(:last-child) .p-job__copy-cont{padding-right:0}}@media (400px < width){.p-job__copy-block.job01-02 .line:not(:first-child) .p-job__copy-cont,.p-job__copy-block.job03-01 .line:not(:first-child) .p-job__copy-cont{padding-left:0}}
/*# sourceMappingURL=common_job.css.map */