.company .line-gray{ display: block; width: 100%; background: #c6c6c6; height: 3px; margin-bottom: 28px;}

.title-company{ line-height: 1.5; font-size: 20px; font-weight: bold; border-bottom: 1px solid #c6c6c6; padding: 8px 4px;}
.title-company img{ margin-top: -20px; margin-right: 8px;}

.title-table{ line-height: 1.5; font-size: 20px; font-weight: bold; padding: 8px 4px;}
.title-table img{ margin-top: -20px; margin-right: 8px;}

.company-woman{ text-align: center; background: url(../images/bg-company.jpg) no-repeat center; background-size:cover; padding: 30px 8px 0;}
.company-woman img{ max-width: 100%;}

.text-company{ font-size: 14px; padding: 22px 8%; line-height: 30px;}

.content-table{ margin: 50px auto; padding: 4px;}
.table-company ul{ display: table; width: 100%; border-collapse: collapse; padding: 0; margin: 0;}
.table-company ul li{ display: table-row;}
.table-company ul li div{ display: table-cell; padding: 12px 22px; border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; font-size: 13px;}
.table-company ul li div:first-child{ font-weight: bold;}
.table-company ul li div a{ color: #1653ca;}
.table-company ul li div a:hover{ text-decoration: underline;}

.table-company ul.bg-light-gray li div:first-child{ background: #f1f1f1}

.map-company{ font-size: 14px; padding: 16px 0; line-height: 30px; display: inline-block;}
.map-company iframe{ margin: 0 6px ;}

.houmen { background-color: #122d98; padding: 12px 16px; color: #fff; margin: 30px 0 0; display: inline-block;}
.step {
    list-style: none ;
    padding: 0;
}
.step li {
    width: 31%;
    display: inline-block;
    margin: 0 9px;
    vertical-align: top;
}
.step img { width: 100%;}
.step p {
    font-size: 13px;
    margin: 6px 0;
    line-height: 1.5;
}

@media(max-width:680px){
    .houmen {
        margin: 20px 10px 0;
        padding: 14px 16px;
    }
    .step  {
    padding: 0 10px;
    box-sizing: border-box
    }
    .step li {
        width: 100%;
        display:block;
        margin: 0 auto 14px;
    }
    .step img { width:100%;}

}
@media(max-width:620px){
    .table-company ul,
    .table-company ul li,
    .table-company ul li div{ display: block;}
    .table-company ul li{ padding: 12px 0;  border-bottom: 1px solid #c6c6c6;}
    .table-company ul li div{ border: 0; padding: 4px 18px;}
    .table-company ul li div:first-child::after{ content: ":"; margin: auto 8px;}
    .table-company ul li:first-child{ border-top: 1px solid #c6c6c6;}

    .table-company ul.bg-light-gray li{ border-bottom: 0;}
    
    .map-company{ display: block;}
    .map-company iframe{ margin: 0 auto 10px ; width: 90%; display: block;}
}

.keikoku { color: red;}