@charset "UTF-8";
/* CSS Document */
html {overflow-x: hidden;overflow-y: auto;}
.billboard-style-02 {height: 60em;background: url("../img/recruit/recruit_mv_img01_pc.webp")no-repeat center/cover;}
.billboard-style-02 img {width: 14em;top: 7em;bottom: auto;}
.billboard-style-02 h2 .sp01 {color: var(--color-09);}
.billboard-style-02 h2::after {text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}
.billboard-style-02 p,
.billboard-style-02 p span {font-weight: 300;}
.billboard-style-02 p {font-size: 437.5%;letter-spacing: 0.2em;width: 70%;max-width: 1500px;margin: 0 auto;position: absolute;top: 20%;left: 50%;transform: translate(-50%,-50%);}
.billboard-style-02 p span {color: var(--color-09);}
.billboard-style-02 p img {width: auto;height: 1em;position: static;}
.block .container h3::after {color: var(--color-09);}
.block-recruit-01 .container:nth-child(1) {padding: 7em 0 12em;position: relative;}
.block-recruit-01 .container:nth-child(1) div:nth-of-type(1) {display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;width: 84%;max-width: 700px;margin: 5em auto 0;padding-right: 2em;position: relative;}
.block-recruit-01 .container:nth-child(1) div:nth-of-type(1) p {line-height: 2;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
.block-recruit-01 .container:nth-child(1) div:nth-of-type(1) p:nth-child(1) {font-size: 150%;font-weight: 600;font-family: "Noto Serif JP", serif;font-optical-sizing: auto;letter-spacing: 0.1em;text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}
.block-recruit-01 .container:nth-child(1) div:nth-of-type(1) p:nth-child(2) {font-size: 106.25%;line-height: 2.4;letter-spacing: 0.1em;}
.block-recruit-01 .container:nth-child(1) .bg01 {display: block;content: '';width: 20%;height: 36em;background: url("../img/recruit/recruit_bg01_pc.webp")no-repeat top right / contain;position: absolute;top: 11em;right: 9em;z-index: -1;opacity: 0;mix-blend-mode: multiply;}
.block-recruit-01 .container:nth-child(1) .bg01.staging {opacity: 1;transition: 0.4s linear 0.1s;}
.block-recruit-02 .container:nth-child(3),
.block-recruit-02 .container:nth-child(2) {text-align: center;}
.block-recruit-02 .container:nth-child(3) h4,
.block-recruit-02 .container:nth-child(2) h4 {color: #fff;font-size: 125%;padding: 2em 0;font-weight: 600;letter-spacing: 0.15em;position: relative;}
.block-recruit-02 .container:nth-child(3) h4::after,
.block-recruit-02 .container:nth-child(2) h4::after {display: block;content: '';width: 100%;height: 100%;background: url("../img/recruit/recruit_img01_pc.svg")no-repeat center/contain;position: absolute;top: 55%;left: 55%;transform: translate(-50%,-50%);z-index: -2;}
.block-recruit-02 .container:nth-child(3) h4::before,
.block-recruit-02 .container:nth-child(2) h4::before {display: block;content: '';width: 104%;height: 104%;background: #fff;position: absolute;top: 55%;right: 0;transform: translate(0,-50%);z-index: -1;}
.block-recruit-02 .container:nth-child(3) h4.staging::before,
.block-recruit-02 .container:nth-child(2) h4.staging::before {width: 0;transition: 0.2s ease-out 0s;}
.block-recruit-02 .container:nth-child(3) p:nth-of-type(1),
.block-recruit-02 .container:nth-child(2) p:nth-of-type(1) {color: var(--color-09);font-size: 112.5%;font-weight: 600;line-height: 1.75;margin-top: 2em;}
.block-recruit-02 .container:nth-child(3) p:nth-of-type(1)::after,
.block-recruit-02 .container:nth-child(2) p:nth-of-type(1)::after {display: block;content: '';width: 3em;height: 7px;margin: 1.25em auto 1.5em;background: var(--color-09);}
.block-recruit-02 .container:nth-child(3) p:nth-of-type(2),
.block-recruit-02 .container:nth-child(2) p:nth-of-type(2) {line-height: 2;position: relative;}
.block-recruit-02 .container:nth-child(2) {position: relative;}
.block-recruit-02 .container:nth-child(3) {margin-top: 5em;position: relative;}
.block-recruit-02 .container:nth-child(4){margin-top: 3em;width: 55%;}
@media only screen and (max-width: 767px) {
  .block-recruit-02 .container:nth-child(4){width: 90%;}
}
.block-recruit-02 .container:nth-child(4) .movie{
	position: relative;
	margin:0 auto;
}
.block-recruit-02 .container:nth-child(4) video { width: 100%;}
.movie .play-btn{
	display: block;
	width: 20%;
	position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit- transform: translateY(-50%) translateX(-50%);
}
.movie .play-btn.playActive{display:none;}
.block-recruit-02 .container .member02,
.block-recruit-02 .container .member01 {display: block;position: absolute;}
.block-recruit-02 .container .member01 {width: 40%;max-width: 27em;position: absolute;right: -1.5em;bottom: 94%;z-index: -2;}
.block-recruit-02 .container .member02 {width: 46%;max-width: 38em;position: absolute;right: -12.5em;bottom: 82%;z-index: -1;}
.block-recruit-02 .container .member04,
.block-recruit-02 .container .member03 {display: block;position: absolute;}
.block-recruit-02 .container .member03 {width: 40%;max-width: 23em;left: -5em;bottom: 132%;}
.block-recruit-02 .container .member04 {width: 40%;max-width: 20em;right: -12em;bottom: -93%;}
.block-recruit-02 .container + .staging strong {display: block;color: var(--color-09);font-size: 133.3%;font-weight: 600;letter-spacing: 0.2em;margin-bottom: 0.8em;}
.block-recruit-03 {margin-top: 9em;}
.block-recruit-03 .container + .container {padding: 20em 0 10em;position: relative;}
.block-recruit-03 .container + .container .imgWrap {position: relative;}
.block-recruit-03 .container + .container .imgWrap figure {position: relative;}
.block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(1) {font-size: 1500%;font-family: "Barlow Condensed", sans-serif;text-align: left;line-height: 0.8;width: 28%;position: absolute;right: 0;bottom: calc(100% - 0.3em);}
.block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(1) p {display: inline-block;font-weight: 600;}
.block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(1) p::after {display: block;content: '';width:
0.2em;height: 5px;margin: 0.1em auto;background: var(--color-09);}
.block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(2) {text-align: center;position: absolute;top: 50%;right: 0;transform: translate(0,-50%);}
.block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(2) p:nth-child(1) {font-size: 500%;font-family: "Barlow Condensed", sans-serif;font-weight: 500;line-height: 1;}
.block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(2) p:nth-child(2) {letter-spacing: 0.1em;text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}
.block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(2) p:nth-child(2) span {color: var(--color-09);}
.block-recruit-03 .container + .container .imgWrap figure img {width: 72%;}
.block-recruit-03 .container + .container .txtWrap {width: 66%;padding: 6em 3em 0 8em;position: relative;}
.block-recruit-03 .container + .container .txtWrap p:nth-child(1) {font-size: 162.5%;font-weight: 600;letter-spacing: 0.2em;line-height: 1.75;white-space: nowrap;text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}
.block-recruit-03 .container + .container .txtWrap p:nth-child(2) {margin-top: 3em;}
.block-recruit-03 .container + .container .txtWrap p + p {font-size: 93.75%;line-height: 2;}
.block-recruit-03 .container + .container .txtWrap p + p strong {display: block;color: var(--color-09);font-size: 133.3%;font-weight: 600;letter-spacing: 0.2em;margin-bottom: 0.5em;}
.block-recruit-03 .container + .container .txtWrap p + p::after {display: block;content: '';width: 4em;height: 6px;background: #000;margin: 2em 0;}
.block-recruit-03 .container + .container .txtWrap p:nth-child(5)::after,
.block-recruit-03 .container + .container .txtWrap p:nth-child(4)::after {display: none;}
.block-recruit-03 .container + .container .txtWrap p:nth-child(4)::before {display: block;content: '';width: 14em;height: 20em;margin: 0;background: #aaa;position: absolute;right: -20em;bottom: 0;}
.block-recruit-03 .container + .container .txtWrap p:last-child {color: var(--color-09);font-size: 93.75%;font-weight: 500;line-height: 2;padding: 1.75em 1.5em;border: 7px solid #000;box-sizing: border-box;width: 19em;position: absolute;top: -6em;left: calc(100% +  3em);}
.block-recruit-03 .container + .container .txtWrap p:last-child strong {font-size: 187.5%;font-family: "Barlow Condensed", sans-serif;font-style: italic;font-weight: 500;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;line-height: 0.8;letter-spacing: 0;position: absolute;top: 0.5em;left: calc(100% + 6px);z-index: 1;}
.block-recruit-03 .container:nth-child(2) > div {position: relative;}
.block-recruit-03 .container:nth-child(2) .imgWrap figure figcaption:nth-child(1) {padding-left: 0.2em;}
.block-recruit-03 .container:nth-child(2) .imgWrap figure figcaption:nth-child(1) p::after {transform: translateX(0.03em);}
.block-recruit-03 .container:nth-child(2) .imgWrap figure figcaption:nth-child(2) {right: -16%;}
.block-recruit-03 .container:nth-child(2) .txtWrap p:nth-child(4)::before {background: url("../img/recruit/recruit_img01_02_pc.webp")no-repeat center/cover;}
.block-recruit-03 .container:nth-child(3) {padding-top: 15em;}
.block-recruit-03 .container:nth-child(3) > div {position: relative;}
.block-recruit-03 .container:nth-child(3) .imgWrap figure figcaption:nth-child(1) {text-align: right;padding-right: 0.2em;left: 0;right: auto;}
.block-recruit-03 .container:nth-child(3) .imgWrap figure figcaption:nth-child(1) p span {font-weight: 600;filter: brightness(0) invert(1);}
.block-recruit-03 .container:nth-child(3) .imgWrap figure figcaption:nth-child(2) {text-align: left;left: 0;right: auto;}
.block-recruit-03 .container:nth-child(3) .imgWrap figure figcaption:nth-child(2) p:nth-child(2) {text-indent: 0.4em;}
.block-recruit-03 .container:nth-child(3) .imgWrap figure img {margin: 0 0 0 auto;}
.block-recruit-03 .container:nth-child(3) .txtWrap {margin: 0 0 0 auto;}
.block-recruit-03 .container:nth-child(3) .txtWrap p:nth-child(4)::before {background: url("../img/recruit/recruit_img02_02_pc.webp")no-repeat center/cover;right: auto;left: -20em;}
.block-recruit-03 .container:nth-child(3) .txtWrap p:last-child {left: auto;right: calc(100% + 3em);z-index: -1;}
.block-recruit-03 .container:nth-child(3) .txtWrap p:last-child strong {left: auto;right: calc(100% + 6px);transform: rotate(180deg);}
.block-recruit-03 .container:nth-child(3) .imgWrap figure figcaption:nth-child(1)::after {display: block;content: '';width: 200%;height: 220%;background: url("../img/recruit/recruit_bg04_pc.webp")no-repeat left bottom/contain;position: absolute;top: 24%;left: 96%;transform: translate(-50%,-50%);z-index: -1;}
.block-recruit-03 .container:nth-child(4) {padding: 15em 0;}
.block-recruit-03 .container:nth-child(4) > div {position: relative;}
.block-recruit-03 .container:nth-child(4) .imgWrap figure figcaption:nth-child(1) {padding-left: 0.2em;}
.block-recruit-03 .container:nth-child(4) .imgWrap figure figcaption:nth-child(2) {text-align: right;}
.block-recruit-03 .container:nth-child(4) .txtWrap p:nth-child(4)::before {background: url("../img/recruit/recruit_img03_02_pc.webp")no-repeat center/cover;}
.block-recruit-04 {padding-bottom: 10em;}
.block-recruit-04 a {display: block;font-size: 625%;font-family: "Barlow Condensed", sans-serif;text-align: center;line-height: 2;width: 8.4em;margin: 0 auto;background: var(--color-09);box-sizing: border-box;position: relative;transition: 0.4s;}
.block-recruit-04 a::after {display: block;content: '';width: 100%;height: 100%;background: url("../img/common/common_bg02_pc.webp") no-repeat center/cover;position: absolute;top: 0;left: 0;mix-blend-mode: multiply;}
.block-recruit-04 a span {color: #fff;position: relative;z-index: 100;}


/* bg-animation */
.block-recruit-03 .container:nth-child(2) .bg01 {width: 1200px;height: 1200px;background: url(../img/recruit/recruit_bg02_pc.webp)no-repeat top right/contain;position: absolute;top: -300px;right: 23%;z-index: -1;}
.block-recruit-03 .container:nth-child(2) .bg01::after {display: block;content: '';width: 170%;height: 60%;background: #fff;position: absolute;top: 79%;left: -9%;z-index: 1;transform: rotate(-45deg);transform-origin: left;}
.block-recruit-03 .container:nth-child(2) .bg01.staging::after {animation: customEase1 1s 1 forwards;}
@keyframes customEase1 {
  0% {width: 170%;animation-timing-function: linear;}
  25% {width: 90%;animation-timing-function: cubic-bezier(0.42, 0, 1, 1);}
  50% {width: 90%;animation-timing-function: cubic-bezier(0.42, 0, 1, 1);}
  75% {width: 90%;animation-timing-function: cubic-bezier(0.42, 0, 1, 1);}
  100% {width: 0%;animation-timing-function: cubic-bezier(0.58, 0, 1, 1);}
}
.block-recruit-03 .container:nth-child(2) .bg02 {width: 1500px;height: 783px;background: url(../img/recruit/recruit_bg03_pc.webp)no-repeat left bottom/contain;position: absolute;left: 80%;bottom: 0;z-index: -1;transform: translateY(55%);}
.block-recruit-03 .container:nth-child(2) .bg02::after {display: block;content: '';width: 110%;height: 110%;background: #fff;position: absolute;top: -5%;left: -5%;z-index: 1;}
.block-recruit-03 .container:nth-child(2) .bg02.staging::after {width: 0%;transition: 0.4s;}
.block-recruit-03 .container:nth-child(3) .imgWrap figure figcaption:nth-child(1)::after {display: block;content: '';width: 200%;height: 220%;background: url("../img/recruit/recruit_bg04_pc.webp")no-repeat left bottom/contain;position: absolute;top: 24%;left: 96%;transform: translate(-50%,-50%);z-index: -2;}
.block-recruit-03 .container:nth-child(3) .imgWrap figure figcaption:nth-child(1)::before {display: block;content: '';width: 220%;height: 180%;background: #fff;position: absolute;top: 38%;left: -9%;z-index: -1;transform: rotate(-45deg);transform-origin: left;}
.block-recruit-03 .container:nth-child(3) .imgWrap figure figcaption.staging:nth-child(1)::before {width: 0;transition: 0.4s;}
.block-recruit-03 .container:nth-child(3) .bg01 {width: 1000px;height: 1200px;background: url(../img/recruit/recruit_bg05_pc.webp)no-repeat right bottom/contain;position: absolute;right: 95%;bottom: 10%;z-index: -2;transform: translateY(55%);}
.block-recruit-03 .container:nth-child(3) .bg01::after {display: block;content: '';width: 110%;height: 110%;background: #fff;position: absolute;top: -5%;right: -5%;z-index: -1;}
.block-recruit-03 .container:nth-child(3) .bg01.staging::after {width: 0;transition: 0.4s;}
.block-recruit-03 .container:nth-child(4) .bg01 { width: 1100px;height: 1100px;background: url(../img/recruit/recruit_bg06_pc.webp) no-repeat right bottom / contain;position: absolute;top: -14%;right: 62%;z-index: -2;transform: rotate(5deg);}
.block-recruit-03 .container:nth-child(4) .bg01::after {display: block;content: '';width: 90%;height: 31%;background: linear-gradient(to left,#fff,#fff,#fff,#fff,#fff,transparent);position: absolute;top: 22%;left: 18%;z-index: -1;transform: rotate(-23deg);transform-origin: left;}
.block-recruit-03 .container:nth-child(4) .bg01.staging::after {width: 0;transition: 0.4s;}
.block-recruit-03 .container:nth-child(4) .bg01::before {display: block;content: '';width: 100%;height: 31%;background: #fff;position: absolute;top: 81%;right: 25%;z-index: -1;transform: rotate(49deg);transform-origin: right;}
.block-recruit-03 .container:nth-child(4) .bg01.staging::before {width: 0;transition: 0.4s ease-out 0.3s;}
.block-recruit-03 .container:nth-child(4) .bg02 {width: 2000px;height: 1500px;background: url(../img/recruit/recruit_bg07_pc.webp) no-repeat left bottom / contain;position: absolute;left: 65%;bottom: -15%;z-index: -2;transform: translateY(55%);}
.block-recruit-03 .container:nth-child(4) .bg02::after {display: block;content: '';width: 110%;height: 110%;background: #fff;position: absolute;top: -5%;left: -5%;z-index: 1;}
.block-recruit-03 .container:nth-child(4) .bg02.staging::after {width: 0%;transition: 0.4s;}
/* bg-animation-END */
@media only screen and (max-width: 2000px) {
  .billboard-style-02 p {font-size: 400%;}
}
@media only screen and (max-width: 1800px) {
  .block-recruit-01 .container:nth-child(1) .bg01 {right: 4em;}
}
@media only screen and (max-width: 1600px) {
  .billboard-style-02 h2 {font-size: 15vw;}
  .block-recruit-03 .container:nth-child(2) .imgWrap figure figcaption:nth-child(2) {right: 0;}
  .block-recruit-03 .container:nth-child(2) .imgWrap figure figcaption:nth-child(2) p:nth-child(2) {text-align: right;}
}
@media only screen and (max-width: 1500px) {
  .billboard-style-02 {height: 60vw;}
  .billboard-style-02 p {font-size: 4vw;top: 4em;}
  .block-recruit-01 .container:nth-child(1) .bg01 {height: 28em;top: 6em;right: 3em;}
}
@media only screen and (max-width: 1400px) {
  .block-recruit-02 .container .member01 {width: 30%;right: -4em;}
  .block-recruit-02 .container .member02 {width: 36%;right: -8.5em;}
  .block-recruit-02 .container .member03 {width: 28%;}
  .block-recruit-02 .container .member04 {width: 30%;}
  .block-recruit-03 .container + .container .txtWrap {padding: 3em 3em 0 0;}
  .block-recruit-03 .container + .container .txtWrap p:nth-child(1) {white-space: normal;letter-spacing: 0.1em;}
  .block-recruit-03 .container + .container .txtWrap p:nth-child(1) br {display: none;}
  .block-recruit-03 .container + .container .txtWrap p:last-child {width: 100%;margin-top: 4em;padding: 1em;position: relative;top: 0;left: 0;}
  .block-recruit-03 .container + .container .txtWrap p:last-child strong {-ms-writing-mode: lr-tb;writing-mode: horizontal-tb;white-space: nowrap;text-align: right;top: -1em;left: auto;right: 0.5em;transform: none;}
  .block-recruit-03 .container + .container .imgWrap {padding-bottom: 3em;}
  .block-recruit-03 .container + .container .imgWrap figure img {width: 100%;}
  .block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(1) {color: #fff;text-align: right;line-height: 0.6;top: 0;left: auto;right: 0.1em;bottom: auto;}
  .block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(1) p::after {display: none !important;}
  .block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(2) {color: #fff;text-align: center;top: auto;left: 0;right: 0;bottom: -2.4em;transform: none;}
  .block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(2) p:nth-child(2) {color: #000;font-size: 125%;font-weight: 600;text-align: center;}
  .block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(2) p:nth-child(2) span {font-size: 70%;font-weight: 600;}
  .block-recruit-03 .container + .container .txtWrap p:nth-child(4)::before {width: calc(51.5% - 3em);height: 31em;top: 3.5em;bottom: auto;left: calc(100% + 3em);right: auto;}
  .block-recruit-03 .container:nth-child(2) {padding-top: 10em;}
  .block-recruit-03 .container:nth-child(2) .bg02 {width: 1100px;height: 600px;left: 54%;bottom: 0;z-index: -1;transform: translateY(41%);}
  .block-recruit-03 .container:nth-child(3) {padding-top: 5em;}
  .block-recruit-03 .container:nth-child(3) .imgWrap figure figcaption:nth-child(1) {padding-right: 0;}
  .block-recruit-03 .container:nth-child(3) .imgWrap figure figcaption:nth-child(1)::after {display: none;}
  .block-recruit-03 .container:nth-child(3) .txtWrap p:nth-child(4)::before {left: auto;right: calc(100% + 3em);}
  .block-recruit-03 .container:nth-child(3) .bg01 {width: 600px;height: 700px;right: 82%;bottom: 14%;transform: translateY(55%);}
  .block-recruit-03 .container:nth-child(4) {padding: 5em 0;}
  .block-recruit-03 .container:nth-child(4) .bg01 {width: 800px;height: 800px;top: -10%;right: 55%;}
  .block-recruit-03 .container:nth-child(4) .bg02 {width: 1400px;height: 1000px;left: 62%;bottom: 17%;}
  .block-recruit-04 a {font-size: 400%;}
}
@media only screen and (max-width: 1200px) {
  .billboard-style-02 h2::after {left: calc(50% - 2em);}
  .block-recruit-01 .container:nth-child(1) .bg01 {top: -22em;right: 3em;z-index: 1;}
}
@media only screen and (max-width: 1100px) {
  .block-recruit-01 .container:nth-child(1) {padding: 1em 0 2em;}
  .block-recruit-01 .container:nth-child(1) div:nth-of-type(1) {display: block;text-align: center;}
  .block-recruit-01 .container:nth-child(1) div:nth-of-type(1) p {-ms-writing-mode: lr-tb;writing-mode: horizontal-tb;}
  .block-recruit-01 .container:nth-child(1) div:nth-of-type(1) p:nth-child(1) {color: var(--color-09);line-height: 2;}
  .block-recruit-01 .container:nth-child(1) div:nth-of-type(1) p:nth-child(2) {text-align: left;line-height: 2;margin-top: 2em;}
  .block-recruit-01 .container:nth-child(1) div:nth-of-type(1) p:nth-child(2) br {display: none !important;}
  .block-recruit-02 .container .member01 {bottom: 69%;}
  .block-recruit-02 .container .member02 {bottom: 61%;}
  .block-recruit-02 .container .member03 {left: -6em;bottom: 140%;}
  .block-recruit-02 .container .member04 {right: -8em;bottom: -50%;}
  .block-recruit-02 .container + .staging strong{font-size: 0.8em; margin-bottom: 1em;}
  .block-recruit-02 .container:nth-child(3) p:nth-of-type(2) br.sp,
  .block-recruit-02 .container:nth-child(2) p:nth-of-type(2) br.sp,
  .block-recruit-02 .container:nth-child(3) p:nth-of-type(1) br.sp,
  .block-recruit-02 .container:nth-child(2) p:nth-of-type(1) br.sp {display: block !important;}
  .block-recruit-02 .container:nth-child(4) {font-size: 150%;line-height: 0;margin-top: 2em;position: relative;}
  .block-recruit-02 .container:nth-child(4) p {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
  .block-recruit-02 .container:nth-child(4) p.staging{ position: relative;}
  .block-recruit-03 {margin-top: 5em;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {}
@media only screen and (min-width: 768px) {
  .block-recruit-03 .container:nth-child(1)::after {display: block;content: '';width: 100%;height: 35em;background: url("../img/recruit/recruit_img00_pc.webp")no-repeat center/cover;}
  .block-recruit-04 a:hover {opacity: 0.7;transition: 0.4s;}
}
@media only screen and (max-width: 767px) {
  .billboard-style-02 {margin-bottom: 12em;}
  .billboard-style-02 {height: 37em;background: url("../img/recruit/recruit_mv_img01_sp.webp")no-repeat center/cover;mix-blend-mode: multiply;}
  .billboard-style-02 p {display: none;}
  .block-recruit-01 .container:nth-child(1) div:nth-of-type(1) {margin-top: 2em;padding-right: 0;}
  .block-recruit-01 .container:nth-child(1) div:nth-of-type(1) p:nth-child(1) {font-size: 112.5%;font-family: "Noto Sans JP", sans-serif;letter-spacing: 0.1em;}
  .block-recruit-01 .container:nth-child(1) div:nth-of-type(1) p:nth-child(2) {font-size: 93.75%;letter-spacing: 0;margin-top: 1em;}
  .block-recruit-01 .container:nth-child(1) .bg01 {width: 40%;top: -18em;right: 1em;}
  .block-recruit-02 .container:nth-child(3) h4,
  .block-recruit-02 .container:nth-child(2) h4 {font-size: 112.5%;letter-spacing: 0;text-align: left;padding: 1em 0 1em 2.5em;margin-left: -8vw;width: 100vw;}
  .block-recruit-02 .container:nth-child(3) h4 span,
  .block-recruit-02 .container:nth-child(2) h4 span {display: none;}
  .block-recruit-02 .container:nth-child(3) p:nth-of-type(1),
  .block-recruit-02 .container:nth-child(2) p:nth-of-type(1) {font-size: 100%;text-align: left;margin-top: 1.5em;}
  .block-recruit-02 .container:nth-child(3) p:nth-of-type(2),
  .block-recruit-02 .container:nth-child(2) p:nth-of-type(2) {text-align: left;}
  .block-recruit-02 .container:nth-child(3) p:nth-of-type(1)::after,
  .block-recruit-02 .container:nth-child(2) p:nth-of-type(1)::after {height: 5px;margin: 1.25em auto;}
  .block-recruit-02 .container:nth-child(3) {margin-top: 2.5em;}
  .block-recruit-02 .container:nth-child(3) p:nth-of-type(1) {padding-bottom: 8em;}
  .block-recruit-02 .container:nth-child(3) p:nth-of-type(1) br,
  .block-recruit-02 .container:nth-child(3) p:nth-of-type(1) br.sp {display: none !important;}
  .block-recruit-02 .container:nth-child(3) p:nth-of-type(2) {text-align: left;margin-top: -8em;}
  .block-recruit-02 .container:nth-child(3) p:nth-of-type(2) br,
  .block-recruit-02 .container:nth-child(3) p:nth-of-type(2) br.sp,
  .block-recruit-02 .container:nth-child(2) p:nth-of-type(2) br,
  .block-recruit-02 .container:nth-child(2) p:nth-of-type(2) br.sp {display: none !important;}
  .block-recruit-02 .container:nth-child(4) {margin-top: 4em;}
  .block-recruit-02 .container .member01 {width: 49%;right: -2em;bottom: 70%;z-index: 1;}
  .block-recruit-02 .container .member02 {width: 62%;height: 13em;right: -6em;bottom: 67%;z-index: 1;overflow: hidden;}
  .block-recruit-02 .container .member03 {width: 51%;height: 58vw;padding-right: 1em;margin-left: -1em;position: static;z-index: 1;float: left;}
  .block-recruit-02 .container .member04 {width: 45%;height: 19em;right: -4em;bottom: -55.5%;overflow: hidden;}
  .block-recruit-03 .container + .container .imgWrap {padding-bottom: 1em;width: 92vw;}
  .block-recruit-03 .container + .container .txtWrap {width: 100%;padding: 3em 0 0;}
  .block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(1) {font-size: 900%;}
  .block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(1) p {font-weight: 500;}
  .block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(2) p:nth-child(1) {font-size: 312.5%;white-space: nowrap;text-align: left;padding-left: 0.2em;}  
  .block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(2) p:nth-child(2) {padding-right: 8vw;}
  .block-recruit-03 .container + .container .imgWrap figure figcaption:nth-child(2) p:nth-child(2) span {font-size: 80%;}
  .block-recruit-03 .container + .container .txtWrap p:nth-child(1) {font-size: 112.5%;}
  .block-recruit-03 .container + .container .txtWrap p:nth-child(2) {font-size: 100%;margin-top: 1.25em}
  .block-recruit-03 .container + .container .txtWrap p:nth-child(4)::before {position: static;width: 70vw;height: 45vw;margin: 0 0 1.5em -8vw;}
  .block-recruit-03 .container + .container .txtWrap p + p {margin-top: 1.5em;}
  .block-recruit-03 .container + .container .txtWrap p + p strong {font-size: 112.5%;letter-spacing: 0.1em;}
  .block-recruit-03 .container + .container .txtWrap p + p::after {display: none;}
  .block-recruit-03 .container + .container .txtWrap p:last-child {margin-top: 3em;border-color: #c9c9c9;}
  .block-recruit-03 .container + .container .txtWrap p:last-child strong {top: -1.05em;}  
  .block-recruit-03 .container:nth-child(1)::before {display: block;content: '';width: 100%;height: 12em;margin-bottom: 2em;background: url("../img/recruit/recruit_img00_pc.webp")no-repeat center/cover;}
  .block-recruit-03 .container:nth-child(2) {padding: 5em 0 6em;}
  .block-recruit-03 .container:nth-child(2) .txtWrap p:nth-child(4)::before {background: url("../img/recruit/recruit_img01_02_sp.webp")no-repeat center/cover;}
  .block-recruit-03 .container:nth-child(2) .bg01 {width: 170%;height: 53em;top: -82%;right: 6%;transform: rotate(5deg);}
  .block-recruit-03 .container:nth-child(2) .bg01::after {top: 50%;}
  .block-recruit-03 .container:nth-child(2) .bg02 {width: 45%;height: 20em;background: url(../img/recruit/recruit_bg05_pc.webp) no-repeat center / contain;left: 81%;bottom: 0;transform: translateY(-150%) scaleX(-1);}
  .block-recruit-03 .container:nth-child(3) {padding: 5em 0;}
  .block-recruit-03 .container:nth-child(3) .imgWrap figure figcaption:nth-child(1) {text-align: left;left: calc(-8vw + 0.1em);right: auto;}
  .block-recruit-03 .container:nth-child(3) .imgWrap figure img {margin-left: -8vw;}
  .block-recruit-03 .container:nth-child(3) .imgWrap figure figcaption:nth-child(2) p:nth-child(1) {text-align: right;padding: 0 1em 0 0;}
  .block-recruit-03 .container:nth-child(3) .txtWrap p:nth-child(1) br {display: block;}
  .block-recruit-03 .container:nth-child(3) .txtWrap p:nth-child(4) {position: relative;}
  .block-recruit-03 .container:nth-child(3) .txtWrap p:nth-child(4)::before {margin: 0 0 1.5em;transform: translateX(22vw);background: url("../img/recruit/recruit_img02_02_sp.webp")no-repeat center/cover;}
  .block-recruit-03 .container:nth-child(3) .bg02 {width: 119%;height: 16em;background: url(../img/recruit/recruit_bg03_pc.webp) no-repeat left bottom / 160%;position: absolute;right: -8vw;bottom: 39em;z-index: -1;}
  .block-recruit-03 .container:nth-child(3) .bg02::after {display: block;content: '';width: 110%;height: 110%;background: #fff;position: absolute;top: 50%;left: 0;transform: translate(0,-50%);}
  .block-recruit-03 .container:nth-child(3) .bg02.staging::after {width: 0;transition: 0.4s;}
  .block-recruit-03 .container:nth-child(3) .bg01 {width: 168%;height: 37em;background: url(../img/recruit/recruit_bg06_pc.webp) no-repeat center / contain;right: 7%;bottom: 100%;transform: translateY(58%) scaleX(-1);}
  .block-recruit-03 .container:nth-child(4) {padding: 5em 0 10em;}
  .block-recruit-03 .container:nth-child(4) .imgWrap figure figcaption:nth-child(2) {bottom: -2.8em;}
  .block-recruit-03 .container:nth-child(4) .imgWrap figure figcaption:nth-child(2) p:nth-child(1) {text-indent: -1em;line-height: 0.8;padding: 0 0 0.25em 1em;}
  .block-recruit-03 .container:nth-child(4) .imgWrap figure figcaption:nth-child(2) p:nth-child(1) span:nth-of-type(2) {display: block;text-align: right;padding-right: 0.5em;}
  .block-recruit-03 .container:nth-child(4) .txtWrap p:nth-child(4)::before {background: url(../img/recruit/recruit_img03_02_sp.webp) no-repeat center / cover;}
  .block-recruit-03 .container:nth-child(4) .bg01 {width: 93vw;height: 18em;background: url(../img/recruit/recruit_bg04_pc.webp) no-repeat left top / contain;top: -9.5em;transform: scaleX(-1);left: auto;right: -18vw;}
  .block-recruit-03 .container:nth-child(4) .bg01::before {display: none;}
  .block-recruit-03 .container:nth-child(4) .bg01::after {height: 21em;background: #fff;top: 26%;left: auto;right: 23%;transform: rotate(45deg);transform-origin: right;}
  .block-recruit-03 .container:nth-child(4) .bg02 {width: 280vw;height: 30em;left: -210vw;bottom: -29.5em;transform: scaleX(-1);}
  .block-recruit-03 .container:nth-child(4) .bg03 {width: 38vw;height: 20em;background: url(../img/recruit/recruit_bg05_pc.webp) no-repeat left bottom / contain;position: absolute;right: -23vw;bottom: 30em;z-index: -1;transform: scaleX(-1);}
  .block-recruit-03 .container:nth-child(4) .bg03::after {display: block;content: '';width: 110%;height: 110%;background: #fff;position: absolute;top: -5%;rigth: -5%;}
  .block-recruit-03 .container:nth-child(4) .bg03.staging::after {width: 0;transition: 0.4s;}
  .block-recruit-04 {padding-bottom: 6em;}
  .block-recruit-04 a {font-size: 250%;line-height: 2.75;width: 100%;max-width: 7em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}