@charset 'utf-8';

/* recruit
------------------------------------------------ */
#recruit{ padding-top: 72px; /*background: url(../../img/recruit/recruit-bg.png) no-repeat center 0 / 100% auto;*/ background: url(../../img/recruit/recruit-bg-01.png) no-repeat right 0 / calc(389/1920 * 100%) auto, url(../../img/recruit/recruit-bg-02.png) no-repeat calc(77/1920 * 100%) 456px / calc(326/1920 * 100%) auto; }
#recruit-fv{ display: flex; flex-wrap: wrap; justify-content: center; min-height: 399px; background: url(../../img/recruit/fv-bg.png) no-repeat calc(50% - 100px) 0 / 583px auto; }
.recruit-fv--desc{ position: relative; width: 550px; height: 100%; }
.recruit-fv--txt{ position: absolute; }
.recruit-fv--txt.txt01{ top:229px; left: 0; }
.recruit-fv--txt.txt02{ top:137px; left: 172px; }
.recruit-fv--txt.txt03{ top:229px; left: 287px; }

.moto-m{ opacity: 0; }
.moto-o,
.moto-t,
.moto-t2,
.moto-o2{opacity: 1;transform: translate(0, 0) rotate(0deg);;}

.aos-animate .moto-m{
    opacity: 1;
}

.aos-animate .moto-o{
    transition:.7s linear;
    -webkit-animation: mottoShowO .7s linear;
    animation: mottoShowO .7s linear;
   
}

.aos-animate .moto-t{
    transition:.7s linear;
    -webkit-animation: mottoShowT .7s linear;
    animation: mottoShowT .7s linear;
   
}

.aos-animate .moto-t2{
    transition:.7s linear;
    -webkit-animation: mottoShowT2 .7s linear;
    animation: mottoShowT2 .7s linear;

}

.aos-animate .moto-o2{
    transition:.7s linear;
    -webkit-animation: mottoShowO2 .7s linear;
    animation: mottoShowO2 .7s linear;
 
}

@media only screen and (max-width: 1200px) {
    /* #recruit{ background-size: 1200px auto; } */
}
@media only screen and (max-width: 767px) {
    #recruit{ padding: 0; background: none; }
    #recruit-fv{ height: 100svh; align-items: center; background:url(../../img/recruit/fv-bg-top-sp.png) no-repeat right 0 / 140px auto, url(../../img/recruit/fv-bg-bottom-sp.png) no-repeat 0 bottom / 152px auto; } 
    .recruit-fv--desc{ margin-bottom: 30px; width: calc(100% - 52px); max-width: 337px; height: 204px; background: url(../../img/recruit/fv-bg.png) no-repeat 0 0 / calc(298/337 * 100%) auto; }
    .recruit-fv--txt.txt01{ left: calc(60/337 * 100%); top:121px; }
    .recruit-fv--txt.txt01 svg{ width: 75px; height: auto; }
    .recruit-fv--txt.txt02{ left: calc(153/337 * 100%); top: 66px; }
    .recruit-fv--txt.txt02 svg{ width: 88px; height: auto; }
    .recruit-fv--txt.txt03{ left: unset; right: 0; top:121px; }
    .recruit-fv--txt.txt03 svg{ width: 121px; height: auto; }
}

@media only screen and (max-width: 375px) {
    .recruit-fv--desc{ margin-bottom: 7.69230769231vw; height: 52.3076923077vw; }
    .recruit-fv--txt.txt02{ top:16.9230769231vw; }
    .recruit-fv--txt.txt02 svg{ width: 22.5641025641vw; }
    .recruit-fv--txt.txt01{ top:31.0256410256vw; }
    .recruit-fv--txt.txt01 svg{ width: 19.2307692308vw; }
    .recruit-fv--txt.txt03{ top:31.0256410256vw; }
    .recruit-fv--txt.txt03 svg{ width: 31.0256410256vw; }
}

.recruit--title { max-width: 1260px; margin: 0 auto; color: #008B35; letter-spacing: 0; }
.recruit--title .en{ margin-top: 6px; display: block; line-height: 1; font-size: 6.4rem; font-weight: 600; font-family: var(--ff-poppins); }
.recruit--title .ja{ display: block; font-weight: 700; font-size: 2.8rem; line-height: calc(41 / 28); }

#recruit-info{ padding-top: 128px; }
.recruit-info--inner{ padding: 0 20px; }
.recruit-info--bnr{ margin-bottom: 54px; }
.recruit-info--title{ margin-top: 60px; text-align: center; }
.recruit-info--title sub{ display: block; font-size: 1.4rem; font-weight: 600; line-height: calc(17/14); letter-spacing: 0.02em; }
.recruit-info--title b{ margin-top: 10px; display: block; font-size: 2.4rem; font-weight: 500; line-height: calc(35/24); letter-spacing: 5px; }
.recruit-info--txt-01{ margin-top: 54px; margin-bottom: 60px; font-size: 2.1rem; font-weight: 300; text-align: center; line-height: calc(38/21); letter-spacing: 0.1em; }
.recruit--box{ padding: 18px 19px; max-width: 724px; margin: 27px auto 0; border:1px solid #E2E2E2; border-radius: 10px; }
.recruit--box-panel{ padding: 30px 9.5%; display: flex; flex-wrap: wrap; background-color: #F6F6F6; border-radius: 10px; }
.recruit--box-panel dl{ width: 50%; }
.recruit--box-panel dl:first-child{ padding-right: 15px; }
.recruit--box-panel dl:first-child dt{ max-width: 200px; }
.recruit--box-panel dt{ padding-bottom: 5px; font-size: 2.1rem; font-weight: 500; line-height: calc(30/21); letter-spacing: 5px; border-bottom: 1px solid #000; }
.recruit--box-panel dd{ margin-top: 20px; font-size: 1.4rem; font-weight: 300; line-height: calc(20/14); }
.recruit--box-panel dd b{ font-size: 1.8rem; font-weight: 500; line-height: calc(26/18); }
.recruit--box-panel dd b span{ background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 45%, rgba(248,243,122,1) 45%); }
.recruit--box-panel dd .break{ margin-top: 8px; display: block; padding-left: 1.3em; line-height: calc(28/14); }
.recruit--box-panel dd ul li+li{ margin-top: 13px; }
.recruit--box-panel .list02 li{ padding-left: 30px; background: url(../../img/recruit/v2/check.png) no-repeat 10px 7px / 10px auto; letter-spacing: 0; }
.recruit-info--desc-01{ margin-top: 86px; text-align: center; }
.recruit-info--desc-01 dt{ font-size: 2.4rem; font-weight: 500; line-height: calc(35/24); letter-spacing: 5px; }
.recruit-info--desc-01 dd{ margin-top: 40px; font-size: 2.1rem; font-weight: 250; line-height: calc(38/21); letter-spacing: .1em; }
.recruit-info--desc-01 dd p+p{ margin-top: 12px; }

@media only screen and (max-width: 767px) {
    #recruit-info{ padding-top: 70px; }
    .recruit-info--title{ margin-top: 40px; }
    .recruit-info--title sub{ font-size: var(--fz-14); letter-spacing: .2em; }
    .recruit-info--title b{ margin-top: 16px; font-size: var(--fz-18); line-height: calc(26/18); letter-spacing: 2px }
    .recruit-info--txt-01{ margin-top: 16px; margin-bottom: 15px; font-size: 1.2rem; font-weight: 400; line-height: calc(24/12); }
    .recruit-info--desc-01{ margin-top: 40px; }
    .recruit-info--desc-01 dt{ font-size: var(--fz-18); line-height: calc(26/18); letter-spacing: 2px; }
    .recruit-info--desc-01 dd{ margin-top: 20px; font-size: var(--fz-12); line-height: calc(14/12); font-weight: 400; }
    .recruit-info--desc-01 dd p+p{ margin-top: 10px; }
    .recruit-info--bnr{ margin-bottom: 13px; }
    .recruit--box{ margin-top: 0; margin-left: -16px; padding: 9px; width: calc(100% + 32px); }
    .recruit--box-panel{ padding: 24px 20px 16px; justify-content: space-between; }
    .recruit--box-panel dl:first-child{ width: calc(50% - 4px); padding-right: 0; }
    .recruit--box-panel dl:last-child{ width: calc(50% - 16px); }
    .recruit--box-panel dl:first-child dt{ max-width: unset; }
    .recruit--box-panel dt{ font-size: var(--fz-16); line-height: calc(23/16); letter-spacing: 4px; }
    .recruit--box-panel dd{ margin-top: 15px; font-size: var(--fz-11); letter-spacing: 0; }
    .recruit--box-panel dd b{ font-size: var(--fz-14); line-height: calc(20/14); }
    .recruit--box-panel dd .break{ font-size: var(--fz-10); line-height: calc(21/10); }
    .recruit--box-panel dd ul li+li{ margin-top: 9px; }
    .recruit--box-panel dd .break{ margin-top: 5px; }

    .recruit--title .en{ margin-top: 0; font-size: var(--fz-36); line-height: 1; }
    .recruit--title .ja{ font-size: var(--fz-16); line-height: calc(23 / 16); }

}

#work-life{ padding: 45px 20px 0; }
.work-life--txt{ margin-top: 20px; font-size: 1.2rem; font-weight: 400; text-align: center; line-height: calc(17/12); color: #858886; }
.work-life--txt span{ color:#000; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 45%, rgba(248,243,122,1) 45%); }
.work-life--txt span a{ position: relative; color:#000; }
.work-life--txt span a:after{
    content: '';
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    transition: transform 0.3s;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
}
.work-life--txt span a:hover:after{
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}
#work-life .recruit--box-panel{ mix-blend-mode: darken; background: #F6F6F6 url(../../img/recruit/v2/work-life-bg-v2.png) no-repeat calc(100% - 13px) calc(100% - 9px) / calc(135/684 * 100%); }

@media only screen and (max-width: 767px) {
    #work-life{ padding: 32px 20px 0; }
    
    #work-life .recruit--box{ padding: 0;  width: calc(100% + 40px); margin-top: 12px; margin-left: -20px; border:0; border-radius: 0; }
    #work-life .recruit--box-panel{ padding: 40px 40px 32px; background: #F6F6F6 url(../../img/recruit/v2/work-life-bg-v2.png) no-repeat calc(100% - 40px) calc(100% - 12px) / 125px auto; }
    #work-life .recruit--box-panel dl{ margin-top: 0; }
    #work-life .recruit--box-panel dl+dl{ margin-top: 20px; }
    #work-life .recruit--box-panel dt{ font-size: var(--fz-21); font-weight: 500; line-height: calc(30/21); letter-spacing: 5px; }
    #work-life .recruit--box-panel dl:first-child,
    #work-life .recruit--box-panel dl:last-child{ width: 100%; }
    #work-life .recruit--box-panel dd{ margin-top: 18px; font-size: var(--fz-14); font-weight: 400; line-height: calc(20/14); }
    #work-life .recruit--box-panel dl:last-child dd{ font-weight: 350; line-height: calc(34/14); }
    #work-life .recruit--box-panel dl:last-child .list02 li{ padding-left: 24px; margin-top: 0; background-position: 5px 15px; }
    .work-life--txt{ padding: 0 15px; text-align: left; font-size: var(--fz-12); }

}


/*
recruit__desc01
-------------------------*/
.recruit__desc01{ padding: 50px 20px 68px; background-color: #F6F6F6; }
.recruit__desc01--inner{ max-width: 900px; margin: 0 auto; }
.recruit__desc01--inner dt{ font-size: 5rem; font-weight: 400; font-family: var(--ff-grape); line-height: 1; color: #E02F64; }
.recruit__desc01--inner dd p{ margin-top:24px; font-size: 1.6rem; font-weight: 350; line-height: calc(34 / 16); letter-spacing: 2px; color:#000; }
.recruit__desc01--title{ padding-bottom: 24px; font-weight: 400; border-bottom:1px solid #EE656D; letter-spacing: 2px; color: #000; }
.recruit__desc01--title .en{ margin-bottom: 9px; display: block; font-family: var(--ff-poppins); font-size: 1.4rem; line-height: calc(21 / 14); text-transform: uppercase; letter-spacing: 2px; color: #EE656D; }
.recruit__desc01--title .ja{ display: block; font-size: 2.4rem; line-height: calc(35 / 24); letter-spacing: 5px; color:#000; }


@media only screen and (min-width: 768px) {
    .recruit__desc01--inner dl{ display: flex; flex-wrap: wrap; align-items: flex-start; }
    .recruit__desc01--inner dt{ width: 215px; }
    .recruit__desc01--inner dd{ width: calc(100% - 215px);  }
    .recruit__desc01--inner dd ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
    .recruit__desc01--inner dd li:first-child{ width: 29%; }
    .recruit__desc01--inner dd li:last-child{ width: 64.2%; }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .recruit__desc01--inner dd li:first-child{ width: 35%; }
    .recruit__desc01--inner dd li:last-child{ width: 60%; }
}

@media only screen and (max-width: 767px) {
    .recruit__desc01{ padding: 46px 30px 60px; }
    .recruit__desc01--inner dt{ font-size: var(--fz-50); }
    .recruit__desc01--inner dd{ margin-top: 28px; }
    .recruit__desc01--title{ padding-bottom: 14px; }
    .recruit__desc01--title .en{ margin-bottom: 0; font-size: var(--fz-14); line-height: calc(21 / 14); }
    .recruit__desc01--title .ja{ font-size: var(--fz-24); line-height: calc(35 / 24); }
    .recruit__desc01--inner dd p{ margin-top: 20px; font-size: var(--fz-16); line-height: calc(34 / 16); }
    .recruit__desc01--inner dd li:first-child{ width: 200px; }
    .recruit__desc01--inner dd li+li{ margin-top: 30px; }
}

/*
recruit__banner
---------------------------*/
.recruit__banner{ padding: 52px 20px 48px; background: url(../../img/recruit/cloud-02.jpg) no-repeat center / cover; }
.recruit__banner--inner{ max-width: 1218px; margin: 0 auto; }
.recruit__banner--logo{ text-align: center; }
.recruit__banner--logo p{ margin-top: 20px; font-size: 2rem; line-height: 1; font-weight: 350; letter-spacing: 20px; color: #526356; }
.recruit__banner--group li{ padding-bottom: 30px; text-align: center; background-color: #fff; border-radius: 13px; }
.recruit__banner--group li i{ margin: -45px auto 0; display: block; width: 90px; }
.recruit__banner--group li h3{ margin-top: 20px; font-size: 4rem; line-height: 1; font-weight: 700; letter-spacing: 0; }
.recruit__banner--group li h3.blue{
    background: linear-gradient(87.71deg, #0D77F2 2.22%, #64ACEF 98.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.recruit__banner--group li h3.green{
    background: linear-gradient(92.71deg, #02B964 2.68%, #18DE80 100.75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.recruit__banner--group li strong{ font-size: 6.4rem; font-weight: 700; line-height: 1; letter-spacing: -0.01em; }
.recruit__banner--group li p{ margin-top: 16px; }
.recruit__banner--group li p .blue{ color: #3670D8; }
.recruit__banner--group li p .green{ color: #199C5E; }
.recruit__banner--group li p span{ position: relative; top: -4px; margin-left: 3px; font-size: 2rem; font-weight: 700; line-height: calc(30 / 20); letter-spacing: 0.03em; color:#83888E; }
.recruit__banner--group li p span.bold{ top: -2px; margin-left: 9px; font-size: 2.4rem; font-weight: 900; line-height: calc(30 / 24); }
.recruit__banner--group li p .rubik{ font-family: var(--ff-rubik); }
.recruit__banner--group li p span.pecent{ top: 0; margin-left: 6px; font-size: 3.4rem; letter-spacing: 0.04em; }
.recruit__banner--link{ width: calc(100% - 5px); transition: letter-spacing .2s linear; margin-top: 33px;  display: block; font-family: var(--ff-urbanist); font-size: 2rem; font-weight: 600; line-height: calc(14 /12); letter-spacing: 1px; text-align: right; border-bottom: 1px solid #008B35; color: #008B35; }
.recruit__banner--link span{ display: inline-block; position: relative; padding: 0 35px 9px 0; transform: translateX(-20px); background: url(../../img/share/arrow-next-green.png) no-repeat right 6px / 20px auto; -webkit-animation: moveLeftRight 1s infinite normal; animation: moveLeftRight 1s infinite normal; -webkit-animation-timing-function:linear; animation-timing-function:linear; }
/* .recruit__banner--link:hover { letter-spacing: .5em; } */
@keyframes moveLeftRight {
    0% {
        transform: translateX(0);
    }
    75% {
        transform: translateX(-20px);
    }
    100% {
        transform: translateX(0);
    }
  }

@media only screen and (min-width: 768px) {
    .recruit__banner--inner{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
    .recruit__banner--group{ padding-top: 45px; width: 57.5%; }
    .recruit__banner--logo{ width: calc(100% - 57.5%); }
    .recruit__banner--logo img{ max-width: 30.1%; }
    .recruit__banner--group ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
    .recruit__banner--group li{ width: 48.56%; }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .recruit__banner--group{ width: 59%; }
    .recruit__banner--logo{ width: calc(100% - 60%); }
    .recruit__banner--group li h3{ font-size: 3.90625vw; }
    .recruit__banner--group li strong{ font-size: 6.25vw; }
    .recruit__banner--group li p span.bold{ font-size: 2.34375vw; }
    .recruit__banner--group li p span{ font-size: 1.953125vw; }
    .recruit__banner--group li p span.pecent{ font-size: 3.3203125vw; }
}

@media only screen and (max-width: 767px) {
    .recruit__banner{ padding: 99px 25px 152px; background: url(../../img/recruit/sp-cloud-02.png) no-repeat center 0 / 100% auto, url(../../img/recruit/sp-cloud-02-2.png) no-repeat center bottom / 100% auto ,#F1FBE9; }
    .recruit__banner--logo img{ max-width: 113px; }
    .recruit__banner--logo p{ margin-top: 35px; font-size: var(--fz-20); letter-spacing: 20px; }
    .recruit__banner--group{ margin-top: 95px; }
    .recruit__banner--group li{ padding-bottom: 33px; }
    .recruit__banner--group li i{ margin: 0 auto -45px; position: relative; top:-45px; }
    .recruit__banner--group li+li{ margin-top: 85px; }
    .recruit__banner--group li h3.blue{ font-size: var(--fz-40); }
    .recruit__banner--group li strong{ font-size: var(--fz-64); letter-spacing: -0.01em; }
    .recruit__banner--group li p span.bold{ font-size: var(--fz-24); }
    .recruit__banner--group li p span{ font-size: var(--fz-20); }
    .recruit__banner--group li p span.pecent{ font-size: var(--fz-34); letter-spacing: 0.04em; }
    .recruit__banner--link{ margin-top: 48px; }
}

/*
Interview
---------------------------*/
#interview{ margin-top: 80px; padding: 14px 20px 175px; background-color: #F6F6F6; }
.interview--inner{ max-width: 1164px; width: calc(100% - 40px); margin: 0 auto; }
.interview--title{ font-weight: 400; text-align: center; }
.interview--title .en{ display: block; font-family: var(--ff-grape); font-size: 5rem; color: #E02F64; line-height: 1; letter-spacing: 0; }
.interview--title .ja{ margin-top: 5px; display: block; font-size: 2.4rem; line-height: calc(35 / 24); letter-spacing: 5px; color: #000000; }
.interview__block{ margin-top: 47px; margin-bottom: -70px; }
.interview__block--item{ margin-bottom: 72px; display: inline-flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }

.interview__block--desc{ padding: 21px 0 34px; }
.interview__block--desc .desc-txt{ display: block; padding: 20px; width: calc(100% - 25px); position: relative; border:1px solid #EE656D; background-color: #fff; border-radius: 20px; }
.interview__block--desc .desc-txt p{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; line-clamp: 7; -webkit-box-orient: vertical; font-size: 1.4rem; font-weight: 400; text-align: justify; line-height: calc(28 / 14); color:#000; letter-spacing: 0; }
.interview__block--desc .desc-date{ position: absolute; top: -27px; display: block; padding: 5.5px 0; font-size: 1.2rem; font-weight: 700;  line-height: 1; letter-spacing: 1px; color:#EE656D; }
.interview__block .read-more{ padding: 9px 0; transition: .2s ease; display: block; width: 80px; font-weight: 700; font-size: 1.6rem; text-align: center; line-height: calc(16 / 11); color:#fff; border: 1px solid #EE656D; background-color: #EE656D; border-radius: 20px; }

.interview__block--profile{ padding-bottom: 92px; text-align: center; }
.interview__block--profile .profile-pht{ width: 200px; height: 200px; border-radius: 50%; overflow: hidden; }
.interview__block--profile .profile-pht img{ object-fit: cover; object-position: center; width: 100%; height: 100%; }
.interview__block--bottom p{ font-size: 2.1rem; font-weight: 400; line-height: calc(30 / 21); letter-spacing: 5px; text-align: center; }
.interview__block .profile-name{ display: block; color:#000; margin-bottom: 8px; }
.interview__block .profile-position{ display: block; font-size: 1.6rem; font-weight: 350; line-height: calc(34/16); color:#000; }

@media only screen and (min-width: 768px) {
    .interview__block{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .interview__block--item{ width: calc(562/1164 * 100%); }
    .interview__block--profile{ width: 200px; }
    .interview__block--desc{ width: calc(100% - 200px); }
    .interview__block--desc .desc-date{ left: 23px;  }
    .interview__block .read-more{ position: absolute; right: 9px; bottom:0; }
    .interview__block .read-more:hover,
    .interview__block .read-more.on{ background-color: #E8E8E8; border-color: #E8E8E8; color:#008B35; }
    .interview__block--item:nth-child(4n + 1) .interview__block--desc .desc-txt,
    .interview__block--item:nth-child(4n + 2) .interview__block--desc .desc-txt{ margin-left: 25px;}
    .interview__block--item:nth-child(4n + 3) .interview__block--bottom,
    .interview__block--item:nth-child(4n + 4) .interview__block--bottom{ flex-direction: row-reverse; }
    .interview__block--bottom p{ width: 200px; padding: 0 10px; min-height: 80px; position: absolute; left: 0; top:222px; }
    .interview__block .profile-name{display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
    .interview__block .profile-position {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
    .interview__block--item:nth-child(4n+1) .interview__block--desc .desc-txt:before,
    .interview__block--item:nth-child(4n+2) .interview__block--desc .desc-txt:before {
        content: ' ';
        position: absolute;
        left: -20px;
        bottom: -1px;
        background: url(../../img/recruit/v2/interview_bg.png) no-repeat 0 0 / contain;
        width: 42px; 
        height: 21px;
    }
    .interview__block--item:nth-child(4n+3) .interview__block--desc .desc-txt:after,
    .interview__block--item:nth-child(4n+4) .interview__block--desc .desc-txt:after {
        content: ' ';
        position: absolute;
        right: -20px;
        bottom: -1px;
        background: url(../../img/recruit/v2/interview_bg_02.png) no-repeat 0 0 / contain;
        width: 42px; 
        height: 21px;
    }
    .interview__block--item:nth-child(4n+3),
    .interview__block--item:nth-child(4n+4){ flex-direction: row-reverse; }
    .interview__block--item:nth-child(4n+3) .interview__block--bottom p,
    .interview__block--item:nth-child(4n+4) .interview__block--bottom p{ left: unset; right: 0; }
    .interview__block--item:nth-child(4n+3) .read-more,
    .interview__block--item:nth-child(4n+4) .read-more{ right: unset; left: 9px; }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .interview__block--profile{ width: 120px; }
    .interview__block--desc{ width: calc(100% - 120px); padding-bottom: calc(34/1164 * 100vw); }
    .interview__block--profile{ padding-bottom: calc(92/1164 * 100vw); }
    .interview__block--profile .profile-pht{ width: 120px; height: 120px; }
    .interview__block .profile-position{ font-size: calc(16/1164 * 100vw); }
    .interview__block .read-more{ padding: calc(9/562 * 100%); width: calc(80/562 * 100%); font-size: calc(16/1164 * 100vw); border-radius: calc(20/1164 * 100vw); }
    .interview__block--bottom p{ min-height: calc(80/1164 * 100vw); }
    .interview__block--bottom p{ width: 120px; }
    .interview__block--bottom p{ font-size: calc(21/1164 * 100vw); letter-spacing: 1px; }
}

@media only screen and (max-width: 767px) {
    #interview{ margin-top: 22px; padding: 38px 15px 50px; }
    .interview--title .en{ font-size: var(--fz-32); line-height: 1; }
    .interview--title .ja{ font-size: var(--fz-15); letter-spacing: 3px; line-height: calc(23/15); }
    .interview__block{ margin-top: 55px; margin-bottom: -30px; }
    .interview__block--item{ min-height: 240px; position: relative; align-items: flex-start; margin-bottom: 30px; }
    .interview__block--profile{ margin-top: 21px; width: 120px; }
    .interview__block--profile .profile-pht{ width: 120px; height: 120px; }
    .interview__block .profile-name{ margin-bottom: 0; }
    .interview__block .profile-position{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--fz-12); line-height: calc(20/12); }
    .interview__block--item:nth-child(2n+1) .interview__block--desc .desc-date{ right: 15px; }
    .interview__block--item:nth-child(2n+2) .interview__block--desc .desc-date{ left: 15px; }
    .interview__block--desc{ padding: 21px 0 0 0; width: calc(100% - 120px); }
    .interview__block--desc .desc-txt{ padding: 10px 20px; width: calc(100% - 15px); border-radius: 10px; }
    .interview__block--desc .desc-txt p{ -webkit-line-clamp: 9; line-clamp: 9; font-size: var(--fz-11); font-weight: 350; line-height: calc(22/11); }

    .interview__block--bottom{ padding-top: 6px; width: 120px; position: absolute; left: 0; top: 141px; }
    .interview__block .read-more{ padding: 5.5px 0; margin-top: 6px; width: 100%; font-size: var(--fz-11); letter-spacing: 0; } 
    .interview__block--bottom p{ min-height: 4.84em; font-size: var(--fz-12); line-height: calc(20/12); letter-spacing: 1px; text-align: center; }
    .interview__block--bottom span{ display: block; }
    .interview__block--item:nth-child(odd) .interview__block--desc .desc-txt{ margin-left: 15px; }
    .interview__block--item:nth-child(even) .interview__block--bottom{ right: 0; left: auto; }
    .interview__block--item:nth-child(even){ flex-direction: row-reverse; }
    .interview__block--item:nth-child(odd) .interview__block--desc .desc-txt:before {
        content: ' ';
        position: absolute;
        left: -20px;
        bottom: -1px;
        background: url(../../img/recruit/v2/interview_bg.png) no-repeat 0 0 / contain;
        width: 42px; 
        height: 21px;
    }
    .interview__block--item:nth-child(even) .interview__block--desc .desc-txt:after {
        content: ' ';
        position: absolute;
        right: -20px;
        bottom: -1px;
        background: url(../../img/recruit/v2/interview_bg_02.png) no-repeat 0 0 / contain;
        width: 42px; 
        height: 21px;
    }
}

/*
jobs
--------------------------------*/
#jobs{ position: relative; padding: 80px 20px 98px; background-color: #fff; }
.jobs--inner{ position: relative; max-width: 1120px; margin: 0 auto; padding: 0 90px; }
.jobs--title{ font-family: var(--ff-poppins); font-size: 6.4rem; font-weight: 200; font-style: italic; line-height: 1; letter-spacing: 0.01em; color: #707070; }
.jobs__list{ margin: 0 auto; width: 100% }
.jobs__list li{ max-width: 1149px; overflow-y: hidden; overflow-x: hidden; padding: 20px 100px; position: relative; }
.jobs__list li+li{ margin-top: 40px; }
.jobs__list li:before{ z-index: -1; content: ''; position: absolute; left: 50%; top: 0; width: 95%; width: calc(100% - 42px); height: 100%; transform: skew(-13deg) translateX(-50%); background-color: #F6F6F6; border-left: 18px solid #008B35; border-right: 18px solid #008B35; }
.jobs__list li p{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 15px; font-size: 1.4rem; line-height: calc(24 / 14); font-weight: 400; letter-spacing: 2px; color:#000; }
.jobs__list--title{ padding-bottom: 10px; max-width: calc(100% - 200px); font-weight: 400; border-bottom: 1px solid #6F8DB5; }
.jobs__list--title .en{ padding-left: 3px; display: block; font-size: 1.2rem; font-family: var(--ff-poppins); color:#008B35; line-height: calc(18 / 12); letter-spacing: 2px; text-transform: uppercase; }
.jobs__list--title .ja{ display: block; font-size: 2.1rem; font-weight: 400;  line-height: calc(30/21); color: #000000; letter-spacing: 4px; }
.jobs__list--btn{ transition: .2s ease; display: block; padding: 17px 0; font-size: 1.4rem; font-weight: 400; font-weight: 900; line-height: calc(16 / 14); letter-spacing: 2px; color:#008B35; text-align: center; background-color: #E8E8E8; border-radius: 10px; }
.jobs--btn{ transition: .2s ease; display: block; padding: 27.5px 10px; margin: 60px auto 0; width: 364px; font-size: 2.1rem; font-weight: 900; line-height: 1; border:1px solid #EE656D; color:#EE656D; text-align: center; letter-spacing: 2px; border-radius: 10px;; }
.jobs--title-2{ font-size: 2.8rem; font-weight: 700; margin-bottom: 2em; text-align: center; line-height: 1.7em; color:var(--pink); }
.jobs--txt02{ font-size: 1.6rem; font-weight: 400; text-align: center; letter-spacing: 2px; line-height: calc(34/16); color:var(--main-color); }

@media only screen and (min-width: 768px) {
    .jobs--title{ position: absolute; left: -24px; top: 14px; transform-origin:bottom; transform: rotate(-90deg); }
    .jobs__list--btn{ position: absolute; right: 100px; top: 43px; width: 200px; }
    .jobs__list--btn:hover{ color:#fff !important; /*background-color: #EE656D;*/ }
    .jobs--btn:hover{ background-color: #E8E8E8; border-color: #E8E8E8; color:#008B35; }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .jobs__list li{ padding: 20px 70px; }
    .jobs__list--btn{ right: 70px; }
}

@media only screen and (max-width: 767px) {
    #jobs{ padding: 20px 0 20px 0; }
    .jobs--inner{ padding: 0; max-width: calc(100% - 30px); }
    .jobs--title{ font-size: var(--fz-40); }
    .jobs__list{ width: calc(100% + 30px); margin-left: -15px; margin-top: 16px; }
    .jobs__list li{ padding: 30px 45px 29px; }
    .jobs__list li:before{ width: 100%; transform: unset; left: 0; border-width: 15px; }
    .jobs__list li+li{ margin: 0; border-top:1px solid #008B35; }
    .jobs__list li p{ font-size: var(--fz-16); }
    .jobs__list--btn{ padding: 11px 0; margin-top: 30px; font-size: var(--fz-14); border-radius: 10px; }
    .jobs__list--title{ max-width: 100%; }
    .jobs__list--title .en{ font-size: var(--fz-14); }
    .jobs__list--title .ja{ font-size: var(--fz-24); }
    .jobs--btn{ margin-top: 20px; max-width: 360px; width: 100%; }
    .jobs--title-2{ margin-bottom: 1em; font-size: var(--fz-22); }
    .jobs--txt02{ padding-bottom: 2.5em; font-size: var(--fz-14); line-height: calc(34/16); }
}

/* news
---------------------------------------------*/
#news{ padding: 43px 0 60px; background-color: #F6F6F6; }
.news--wrap{ max-width: 620px; margin: 0 auto; padding:0 20px; }
.recruit-news__list{ margin-top: 45px; }
.recruit-news__list li a{ display: flex; flex-wrap: wrap; font-size: 1.4rem; line-height: calc(20 / 14); align-items: flex-start; }
.recruit-news__list li .date{ width: 120px; font-weight: 500; color:#363636; letter-spacing: 2px; }
.recruit-news__list li .title{ width: calc(100% - 120px);  font-weight: 700; color:#000; }
.recruit-news__list li+li{ margin-top: 30px; }
.recruit-news--link{ max-width: 224px; margin: 55px auto 0; }
.recruit-news--link a{ transition: .2s ease; display: block; font-size: 1.2rem; font-weight: 700; text-align: center; line-height: 46px; letter-spacing: 1.60307px; color: #008B35; background-color: #E8E8E8; border:1px solid #E8E8E8; border-radius: 8px; }

@media only screen and (min-width: 768px) {
    .recruit-news--link a:hover{ border-color:#EE656D; color:#EE656D; background-color: #fff; }
}

@media only screen and (max-width: 767px) {
    #news{ padding: 37px 0 35px; }
    #news .page--title{ font-size: 2.4rem; }
    .news--wrap{ padding: 0 30px; }
    .recruit-news__list { margin-top: 30px; } 
    .recruit-news__list li a{ flex-direction: column; }
    .recruit-news__list li .date{ width: 100%; font-size: var(--fz-12); line-height: calc(17/12); }
    .recruit-news__list li .title{ margin-top: 10px; width: 100%; font-size: var(--fz-14); line-height: calc(20/14); }
    .recruit-news__list li+li{ margin-top: 10px; }
    .recruit-news--link{ margin-top: 40px; }
}


/* process
---------------------------------------------*/
#process{ padding: 74px 20px 79px; }
.process--title{ position: relative; padding-bottom: 10px; display: table; margin: 0 auto; font-size: 1.6rem; font-weight: 700; line-height: calc(43/ 30); color: #000000; }
.process--title:after{ content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 75px; height: 4px; background-color: #000; }
.process__list{ display: inline-flex; flex-wrap: wrap; align-items: flex-start; }
.process__list li{ width: 20%; }
.process__list--pht{ max-width: 137px; margin: 0 auto; }
.process__list--txt{ margin-top: 9px; font-size: 1.6rem; font-weight: 700; line-height: calc(23 / 16); text-align: center; color:#000; letter-spacing: 0; }
.process__list--txt small{ display: block; font-size: 1.4rem; font-weight: 400; line-height: calc(25 / 14); letter-spacing: 0.2em; }
.process__list--txt strong{ font-size: 2rem; line-height: calc(29 / 20); }
.process__list--txt span{box-shadow: inset 0 -0.56em 0 0 #FCFF78;}

@media only screen and (min-width: 768px) {
    .process--block{ max-width: 1218px; margin: -26px auto 0; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }
    .process--thumb{ width: 34.9%; }
    .process__list{ padding-bottom: 18px; width: 61.1%; justify-content: space-between; }
    .process__list li:first-child .process__list--txt { width: 160px; }
    
}
@media only screen and (max-width: 1219px) and (min-width: 768px) {
    .process--block{ margin-top: 0; }
    .process__list--txt{ font-size: 1.31255127153vw; }
    .process__list--txt strong{ font-size: 1.64068908942vw; }
    .process__list--txt small{ font-size: 1.14848236259vw; }
    .process__list li:first-child .process__list--txt{ width: 11.0746513536vw; }
}

@media only screen and (max-width: 767px) {
    #process{ padding: 38px 24px 67px; }
    .process--thumb{ margin-top: 32px; }
    .process__list{ margin-top: 41px; justify-content: center; }
    .process__list li{ width: 33.3%; }
    .process__list li:nth-child(1){ margin-left: 10%; }
    .process__list li:nth-child(2){ margin-right: 10%; }
    .process__list li:first-child .process__list--txt{ width: calc(100% + 5px); margin-left: -5px; }
    .process__list li:not(:nth-child(-n+2)){ margin-top: 37px; }
    .process__list--txt{ font-size: var(--fz-11); line-height: calc(13 / 11); }
    .process__list--txt strong{ font-size: var(--fz-18); line-height: calc(22 / 18); }
    .process__list--txt small{ font-size: var(--fz-14); line-height: calc(17 / 14); letter-spacing: 0.2em; }
    .process__list--pht { padding: 0 5.5px; }
}

/* line-socail
---------------------------------------------*/
#line-socail{ padding: 83px 0 65px; position: relative; }
.line-socail--inner{ padding: 0 20px; position: relative; z-index: 1; }
.line-socail--qr{ max-width: calc(207px - (207px * .2)); margin: 54px auto 0; }
.line-socail--desc{ margin-top: 60px; text-align: center; color:#000; }
.line-socail--desc dt{ font-size: 1.6rem; font-weight: 500; line-height: calc(35 / 24); }
.line-socail--desc dd{ max-width: 473px; margin: 34px auto 0; font-size: 1.3rem; font-weight: 400; line-height: calc(35 / 18); }

@media only screen and (min-width: 768px) {
    #line-socail:before {
        content: '';
        position: absolute;
        top: 0;
        left: -1px;
        border-left: calc( 50vw + 1px ) solid transparent;
        border-right: calc( 50vw + 1px ) solid transparent;
        border-bottom: 16.875vw solid rgba(165, 226, 111, .15);
    }
    #line-socail:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 16.875vw);
        background-color: rgba(165, 226, 111, .15);
    }
}

@media only screen and (max-width: 767px) {
    #line-socail{ padding: 39px 30px 42px; background-color: #03C16A; }
    #line-socail .process--title{ padding: 69px 0 11px; background: url(../../img/share/line-menu.png) no-repeat center 0 / 50px auto; }
    .line-socail--inner{ padding: 0; }
    .process--title .en{ font-style: italic; }
    .line-socail--desc-sp{ margin-top: 23px; font-weight: 600; text-align: center; }
    .line-socail--desc-sp dt{ display: inline-block; font-size: var(--fz-21); line-height: normal; color:#000; box-shadow: inset 0 -0.56em 0 0 #FCFF78; }
    .line-socail--desc-sp dd{ max-width: 305px; margin: 17px auto 0; font-size: var(--fz-11); letter-spacing: 0.15em; color:#fff; }
    .line-socail--txt{ margin-top: 19px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: var(--fz-11); font-weight: 600; letter-spacing: 0.08em; line-height: calc(13 / 11); color:#000; text-align: center; }
    .line-socail--txt a{ padding-bottom: 2px; font-size: var(--fz-14); font-weight: 600; color:#000; border-bottom:1px solid #000; }
    .line-socail--btn{ max-width: 270px; margin: 31px auto 0; padding: 13.5px 20px; display: flex; font-weight: 600; flex-wrap: wrap; align-items: center; letter-spacing: 0.05em; border-radius: 30px; color:#000; background: #fff url(../../img/share/arrow-right.png) no-repeat 71px center / 12px auto;  }
    .line-socail--btn .en{ padding: 1px 0; font-style: italic; font-size: var(--fz-14); line-height: calc(17 / 14); border-bottom: 2px solid #000; }
    .line-socail--btn .ja{ margin-left: 50px; font-size: var(--fz-19); line-height: calc(23 / 19); }
}

/*
inquiry
--------------------------*/
#inquiry{ padding: 53px 20px 47px; }
.inquiry--title{ text-align: center; }
.inquiry--title .en{ display: block; font-size: 4rem; font-weight: 400; font-family: var(--ff-grape); line-height: 1; color: #EE656D; letter-spacing: 0; }
.inquiry--title .ja{ margin-top: 6px; display: block; font-weight: 500; font-size: 2.4rem; line-height: calc(38 / 24); letter-spacing: 5px; color: #363636; }
.inquiry--list{ display: flex; flex-wrap: wrap; max-width: 1289px; margin: 40px auto 0; }
.inquiry--list li{ text-align: center; color: #000000; }
.inquiry--list li i{ display: table; margin: 0 auto; height: 60px; }
.inquiry--list-txt{ margin-bottom: 6px; display: block; font-size: 1.4rem; font-weight: 400; line-height: calc(20 / 14); letter-spacing: 0.05em; }
.inquiry--list-txt:nth-last-child(1){ margin-top: 13px; margin-bottom: 0; }
.inquiry--list-num{ font-size: 2.4rem; font-weight: 700; line-height: calc(35 / 24); }
.inquiry--list-email{ font-size: 2rem; font-weight: 700; line-height: calc(29 / 20); letter-spacing: 0.05em; }
.inquiry--list-address{ padding-top: 2px; display: block; font-size: 1.2rem; font-weight: 400; line-height: calc(17 / 12); letter-spacing: 0.08em; }

@media only screen and (min-width: 768px) {
    .inquiry--list{ justify-content: space-between; }
    .inquiry--list li:nth-child(1){ width: 31.8%; }
    .inquiry--list li:nth-child(1) i{ width: 48px; }
    .inquiry--list li:nth-child(2){ width: 33.05%; }
    .inquiry--list li:nth-child(2) i{ width: 31px; }
    .inquiry--list li:nth-child(3){ width: calc(100% - 64.85%); }
    .inquiry--list li:nth-child(3) i{ width: 50px; }
    .inquiry--list li:nth-child(4){ margin-top: 41px; width: 100%; }
}

@media only screen and (max-width: 1219px) and (min-width: 768px) {
    .inquiry--list-email{ font-size: calc((2rem - (2rem * .25))); }
}

@media only screen and (max-width: 767px) {
    #inquiry{ padding: 55px 19px 59px; }
    .inquiry--title .en{ font-size: var(--fz-33); }
    .inquiry--title .ja{ margin-top: 9px; font-size: var(--fz-21); }
    .inquiry--list{ margin-top: 22px; }
    .inquiry--list li:nth-child(1){ order: 2; width: 50%; }
    .inquiry--list li:nth-child(2){ order: 3; width: 50%; }
    .inquiry--list li:nth-child(3){ order:4; width: 100%; margin-top: 24px; }
    .inquiry--list li:nth-child(4){ order:1; width: 100%; margin-bottom: 92px; }
    .inquiry--list li:nth-child(1) i{ width: 48px; }
    .inquiry--list li:nth-child(2) i{ padding-top: 8px; width: 30px; height: 48px; }
    .inquiry--list li i{ margin-bottom: 10px; width: 50px; height: unset; }
    .inquiry--list-txt{ font-size: var(--fz-14); }
    .inquiry--list-address{ font-size: var(--fz-12); }
    .inquiry--list-num{ padding-top: 7px; display: block; font-size: var(--fz-18); line-height: calc(18 / 26); color:#000 !important; }
    .inquiry--list-email{ font-size: var(--fz-18); line-height: calc(26 / 18); }
}

@keyframes mottoShowO {
    0% {
        opacity: 0;
        transform: translate(-32px, 30px) rotate(0deg);
        -webkit-transform: translate(-32px, 30px) rotate(0deg);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0) rotate(0deg);
        -webkit-transform: translate(0, 0) rotate(0deg);
    }
}

@keyframes mottoShowT {
    0% {
        opacity: 0;
        transform: translate(-60px, 81px) rotate(-23deg);
        -webkit-transform: translate(-60px, 81px) rotate(-23deg);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0px) rotate(0deg);
        -webkit-transform: translate(0, 0) rotate(0deg);
    }
}

@keyframes mottoShowT2 {
    0% {
        opacity: 0;
        transform: translate(-85px, 100px) rotate(-25deg);
        -webkit-transform: translate(-85px, 100px) rotate(-25deg);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0px) rotate(0deg);
        -webkit-transform: translate(0, 0) rotate(0deg);
    }
}

@keyframes mottoShowO2 {
    0% {
        opacity: 0;
        transform: translate(-112px, 145px) rotate(-35deg);
        -webkit-transform: translate(-112px, 145px) rotate(-35deg);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0px) rotate(0deg);
        -webkit-transform: translate(0, 0) rotate(0deg);
    }
}