.pf-cv--type-01 {
    margin-top: 60px !important;
}

@media print, screen and (min-width: 768px) {
    /* キープするボタンの位置調整 */
    .pf-cv--type-01 .pf-button--heart {
        margin-left: 50px;
        width: 300px;
    }
}
@media print, screen and (max-width: 767px) {
    .pf-cv--type-01 .pf-button--001 {
        max-width: 350px; /* これにより、ボタンの最大幅を350pxに設定 */
        width: 350px;
        height: 50px;
    }
}
/* 応募画面へ進むボタンの幅調整 */
.pf-cv--type-01 .pf-button--001 {
    max-width: 350px; /* これにより、ボタンの最大幅を350pxに設定 */
    height: 50px;
}
.pf-cv--type-01 p {
    display: block; /* これにより、回り込みを防ぐ */
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center; 
}

.pf-cv--type-01 .apply-btn {
    display: block; 
    width: 100%;   
    text-align: center; 
    margin-bottom: 10px;
    line-height: 50px; /* これにより、ボタンのテキストが中央に配置される */
}
/* apply-sectionを画面中央に配置 */
.apply-section {
    width: 100%; /* 全体の幅を取る */
    display: flex;
    flex-direction: column;
    align-items: center; /* 子要素を中央揃え */
    justify-content: center; /* 子要素を縦方向の中央に */
    text-align: center;
}
/* pタグのスタイル調整 */
.apply-section p {
    width: 100%;
    margin: 15px 0;
}
/* ボタンのスタイル調整 */
.apply-section .pf-button--001 {
    margin: 15px 0; /* 上下のマージンを15pxに設定 */
    position: relative; /* 子要素の絶対位置指定の基準となる */
    text-align: center; /* テキストを中央揃え */
}
/* 「応募画面へ進む」ボタンのスタイル調整 */
.pf-cv--type-01 .apply-btn {
    display: block; /* ボタンをブロック要素に */
    text-align: center; /* テキストを中央揃えに */
}
/* 応募画面へ進むボタンの幅を変更 */
@media print, screen and (min-width: 768px) {
    .pf-cv--type-01 .apply-btn {
        width: 512px !important; 
        max-width: none; /* max-widthの制限を削除 */
        box-sizing: border-box;
        margin-left: 30px; /* ボタンを中央に配置 */
    }
}
/* 応募画面へ進むボタンの幅を変更 */
@media print, screen and (max-width: 767px) {
    .pf-cv--type-01 .apply-btn {
        width: 350px !important; 
        max-width: none; /* max-widthの制限を削除 */
        box-sizing: border-box;
    }
}

/* 応募画面へ進むボタンの幅を変更 */
@media print, screen and (max-width: 320px) {
    .pf-cv--type-01 .apply-btn {
        width: 350px !important; 
        max-width: none; /* max-widthの制限を削除 */
        box-sizing: border-box;
    }
}
@media print, screen and (max-width: 220px) {
    .pf-cv--type-01 .apply-btn {
        width: 350px !important; 
        max-width: none; /* max-widthの制限を削除 */
        box-sizing: border-box;
    }
}
.btn-heght {
    /* ボタンの高さを増やす */
    height: 55px; 
    /* テキストを真ん中に配置する */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.apply-section {
    margin-top: -40px; /* 20px上に移動させる場合 */
    display: flex;
    flex-direction: column;
    align-items: center; /* 中央揃え */
    gap: 10px; /* 各アイテム間の間隔 */
}




body .pf-cv .apply-section .faq_link a {
    color: #238FE8 !important;
    text-decoration: underline !important;
}
/* モバイルデバイスの場合のスタイル */
@media screen and (max-width: 767px) {
    .faq_link {
        order: 4; /*flexboxの順序を変更して、faq_linkを最後に配置 */
        width: 100%; /* 幅を最大に設定 */
        text-align: center; /* テキストを中央に揃える */
        margin-top: 20px; /* 必要に応じて上部のマージンを調整 */
    }

    .pf-cv--type-01 {
        display: flex;
        flex-direction: column;
    }
}
@media print, screen and (min-width: 768px) {
    /* PC版のスタイル */
    .only_pc {
        display: block; /* PC版では表示 */
    }

    .only_sp {
        display: none !important; /* PC版では非表示 */
    }
}
/* モバイル版のスタイル */
@media screen and (max-width: 767px) {
    .only_pc {
        display: none !important; /* モバイル版では非表示 */
    }

    .only_sp {
        display: block; /* モバイル版では表示 */
    }
}