/* PH presentation layer only. Keep the legacy stylesheet and form contracts intact. */
.jg-ui { --jg-ink:#07394d; --jg-teal:#1c6a80; --jg-pink:#ad3474; --jg-line:#d5e0e4; --jg-muted:#546574; }
.jg-ui body { margin:0; color:var(--jg-ink); background:#f5f8f9; font-family:Arial,"Noto Sans JP",sans-serif; font-size:16px; line-height:1.55; letter-spacing:0; }
.jg-ui *, .jg-ui *::before, .jg-ui *::after { box-sizing:border-box; }
.jg-ui body > .container, .jg-ui body > #container { min-height:100vh; display:flex; flex-direction:column; overflow:visible; }
.jg-ui a { color:var(--jg-teal); }
.jg-ui a:hover { text-decoration:underline; text-underline-offset:4px; }
.jg-ui :focus-visible { outline:3px solid #df9c22 !important; outline-offset:4px; }
.jg-ui h1, .jg-ui h2, .jg-ui h3 { line-height:1.2; }
.jg-ui .wrap { width:calc(100% - 48px); max-width:1160px; }
.jg-ui header, .jg-ui #sub_page header, .jg-ui .step header { width:100%; margin:0 0 40px; padding:0; background:var(--jg-teal); z-index:20; }
.jg-ui .head_wrap { width:calc(100% - 112px); max-width:1500px; min-height:84px; margin:auto; display:flex; align-items:center; gap:32px; position:relative; }
.jg-ui header .logo { display:flex; align-items:center; margin-right:auto; }
.jg-ui header .logo img { width:185px; height:auto; filter:none; }
.jg-ui header .menu { display:block; position:static; height:auto; margin:0; }
.jg-ui header .menu ul { display:flex; gap:24px; }
.jg-ui header .menu li { margin:0; filter:none; }
.jg-ui header .menu a, .jg-ui header .menu .logout { color:#fff; min-height:44px; display:flex; align-items:center; gap:6px; font-size:18px; font-weight:600; }
.jg-ui header .menu a i, .jg-ui header .menu .logout i { display:none; }
.jg-ui .hamburger, .jg-ui .hamburger.active { position:relative; inset:auto; margin:0; flex:0 0 44px; width:44px; height:44px; border-radius:4px; }
.jg-ui .hamburger span { filter:none; }
.jg-ui nav.globalMenuSp { display:none; transform:none; position:absolute; top:100%; right:0; width:330px; max-width:calc(100vw - 32px); background:var(--jg-ink); border-radius:0 0 12px 12px; box-shadow:0 16px 30px #07394d25; }
.jg-ui nav.globalMenuSp.active { display:block; }
.jg-ui nav.globalMenuSp ul { width:100%; padding:20px; height:auto; max-height:calc(100dvh - 100px); overflow:auto; background:transparent; }
.jg-ui nav.globalMenuSp ul::after { display:none; }
.jg-ui nav.globalMenuSp ul li { width:100%; text-align:left; }
.jg-ui nav.globalMenuSp ul li a, .jg-ui nav.globalMenuSp ul li span { padding:10px 12px; min-height:44px; font-size:15px; }
.jg-ui nav.globalMenuSp .logout { color:#fff; font:inherit; font-size:15px; width:100%; text-align:left; min-height:44px; padding:10px 12px; }
.jg-ui nav.globalMenuSp .company-head, .jg-ui nav.globalMenuSp .seeker-head { color:#bfe6ed; padding:8px 12px; font-size:13px; }
.jg-ui nav.globalMenuSp .company-head::before, .jg-ui nav.globalMenuSp .company-head::after, .jg-ui nav.globalMenuSp .seeker-head::before, .jg-ui nav.globalMenuSp .seeker-head::after { display:none; }
.jg-ui nav.globalMenuSp ul li:hover { background:#ffffff12; }
.jg-ui nav.globalMenuSp ul li:hover a { color:#fff; }
.jg-ui footer { position:relative; inset:auto; width:100%; margin-top:auto; padding:28px 0; background:var(--jg-ink); }
.jg-ui footer .wrap { display:flex; gap:24px; align-items:center; justify-content:space-between; }
.jg-ui footer nav { width:auto; }
.jg-ui footer nav ul { display:flex; flex-wrap:wrap; gap:8px 24px; }
.jg-ui footer li { margin:0; font-size:13px; }
.jg-ui footer a { display:inline-flex; align-items:center; min-height:44px; color:#fff; }
.jg-ui footer span { width:auto; color:#bbd0d7; white-space:nowrap; }
.jg-ui footer .bard { display:none; }
.jg-ui .bg_white { width:100%; max-width:960px; padding:32px; margin:0 auto 28px; border:1px solid var(--jg-line); border-radius:12px; box-shadow:0 4px 16px #123f5010; filter:none; }
.jg-ui .middle_area { max-width:740px; }
.jg-ui .bg_gray { background:transparent; }
.jg-ui .title_area { margin:0 auto 24px; }
.jg-ui .title_area h1, .jg-ui .sub_bar h1 { font-size:30px; font-weight:700; margin-bottom:24px; }
.jg-ui .button, .jg-ui button[type=submit], .jg-ui .btn { min-height:46px; border-radius:7px; padding:12px 20px; font-family:inherit; font-size:16px; line-height:1.4; font-weight:600; filter:none; text-align:center; }
.jg-ui .button { color:#fff; }
.jg-ui .button:hover, .jg-ui button:hover, .jg-ui .login_select a, .jg-ui .new::before { animation:none; }
.jg-ui .bg_pink, .jg-ui .bg_darkred, .jg-ui button[type=submit] { background:var(--jg-pink); color:#fff; }
.jg-ui .bg_blue, .jg-ui .bg_green { background:var(--jg-teal) !important; }
.jg-ui .step .bg_white input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.jg-ui .step .bg_white select, .jg-ui .step .bg_white textarea,
.jg-ui .recruit_edit input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.jg-ui .recruit_edit select, .jg-ui .recruit_edit textarea {
  width:100%; min-height:48px; height:auto; padding:11px 13px; background:#fff; color:var(--jg-ink); border:1px solid #b7c8cf; border-radius:6px; box-sizing:border-box; font:inherit;
}
.jg-ui input::placeholder, .jg-ui textarea::placeholder { color:#687b88; font-size:15px; opacity:1; }
.jg-ui select:invalid { color:var(--jg-muted); }
.jg-ui .step .bg_white input[type=file] { padding:9px; }
.jg-ui .step .bg_white textarea, .jg-ui .recruit_edit textarea { min-height:150px; }
.jg-ui .step .bg_white label { font-size:15px; margin-bottom:8px; }
.jg-ui .step .bg_white .pink { color:#963066; font-size:13px; }
.jg-ui .step .short_area input:not([type=hidden]) { max-width:180px; }
.jg-ui .step .bg_white .short_area.salary input[type=number] { width:42%; max-width:none; display:inline-block; }
.jg-ui .step .bg_white textarea#title { min-height:88px; }
.jg-ui .step .button_area { display:flex; justify-content:center; gap:16px; margin-top:32px; }
.jg-ui .step .button_area .button { width:auto; flex:1; margin:0; max-width:280px; }
.jg-ui .progressbar { max-width:560px; margin:32px auto !important; isolation:isolate; }
.jg-ui .progressbar li { flex:1; font-size:13px; }
.jg-ui .progressbar li::before { width:40px; height:40px; margin:0 auto 8px; line-height:40px; background:#dfe9ed; }
.jg-ui .progressbar li::after { top:19px; height:2px; background:#dfe9ed; }
.jg-ui .progressbar li.active::before, .jg-ui .progressbar li.active::after { background:var(--jg-pink); }
.jg-ui .jg-login .bg_gray { width:calc(100% - 40px); margin:12px auto 64px; }
.jg-ui .jg-login .bg_white { max-width:480px; margin:0 auto 20px !important; padding:36px; }
.jg-ui .jg-login .bg_white h1 { font-size:30px; text-shadow:none; }
.jg-ui .jg-login .bg_white p { margin:-8px 0 28px; color:var(--jg-muted); text-align:center; }
.jg-ui .jg-login .bg_white:last-child { padding:20px; }
.jg-ui .jg-login .bg_white a { font-size:15px; color:var(--jg-teal); }
.jg-ui .jg-login .bg_white center a { min-height:44px; padding:8px; }
.jg-ui .jg-login-select .bg_white { max-width:900px; padding:40px; }
.jg-ui .login_select { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.jg-ui .login_select a { margin:0; height:240px; border:1px solid var(--jg-line); box-shadow:none; border-radius:10px; background-size:auto 190px; background-position:left bottom; }
.jg-ui .login_select .seeker { background-color:#e4f5fc; background-image:url(../images/refresh/seeker.webp); }
.jg-ui .login_select .company { background-color:#fff3e3; background-image:url(../images/refresh/employer.webp); }
.jg-ui .login_select a h1, .jg-ui .login_select a:first-child h1, .jg-ui .login_select a:last-child h1 { margin:0 14px 0 42%; text-align:right; font-size:24px; }
.jg-ui .login_select a h1 span { font-size:14px; font-weight:400; }
.jg-ui .jg-dashboard > #container > .wrap { margin:12px auto 64px; max-width:1000px; }
.jg-ui .jg-dashboard h1 { font-size:36px; margin-bottom:12px; }
.jg-ui .jg-dashboard .jg-intro { color:var(--jg-muted); margin-bottom:36px; }
.jg-ui .jg-dashboard .button_area { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:0; }
.jg-ui .jg-dashboard .button_area .button { width:100%; margin:0; min-height:112px; padding:32px 24px; display:flex; align-items:center; justify-content:center; font-size:20px; background:#fff !important; color:var(--jg-ink); border:1px solid var(--jg-line); border-left:5px solid var(--jg-teal); border-radius:10px; }
.jg-ui .jg-dashboard .button_area .button:hover { border-color:var(--jg-teal); background:#eaf5f8 !important; }
.jg-ui .top_main { background:#e5f1f5; height:auto !important; min-height:260px; }
.jg-ui .top_main .wrap, .jg-ui .list .top_main .wrap { position:static; margin:0 auto; padding:0 0 36px; text-align:left; }
.jg-ui .top_main form { max-width:100%; width:100%; }
.jg-ui .top_main .search { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.jg-ui .top_main .search p { width:100%; padding:0; margin:0; color:var(--jg-ink); font-size:24px; font-weight:700; }
.jg-ui .top_main form input, .jg-ui .top_main form select, .jg-ui .top_main form button { height:auto; min-height:48px; padding:10px 14px; border-radius:6px; filter:none; font:inherit; }
.jg-ui .top_main form input { flex:1; min-width:180px; background:#fff; }
.jg-ui .top_main form button { width:auto; min-width:150px; }
.jg-ui #geo_search { animation:none; filter:none; border:0; }
.jg-ui .keywords_area { padding:24px 0; }
.jg-ui .keywords_area a { color:var(--jg-teal); }
.jg-ui .list_area { padding:28px 0 64px; }
.jg-ui .list_area .bg_white_area { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.jg-ui .list_area .bg_white { width:100%; max-width:none; margin:0; padding:22px; display:block; }
.jg-ui .list_area .bg_white { min-width:0; background:#fff; }
.jg-ui .list_area .img_area { display:grid; grid-template-columns:60px minmax(0,1fr); gap:12px; }
.jg-ui .list_area .img_box { width:60px; margin:0; float:none; }
.jg-ui .list_area .img_box img { width:60px; height:60px; object-fit:contain; border-radius:6px; }
.jg-ui .list_area .text_area { width:100%; min-width:0; }
.jg-ui .list_area .content_area { grid-column:1 / -1; width:100%; margin-top:0; }
.jg-ui .keywords_area .tag { display:flex; gap:8px; flex-wrap:wrap; }
.jg-ui .keywords_area .tag li { margin:0; padding:0; background:transparent; }
.jg-ui .keywords_area .tag label { min-height:40px; display:flex; align-items:center; padding:8px 12px; border:1px solid #c4d7df; border-radius:6px; background:#fff; color:var(--jg-ink); font:inherit; }
.jg-ui .keywords_area .tag input:checked + label { background:var(--jg-teal); color:#fff; border-color:var(--jg-teal); }
.jg-ui .keywords_area .tag label::before, .jg-ui .keywords_area .tag label::after { display:none; }
.jg-ui .keywords_area .tag input:checked + label::after { display:inline-block; position:static; flex:0 0 20px; margin-left:8px; }
.jg-ui .list_area .bg_white:hover { text-decoration:none; border-color:#73a7b7; box-shadow:0 6px 20px #123f5018; }
.jg-ui .img_area h1 { font-size:19px; line-height:1.35; color:var(--jg-ink); }
.jg-ui .content_area h2, .jg-ui .content_area p { font-size:14px; line-height:1.8; color:var(--jg-muted); }
.jg-ui .content_area { margin-top:16px; }
.jg-ui .tag li { font-size:13px; background:var(--jg-teal); padding:3px 8px; border-radius:4px; }
.jg-ui .pager { margin-bottom:24px; }
.jg-ui .cp_pagenum { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:8px; }
.jg-ui .recruit_detail > #container > .wrap { margin-bottom:48px; }
.jg-ui .recruit_detail .bg_white { max-width:none; }
.jg-ui .detail_content > h1 { font-size:30px; margin-bottom:24px; }
.jg-ui .recruit_detail .half_area { display:flex; gap:28px; margin:28px 0; }
.jg-ui .recruit_detail .half_area .half { width:50%; }
.jg-ui .detail_search { max-width:600px; padding:20px 0 64px !important; }
.jg-ui .detail_search h1 { font-size:32px; margin-bottom:24px; }
.jg-ui .detail_search input[type=search], .jg-ui .detail_search select, .jg-ui .detail_search button { max-width:100%; width:100%; display:block; margin:0 0 20px; }
.jg-ui .detail_search label { margin:0 0 8px; }
.jg-ui .detail_search select { background:#fff; border:1px solid #b7c8cf; color:var(--jg-ink); }
.jg-ui .detail_search form { margin:0; }
.jg-ui .jg-home header { margin:0; }
.jg-ui .jg-hero { min-height:585px; background:#fffcf6 url(../images/refresh/hero.webp) center right / cover no-repeat; }
.jg-ui .jg-hero-wrap { max-width:1500px; width:calc(100% - 112px); margin:auto; padding:90px 0 55px; }
.jg-ui .jg-hero h1 { max-width:900px; margin:0; font-size:clamp(56px,5.9vw,88px); font-weight:800; letter-spacing:-4px; line-height:1.02; }
.jg-ui .jg-hero h1::before { content:""; display:block; width:80px; height:8px; margin-bottom:30px; background:var(--jg-pink); border-radius:4px; }
.jg-ui .jg-hero-intro { margin:20px 0 28px; font-size:28px; color:#314758; }
.jg-ui .jg-search { max-width:820px; width:65%; }
.jg-ui .jg-search-field { display:flex; align-items:center; gap:16px; padding:7px; border:1px solid #b8c7cf; background:#fff; border-radius:9px; }
.jg-ui .jg-search-field > i { font-size:24px; color:var(--jg-muted); margin:0 0 0 16px; }
.jg-ui .jg-search-field input { flex:1; width:0; min-width:0; min-height:58px; height:auto; background:transparent; padding:8px 0; border:0; font-size:20px; color:var(--jg-ink); }
.jg-ui .jg-search-field input::placeholder { font-size:18px; }
.jg-ui .jg-search-field button { min-width:220px; min-height:62px; font-size:23px; font-weight:600; }
.jg-ui .jg-search-options { display:flex; gap:12px 24px; flex-wrap:wrap; margin-top:8px; }
.jg-ui .jg-search-options a, .jg-ui .jg-search-options #geo_search { min-height:44px; display:inline-flex; align-items:center; padding:4px 0; margin:0; color:var(--jg-ink); background:transparent; font:inherit; font-size:14px; border:0; border-radius:0; }
.jg-ui .jg-search-options #geo_search i { margin:0 8px 0 0; font-size:15px; }
.jg-ui .jg-search-options i::before { filter:none; }
.jg-ui .jg-roles { display:grid; grid-template-columns:1fr 1fr; margin-bottom:48px; }
.jg-ui .jg-role { min-height:338px; display:grid; grid-template-columns:44% 1fr; align-items:center; gap:12px; padding:0 40px; }
.jg-ui .jg-role-seeker { background:#e5f6fc; }
.jg-ui .jg-role-employer { background:#fff3e3; }
.jg-ui .jg-role > img { display:block; width:100%; height:338px; object-fit:cover; object-position:bottom; align-self:end; }
.jg-ui .jg-role > div { transform:translateY(-14px); }
.jg-ui .jg-role h2 { font-size:clamp(28px,3.15vw,46px); letter-spacing:-1.5px; margin:0 0 24px; }
.jg-ui .jg-cta { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:72px; padding:16px 28px; background:var(--jg-pink); color:#fff; border-radius:7px; font-size:20px; white-space:nowrap; }
.jg-ui .jg-cta i { margin:0; font-size:17px; }
.jg-ui .jg-cta:hover { background:#95275f; text-decoration:none; }
.jg-ui #event-wrap { margin:0 auto; padding:32px 24px; max-width:1160px; gap:24px; }
.jg-ui #event-wrap:empty { display:none; }
.jg-ui #event-wrap img { filter:none; border-radius:8px; }
.jg-ui .jg-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* Existing search, content and member pages share the same small presentation layer. */
.jg-ui .jg-page-heading { margin:0 0 28px; max-width:850px; }
.jg-ui .jg-page-heading h1 { font-size:40px; font-weight:700; margin:0 0 14px; letter-spacing:-1px; text-align:left; }
.jg-ui .jg-page-heading > p:last-child { color:var(--jg-muted); font-size:17px; }
.jg-ui .jg-eyebrow { color:var(--jg-teal); font-size:12px; font-weight:700; letter-spacing:1.8px; margin:0 0 14px; }
.jg-ui .jg-muted { color:var(--jg-muted); font-size:13px; }
.jg-ui .jg-search-more { display:inline-flex; align-items:center; min-height:44px; margin-top:12px; font-size:14px; }
.jg-ui .top_main form #geo_search { display:grid; place-items:center; flex:0 0 48px; width:48px; min-width:48px; height:48px; margin:0; padding:0; font-size:22px; line-height:1; color:var(--jg-teal); background:#fff; border:1px solid #b7c8cf; border-radius:50%; }
.jg-ui .top_main #geo_search > i { margin:0; }
.jg-ui .top_main #geo_search i::before { filter:none; }
.jg-ui .top_main .search input { margin:0; border:1px solid #b7c8cf; }
.jg-ui .list .top_main form button[type=submit] { background:var(--jg-pink); font-family:inherit; }
.jg-ui .jg-results .top_main.detail_search { width:100%; max-width:none; padding:0 !important; }
.jg-ui .jg-results .top_main .search { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; }
.jg-ui .jg-results .top_main .search input, .jg-ui .jg-results .top_main .search select, .jg-ui .jg-results .top_main .search button { width:100%; max-width:none; min-width:0; margin:0; min-height:50px; }
.jg-ui .jg-results .top_main .search .jg-sr-only { margin:-1px; }
.jg-ui .jg-result-count { text-align:left; font-weight:600; }
.jg-ui .keywords_area .tag li { position:relative; animation:none; }
.jg-ui .keywords_area .tag input { display:block; position:absolute; width:1px; height:1px; margin:0; padding:0; opacity:0; }
.jg-ui .keywords_area .tag input:focus-visible + label { outline:3px solid #df9c22; outline-offset:3px; }
.jg-ui .keywords_area .tag label { margin:0; white-space:normal; overflow-wrap:anywhere; }
.jg-ui .keywords_area .tag input:checked + label { margin-right:0; }
.jg-ui .no-result { grid-column:1 / -1; width:100%; max-width:640px; padding:36px 24px; text-align:center; background:#fff; border:1px solid var(--jg-line); border-radius:12px; }
.jg-ui .no-result .button { margin:16px auto; width:fit-content; }
.jg-ui .no-result img { display:block; max-width:180px; margin:16px auto 0; }
.jg-ui .jg-browse-nav { display:flex; gap:8px; flex-wrap:wrap; padding:24px 0 0; }
.jg-ui .jg-browse-nav a { padding:10px 16px; border-radius:6px; background:#fff; border:1px solid var(--jg-line); font-size:14px; }
.jg-ui .jg-browse-nav a[aria-current] { color:#fff; background:var(--jg-teal); border-color:var(--jg-teal); }
.jg-ui .jg-directory #tabs { justify-content:flex-start; gap:8px; margin:0 0 24px; }
.jg-ui .jg-directory #tabs .tab { margin:0; min-width:44px; min-height:44px; padding:8px 12px; border:1px solid var(--jg-line); border-radius:6px; color:var(--jg-ink); background:#fff; text-decoration:none; font:inherit; }
.jg-ui .jg-directory #tabs .tab[aria-pressed=true] { background:var(--jg-teal); color:#fff; border-color:var(--jg-teal); }
.jg-ui .jg-directory #results { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.jg-ui .jg-directory #results .column { width:100%; max-width:none; min-width:0; background:#fff; border:1px solid var(--jg-line); border-radius:10px; padding:12px 20px; }
.jg-ui .jg-directory #results .column:empty { display:none; }
.jg-ui .jg-directory #results a { display:block; padding:12px 0; min-height:46px; color:var(--jg-ink); font-size:15px; overflow-wrap:anywhere; border-bottom:1px solid #e9eef0; }
.jg-ui .jg-directory #results .column > div:last-child a { border:0; }
.jg-ui .jg-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; margin:0 0 24px; font-size:14px; color:var(--jg-muted); align-items:center; }
.jg-ui .jg-breadcrumb a { display:inline-flex; align-items:center; min-height:44px; }
.jg-ui .recruit_detail .detail_content > h1 { font-size:34px; line-height:1.25; white-space:normal; overflow-wrap:anywhere; }
.jg-ui .recruit_detail .detail_content > h1 .mini { display:block; color:var(--jg-muted); margin-top:12px; }
.jg-ui .recruit_detail .inside { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:36px; align-items:start; }
.jg-ui .recruit_detail .inside .img_area, .jg-ui .recruit_detail .inside .detail { width:100%; min-width:0; margin:0; }
.jg-ui .recruit_detail .inside img { width:100%; max-height:330px; object-fit:contain; background:#f4f7f8; border-radius:8px; }
.jg-ui .recruit_detail .detail p, .jg-ui .recruit_detail .half_area p, .jg-ui .recruit_detail .free_area p { font-size:16px; line-height:1.8; overflow-wrap:anywhere; }
.jg-ui .recruit_detail .detail .tag { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.jg-ui .recruit_detail .detail .tag li { margin:0; background:#e7f1f4; }
.jg-ui .recruit_detail .detail .tag a { display:block; padding:6px; color:var(--jg-teal); font-size:13px; }
.jg-ui .recruit_detail .half_area { padding:24px; background:#f1f7f9; border-radius:8px; gap:24px; }
.jg-ui .recruit_detail .half_area .half, .jg-ui .recruit_detail .half_area .half:last-child { width:50%; margin:0; }
.jg-ui .recruit_detail .half_area label { display:block; font-size:13px; color:var(--jg-muted); }
.jg-ui .recruit_detail .half_area p { padding:10px 0; border-color:var(--jg-line); }
.jg-ui .recruit_detail .free_area { padding:8px 0; }
.jg-ui .recruit_detail .free_area > label { font-size:22px; font-weight:700; margin-bottom:16px; }
.jg-ui .recruit_detail .detail-btn-wrap { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin:24px 0 16px; }
.jg-ui .recruit_detail .detail-btn-wrap .button { min-height:48px; margin:0; padding:12px 16px; font-size:15px; flex:1; }
.jg-ui .recruit_detail .list_area .wrap { width:100%; }
.jg-ui .recruit_detail .list_area .bg_white_area * { line-height:1.55; }
.jg-ui .jg-news > .container > .wrap, .jg-ui .jg-article > .container > .wrap { max-width:1000px; margin-bottom:56px; }
.jg-ui .jg-news .news-list li { display:block; padding:0; margin:0 0 16px; border:1px solid var(--jg-line); border-radius:10px; background:#fff; }
.jg-ui .jg-news .news-list li > a { display:flex; align-items:center; gap:24px; padding:24px; color:var(--jg-ink); }
.jg-ui .jg-news .news-list time { flex:0 0 100px; color:var(--jg-muted); font-size:14px; }
.jg-ui .jg-news .news-list img { width:80px; max-width:80px; height:64px; object-fit:cover; border-radius:6px; margin:0; }
.jg-ui .jg-news .news-list b { font-size:18px; line-height:1.5; }
.jg-ui .jg-article #news-detail { padding:36px; background:#fff; border:1px solid var(--jg-line); border-radius:12px; }
.jg-ui .jg-article #news-detail h1.title { margin:24px 0 12px; font-size:32px; line-height:1.3; }
.jg-ui .jg-article #news-detail h1::before { content:none; }
.jg-ui .jg-article #news-detail .date { display:block; font-size:14px; color:var(--jg-muted); margin-bottom:28px; }
.jg-ui .jg-article #news-detail img { max-width:100%; height:auto; border-radius:6px; }
.jg-ui .jg-article #news-detail .eye-catch { max-height:400px; object-fit:contain; margin:0 auto; }
.jg-ui .jg-article #news-detail .comment { font-size:16px; line-height:1.9; overflow-wrap:anywhere; }
.jg-ui .jg-member-list > #container > .wrap { margin-bottom:56px; }
.jg-ui .jg-member-list .button_area, .jg-ui .jg-account .button_area { display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-start; margin:0 0 28px; }
.jg-ui .jg-member-list .button_area .button, .jg-ui .jg-account .button_area .button { width:auto; margin:0; }
.jg-ui .jg-member-list table { width:100%; margin:0; background:#fff; border:1px solid var(--jg-line); border-radius:10px; border-collapse:separate; border-spacing:0; overflow:hidden; }
.jg-ui .jg-member-list th { padding:16px; text-align:left; font-size:13px; background:#e8f1f4; }
.jg-ui .jg-member-list td { border:0; border-top:1px solid var(--jg-line); padding:18px 16px; font-size:14px; vertical-align:top; overflow-wrap:anywhere; }
.jg-ui .jg-member-list td img { width:72px; max-width:72px; border-radius:5px; }
.jg-ui .jg-member-list td .button, .jg-ui .jg-member-list .resume { width:auto; min-height:44px; margin:0 0 8px; padding:10px 14px; font-size:13px; color:#fff; background:var(--jg-teal); border-radius:6px; }
.jg-ui .jg-member-list td .resume { display:block; }
.jg-ui .jg-member-list td a:not(.button):not(.resume) { color:var(--jg-teal); min-height:44px; }
.jg-ui .jg-row-actions { min-width:160px; }
.jg-ui .jg-status { display:block; width:fit-content; padding:3px 8px; margin-bottom:10px; background:#e5f4ed; color:#23613f; font-size:12px; border-radius:4px; }
.jg-ui .jg-jobs tr.gray { background:#f0f2f3; }
.jg-ui .jg-jobs tr.gray .jg-status { background:#e2e5e7; color:#495963; }
.jg-ui .jg-member-list td.jg-empty { text-align:center; padding:56px 24px; border:0; }
.jg-ui .jg-empty h2 { font-size:24px; margin:0 0 12px; }
.jg-ui .jg-empty p { color:var(--jg-muted); margin:0 0 20px; font-size:15px; }
.jg-ui .jg-empty .button { display:inline-flex; }
.jg-ui .jg-applicants tbody + tbody tr:first-child td { border-top:8px solid #e8f1f4; }
.jg-ui .jg-applications td a { display:flex; align-items:center; gap:16px; font-weight:600; }
.jg-ui .jg-applications td a img { margin:0; object-fit:contain; }
.jg-ui .jg-account form > .wrap { max-width:720px; margin-bottom:56px; }
.jg-ui .jg-account .bg_white { max-width:none; width:100%; }
.jg-ui .jg-account .bg_white > div { margin-top:24px; }
.jg-ui .jg-account label { display:block; margin-bottom:8px; font-size:15px; }
.jg-ui .jg-reset .bg_gray { width:calc(100% - 32px); margin:0 auto 64px; }
.jg-ui .jg-reset .bg_white { width:100%; max-width:500px; padding:36px; margin:12px auto 0; }
.jg-ui .jg-reset h1 { margin:0 0 16px; font-size:30px; }
.jg-ui .jg-reset .jg-muted { margin-bottom:28px; font-size:15px; }
.jg-ui .jg-reset form p { font-size:14px; line-height:1.7; color:var(--jg-muted); margin:12px 0; }
.jg-ui .jg-reset .jg-reset-links { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 16px; border-top:1px solid var(--jg-line); padding-top:20px; margin-top:24px; }
.jg-ui .jg-reset .jg-reset-links a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; margin:0; color:var(--jg-teal); }
.jg-ui .jg-policy > .container > .wrap { max-width:900px; margin-bottom:64px; }
.jg-ui .jg-policy .margin { background:#fff; border:1px solid var(--jg-line); border-radius:10px; padding:36px 40px; margin-bottom:32px; font-size:16px; line-height:1.9; color:#354d5a; overflow-wrap:anywhere; }
.jg-ui .jg-policy .margin b { color:var(--jg-ink); font-size:18px; }
.jg-ui .jg-about h2 { font-size:26px; line-height:1.3; margin:32px 0 20px; }
.jg-ui .jg-complete .bg_gray { margin:20px 0 64px; }
.jg-ui .jg-complete .bg_white { text-align:center; padding:48px; max-width:760px; }
.jg-ui .jg-complete .title { font-size:32px; margin-bottom:24px; }
.jg-ui .jg-complete .text_center > p:not(.jg-eyebrow) { font-size:16px; line-height:1.9; }
.jg-ui .jg-complete-icon { width:72px; height:72px; margin:0 auto 24px; display:grid; place-items:center; background:#e5f4ed; color:#23613f; border-radius:50%; font-size:30px; }
.jg-ui .jg-complete .jg-complete-icon i { margin:0; font-size:30px; color:inherit; }
.jg-ui .jg-profile > #container > .wrap { max-width:1080px; margin-bottom:56px; }
.jg-ui .jg-profile .bg_white { max-width:none; width:100%; }
.jg-ui .jg-profile .inside { display:grid; grid-template-columns:220px minmax(0,1fr); gap:32px; align-items:start; }
.jg-ui .jg-profile .inside .img_area, .jg-ui .jg-profile .inside .detail { width:100%; margin:0; min-width:0; }
.jg-ui .jg-profile .view_box { padding:20px; background:#f1f7f9; border-radius:8px; }
.jg-ui .jg-profile .view_box h2 { font-size:20px; margin:0 0 12px; }
.jg-ui .jg-profile .view_box p { margin-bottom:20px; }
.jg-ui .jg-profile .view_box img { width:100%; border-radius:6px; margin:0 0 16px; }
.jg-ui .jg-profile .inside .detail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.jg-ui .jg-profile .edit_content { margin:0; min-width:0; }
.jg-ui .jg-profile label { display:inline-block; font-size:15px; margin-bottom:8px; }
.jg-ui .jg-profile .address input { width:100% !important; }
.jg-ui .jg-profile .jg-address-fields { grid-column:1 / -1; }
.jg-ui .jg-profile .jg-address-fields input, .jg-ui .jg-profile .jg-address-fields select { margin-bottom:16px; }
.jg-ui .jg-profile .detail_content { margin:0; }
.jg-ui .jg-profile .button_area { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:12px; margin:0 0 28px; }
.jg-ui .jg-profile .button_area .button { width:auto; margin:0; min-width:140px; }
.jg-ui .jg-profile #password-hint { margin:8px 0 0; font-size:13px; }
/* Employer editor, existing market charts and the opt-in application popup. */
.jg-ui .jg-job-editor > #container > .wrap, .jg-ui .jg-insights > #container > .wrap { max-width:1080px; margin-bottom:56px; }
.jg-ui .jg-job-editor .bg_white { max-width:none; }
.jg-ui .jg-job-editor label { display:inline-block; font-size:15px; margin-bottom:8px; }
.jg-ui .jg-job-editor h2, .jg-ui .jg-insights h2 { font-size:21px; margin:0 0 20px; }
.jg-ui .jg-job-editor .jg-help-link { display:block; min-height:44px; margin:0 0 8px; padding:8px 0; color:var(--jg-teal); font:inherit; font-size:14px; text-align:left; }
.jg-ui .jg-job-editor .jg-help-link i { margin:0 6px 0 0; color:inherit; }
.jg-ui .jg-job-editor #title { min-height:88px; margin-bottom:28px; }
.jg-ui .jg-job-editor .inside { display:grid; grid-template-columns:220px minmax(0,1fr); gap:32px; align-items:start; }
.jg-ui .jg-job-editor .inside .img_area, .jg-ui .jg-job-editor .inside .detail { width:100%; min-width:0; margin:0; }
.jg-ui .jg-job-editor .view_box { padding:20px; background:#f1f7f9; border-radius:8px; }
.jg-ui .jg-job-editor .view_box img { max-width:100%; height:auto; border-radius:6px; margin:16px 0; }
.jg-ui .jg-job-editor .view_box input { font-size:13px; padding:8px; }
.jg-ui .jg-job-editor .view_box .button { width:100%; margin:12px 0 0; }
.jg-ui .jg-job-editor .edit_content { margin:0 0 22px; }
.jg-ui .jg-job-editor .address input { width:100% !important; }
.jg-ui .jg-job-editor .address input, .jg-ui .jg-job-editor .address select { margin-bottom:16px; }
.jg-ui .jg-job-editor #map { border:1px solid var(--jg-line); border-radius:8px; background:#eef4f6; }
.jg-ui .jg-job-editor .tag { margin:8px 0 0; }
.jg-ui .jg-job-editor .tag li { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:0; margin:0; background:transparent; }
.jg-ui .jg-job-editor .tag input { margin:0; }
.jg-ui .jg-job-editor .half_area { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; padding:28px 0; margin:28px 0; border-top:1px solid var(--jg-line); border-bottom:1px solid var(--jg-line); }
.jg-ui .jg-job-editor .half_area .half { width:100%; min-width:0; margin:0; }
.jg-ui .jg-job-editor .salary input { width:calc(50% - 36px) !important; min-width:0; }
.jg-ui .jg-job-editor .free_area { margin:0; }
.jg-ui .jg-job-editor #memo { min-height:300px; }
.jg-ui .jg-job-editor .button_area { display:flex; justify-content:flex-end; gap:12px; margin:28px 0 0; }
.jg-ui .jg-job-editor .button_area .button { width:auto; min-width:150px; margin:0; }
.jg-ui .jg-insights-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.jg-ui .jg-insights .half { width:100%; min-width:0; padding:28px; border:1px solid var(--jg-line); border-radius:12px; background:#fff; text-align:left; }
.jg-ui .jg-insights .half p { font-size:15px; margin-bottom:16px; padding-bottom:14px; border-color:var(--jg-line); }
.jg-ui .jg-insights canvas { width:100% !important; height:auto !important; aspect-ratio:1; margin:0 auto; padding:0; }
.jg-ui .jg-application .wrap { max-width:860px; }
.jg-ui .jg-application .title_area { display:flex; align-items:center; justify-content:center; padding:20px; margin:0 0 32px; background:var(--jg-teal); border-radius:8px; }
.jg-ui .jg-application .title_area img { width:160px; height:auto; margin:0; filter:none; }
.jg-ui .jg-application .bg_white > .pink { display:block; margin:0 0 24px; }
.jg-ui .jg-application-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.jg-ui .jg-application-fields > div { min-width:0; margin:0; }
.jg-ui .jg-application-wide { grid-column:1 / -1; }
.jg-ui .jg-application-fields label { display:inline-block; }
.jg-ui .jg-application-fields .view_box { width:100%; padding:0; }
.jg-ui .jg-application-fields .view_box img { display:block; margin:12px 0; }
.jg-ui .jg-application #file_upload_div_container:not(:empty) { margin-top:16px; }
.jg-ui .jg-application .bg_white textarea { min-height:220px; }
.jg-ui .jg-application .bg_white .small { font-size:13px; line-height:1.7; color:var(--jg-muted); margin:24px 0 0 !important; }
.jg-ui .jg-application .button_area { z-index:auto; margin:24px 0 0; }
.jg-ui .jg-application .button_area #back { background:#fff !important; color:var(--jg-teal); border:1px solid var(--jg-teal); }
@media(max-width:700px) {
  .jg-ui .jg-job-editor .inside, .jg-ui .jg-job-editor .half_area, .jg-ui .jg-insights-grid, .jg-ui .jg-application-fields { grid-template-columns:minmax(0,1fr); gap:24px; }
  .jg-ui .jg-job-editor .bg_white { width:100%; }
  .jg-ui .jg-job-editor .view_box img { max-width:180px; }
  .jg-ui .jg-job-editor .button_area .button { min-width:0; flex:1; }
  .jg-ui .jg-insights .half { padding:24px 20px; }
  .jg-ui .jg-application .button_area { flex-direction:column; }
  .jg-ui .jg-application .button_area .button { max-width:none; }
}
/* Résumé editing and informational pages reuse the same visual tokens. */
.jg-ui .jg-resume-editor > #container > .wrap { max-width:1080px; margin-bottom:56px; }
.jg-ui .jg-resume-editor .bg_white { display:grid; grid-template-columns:300px minmax(0,1fr); max-width:none; padding:0; overflow:hidden; font:inherit; }
.jg-ui .jg-resume-editor #left, .jg-ui .jg-resume-editor #right { width:100%; min-width:0; padding:28px; overflow-wrap:anywhere; }
.jg-ui .jg-resume-editor #left { background:var(--jg-ink); color:#fff; }
.jg-ui .jg-resume-editor #right { color:var(--jg-ink); }
.jg-ui .jg-resume-editor h2 { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:0 0 16px; margin:0 0 20px; border-bottom:1px solid #aec8d066; font-size:22px; }
.jg-ui .jg-resume-editor h3 { font-size:13px; margin:16px 0 4px; }
.jg-ui .jg-resume-editor #left h3 { color:#bdd6df; }
.jg-ui .jg-resume-editor .resume_left_img_box { padding:0; margin:0 0 24px; }
.jg-ui .jg-resume-editor .resume_left_img_box img { max-width:100%; object-fit:contain; border-radius:6px; }
.jg-ui .jg-resume-editor .resume_left_box, .jg-ui .jg-resume-editor .resume_right_box { margin:0 0 32px; padding:0; }
.jg-ui .jg-resume-editor .resume_right_head_box { min-height:0; margin-bottom:36px; }
.jg-ui .jg-resume-editor .add, .jg-ui .jg-resume-editor .del { display:inline-flex; align-items:center; justify-content:center; position:static; margin:0; min-height:44px; padding:8px 12px; border-radius:6px; font:inherit; font-size:13px; font-weight:600; color:#fff; background:var(--jg-teal); }
.jg-ui .jg-resume-editor #left .add { background:#fff; color:var(--jg-ink); }
.jg-ui .jg-resume-editor .del, .jg-ui .jg-resume-editor #right .del { display:flex; position:static; width:fit-content; background:var(--jg-pink); margin-top:12px; }
.jg-ui .jg-resume-editor .sort > div { display:block; width:100%; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #aec8d066; }
.jg-ui .jg-resume-editor .sort p, .jg-ui .jg-resume-editor .pr { padding:0; margin:0 0 8px; font-size:15px; line-height:1.7; }
.jg-ui .jg-resume-editor .Experience::before { content:none; }
.jg-ui .jg-resume-editor .dragicon { cursor:grab; }
.jg-ui .jg-resume-editor .button_area { display:flex; justify-content:flex-end; gap:12px; margin:0 0 24px; }
.jg-ui .jg-resume-editor .button_area .button { width:auto; margin:0; min-width:150px; }
.jg-ui .jg-resume-editor #bar-wrapper { max-width:none; margin:0 0 28px; }
.jg-ui .jg-resume-editor .skillbar { margin:8px 0 0; background:#e0eaee; }
.jg-ui .jg-resume-editor .skillbar-bar { background:#7ccac3; }
.jg-ui .jg-resume-editor .skill-bar-percent { color:var(--jg-ink); }
.jg-ui .jg-popup .title_area { padding:20px; margin:0 0 28px; background:var(--jg-teal); border-radius:8px; }
.jg-ui .jg-popup .title_area img { width:160px; height:auto; margin:0; }
.jg-ui .jg-popup .wrap { max-width:660px; }
.jg-ui .jg-popup .bg_white { width:100%; }
.jg-ui .jg-popup h1 { font-size:30px; margin:0 0 24px; }
.jg-ui .jg-popup form > div:not(.button_area) { margin-bottom:24px; }
.jg-ui .jg-popup label { display:inline-block; }
.jg-ui .jg-popup .button_area { margin:28px 0 0; z-index:auto; }
.jg-ui .jg-popup .button_area #back { color:var(--jg-teal); background:#fff !important; border:1px solid var(--jg-teal); }
.jg-ui .jg-popup footer { margin-top:32px; border-radius:8px; }
.jg-ui .jg-guide > #container > .wrap { margin:32px auto; }
.jg-ui .jg-guide .bg_white h1 { border:0; }
.jg-ui .jg-guide .button_area { text-align:center; }
.jg-ui .jg-guide .button { width:auto; background:var(--jg-teal); }
.jg-ui .jg-guide .detail .tag li { color:var(--jg-teal); }
.jg-ui .jg-lp header { display:flex; align-items:center; gap:24px; padding:0 40px; min-height:84px; margin:0; position:relative; }
.jg-ui .jg-lp header .logo, .jg-ui .jg-lp header .menu { width:auto; }
.jg-ui .jg-lp header .logo { flex:1; }
.jg-ui .jg-lp header .menu a { font-size:15px; }
.jg-ui .jg-lp header .menu ul { list-style:none; }
.jg-ui .jg-lp header .login { display:block; position:static; }
.jg-ui .jg-lp header .login a { background:var(--jg-pink); padding:10px 16px; border-radius:6px; white-space:nowrap; }
.jg-ui .jg-lp .hamburger { display:block; border:0; padding:0; cursor:pointer; background:transparent; }
.jg-ui .jg-lp .hamburger span { display:block; position:absolute; left:10px; width:24px; height:2px; background:#fff; }
.jg-ui .jg-lp .hamburger span:nth-child(1) { top:14px; }
.jg-ui .jg-lp .hamburger span:nth-child(2) { top:21px; }
.jg-ui .jg-lp .hamburger span:nth-child(3) { top:28px; bottom:auto; }
.jg-ui .jg-lp .hamburger.active { top:auto; transform:none; }
.jg-ui .jg-lp .hamburger.active span { width:24px; transform:none; }
.jg-ui .jg-lp nav.globalMenuSp { height:auto; }
.jg-ui .jg-lp nav.globalMenuSp ul li a { color:#fff; }
.jg-ui .jg-lp #img_area, .jg-ui .jg-lp .main.jg-lp-hero { height:auto; background:#fff3e3; }
.jg-ui .jg-resume-lp #img_area { background:#e5f6fc; }
.jg-ui .jg-lp .jg-lp-hero { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); align-items:center; gap:32px; padding:56px max(32px,calc((100% - 1160px)/2)); }
.jg-ui .jg-lp .jg-lp-hero h1, .jg-ui .jg-lp #img_area h1 { position:static; transform:none; text-shadow:none; color:var(--jg-ink); text-align:left; font-size:58px; line-height:1.06; letter-spacing:-2px; margin:0 0 24px; }
.jg-ui .jg-lp .jg-lp-hero p:not(.jg-eyebrow) { font-size:19px; margin-bottom:28px; }
.jg-ui .jg-lp .jg-lp-hero a { position:static; width:fit-content; margin:0; text-decoration:none; }
.jg-ui .jg-lp .jg-lp-hero > img { width:100%; height:360px; object-fit:contain; align-self:end; }
.jg-ui .jg-lp #three_boxs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:36px max(24px,calc((100% - 1160px)/2)); background:#fff; color:var(--jg-ink); }
.jg-ui .jg-lp .box_wrap { padding:24px; border:1px solid var(--jg-line); border-radius:10px; }
.jg-ui .jg-lp .balloon { border:0; background:none; color:var(--jg-ink); padding:0; text-align:left; margin-bottom:16px; }
.jg-ui .jg-lp .balloon h2 { font-size:20px; }
.jg-ui .jg-lp .balloon::before, .jg-ui .jg-lp .balloon::after { content:none; }
.jg-ui .jg-lp .btn_area { padding:36px 24px; margin:0; }
.jg-ui .jg-lp .btn_area > * { padding:0; margin:0 auto 24px; }
.jg-ui .jg-lp .btn_area a, .jg-ui .jg-lp > #container > a.button { display:block; width:fit-content; max-width:100%; min-height:48px; padding:14px 24px; border-radius:7px; margin:24px auto 40px; background:var(--jg-pink); color:#fff; font-size:17px; text-decoration:none; animation:none; }
.jg-ui .jg-lp #howtoedit { background:#edf5f7; padding:48px 24px; }
.jg-ui .jg-lp .howto_img_area { max-width:1160px; border:1px solid var(--jg-line); border-radius:12px; filter:none; }
.jg-ui .jg-lp .howto_img_area > h2 { font-size:24px; margin-bottom:28px; }
.jg-ui .jg-lp #howto_img_area_wrap { max-width:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.jg-ui .jg-lp .howto_box { width:100%; min-width:0; padding:20px; margin:0; border-radius:8px; }
.jg-ui .jg-lp .howto_box p { font-size:14px; line-height:1.7; }
.jg-ui .jg-lp .howto_box img { max-width:100%; height:auto; }
.jg-ui .jg-lp #howto_img_area_wrap .howto_box:last-child img { position:static; max-height:240px; }
.jg-ui .jg-lp #faq, .jg-ui .jg-lp #qa { max-width:100%; margin:0; padding:48px max(24px,calc((100% - 1000px)/2)); background:#f5f8f9; color:var(--jg-ink); }
.jg-ui .jg-lp #qa .wrap { width:100%; }
.jg-ui .jg-lp #faq > h2, .jg-ui .jg-lp #qa h2 { font-size:32px; text-align:center; margin-bottom:28px; }
.jg-ui .jg-lp details { margin:0 0 14px; border:1px solid var(--jg-line); border-radius:8px; background:#fff; }
.jg-ui .jg-lp summary { min-height:52px; padding:18px 22px; font-weight:600; cursor:pointer; }
.jg-ui .jg-lp details p { padding:0 22px 22px; font-size:16px; line-height:1.8; color:var(--jg-muted); }
.jg-ui .jg-lp .justify { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; align-items:center; }
.jg-ui .jg-lp .justify p, .jg-ui .jg-lp .justify img { padding:0; width:100%; max-width:none; height:auto; }
.jg-ui .jg-lp .concept { height:auto; margin:0; padding:48px 24px; }
.jg-ui .jg-lp .concept .middle { max-width:900px; }
.jg-ui .jg-lp .concept .bard, .jg-ui .jg-lp .concept img, .jg-ui .jg-lp .bg_merit { display:none; }
.jg-ui .jg-lp .concept h2 { font-size:30px; margin:0 0 24px; }
.jg-ui .jg-lp .concept p { font-size:16px; line-height:1.8; }
.jg-ui .jg-lp .merit > .wrap > span { font-size:32px; color:var(--jg-ink); padding:0; margin:24px 0 32px; }
.jg-ui .jg-lp .frame { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; align-items:center; margin:0 0 24px; padding:32px; background:#fff; border:1px solid var(--jg-line); border-radius:12px; }
.jg-ui .jg-lp .frame .half { width:100%; min-width:0; }
.jg-ui .jg-lp .frame h2 { font-size:28px; margin:0 0 20px; color:var(--jg-ink); }
.jg-ui .jg-lp .frame .half p { width:100%; }
.jg-ui .jg-lp .frame .half img { width:100%; height:auto; border-radius:8px; filter:none; }
.jg-ui .jg-lp footer { margin-bottom:0; }
.jg-ui .jg-lp footer nav { border:0; padding:0 24px 12px; }
.jg-ui .jg-lp footer nav ul { justify-content:center; }
.jg-ui .jg-lp footer span { font-size:13px; }
@media(max-width:1100px) { .jg-ui .jg-lp header .menu { display:none; } }
@media(max-width:700px) {
  .jg-ui .jg-resume-editor .bg_white { width:100%; grid-template-columns:minmax(0,1fr); }
  .jg-ui .jg-resume-editor #left, .jg-ui .jg-resume-editor #right { padding:24px 20px; }
  .jg-ui .jg-resume-editor .button_area .button { min-width:0; flex:1; }
  .jg-ui .jg-popup .button_area { flex-direction:column; }
  .jg-ui .jg-popup .button_area .button { max-width:none; }
  .jg-ui .jg-lp header { padding:0 16px; gap:12px; min-height:72px; }
  .jg-ui .jg-lp header .logo img { width:130px; }
  .jg-ui .jg-lp header .login a { font-size:14px; padding:10px; }
  .jg-ui .jg-lp .jg-lp-hero { grid-template-columns:minmax(0,1fr); padding:36px 24px 0; gap:12px; }
  .jg-ui .jg-lp .jg-lp-hero h1, .jg-ui .jg-lp #img_area h1 { font-size:40px; letter-spacing:-1px; }
  .jg-ui .jg-lp .jg-lp-hero > img { height:240px; }
  .jg-ui .jg-lp #three_boxs, .jg-ui .jg-lp #howto_img_area_wrap, .jg-ui .jg-lp .justify, .jg-ui .jg-lp .frame { grid-template-columns:minmax(0,1fr); }
  .jg-ui .jg-lp .howto_img_area, .jg-ui .jg-lp .frame { padding:24px 20px; }
  .jg-ui .jg-lp .howto_img_area > h2 { font-size:21px; }
  .jg-ui .jg-lp .concept h2, .jg-ui .jg-lp .merit > .wrap > span { font-size:26px; }
}
/* Follow-up application choices keep their native checkboxes and existing submit flow. */
.jg-ui .jg-followup .wrap { max-width:960px; }
.jg-ui .jg-followup .recommended_job { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding:0; }
.jg-ui .jg-followup .list_area { width:100%; min-width:0; padding:0; overflow:visible; }
.jg-ui .jg-followup .bg_white_area { display:block; }
.jg-ui .jg-followup .bg_white_area .bg_white { width:100%; height:100%; padding:20px; }
.jg-ui .jg-followup .img_box { float:none; width:60px; margin:0 0 16px; }
.jg-ui .jg-followup .img_box img { width:60px; height:60px; object-fit:contain; }
.jg-ui .jg-followup .text_area h2 { font-size:20px; margin:0 0 16px; overflow-wrap:anywhere; }
.jg-ui .jg-followup .content_area p { font-size:14px; line-height:1.7; }
.jg-ui .jg-followup .jg-company { font-weight:700; color:var(--jg-ink); }
.jg-ui .jg-followup .input_area { width:100%; margin-top:18px; border:1px solid var(--jg-line); border-radius:6px; background:#edf5f7; color:var(--jg-ink); }
.jg-ui .jg-followup .input_area label { display:flex; align-items:center; gap:12px; min-height:48px; margin:0; padding:12px; cursor:pointer; }
.jg-ui .jg-followup .input_area input { appearance:auto; position:static; opacity:1; width:20px; height:20px; margin:0; accent-color:var(--jg-teal); }
.jg-ui .jg-followup .input_area span { font-size:15px; }
.jg-ui .jg-followup .input_area:has(input:checked) { border-color:var(--jg-teal); background:#dceff3; }
@media(max-width:600px) {
  .jg-ui .jg-followup .recommended_job { grid-template-columns:minmax(0,1fr); }
  .jg-ui .jg-followup .step > .bg_white { padding:20px; }
}
.jg-ui .jg-not-found .jg-home-link { display:flex; align-items:center; min-height:44px; color:#fff; font-size:14px; }
.jg-ui .jg-not-found main { max-width:860px; margin:0 auto 56px; }
.jg-ui .jg-error-code { color:var(--jg-teal); font-size:clamp(72px,12vw,120px); font-weight:800; line-height:1; margin:0 0 28px; letter-spacing:-5px; }
.jg-ui .jg-error-search label { display:block; margin-bottom:10px; font-size:15px; font-weight:600; }
.jg-ui .jg-error-search > div { display:flex; gap:12px; }
.jg-ui .jg-error-search input { flex:1; min-width:0; min-height:48px; padding:12px; border:1px solid #b7c8cf; border-radius:6px; font:inherit; background:#fff; }
.jg-ui .jg-error-actions { display:flex; flex-wrap:wrap; gap:8px 24px; padding:20px 0 28px; }
.jg-ui .jg-error-actions a, .jg-ui .jg-popular-links a { display:flex; align-items:center; min-height:44px; font-size:15px; }
.jg-ui .jg-popular-links { border-top:1px solid var(--jg-line); padding-top:28px; }
.jg-ui .jg-popular-links h2 { font-size:22px; margin:0 0 16px; }
.jg-ui .jg-popular-links nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.jg-ui .jg-popular-links a { padding:10px 14px; border-radius:6px; background:#edf5f7; }
@media(max-width:600px) {
  .jg-ui .jg-not-found .head_wrap { width:calc(100% - 32px); gap:12px; }
  .jg-ui .jg-not-found .logo img { width:130px; }
  .jg-ui .jg-not-found .bg_white { padding:24px 20px; }
  .jg-ui .jg-error-search > div { flex-direction:column; }
  .jg-ui .jg-popular-links nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
/* The paper's original CSS and A4 dimensions remain authoritative in print. */
@media screen {
  .jg-print body { margin:0; background:#edf3f5; }
  .jg-print .no_print { font-family:Arial,sans-serif; font-size:15px; letter-spacing:0; }
  .jg-print .title_area { padding:22px; margin:0 0 24px; background:#1c6a80; }
  .jg-print .title_area img { width:180px; height:auto; margin:0; }
  .jg-print .button_area { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin:20px 16px; z-index:auto; }
  .jg-print .button_area .button { box-sizing:border-box; width:auto; min-height:46px; margin:0; padding:12px 20px; border:0; border-radius:7px; font:inherit; filter:none; color:#fff; background:#1c6a80 !important; }
  .jg-print .button_area .bg_darkred { background:#ad3474 !important; }
  .jg-print :focus-visible { outline:3px solid #df9c22; outline-offset:4px; }
  .jg-print .jg-preview-hint { margin:20px auto; padding:0 20px; max-width:800px; text-align:center; color:#546574; }
  .jg-print .jg-paper-scroll { max-width:100%; overflow:auto; }
  .jg-print .jg-paper-scroll .page { margin:24px auto; }
  .jg-print footer { position:static; width:100%; margin-top:24px; padding:20px 0; background:#07394d; color:#fff; }
  .jg-print footer .bard { display:none; }
}
@media(max-width:900px) {
  .jg-ui .jg-directory #results { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .jg-ui .jg-jobs table, .jg-ui .jg-jobs tbody, .jg-ui .jg-jobs tr, .jg-ui .jg-applications table, .jg-ui .jg-applications tbody, .jg-ui .jg-applications tr { display:block; }
  .jg-ui .jg-jobs thead, .jg-ui .jg-applications thead { display:none; }
  .jg-ui .jg-jobs td, .jg-ui .jg-applications td { display:block; padding:14px 20px; }
  .jg-ui .jg-member-list td[data-label]::before { content:attr(data-label); display:block; font-size:12px; font-weight:700; color:var(--jg-muted); margin-bottom:8px; }
  .jg-ui .jg-jobs tr + tr, .jg-ui .jg-applications tr + tr { border-top:8px solid #e8f1f4; }
  .jg-ui .jg-member-list .jg-row-actions { display:flex; flex-wrap:wrap; gap:8px; }
  .jg-ui .jg-member-list .jg-row-actions::before { width:100%; }
}
@media(max-width:1100px) {
  .jg-ui .head_wrap, .jg-ui .jg-hero-wrap { width:calc(100% - 64px); }
  .jg-ui .jg-hero { min-height:530px; }
  .jg-ui .jg-hero h1 { font-size:64px; }
  .jg-ui .jg-search { width:75%; }
  .jg-ui .jg-role { padding:24px 20px 0; grid-template-columns:38% 1fr; }
  .jg-ui .jg-role h2 { font-size:32px; }
  .jg-ui .jg-cta { font-size:16px; padding:14px 16px; min-height:60px; }
  .jg-ui .list_area .bg_white_area { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .jg-ui .jg-reset .bg_white { padding:28px 24px; }
  .jg-ui .jg-policy .margin { padding:24px 20px; font-size:15px; }
  .jg-ui .jg-complete .bg_white { width:100%; padding:32px 20px; }
  .jg-ui .jg-complete .title { font-size:27px; }
  .jg-ui .jg-complete .button_area { flex-direction:column; align-items:stretch; }
  .jg-ui .jg-complete .button_area .button { max-width:none; }
  .jg-ui .jg-profile .inside, .jg-ui .jg-profile .inside .detail { grid-template-columns:minmax(0,1fr); gap:24px; }
  .jg-ui .jg-profile .view_box img { max-width:180px; }
  .jg-ui .jg-profile .button_area .button { flex:1; min-width:0; }
  .jg-ui .list .top_main form button[type=submit] { width:100%; margin:0; }
  .jg-ui .jg-page-heading h1 { font-size:30px; letter-spacing:-.5px; }
  .jg-ui .jg-page-heading > p:last-child { font-size:15px; }
  .jg-ui .jg-results .top_main .search { grid-template-columns:1fr; }
  .jg-ui .jg-directory #results { grid-template-columns:1fr; }
  .jg-ui .jg-browse-nav { gap:8px; }
  .jg-ui .jg-browse-nav a { padding:10px 12px; font-size:13px; }
  .jg-ui .recruit_detail .inside { grid-template-columns:1fr; gap:24px; }
  .jg-ui .recruit_detail .inside img { max-width:none; max-height:250px; margin:0; }
  .jg-ui .recruit_detail .detail_content > h1 { font-size:27px; }
  .jg-ui .recruit_detail .half_area { padding:16px; gap:0; }
  .jg-ui .recruit_detail .half_area .half, .jg-ui .recruit_detail .half_area .half:last-child { width:100%; }
  .jg-ui .recruit_detail .detail-btn-wrap .button { flex-basis:100%; }
  .jg-ui .jg-news .news-list li > a { flex-wrap:wrap; gap:12px; padding:20px; }
  .jg-ui .jg-news .news-list time { flex-basis:100%; }
  .jg-ui .jg-news .news-list b { flex:1; min-width:0; font-size:17px; }
  .jg-ui .jg-article #news-detail { padding:24px 20px; }
  .jg-ui .jg-article #news-detail h1.title { font-size:26px; }
  .jg-ui .jg-account .bg_white { width:100%; }
  .jg-ui .head_wrap { min-height:72px; width:calc(100% - 32px); gap:16px; }
  .jg-ui header .logo img { width:142px; }
  .jg-ui header .menu a { font-size:15px; }
  .jg-ui header .menu li + li { display:none; }
  .jg-ui .wrap { width:calc(100% - 32px); }
  .jg-ui header, .jg-ui #sub_page header, .jg-ui .step header { margin-bottom:28px; }
  .jg-ui .bg_white, .jg-ui .step .bg_white { width:calc(100% - 32px); padding:24px 20px; }
  .jg-ui .jg-home header { margin:0; }
  .jg-ui .jg-hero { min-height:0; background-size:auto 310px; background-position:right bottom; }
  .jg-ui .jg-hero-wrap { width:calc(100% - 40px); padding:38px 0 252px; }
  .jg-ui .jg-hero h1 { font-size:clamp(36px,10.8vw,58px); letter-spacing:-1.8px; line-height:1.08; }
  .jg-ui .jg-hero h1::before { width:52px; height:5px; margin-bottom:22px; }
  .jg-ui .jg-hero-intro { font-size:18px; margin:18px 0 24px; }
  .jg-ui .jg-search { width:100%; }
  .jg-ui .jg-search-field { flex-wrap:wrap; gap:8px; padding:8px; }
  .jg-ui .jg-search-field > i { margin-left:8px; font-size:21px; }
  .jg-ui .jg-search-field input { min-height:44px; font-size:17px; }
  .jg-ui .jg-search-field input::placeholder { font-size:16px; }
  .jg-ui .jg-search-field button { width:100%; min-height:50px; font-size:18px; }
  .jg-ui .jg-search-options { gap:0 16px; }
  .jg-ui .jg-search-options a, .jg-ui .jg-search-options #geo_search { font-size:13px; }
  .jg-ui .jg-roles { grid-template-columns:1fr; }
  .jg-ui .jg-role { min-height:230px; grid-template-columns:38% 1fr; gap:8px; padding:16px 20px 0; }
  .jg-ui .jg-role > img { height:210px; }
  .jg-ui .jg-role > div { transform:none; }
  .jg-ui .jg-role h2 { font-size:28px; letter-spacing:-1px; margin-bottom:16px; }
  .jg-ui .jg-cta { white-space:normal; font-size:15px; min-height:56px; padding:12px 16px; }
  .jg-ui footer .wrap { flex-direction:column; gap:12px; align-items:flex-start; }
  .jg-ui footer nav ul { gap:0 20px; }
  .jg-ui .jg-login .bg_white { width:100%; padding:28px 24px; }
  .jg-ui .jg-login .bg_white h1 { font-size:27px; }
  .jg-ui .login_select { grid-template-columns:1fr; }
  .jg-ui .login_select a { height:200px; }
  .jg-ui .jg-dashboard .button_area { grid-template-columns:1fr; gap:14px; }
  .jg-ui .jg-dashboard h1 { font-size:30px; }
  .jg-ui .jg-dashboard .button_area .button { min-height:86px; font-size:18px; padding:24px; }
  .jg-ui .title_area h1, .jg-ui .detail_content > h1 { font-size:26px; }
  .jg-ui .step .button_area { gap:10px; }
  .jg-ui .step .button_area .button { padding:12px 10px; font-size:15px; }
  .jg-ui .list_area .bg_white_area { grid-template-columns:minmax(0,1fr); gap:16px; }
  .jg-ui .list_area .bg_white { width:100%; padding:22px; }
  .jg-ui .recruit_detail .bg_white { width:100%; padding:24px 20px; }
  .jg-ui .recruit_detail .half_area { flex-direction:column; }
  .jg-ui .recruit_detail .half_area .half { width:100%; }
  .jg-ui .top_main .search p { font-size:21px; }
  .jg-ui .top_main .search input { width:100%; flex-basis:65%; }
  .jg-ui .top_main .search button { width:100%; }
  .jg-ui .detail_search { width:calc(100% - 40px); }
}
@media(prefers-reduced-motion:reduce) {
  .jg-ui *, .jg-ui *::before, .jg-ui *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}