#main .topContent {
    padding: 92px 0 93px;
    width: 100%;
    background: url(../img/philosophy/bg_img01.jpg) no-repeat right;
    background-size: cover;
}

#main .topContent .wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 60px;
}

#main .topContent .wrap .ttl {
    font-size: 5.2rem;
}

#main .recruitmentBox {
    padding: 154px 0 285px;
    width: 100%;
    background: url(../img/philosophy/bg_img02.jpg) no-repeat;
    background-size: cover;
}

#main .recruitmentBox .wrap {
    position: relative;
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 60px;
}

#main .recruitmentBox .wrap .ttl {
    font-size: 80px;
    text-align: center;
    margin: 0 auto 20px;
    line-height: 1;
    font-family: 'Akhand', sans-serif;
}

#main .recruitmentBox .wrap .sbTtl {
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
    margin: -10px auto 22px;
}

#main .recruitmentBox .wrap .innerTtl {
    font-size: 3.6rem;
    text-align: center;
    margin: 0 auto 39px;
    letter-spacing: 0.04em;
    font-weight: 700;
}

#main .recruitmentBox .wrap .txt {
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: 0.04em;
    line-height: calc(32/16);
    font-weight: 500;
}

#main .philosophyBox {
    position: relative;
    padding: 220px 0 228px;
    background: linear-gradient(to right, #DEDEDE, #fff, #DEDEDE);
}

#main .philosophyBox .bg01 {
    width: 100%;
    top: -1px;
    position: absolute;
    height: 54.3125vw;
}

#main .philosophyBox .bg01::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 54.3125vw;
    content: "";
    background: url(../img/philosophy/bg_img03_right.png) no-repeat top right;
    background-size: contain;
}

#main .philosophyBox .bg01::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 40.625vw;
    height: 28.75vw;
    content: "";
    background: url(../img/philosophy/bg_img03_left.png) no-repeat top left;
    background-size: contain;
}

#main .philosophyBox .bg01 img {
    width: 100%;
}

#main .philosophyBox .bg02 {
    width: 100%;
    bottom: -1px;
    position: absolute;
    height: 54.3125vw;
}

#main .philosophyBox .bg02::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 54.3125vw;
    content: "";
    background: url(../img/philosophy/bg_img04_left.png) no-repeat bottom left;
    background-size: contain;
}

#main .philosophyBox .bg02::after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40.625vw;
    height: 28.75vw;
    content: "";
    background: url(../img/philosophy/bg_img04_right.png) no-repeat bottom right;
    background-size: contain;
}

#main .philosophyBox .bg02 img {
    width: 100%;
}

#main .philosophyBox .wrap {
    position: relative;
    z-index: 1;
    max-width: 1280px;
    margin: 0 auto;
}

#main .philosophyBox .wrap .ttl {
    text-align: center;
    font-size: 4.8rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin: 0 auto 23px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
}

#main .philosophyBox .wrap .txt {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 2;
    margin: 0 auto 90px;
    font-weight: 500;
}

#main .philosophyBox .wrap .inner {}

#main .philosophyBox .wrap .inner li {
    margin: 0 auto 93px;
}

#main .philosophyBox .wrap .inner li:last-of-type {
    margin: 0 auto;
}

#main .philosophyBox .wrap .inner .innerTtl01,
#main .philosophyBox .wrap .inner .innerTtl02,
#main .philosophyBox .wrap .inner .innerTtl03 {
    font-size: 100px;
    text-align: center;
    font-family: 'Akhand', sans-serif;
    margin: 0 auto -18px;
}

#main .philosophyBox .wrap .inner .smlTtl {
    font-size: 2.8rem;
    letter-spacing: 0.04em;
    text-align: center;
    margin: -10px auto 35px;
    font-weight: 700;
}

#main .philosophyBox .wrap .inner .lastSmlTtl {
    margin: -10px auto 17px;
}

#main .philosophyBox .wrap .inner .sbTtl {
    font-size: 3.6rem;
    letter-spacing: 0.14em;
    text-align: center;
    margin: 0px auto 20px;
    line-height: calc(52/36);
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
}

#main .philosophyBox .wrap .inner .enTxt {
    font-size: 2rem;
    letter-spacing: 0.04em;
    text-align: center;
    margin: 0 auto 39px;
    font-family: 'Noto Serif JP', serif;
}

#main .philosophyBox .wrap .inner .innerTxt {
    font-size: 1.6rem;
    letter-spacing: 0.04em;
    text-align: center;
    margin: 0 auto;
    line-height: calc(32/16);
    font-weight: 500;
}

#main .philosophyBox .wrap .inner .innerContent {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 84px;
}

#main .philosophyBox .wrap .inner .innerContent::before {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    content: "";
    background: #07264A;
    width: 5.8rem;
    height: 0.3rem;
}

#main .philosophyBox .wrap .inner .innerContent::after {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    content: "";
    background: #07264A;
    width: 5.8rem;
    height: 0.3rem;
}

#main .philosophyBox .wrap .inner .word01 {
    position: relative;
    display: block;
    font-size: 6.4rem;
    font-weight: 700;
}

#main .philosophyBox .wrap .inner .word01::before {
    position: absolute;
    content: "Growth";
    font-size: 22px;
    font-weight: 700;
    font-family: 'Akhand', sans-serif;
    color: #07264A;
    transform: translateY(-50%);
    top: 55%;
    left: -100px;
}

#main .philosophyBox .wrap .inner .word02 {
    position: relative;
    display: block;
    font-size: 6.4rem;
    font-weight: 700;
}

#main .philosophyBox .wrap .inner .word02::before {
    position: absolute;
    content: "Challenge";
    font-size: 22px;
    font-weight: 700;
    font-family: 'Akhand', sans-serif;
    color: #07264A;
    transform: translateY(-50%);
    top: 55%;
    right: -134px;
}

#main .mindBox {
    background: #F1F7FC;
    padding: 88px 60px 72px;
}

#main .mindBox .wrap {
    margin: 0 auto;
    max-width: 1000px;
    display: flex;
    gap: 75px;
}

#main .mindBox .wrap .ttl {
    font-family: 'Akhand', sans-serif;
    font-weight: 400;
    font-size: 60px;

}

#main .mindBox .wrap .txt {
    position: relative;
    display: block;
    width: fit-content;
    font-size: 22px;
    font-weight: 700;
    padding: 0 0 0 60px;
    margin: 0 0 30px;
}

#main .mindBox .wrap .txt::after {
    position: absolute;
    content: "";
    font-size: 32px;
    font-family: 'Akhand', sans-serif;
    font-weight: 700;
    left: 0;
    top: -2px;
}

#main .mindBox .wrap .txt:nth-child(1)::after {
    content: "01 ";
}

#main .mindBox .wrap .txt:nth-child(2)::after {
    content: "02 ";
}

#main .mindBox .wrap .txt:nth-child(3)::after {
    content: "03 ";
}

#main .mindBox .wrap .txt:nth-child(4)::after {
    content: "04 ";
}

#main .mindBox .wrap .txt:nth-child(5)::after {
    content: "05 ";
}

@media screen and (max-width: 1100px) {
    #main .recruitmentBox .wrap .ttl {
        font-size: 60px;
    }

}

@media all and (max-width: 896px) {
    #main .topContent {
        padding: 42px 0 43px;
        background: url(../img/philosophy/bg_img01_sp.jpg) no-repeat right;
        background-size: cover;
    }

    #main .topContent .wrap {
        margin: 0 auto;
        max-width: 375px;
        padding: 0 20px;
    }

    #main .topContent .wrap .ttl {
        font-size: 2.4rem;
    }

    #main .recruitmentBox {
        background: url(../img/philosophy/bg_img02_sp.jpg) no-repeat bottom;
        background-size: cover;
        padding: 70px 0 210px;
    }

    #main .recruitmentBox .wrap .ttl {
        font-size: 40px;
        margin: 0 auto;
    }

    #main .recruitmentBox .wrap {
        max-width: 375px;
        padding: 0 20px;
    }

    #main .recruitmentBox .wrap .sbTtl {
        font-size: 1.6rem;
        margin: 10px auto 18px;
    }

    #main .recruitmentBox .wrap .innerTtl {
        font-size: 2rem;
        margin: 0 auto 20px;
    }

    #main .philosophyBox {
        background: linear-gradient(to right, #fff, #DEDEDE);
        padding: 170px 0 196px;
    }

    #main .philosophyBox .wrap {
        margin: 0 auto;
        max-width: 375px;
        padding: 0 20px;
    }

    #main .philosophyBox .wrap .inner li {
        margin: 0 auto 63px;
    }

    #main .philosophyBox .wrap .ttl {
        font-size: 2.8rem;
        margin: 0 auto 24px;
    }

    #main .philosophyBox .wrap .txt {
        font-size: 1.6rem;
        margin: 0 auto 55px;
    }

    #main .philosophyBox .wrap .inner .innerTtl01,
    #main .philosophyBox .wrap .inner .innerTtl02,
    #main .philosophyBox .wrap .inner .innerTtl03 {
        font-size: 40px;
        margin: 0 auto -4px;
    }

    #main .philosophyBox .wrap .inner .smlTtl {
        margin: 0 auto 14px;
        font-size: 1.6rem;
    }

    #main .philosophyBox .wrap .inner .sbTtl {
        font-size: 2rem;
        margin: 0 auto 20px;
    }

    #main .philosophyBox .wrap .inner .enTxt {
        font-size: 1.2rem;
        margin: 0 auto 21px;
    }

    #main .philosophyBox .wrap .inner .innerContent {
        gap: 54px;
    }

    #main .philosophyBox .wrap .inner .innerContent::before {
        width: 4rem;
    }

    #main .philosophyBox .wrap .inner .innerContent::after {
        width: 4rem;
    }

    #main .philosophyBox .wrap .inner .word01 {
        font-size: 4.2rem;
    }

    #main .philosophyBox .wrap .inner .word01::before {
        left: 50%;
        top: auto;
        bottom: -20px;
        transform: translateX(-50%);
        font-size: 14px;
    }

    #main .philosophyBox .wrap .inner .word02 {
        font-size: 4.2rem;
    }

    #main .philosophyBox .wrap .inner .word02::before {
        right: -32px;
        top: auto;
        bottom: -20px;
        transform: translateX(-50%);
        font-size: 14px;
    }

    #main .mindBox {
        padding: 52px 0 60px;
    }

    #main .mindBox .wrap {
        width: fit-content;
        margin: 0 auto;
        max-width: 600px;
        padding: 0 20px;
        flex-direction: column;
        gap: 27px;
    }

    #main .mindBox .wrap .ttl {
        font-size: 36px;
        font-family: 'Akhand', sans-serif;
    }

    #main .mindBox .wrap li {
        margin: 0 0 12px;
    }

    #main .mindBox .wrap li:last-of-type {
        margin: 0;
    }

    #main .mindBox .wrap li .num01 {
        width: 21px;
        margin: 0 10px 0 0;
        font-weight: 700;
    }

    #main .mindBox .wrap li .num02 {
        width: 23px;
        margin: 1px 10px 0 0;
        font-weight: 700;
    }

    #main .mindBox .wrap li .num03 {
        width: 23px;
        margin: 1px 10px 0 0;
        font-weight: 700;
    }

    #main .mindBox .wrap li .num04 {
        width: 23px;
        margin: 2px 10px 0 0;
        font-weight: 700;
    }

    #main .mindBox .wrap li .num05 {
        width: 23px;
        margin: 2px 10px 0 0;
        font-weight: 700;
    }

    #main .mindBox .wrap .txt {
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.04em;
        padding: 0 0 0 50px;
    }
    #main .mindBox .wrap .txt::after {
        font-size: 26px;
        left: 0;
        top: -4px;
    }

    #main .mindBox .wrap .txt:nth-child(1)::after {
        content: "01 ";
    }

    #main .mindBox .wrap .txt:nth-child(2)::after {
        content: "02 ";
    }

    #main .mindBox .wrap .txt:nth-child(3)::after {
        content: "03 ";
    }

    #main .mindBox .wrap .txt:nth-child(4)::after {
        content: "04 ";
    }

    #main .mindBox .wrap .txt:nth-child(5)::after {
        content: "05 ";
    }
}

@media all and (max-width: 500px) {
    #main .philosophyBox .bg01 {
        height: 102.93vw;
    }

    #main .philosophyBox .bg01::before {
        height: 102.93vw;
        background: url(../img/philosophy/bg_img03_right_sp.png) no-repeat top right;
        background-size: contain;
    }

    #main .philosophyBox .bg01::after {
        width: 74.66vw;
        height: 52.84vw;
        background: url(../img/philosophy/bg_img03_left_sp.png) no-repeat top left;
        background-size: contain;
    }

    #main .philosophyBox .bg02 {
        height: 102.93vw;
    }

    #main .philosophyBox .bg02::before {
        height: 102.93vw;
        background: url(../img/philosophy/bg_img04_left_sp.png) no-repeat bottom left;
        background-size: contain;
    }

    #main .philosophyBox .bg02::after {
        width: 74.66vw;
        height: 52.84vw;
        background: url(../img/philosophy/bg_img04_right_sp.png) no-repeat bottom right;
        background-size: contain;
    }
}