/* main */
.main_content{
    margin-left: 5%;
    margin-right: 5%;
    padding: 20px 5%;
    background: rgb(0,0,30);
    color:rgb(170,170,170);
}

.section_block{
    margin-bottom: 50px;
}

.section_title{
    border-left: solid 5px rgb(100, 120, 160);
    padding-left: 10px;
    /* background: rgb(50,50,50); */
    font-family: 'Yu Gothic';
}

.section_block > p, .section_block > div{
    padding-left: 5%;
    padding-right: 5%;
}

.used_data_link li a, .nomogram_image a{
    text-decoration: none;
    color: rgb(100, 120, 160);
    cursor: pointer;
}

.used_data_link h3{
    border-left: solid 3px rgb(100, 120, 160);
    padding-left: 10px;
}

/* main image */
.image_block{
    margin-top: 40px;
    margin-bottom: 40px;
}

.image_block *{
    display: block;
    height: auto;
    max-width: 90%;
    margin-left: 5%;
}

.image_box-cox,.image_correlation_coefficient{
    width: 300px;
}

.image_box-cox_graph, .image_converted_value, .image_feature_value, .image_result{
    width: 400px;
}

.image_chart{
    width: 500px;
}

.image_R_2{
    width: 530px;
}


/* for smartphone */
@media screen and (max-width: 480px){
    .main_content{
        margin: 5%;
        padding: 2%;
    }

    .section_title{
        font-size: 1.4rem;
    }

    .used_data_link li, .nomogram_image a{
        font-size: 0.8rem;
    }

    .section_block > p, .section_block > div{
        padding-left: 2%;
        padding-right: 2%;
    }


}