/* ラジくるJOB デザイン基準（スタイルガイド 2026-08-19） */
:root{
--rk-mint-900:#123a31;--rk-mint-800:#06674e;--rk-mint-700:#07866a;--rk-mint-600:#0a9e7c;
--rk-mint-500:#0cc399;--rk-mint-300:#3adfbb;--rk-mint-100:#d6f6ec;--rk-mint-050:#effbf7;
--rk-on-mint:#123a31;
--rk-blue-700:#186fc9;--rk-blue-100:#e6f0fb;
--rk-orange-700:#c2410c;--rk-orange-500:#ea580c;--rk-orange-100:#fdeee6;
--rk-red-700:#b91c1c;--rk-red-100:#fdecec;
--rk-ink-900:#1f2933;--rk-ink-700:#333;--rk-ink-500:#5a6572;--rk-ink-300:#7a838d;
--rk-line:#dde3ea;--rk-bg:#eef2f4;
--rk-font-ja:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Yu Gothic UI","Meiryo",system-ui,sans-serif;
--rk-r-sm:4px;--rk-r-md:8px;--rk-r-lg:12px;--rk-r-full:9999px;
--rk-sh-1:0 1px 2px rgba(31,41,51,.06);--rk-sh-2:0 2px 8px rgba(31,41,51,.08);--rk-sh-3:0 6px 24px rgba(31,41,51,.12);
--rk-s1:4px;--rk-s2:8px;--rk-s3:16px;--rk-s4:24px;--rk-s5:32px;--rk-s6:48px;--rk-s7:64px;
}
/* 和文フォントを指定し、端末による見え方の差をなくす */
body,input,select,textarea,button,.job_listing,.widget,.dashboard-nav{font-family:var(--rk-font-ja);}
body{line-height:1.85;color:var(--rk-ink-700);}
/* 入力欄はiPhoneでの自動拡大を防ぐため16px固定 */
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=search],input[type=url],select,textarea{font-size:16px;}
/* 明るいミントの上の文字は濃色にする（白文字は2.3:1で読めない） */
.button,a.button,button.button,input[type=submit],input[type=button],.application_button,
.intro-search-button .button,.keyword-input-container .button,.link_more_jobs.button,
.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
color:#FFFFFF !important;font-weight:700!important;border-radius:var(--rk-r-md)!important;}
html:not(.rk-nohover) a.button:hover,html:not(.rk-nohover) button.button:hover,html:not(.rk-nohover) input[type=submit]:hover,html:not(.rk-nohover) input[type=button].button:hover,
html:not(.rk-nohover) .application_button.button:hover{background-color:var(--rk-mint-600,#0A9E7C)!important;color:#FFFFFF !important;}
/* リンクは基準を満たす濃さにする */
a{color:var(--rk-mint-700);}
a:hover{color:var(--rk-mint-900);}
/* 給与は補色のオレンジで一覧の中で目立たせる */
.job_listing .salary,.single_job_listing .salary,.rj-salary{color:var(--rk-orange-700);font-weight:700;}
/* 操作対象の位置が分かるようにする */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
outline:2px solid var(--rk-mint-700);outline-offset:2px;}
input:focus,select:focus,textarea:focus{border-color:var(--rk-mint-700);box-shadow:0 0 0 3px rgba(7,134,106,.22);}
/* 角丸と影を4種類に統一する */
.job_listing,.listing-item,.dashboard-box,.widget,.company-block{border-radius:var(--rk-r-lg);box-shadow:var(--rk-sh-1);}
.job_listing:hover,.listing-item:hover{box-shadow:var(--rk-sh-2);}
/* 押しやすさを確保する */
.button,a.button,button.button,input[type=submit]{min-height:44px;}