@media screen and (min-width:992px){
    #column_box {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #column_box {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}
@media screen and (max-width:767px){
    #column_box {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.big_title {
    padding: .5em;
    line-height: 1.5em;
    color: #01284F;
    font-weight: bold;
    border: 3px solid #01284F;
}

.middle_title {
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: .5em;
    background-color: #DDEEFF;
    color: #333333;
    font-weight: bold;
    border-left: 5px solid #01284F;
}

.small_title {
    padding-top: .5em;
    padding-bottom: .5em;
    color: #01284F;
    font-weight: bold;
/*
    border-bottom: solid 3px #01284F;
*/
}

.little_title {
    padding: .5em 0 0 .5em;
    padding-bottom: .5em;
    color: #01284f;
    font-weight: bold; /* フォント太さ */
    background: transparent;
    border-left: solid 5px #7db4e6;
}

.strong {
    background: linear-gradient(transparent 70%, #FFCC66 50%);
    font-weight: bold;
}

.point_box {
/*
    padding: 1.0em;
    background-color: #F2F2F2;
*/
    background-color: #EFECE7;
}














@media screen and (min-width:992px){
    #data_title {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .paragraph_box {
        margin: 30px 0 30px 0;
    }
    .paragraph_title {
        color: #01284f;
        margin: 30px 0 30px 0;
    }
    .paragraph_content {
        margin: 30px 0 30px 0;
    }
    .paragraph_img {
        margin: 30px 0 30px 0;
    }
}
@media screen and (max-width:991px){
    #data_title {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .paragraph_box {
        margin: 15px 0 15px 0;
    }
    .paragraph_title {
        color: #01284f;
        margin: 15px 0 15px 0;
    }
    .paragraph_content {
        margin: 15px 0 15px 0;
    }
    .paragraph_img {
        margin: 15px 0 15px 0;
    }
}









/*
.paragraph_box {
    margin: 30px 0 0 0;
}
.paragraph_title {
    margin: 20px 0 30px 0;
    color: #223a70;
}
.paragraph_content {
    margin: 20px 0 50px 0;
}
.paragraph_img {
    margin: 20px 0 30px 0;
}
*/
.subhead_img {
    margin: 50px 0 50px 0;
}
.phrase_img {
    margin: 50px 0 50px 0;
}


.column_box {
    margin: 80px 0 0 0;
    padding: 30px 0 30px 0;
    background-color: #e0e0e0;
}










.mokuji_box {
    padding: 1.5em;
    border: 1px solid #c0c0c0;
    line-height:  2.4em;
}
.mokuji_box ul {
    list-style: decimal;
}
.mokuji_title {
    font-weight: bold; /* フォント太さ */
    padding-top: 1.0em;
    padding-bottom: 1.0em;
}



.matome_box {
    color: #01284f;
    font-weight: bold; /* フォント太さ */
    padding: 1.0em;
    background-color: #DDEEFF;
    margin-bottom: 50px;
}
.matome_title {
    padding-bottom: 1.0em;
}

ul.matome_box li:first-child {
    border-bottom:1px solid #01284f;
    list-style: none;
}
ul.matome_box li + li {
    border-bottom:1px dotted #01284f;
    padding-top: 1.0em;
    padding-left: 1.0em;
    padding-bottom: 1.0em;
    list-style: none;
}






.container table th.text-center {
    vertical-align: middle;
}
.container table td.text-center {
    vertical-align: middle;
}