@charset "utf-8";
/* free_deskカテゴリ用
CSS Document */

table.fix .table-wrap{width:100%;margin:auto;}
table.fix {width:100%;border-collapse:collapse;}
table.fix th,table.fix td{padding:8px;border:1px solid #7C8790;}
table.fix td{padding:20px;border:1px solid #7C8790;}
/*table.fix thead th{position:sticky;top:0;z-index:5;}*/

.cate_temp .mb80{margin-bottom: 80px}
.cate_temp .mb30{margin-bottom: 30px}
.cate_temp .mb50{margin-bottom: 50px}
.cate_temp ul.no_list{padding-left: 0}
.cate_temp ul.no_list li{list-style: none}
.cate_temp .free_desk_nav{display: flex;justify-content: space-between}
.cate_temp .free_desk_nav .box{width:49%;border: 1px solid #576E83;}
.cate_temp .free_desk_nav .box .free_desk_nav_flex{display: flex;justify-content: space-between;padding: 5px 0 0px 15px;align-items: center}
.cate_temp .free_desk_nav .box .free_desk_nav_flex .text{width: 55%;font-size: 12px}
.cate_temp .free_desk_nav .box .free_desk_nav_flex .img{width: 43%}
.cate_temp .free_desk_nav .box .free_desk_nav_flex h3{margin: 0 0 10px 0;font-weight: bold;font-size: 20px}
.cate_temp .free_desk_nav .box .btn{background: #576E83;padding: 10px 0;text-align: center}
@media (max-width: 767px) { 
.cate_temp .free_desk_nav{display: block;}
.cate_temp .free_desk_nav .box{width:100%;margin-bottom: 20px; border: 1px solid #576E83;}
.cate_temp .free_desk_nav .box .free_desk_nav_flex{display: block;padding: 20px 20px 0px 20px;}
.cate_temp .free_desk_nav .box .free_desk_nav_flex .text{width: 100%;font-size: 12px}
.cate_temp .free_desk_nav .box .free_desk_nav_flex .img{width: 60%;margin: 10px auto 0}
}

.cate_temp table.fix th{font-size: 13px;font-weight: normal;background:#F5F5F5;width: 16%;border:1px solid #7C8790;}
.cate_temp table.fix th.bk{text-align: left;color: #fff;background: #7C8790;font-size: 16px;padding-left: 20px;width: 52%;font-weight: bold}
.cate_temp table.fix td{text-align: center;font-size: 13px}
.cate_temp table.fix .left{text-align: left}
.cate_temp table.fix .blue{color: #576E83}

.cate_temp table.fix img{max-width: 137px}
.cate_temp table.fix .mb5{margin-bottom: 5px}
.cate_temp table.fix .f11{font-size: 11px; margin-top: 5px;padding: 0 10px}
.cate_temp table.fix .a_flex{display: flex;justify-content: center;column-gap: 3%;align-items: center;}
.cate_temp table.fix .a_flex .img img{max-width: 450px;}
.cate_temp table.fix .a_flex .img{position: relative;}
.cate_temp table.fix .a_flex .img .ranking{position: absolute;top: -10px;left: -10px}
.cate_temp table.fix .a_flex .img .ranking img{max-width: 46px}
.cate_temp table.fix .a_flex .img .lav{background: #000;border-radius: 28px;text-align: center;color: #fff;font-weight: bold;font-size: 10px;padding: 0.2em 2em;margin-bottom: 5px;display:block;width: 110px}
.cate_temp table.fix .a_flex .btn{background: #8EADBD;border-radius: 28px;text-align: center;color: #fff;font-weight: bold;font-size: 14px;padding: 0.5em 2em}

.cate_temp .faq ul{padding: 0}
.cate_temp .faq li{list-style: none;margin-bottom: 40px}
.cate_temp .faq .name{font-size: 16px; font-weight: bold;border-bottom: 1px solid #9D9D9D;padding-bottom: 10px;margin-bottom: 15px;}
.cate_temp .faq .text{font-size: 12px;margin-bottom: 20px}

.cate_temp .free_desk_flex {display: flex;justify-content: space-between;column-gap: 2%}
.cate_temp .free_desk_flex .box .text{margin-top: 10px; font-weight: bold}

@media (max-width: 767px) { 
.table-scroll {
  overflow: auto; /* xとy両方をautoにする */
  -webkit-overflow-scrolling: touch;
}
table.fix th,table.fix td{white-space: nowrap}
.cate_temp table.fix .a_flex{display: block;}
.cate_temp table.fix .a_flex .img img{max-width: 250px;}
.cate_temp table.fix .a_flex .btn{width: 40%;margin: 10px auto 0;padding:0.4em 1em}
.cate_temp table.fix{margin-bottom: 0px}

.cate_temp .free_desk_flex {display: block;}
.cate_temp .free_desk_flex .box{margin-bottom: 20px}
}