@charset "utf-8";
.tbl-common01 {  
    width: 100%;
    margin: 0 auto;
    border-bottom: none;
}

.tbl-common01 dt {
	font-size:13px;
	color:#228b22;
}

/* スマホ
-------------------------------------------------- */
@media only screen and (max-width:570px) {
    .tbl-common01 {
        background-color: #fff;
    }
    
    .tbl-common01 dt,
    .tbl-common01 dd {
        padding: 8px 10px;
    }
    
    .tbl-common01 dt {
        float: none;
        background-color: #f5f5e9; /* 背景色を指定 */
        border-top:1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
    }
    
    .tbl-common01 dd {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
}


/* PC
-------------------------------------------------- */
@media only screen and (min-width: 571px) {
    .tbl-common01 {
    }
    
    .tbl-common01 dt,
    .tbl-common01 dd {
        padding: 10px;
    }
    
    .tbl-common01 dt {
        clear: both;
        float: left;
        width: 80px; /* 幅を指定 */
        border-top: 1px solid #FFFFFF;
    }
    
    .tbl-common01 dd {
        padding-left: 80px; /* dtの分、左にpaddingを取る */
        border-top: 1px solid #FFFFFF;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #FFFFFF;
    }
}