@charset "utf-8";

/* =======================
 header
=======================*/ 
/*  PC 800*/
@media screen and (min-width: 800px){
    .page__legalfee{
        display: block;
        border-bottom: solid 2px var(--primary-green);
        margin-top: 26px;
        padding-bottom: 8px;
    }
    
    .pc__2{
        margin-top: 10px;
    }
    
    .nav__list{
        margin-top: -10px;
    }
    }/*  PC 800*/


/* =======================
legalFee
=======================*/ 

.consultation__box{
    margin: 0 5%;
}

.bl__1{
    margin-top: 24px;
    font-size: 1.6rem;
}

.beige_back{
    font-weight: 400;
}


.bl table, .bl td, .bl th {
    border: 1px solid var(--primary-gray);
    vertical-align: middle;
}

.bl__1 td, .bl__1 th{
    padding: 15px 10px;
    text-align: center;
}


.bl__1{
    width: 100%;
}

.beige_back__1{
    width: 126px;
}

.white_back__1{
    width: 164px;
}

.subject{
    margin-top: 16px;
    font-size: 1.6rem;
}


.section__consultation{
    width: 100%;
    margin: 0 auto;
    max-width: 980px;
}

.bl__2{
    margin-top: 24px;
    font-size: 1.5rem;
}

.bl__2 td, .bl__2 th{
    padding-top: 15px;
    padding-bottom: 15px;
    height: 56px;
}

.beige_back__2{
    padding-left: 3%;
    padding-right: 3%;
}

.txt_box{
    margin: 32px 5% 0;
}

.txt_box p{
    font-size: 16px;
    margin-top: 16px;
}

.small__section__title{
    font-size: 20px;
    font-weight: 700;
    margin-top: 32px ;

}

.small__section__title::before{
    content: '';
    display: inline-block;
    background-color: var(--primary-green);
    width: 2px;
    height: 30px;
    margin-right: 8px;
    position:  relative;        /* 位置調整 */
    top: 7px;                  /* 位置調整 */
}

.civilcase__box{
    margin:24px 5% 0 ;
}

.beige_back_center{
    text-align: center;
}


.th2{
    vertical-align: -2px;
}

.td2{
    vertical-align: -2px;
}

.white_back1,.white_back2{
    text-align: center;
}

.white_back1{
    width: 30%;
}

.white_back2{
    width: 30%;
}

.beige_back{
    background-color: var(--primary-beige);
}


.table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*400px*/
@media screen and (min-width: 400px){
    .beige_back__1{
        width: 160px;
    }

    .white_back__1{
        width: 200px;
    }

    .bl__2{
        font-size: 1.6rem;
    }

    .beige_back__2{
        width: 200px;
    }
}/*400px*/


/*500px*/
@media screen and (min-width: 500px){
    .br__sp{
        display: none;
    }

    .white_back__1{
        width: 300px;
    }
}/*500px*/

/* price PC 769*/
@media screen and (min-width: 769px){

    .br-sp{
        display: none;
    }

    .beige_back__2{
        width: 300px;
    }

    .white_back1,.white_back2{
        width: 180px;
    }

  
    }/* pc 769px */