@charset "UTF-8";
.casting-wrap {
    margin-top: 80px;
    background: var(--gray);
    padding: 56px 40px;
}
.casting-wrap h3 {
    border-bottom: navajowhite;
    text-align: center;
    font-size: 2.4rem;
    padding-bottom: 0;
}
.casting-wrap .lead {
    text-align: center;
}
.casting-wrap .company-wrap {
    text-align: center;
    padding: 32px 0 56px;
}
.casting-wrap .company-wrap p {
    text-align: center;
}
.casting-wrap .company-wrap .ttl {
    font-weight: bold;
    margin-top: 32px;
}
.casting-wrap .company-wrap p a {
    text-decoration: underline;
    color: var(--color2);
}
.casting-wrap .flex {
    gap: 3%;
    align-items: center;
}
.casting-wrap .flex .left {
    width: 77%;
}
.casting-wrap .flex .left .ttl {
    font-size: 1.8rem;
    border-bottom: 1px solid var(--color2);
    padding-bottom: 16px;
    margin-bottom: 16px;
    font-weight: bold;
}
.casting-wrap .flex .right {
    width: 15%;
    text-align: center;
}
.casting-wrap .flex .right a .qr-cord {
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .casting-wrap .flex {
        display: block;
    }
    .casting-wrap .flex .left {
        width: 100%;
    }
    .casting-wrap .flex .right {
        width: 50%;
        margin: 0 auto;
    }
    .casting-wrap .flex .left .ttl {
        font-size: 1.6rem;
        padding-bottom: 14px;
        margin-bottom: 14px;
    }
    .casting-wrap .flex .left {
        margin-bottom: 24px;
    }
}
@media screen and (max-width: 450px) {
    .casting-wrap {
        padding: 40px 32px;
    }
    .casting-wrap h3 {
        font-size: 1.8rem;
        margin-bottom: 10px;
    }
}
.notice {
    width: 70%;
    margin: 5% auto;
    color: red;
}
.notice .indent {
    text-indent: -1.5rem;
    padding-left: 1rem;
    display: block;
}
@media screen and (max-width: 1200px) {
    .notice {
        width: 100%;
    }
}