@charset "UTF-8";
/* =====================
  MV
===================== */
.mv-wrapper::after {
    background-image: url(../../img/recruit/mv/01_2x.png);
}

/* =====================
  募集メッセージ
===================== */
.article[data-id="1"] {
    padding-top: 8.5vw;
    padding-bottom: 8vw;
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    background-image: url(../../img/recruit/article01/bg01_2x.png);
}
.article[data-id="1"] .inner {
    width: 92vw;
    position: relative;
    z-index: 1;
}
.article[data-id="1"] .inner::before {
    display: block;
    content: "";
    width: 100%;
    aspect-ratio: 1/.715;
    background-repeat: no-repeat;
    background-position: center 10%;
    background-size: cover;
    background-image: url(../../img/recruit/article01/01.png);
}
.article[data-id="1"] .recruit-head1{
    overflow: hidden;
    padding-top: .8em;
    margin-bottom: -6.5vw;
}
.article[data-id="1"] .recruit-head1 span{
    font-size: 5.33333333vw;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    padding: 0.55em .7em .65em;
    white-space: nowrap;
    position: relative;
}
.article[data-id="1"] .recruit-head1 span::after{
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAaCAYAAABLlle3AAAD/0lEQVRIiZVWfWiVVRj/nel2b3rHCPMjtOTeQbVybELZXLYyxNsy+iDNj4ahbZWQJIOgwISG/xRx/QCpmEQf64+4SjOc24QS58c+HKat1TK2MdFqgaI23Xbvtid+L+ess/e+98MD77nPe8/5vb/n4zzPc5SIIMOxEMBApputkYDLygC0HcARAOcBRAHMz5BsK4AmjeNvweQKLfWyVkRCIhIVkWt8Bm9cvaHlaComEZkvIt964NpFZLrD5UUqIs+LyN8GtPngnnhw37YJ6wNbkxAWiEgP9wyNDl+vPlwbQ6RSfr7cO6Rx28mV4F4SAvgSgP9oT2dOydc1gc8Huqb3jw6pD1sO+vW2CmrtJgRwDMC81v5fswv3v5cbudCezbXdbYd9ettbAEJZLuCTmhB7T9T7w42f3UEys86PdP3ZR7L7ASz1IHQULa3fNcPGUWn+z3UAJVkWkAfkU8pfdBz1v93Z4INrBH2BhOCLSADAHkNIRdPhbBdFjGs2nYomEG5eWDi299nXb83M8fMDvwNotXBL+q/8Nc2L8IW5+eOR8KvDwVl3jwMYAdBmSOnW8M3YiHqlsTYBWFP4VOz9FeuH9WszgGql1BhPOIDn+GfFoX0zvAjrVm+7qRXtAPAmgD7j3i2coudafHYsjIUW4cdKqbVKqcv6/V3j1tPXB7NSEB5QSq0kIXRxCBkrazobc9yxoEstwp0uY0o5fXC6PiEcdKlFWGmvkXQZhVN9v2S7rdzxcHlMA5vdhPqkL2As3VYyHDqGHW5CQ+po237pj2nuxWcKHolp8RP3mlH2eG9XtnthRX7RmBbrPHAOaSGFs/8MTCGla+fk3jkB4F8AG7Rl9nCUPXGpJ0HZpcEH41pcJSIbvUgfolA/2DsFvHxecFyLuQBe5hYR2W9tyeN0deTWlJC4cjLMOkOczmdnsLVdc4RdVXlerijNmztRtagsvqa4bNQ+GOlwJN9035J4ddmLIwYHoBKZtDYeEhaLigO7Z/KEA1gtIovT4Xgod3T9mLOybmfA4ABszIjUDLq/6bczJqVWZYqj0pGW70yjWHZbpBxHen8yFYyHqBu6CKTDNV3stnEOaRt05bkdBQBc5BTKu2si3UYrjxcY0nMUimbfm1Zj97c4hfOL0ypreaPbkDrdYl3xE7GUSBaL/MWGgIQNFB4LLYp7tTx7LL/nARvnkB6ii1kImsvfGE4GpLYvFT0+ql8blFIs3s1Mh2/Kq5LimHKvPfq0wZ2EzlPom5rT+dlPP2r93meKhUe+1Sql3sH/jf8H9mHeKHgt4S0hCW4yTycvZvalKsXDymJjDI43vXS4gMG4L9uzdI/k0XbKo669JoZfJfEirSOOeViSEgfgP5+hfxyGSh3EAAAAAElFTkSuQmCC");
    width: 4.66666666vw;
    height: 4.13333333vw;
}
.article[data-id="1"] .recruit-head1 span:nth-child(1){
    width: 100%;
}
.article[data-id="1"] .recruit-head1 span:nth-child(1)::after{
    top: -.5em;
    left: 0;
}
.article[data-id="1"] .recruit-head1 span:nth-child(2){
    padding-right: .8em;
}
.article[data-id="1"] .recruit-head1 span:nth-child(2)::after{
    top: -.25em;
    right: 0;
    transform: rotate(180deg);
}
.article[data-id="1"] .recruit-head1 span + span{
    margin-top: .5em;
}
.article[data-id="1"] .unit{
    background-color: #fff;
    padding: 6vw 4vw 5vw;
    box-shadow: 0px 7px 46.06px 2.94px rgba(134, 134, 134, 0.18);
}
.article[data-id="1"] .recruit-head2{
    font-size: 4.26666666vw;
    font-weight: 500;
    margin-bottom: 3.5vw;
}

/* ==== Grid処理 ==== */
.article[data-id="1"] .inner {
    display: -ms-grid;
    display: grid;
}
.article[data-id="1"] .recruit-head1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    display: -ms-grid;
    display: grid;
    justify-items: start;
}

/* 募集要項非表示のとき */
.article[data-id="1"].pb {
    padding-bottom: 52vw;
}

/* =====================
  募集要項
===================== */
.article[data-id="2"] {
    overflow: hidden;
    padding-top: 12.5vw;
    padding-bottom: 59.5vw;
}
.article[data-id="2"] .inner{
    width: 92vw;
}
.article[data-id="2"] .single-head2{
    margin-bottom: 7vw;
}
.article[data-id="2"] .single-head2::before {
    margin-bottom: 1vw;
}
.article[data-id="2"] .single-head2::after {
    margin-top: -7vw;
    margin-left: -.35em;
}
.article[data-id="2"] .button{
    margin-top: 12.5vw;
}

/* =====================
  パララックス
===================== */
.article[data-id="1"] .inner::before,
.article[data-id="1"] .recruit-head1,
.article[data-id="1"] .unit {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 1000ms cubic-bezier(0.22, 1, 0.36, 1);
}
.article[data-id="1"] .inner::before {
    transition-delay: 250ms;
}
.article[data-id="1"] .unit {
    transition-delay: 500ms;
}
.article[data-id="1"] .inner.on::before,
.article[data-id="1"] .inner.on .recruit-head1,
.article[data-id="1"] .inner.on .unit {
    opacity: 1;
    transform: translateX(0);
}