/**
 * Styles for the Recruitment Page (採用情報)
 * Figma Node: 3687:13138
 *
 * Implements pixel-accurate margins, paddings, and layout hierarchies from Figma,
 * proportionally scaling between 1025px and 1800px using vw (based on 1920px canvas),
 * matching other sub-pages in this theme, and adapting gracefully to tablet and mobile.
 */

/* ==========================================================================
   Page Layout & Container
   ========================================================================== */
.recruit-page-main {
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

.recruit-page-main .sub-mv {
    position: relative;
    width: 100%;
    margin-top: 170px;
    padding: 0;
}

.recruit-page-main .sub-mv-heading-card {
    width: auto;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 0;
    max-width: calc(100% - 140px);
}

.recruit-page-main .sub-mv-heading-title-row,
.recruit-page-main .sub-mv-en-title,
.recruit-page-main .sub-mv-jp-subtitle {
    white-space: nowrap;
}

.recruit-page-body {
    background-color: #faf9f6;
    padding-top: 100px;
    padding-bottom: 120px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    overflow-x: hidden;
}

.recruit-page-container {
    width: 1520px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

/* Common Card Base */
.recruit-card {
    width: 1520px;
    max-width: 100%;
    background-color: #ffffff;
    border-radius: 30px;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.02);
    margin-bottom: 80px;
    position: relative;
}

/* Breakout Full-Width Sections (Section 3, Section 6) */
.recruit-breakout-card {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background-color: #ffffff;
    border-radius: 80px;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.02);
    margin-bottom: 80px;
    position: relative;
}

/* ==========================================================================
   Common Section Headings & Leaf Decor
   ========================================================================== */
.recruit-heading {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 56px;
    margin-bottom: 24px;
    position: relative;
}

.recruit-heading--center {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 8px;
    margin-bottom: 32px;
}

.recruit-heading-leaf {
    width: 20px;
    height: 20px;
    background-color: #2faa87;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    flex-shrink: 0;
    display: inline-block;
}

.recruit-heading-title {
    font-family: "Shippori Mincho", "Noto Serif JP", serif;
    font-size: 32px;
    font-weight: 500;
    color: #63574d;
    line-height: 1.38;
    letter-spacing: 0.96px;
    margin: 0;
}

/* Lead Style Headings (English Cormorant + Japanese Subtitle) */
.recruit-heading-lead {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}

.recruit-heading-lead--center {
    align-items: center;
    text-align: center;
}

.recruit-en-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.recruit-en-title {
    font-family: "Cormorant Infant", serif;
    font-size: 56px;
    font-weight: 400;
    color: #63574d;
    line-height: 1.3;
    letter-spacing: 1.68px;
    margin: 0;
}

.recruit-jp-subtitle {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #2faa87;
    line-height: 1.6;
    letter-spacing: 1px;
    margin: 0;
    padding-left: 28px;
}

.recruit-heading-lead--center .recruit-jp-subtitle {
    padding-left: 0;
}

/* Bullet Dots */
.recruit-bullet-dot {
    color: #2faa87;
    font-size: 10px;
    margin-right: 8px;
    flex-shrink: 0;
}

/* Inline Highlights */
.recruit-strong-underline {
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.recruit-text-green {
    color: #2faa87 !important;
}

/* Decorative Leaf Clusters */
.recruit-leaf-cluster {
    position: absolute;
    pointer-events: none;
    z-index: 1;
}

.recruit-leaf-cluster--intro {
    right: -200px;
    top: 508px;
    width: 630px;
    height: 354px;
    transform: scaleX(-1);
    transform-origin: center center;
    z-index: 3;
}

/* Section 1 Leaf Cluster Components (Node 3687:13486 "曲線02") */
.recruit-leaf-wrap {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.recruit-leaf-shape {
    display: block;
    flex-shrink: 0;
}

/* Section 1 Leaf Items (Node 3687:13486 "曲線02") */
.recruit-leaf-cluster--intro .recruit-leaf-wrap--1 {
    left: -79.72px;
    top: 122.17px;
    width: 199.826px;
    height: 199.826px;
}

.recruit-leaf-cluster--intro .recruit-leaf-shape--1 {
    width: 151.54px;
    height: 151.54px;
    background-color: #2faa87;
    border-radius: 209.836px 13.989px 209.836px 13.989px;
    transform: rotate(156.19deg);
}

.recruit-leaf-cluster--intro .recruit-leaf-wrap--2 {
    left: 316.63px;
    top: 49.83px;
    width: 122.034px;
    height: 122.034px;
}

.recruit-leaf-cluster--intro .recruit-leaf-shape--2 {
    width: 94.528px;
    height: 94.528px;
    background-color: #8fc31f;
    border-radius: 209.836px 13.989px 209.836px 13.989px;
    transform: rotate(-20.9deg);
}

.recruit-leaf-cluster--intro .recruit-leaf-wrap--3 {
    left: 146.05px;
    top: 141.03px;
    width: 163.46px;
    height: 163.46px;
}

.recruit-leaf-cluster--intro .recruit-leaf-shape--3 {
    width: 115.803px;
    height: 115.803px;
    background-color: #68b468;
    border-radius: 173.704px 11.58px 173.704px 11.58px;
    transform: rotate(41.48deg);
}

.recruit-leaf-cluster--intro .recruit-leaf-wrap--4 {
    left: 490.83px;
    top: 79.29px;
    width: 105.168px;
    height: 105.168px;
}

.recruit-leaf-cluster--intro .recruit-leaf-shape--4 {
    width: 75.67px;
    height: 75.67px;
    background-color: #2faa87;
    border-radius: 173.704px 11.58px 173.704px 11.58px;
    transform: rotate(34.34deg);
}

/* Section 6: こんな方を歓迎します Leaf Cluster (Node 3940:7720 "葉っぱ") */
.recruit-leaf-cluster--welcome {
    left: calc(50% + 299px);
    top: -148px;
    width: 760px;
    height: 354px;
    transform: scaleX(-1);
    transform-origin: center center;
    pointer-events: none;
    z-index: 3;
}

/* Child 1: Node 3940:7721 (Rectangle 10) */
.recruit-leaf-cluster--welcome .recruit-leaf-wrap--1 {
    left: 69.16px;
    top: 194.06px;
    width: 152.051px;
    height: 152.051px;
}

.recruit-leaf-cluster--welcome .recruit-leaf-shape--1 {
    width: 151.54px;
    height: 151.54px;
    background-color: #2faa87;
    border-radius: 209.836px 13.989px 209.836px 13.989px;
    transform: rotate(179.81deg);
}

/* Child 2: Node 3940:7722 (Rectangle 11) */
.recruit-leaf-cluster--welcome .recruit-leaf-wrap--2 {
    left: 446.63px;
    top: 49.83px;
    width: 122.034px;
    height: 122.034px;
}

.recruit-leaf-cluster--welcome .recruit-leaf-shape--2 {
    width: 94.528px;
    height: 94.528px;
    background-color: #8fc31f;
    border-radius: 209.836px 13.989px 209.836px 13.989px;
    transform: rotate(-20.9deg);
}

/* Child 3: Node 3940:7723 (Rectangle 4) */
.recruit-leaf-cluster--welcome .recruit-leaf-wrap--3 {
    left: 276.05px;
    top: 141.03px;
    width: 163.46px;
    height: 163.46px;
}

.recruit-leaf-cluster--welcome .recruit-leaf-shape--3 {
    width: 115.803px;
    height: 115.803px;
    background-color: #68b468;
    border-radius: 173.704px 11.58px 173.704px 11.58px;
    transform: rotate(41.48deg);
}

/* Child 4: Node 3940:7724 (Rectangle 4) */
.recruit-leaf-cluster--welcome .recruit-leaf-wrap--4 {
    left: 620.83px;
    top: 79.29px;
    width: 105.168px;
    height: 105.168px;
}

.recruit-leaf-cluster--welcome .recruit-leaf-shape--4 {
    width: 75.67px;
    height: 75.67px;
    background-color: #2faa87;
    border-radius: 173.704px 11.58px 173.704px 11.58px;
    transform: rotate(34.34deg);
}

.recruit-leaf-cluster--bottom {
    left: -120px;
    top: -60px;
    width: 630px;
    height: 354px;
}

.recruit-decor-leaf {
    position: absolute;
    display: inline-block;
}

.recruit-decor-leaf--1 {
    width: 160px;
    height: 160px;
    background-color: #2faa87;
    border-radius: 200px 14px 200px 14px;
    transform: rotate(156deg);
    left: 20px;
    top: 80px;
    opacity: 0.9;
}

.recruit-decor-leaf--2 {
    width: 100px;
    height: 100px;
    background-color: #8fc31f;
    border-radius: 180px 14px 180px 14px;
    transform: rotate(-21deg);
    left: 320px;
    top: 30px;
    opacity: 0.85;
}

.recruit-decor-leaf--3 {
    width: 130px;
    height: 130px;
    background-color: #68b468;
    border-radius: 180px 12px 180px 12px;
    transform: rotate(41deg);
    left: 170px;
    top: 130px;
    opacity: 0.8;
}

.recruit-decor-leaf--4 {
    width: 90px;
    height: 90px;
    background-color: #2faa87;
    border-radius: 160px 12px 160px 12px;
    transform: rotate(34deg);
    left: 480px;
    top: 60px;
    opacity: 0.85;
}

/* ==========================================================================
   Section 1: 人としても、医療人としても成長できる場所へ (Intro Card)
   ========================================================================== */
.recruit-intro-card {
    padding: 80px 120px;
}

.recruit-intro-header {
    text-align: center;
    margin-bottom: 60px;
}

.recruit-intro-desc {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin: 0 auto;
    max-width: 760px;
}

.recruit-team-photo-wrap {
    width: 1280px;
    max-width: 100%;
    height: 600px;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 auto 60px auto;
}

.recruit-team-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.recruit-team-message-wrap {
    text-align: center;
}

.recruit-team-desc {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin: 0 auto;
    max-width: 1000px;
}

/* ==========================================================================
   Section 2: 院長メッセージ (Director Message Card)
   ========================================================================== */
.recruit-message-card {
    padding: 48px 120px;
}

.recruit-message-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 80px;
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
}

.recruit-message-text-col {
    flex: 1;
    max-width: 600px;
}

.recruit-message-lead,
.recruit-message-tail {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin: 0;
}

.recruit-message-bullets {
    list-style: none;
    padding: 0;
    margin: 28px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.recruit-bullet-item {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #2faa87;
    letter-spacing: 0.5px;
    line-height: 1.6;
}

.recruit-message-photo-col {
    width: 600px;
    flex-shrink: 0;
}

.recruit-message-photo-wrap {
    width: 600px;
    height: 600px;
    border-radius: 20px;
    overflow: hidden;
}

.recruit-message-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ==========================================================================
   Section 3: 当院で働く特徴 (Benefits Breakout Section)
   ========================================================================== */
.recruit-benefits-section {
    min-height: 1012px;
    position: relative;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 90px;
}

.recruit-benefits-wave {
    position: absolute;
    top: 157px;
    left: 50%;
    transform: translateX(-50%);
    width: 2536px;
    height: 876px;
    pointer-events: none;
    z-index: 1;
}

.recruit-benefits-wave-img {
    width: 100%;
    height: 100%;
    display: block;
}

.recruit-benefits-container {
    position: relative;
    z-index: 2;
    width: 1520px;
    max-width: 100%;
    margin: 0 auto;
}

.recruit-benefits-grid {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    margin-top: 60px;
}

.recruit-benefit-card {
    width: 468px;
    min-height: 609px;
    background-color: #ffffff;
    border-radius: 30px;
    padding: 24px;
    box-sizing: border-box;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);
    position: relative;
    display: flex;
    flex-direction: column;
}

.recruit-benefit-img-wrap {
    width: 420px;
    max-width: 100%;
    height: 269px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

.recruit-benefit-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.recruit-benefit-badge {
    position: absolute;
    top: -15px;
    left: -15px;
    width: 95px;
    height: 95px;
    background-color: #2faa87;
    border-top-left-radius: 40px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    box-shadow: 0px 2px 10px rgba(47, 170, 135, 0.2);
}

.recruit-benefit-badge-num {
    font-family: "Cormorant Infant", serif;
    font-size: 44px;
    font-weight: 400;
    color: #ffffff;
    line-height: 1;
    letter-spacing: 1.4px;
}

.recruit-benefit-body {
    padding: 32px 16px 16px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
}

.recruit-benefit-title {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #2faa87;
    letter-spacing: 1.2px;
    line-height: 1.5;
    margin: 0 0 24px 0;
}

.recruit-benefit-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    text-align: justify;
    margin: 0;
    width: 100%;
}

.recruit-benefit-lead-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    text-align: left;
    margin: 0 0 16px 0;
    width: 100%;
}

.recruit-benefit-bullets {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    text-align: left;
}

.recruit-benefit-bullet {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #2faa87;
    letter-spacing: 0.5px;
    line-height: 1.6;
}

.recruit-benefit-sub-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    width: 100%;
    text-align: left;
    margin-bottom: 24px;
}

.recruit-benefit-sub-item {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #2faa87;
    letter-spacing: 0.5px;
    line-height: 1.6;
}

/* ==========================================================================
   Section 4: 診療方針 (Policy Card)
   ========================================================================== */
.recruit-policy-card {
    padding: 88px 120px;
}

.recruit-policy-lead {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0 auto 48px auto;
}

.recruit-policy-grid {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
}

.recruit-policy-item {
    width: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
}

.recruit-policy-img-wrap {
    width: 400px;
    height: 277px;
    border-radius: 20px;
    overflow: hidden;
}

.recruit-policy-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.recruit-policy-item-title {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #2faa87;
    letter-spacing: 1px;
    line-height: 1.6;
    margin: 0;
}

/* ==========================================================================
   Section 5: 1日の流れ (Daily Flow Card)
   ========================================================================== */
.recruit-daily-card {
    padding: 48px 120px;
}

.recruit-daily-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 80px;
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
}

.recruit-daily-left {
    flex: 1;
    max-width: 600px;
}

.recruit-timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 36px;
    margin-top: 36px;
    padding-left: 10px;
}

.recruit-timeline-line {
    position: absolute;
    left: 58px;
    top: 24px;
    bottom: 24px;
    width: 2px;
    border-left: 2px dashed #2faa87;
    z-index: 1;
}

.recruit-timeline-item {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    z-index: 2;
}

.recruit-timeline-pill {
    background-color: #2faa87;
    color: #ffffff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-radius: 100px;
    width: 97px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.recruit-timeline-content {
    display: flex;
    flex-direction: column;
    padding-top: 6px;
}

.recruit-timeline-heading {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #575757;
    line-height: 1.4;
    letter-spacing: 0.5px;
    margin: 0;
}

.recruit-timeline-sub {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #575757;
    line-height: 1.5;
    letter-spacing: 0.8px;
    margin: 6px 0 0 0;
}

.recruit-daily-right {
    width: 600px;
    flex-shrink: 0;
}

.recruit-daily-img-wrap {
    width: 600px;
    height: 600px;
    border-radius: 20px;
    overflow: hidden;
}

.recruit-daily-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ==========================================================================
   Section 6: こんな方を歓迎します (Welcome Breakout Section)
   ========================================================================== */
.recruit-welcome-section {
    height: 850px;
    position: relative;
    overflow: visible;
    display: flex;
    align-items: center;
}

.recruit-welcome-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    border-radius: 80px;
}

.recruit-welcome-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.recruit-welcome-container {
    position: relative;
    z-index: 2;
    width: 1520px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.recruit-welcome-card {
    width: 500px;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 30px;
    padding: 50px 30px;
    box-sizing: border-box;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    margin-left: 80px;
}

.recruit-welcome-list {
    list-style: none;
    padding: 0;
    margin: 36px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.recruit-welcome-pill {
    background-color: #ffffff;
    border-radius: 11px;
    height: 42px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.03);
}

.recruit-welcome-pill-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #2faa87;
    letter-spacing: 0.5px;
    line-height: 1.6;
}

/* ==========================================================================
   Section 7: 募集要項 (Job Requirements Card)
   ========================================================================== */
.recruit-requirements-card {
    padding: 48px 120px 80px 120px;
}

.recruit-requirements-body {
    width: 1282px;
    max-width: 100%;
    margin: 48px auto 0 auto;
}

.recruit-req-table {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.recruit-req-row {
    display: flex;
    padding: 36px 0;
    border-bottom: 1px dashed #dcdcdc;
    gap: 64px;
    align-items: flex-start;
}

.recruit-req-row:first-child {
    border-top: 1px dashed #dcdcdc;
}

.recruit-req-label {
    width: 200px;
    flex-shrink: 0;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #2faa87;
    letter-spacing: 0.5px;
    line-height: 1.6;
    margin: 0;
}

.recruit-req-value {
    flex: 1;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.7;
    letter-spacing: 0.5px;
    margin: 0;
}

.recruit-req-hang {
    display: inline-block;
    padding-left: 1em;
    text-indent: -1em;
}

.recruit-req-ordered-list {
    margin: 8px 0 0 20px;
    padding: 0;
}

.recruit-req-ordered-list li {
    margin-bottom: 4px;
}

/* ==========================================================================
   Section 8: 応募の流れ (Application Flow Card)
   ========================================================================== */
.recruit-flow-card {
    padding: 48px 120px;
}

.recruit-flow-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 80px;
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
}

.recruit-flow-left {
    flex: 1;
    max-width: 600px;
}

.recruit-flow-steps-wrap {
    margin-top: 40px;
}

.recruit-flow-steps {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 36px;
    padding-left: 6px;
}

.recruit-flow-line {
    position: absolute;
    left: 15px;
    top: 10px;
    bottom: 24px;
    width: 2px;
    border-left: 2px dashed #2faa87;
    z-index: 1;
}

.recruit-flow-step {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    z-index: 2;
}

.recruit-flow-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #2faa87;
    flex-shrink: 0;
}

.recruit-flow-step-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #575757;
    letter-spacing: 0.5px;
    line-height: 1.6;
}

.recruit-flow-note {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    margin: 40px 0 0 0;
}

.recruit-flow-right {
    width: 600px;
    flex-shrink: 0;
}

.recruit-flow-img-wrap {
    width: 600px;
    height: 600px;
    border-radius: 20px;
    overflow: hidden;
}

.recruit-flow-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ==========================================================================
   Section 9: エントリーフォーム (Entry Form Card)
   ========================================================================== */
.recruit-form-card {
    padding: 100px 120px;
}

.recruit-form-wrap {
    width: 1100px;
    max-width: 100%;
    margin: 48px auto 0 auto;
}

.recruit-entry-form {
    display: flex;
    flex-direction: column;
}

.recruit-form-row {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px dashed #dcdcdc;
    gap: 64px;
}

.recruit-form-row:first-child {
    border-top: 1px dashed #dcdcdc;
}

.recruit-form-row--textarea {
    align-items: flex-start;
}

.recruit-form-label {
    width: 200px;
    flex-shrink: 0;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #575757;
    letter-spacing: 0.5px;
    line-height: 1.6;
    margin: 0;
}

.recruit-required {
    color: #ff543e;
    margin-left: 4px;
}

.recruit-optional {
    color: #2faa87;
    margin-left: 4px;
}

.recruit-form-field {
    width: 700px;
    max-width: 100%;
}

.recruit-form-field input[type="text"],
.recruit-form-field input[type="email"],
.recruit-form-field input[type="tel"] {
    width: 100%;
    height: 70px;
    background-color: #f6f6f6;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: 0 24px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    color: #333333;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s, background-color 0.2s;
}

.recruit-form-field textarea {
    width: 100%;
    height: 320px;
    background-color: #f6f6f6;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: 24px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    color: #333333;
    box-sizing: border-box;
    outline: none;
    resize: vertical;
    transition: border-color 0.2s, background-color 0.2s;
}

.recruit-form-field input:focus,
.recruit-form-field textarea:focus {
    background-color: #ffffff;
    border-color: #2faa87;
    box-shadow: 0 0 0 3px rgba(47, 170, 135, 0.1);
}

.recruit-form-card .wpcf7 {
    width: 100%;
}

.recruit-form-card .wpcf7-form {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.recruit-form-wrap p {
    margin: 0;
}

.recruit-form-wrap br {
    display: none;
}

.recruit-form-field .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    position: relative;
}

.recruit-form-field input.wpcf7-not-valid,
.recruit-form-field textarea.wpcf7-not-valid {
    border-color: #ff543e;
    background-color: #fff8f8;
}

.recruit-form-field .wpcf7-not-valid-tip {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    color: #ff543e;
    margin-top: 8px;
    display: block;
    line-height: 1.4;
}

.recruit-form-submit-wrap {
    margin-top: 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.recruit-submit-btn {
    width: 320px;
    height: 59px;
    background-color: #63574d;
    color: #ffffff;
    border: none;
    border-radius: 54px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 0.96px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    transition: background-color 0.3s, transform 0.2s;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
}

input[type="submit"].recruit-submit-btn {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(50% + 56px) center;
    background-size: 20px 20px;
    padding-right: 28px;
    text-align: center;
}

.recruit-submit-btn:hover {
    background-color: #4e443b;
    transform: translateY(-2px);
}

.recruit-btn-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
}

.recruit-btn-arrow svg {
    width: 100%;
    height: 100%;
}

.recruit-form-card .wpcf7-spinner {
    margin: 16px auto 0 auto;
    display: block;
}

.recruit-form-card .wpcf7-response-output {
    margin: 32px auto 0 auto !important;
    max-width: 800px;
    padding: 18px 28px !important;
    border-radius: 12px !important;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
    box-sizing: border-box;
}

.recruit-form-card form.sent .wpcf7-response-output {
    border: 2px solid #2faa87 !important;
    background-color: #f0faf6;
    color: #2faa87;
}

.recruit-form-card form.failed .wpcf7-response-output,
.recruit-form-card form.invalid .wpcf7-response-output,
.recruit-form-card form.unaccepted .wpcf7-response-output {
    border: 2px solid #ff543e !important;
    background-color: #fff5f5;
    color: #ff543e;
}

/* ==========================================================================
   Section 10: よくある質問 (Q&A Card)
   ========================================================================== */
.recruit-faq-card {
    padding: 80px 120px;
}

.recruit-faq-inner {
    width: 1100px;
    max-width: 100%;
    margin: 0 auto;
}

.recruit-faq-title-wrap {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 48px;
}

.recruit-faq-title-line {
    width: 4px;
    height: 48px;
    background-color: #2faa87;
    border-radius: 2px;
    display: inline-block;
}

.recruit-faq-title {
    font-family: "Shippori Mincho", "Noto Serif JP", serif;
    font-size: 32px;
    font-weight: 500;
    color: #63574d;
    letter-spacing: 0.96px;
    margin: 0;
}

.recruit-faq-list {
    display: flex;
    flex-direction: column;
}

.recruit-faq-item {
    border-top: 1px dashed #dcdcdc;
    border-bottom: 1px dashed #dcdcdc;
    padding: 24px 0;
    transition: background-color 0.2s;
}

.recruit-faq-item+.recruit-faq-item {
    border-top: none;
}

.recruit-faq-question-btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    padding: 0;
    gap: 24px;
}

.recruit-faq-q-content {
    display: flex;
    align-items: center;
    gap: 32px;
    flex: 1;
}

.recruit-faq-q-badge {
    font-family: "Outfit", sans-serif;
    font-size: 38px;
    font-weight: 500;
    color: #63574d;
    line-height: 1;
    text-transform: uppercase;
    flex-shrink: 0;
}

.recruit-faq-question-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 19px;
    font-weight: 400;
    color: #575757;
    letter-spacing: 0.96px;
    line-height: 1.6;
}

.recruit-faq-toggle-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #8fc31f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
    transition: background-color 0.3s;
}

.recruit-faq-toggle-icon::before,
.recruit-faq-toggle-icon::after {
    content: "";
    position: absolute;
    background-color: #ffffff;
    transition: transform 0.3s ease;
}

/* Horizontal line (minus) */
.recruit-faq-toggle-icon::before {
    width: 18px;
    height: 2px;
}

/* Vertical line (plus) */
.recruit-faq-toggle-icon::after {
    width: 2px;
    height: 18px;
}

/* When open, vertical line disappears to make minus */
.recruit-faq-item.is-open .recruit-faq-toggle-icon::after {
    transform: rotate(90deg);
    opacity: 0;
}

.recruit-faq-answer-panel {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, opacity 0.35s ease;
}

.recruit-faq-item.is-open .recruit-faq-answer-panel {
    max-height: 500px;
    opacity: 1;
}

.recruit-faq-answer-inner {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    padding-top: 24px;
}

.recruit-faq-a-badge {
    font-family: "Outfit", sans-serif;
    font-size: 38px;
    font-weight: 500;
    color: #63574d;
    line-height: 1;
    text-transform: uppercase;
    flex-shrink: 0;
}

.recruit-faq-answer-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 19px;
    font-weight: 400;
    color: #575757;
    letter-spacing: 0.5px;
    line-height: 1.6;
    padding-top: 4px;
}

/* ==========================================================================
   Section 11: メッセージ (Bottom Message Card)
   ========================================================================== */
.recruit-bottom-message-card {
    padding: 80px 120px;
}

.recruit-bottom-photo-wrap {
    width: 1280px;
    max-width: 100%;
    height: 600px;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 auto 48px auto;
}

.recruit-bottom-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.recruit-bottom-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    line-height: 1.6;
    letter-spacing: 0.5px;
    text-align: center;
    margin: 0 auto;
    max-width: 1000px;
}

/* ==========================================================================
   Responsive Scaling: 1800px (Desktop Proportional Scaling)
   Base: 1920px -> vw = (px / 1920) * 100
   ========================================================================== */
@media (max-width: 1800px) {

    .recruit-decor-leaf--3 {
        border-radius: 9.375vw 0.625vw 9.375vw 0.625vw;
    }

    .recruit-decor-leaf--4 {
        border-radius: 8.333vw 0.625vw 8.333vw 0.625vw;
    }

    .recruit-page-main .sub-mv {
        margin-top: 8.854vw;
    }

    .recruit-page-body {
        padding-top: 5.208vw;
        padding-bottom: 6.25vw;
    }

    .recruit-page-container {
        width: 79.167vw;
    }

    .recruit-card {
        width: 79.167vw;
        border-radius: 1.563vw;
        margin-bottom: 4.167vw;
    }

    .recruit-breakout-card {
        border-radius: 4.167vw;
        margin-bottom: 4.167vw;
    }

    /* Headings */
    .recruit-heading {
        gap: 0.417vw;
        margin-bottom: 1.25vw;
        min-height: 2.917vw;
    }

    .recruit-heading--center {
        gap: 0.417vw;
        margin-bottom: 1.667vw;
    }

    .recruit-heading-leaf {
        width: 1.042vw;
        height: 1.042vw;
        border-top-left-radius: 1.563vw;
        border-bottom-right-radius: 1.563vw;
    }

    .recruit-heading-title {
        font-size: 1.667vw;
        letter-spacing: 0.05vw;
    }

    .recruit-heading-lead {
        gap: 0.833vw;
        margin-bottom: 1.667vw;
    }

    .recruit-en-row {
        gap: 0.417vw;
    }

    .recruit-en-title {
        font-size: 2.917vw;
        letter-spacing: 0.088vw;
    }

    .recruit-jp-subtitle {
        font-size: 1.042vw;
        letter-spacing: 0.052vw;
        padding-left: 1.458vw;
    }

    .recruit-bullet-dot {
        font-size: 0.521vw;
        margin-right: 0.417vw;
    }

    /* Decorative Leaf Cluster -- Intro (Node 3687:13486 "曲線02") */
    .recruit-leaf-cluster--intro {
        right: -10.417vw;
        top: 26.458vw;
        width: 32.813vw;
        height: 18.438vw;
    }

    .recruit-leaf-cluster--intro .recruit-leaf-wrap--1 {
        left: -4.152vw;
        top: 6.363vw;
        width: 10.408vw;
        height: 10.408vw;
    }

    .recruit-leaf-cluster--intro .recruit-leaf-shape--1 {
        width: 7.893vw;
        height: 7.893vw;
        border-radius: 10.929vw 0.729vw 10.929vw 0.729vw;
    }

    .recruit-leaf-cluster--intro .recruit-leaf-wrap--2 {
        left: 16.491vw;
        top: 2.595vw;
        width: 6.356vw;
        height: 6.356vw;
    }

    .recruit-leaf-cluster--intro .recruit-leaf-shape--2 {
        width: 4.923vw;
        height: 4.923vw;
        border-radius: 10.929vw 0.729vw 10.929vw 0.729vw;
    }

    .recruit-leaf-cluster--intro .recruit-leaf-wrap--3 {
        left: 7.607vw;
        top: 7.345vw;
        width: 8.514vw;
        height: 8.514vw;
    }

    .recruit-leaf-cluster--intro .recruit-leaf-shape--3 {
        width: 6.031vw;
        height: 6.031vw;
        border-radius: 9.047vw 0.603vw 9.047vw 0.603vw;
    }

    .recruit-leaf-cluster--intro .recruit-leaf-wrap--4 {
        left: 25.564vw;
        top: 4.13vw;
        width: 5.478vw;
        height: 5.478vw;
    }

    .recruit-leaf-cluster--intro .recruit-leaf-shape--4 {
        width: 3.941vw;
        height: 3.941vw;
        border-radius: 9.047vw 0.603vw 9.047vw 0.603vw;
    }

    /* Section 1 */
    .recruit-intro-card {
        padding: 4.167vw 6.25vw;
    }

    .recruit-intro-header {
        margin-bottom: 3.125vw;
    }

    .recruit-intro-desc {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
        max-width: 39.583vw;
    }

    .recruit-team-photo-wrap {
        width: 66.667vw;
        height: 31.25vw;
        border-radius: 1.042vw;
        margin-bottom: 3.125vw;
    }

    .recruit-team-desc {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
        max-width: 52.083vw;
    }

    /* Section 2 */
    .recruit-message-card {
        padding: 2.5vw 6.25vw;
    }

    .recruit-message-inner {
        width: 66.667vw;
        gap: 4.167vw;
    }

    .recruit-message-text-col {
        max-width: 31.25vw;
    }

    .recruit-message-lead,
    .recruit-message-tail {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .recruit-message-bullets {
        gap: 0.833vw;
        margin: 1.458vw 0;
    }

    .recruit-bullet-item {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .recruit-message-photo-col {
        width: 31.25vw;
    }

    .recruit-message-photo-wrap {
        width: 31.25vw;
        height: 31.25vw;
        border-radius: 1.042vw;
    }

    /* Section 3 */
    .recruit-benefits-section {
        min-height: 52.708vw;
        padding-top: 3.125vw;
        padding-bottom: 4.688vw;
    }

    .recruit-benefits-wave {
        top: 8.177vw;
        width: 132.083vw;
        height: 45.625vw;
    }

    .recruit-benefits-container {
        width: 79.167vw;
    }

    .recruit-benefits-grid {
        gap: 1.667vw;
        margin-top: 3.125vw;
    }

    .recruit-benefit-card {
        width: 24.375vw;
        min-height: 31.719vw;
        border-radius: 1.563vw;
        padding: 1.25vw;
    }

    .recruit-benefit-img-wrap {
        width: 21.875vw;
        height: 14.01vw;
        border-radius: 1.042vw;
    }

    .recruit-benefit-badge {
        width: 4.948vw;
        height: 4.948vw;
        top: -0.781vw;
        left: -0.781vw;
        border-top-left-radius: 2.083vw;
        border-bottom-right-radius: 7.292vw;
    }

    .recruit-benefit-badge-num {
        font-size: 2.292vw;
        letter-spacing: 0.073vw;
    }

    .recruit-benefit-body {
        padding: 1.667vw 0.833vw 0.833vw 0.833vw;
    }

    .recruit-benefit-title {
        font-size: 1.25vw;
        letter-spacing: 0.063vw;
        margin-bottom: 1.25vw;
    }

    .recruit-benefit-text,
    .recruit-benefit-lead-text {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .recruit-benefit-bullets {
        gap: 0.833vw;
        margin-bottom: 1.25vw;
    }

    .recruit-benefit-bullet,
    .recruit-benefit-sub-item {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .recruit-benefit-sub-grid {
        gap: 0.833vw;
        margin-bottom: 1.25vw;
    }

    /* Section 4 */
    .recruit-policy-card {
        padding: 4.583vw 6.25vw;
    }

    .recruit-policy-lead {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
        margin-bottom: 2.5vw;
    }

    .recruit-policy-grid {
        width: 66.667vw;
        gap: 2.083vw;
    }

    .recruit-policy-item {
        width: 20.833vw;
        gap: 1.25vw;
    }

    .recruit-policy-img-wrap {
        width: 20.833vw;
        height: 14.427vw;
        border-radius: 1.042vw;
    }

    .recruit-policy-item-title {
        font-size: 1.042vw;
        letter-spacing: 0.052vw;
    }

    /* Section 5 */
    .recruit-daily-card {
        padding: 2.5vw 6.25vw;
    }

    .recruit-daily-inner {
        width: 66.667vw;
        gap: 4.167vw;
    }

    .recruit-daily-left {
        max-width: 31.25vw;
    }

    .recruit-timeline {
        gap: 1.875vw;
        margin-top: 1.875vw;
    }

    .recruit-timeline-line {
        left: 3.021vw;
    }

    .recruit-timeline-item {
        gap: 1.25vw;
    }

    .recruit-timeline-pill {
        width: 5.052vw;
        height: 1.979vw;
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .recruit-timeline-heading {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .recruit-timeline-sub {
        font-size: 0.833vw;
        letter-spacing: 0.042vw;
    }

    .recruit-daily-right {
        width: 31.25vw;
    }

    .recruit-daily-img-wrap {
        width: 31.25vw;
        height: 31.25vw;
        border-radius: 1.042vw;
    }

    /* Section 6 */
    .recruit-welcome-section {
        height: 44.271vw;
    }

    .recruit-welcome-bg {
        border-radius: 4.167vw;
    }

    /* Decorative Leaf Cluster -- Welcome (Node 3940:7720 "葉っぱ") */
    .recruit-leaf-cluster--welcome {
        left: calc(50% + 15.573vw);
        top: -7.708vw;
        width: 39.583vw;
        height: 18.438vw;
    }

    .recruit-leaf-cluster--welcome .recruit-leaf-wrap--1 {
        left: 3.602vw;
        top: 10.107vw;
        width: 7.919vw;
        height: 7.919vw;
    }

    .recruit-leaf-cluster--welcome .recruit-leaf-shape--1 {
        width: 7.893vw;
        height: 7.893vw;
        border-radius: 10.929vw 0.729vw 10.929vw 0.729vw;
    }

    .recruit-leaf-cluster--welcome .recruit-leaf-wrap--2 {
        left: 23.262vw;
        top: 2.595vw;
        width: 6.356vw;
        height: 6.356vw;
    }

    .recruit-leaf-cluster--welcome .recruit-leaf-shape--2 {
        width: 4.923vw;
        height: 4.923vw;
        border-radius: 10.929vw 0.729vw 10.929vw 0.729vw;
    }

    .recruit-leaf-cluster--welcome .recruit-leaf-wrap--3 {
        left: 14.378vw;
        top: 7.345vw;
        width: 8.514vw;
        height: 8.514vw;
    }

    .recruit-leaf-cluster--welcome .recruit-leaf-shape--3 {
        width: 6.031vw;
        height: 6.031vw;
        border-radius: 9.047vw 0.603vw 9.047vw 0.603vw;
    }

    .recruit-leaf-cluster--welcome .recruit-leaf-wrap--4 {
        left: 32.335vw;
        top: 4.13vw;
        width: 5.478vw;
        height: 5.478vw;
    }

    .recruit-leaf-cluster--welcome .recruit-leaf-shape--4 {
        width: 3.941vw;
        height: 3.941vw;
        border-radius: 9.047vw 0.603vw 9.047vw 0.603vw;
    }

    .recruit-welcome-container {
        width: 79.167vw;
    }

    .recruit-welcome-card {
        width: 26.042vw;
        border-radius: 1.563vw;
        padding: 2.604vw 1.563vw;
        margin-left: 4.167vw;
    }

    .recruit-welcome-list {
        gap: 0.729vw;
        margin-top: 1.875vw;
    }

    .recruit-welcome-pill {
        border-radius: 0.573vw;
        height: 2.188vw;
        padding: 0 0.833vw;
    }

    .recruit-welcome-pill-text {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    /* Section 7 */
    .recruit-requirements-card {
        padding: 2.5vw 6.25vw 4.167vw 6.25vw;
    }

    .recruit-requirements-body {
        width: 66.771vw;
        margin-top: 2.5vw;
    }

    .recruit-req-row {
        padding: 1.875vw 0;
        gap: 3.333vw;
    }

    .recruit-req-label {
        width: 10.417vw;
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .recruit-req-value {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    /* Section 8 */
    .recruit-flow-card {
        padding: 2.5vw 6.25vw;
    }

    .recruit-flow-inner {
        width: 66.667vw;
        gap: 4.167vw;
    }

    .recruit-flow-left {
        max-width: 31.25vw;
    }

    .recruit-flow-steps-wrap {
        margin-top: 2.083vw;
    }

    .recruit-flow-steps {
        gap: 1.875vw;
    }

    .recruit-flow-line {
        left: 0.781vw;
    }

    .recruit-flow-step {
        gap: 0.833vw;
    }

    .recruit-flow-dot {
        width: 1.042vw;
        height: 1.042vw;
    }

    .recruit-flow-step-text {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .recruit-flow-note {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
        margin-top: 2.083vw;
    }

    .recruit-flow-right {
        width: 31.25vw;
    }

    .recruit-flow-img-wrap {
        width: 31.25vw;
        height: 31.25vw;
        border-radius: 1.042vw;
    }

    /* Section 9 */
    .recruit-form-card {
        padding: 5.208vw 6.25vw;
    }

    .recruit-form-wrap {
        width: 57.292vw;
        margin-top: 2.5vw;
    }

    .recruit-form-row {
        padding: 1.563vw 0;
        gap: 3.333vw;
    }

    .recruit-form-label {
        width: 10.417vw;
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
    }

    .recruit-form-field {
        width: 36.458vw;
    }

    .recruit-form-field input[type="text"],
    .recruit-form-field input[type="email"],
    .recruit-form-field input[type="tel"] {
        height: 3.646vw;
        padding: 0 1.25vw;
        font-size: 0.938vw;
        border-radius: 0.417vw;
    }

    .recruit-form-field textarea {
        height: 16.667vw;
        padding: 1.25vw;
        font-size: 0.938vw;
        border-radius: 0.417vw;
    }

    .recruit-form-submit-wrap {
        margin-top: 2.917vw;
    }

    .recruit-submit-btn {
        width: 16.667vw;
        height: 3.073vw;
        border-radius: 2.813vw;
        font-size: 0.99vw;
        gap: 0.833vw;
    }

    input[type="submit"].recruit-submit-btn {
        background-position: calc(50% + 2.917vw) center;
        background-size: 1.042vw 1.042vw;
        padding-right: 1.458vw;
    }

    .recruit-btn-arrow {
        width: 1.146vw;
        height: 1.146vw;
    }

    .recruit-form-field .wpcf7-not-valid-tip {
        font-size: 0.729vw;
        margin-top: 0.417vw;
    }

    .recruit-form-card .wpcf7-response-output {
        margin-top: 1.667vw !important;
        max-width: 41.667vw;
        padding: 0.938vw 1.458vw !important;
        border-radius: 0.625vw !important;
        font-size: 0.833vw;
    }

    /* Section 10 */
    .recruit-faq-card {
        padding: 4.167vw 6.25vw;
    }

    .recruit-faq-inner {
        width: 57.292vw;
    }

    .recruit-faq-title-wrap {
        gap: 1.25vw;
        margin-bottom: 2.5vw;
    }

    .recruit-faq-title-line {
        width: 0.208vw;
        height: 2.5vw;
    }

    .recruit-faq-title {
        font-size: 1.667vw;
        letter-spacing: 0.05vw;
    }

    .recruit-faq-item {
        padding: 1.25vw 0;
    }

    .recruit-faq-question-btn {
        gap: 1.25vw;
    }

    .recruit-faq-q-content {
        gap: 1.667vw;
    }

    .recruit-faq-q-badge,
    .recruit-faq-a-badge {
        font-size: 1.979vw;
    }

    .recruit-faq-question-text {
        font-size: 0.99vw;
        letter-spacing: 0.05vw;
    }

    .recruit-faq-answer-text {
        font-size: 0.99vw;
        letter-spacing: 0.026vw;
    }

    .recruit-faq-toggle-icon {
        width: 2.188vw;
        height: 2.188vw;
    }

    .recruit-faq-toggle-icon::before {
        width: 0.938vw;
        height: 0.104vw;
    }

    .recruit-faq-toggle-icon::after {
        width: 0.104vw;
        height: 0.938vw;
    }

    .recruit-faq-answer-inner {
        gap: 1.667vw;
        padding-top: 1.25vw;
    }

    /* Section 11 */
    .recruit-bottom-message-card {
        padding: 4.167vw 6.25vw;
    }

    .recruit-bottom-photo-wrap {
        width: 66.667vw;
        height: 31.25vw;
        border-radius: 1.042vw;
        margin-bottom: 2.5vw;
    }

    .recruit-bottom-text {
        font-size: 0.938vw;
        letter-spacing: 0.026vw;
        max-width: 52.083vw;
    }


    /* Auto-generated PC Liquid (vw) Layout Rules */
    .recruit-page-main .sub-mv {
        margin-top: 8.854vw;
    }

    .recruit-page-main .sub-mv-heading-card {
        max-width: calc(100% - 7.292vw);
    }

    .recruit-leaf-cluster--intro {
        right: -10.417vw;
        top: 26.458vw;
        width: 32.812vw;
        height: 18.438vw;
    }

    .recruit-leaf-cluster--bottom {
        left: -6.250vw;
        top: -3.125vw;
        width: 32.812vw;
        height: 18.438vw;
    }

    .recruit-decor-leaf--1 {
        width: 8.333vw;
        height: 8.333vw;
        border-radius: 10.417vw 0.729vw 10.417vw 0.729vw;
        left: 1.042vw;
        top: 4.167vw;
    }

    .recruit-decor-leaf--2 {
        width: 5.208vw;
        height: 5.208vw;
        border-radius: 9.375vw 0.729vw 9.375vw 0.729vw;
        left: 16.667vw;
        top: 1.562vw;
    }

    .recruit-decor-leaf--3 {
        width: 6.771vw;
        height: 6.771vw;
        left: 8.854vw;
        top: 6.771vw;
    }

    .recruit-decor-leaf--4 {
        width: 4.688vw;
        height: 4.688vw;
        left: 25.000vw;
        top: 3.125vw;
    }

    .recruit-team-photo-wrap {
        margin: 0 auto 3.125vw auto;
    }

    .recruit-bullet-item {
        gap: 0.208vw;
    }

    .recruit-benefit-title {
        margin: 0 0 1.250vw 0;
    }

    .recruit-benefit-lead-text {
        margin: 0 0 0.833vw 0;
    }

    .recruit-benefit-bullets {
        margin: 0 0 1.250vw 0;
    }

    .recruit-benefit-bullet {
        gap: 0.208vw;
    }

    .recruit-benefit-sub-item {
        gap: 0.208vw;
    }

    .recruit-policy-lead {
        margin: 0 auto 2.500vw auto;
    }

    .recruit-timeline {
        padding-left: 0.521vw;
    }

    .recruit-timeline-line {
        top: 1.250vw;
        bottom: 1.250vw;
        width: 0.104vw;
    }

    .recruit-timeline-pill {
        border-radius: 5.208vw;
    }

    .recruit-timeline-content {
        padding-top: 0.312vw;
    }

    .recruit-timeline-sub {
        margin: 0.312vw 0 0 0;
    }

    .recruit-welcome-list {
        margin: 1.875vw 0 0 0;
    }

    .recruit-requirements-body {
        margin: 2.500vw auto 0 auto;
    }

    .recruit-req-ordered-list {
        margin: 0.417vw 0 0 1.042vw;
    }

    .recruit-req-ordered-list li {
        margin-bottom: 0.208vw;
    }

    .recruit-flow-steps {
        padding-left: 0.312vw;
    }

    .recruit-flow-line {
        top: 0.521vw;
        bottom: 1.250vw;
        width: 0.104vw;
    }

    .recruit-flow-note {
        margin: 2.083vw 0 0 0;
    }

    .recruit-form-wrap {
        margin: 2.500vw auto 0 auto;
    }

    .recruit-required {
        margin-left: 0.208vw;
    }

    .recruit-optional {
        margin-left: 0.208vw;
    }

    .recruit-submit-btn {
        letter-spacing: 0.050vw;
    }

    .recruit-form-card .wpcf7-spinner {
        margin: 0.833vw auto 0 auto;
    }

    .recruit-form-card .wpcf7-response-output {
        margin: 1.667vw auto 0 auto !important;
    }

    .recruit-faq-item.is-open .recruit-faq-answer-panel {
        max-height: 26.042vw;
    }

    .recruit-faq-answer-text {
        padding-top: 0.208vw;
    }

    .recruit-bottom-photo-wrap {
        margin: 0 auto 2.500vw auto;
    }

}

/* ==========================================================================
   Responsive: Tablet Breakpoint (1024px)
   ========================================================================== */
@media (max-width: 1024px) {
    /* 1800px 以下を完全比例（vw）にしたため、タブレット以下は従来の値を維持する */
    .recruit-bullet-dot {
        font-size: calc(6.78px + 0.168vw);
    }

    .recruit-intro-desc {
        font-size: calc(9.42px + 0.447vw);
    }

    .recruit-team-desc {
        font-size: calc(9.42px + 0.447vw);
    }

    .recruit-message-lead, .recruit-message-tail {
        font-size: calc(9.42px + 0.447vw);
    }

    .recruit-bullet-item {
        font-size: calc(9.42px + 0.447vw);
    }

    .recruit-benefit-text, .recruit-benefit-lead-text {
        font-size: calc(9.42px + 0.447vw);
    }

    .recruit-benefit-bullet, .recruit-benefit-sub-item {
        font-size: calc(9.42px + 0.447vw);
    }

    .recruit-timeline-pill {
        font-size: calc(9.42px + 0.447vw);
    }

    .recruit-flow-step-text {
        font-size: calc(9.42px + 0.447vw);
    }

    .recruit-flow-note {
        font-size: calc(9.42px + 0.447vw);
    }

    .recruit-page-main .sub-mv {
        margin-top: 100px;
    }

    .recruit-page-main .sub-mv-heading-card {
        max-width: calc(100% - 80px);
    }

    .recruit-page-body {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .recruit-page-container {
        width: 100%;
        padding: 0 24px;
        box-sizing: border-box;
    }

    .recruit-card {
        width: 100%;
        border-radius: 24px;
        margin-bottom: 60px;
    }

    .recruit-breakout-card {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        border-radius: 40px;
        margin-bottom: 60px;
    }

    .recruit-heading {
        margin-bottom: 20px;
    }

    .recruit-heading-title {
        font-size: 26px;
    }

    .recruit-heading-leaf {
        width: 18px;
        height: 18px;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .recruit-en-title {
        font-size: 42px;
    }

    .recruit-jp-subtitle {
        font-size: 18px;
        padding-left: 20px;
    }

    .recruit-leaf-cluster {
        display: none;
        /* Hide heavy leaf decor on tablet/mobile */
    }

    /* Section 1 */
    .recruit-intro-card {
        padding: 50px 30px;
    }

    .recruit-intro-desc,
    .recruit-team-desc {
        font-size: 16px;
        max-width: 100%;
    }

    .recruit-team-photo-wrap {
        width: 100%;
        height: 400px;
        margin-bottom: 40px;
    }

    /* Section 2 */
    .recruit-message-card {
        padding: 50px 30px;
    }

    .recruit-message-inner {
        flex-direction: column;
        width: 100%;
        gap: 40px;
    }

    .recruit-message-text-col {
        max-width: 100%;
        width: 100%;
    }

    .recruit-message-lead,
    .recruit-message-tail,
    .recruit-bullet-item {
        font-size: 16px;
    }

    .recruit-message-photo-col {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .recruit-message-photo-wrap {
        width: 100%;
        max-width: 450px;
        height: 450px;
    }

    /* Section 3 */
    .recruit-benefits-section {
        min-height: auto;
        padding: 50px 24px;
    }

    .recruit-benefits-wave {
        display: none;
    }

    .recruit-benefits-container {
        width: 100%;
    }

    .recruit-benefits-grid {
        flex-direction: column;
        align-items: center;
        gap: 40px;
        margin-top: 40px;
    }

    .recruit-benefit-card {
        width: 100%;
        max-width: 500px;
        min-height: auto;
    }

    .recruit-benefit-img-wrap {
        width: 100%;
        height: 250px;
    }

    .recruit-benefit-badge {
        width: 70px;
        height: 70px;
        top: -10px;
        left: -10px;
    }

    .recruit-benefit-badge-num {
        font-size: 32px;
    }

    .recruit-benefit-title {
        font-size: 20px;
    }

    .recruit-benefit-text,
    .recruit-benefit-lead-text,
    .recruit-benefit-bullet,
    .recruit-benefit-sub-item {
        font-size: 16px;
    }

    /* Section 4 */
    .recruit-policy-card {
        padding: 50px 30px;
    }

    .recruit-policy-lead {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .recruit-policy-grid {
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .recruit-policy-item {
        width: 100%;
        max-width: 450px;
        gap: 16px;
    }

    .recruit-policy-img-wrap {
        width: 100%;
        height: 250px;
    }

    .recruit-policy-item-title {
        font-size: 18px;
    }

    /* Section 5 */
    .recruit-daily-card {
        padding: 50px 30px;
    }

    .recruit-daily-inner {
        flex-direction: column;
        width: 100%;
        gap: 40px;
    }

    .recruit-daily-left {
        width: 100%;
        max-width: 100%;
    }

    .recruit-timeline-heading {
        font-size: 16px;
    }

    .recruit-timeline-sub {
        font-size: 14px;
    }

    .recruit-daily-right {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .recruit-daily-img-wrap {
        width: 100%;
        max-width: 450px;
        height: 450px;
    }

    /* Section 6 */
    .recruit-welcome-section {
        height: auto;
        min-height: 600px;
        padding: 60px 24px;
        box-sizing: border-box;
    }

    .recruit-welcome-container {
        width: 100%;
        justify-content: center;
    }

    .recruit-welcome-card {
        width: 100%;
        max-width: 500px;
        margin-left: 0;
        padding: 40px 24px;
    }

    .recruit-welcome-pill-text {
        font-size: 16px;
    }

    /* Section 7 */
    .recruit-requirements-card {
        padding: 50px 30px;
    }

    .recruit-requirements-body {
        width: 100%;
        margin-top: 30px;
    }

    .recruit-req-row {
        gap: 24px;
        padding: 24px 0;
    }

    .recruit-req-label {
        width: 160px;
        font-size: 16px;
    }

    .recruit-req-value {
        font-size: 16px;
    }

    /* Section 8 */
    .recruit-flow-card {
        padding: 50px 30px;
    }

    .recruit-flow-inner {
        flex-direction: column;
        width: 100%;
        gap: 40px;
    }

    .recruit-flow-left {
        width: 100%;
        max-width: 100%;
    }

    .recruit-flow-steps-wrap {
        margin-top: 32px;
    }

    .recruit-flow-steps {
        gap: 32px;
        padding-left: 0;
    }

    .recruit-flow-line {
        left: 9px;
        top: 10px;
        bottom: 10px;
        width: 2px;
    }

    .recruit-flow-step {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .recruit-flow-dot {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

    .recruit-flow-step-text,
    .recruit-flow-note {
        font-size: 16px;
        letter-spacing: 0.5px;
    }

    .recruit-flow-note {
        margin-top: 32px;
    }

    .recruit-flow-right {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .recruit-flow-img-wrap {
        width: 100%;
        max-width: 450px;
        height: 450px;
    }

    /* Section 9 */
    .recruit-form-card {
        padding: 50px 30px;
    }

    .recruit-form-wrap {
        width: 100%;
        margin-top: 30px;
    }

    .recruit-form-row {
        gap: 24px;
        padding: 20px 0;
    }

    .recruit-form-label {
        width: 160px;
        font-size: 16px;
    }

    .recruit-form-field {
        flex: 1;
        width: auto;
    }

    .recruit-form-field input[type="text"],
    .recruit-form-field input[type="email"],
    .recruit-form-field input[type="tel"] {
        height: 60px;
        font-size: 16px;
    }

    .recruit-form-field textarea {
        height: 220px;
        font-size: 16px;
    }

    .recruit-submit-btn {
        width: 280px;
        height: 52px;
        font-size: 17px;
        gap: 14px;
    }

    .recruit-btn-arrow {
        width: 20px;
        height: 20px;
    }

    input[type="submit"].recruit-submit-btn {
        background-position: calc(50% + 46px) center;
        background-size: 18px 18px;
        padding-right: 24px;
    }

    .recruit-form-field .wpcf7-not-valid-tip {
        font-size: 13px;
    }

    .recruit-form-card .wpcf7-response-output {
        font-size: 15px;
        padding: 16px 20px !important;
    }

    /* Section 10 */
    .recruit-faq-card {
        padding: 40px 24px;
    }

    .recruit-faq-inner {
        width: 100%;
    }

    .recruit-faq-title-wrap {
        margin-bottom: 32px;
    }

    .recruit-faq-title-line {
        width: 4px;
        height: 40px;
    }

    .recruit-faq-title {
        font-size: 26px;
    }

    .recruit-faq-item {
        padding: 24px 0;
    }

    .recruit-faq-q-content,
    .recruit-faq-answer-inner {
        gap: 20px;
    }

    .recruit-faq-answer-inner {
        padding-top: 16px;
    }

    .recruit-faq-q-badge,
    .recruit-faq-a-badge {
        font-size: 28px;
        width: 24px;
    }

    .recruit-faq-question-text {
        font-size: 17px;
    }

    .recruit-faq-answer-text {
        font-size: 16px;
    }

    .recruit-faq-toggle-icon {
        width: 36px;
        height: 36px;
    }

    .recruit-faq-toggle-icon::before {
        width: 16px;
        height: 2px;
    }

    .recruit-faq-toggle-icon::after {
        width: 2px;
        height: 16px;
    }

    /* Section 11 */
    .recruit-bottom-message-card {
        padding: 50px 30px;
    }

    .recruit-bottom-photo-wrap {
        width: 100%;
        height: 400px;
        margin-bottom: 30px;
    }

    .recruit-bottom-text {
        font-size: 16px;
        max-width: 100%;
    }
}

/* ==========================================================================
   Responsive: Mobile Breakpoint (768px)
   ========================================================================== */
@media (max-width: 768px) {
    .recruit-page-main .sub-mv {
        margin-top: 175px;
    }

    .admin-bar .recruit-page-main .sub-mv {
        margin-top: calc(175px + 46px);
    }

    .recruit-page-body {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .recruit-page-container {
        padding: 0 16px;
    }

    .recruit-card {
        border-radius: 20px;
        margin-bottom: 40px;
    }

    .recruit-breakout-card {
        border-radius: 24px;
        margin-bottom: 40px;
    }

    .recruit-heading {
        margin-bottom: 16px;
        min-height: auto;
    }

    .recruit-heading-title {
        font-size: 22px;
        line-height: 1.4;
    }

    .recruit-en-title {
        font-size: 36px;
    }

    .recruit-jp-subtitle {
        font-size: 16px;
    }

    /* Section 1 */
    .recruit-intro-card {
        padding: 40px 20px;
    }

    .recruit-team-message-wrap {
        text-align: left;
    }

    .recruit-intro-desc,
    .recruit-team-desc,
    .recruit-policy-lead,
    .recruit-bottom-text {
        font-size: 15px;
        line-height: 1.7;
        text-align: left;
    }

    .recruit-team-photo-wrap {
        height: 240px;
        border-radius: 14px;
        margin-bottom: 30px;
    }

    /* Section 2 */
    .recruit-message-card {
        padding: 40px 20px;
    }

    .recruit-message-lead,
    .recruit-message-tail,
    .recruit-bullet-item {
        font-size: 15px;
        line-height: 1.7;
    }

    .recruit-message-photo-wrap {
        height: 320px;
        border-radius: 14px;
    }

    /* Section 3 */
    .recruit-benefits-section {
        padding: 40px 16px;
    }

    .recruit-benefit-card {
        padding: 16px;
        border-radius: 20px;
    }

    .recruit-benefit-img-wrap {
        height: 200px;
        border-radius: 14px;
    }

    .recruit-benefit-badge {
        width: 60px;
        height: 60px;
        top: -8px;
        left: -8px;
    }

    .recruit-benefit-badge-num {
        font-size: 26px;
    }

    .recruit-benefit-body {
        padding: 20px 8px 8px 8px;
    }

    .recruit-benefit-title {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .recruit-benefit-text,
    .recruit-benefit-lead-text,
    .recruit-benefit-bullet,
    .recruit-benefit-sub-item {
        font-size: 15px;
    }

    .recruit-benefit-sub-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    /* Section 4 */
    .recruit-policy-card {
        padding: 40px 20px;
    }

    .recruit-policy-lead {
        font-size: 15px;
        line-height: 1.7;
    }

    .recruit-policy-img-wrap {
        height: 200px;
        border-radius: 14px;
    }

    .recruit-policy-item-title {
        font-size: 17px;
    }

    /* Section 5 */
    .recruit-daily-card {
        padding: 40px 20px;
    }

    .recruit-timeline-line {
        left: 42px;
    }

    .recruit-timeline-pill {
        width: 76px;
        height: 32px;
        font-size: 14px;
    }

    .recruit-timeline-heading {
        font-size: 15px;
    }

    .recruit-timeline-sub {
        font-size: 13px;
    }

    .recruit-daily-img-wrap {
        height: 300px;
        border-radius: 14px;
    }

    /* Section 6 */
    .recruit-welcome-section {
        padding: 40px 16px;
    }

    .recruit-welcome-card {
        padding: 30px 16px;
        border-radius: 20px;
    }

    .recruit-welcome-pill {
        height: 38px;
        padding: 0 12px;
    }

    .recruit-welcome-pill-text {
        font-size: 14px;
    }

    /* Section 7 */
    .recruit-requirements-card {
        padding: 40px 20px;
    }

    .recruit-req-row {
        flex-direction: column;
        gap: 10px;
        padding: 20px 0;
    }

    .recruit-req-label {
        width: 100%;
        font-size: 16px;
    }

    .recruit-req-value {
        width: 100%;
        min-width: 0;
        font-size: 15px;
        line-height: 1.7;
    }

    .recruit-req-ordered-list {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        margin: 8px 0 0;
        padding-left: 1.5em;
    }

    .recruit-req-ordered-list li {
        overflow-wrap: anywhere;
    }

    /* Section 8 */
    .recruit-flow-card {
        padding: 40px 20px;
    }

    .recruit-flow-steps-wrap {
        margin-top: 28px;
    }

    .recruit-flow-steps {
        gap: 28px;
        padding-left: 0;
    }

    .recruit-flow-line {
        left: 8px;
        top: 12px;
        bottom: 12px;
        width: 2px;
    }

    .recruit-flow-step {
        display: flex;
        align-items: flex-start;
        gap: 16px;
    }

    .recruit-flow-dot {
        width: 18px;
        height: 18px;
        margin-top: 3px;
        flex-shrink: 0;
    }

    .recruit-flow-step-text,
    .recruit-flow-note {
        font-size: 15px;
        line-height: 1.6;
        letter-spacing: 0.5px;
    }

    .recruit-flow-note {
        margin-top: 28px;
    }

    .recruit-flow-img-wrap {
        height: 300px;
        border-radius: 14px;
    }

    /* Section 9 */
    .recruit-form-card {
        padding: 40px 20px;
    }

    .recruit-form-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 16px 0;
    }

    .recruit-form-label {
        width: 100%;
        font-size: 16px;
    }

    .recruit-form-field {
        width: 100%;
    }

    .recruit-form-field input[type="text"],
    .recruit-form-field input[type="email"],
    .recruit-form-field input[type="tel"] {
        height: 52px;
        font-size: 15px;
        padding: 0 16px;
    }

    .recruit-form-field textarea {
        height: 180px;
        font-size: 15px;
        padding: 16px;
    }

    .recruit-submit-btn {
        width: 100%;
        max-width: 300px;
        height: 50px;
        font-size: 16px;
        gap: 12px;
    }

    .recruit-btn-arrow {
        width: 18px;
        height: 18px;
    }

    input[type="submit"].recruit-submit-btn {
        background-position: calc(50% + 40px) center;
        background-size: 16px 16px;
        padding-right: 20px;
    }

    .recruit-form-field .wpcf7-not-valid-tip {
        font-size: 12px;
    }

    .recruit-form-card .wpcf7-response-output {
        font-size: 14px;
        padding: 14px 16px !important;
        margin-top: 24px !important;
    }

    /* Section 10 */
    .recruit-faq-card {
        padding: 32px 16px;
    }

    .recruit-faq-title-wrap {
        gap: 16px;
    }

    .recruit-faq-title {
        font-size: 22px;
    }

    .recruit-faq-q-content,
    .recruit-faq-answer-inner {
        gap: 12px;
    }

    .recruit-faq-q-badge,
    .recruit-faq-a-badge {
        font-size: 22px;
        width: 20px;
    }

    .recruit-faq-question-text {
        font-size: 15px;
    }

    .recruit-faq-answer-text {
        font-size: 14px;
    }

    .recruit-faq-toggle-icon {
        width: 32px;
        height: 32px;
    }

    /* Section 11 */
    .recruit-bottom-message-card {
        padding: 40px 20px;
    }

    .recruit-bottom-photo-wrap {
        height: 240px;
        border-radius: 14px;
    }

    .recruit-bottom-text {
        font-size: 15px;
        line-height: 1.7;
    }

    /* 1800px 以下の vw 指定が SP で極端に小さくならないよう px に戻す */
    .recruit-heading {
        gap: 8px;
    }

    .recruit-heading--center {
        gap: 8px;
    }

    .recruit-heading-lead {
        gap: 16px;
    }

    .recruit-en-row {
        gap: 8px;
    }

    .recruit-bullet-dot {
        margin-right: 8px;
    }

    .recruit-message-bullets {
        gap: 16px;
        margin: 16px 0;
    }

    .recruit-benefit-bullets {
        gap: 16px;
        margin-bottom: 16px;
        margin: 0 0 16px 0;
    }

    .recruit-benefit-sub-grid {
        margin-bottom: 16px;
    }

    .recruit-timeline-item {
        gap: 16px;
    }

    .recruit-welcome-list {
        gap: 14px;
    }

    .recruit-welcome-pill {
        border-radius: 11px;
    }

    .recruit-form-field input[type="text"] {
        border-radius: 8px;
    }

    .recruit-form-field input[type="email"] {
        border-radius: 8px;
    }

    .recruit-form-field input[type="tel"] {
        border-radius: 8px;
    }

    .recruit-form-field textarea {
        border-radius: 8px;
    }

    .recruit-faq-question-btn {
        gap: 16px;
    }

    .recruit-bullet-item {
        gap: 4px;
    }

    .recruit-benefit-lead-text {
        margin: 0 0 16px 0;
    }

    .recruit-benefit-bullet {
        gap: 4px;
    }

    .recruit-benefit-sub-item {
        gap: 4px;
    }

    .recruit-timeline {
        padding-left: 10px;
    }

    .recruit-timeline-line {
        top: 16px;
        bottom: 16px;
        width: 2px;
    }

    .recruit-timeline-content {
        padding-top: 6px;
    }

    .recruit-timeline-sub {
        margin: 6px 0 0 0;
    }

    .recruit-req-ordered-list li {
        margin-bottom: 4px;
    }

    .recruit-required {
        margin-left: 4px;
    }

    .recruit-optional {
        margin-left: 4px;
    }

    .recruit-faq-answer-text {
        padding-top: 4px;
    }
}

/* ==========================================================================
   Responsive: Small Mobile Breakpoint (590px)
   ========================================================================== */
@media (max-width: 590px) {
    .recruit-page-main .sub-mv {
        margin-top: 150px;
    }

    .admin-bar .recruit-page-main .sub-mv {
        margin-top: calc(150px + 46px);
    }

    .recruit-page-main .sub-mv-heading-card {
        max-width: calc(100% - 32px);
    }

    .recruit-heading-title {
        font-size: 20px;
    }

    .recruit-en-title {
        font-size: 30px;
    }

    .recruit-jp-subtitle {
        padding-left: 0;
    }

    .recruit-intro-desc,
    .recruit-team-desc,
    .recruit-message-lead,
    .recruit-message-tail,
    .recruit-bullet-item,
    .recruit-benefit-text,
    .recruit-policy-lead,
    .recruit-req-value,
    .recruit-flow-step-text,
    .recruit-bottom-text {
        font-size: 14px;
    }

    .recruit-team-photo-wrap,
    .recruit-bottom-photo-wrap {
        height: 200px;
    }

    .recruit-message-photo-wrap,
    .recruit-daily-img-wrap,
    .recruit-flow-img-wrap {
        height: 260px;
    }

    .recruit-message-bullets,
    .recruit-benefit-bullets,
    .recruit-benefit-sub-grid {
        gap: 6px;
    }

    .recruit-welcome-card {
        padding: 24px 12px;
    }

    .recruit-welcome-pill {
        height: 36px;
        padding: 0 10px;
    }

    .recruit-welcome-pill-text {
        font-size: 13px;
    }

    .recruit-faq-title {
        font-size: 20px;
    }

    .recruit-faq-question-btn {
        align-items: flex-start;
    }

    .recruit-faq-q-content {
        align-items: flex-start;
    }

    .recruit-faq-toggle-icon {
        margin-top: 2px;
    }

    .recruit-faq-q-badge {
        line-height: 1.2;
    }

    /* Section 8 */
    .recruit-flow-steps-wrap {
        margin-top: 24px;
    }

    .recruit-flow-steps {
        gap: 24px;
        padding-left: 0;
    }

    .recruit-flow-line {
        left: 7px;
        top: 11px;
        bottom: 11px;
    }

    .recruit-flow-step {
        gap: 14px;
    }

    .recruit-flow-dot {
        width: 16px;
        height: 16px;
        margin-top: 3px;
    }

    .recruit-flow-note {
        font-size: 13px;
        margin-top: 24px;
    }

    /* Headings: smaller title, leaf aligned to the first line */
    .recruit-intro-card .recruit-heading-title {
        font-size: 18px;
    }

    .recruit-heading {
        align-items: flex-start;
    }

    .recruit-heading--center {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 8px;
    }

    .recruit-heading--center .recruit-heading-leaf {
        margin-top: 0;
    }

    .recruit-intro-card .recruit-heading-leaf {
        margin-top: 3.6px;
    }
}