.content {
    min-height:73vh;
}



.top_info_block{
    /*background: rgba(238, 238, 238, .8);*/
    background: #eee;
    border-radius: 30px;
    padding: 50px 50px 20px 50px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
}

.top_info_block .type_block{
    width: 740px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.top_info_block .type_block .type_include{
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    border-left: 1px #999 solid;
    padding: 3px 10px 3px 17px;
}
.top_info_block .type_block .type_include:first-child{
    border-left: none;
}

.top_info_block .type_block .one_type{
    position: relative;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    color: #666;
    /*color: #ddc;*/
    font-weight: bold;
}
.top_info_block .type_block .one_type:hover{
    text-decoration: underline;
    color: #005dbc;
}
.top_info_block .type_block .one_type.this:hover{
    text-decoration: none;
}
.top_info_block .type_block .one_type div{
    font-size: 0.9em;
} 
.top_info_block .type_block span{
    width: 3em;
}
.top_info_block .type_block .one_type.this{
    background: #005dbc;
    color: #fd6;
    cursor: auto;
    border-radius: 20px;
    padding: 3px 0;
}
.top_info_block .type_block .one_type p{
    display: none;
} 
.top_info_block .type_block .one_type.this p{
    display: inline-block;
    position: absolute;
    color: #005dbc;
    font-size: 20px;
    bottom: -37px;
    left: 45%;
}

.top_info_block .white_block .one_block{
    background: #fff;
    border-radius: 30px;
    padding: 12px 30px;
    margin-bottom: 8px;
    font-size: 0.9em;
}
.top_info_block .white_block .one_block .date{
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
}
.top_info_block .white_block .one_block .type{
    display: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    color: #005dbc;
    /*color: #1392e9;*/
    /*color: #ddc;*/
    font-weight: bold;
}











.top_info_block{
    margin-top: 40px;
    padding-top: 25px;
}




.info_detail{
    margin: 30px auto;
}

.info_detail .date{
    display: block;
    /*text-align: right;*/
    /*font-weight: bold;*/
}
.info_detail .title{
    color: #005dbc;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 5px;
    border-bottom: 2px #005dbc solid;
}
.info_detail .text{
    margin-top: 30px;
}







@media all and (max-width: 768px) {
    
.top_info_block{
    background:#fff;
    border-radius: 0;
    padding: 0 5vw 0;
    width: 100%;
    color: #333;
}

.top_info_block .type_block{
    /*background: #aaa;*/
    width: 100%;
    margin-bottom: 20px;
}
.top_info_block .type_block .type_include{
    width: 23.3%;
    padding: 3px 5px 3px 10px;
    box-sizing: border-box;
}
.top_info_block .type_block .one_type {
    color: #333;
}
.top_info_block .type_block .one_type div{
    font-size: 3vw;
}  
.top_info_block .type_block .one_type.this p{
    font-size: 5vw;
    bottom: -9.5vw;
    left: 38%;
}

.top_info_block .white_block .one_block{
    background: rgba(238, 238, 238, 1);
    border-radius: 20px;
    padding: 10px 15px;
    font-size: 3.6vw;
}
.top_info_block .white_block .one_block .date{
    margin-right: 0;
    width: 22vw;
}
.top_info_block .white_block .one_block .type{
    margin-right: 0;
    width: 17.5vw;
    color: #333;
}


                
                
                
                
                
                

.page_title_block{
margin-top: 0px;
}

.info_detail{
    margin: 30px auto;
    width: 94%;
}

.info_detail .date{
    font-size: 3.6vw;
}
.info_detail .title{
    font-size: 4.5vw;
}
.info_detail .text{
    margin-top: 20px;
    font-size: 3.8vw;
}
}