@charset "UTF-8";

.c-wave_ttl-under {
    margin-top: -10px;
}

.c-title_navy {
    font-size: 48px;
    font-weight: 700;
    color: #244b83;
    text-align: center
}
@media screen and (max-width: 768px) {
    .c-title_navy {
        font-size: 32px;
        line-height: 1.4;
    }
}

.p-top_recruit {
    background-position: center;
}

.p-company_bg {
    background-image: url(../img/company/company_bg.jpg);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten;
    background-size: cover;
    background-position: center;
}

.p-business_bg {
    background-image: url(../img/business/business_bg.png);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten;
    background-size: cover;
    background-position: center;
}

.p-charm_bg {
    background-image: url(../img/charm/charm_bg.jpg);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten;
    background-size: cover;
    background-position: center;
}

@media screen and (max-width: 768px) {
    .p-charm_bg {
        background-position-y: bottom;
    }
}

.p-recruit_bg {
    background-image: url(../img/recruit/recruit_bg.jpg);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten;
    background-size: cover;
    background-position: bottom;
}

.p-recruit_contact-small {
    font-size: 65%;
}

@media screen and (max-width: 768px) {
    .p-recruit_contact-small {
        display: block;
    }
}

.p-contact_bg {
    background-image: url(../img/contact/contact_bg.jpg);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten;
    background-size: cover;
    background-position-x: center;
}

.l-heaader_body a:hover {
    opacity: 0.6;
    transition: 0.3s;
}

.l-footer_body a:hover {
    opacity: 0.6;
    transition: 0.3s;
}