@charset "utf-8";

.pc { display: block; }
.tab { display: none; }
.mo { display: none; }

/* sec01 */
.sec01 .img_wrap { margin: 0 auto; max-width: 950px; }

/* sec02 */
table { display: block; border-radius: 10px; border: 1px solid var(--border-color); overflow: hidden; }
table thead { display: block; width: 100%; }
table thead tr { display: flex; justify-content: flex-start; align-items: stretch; width: 100%; }
table thead tr th { display: flex; justify-content: center; align-items: center; padding: 18px 0; width: 100%; font-size: 17px; font-weight: 700; color: var(--gray-11); text-align: center; background: var(--gray-fa); border-right: 1px solid var(--border-color); }
table thead tr th:last-child { border-right: 0; }
table tbody { display: block; width: 100%; }
table tbody tr { display: flex; justify-content: flex-start; align-items: stretch; width: 100%; }
table tbody tr td { padding: 25px 0; width: 100%; font-size: 17px; font-weight: 400; color: var(--gray-55); text-align: center; border-top: 1px solid var(--border-color); border-right: 1px solid var(--border-color); }
table tbody tr td:last-child { border-right: 0; }


/*** responsive ***/
/* 1200px or less */
@media all and (max-width : 1200px){
   
    .pc { display: none; }
    .tab { display: block; }
    .mo { display: none; }

    /* sec02 */
    table thead tr th { padding: 15px 0; height: 73.5px; font-size: 15px; }
    table tbody tr td { padding: 25px 0; font-size: 15px; }

}

/* 767px or less */
@media all and (max-width : 767px){

    .pc { display: none; }
    .tab { display: none; }
    .mo { display: block; }
  
    /* sec02 */
    table thead tr th { height: 60px; font-size: 12px; }
    table tbody tr td { padding: 15px 0; font-size: 12px; }

}