@charset "utf-8";

/* ===== 媒介契約比較表 ===== */
.bg_type_wrap { position: relative; z-index: 1; }
.bg_type_wrap::before { content: ''; position: absolute; top: 30px; left: calc(50% - 50vw); display: block; width: calc(20% + 50vw); height: 100%; border-top-right-radius: 40px; border-bottom-right-radius: 40px; background: #ECE5DC; z-index: -1; }
.type_table_wrap { overflow-x: auto; }
.type_table_wrap .scroll-hint-icon { width: 160px; left: calc(50% - 80px); }
.type_table { display: grid; grid-template-columns: 44px 132px repeat(3, minmax(220px, 1fr)); min-width: 640px; font-size: 13px; border-top: 1px solid #C0B6B5; border-left: 1px solid #C0B6B5; }
.type_table_row { display: contents; }
.type_table_cell { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 6px; text-align: center; background: #FFF; border-right: 1px solid #C0B6B5; border-bottom: 1px solid #C0B6B5; }
.type_table_cell_corner { grid-column: span 2; background: #5A4A3A; }
.type_table_cell_head { background: #5A4A3A; color: #FFF; font-weight: bold; }
.type_table_group { grid-row: span 2; background: #FEFAF3; font-weight: bold; writing-mode: vertical-rl; text-orientation: upright; letter-spacing: 0.2em; }
.type_table_label { background: #FEFAF3; font-weight: bold; white-space: nowrap; }
.type_table_value { display: block; }
.type_table_img { display: block; width: 200px; max-width: 100%; }
.type_table_note { display: block; font-size: 12px; letter-spacing: 0.05em; line-height: 1.2em; color: #999; }
@media ( min-width: 768px ) {
    .bg_type_wrap::before { top: 60px; }
    .type_table { grid-template-columns: 46px 150px repeat(3, minmax(240px, 1fr)); font-size: 16px; }
    .type_table_cell { padding: 8px; }
    .type_table_img { width: 240px; }
    .type_table_note { font-size: 12px; }
}

/* ===== 結び ===== */
.type_closing_sec p + p { margin-top: 1.5em; }
@media ( min-width: 768px ) {
    .type_closing_sec { font-size: 24px; }
}