@charset "UTF-8";
/* inview用CSS */
/* TOP PAGE*/
@media screen {
    .js-inview {
        transform: translateY(5rem);
        opacity: 0;
        transition: transform 450ms ease-out 250ms, opacity 450ms ease-out 250ms;
    }
    .js-inview.js-fadein {
        transform: translateY(0);
        opacity: 1;
    }
    .rec-photo-list.js-inview {
        transform: none;
        opacity: 1;
        transition: none;
    }
    .rec-photo-list li {
        opacity: 0;
        transform: scale(0.9);
        transition: 300ms;
    }
    .rec-photo-list.js-fadein li {
        opacity: 1;
        transform: scale(1);
        transition: 300ms;
    }
    .rec-photo-list.js-fadein li:nth-child(10) {
        transition-delay: 300ms;
    }
    .rec-photo-list.js-fadein li:nth-child(3) {
        transition-delay: 600ms;
    }
    .rec-photo-list.js-fadein li:nth-child(4) {
        transition-delay: 700ms;
    }
    .rec-photo-list.js-fadein li:nth-child(5) {
        transition-delay: 800ms;
    }
    .rec-photo-list.js-fadein li:nth-child(15) {
        transition-delay: 900ms;
    }
    .rec-photo-list.js-fadein li:nth-child(16) {
        transition-delay: 1000ms;
    }
    .rec-photo-list.js-fadein li:nth-child(17) {
        transition-delay: 1100ms;
    }
}
@media screen and (min-width: 768px) {
    .rec-photo-list.js-fadein li:nth-child(10) {
        transition-delay: 300ms;
    }
    .rec-photo-list.js-fadein li:first-child {
        transition-delay: 600ms;
    }
    .rec-photo-list.js-fadein li:nth-child(2) {
        transition-delay: 700ms;
    }
    .rec-photo-list.js-fadein li:nth-child(3) {
        transition-delay: 800ms;
    }
    .rec-photo-list.js-fadein li:nth-child(4) {
        transition-delay: 900ms;
    }
    .rec-photo-list.js-fadein li:nth-child(5) {
        transition-delay: 1000ms;
    }
    .rec-photo-list.js-fadein li:nth-child(6) {
        transition-delay: 1100ms;
    }
    .rec-photo-list.js-fadein li:nth-child(7) {
        transition-delay: 1200ms;
    }
    .rec-photo-list.js-fadein li:nth-child(8) {
        transition-delay: 1300ms;
    }
    .rec-photo-list.js-fadein li:nth-child(9) {
        transition-delay: 1400ms;
    }
    .rec-photo-list.js-fadein li:nth-child(11) {
        transition-delay: 1500ms;
    }
    .rec-photo-list.js-fadein li:nth-child(12) {
        transition-delay: 1600ms;
    }
    .rec-photo-list.js-fadein li:nth-child(13) {
        transition-delay: 1700ms;
    }
    .rec-photo-list.js-fadein li:nth-child(14) {
        transition-delay: 1800ms;
    }
    .rec-photo-list.js-fadein li:nth-child(15) {
        transition-delay: 1900ms;
    }
    .rec-photo-list.js-fadein li:nth-child(16) {
        transition-delay: 2000ms;
    }
    .rec-photo-list.js-fadein li:nth-child(17) {
        transition-delay: 2100ms;
    }
    .rec-photo-list.js-fadein li:nth-child(18) {
        transition-delay: 2200ms;
    }
    .rec-photo-list.js-fadein li:nth-child(19) {
        transition-delay: 2300ms;
    }
}
/* RECRUIT TOP PAGE*/
.hero.recruit.js-inview {
      transform: translateY(0);
        opacity: 1;
        transition:0;
    }
.hero.recruit.js-inview.js-fadein {
        transform: translateY(0);
        opacity: 1;
    }

.hero.recruit.js-inview .hero-heading img {
    transform: scale(0.7) rotate(-10deg);
        transition: 300ms cubic-bezier(0.860, 0.190, 0.510, 1.525);
    opacity: 0;

}
.hero.recruit.js-inview.js-fadein .hero-heading img {
    transform: scale(1);
    opacity: 1;
}