@charset "UTF-8";

/* 営業方針ページ用スタイル */
.p-salesPolicy-container {
    padding-bottom: 160px;
}

.p-salesPolicy {
    margin-top: 80px;
}

/* ブロック間余白 */
.p-salesPolicy__block {
    margin-bottom: 80px;
}

.p-salesPolicy__block:last-child {
    margin-bottom: 0;
}

/* 勤務方針ブロック */
.p-salesPolicy__block--policy .c-heading-leftLine {
    margin-bottom: 24px;
}

/* 勧誘方針の青背景ボックス */
.p-salesPolicy__subBox {
    background-color: #E9F3FA;
    padding: 32px;
    margin-bottom: 40px;
}

/* イントロテキスト（勧誘方針） */
.p-salesPolicy__intro {
    line-height: 1.8;
}

/* 画像 */
.p-salesPolicy__image {
    margin-bottom: 24px;
}

.p-salesPolicy__image img {
    width: 100%;
    height: auto;
    display: block;
}

/* コンテンツ共通 */
.p-salesPolicy__content {
    margin-bottom: 80px;
}

.p-salesPolicy__content p {
    margin-bottom: 1.5em;
    line-height: 1.8;
}

.p-salesPolicy__content p:last-child {
    margin-bottom: 0;
}

.p-salesPolicy__content--last {
    margin-bottom: 0;
}

/* チェックボックスアイコン付きレイアウト（セクション1〜3） */
.p-salesPolicy__content--checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

/* チェックボックス（共通スタイル） */
.p-salesPolicy__checkIcon,
.p-salesPolicy__content--check ul li::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #0c4394;
    box-sizing: border-box;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%230c4394' stroke-width='4' d='M4 12l5 5L20 6'/%3E%3C/svg%3E");
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.p-salesPolicy__checkIcon {
    margin-top: 4px;
}

.p-salesPolicy__checkBody {
    flex: 1;
    min-width: 0;
}

.p-salesPolicy__checkBody p {
    margin-bottom: 16px;
    line-height: 1.8;
}

.p-salesPolicy__checkBody p:last-child {
    margin-bottom: 0;
}

/* チェックボックスリスト（勤務方針） */
.p-salesPolicy__content--check ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.p-salesPolicy__content--check ul li {
    padding-left: 28px;
    position: relative;
    margin-bottom: 16px;
    line-height: 1.8;
}

.p-salesPolicy__content--check ul li::before {
    position: absolute;
    left: 0;
    top: 4px;
}



/* 勤務方針のサブ見出し（h3をh2スタイルで使用） */
.p-salesPolicy__subHeading {
    margin-bottom: 1.5em;
}

.p-salesPolicy__arrowList ul {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
}

.p-salesPolicy__arrowList ul li {
    padding-left: 24px;
    position: relative;
    margin-bottom: 10px;
}

.p-salesPolicy__arrowList ul li::before {
    content: "▶";
    position: absolute;
    left: 0;
    font-size: 12px;
    top: 3px;
    color: #0c4394;
}

/* SP */
@media screen and (max-width: 599px) {
    .p-salesPolicy-container {
        padding-bottom: 80px;
    }

    .p-salesPolicy__image {
        aspect-ratio: 4 / 3;
        overflow: hidden;
    }

    .p-salesPolicy__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .p-salesPolicy__subBox {
        padding: 16px;
    }

    .p-salesPolicy {
        margin-top: 40px;
    }

    .p-salesPolicy__content {
        font-size: 14px;
    }

    .p-salesPolicy__intro {
        font-size: 14px;
    }
}