@charset "utf=8";

footer {
    overflow-x: hidden;
}

.fCtcAr {
    max-width: 125rem;
}

.fCtcBx {
    padding: 5.5rem 1.5rem 7rem;
    border: 1px solid #503F34;
}

.fCtcIn {
    width: 100%;
    max-width: 83rem;
    margin: 0 auto;
}

.fApply {
    display: none;
}

.fAppAr {
    max-width: 133rem;
}

.fAppIn {
    max-width: 119rem;
}

.fCtcTit {
    margin: .1rem 0 0;
}

.fCtcTxt01 {
    margin: 3rem 0 0;
    line-height: 1.944em;
    text-align: center;
}

.fCtcBtnFl {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    margin: 5rem 0 0;
}

.fAppBtnFl {
    max-width: 118, 7rem;
}

.fCtcBtnItem {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 48%;
    max-width: 37rem;
}

.fCtcBtnItemTxt01 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.45em;
    color: var(--primary);
}

.fCtcBtn {
    width: 37rem;
    height: 10rem;
    margin: 1.4rem 0 0;
    box-shadow: 0 .3rem .6rem rgba(0, 0, 0, 0.16);
    border-radius: 100vmax;
    background: var(--white);
    transition: all .3s;
}

a.fCtcBtn:hover {
    background: var(--secondary-light);
}

.fCtcBtn>div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 100%;
    height: 100%;
}

.fCtcBtn>div>figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.4rem;
    aspect-ratio: 1/1;
    background: var(--primary);
    border-radius: 100%;
}

.fCtcBtnIcon01 {
    width: 3.5rem;
}

.fCtcBtnIcon02 {
    width: 2.07rem;
}

.fBtnTxt02 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.45em;
    font-family: var(--fontB);
    color: var(--primary);
}

.fBtnTxt03 {
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.45em;
    font-family: var(--fontB);
    color: var(--primary);
}

.fCtcBtnItemTxt02 {
    margin: .4rem 0 0;
    line-height: 1.45em;
    text-align: center;
    font-weight: 700;
    font-family: var(--fontB);
    color: #333;
}

.fNews {
    display: none;
    margin: 12rem 0 0;
    padding: 0 0 2rem 0;
}

.fNewsAr {
    max-width: 125rem;
}

.fNewsFl {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.fNewsFlL {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 26%;
    max-width: 31.6rem;
}


.fNewsFlL .btn01 {
    margin: 5rem 0 0;
}

.fNewsFlR {
    flex: 1;
    max-width: 83.7rem;
}

.fBtm {
    margin: 13rem 0 0;
    padding: 8.45rem 0 4.2rem;
    background: var(--tertiary);
}

.fBtmAr {
    max-width: 125rem;
}

.fBtmFl {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 6rem 0;
}

.fBtmFl::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 200vw;
    background: var(--white);
    transform: translateX(-50%);
}

.fLogo {
    display: flex;
    justify-content: center;
    width: 90%;
    max-width: 37rem;
}

.fInfoTxtBx {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.7rem;
    margin: 4.5rem 0 0;
}

.fInfoTxt .brNone {
    display: none;
}

.fInfoTxt {
    font-size: 1.6rem;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 1.5625em;
}

.fBtmFlR {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    max-width: 70rem;
}

.fBtmFukidashi {
    width: 100%;
    max-width: 50rem;
    aspect-ratio: 50/9;
    padding: 1.6rem 0 0;
    background: url(../../../../uploads/fukidashi01.svg) no-repeat center /contain;
    transition: all .3s;
}

.fBtmFukidashi:hover {
    transform: scale(1.02);
}

.fBtmFukidashiTxt {
    text-align: center;
    line-height: 1.45em;
    font-weight: bold;
    font-size: 2.3rem;
}

.fBtmBtnBx {
    display: flex;
    gap: 2rem;
    margin: 2.2rem 0 0;
}

.fBtmBtn {
    display: block;
    width: 34rem;
    height: 6.4rem;
    box-shadow: 0 .3rem .6rem rgba(0, 0, 0, 0.16);
    border-radius: 100vmax;
    background: var(--primary);
    transition: all .3s;
}

a.fBtmBtn:hover {
    filter: brightness(1.15);
}

.fBtmBtn>div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 100%;
    height: 100%;
}

.fBtmBtnIcon01 {
    display: flex;
    align-items: center;
    width: 3.5rem;
}

.fBtmBtnIcon02 {
    display: flex;
    align-items: center;
    width: 2.07rem;
}

.fBtmBtnTxt01 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.45em;
    font-family: var(--fontB);
    color: var(--white);
}

.fBtmBtnTxt02 {
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.45em;
    font-family: var(--fontB);
    color: var(--white);
}

.fBtmBtnTxt03 {
    margin: .7rem 0 0;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.45em;
    letter-spacing: 0;
    text-align: center;
}

.fNavBx {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: space-between;
    gap: 1rem;
    margin: 2rem 0 0;
}

.fNavLink {
    font-size: 1.8rem;
    line-height: 1.45em;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.fNavLink:hover {
    text-decoration: underline;
}

.fCopy {
    margin: 3.8rem 0 0;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.45em;
    text-align: center;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=1024px) {

    .fApply .fCtcBtnFl {
        flex-direction: column;
        align-items: center;
    }

    .fApply .fCtcBtnItem {
        margin: 3rem 0 0;
        padding: 0 0 3rem 0;
    }

    .fApply .fCtcBtnItem::before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        height: 1px;
        width: 71.8%;
        background: #707070;
    }

    .fNavLink {
        font-size: 1.6rem;
    }
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (width <=768px) {

    .fCtcBx {
        padding: 3rem 1rem 5rem;
    }

    .fCtcBtnFl {
        flex-direction: column;
        align-items: center;
    }

    .fCtcBtnItem {
        width: 100%;
    }

    .fCtcBtnItem {
        margin: 3rem 0 0;
        padding: 0 0 3rem 0;
    }

    .fCtcBtnItem::before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        height: 1px;
        width: 71.8%;
        background: #707070;
    }

    .fCtcBtnItem:last-child {
        border: 0;
        padding: 0;
    }

    .fCtcBtnItem:first-child {
        margin: 0;
    }


    .fCtcBtn {
        width: 28rem;
        height: 7.5rem;
    }

    .fCtcBtn>div>figure {
        width: 4.5rem;
    }

    .fCtcBtnIcon01 {
        width: 2.5rem;
    }

    .fCtcBtnIcon02 {
        width: 1.53rem;
    }

    .fBtnTxt02 {
        font-size: 1.6rem;
    }

    .fBtnTxt03 {
        font-size: 2rem;
    }

    .fCtcBtnItemTxt01 {
        font-size: 1.6rem;
    }

    .fNews {
        margin: 5rem 0 0;
        padding: 0;
    }

    .fNewsFl {
        flex-direction: column;
    }

    .fBtmFl::before {
        display: none;
    }

    .fNewsFlL {
        display: contents;
    }

    .fNewsFlL .btn01 {
        order: 2;
        margin: 4rem auto 0;
    }

    .fBtm {
        margin: 6rem 0 0;
        padding: 5.25rem 0 4.02rem;
    }

    .fBtmAr {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 1.5rem 4rem;
    }

    .fBtmAr::before {
        content: "";
        position: absolute;
        width: 90.7%;
        height: 1px;
        right: 0;
        left: 0;
        bottom: 0;
        margin: 0 auto;
        background: var(--white);
    }

    .fLogo {
        max-width: 20rem;
        margin: 0 auto;
    }

    .fInfoTxtBx {
        display: flex;
        align-items: center;
        gap: 1.2rem;
        margin: 3rem 0 0;
    }

    .fInfoTxt {
        text-align: center;
        font-size: 1.3rem;
        letter-spacing: 0.03em;
        font-weight: 600;
        line-height: 1.54em;
    }

    .fInfoTxt .brNone {
        display: block;
    }

    .fBtmFlR {
        width: 100%;
        order: 1;
    }

    .fBtmFukidashi {
        margin: 5rem 0 0;
        max-width: 33rem;
        aspect-ratio: 11/3;
        padding: 2rem 0 0;
        background: url(../../../../uploads/fukidashi02.svg) no-repeat center /contain;
    }

    .fBtmFukidashiTxt {
        font-size: 1.8rem;
    }

    .fBtmBtnBx {
        flex-direction: column;
        align-items: center;
    }

    .fBtmBtn {
        width: 28rem;
        height: 5.6rem;
    }

    .fBtmBtnTxt01 {
        font-size: 1.6rem;
    }

    .fBtmBtnTxt02 {
        font-size: 2rem;
    }

    .fBtmBtnTxt03 {
        font-size: 1.4rem;
    }

    .fBtmFl {
        display: contents;
    }

    .fNavBx {
        margin: 5rem 0 0;
        gap: 3rem 2.5rem;
        justify-content: center;
    }

    .fNavLink {
        font-size: 1.6rem;
        text-decoration: underline;
    }

    .fNavLink:hover {
        text-decoration: none;
    }

    .fCopy {
        margin: 2rem 0 0;
        font-size: 1.3rem;
    }

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */