.tab_wrap{width:100%;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; }
.tab_area label{width:150px;display:inline-block; padding:10px 0;background:#fff; color:#000; text-decoration:underline; border: 1px solid #92d4fb; text-align:center; font-size:16px; cursor:pointer; transition:ease 0.2s opacity;}
.tab_area label:first-child{ border-right:none}
.panel_area{ padding-top:15px;background:#fff;}
.tab_panel{width:100%; display:none;}
.tab_panel ul li{ display:flex;  align-items: center; font-size:1.6rem; padding:5px 0;}
.tab_panel ul li a{color:#007ac5; text-decoration:underline}
.list-link{ width:300px; line-height: 1.6;}

#tab1:checked ~ .tab_area .tab1_label{color:#007ac5; background:#c7e7fa; font-weight:bold}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{color:#007ac5; background:#c7e7fa;font-weight:bold}
#tab2:checked ~ .panel_area #panel2{display:block;}

@media screen and (max-width: 767px){
.tab_panel ul li{ border-bottom:1px dotted #CCCCCC }

}

@media screen and (min-width: 768px){
.tab_area label:hover{opacity:0.7;}

}