@charset "utf-8";

/*
 * 保険サービス / 勧誘方針（PC）
 * Figma: 【95552】修正1回mえ — 株式会社常口アトム様【勧誘方針】PC (25586:121817)
 * 計測: コンテナ1140 / 見出しバー4×32 / H1 26px行高1.5 / カード角丸20・内側25 / ステップ31赤丸・数字16bold /
 *       見出し18px行高1.25 / パネル#feffd6角丸10・内側20 / 箇条書き16px行高1.5・アイコン20 / カード間20 / 下余白50
 */

#content {
    width: 100%;
}

#contents {
    width: 100%;
    padding: 0;
}

.ins-compliance-page .breadcrumbs {
    background: #f4f4f4;
}

.l-main.l-page.ins-compliance-pc {
    width: auto;
    padding: 0 0 0;
    background: #f7f7f7;
    font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.ins-compliance-pc__inner {
    box-sizing: border-box;
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
}

/* ---------- ページ見出し（左イエローバー + H1） ---------- */
.ins-compliance-pc__title-row {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 15px 0 0;
}

.ins-compliance-pc__title-bar {
    flex-shrink: 0;
    width: 4px;
    height: 32px;
    background: var(--color-primary-default-main);
}

.ins-compliance-pc__title {
    margin: 0;
    font-size: 26px;
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
    color: var(--color-primary-grayscale-black);
}

/* ---------- カード一覧 ---------- */
.ins-compliance-pc__sections {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 20px 0 50px;
}

.ins-compliance-pc__card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 25px;
    background: var(--color-primary-grayscale-white);
    border-radius: 20px;
}

.ins-compliance-pc__card-head {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
}

.ins-compliance-pc__step {
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    margin: 0;
    padding: 0 0 2px;
    font-size: 16px;
    line-height: 1;
    color: var(--color-primary-grayscale-white);
    text-align: center;
    background: var(--color-primary-default-sub);
    border-radius: 9999px;
    font-weight: 500;
}

.ins-compliance-pc__heading {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    font-size: 18px;
    font-weight: var(--font-weight-medium);
    line-height: 1.25;
    color: var(--color-text-default);
}

.ins-compliance-pc__panel {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 20px;
    background: #feffd6;
    border-radius: 10px;
}

.ins-compliance-pc__bullet-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ins-compliance-pc__bullet-item {
    display: flex;
    gap: 5px;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

.ins-compliance-pc__icon-wrap {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding-top: 4px;
}

.ins-compliance-pc__icon {
    display: block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.ins-compliance-pc__text {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
    color: var(--color-text-default);
}