.tab_box *,.tab_box *::before,.tab_box *::after{box-sizing:border-box}.tab_list{text-align:center;padding:30px 0}.tab{position:relative;display:inline-block;font-size:1.3em;font-weight:bold;padding:10px 50px;margin:0 10px;cursor:pointer}.tab span{position:relative;z-index:2}.tab::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid #f5d83c;transform:skewX(-20deg);z-index:1}.tab:hover::after,.tab.active::after{background-color:#f5d83c}.tab_content{display:none;flex-wrap:wrap;padding:6px}.tab_content.active{display:flex}.tab_content a{width:25%;padding:6px;transition:transform .2s}.tab_content a:hover{transform:scale(.97)}.tab_content a img{display:block;width:100%}@media screen and (max-width:767px){.tab_list{padding:25px 0 15px 0}.tab{font-size:1.125em;font-weight:bold;padding:8px 23px;margin:0 6px}.tab_content a{width:50%;transform:scale(1)!important}}