/* CSS Document */

#business .p_intro p{
    margin: 60px auto 0;
    width: 80%;
    max-width: 420px;
}


#business .flex{
	counter-reset: number;
}

#business .flex .midashi{
    width: 100%;
    margin-bottom: 50px;
    font-size: 1.8rem;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

#business .flex .box{
    width: 30%;
    text-align: left;
    font-size: clamp(1.4rem, 1.307rem + 0.39vw, 1.5rem);
    display: flex;
    flex-direction: column;
}

#business .flex .box h2{
	counter-increment: number;
    font-family: var(--En-san);
    font-weight: 500;
    font-size: clamp(2.1rem, 1.215rem + 0.78vw, 2.3rem);
    border-bottom: 1px solid var(--gray);
    margin-bottom: 20px;
}

#business .flex .box h2:before{
	content: counter(number , decimal-leading-zero);
    font-weight: normal;
    margin-right: 15px;
    font-size: clamp(1.5rem, 1.05rem + 0.78vw, 2rem);
    color: var(--gray);
    letter-spacing: 0.35rem;
}

#business .flex .box dl{
    box-sizing: border-box;
    flex-grow: 1;
}

#business .flex .box dt{
    font-size: clamp(1.6rem, 0.85rem + 0.78vw, 1.8rem);
    margin-bottom: 20px;
}

#business .flex .box .btn{
    font-size: clamp(1.2rem, 0.55rem + 0.78vw, 1.4rem);
    text-align: right;
    margin-top: 30px;
    position: relative;
    padding-right: 55px;
    letter-spacing: 0.15rem
}

#business .flex .box .btn a{
    font-family: var(--En-san);
    color: var(--gray);
}

#business .flex .box .btn a::before,
#business .flex .box .btn a::after{
    content: "";
    display: inline-block;
    width: 35px;
    height: 6px;
    position: absolute;
    border-right: 0.14rem solid #999;
    right: 0;
    transform: skew(45deg);
    transition-duration: 0.8s;
    margin-top: 6px;
}

#business .flex .box .btn a::before{
    border-bottom: 1px solid #999;
}

#business .flex .box .btn a::after{
    transform: skew(132deg);
    top: 0.65rem;
}





@media only screen and (max-width: 789px) {  

.spbr{
    display: block;
}

#business .flex .box {
    width: 100%;
    margin-bottom: 50px;
}

#business .flex .box .btn{
    margin-top: 15px;
}

    #business .p_intro p {
        margin: 60px auto 0;
    }
    #business .flex .box dt {
        margin-bottom: 10px;
    }


















}