/* --- index.html (応募要項ページ) 用スタイル --- */

/* 見出しのスタイル */
.section-title {
    font-size: 1.25rem; /* text-xl */
    font-weight: 700; /* font-bold */
    color: #1F2937; /* gray-800 */
    border-bottom: 2px solid #E5E7EB; /* border-gray-200 */
    padding-bottom: 0.5rem; /* pb-2 */
    margin-bottom: 1rem; /* mb-4 */
    font-family: sans-serif; 
}
/* リストのスタイル */
.list-item {
    position: relative;
    padding-left: 1.75rem; /* pl-7 */
    margin-bottom: 0.5rem; /* mb-2 */
}
.list-item::before {
    content: "・";
    position: absolute;
    left: 0.5rem; /* left-2 */
    color: #4B5563; /* gray-600 */
}


/* --- form.html (フォームページ) 用スタイル --- */

/* 必須マークのスタイル */
.required-label::after {
    content: " *";
    color: #EF4444; /* red-500 */
}
/* スピナー（ローディング）のスタイル */
.loader {
    border: 4px solid #f3f3f3; /* gray-200 */
    border-top: 4px solid #1F2937; /* gray-800 */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* 説明文のスタイル */
.description-text {
    font-size: 0.875rem; /* text-sm */
    color: #6B7280; /* gray-500 */
    margin-top: 0.5rem; /* mt-2 */
}