@charset "utf-8";
/* CSS Document */
/* Version:202510 */
.fixed-page-wrapper a {
    text-decoration: underline;
}

/* h2見出しのスタイル */
.fixed-page-wrapper h2 {
    text-align: left;
    margin-top: 40px;
    font-size: 28px !important; /* !importantは乱用を避けるべきですが、元のコードに従って残しています */
}

/* リストアイテムのスタイル */
.fixed-page-wrapper li {
    margin: 8px auto;
}

/* h3見出しのスタイル */
.fixed-page-wrapper h3 {
    text-align: left;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 8px;
    margin-top: 24px;
}

/* リストタイトルのスタイル */
span.list-title {
    background-color: #111;
    display: block;
    font-size: 18px;
    margin-top: 10px;
    color: #fff;
    width: fit-content;
    padding: 4px 8px;
}

/* リンクリスト内のリンクのスタイル */
.link-list a {
    display: block;
    color: #111;
    position: relative;
    top: 92%; /* このプロパティの値 (92%) は意図が不明確ですが、元のコードに従っています */
    padding-left: 12px;
    line-height: 1.3;
    margin: 12px auto;
    text-decoration: underline;
}

/* リンクリスト内のリンクの前にある三角形の点（before擬似要素）のスタイル */
.link-list a:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 9px;
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotateZ(-45deg);
}

/* リンクリストコンテナのスタイル */
.link-list {
    margin-bottom: 24px;
}

/* リンクリスト内のh4見出しのスタイル */
.link-list h4 {
    font-weight: 700;
    font-size: 18px;
    margin-top: 16px;
}

h1 + img {
  margin-bottom: 24px;
}

/* 点（disc）付きリストのスタイル */
ul.list-dot li {
    list-style: disc;
    list-style-position: inside;
}

/* "reason" クラスのスタイル */
.reason {
    margin-top: 16px;
}

/* テーブルをレスポンシブにするためのラッパー */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* 比較テーブルのベーススタイル */
.compare-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
    margin-top: 24px;
    margin-bottom: 16px;
}

/* 比較テーブルのヘッダーとセルのスタイル */
.compare-table th, .compare-table td {
    padding: 12px 15px;
    text-align: left;
    border: 1px solid #ddd;
    vertical-align: top;
}

/* 比較テーブルのヘッダーのスタイル */
.compare-table th {
    background-color: #f4f4f4;
    font-weight: bold;
    white-space: nowrap;
}

/* 比較テーブル内のリストのスタイル */
.compare-table ul {
    margin: 0;
    padding-left: 20px;
    list-style-type: disc;
}

/* 比較テーブルのレスポンシブ対応（画面幅768px以下） */
@media (max-width: 768px) {
    .compare-table {
        min-width: 100%;
    }
.fixed-page-wrapper h2 {
    font-size: 22px !important;
    margin-top: 24px;
}
.fixed-page-wrapper h3 {
    font-size: 20px;
    margin-top: 16px;
    line-height: 1.4;
}
}

/* ボタンのスタイル (arc-btn) */
a.arc-btn {
    display: block;
    background-color: #111;
    padding: 13px;
    border-radius: 4px;
    text-align: center;
    text-decoration: none !important; /* 2回目のスタイルで追加されたため採用 */
    font-weight: 800;
    max-width: 400px;
    margin: auto;
    color: #fff;
}

/* ボタンのホバースタイル */
a.arc-btn:hover {
    text-decoration: unset;
    filter: alpha(opacity=70); /* IE向けの古い記述 */
    -moz-opacity: 0.7; /* Firefox向けの古い記述 */
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    opacity: 0.7;
}

/* プロダクトカラム内のh3見出しのスタイル */
.products-col h3 {
    text-align: left !important;
    font-size: 18px !important;
    font-weight: bold;
    margin-top: 14px;
    margin-bottom: 6px !important;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 50px;
}

/* プロダクトテキストのスタイル */
p.product-txt {
    margin-bottom: 6px;
}

/* プロダクトボックス内のリンクから下線を削除 */
.fixed-page-wrapper .products-box a {
    text-decoration: none;
}