/* ========================================
   企業詳細ページ専用スタイル
   ======================================== */
.company-detail {
    background-color: #fff;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.company-detail article {
    max-width: 100%;
}

.company-detail h2 {
    font-size: 2rem;
    color: #222;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #0066cc;
}

.company-detail section {
    margin-bottom: 2rem;
}

.company-detail section:last-child {
    margin-bottom: 0;
}

.company-detail h3 {
    font-size: 1.25rem;
    color: #333;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.basic-info dl {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem 1.5rem;
}

.basic-info dt {
    font-weight: 600;
    color: #555;
}

.basic-info dd {
    color: #333;
}

.basic-info a {
    color: #0066cc;
    word-break: break-all;
}

.company-detail p,
.company-detail div {
    color: #555;
    line-height: 1.8;
}



article.company-detail ul {
    padding-left: 2rem;
    margin-bottom: 0.5rem;
}
article.company-detail dd ul{
    padding-left:0;
}

section.business-segments h4{
    border-left: solid 0.2rem black;
    padding-left: 0.5rem;
}
section.business-segments dl{
    padding-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
section.business-segments dt{
    border-bottom: 1px solid black;
}
section.business-segments dd{
    padding-left: 1rem;
}
section.business-segments ul{
    list-style-type: none;
}
section.business-segments ul li{
    display: inline-block;
}
section.business-segments ul li::after{
    content: "、";
}
section.business-segments ul li:last-child::after{
    content: "";
}
section.innovations .development{
    margin-bottom: 1.5rem;
}
section.innovations h4{
    border-left: solid 0.2rem black;
    padding-left: 0.5rem;
}
section.innovations dl{
    padding-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
section.innovations dt{
    border-bottom: 1px solid black;
}
/* ========================================
   レスポンシブ: スマートフォン (最大767px)
   ======================================== */
@media (max-width: 767px) {
    .company-detail {
        padding: 1.5rem;
    }

    .company-detail h2 {
        font-size: 1.5rem;
    }

    .basic-info dl {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .basic-info dt {
        margin-top: 0.75rem;
    }

    .basic-info dt:first-child {
        margin-top: 0;
    }
}

/* ========================================
   レスポンシブ: タブレット (768px以上)
   ======================================== */
@media (min-width: 768px) {
    .company-detail {
        padding: 3rem;
    }

    .company-detail h2 {
        font-size: 2.25rem;
    }
}