{"id":231,"date":"2025-01-27T12:08:24","date_gmt":"2025-01-27T03:08:24","guid":{"rendered":"https:\/\/jpcpg.co.jp\/recruit\/?page_id=231"},"modified":"2025-01-27T21:55:02","modified_gmt":"2025-01-27T12:55:02","slug":"job-description","status":"publish","type":"page","link":"https:\/\/jpcpg.co.jp\/recruit\/job-description\/","title":{"rendered":"job-description"},"content":{"rendered":"\n<head>\n  <style>\n    body {\n      margin: 0;\n      font-family: '\u6e38\u30b4\u30b7\u30c3\u30af\u4f53', sans-serif;\n      line-height: 1.7;\n      color: #101d26;\n      background: #f8f9fa;\n    }\n\n    .page-header {\n      position: relative;\n      padding: 100px 0;\n      background: #101d26;\n      width: 100vw;\n      box-sizing: border-box;\n      overflow: hidden;\n    }\n\n    .page-header::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #f8500a, transparent);\n    }\n\n    .header-content {\n      width: 90%;\n      max-width: 1400px;\n      margin: 0 auto;\n      color: white;\n      position: relative;\n      z-index: 1;\n    }\n\n    .header-title {\n      font-size: 3.5rem;\n      font-weight: 700;\n      margin: 0;\n      letter-spacing: 0.1em;\n      opacity: 0;\n      transform: translateY(20px);\n      animation: fadeUp 0.8s ease forwards;\n    }\n\n    .header-subtitle {\n      font-size: 1rem;\n      letter-spacing: 0.1em;\n      color: #f8500a;\n      margin-top: 20px;\n      opacity: 0;\n      transform: translateX(-20px);\n      animation: fadeIn 0.8s ease 0.4s forwards;\n    }\n\n    .geometric-accent {\n      position: absolute;\n      right: 10%;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 200px;\n      height: 200px;\n      border: 2px solid rgba(248, 80, 10, 0.3);\n      border-radius: 50%;\n      animation: rotate 15s linear infinite;\n    }\n\n    .geometric-accent::before {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      border: 2px solid rgba(248, 80, 10, 0.2);\n      border-radius: 50%;\n      transform: scale(1.5);\n      animation: pulseAndRotate 8s ease-in-out infinite;\n    }\n\n    .geometric-accent::after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      border: 2px solid rgba(248, 80, 10, 0.1);\n      border-radius: 50%;\n      transform: scale(2);\n      animation: pulseAndRotateReverse 12s ease-in-out infinite;\n    }\n\n    @keyframes fadeUp {\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fadeIn {\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n\n    @keyframes rotate {\n      from { transform: translateY(-50%) rotate(0deg); }\n      to { transform: translateY(-50%) rotate(360deg); }\n    }\n\n    @keyframes pulseAndRotate {\n      0% { transform: scale(1.5) rotate(0deg); }\n      50% { transform: scale(1.7) rotate(180deg); }\n      100% { transform: scale(1.5) rotate(360deg); }\n    }\n\n    @keyframes pulseAndRotateReverse {\n      0% { transform: scale(2) rotate(360deg); }\n      50% { transform: scale(2.2) rotate(180deg); }\n      100% { transform: scale(2) rotate(0deg); }\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"page-header\">\n    <div class=\"geometric-accent\"><\/div>\n    <div class=\"header-content\">\n      <h1 class=\"header-title\">JOB DESCRIPTION<\/h1>\n      <div class=\"header-subtitle\">RECRUITMENT<\/div>\n    <\/div>\n  <\/div>\n<\/body>\n\n\n\n<style>\n  .job-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 100px 5%;\n  }\n\n  .job-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 40px;\n  }\n\n  .job-card {\n    position: relative;\n    background: white;\n    padding: 60px 40px;\n    border-radius: 12px;\n    text-align: center;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n    overflow: hidden;\n  }\n\n  .job-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(45deg, transparent, rgba(248, 80, 10, 0.03));\n    opacity: 0;\n    transition: opacity 0.3s ease;\n  }\n\n  .job-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n  }\n\n  .job-card:hover::before {\n    opacity: 1;\n  }\n\n  .job-title {\n    font-size: 2rem;\n    color: #101d26;\n    font-weight: 700;\n    margin: 0 0 16px;\n    position: relative;\n  }\n\n  .job-title::after {\n    content: '';\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 40px;\n    height: 2px;\n    background: #f8500a;\n    transition: width 0.3s ease;\n  }\n\n  .job-card:hover .job-title::after {\n    width: 60px;\n  }\n\n  .job-subtitle {\n    font-size: 0.9rem;\n    color: #f8500a;\n    font-weight: 600;\n    letter-spacing: 0.2em;\n    margin: 0;\n  }\n\n  .job-card::after {\n    content: '\u2192';\n    position: absolute;\n    bottom: 20px;\n    right: 30px;\n    color: #dde2e5;\n    font-size: 1.5rem;\n    transition: all 0.3s ease;\n  }\n\n  .job-card:hover::after {\n    color: #f8500a;\n    transform: translateX(10px);\n  }\n\n  @media (max-width: 1024px) {\n    .job-title {\n      font-size: 1.75rem;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .job-grid {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n    \n    .job-title {\n      font-size: 1.5rem;\n    }\n  }\n<\/style>\n\n<div class=\"job-container\">\n  <div class=\"job-grid\">\n    <a href=\"https:\/\/jpcpg.co.jp\/recruit\/job-description\/mid-career\/\" class=\"job-card\">\n      <h2 class=\"job-title\">\u4e2d\u9014\u63a1\u7528<\/h2>\n      <p class=\"job-subtitle\">MID-CAREER<\/p>\n    <\/a>\n    <a href=\"https:\/\/jpcpg.co.jp\/recruit\/job-description\/new-graduate\/\" class=\"job-card\">\n      <h2 class=\"job-title\">\u65b0\u5352\u63a1\u7528<\/h2>\n      <p class=\"job-subtitle\">NEW GRADUATE<\/p>\n    <\/a>\n    <a href=\"https:\/\/jpcpg.co.jp\/recruit\/job-description\/part-time\/\" class=\"job-card\">\n      <h2 class=\"job-title\">\u30a2\u30eb\u30d0\u30a4\u30c8\u30fb\u30d1\u30fc\u30c8<\/h2>\n      <p class=\"job-subtitle\">PART TIME<\/p>\n    <\/a>\n    <a href=\"https:\/\/jpcpg.co.jp\/recruit\/job-description\/internship\/\" class=\"job-card\">\n      <h2 class=\"job-title\">\u30a4\u30f3\u30bf\u30fc\u30f3<\/h2>\n      <p class=\"job-subtitle\">INTERNSHIP<\/p>\n    <\/a>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>JOB DESCRIPTION RECRUITMENT \u4e2d\u9014\u63a1\u7528 MID-CAREER \u65b0\u5352\u63a1\u7528 NEW GRADUATE \u30a2\u30eb\u30d0\u30a4\u30c8\u30fb\u30d1\u30fc\u30c8 PART TIME \u30a4\u30f3\u30bf\u30fc\u30f3 INTERNSHIP<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-231","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jpcpg.co.jp\/recruit\/wp-json\/wp\/v2\/pages\/231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jpcpg.co.jp\/recruit\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jpcpg.co.jp\/recruit\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jpcpg.co.jp\/recruit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jpcpg.co.jp\/recruit\/wp-json\/wp\/v2\/comments?post=231"}],"version-history":[{"count":7,"href":"https:\/\/jpcpg.co.jp\/recruit\/wp-json\/wp\/v2\/pages\/231\/revisions"}],"predecessor-version":[{"id":359,"href":"https:\/\/jpcpg.co.jp\/recruit\/wp-json\/wp\/v2\/pages\/231\/revisions\/359"}],"wp:attachment":[{"href":"https:\/\/jpcpg.co.jp\/recruit\/wp-json\/wp\/v2\/media?parent=231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}