/* static/skin/default/css/join.css
   Join / recruitment page (template/default/extend/join.htm)
   仅作用于本页：不动顶部 banner，只统一下方文字区域风格（蓝色系内页卡片）。 */

.join-hero{
    width: 100%;
    background-image: var(--join-hero);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: clamp(200px, 22vw, 320px);
}

/* banner 下方整块：和免责声明/保修页一致的浅蓝底 */
.join-page{
    padding: 26px 14px 64px;
    background: #f6f9ff;
}

.join-inner{
    max-width: 980px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e6eefc;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(15, 35, 70, 0.08);
    padding: 34px 30px;
}

.join-title{
    margin: 0 0 18px;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: .2px;
    color: #0b2a5a;
}

.join-box{
    display: grid;
    gap: 12px;
}

/* join.htm 里有 <hr />，保留模板但不显示（用 gap 做间距更统一） */
.join-box hr{
    display: none;
}

.join-box .job-item{
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    border: 1px solid #e6eefc;
    border-left: 5px solid #2f7af8;
    border-radius: 14px;
    padding: 16px 16px 14px;
    line-height: 1.9;
    color: #1f2937;

    /* 日文长句不撑破布局 */
    overflow-wrap: anywhere;
}

.join-box .job-item h3{
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 1.35;
    color: #0b2a5a;
}

.join-box .job-item p{
    margin: 0 0 8px;
}

.join-box .job-item p > strong{
    color: #0b2a5a;
    font-size: 15px;
}

.join-box .job-item ol{
    margin: 0;
    padding-left: 1.6em;
    line-height: 1.9;
}

.join-box .job-item ol li{
    margin: 0 0 4px;
}

@media (max-width: 640px){
    .join-hero{
        height: clamp(160px, 40vw, 220px);
        background-position: center;
    }

    .join-page{ padding: 18px 10px 52px; }

    .join-inner{
        padding: 22px 16px;
        border-radius: 16px;
    }

    .join-title{ font-size: 20px; }

    .join-box .job-item{ padding: 14px 14px 12px; }

    .join-box .job-item h3{ font-size: 16px; }

    .join-box .job-item p > strong{ font-size: 14px; }
}