@charset "UTF-8";
/* CSS Document */

.tab_box2 .btn_area {
display: flex;
gap: 0;
justify-content: center;
}

.tab_box2 .tab_btn {
width: 25%;
padding:10px 5px;
color: #909090;
cursor: pointer;
transition: all .6s ease;
font-size: 15px;
font-weight: bold;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
position: relative;
border-bottom: 1px solid #D5D5D5;
}

.tab_box2 .tab_btn:hover {
color: #086DB0;
position: relative;
border-bottom: 2px solid #086DB0;
}

.tab_box2 .tab_btn.active {
color: #086DB0;
position: relative;
border-bottom: 2px solid #086DB0;
}

.tab_box2 .panel_area {
padding:10px 0;
}

.tab_box2 .tab_panel {
display: none;
}

.tab_box2 .tab_panel.active {
display: block;
}



/*sp*/
@media only screen and (max-width: 767px) {

.tab_box2 .tab_btn { padding: 7px 5px; font-size: 1.2rem; }
.tab_box2 .panel_area { padding: 0; }


}