@charset "utf-8";

.tab-bx .tab{display:inline-block;width:100%;margin-top:30px;padding:0 30px}
.tab-bx .tab button{float:left;width:33.333%;margin-left:-1px;padding:10px 15px;background:#fff;border:1px solid #d1d1d1;font-size:20px;font-family:'Noto Regular';color:#333}
.tab-bx .tab button.on{background:#005fca;color:#fff}
.tab-bx .img{display:none}
.tab-bx .img.on{display:block}
.tab-bx > div > ul{display:inline-block;padding:15px 20px}
.tab-bx > div > ul > li{width:50%;float:left;box-sizing:border-box;padding:10px;margin-bottom:30px}
.tab-bx ul li .inner{padding:2px;background-color:#fff}
.tab-bx ul li .inner:hover{background-color:#005fca}
.tab-bx ul li .thum img{width:100%}
.tab-bx ul li .inner p{overflow:hidden;height: 470px;}
.tab-bx ul li .inner div{position:relative;background-color:#baa3a3}
.tab-bx ul li .inner div span{display:block;padding:25px;font-weight:600;font-size:24px}
.tab-bx ul li .inner div ul{position:absolute;right:10px;top:10px}
.tab-bx ul li .inner div ul li{display:inline-block;float:left;margin:2px}
.tab-bx ul li .inner div ul li.pc a{background:url(/sites/help/images/pc-btn.png) no-repeat}
.tab-bx ul li .inner div ul li.tab a{background:url(/sites/help/images/tab-btn.png) no-repeat}
.tab-bx ul li .inner div ul li.mobile a{background:url(/sites/help/images/mo-btn.png) no-repeat}
.tab-bx ul li .inner div ul li a{display:block;width:45px;height:65px;text-indent:-9999px}
@media screen and (max-width:1000px) {
    .tab-bx ul li .inner p {height: auto;}
    .tab-bx > div > ul > li{width:100%;float:left;box-sizing:border-box;padding:0;margin-bottom:20px}
}