.page_business .under_kv{
    background: url(../images/business/kv.jpg) center top / cover no-repeat;
}

.business_top{
    padding: 8rem 0;
}

.business_top h2{
    font-size: 4.8rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.business_top .row_bottom{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.business_top .round_deco{
    padding-bottom: 2rem;
}

.business_top p{
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.03em;
    text-align: justify;
    margin: 4rem 0 8rem;
}

.business_anker{
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8rem;
}

.business_anker a::after{
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/common/anker_arrow.svg) center top / cover no-repeat;
    margin-left: 1rem;
}

.business_bottom{
    transition: 0.3s;
}

.left_list{
    width: 100%;
    margin: auto;
    max-width: 110rem;
    z-index: 1;
    margin: 8rem auto;
    padding: 0;
    transition: 0.3s;
}

.left_list.white a{
    color: #fff;
    opacity: 0.4;
}

.left_list.white a::before{
    background: #fff;
}

.left_list.white .active_list{
    color: #fff!important;
    opacity: 1;
}

.left_list.white .active_list::before{
    background-color:#fff!important;
}

.right_content{
    display: block;
    width: 100%;
}

.right_content section{
    padding: 8rem 0;
}

.business1{
    margin-top: -36rem;
}

.business1,.business3,.business5{
    background-color: var(--subBg);
}

.business2,.business4{
    background-color: var(--blueBg);
}

.business_inner{
    width: 80rem;
    margin-left: auto;
    margin-right: 0;
    display: flex;
    flex-flow: column;
    gap: 10rem;
    position: relative;
    z-index: 10;
}

.business_inner_top{
    display: flex;
    flex-flow: row-reverse;
    gap: 9rem;
}

.business_inner_header{
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 4rem;
}

.business_inner_header .round{
    color: #fff;
    background: var(--blue);
    font-size: 9rem;
    font-weight: 800;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 1rem;
}

.business_inner_header .section_title h2 span{
    font-size: 2.4rem;
}

.business_inner_content{
    color: var(--blue);
    background: var(--mainBg);
    border: solid 2rem var(--blue);
    border-radius: 0.5rem;
    margin-top: 8rem;
    padding: 2rem 2rem 3.5rem;
    position: relative;
}

.business_inner_content img{
    width: 100%;
}

.business_inner_content h4{
    font-size: 3.2rem;
    font-weight: 800;
    line-height: 1.8;
    letter-spacing: 0.03em;
    margin: 2.5rem 0 1.5rem;
}

.business_inner_content p{
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.8;
    text-align: justify;
}

.business_service .subtitle{
    margin-bottom: 6rem;
}

.business2 .subtitle,
.business4 .subtitle{
    color: #fff;
}

.business2 .subtitle::after,
.business4 .subtitle::after{
    background: #fff;
}

.business_service_content{
    display: flex;
    flex-flow: column;
    gap: 2.5rem;
}

.business_service_item{
    display: flex;
    align-items: center;
    gap: 4rem;
}

.business_service_item img{
    width: 26rem;
    flex-shrink: 0;
}

.business_service_text{
    display: flex;
    flex-flow: column;
    gap: 2rem;
}

.business2 .business_service_text,
.business4 .business_service_text{
    color: #fff;
}

.business_service_text h4{
    font-size: 2.8rem;
    font-weight: 800;
    letter-spacing: 0.2em;
    padding-bottom: 1.5rem;
    border-bottom: solid 0.1rem #bbb;
}

.business_service_text p{
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.2em;
    text-align: justify;
}

.business_genre .subtitle{
    margin-bottom: 6rem;
}

.business_genre_content{
    display: flex;
    gap: 2.5rem;
    flex-wrap: wrap;
}

.business2 .business_genre_content,
.business4 .business_genre_content{
    color: #fff;
}

.business_genre_item{
    width: calc((100% - 5rem) / 3);
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.business_genre_item img{
    width: 7rem;
    flex-shrink: 0;
}

.business_genre_item p{
    font-weight: 800;
    line-height: 1.8;
}

.business_information .subtitle{
    margin-bottom: 6rem;
}

.business_information_content{
    display: flex;
    flex-flow: column;
    gap: 2rem;
    line-height: 1.5;
}

.business_information .more_btn{
    justify-content: end;
}


.business1_deco1{
    width: 92rem;
    position: absolute;
    top: 0;
    right: 0;
}

.business1_deco2{
    width: 51rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.business2_deco1{
    width: 84rem;
    position: absolute;
    top: 0;
    right: 0;
}

.business2_deco2{
    width: 38rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.business3_deco1{
    width: 58rem;
    position: absolute;
    top: 0;
    left: 0;
}

.business3_deco2{
    width: 82rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.business4_deco1{
    width: 74rem;
    position: absolute;
    top: 0;
    right: 0;
}

.business4_deco2{
    width: 40rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.business5_deco1{
    width: 58rem;
    position: absolute;
    top: 0;
    left: 0;
}

.business5_deco2{
    width: 45rem;
    position: absolute;
    bottom: 0;
    left: 0;
}


@media (max-width: 1024px) {
    .business_anker{
        gap: 4rem;
    }

    .business_bottom .left_list{
        top: 12rem;
        max-width: 90rem;
    }

    .business_inner{
        width: 70rem;
    }

    .business_inner_content h4{
        font-size: 3rem;
    }

    .business_inner_top{
        gap: 6rem;
    }

    .business_service_item img{
        width: 22rem;
    }

    .business1_deco1{
        width: 70%;
    }

    .business1_deco2{
        width: 40%;
        left: -7rem;
    }

    .business2_deco1{
        width: 70%;
    }

    .business2_deco2{
        width: 30%;
    }

    .business3_deco2{
        width: 70%;
    }

    .business4_deco1{
        width: 70%;
    }

    .business4_deco2{
        width: 30%;
    }

    .business5_deco2{
        width: 30%;
    }
}

@media (max-width: 767px) {
    .page_business .under_kv{
        background: url(../images/business/sp/kv.jpg) center top / cover no-repeat;
    }

    .business_top h2{
        font-size: 3.2rem;
        flex-flow: column;
        gap: 2.5rem;
    }

    .business_top .round_deco {
        padding-bottom: 1rem;
    }

    .business_top p{
        font-size: 1.6rem;
        margin: 4rem 0;
        text-align: justify;
    }

    .business_anker{
        flex-wrap: wrap;
        gap: 2rem 0;
        justify-content: start;
    }

    .business_anker a{
        display: block;
        width: calc(100% / 2);
        display: flex;
        flex-flow: row-reverse;
        justify-content: start;
        align-items: center;
        gap: 1rem;
    }

    .business_anker a::after{
        width: 1rem;
        height: 1rem;
        margin: 0;
    }

    .business_bottom .left_list{
        display: none;
    }

    .business1{
        margin-top: 0;
    }

    .business_inner{
        width: 100%;
        gap: 6rem;
    }

    .business_inner_top{
        flex-flow: column;
        align-items: start;
        gap: 6rem;
    }

    .business_inner_header{
        align-items: start;
        gap: 1.5rem;
    }

    .business_inner_header .round{
        font-size: 6.4rem;
        width: 9rem;
        height: 9rem;
        padding-bottom: 0.5rem;
    }

    .business_inner_header .section_title h2 span{
        font-size: 1.6rem;
    }

    .business_inner_content{
        border: solid 1.5rem var(--blue);
        margin-top: 0;
        padding: 1.5rem 1.5rem 2.5rem;
    }

    .business_inner_content h4{
        font-size: 2rem;
        margin: 1.5rem 0;
    }

    .business_inner_content p{
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .business_service .subtitle{
        margin-bottom: 4rem;
    }

    .business_information .subtitle{
        margin-bottom: 4rem;
    }

    .business_service_content{
        gap: 4rem;
    }

    .business_service_item{
        flex-flow: column;
        align-items: start;
        gap: 2.5rem;
    }

    .business_service_item img{
        width: 100%;
    }

    .business_service_text h4{
        font-size: 2rem;
    }

    .business_genre .subtitle{
        margin-bottom: 4rem;
    }

    .business_genre_content{
        gap: 1.5rem;
        flex-flow: column;
    }

    .business_genre_item{
        width: 100%;
        gap: 3rem;
    }

    .business1_deco1{
        width: 80%;
    }

    .business1_deco2{
        width: 45%;
        right: 0;
        left: auto;
        transform: scaleX(-1);
    }

    .business2_deco1{
        width: 90%;
    }

    .business2_deco2{
        right: 0;
        left: auto;
        transform: scaleX(-1);
    }

    .business3_deco1{
        width: 80%;
    }

    .business3_deco2{
        width: 90%;
        right: 0;
        left: auto;
        transform: scaleX(-1);
    }

    .business4_deco1{
        width: 80%;
    }

    .business4_deco2{
        display: none;
    }

    .business5_deco1{
        width: 80%;
    }

    .business5_deco2{
        display: none;
    }
}