@charset "utf-8";

table{table-layout: fixed;width:100%;}
table th,table td {table-layout: fixed;}
table th{text-align:left}

/* ================================================================================ */
/*      hyo     */  
/* ================================================================================ */
table{
margin-bottom:30px;
background:#fff;
}
table th{
width:25%;
border-left:none;
}
table th,table td{
padding:12px 18px;
color:#333333;
vertical-align:middle;
}
table td{border-left:none;border-right:none;}

table.hyo1{
background:#fff;
}
table.hyo1 tr:nth-child(odd){
background:rgb(230,239,248);
}


table.hyo1 td ul li{
margin:0;
text-indent:-1em;
padding-left:1em;
}
table.hyo1 td ul li:before{
content:"●";
}

/*一般的な表*/
table.hyo2{
margin-bottom:24px;
border:1px solid #ccc;
}
table.hyo2 caption{
font-size:100%;
line-height:1.85;
font-weight:bold;
padding-left:6px;
}

table.hyo2 th,
table.hyo2 td{
border:1px solid #ccc;
padding:1rem 1.5rem;
}
table.hyo2 td{
border-right:none;
}


/* スマホ */

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

section.sec_contform{
width:100%;
margin:0 auto 60px;
}


/*thとtdをブロック化して幅100％にして、縦積み*/
.hyo1 th, .hyo1 td,
.hyo2 th, .hyo2 td {
width: 100%;
padding:6px 18px;
display: block;
box-sizing: border-box;
}
/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
table.hyo1 tr,table.hyo2 tr{
background:rgb(230,239,248)
}
.hyo1 th ,.hyo2 th {
text-align: left;
box-sizing: border-box;
font-weight:bold;
}
.hyo1 td,.hyo2 td  {
background:#fff;
}
table.hyo2,
table.hyo2 th,
table.hyo2 td{
border:0 none;
}

}