/*
  detail-survey.css — 説明セクション（sec_detail）左の最後「事前の簡易チェックについて（任意）」
  右の「サイトの簡易チェック」（#simple-check）へ移る控えめなリンクも含む。
*/
.sec_detail {
    /* ── 事前の簡易チェック（任意） ── */
    & .survey {
        padding: 22px 24px;
        display: flex;
        align-items: flex-start;
        gap: 18px;
        background: #f3f7fd;
        border-color: #d4e0f1;

        @media (max-width: 480px) {
            padding: 18px 16px;
            gap: 14px;
        }

        & .ico {
            margin-top: 2px;
            width: 30px;
            height: 30px;
        }

        & .txt {
            color: var(--color-text);
            font-size: 15px;
            line-height: 1.85em;
        }

        & .note {
            margin-top: 10px;
            color: var(--color-muted);
            font-size: 14px;
            line-height: 1.8em;
        }

        /* 右の「サイトの簡易チェック」へ移るリンク（控えめな文字リンク） */
        & .link {
            margin-top: 8px;
            display: inline-block;
            color: var(--color-accent);
            font-size: 14px;
            line-height: 1.8em;
            text-decoration: underline;
            text-underline-offset: 3px;

            &:hover {
                text-decoration: none;
            }

            &:focus-visible {
                outline: 2px solid var(--color-accent);
                outline-offset: 2px;
            }
        }
    }
}

/* 最終更新: 2026-11-11 13:05 */