@charset "UTF-8";
/* =====================
  mv
===================== */
.main .mv {
    background: var(--black);
    padding-top: 64.966667vw;
    position: relative;
}
.main .mv .mv-bg {
    background-image: url('/assets/image/recruit/recruit_bg_2x.png');
    min-height: 66.8vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 2;
}
.main .mv h1 {
    font-family: var(--mincho);
    font-size: 10.666666666666666vw;
    color: var(--white);
    margin-top: 3.4vw;
    padding-inline: 4.666666666666667vw;
    position: relative;
    z-index: 2;
    line-height: 1;
}
.main .about {
    padding-inline: 4.666666666666667vw;
    margin-top: 28vw;
    margin-inline: auto;
    position: relative;
    z-index: 2;
}
.main .about::before {
    content: attr(data-text);
    display: block;
    font-family: var(--mincho);
    font-size: 13.333333333333334vw;
    color: var(--white);
    position: absolute;
    top: -8vw;
    opacity: 0.08;
    left: 50%;
    transform: translateX(-50%);
}
.main .about::after {
    content: '';
    background-image: url('/assets/image/recruit/book.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 21.333333333333332vw;
    height: 25.866666666666667vw;
    display: block;
    position: absolute;
    right: 8vw;
    top: -24vw;
    opacity: 0.5;
}
.main .mv .about-wrapper {
    padding-top: 10.666666666666666vw;
}
.main .mv .about p {
    color: var(--white);
    padding-top: 5.68vw;
    line-height: 1.85;
}
.main .mv .kv01 {
    margin-inline: auto;
    padding-top: 6vw;
    width: 65.33333333333333vw;
}
.main .mv .kv02-pc {
    display: none;
}
.main .mv .kv02-sp {
    width: 32.266666666666666vw;
    margin-top: 8vw;
    margin-left: 14.933333333333334vw;
}
.main .about-container {
    position: relative;
    background-image: linear-gradient(-180deg, transparent 50%, var(--red) 50.1%);
}
.bg {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('/assets/image/common/bg.png');
    width: 100%;
    height: 230.9vw;
    transform: skewY(-10deg);
}

/* =====================
  会社概要
===================== */
.recruit {
    background: var(--red);
    color: var(--white);
    padding-top: 26vw;
    padding-bottom: 26.133333333333333vw;
    padding-inline: 4.666666666666667vw;
}
.recruit .requirements::before {
    content: attr(data-text);
    display: block;
    font-family: var(--mincho);
    font-size: 9.733333333333333vw;
    color: var(--white);
    position: absolute;
    top: -15vw;
    opacity: 0.08;
}
.recruit .title-wrapper span::before {
    content: '';
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    display: block;
    background: var(--white);
    position: absolute;
    left: -4vw;
}
.recruit .requirements {
    margin-inline: auto;
    position: relative;
    z-index: 2;
}
.recruit table {
    color: var(--black);
    border-collapse: separate;
    border-spacing: 0px 1.4vw;
    margin-top: 6.8vw;
}
.recruit tr td,
.recruit tr th {
    background: var(--white);
    padding-block: 4.4vw;
}
.recruit tr td {
    padding-inline: 2vw;
}
.recruit .recruit-table img {
    vertical-align: baseline;
    margin-left: 10px;
}
.recruit tr th {
    font-family: var(--mincho);
    width: 25vw;
    padding-left: 1.5em;
}
/* =====================
  to-link
===================== */
.recruit .to-link {
    margin-top: 11.333333vw;
}
.to-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.2vw;
}
.to-link span {
    display: block;
    font-size: 3.7333333333333334vw;
    font-family: var(--mincho);
}