/* HOME -  */
body .main-home {
    background: #F2FDFF;
    max-width: unset;
    padding: 50px 0;
}

.bg__container {
    width: 100%;
}

.bg__sp {
    display: block;

}

.bg__pc {
    display: none;

}

/* HOME KV */
.section__container.kv {
    position: relative;
    display: flex;
    padding: 80px 24px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.section__container.kv .section__box {
    position: relative;
    z-index: 1;
    width: fit-content;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 0;
}

.section__container.kv .h1 {
    color: #FFF;
    text-align: center;
    font-family: var(--font-familySerif);
    font-size: 24px;
    font-weight: var(--fontWeightBold);
    line-height: 180%;
}

.section__container.kv .description1 {
    color: #FFF;
    text-align: center;
    text-shadow: 0 0 10px #000;
    gap: 40px;
}

.section__container.kv .description2 {
    color: #002468;
    text-align: center;
    text-shadow: 0 0 20px #FFF;
    gap: 40px;
}

.section__container.kv p {
    width: 100%;
    font-family: var(--font-familySerif);
    font-size: 15px;
    line-height: 200%;
    font-family: var(--font-familySerif);
}

/* HOME TOP_BG */
.top__container {
    background-image: url('https://athree3.com/recruit/app/uploads/2025/10/top_bg_sp-scaled.webp');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}



/* HOME ALL SECTIONs */
body .main-home section {
    max-width: 1280px;
    margin: 0 auto;
}

.section__container {
    width: 100%;
    position: relative;
}

.kv__sp {
	aspect-ratio: 818 / 1200;
}

.section__container .section__box {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0 0 0 0;
    margin: auto;
    padding: 60px 24px 0;
}

.section__container .section-head {
    display: flex;
    max-width: var(--maxWidth);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;

    margin-left: 0;
    padding: 0;
    padding-left: 16px;
    width: fit-content;
}

.section__container .title-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-right: 0;
}

.section__container .button {
}

/* HOME business */
.section__container.business .button {
    width: fit-content;
    margin-right: 0;
}

/* HOME NEws */
.section__container.news {
    display: flex;
    padding: 20px 24px 40px 24px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.section__container.news .section__box {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    width: 100%;
    margin: 40px auto;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
    position: static;
}

.news__head {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 0 auto;
}

.news__title {
    color: #222;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 2.4px;
    justify-content: center;
    align-items: center;
    font-family: var(--font-familySerif);
}

.news__head figure {
    width: 10px;
    height: 10px;
    display: flex;
}

.table {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.table__date {
    color: #222;
    font-weight: 400;
    line-height: 150%;
    font-size: 14px;
    opacity: 0.6;
}

.table__title {
    color: #222;
    font-family: "Noto Sans JP";
    font-size: 14px;
    line-height: 150%;
    font-weight: 500;
}

.table__title:hover {
    opacity: .7;
    text-decoration: underline;
}

.news__link {
    display: flex;
    margin-left: auto;
    gap: 8px;
    align-items: center;
    color: #222;
    text-align: right;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.1px;
}

.news__link img {
    width: 14px !important;
    height: 12px;
}

/* HOME job */
.section__container.job {
    padding-top: 40px;
}

/* HOME special */
.section__container.special {
    padding: 50px 24px 20px 24px;
}

.section__container.special .section__box {
    display: flex;
    padding: 32px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    border-radius: 4px;
    background: linear-gradient(180deg, #90D4F2 0%, #224DAA 100%);
    margin: 0 auto;
}

.section__container.special .title-container {
    width: 100%;
}

.section__container.special .title-jap {
    color: #FFF;
}

.section__container.special .button-container {
    width: 100%;
}

.section__container.special .button-container .button {
    width: 100%;
}

/* HOME workfaq */
.section__container.workfaq {
    padding: 40px 0;
}

.section__container.workfaq .title-container {
    align-items: start;
}

.workfaq .section__foot {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    position: relative;
    top: -46px;
    margin: 0 auto;
    padding-top: 32px;
}

.workfaq .section__foot .title-container {
    align-items: center;
    margin-right: 0;
}

.breadcrumbs-container {
    display: none;
}

.section__container.faq .section-head {
    margin: 0 auto;
}

@media screen and (min-width: 480px) {
    .top__container {
        background-size: 100% 70%;
        background-position: top;
    }
}

@media screen and (min-width: 768px) {
    .bg__sp {
        display: none;

    }

    .bg__pc {
        display: block;

    }
    
    /* HOME KV */
    .section__container.kv .h1 {
        font-size: 32px;
        letter-spacing: 9.6px;
    }

    .section__container.kv p {
        font-size: 20px;
        letter-spacing: 2px;
    }

    .kv__pc {
        aspect-ratio: 1920 / 988;
    }

    /* HOME TOP	 */
    /* body {
        padding-top: 50px;
    } */

    .top__container {
        background-image: url('https://athree3.com/recruit/app/uploads/2025/10/top_bg-scaled.webp');
        background-size: 100% 100%;
        background-position: center;
    }


    /* ALL SECTIONS */
    .section__container .section-head {
        padding-bottom: 100px;
    }

    /* HOME NEws */
    .section__container.news {
        padding: 0 24px 8px 24px;
    }

    .section__container.news .section__box {
        max-width: var(--maxWidth);
        padding: 24px;
        gap: 16px;
    }

    .table__title {
        font-size: 16px;
    }

    /* HOME business */
    /* HOME topmessage */
    .section__container.topmessage .section__box {
        justify-content: center;
        padding-top: 0;
    }

    .section__container.topmessage .button {
        margin-right: 0;
    }

    /* HOME job */
    .section__container.job {
        padding-top: 80px;
    }

    /* HOME special */
    .section__container.special {
        padding-top: 80px;
    }

    .section__container.special .section__box {
        width: 800px;
        padding: 56px 48px;
    }

    .section__container.special .button-container {
        flex-direction: row;
    }

    .section__container.special .button {
        flex: 1 0 0;
    }

    .workfaq .section__foot {
        gap: 36px;
    }

    /* HOME workfaq */
    .section__container.workfaq {
        padding: 80px 0;
    }
}