/* ==============================================
 * 上級美容看護師ページスタイル
 * 対象URL: advanced-beauty-nurse
 * 作成日: 2026.09.01
 * 作成者: Yukari Hiramatsu
 * ============================================== */

/* ▼CSS読込み確認用。公開前に削除してください */
body { border-top: 20px solid lime !important; }

/*ページ内リンク位置調整*/
[id] {
    scroll-margin-top: 130px;
}

@media (max-width: 767px) {
    [id] {
        scroll-margin-top: 70px;
    }
}
/* ----------------------------------------------
 * FV（左テキスト／右ビジュアルの2カラム）
 * ---------------------------------------------- */
.p-fv {
    margin-top: 110px;
}

/* 上下のゴールドライン。不要なら下のブロックごと削除 
.p-fv::before,
.p-fv::after {
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    background-image: url('https://leap-beauty.com/wp-content/uploads/2026/05/gold_line.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}*/

.p-fv__inner {
    display: flex;
    align-items: stretch;
    min-height: 620px;

    /* FV背景（ストライプ画像） */
    background-image: url('https://leap-beauty.com/wp-content/uploads/2026/09/advanced-beauty-nursefv_back.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* --- 左：テキスト --- */
.p-fv__body {
    flex: 1 1 55%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* サイト共通コンテンツ幅(1180px)の左端に文頭を揃える */
    padding: 60px clamp(24px, 4vw, 64px) 60px max(24px, calc((100vw - 1180px) / 2));
}

.p-fv__eyebrow {
    margin: 0 0 26px;
    color: #50B3B0;
    font-size: clamp(0.8rem, 0.35vw + 0.72rem, 0.95rem);
    line-height: 1.8;
    letter-spacing: 0.06em;
}

.p-fv__title.p-fv__title {
    margin: 0 0 30px;
    padding: 0;
    border: none;
    color: #2b2b2b;
    font-family: "Noto Serif JP", serif;
    font-size: clamp(1.75rem, 2.2vw + 0.7rem, 2.9rem);
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: 0.04em;
    text-align: left;
    text-shadow: none;
}

.p-fv__lead {
    margin: 0 0 40px;
    color: #4a4a4a;
    font-size: clamp(0.875rem, 0.35vw + 0.8rem, 1rem);
    line-height: 2;
    letter-spacing: 0.02em;
}

.p-fv__btns {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.p-fv__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 240px;
    padding: 17px 30px;
    border-radius: 9999px;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.04em;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.p-fv__btn:hover,
.p-fv__btn:focus-visible {
    color: #fff;
    opacity: 0.82;
}

.p-fv__btn--line { background-color: #c3ad7e; }
.p-fv__btn--web  { background-color: #1f2937; }

/* --- 右：ビジュアル --- */
.p-fv__figure {
    flex: 1 1 45%;
    min-width: 0;
    position: relative;
    overflow: hidden;
}

.p-fv__figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

/* --- タブレット --- */
@media (max-width: 1024px) {
    .p-fv__inner { min-height: 520px; }
    .p-fv__body  { padding: 48px 32px; }
}

/* --- スマホ --- */
@media (max-width: 767px) {
    .p-fv { margin-top: 50px; }

    .p-fv__inner {
        flex-direction: column;
        min-height: 0;
    }

    .p-fv__body {
        padding: 40px 24px 44px;
    }

    .p-fv__eyebrow { margin-bottom: 18px; }
    .p-fv__title.p-fv__title { margin-bottom: 22px; line-height: 1.8; }
    .p-fv__lead { margin-bottom: 28px; }

    .p-fv__btns { flex-direction: column; }
    .p-fv__btn  { min-width: 0; width: 100%; }

    .p-fv__figure { height: 380px; }
}

.sp_br { display: none; }

@media (max-width: 767px) {
    .sp_br { display: inline; }
    .pc_br { display: none; }
}

/* ----------------------------------------------
 * 共通レイアウト
 * ---------------------------------------------- */

/* パンくずリスト非表示 */
.breadcrumbs.l-path_list {
    display: none;
}

/* 余白クリア */
.l-single_area {
    padding-top: 0;
}
article.c-single_cont.p-menu {
    padding-top: 0;
}
.c-edit_wrap {
    margin-top: 0 !important;
}

/* カバーブロックCSS解除 */
.c-single_cont {
    border-radius: 0;
    background: none;
    box-shadow: none;
    margin: 0;
    max-width: 100%;
    padding: 0;
}

/* カバーブロック全幅指定 */
.wp-block-cover {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* カバーブロック内コンテンツ幅制限 */
.wp-block-cover__inner-container {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ゴールドライン */
.wp-block-image.gold_line {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
.wp-block-image.gold_line img {
    width: 100%;
    height: auto;
    display: block;
}


@media (max-width: 768px) {
    .responsive_spacer {
        display: none;
    }
}

/* ----------------------------------------------
 * Hタグ設定
 * ---------------------------------------------- */

/* 既存スタイルをリセット */
.c-edit_wrap h2,
.c-edit_wrap h3 {
    all: unset;
    display: block;
}
.c-edit_wrap h2 {
    color: #333;
    font-family: "Noto Serif JP", serif;
    font-size: 1rem !important;
    text-align: center;
    display: block;
}
.c-single_cont .c-edit_wrap h3 {
    font-family: "Noto Serif JP", serif;
    font-size: 0.94rem !important;
    font-weight: bold !important;
    display: block;
    border-left: none !important;
    border-bottom: none !important;
    margin-top: unset !important;
    padding: unset !important;
}


/* コンテンツH2タイトル */

h2.contents-ttl-02 {
    font-family: "Noto Serif JP", serif;
    font-size: clamp(1.5rem, 1.5vw + 1.15rem, 2.5rem);
    text-align: center;
    font-weight: 400;
    font-style: Regular;
    line-height: 120%;
    letter-spacing: 0%;
}

.title-gold {
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
    font-size: clamp(1rem, 0.56vw + 0.87rem, 1.375rem);
    line-height: 1.5;
    letter-spacing: normal;
    color: #C8C08A;
}

/* コンテンツH3タイトル */
h3.contents-ttl-03 { 
    font-family: Noto Serif JP;
    font-weight: 600;
    font-style: SemiBold;
    font-size:  clamp(1.125rem, 0.38vw + 1.04rem, 1.375rem);
    line-height: 1.2;
    letter-spacing: 0%;

}
/* ----------------------------------------------
 * テキストスタイル
 * ---------------------------------------------- */
/* リード文 */
.c-edit_wrap p.lead-text {
font-family: "Noto Serif JP", serif;
font-weight: 400;
font-size:clamp(0.813rem, 0.28vw + 0.75rem, 1rem);
line-height: 1.5;
letter-spacing: normal;
}

/* ----------------------------------------------
 * デバイスカード見出し（■ 医療脱毛）
 * ---------------------------------------------- */
.device-ttl.device-ttl {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
    font-size: clamp(1.125rem, 0.38vw + 1.04rem, 1.375rem) !important;
    line-height: 1.5;
    letter-spacing: normal;
    border: none;
    padding: 0;
}

.device-ttl.device-ttl::before {
    content: "";
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background-color: currentColor;
}

/* ----------------------------------------------
 * Q&A
 * ---------------------------------------------- */

.vk_faq_title {
    border-bottom: 1px dotted var(--vk-color-border);
    background-color: #778096;
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    font-family: Noto Serif JP;
    font-weight: 400;
    font-style: Regular;
    font-size: clamp(0.813rem, 0.28vw + 0.75rem, 1rem);
}

.vk_faq .vk_faq_title::before {
    content: "Q.";
    color: #ffffff!important;
    font-family: "EB Garamond", serif!important;
    font-weight: 400;
    font-size: clamp(1.5rem, 0.75vw + 1.32rem, 2rem); /* 24px→32px */
    line-height: 1.6;
    letter-spacing: 0.05em;
}

.vk_faq .vk_faq_content {
    padding: .8rem .8rem .8rem 3rem;
    margin: 0;
    position: relative;
    font-weight: normal;
    border: 1px solid #778096!important;
    border-radius: 0 0 10px 10px;
    color: #505050;
    font-family: Noto Serif JP;
    font-size: clamp(0.813rem, 0.28vw + 0.75rem, 1rem);
}

.vk_faq .vk_faq_content:before {
    content: "A.";
    color: #778096!important;
    font-family: "EB Garamond", serif!important;
    font-weight: 400;
    font-size: clamp(1.5rem, 0.75vw + 1.32rem, 2rem); /* 24px→32px */
    line-height: 1.6;
    letter-spacing: 0.05em;
}

.vk_faq {
   border-bottom: none!important;
}


/* ----------------------------------------------
 * gold　ボタン
 * ---------------------------------------------- */

.gold_b a.vk_button_link {
    background-image: linear-gradient(90deg, #C8C08A 0%, #625E44 100%) !important;
    background-color: transparent !important;
    border: none !important;
    color: #ffffff !important;
}

.advanced-beauty-nurse_web_B .svg-inline--fa {
    color: #C8C08A;
}

/* ----------------------------------------------
 * ENTRY　ボタン
 * ---------------------------------------------- */
.recruit_entry_b {
    width: auto;
    text-align: center;
}
.recruit_entry_b .vk_button_link {
    display: block;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

/* ----------------------------------------------
 * カラム
 * ---------------------------------------------- */

.wp-block-cover__inner-container {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
}

.recruit_h3 {
    gap: 1rem;
}

.doctor_photo {
    position: relative;
}
@media (min-width: 768px){
.doctor_photo::before {
    content: "";
    position: absolute;
    left: calc(50% - 50vw);   /* 画面左端まで伸ばす */
    bottom: 783px;
    width: 60vw;
    height: 325px;
    background-color: #cdeee6;
    z-index: 0;
}}

.doctor_photo > * {
    position: relative;
    z-index: 1;
}


/* ----------------------------------------------
 * フッター
 * ---------------------------------------------- 
 .l-footer { display: none; }

.wp-block-cover.footer-menu .wp-block-cover__inner-container {
    max-width: 80%;
    padding: 0;
}

.wp-block-cover.footer-menu {
    min-height: auto;
    padding: 40px 0;
}

.wp-block-cover.footer-menu .wp-image-7824 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.wp-block-cover.footer-menu .wp-elements-2266d337c2cf07e2bbc6a816a1b6169e {
    display: flex;
    align-items: center;
}
.wp-block-cover.footer-menu .wp-block-column p {
    padding-bottom: 10px;
}*/

/*copyright
.wp-block-cover.footer_copyright {
    min-height: auto;
    padding: 10px 0;
}*/