.table-container {
    width: 100%;   
    overflow-x: auto;
    box-shadow: 0 0px 0px rgba(0,0,0,0.1);
    border-radius: 0px;
}
.equip-table{
    background-color: #dce7f9;
	border-left: 1px solid #ddd;
}
.news-table{
    background-color: #fff;
    border: none;
}
.equip-table > tbody > tr:nth-child(1),
.equip-table > tbody > tr:nth-child(3),
.equip-table > tbody > tr:nth-child(4),
.equip-table > tbody > tr:nth-child(7),
.equip-table > tbody > tr:nth-child(11){
  background-color: #e3ecff;
}
.equip-table > tbody > tr:nth-child(2),
.equip-table > tbody > tr:nth-child(5),
.equip-table > tbody > tr:nth-child(6),
.equip-table > tbody > tr:nth-child(8),
.equip-table > tbody > tr:nth-child(9),
.equip-table > tbody > tr:nth-child(10){
  background-color: #d4dff1;
}
.equip-table, .news-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    color: #222;
}
.equip-head {
    background-color: #123a96;
    font-weight: bold;
    color: #fff;
}
.equip-th, .equip-td{
    padding: 12px 15px;
    text-align: left;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.news-th, .news-td{
    padding: 12px 15px;
    text-align: left;
}
.news-td a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    transition: color 0.3s ease;
}
.news-item-inner {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 15px 0;
}
.date {
    font-size: 0.85rem;
    color: #666;
    font-weight: normal;
}
.title {
    font-size: 1.15rem;
    font-weight: bold;
    color: #123a96;
    text-decoration: none;
    line-height: 1.4;
    display: inline-block;
}
.news-row:hover {
    border-bottom: 1px solid #123a96 !important;
}
.news-row:hover .title {
    text-decoration: none !important;
    color: #123a96;
}
.news-row {
    position: relative;
    border-bottom: 1px solid #eee;
    transition: border-color 0.3s ease;
}
.equip-th:last-child, .equip-td:last-child{
    border-right: none;
}
.equip-th, .news-th {
    white-space: nowrap;
}
.news-th:first-child, 
.news-td:first-child {
    width: 120px;
    white-space: nowrap;
}
.news-th:last-child, 
.news-td:last-child {
    width: auto;
}
.about_table > .equip-table > thead{
	background-color: #436bc6;
}
.equip-body tr > td:first-child{
    border-left: 1px solid #ddd;
}
.news-item-inner {
    white-space: normal; 
    overflow-wrap: break-word; 
    word-break: break-all;
    width: 100%;
}

/* レスポンシブ用ブロックのスタイル */
.responsive-blocks {
    display: none; /* 初期状態では非表示 */
    padding: 15px;
}
.machine-block {
    background-color: #ccd7e9;
    border: 1px solid #ddd;
    border-radius: 0px;
    margin-bottom: 20px;
    overflow: hidden; /* h2の背景がdlの下に回り込まないように */
}
.machine-block h2 {
    background-color: #123a96; /* 画像の背景色に合わせて調整 */
    color: #fff;
    padding: 10px 15px;
    margin: 0;
    font-size: 1.2em;
    font-weight: normal;
}
.machine-block dl {
    display: grid;
    grid-template-columns: auto 1fr; /* dtがauto、ddが残りの幅 */
    gap: 5px 10px;
    padding: 15px;
    margin: 0;
    font-size: 0.9em;
}
.machine-block dt {
    font-weight: bold;
    color: #333;
}
.machine-block dd {
    margin: 0;
    color: #222;
}
.about_table > .equip-table > thead{
	background-color: #436bc6;
}
/* メディアクエリ */
@media screen and (max-width: 768px) {
    /* 従来のテーブルを非表示 */
    .equip-table {
        display: none;
    }

    /* レスポンシブ用ブロックを表示 */
    .responsive-blocks {
        display: block;
    }

    .table-container {
        padding: 0; /* ブロック形式に合わせる */
        box-shadow: none; /* ブロック自体に影があるのでコンテナの影は不要 */
        background-color: transparent;
    }

    .t-duplicate{
        border-bottom: 2px solid #888;
    }
}