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

@media (min-width: 768px) {
    .pc-none {
        display: none;
    }
}

.finish_step_4 a {
    color: #fff;
    width: 100%;
    height: 100%;
}


/* 「准看護師」選択時のカスタムビュー全体 */
#associate_nurse_info {
    padding: 0px 0px 15px 0px;
    width: 100%;
    margin: auto;
    text-align: center;
}

/* 1. 「あなたの資格に合った求人情報をご紹介します。」のスタイルをCSSに記述し、センタリング */
#associate_nurse_info h2.square {
    font-size: 18px; /* 文字サイズを指定 */
    font-weight: normal; /* 文字の太さを通常に */
    margin-bottom: 5px; /* 下側の余白 */
    color: #6B6B6B;
    text-align: center;
    line-height: 20px;
    margin: 0 auto 5px auto; /* 上下左右の余白 */
}

/* 2. 「准看護師の方はこちらへ」に既存のstep1_1_1スタイルを適用 (style.cssに記述があるためここでは不要ですが、もし上書きが必要な場合ここに記述します) */
/* style.cssの .step1_1_1 スタイルが適用されるようになります */
#associate_nurse_info .step1_1_1 {
    display: block; /* 中央揃えのためにブロック要素に */
    text-align: center;
    margin-bottom: 20px;
}


/* NsPaceCareerのボックス全体のスタイル */
.nspace-career-box {
    background-color: #fff;
    padding: 30px;
    max-width: 500px;
    margin: 20px auto 0;
    text-align: center;
}

/* ロゴ画像のスタイル */
.nspace-logo {
    max-width: 300px;
    margin-bottom: 20px;
}

/* 白抜きの説明文エリアのスタイル */
.nspace-description {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 25px;
    border-radius: 5px;
}

/* 3. 説明文のpタグの文字サイズを小さく */
.nspace-description p {
    margin: 0;
    font-size: 10px; /* 文字サイズを14pxから13pxに変更 */
    color: #555;
    line-height: 1.6;
}

/* 「詳しく見る」ボタンのスタイル */
.nspace-button {
    display: inline-block;
    background-color: #00afc4;
    color: white;
    padding: 15px 60px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border: none;
    cursor: pointer;
    
    /* 4. 「詳しく見る」ボタンの上幅に余裕を持たせる */
    margin-top: 10px; /* 上側の余白を追加 */
}

.nspace-button:hover {
    background-color: #009aa9;
}
/* additional.css に追記 */

/* 住所選択時に表示されるカスタムビュー */
#address_specific_info {
    padding: 0px 0px 15px 0px;
    width: 100%;
    margin: auto;
    text-align: center;
}
#address_specific_info h2.square {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
    color: #6B6B6B;
    text-align: center;
    line-height: 1.5;
    margin: 0 auto 20px auto;
}

/* SPモード用のテキストバナーのスタイル */
#sp-banner-text {
    background-color: #1FAC9C; /* 背景色を緑に */
    padding: 15px 10px;
    text-align: center;
}

#sp-banner-text p {
    margin: 0;
    line-height: 1.5;
}

#sp-banner-text .line1 {
    color: #ffffff; /* 1行目を白文字に */
    font-size: 16px;
    font-weight: bold;
}

#sp-banner-text .line2 {
    color: #F8FF4A; /* 2行目を黄色文字に */
    font-size: 18px;
    font-weight: bold;
}