.w100_box{
    width: 100%;
}

.w80_box{
    width: calc(80% - 20px);
}

.w75_box{
    width: calc(75% - 20px);
}

.w70_box{
    width: calc(70% - 20px);
}

.w60_box{
    width: calc(60% - 20px);
}

.w50_box{
    width: calc(50% - 20px);
}

.w40_box{
    width: calc(40% - 20px);
    
}

.w33_box{
    width: calc(33% - 20px);
}

.w30_box{
    width: calc(30% - 20px);
}

.w25_box{
   width: calc(25% - 20px); 
}

.box_default{
    background-color: var(--color-blue-default);
    border-radius: var(--border-radius-default);
    margin: 20px 0;
}

.box_margin_default{
    margin: 10px;
}

.box_padding_default{
    padding: 18px 10px;
}

header.title_box h2{
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    color: var(--color-white-default);
    margin-bottom: 24px;
}

header.title_box p{
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    color: var(--color-white-default);
    margin-bottom: 5px;
}

header.title_box span{
    font-size: 18px;
    display: block;
    color: var(--color-white-default);
    margin-bottom: 24px;
}

.border_red{
    border: 1px solid var(--color-red-default);
}

.option_mobile{
    margin-bottom: 10px;
    color: var(--color-white-default);
}


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

    .w100_box{
        width: 100%;
    }

    .w80_box{
        width: 100%;
    }

    .w75_box{
        width: 100%;
    }

    .w70_box{
        width: 100%;
    }

    .w60_box{
        width: 100%;
    }

    .w50_box{
        width: 100%;
    }

    .w40_box{
        width: 100%;
    }

    .w33_box{
        width: 100%;
    }

    .w30_box{
        width: 100%;
    }

    .w25_box{
        width: 100%; 
    }

}