/* =======================================
   company.css
   会社概要・特定商取引法・採用情報 共通スタイル
======================================== */
.page-title{
    margin-bottom: 0;
}
#side{
    display: none;
}
/* Card / bordered container */
#company.main-container,
#law.main-container{
    padding: 0 0 30px;
}

#recruit.main-container {
    padding: 30px 0;
}

#company .company-card,
#law .company-card,
#recruit .company-card {
    padding: 0 0 30px;
}

/* Table */
#company .company-card table,
#law .company-card table,
#recruit .company-card table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.5rem;
    line-height: 1.8;
}

#company .company-card table tr,
#law .company-card table tr,
#recruit .company-card table tr {
    border-bottom: 1px solid #dde3ea;
}

#company .company-card table tr:last-child,
#law .company-card table tr:last-child,
#recruit .company-card table tr:last-child {
    border-bottom: none;
}

#company .company-card table th,
#law .company-card table th,
#recruit .company-card table th {
    width: 140px;
    padding: 20px 15px 20px 5px;
    font-weight: normal;
    color: #555;
    vertical-align: top;
    white-space: nowrap;
    border: none;
    background: none;
    text-align: left;
}

#company .company-card table td,
#law .company-card table td,
#recruit .company-card table td {
    padding: 20px 10px;
    vertical-align: top;
    border: none;
    line-height: 1.8;
}

#company .company-card table td .en.small,
#law .company-card table td .en.small,
#recruit .company-card table td .en.small {
    font-size: 1.3rem;
    color: #888;
    display: block;
}

#company .company-card table td strong,
#law .company-card table td strong,
#recruit .company-card table td strong {
    font-weight: bold;
    display: inline;
}

#company a,
#law a,
#recruit a{
    color: #2e71f2;
    text-decoration: underline;
}

#company a:hover,
#law a:hover,
#recruit a:hover{
    opacity: .8;
    text-decoration: none;
}

/* Google Maps embeds (company only) */
#company .map {
    margin: 12px 0 20px;
    overflow: hidden;
}

#company .map iframe {
    width: 100%;
    height: 280px;
    border: 0;
    display: block;
}

/* ---- SP (smartphone) : 2カラム → 1カラム ---- */
@media all and (max-width: 767px) {
    .page-title{
        margin-bottom: 20px;
    }
    #company.main-container,
    #law.main-container,
    #recruit.main-container {
        padding: 0 15px 20px;
    }

    #company .company-card,
    #law .company-card,
    #recruit .company-card {
        padding: 0 0 20px;
    }

    /* th・td をブロック要素にして縦積み */
    #company .company-card table,
    #law .company-card table,
    #recruit .company-card table {
        font-size: 1.4rem;
    }

    #company .company-card table tr,
    #law .company-card table tr,
    #recruit .company-card table tr {
        display: block;
        border-bottom: 1px solid #dde3ea;
        padding: 12px 0;
    }

    #company .company-card table tr:last-child,
    #law .company-card table tr:last-child,
    #recruit .company-card table tr:last-child {
        border-bottom: none;
    }

    #company .company-card table th,
    #law .company-card table th,
    #recruit .company-card table th {
        display: block;
        width: 100%;
        padding: 0 0 4px 0;
        font-weight: bold;
        color: #333;
        white-space: normal;
        font-size: 1.3rem;
    }

    #company .company-card table td,
    #law .company-card table td,
    #recruit .company-card table td {
        display: block;
        width: 100%;
        padding: 0 0 4px 0;
        font-size: 1.4rem;
        box-sizing: border-box;
    }

    #company .map iframe {
        height: 200px;
    }
}