.header_pc .menu_block a.pc_menu_6{
    color: #0e648c;
}

.page_top_img{
    background:url(../images/info/top_img.jpg) center/cover no-repeat;
}


.info_list_block{
    background: #ebf8fe;
    padding: 40px 0 60px 0;
}




.tab_wrap{
    width:1000px; 
    margin:30px auto;
}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 10px;}
.tab_area label{
    width:30%; 
    margin:0 10px; 
    display:inline-block; 
    padding:12px 0; 
    color:#999; 
    background:#ddd; 
    text-align:center; 
    font-size:13px; 
    cursor:pointer; 
    transition:ease 0.2s opacity;
    font-size: 18px;
}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff;}
.tab_panel{
    width:100%; 
    display:none;
    padding: 20px 60px;
    box-sizing: border-box;
}
.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}
 
#tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#e0c50a; font-weight: bold;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#2bcc10; font-weight: bold;}
#tab2:checked ~ .panel_area #panel2{display:block;}






.info_list_block .one_block{
    font-size: 0;
    margin: 15px 0;
}

.info_list_block .one_block .date,
.info_list_block .one_block .title{
    display: inline-block;
    font-size: 17px;
    vertical-align: top;
}
.info_list_block .one_block .date{width: 18%;}
.info_list_block .one_block .title{max-width: 82%; text-decoration: none;}

.info_list_block .one_block .title:hover{
    text-decoration: underline;
}

.info_list_block .one_block .date span{
    color: #efde63;
    padding-right: 0.5em;
}
.info_list_block #panel2 .one_block .date span{
    color: #77ef63;
}

/*ここから詳細ページ*/
.info_list_block .content{
    margin-top: 60px;
    background: #fff;
    font-size: 16px;
    padding: 40px 100px;
    box-sizing: border-box;
}
.info_list_block .content img{
    width: 60%;
}
.info_list_block .content img.icon{
    width: auto;
    height: 16px;
}





@media all and (max-width: 768px) {
            .info_list_block{
                /*background: #ebf8fe;*/
                padding: 30px 0;
            }
            
            
            
            
            .tab_wrap{
                width:94%; 
                /*margin:30px auto;*/
                box-sizing: border-box;
            }
            input[type="radio"]{display:none;}
            .tab_area{font-size:0; margin:0 10px;}
            .tab_area label{
                width:45%; 
                margin-left: 0;
                margin-right:5%; 
                /*display:inline-block;*/ 
                /*padding:12px 0;*/ 
                /*color:#999;*/ 
                /*background:#ddd;*/ 
                /*text-align:center;*/ 
                transition:none;
                font-size: 4vw;
            }
            .tab_area label:hover{opacity:1;}
            /*.panel_area{background:#fff;}*/
            .tab_panel{
                /*width:100%;*/ 
                /*display:none;*/
                padding: 3px 15px;
                /*box-sizing: border-box;*/
            }
            .tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}

            #tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#e0c50a; font-weight: bold;}
            #tab1:checked ~ .panel_area #panel1{display:block;}
            #tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#2bcc10; font-weight: bold;}
            #tab2:checked ~ .panel_area #panel2{display:block;}

            


            .info_list_block .one_block{
                /*font-size: 0;*/
                margin: 25px 0;
            }

            .info_list_block .one_block .date,
            .info_list_block .one_block .title{
                display: block;
                font-size: 3.5vw;
                /*vertical-align: top;*/
            }
            .info_list_block .one_block .date{width: 100%;}
            .info_list_block .one_block .title{
                margin-left: 2.5em;
                max-width: fit-content; 
                text-decoration: underline;
            }

/*            .info_list_block .one_block .title:hover{
                text-decoration: underline;
            }*/

            .info_list_block .one_block .date span{
                /*color: #efde63;*/
                /*padding-right: 0.5em;*/
            }







            /*ここから詳細ページ*/
            .info_list_block .content{
                margin-top: 40px;
                /*background: #fff;*/
                font-size: 3.5vw;
                padding: 20px 10px;
                /*box-sizing: border-box;*/
            }
            .info_list_block .content img{
                width: 100%;
            }
}