/* バナーの大枠 */
.common-banner {
    padding-top: 11rem;
    position: relative;

    @media screen and (max-width: 767px) {
        padding-top: 4rem;
    }
}

/* ページタイトル */
.banner-title-jp {
    font-family: "Noto Sans JP";
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: 0.15em;
    /* line-height: 2.5rem; */
    text-align: left;
    color: #e6002d;
    margin-bottom: 3rem;

    @media screen and (max-width: 767px) {
        margin-bottom: 0;
        font-size: 1.4rem;
    }
}

/* サブタイトル的な奴 */
.banner-title-en {
    font-family: "Cormorant Garamond";
    font-weight: bold;
    font-size: 10rem;
    letter-spacing: 0.02em;
    text-align: left;
    color: #000;
    margin-bottom: 15.7rem;

    @media screen and (max-width: 767px) {
        font-size: 5.4rem;
        margin-bottom: 9rem;
    }
}

/* タイトル背景文字 */
.floating-title-en {
    font-family: "Cormorant Garamond";
    font-weight: 300;
    font-size: 22.8rem;
    letter-spacing: 0.02em;
    text-align: right;
    color: #f2f2f2;
    position: absolute;
    right: -37rem;
    top: 0rem;
    z-index: -1;
    opacity: 0.7;

    @media screen and (max-width: 1080px) {
        right: -21rem;
    }

    @media screen and (max-width: 767px) {
        right: -2rem;
        top: 5rem;
        font-size: 7rem;
    }
}

/* 注意事項のスタイル */
.policy-medium-text {
    font-family: "Noto Sans JP";
    font-weight: 500;
    font-size: 2.0rem;
    letter-spacing: 0.08em;
    line-height: 3.0rem;
    text-align: left;
    color: #000;
    margin-bottom: 10rem;

    @media screen and (max-width: 767px) {
        margin-bottom: 4rem;
        font-size: 1.4rem;
    }
}


/* ポリシータイトル */
.policy-section-title {
    font-family: "Noto Serif JP";
    font-weight: bold;
    font-size: 3.0rem;
    letter-spacing: 0.08em;
    text-align: left;
    color: #000;
    position: relative;
    margin-left: 5rem;

    /* レスポンシブ対応 */
    @media screen and (max-width: 767px) {
        font-size: 1.8rem;
        margin-left: 2rem;
    }
}

/* タイトル前の画像の表示 */
.policy-section-title::after {
    content: "";
    position: absolute;
    background: url(../../img/page/career-step/business-side-title.png) no-repeat center center;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -4rem;
    width: 2.9rem;
    height: 4.6rem;
    background-size: 100%;

    /* レスポンシブ対応 */
    @media screen and (max-width: 767px) {
        background: url(../../common/img/parts/red-title-side-sp.svg) no-repeat center center;
        background-size: 100%;
        width: 1.4rem;
        height: 1.5rem;
        left: -2rem;
    }
}

/* ポリシー説明 左寄り*/
.policy-section-text {
    font-family: "Noto Serif JP";
    font-size: 2.0rem;
    letter-spacing: 0.08em;
    text-align: left;
    color: #000;
    line-height: 1.6;
    margin-top: 3rem;
    margin-bottom: 9rem;
    margin-left: 5rem;
}

/* hyperlinkの追加デザイン */
.policy-text-link {
    font-family: "Noto Serif JP";
    font-size: 2.0rem;
    letter-spacing: 0.08em;
    text-align: left;
}