{"id":15061,"date":"2026-05-27T20:08:27","date_gmt":"2026-05-27T11:08:27","guid":{"rendered":"http:\/\/arc-front.co.jp\/?page_id=15061"},"modified":"2026-06-04T04:06:38","modified_gmt":"2026-06-03T19:06:38","slug":"front-recruit-info","status":"publish","type":"page","link":"https:\/\/arc-front.co.jp\/?page_id=15061","title":{"rendered":"FRONT RECRUIT INFO."},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15061\" class=\"elementor elementor-15061\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ed1a27d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ed1a27d\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-557f85a\" data-id=\"557f85a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-76f87fc elementor-widget elementor-widget-html\" data-id=\"76f87fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================================\n     \u25bc\u25bc\u25bc \u3053\u3053\u304b\u3089\u4e0b\u3092 Elementor\u300cHTML\u300d\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u8cbc\u308a\u4ed8\u3051 \u25bc\u25bc\u25bc\n     FRONT RECRUIT INFO. \u2014 Hero + Pulldown Nav + Slideshow\n     \u753b\u50cf\u306f https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/ \u914d\u4e0b\u3092\u53c2\u7167\u3002\n     \u30ca\u30d3\u5404\u9805\u76ee\u306e href\u3001\u30d4\u30eb(\u63a1\u7528\u60c5\u5831)\u306e href \u306f\u5b9f\u969b\u306e\u9077\u79fb\u5148\u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n     ============================================================ -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@350;900&display=swap');\n\n\/* \u3059\u3079\u3066 #frHero \u914d\u4e0b\u306b\u30b9\u30b3\u30fc\u30d7\uff08\u30c6\u30fc\u30de\u3068\u5e72\u6e09\u3057\u306a\u3044\u3088\u3046\u306b\uff09 *\/\n#frHero{\n  \/* \u25bc \u3088\u304f\u89e6\u308b\u5024\u306f\u3053\u3053\u3067\u8abf\u6574 *\/\n  --fr-max-w: 1440px;          \/* \u30dc\u30c3\u30af\u30b9\u6700\u5927\u5e45\uff08PC\uff09\u3002\u4e2d\u592e\u5bc4\u305b *\/\n  --fr-img-ar: 1066 \/ 713;     \/* \u53f3\u30d2\u30fc\u30ed\u30fc\u753b\u50cf\u306e\u30a2\u30b9\u30da\u30af\u30c8\u6bd4\uff08\u5b9f\u5bf8 1066\u00d7713\uff09\u3002\u9ad8\u3055\u306f\u3053\u308c\u3067\u81ea\u52d5\u6c7a\u5b9a *\/\n  --fr-left-w: 26%;            \/* \u5de6\u30d1\u30cd\u30eb\u306e\u5e45\uff081440\u6642 \u2252374px\u3001\u53f3\u753b\u50cf \u22521066px \u3068\u4e00\u81f4\uff09 *\/\n  --fr-left-min: 300px;        \/* \u5de6\u30d1\u30cd\u30eb\u6700\u5c0f\u5e45 *\/\n  --fr-left-max: 380px;        \/* \u5de6\u30d1\u30cd\u30eb\u6700\u5927\u5e45 *\/\n  --fr-logo-w: 88%;            \/* \u30ed\u30b4\u753b\u50cf\u306e\u5e45\uff08\u5de6\u30d1\u30cd\u30eb\u5185\u306e\u6bd4\u7387\uff09 *\/\n  --fr-logo-x: -2px;           \/* \u30ed\u30b4\u5de6\u306e\u5149\u5b66\u5fae\u8abf\u6574\uff08\u753b\u50cf\u5185\u306e\u900f\u660e\u4f59\u767d\u3092\u88dc\u6b63\u3057\u3066\u5de6\u63c3\u3048\uff09 *\/\n  --fr-accent: #f3e7a3;        \/* \u30d4\u30eb\u306e\u9ec4\u8272 *\/\n  --fr-accent-bd: #cdb955;     \/* \u30d4\u30eb\u306e\u67a0\u7dda *\/\n  --fr-pad: clamp(28px, 3.5vw, 52px);\n  --fr-interval: 8000ms;       \/* \u30b9\u30e9\u30a4\u30c9\u81ea\u52d5\u9001\u308a\u306e\u9593\u9694 *\/\n\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: var(--fr-max-w);  \/* \u30dc\u30c3\u30af\u30b9\u5316 *\/\n  margin: 0 auto;              \/* \u4e2d\u592e\u5bc4\u305b\uff08\u5e83\u3044\u753b\u9762\u3067\u306f\u5de6\u53f3\u306b\u4f59\u767d\uff09 *\/\n  overflow: hidden;\n  font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", sans-serif;\n  background: #060606;\n  box-sizing: border-box;\n}\n#frHero *{ box-sizing: border-box; }\n\n\/* ===== \u5de6\u30d1\u30cd\u30eb\uff08\u30d6\u30e9\u30f3\u30c9\uff0b\u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\uff0b\u30ca\u30d3\uff09 ===== *\/\n#frHero .fr-left{\n  position: relative;\n  flex: 0 0 var(--fr-left-w);\n  min-width: var(--fr-left-min);\n  max-width: var(--fr-left-max);\n  padding: var(--fr-pad);\n  \/* \u5de6\u30d1\u30cd\u30eb\uff1a\u6e26\u5dfb\u304d\u30d3\u30b8\u30e5\u30a2\u30eb\uff08\u672c\u756a\u30b5\u30fc\u30d0\u30fc\uff09 *\/\n  background: #0a0a0a url('https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/swirl-bg.jpg') center\/cover no-repeat;\n  z-index: 2;\n}\n\n#frHero .fr-logo{ display: block; }\n#frHero .fr-logo img{\n  display: block;\n  width: var(--fr-logo-w);\n  max-width: 250px;\n  height: auto;\n  margin-left: var(--fr-logo-x);   \/* \u900f\u660e\u4f59\u767d\u306e\u88dc\u6b63\u3067\u30ca\u30d3\u6587\u5b57\u3068\u5de6\u7aef\u3092\u63c3\u3048\u308b *\/\n  \/* \u900f\u904ePNG\u306f\u305d\u306e\u307e\u307e\u900f\u3051\u308b\u3002\u30b7\u30e3\u30c9\u30a6\u306f\u753b\u50cf\u5074\u306b\u542b\u307e\u308c\u3066\u3044\u308b\u524d\u63d0 *\/\n}\n\n\/* \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\uff0b\u30ca\u30d3\u306e\u307e\u3068\u307e\u308a\uff08\u30ca\u30d3\u7d76\u5bfe\u914d\u7f6e\u306e\u57fa\u6e96\uff09 *\/\n#frHero .fr-menu{\n  position: relative;\n  margin-top: clamp(36px, 6vh, 80px);   \/* \u30ed\u30b4\u3068\u306e\u9593\u9694\uff08\u65e7\u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u306e\u4e0a\u4f59\u767d\uff09 *\/\n}\n\n\/* \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc *\/\n#frHero .fr-burger{\n  appearance: none;\n  -webkit-appearance: none;\n  display: block;\n  margin-top: 0;\n  width: 58px;\n  height: 24px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n}\n#frHero .fr-burger span{\n  display: block;\n  width: 100%;\n  height: 1.5px;             \/* \u7d30\u3081\u306e\u30e9\u30a4\u30f3 *\/\n  margin: 8px 0;\n  background: #fff;\n  border-radius: 2px;\n  transition: transform .35s ease, opacity .25s ease;\n}\n#frHero.is-open .fr-burger span:nth-child(1){ transform: translateY(9.5px) rotate(45deg); }\n#frHero.is-open .fr-burger span:nth-child(2){ opacity: 0; }\n#frHero.is-open .fr-burger span:nth-child(3){ transform: translateY(-9.5px) rotate(-45deg); }\n\n\/* \u30ca\u30d3\uff08\u30d7\u30eb\u30c0\u30a6\u30f3\u30fb\u80cc\u666f\u306a\u3057\uff09 *\/\n#frHero .fr-nav{\n  position: absolute;          \/* \u30ec\u30a4\u30a2\u30a6\u30c8\u306b\u5f71\u97ff\u3055\u305b\u306a\u3044\uff08\u958b\u9589\u3067\u4ed6\u8981\u7d20\u304c\u52d5\u304b\u306a\u3044\uff1d\u80cc\u666f\u304c\u30ba\u30ec\u306a\u3044\uff09 *\/\n  top: 100%;                   \/* \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u306e\u771f\u4e0b\u304b\u3089 *\/\n  left: 0;\n  right: 0;\n  margin-top: 52px;            \/* \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u3068\u306e\u9593\u9694 *\/\n  max-height: 0;\n  overflow: hidden;\n  opacity: 0;\n  transition: max-height .45s ease, opacity .3s ease;\n}\n\/* \u521d\u671f\u72b6\u614b\u3092JS\u3067\u9069\u7528\u3059\u308b\u4e00\u77ac\u3060\u3051\u30a2\u30cb\u30e1\u3092\u6b62\u3081\u308b\uff08\u8aad\u8fbc\u6642\u306e\u30b9\u30e9\u30a4\u30c9\/\u70b9\u6ec5\u9632\u6b62\uff09 *\/\n#frHero.fr-noanim .fr-nav,\n#frHero.fr-noanim .fr-nav *{ transition: none !important; }\n#frHero.is-open .fr-nav{\n  max-height: 60vh;\n  opacity: 1;\n}\n#frHero .fr-nav ul{ list-style: none; margin: 0; padding: 0; }\n#frHero .fr-nav li{\n  transform: translateY(-10px);\n  opacity: 0;\n  transition: transform .4s ease, opacity .4s ease;\n}\n#frHero.is-open .fr-nav li{ transform: translateY(0); opacity: 1; }\n\/* \u30b9\u30eb\u30b9\u30eb\u611f\u3092\u51fa\u3059\u6bb5\u5dee\u30c7\u30a3\u30ec\u30a4 *\/\n#frHero.is-open .fr-nav li:nth-child(1){ transition-delay: .05s; }\n#frHero.is-open .fr-nav li:nth-child(2){ transition-delay: .10s; }\n#frHero.is-open .fr-nav li:nth-child(3){ transition-delay: .15s; }\n#frHero.is-open .fr-nav li:nth-child(4){ transition-delay: .20s; }\n#frHero.is-open .fr-nav li:nth-child(5){ transition-delay: .25s; }\n#frHero.is-open .fr-nav li:nth-child(6){ transition-delay: .30s; }\n#frHero.is-open .fr-nav li:nth-child(7){ transition-delay: .35s; }\n\n#frHero .fr-nav a{\n  display: block;\n  padding: 6px 0;\n  color: #fff;\n  text-decoration: none;\n  font-size: clamp(15px, 1.15vw, 18px);\n  font-weight: 350;            \/* \u305d\u306e\u4ed6\u30e1\u30cb\u30e5\u30fc: Noto Sans JP DemiLight *\/\n  letter-spacing: 0.06em;\n  transition: opacity .2s ease, padding-left .2s ease;\n}\n#frHero .fr-nav li:not(.head) a:hover{ opacity: .6; padding-left: 6px; }\n#frHero .fr-nav .head span{\n  display: block;\n  font-weight: 900;            \/* CONTENTS: Noto Sans JP Black *\/\n  font-size: clamp(17px, 1.3vw, 20px);\n  color: #fff;\n  letter-spacing: 0.06em;\n  margin-bottom: 4px;\n  padding: 6px 0;\n}\n\/* \u30d7\u30eb\u30c0\u30a6\u30f3\u80cc\u666f\u753b\u50cf\u306f\u30e2\u30d0\u30a4\u30eb\u6642\u306e\u307f\u8868\u793a\uff08PC\u3067\u306f\u96a0\u3059\uff09 *\/\n#frHero .fr-nav__bg{ display: none; }\n\n\/* ===== \u53f3\u30d1\u30cd\u30eb\uff08\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\uff09 ===== *\/\n#frHero .fr-right{\n  position: relative;\n  flex: 1 1 auto;\n  aspect-ratio: var(--fr-img-ar);  \/* \u753b\u50cf\u6bd4\u7387\u3067\u9ad8\u3055\u3092\u6c7a\u5b9a \u2192 \u30d2\u30fc\u30ed\u30fc\u5168\u4f53\u306e\u9ad8\u3055\u3082\u3053\u308c\u306b\u8ffd\u5f93 *\/\n  margin-left: -2px;               \/* \u5199\u771f\u5de6\u7aef\u306e\u660e\u308b\u3044\u7e01\u3092\u5de6\u30d1\u30cd\u30eb\u3067\u96a0\u3059\uff08\u5883\u754c\u306e\u8584\u7dda\u5bfe\u7b56\uff09\u3002\u6b8b\u308b\u5834\u5408\u306f -3px \u306b *\/\n  overflow: hidden;\n  background: #111;\n}\n#frHero .fr-slides{ position: absolute; inset: 0; }\n#frHero .fr-slide{\n  position: absolute;\n  inset: 0;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  opacity: 0;\n  transition: opacity 1s ease;\n}\n#frHero .fr-slide.is-active{ opacity: 1; }\n\n\/* \u30d4\u30eb\uff08\u63a1\u7528\u60c5\u5831\u30fb\u4f1a\u793e\u8aac\u660e\u4f1a\uff09 *\/\n#frHero .fr-pills{\n  position: absolute;\n  top: var(--fr-pad);\n  right: var(--fr-pad);\n  display: flex;\n  gap: 14px;\n  z-index: 3;\n}\n\/* \u63a1\u7528\u60c5\u5831\u30d4\u30eb\uff1a\u30b4\u30fc\u30eb\u30c9\u306e\u30b0\u30e9\u30c7\uff0b\u7e01\u3092\u5149\u304c\u3086\u3063\u304f\u308a\u4e00\u5468\u3059\u308b\u53cd\u5c04\u30a2\u30cb\u30e1\uff08\u30a4\u30f3\u30ca\u30fc\u30d8\u30c3\u30c0\u30fc\u3068\u7d71\u4e00\uff09 *\/\n@property --fr-pill-a{ syntax: '<angle>'; inherits: false; initial-value: 0deg; }\n@keyframes fr-pill-rim{ to { --fr-pill-a: 360deg; } }\n#frHero .fr-pill{\n  position: relative;\n  isolation: isolate;\n  display: inline-block;\n  padding: 11px 22px;\n  border-radius: 999px;\n  background: linear-gradient(135deg, #f9efb6 0%, #eccb66 42%, #dcae3c 58%, #f2e09a 100%);\n  border: 1px solid #c9ad4e;\n  color: #1a1a1a;\n  font-family: \"Hiragino Kaku Gothic ProN\",\"Yu Gothic\",\"Noto Sans JP\",sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-decoration: none;\n  white-space: nowrap;\n  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 2px 5px rgba(120,90,10,.18);\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n#frHero .fr-pill::before{\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  padding: 2px;\n  background: conic-gradient(from var(--fr-pill-a),\n      rgba(255,255,255,0)   0deg,\n      rgba(255,255,255,0)   62deg,\n      rgba(255,255,255,.9)  92deg,\n      #fff4c8               102deg,\n      rgba(255,255,255,.9)  112deg,\n      rgba(255,255,255,0)   142deg,\n      rgba(255,255,255,0)   360deg);\n  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n  -webkit-mask-composite: xor;\n          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n          mask-composite: exclude;\n  animation: fr-pill-rim 5.5s linear infinite;\n  pointer-events: none;\n  z-index: 1;\n}\n#frHero .fr-pill:hover{ transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 6px 16px rgba(120,90,10,.28); }\n@media (prefers-reduced-motion: reduce){\n  #frHero .fr-pill::before{ animation: none; }\n}\n\/* \u30e2\u30d0\u30a4\u30eb\u5c02\u7528\u30d4\u30eb\uff08PC\u3067\u306f\u975e\u8868\u793a\uff09 *\/\n#frHero .fr-pill--sp{ display: none; }\n\n\/* \u77e2\u5370 *\/\n#frHero .fr-arrow{\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 48px; height: 48px;\n  display: flex; align-items: center; justify-content: center;\n  border: 0;\n  border-radius: 999px;\n  background: rgba(255,255,255,.18);\n  backdrop-filter: blur(4px);\n  color: #fff;\n  cursor: pointer;\n  z-index: 3;\n  transition: background .2s ease;\n}\n#frHero .fr-arrow:hover{ background: rgba(255,255,255,.35); }\n#frHero .fr-arrow svg{ width: 20px; height: 20px; }\n#frHero .fr-prev{ left: 18px; }\n#frHero .fr-next{ right: 18px; }\n\n\/* \u30c9\u30c3\u30c8 *\/\n#frHero .fr-dots{\n  position: absolute;\n  bottom: 22px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  gap: 10px;\n  z-index: 3;\n}\n#frHero .fr-dots button{\n  width: 10px; height: 10px;\n  padding: 0;\n  border: 0;\n  border-radius: 999px;\n  background: rgba(255,255,255,.45);\n  cursor: pointer;\n  transition: background .2s ease, transform .2s ease;\n}\n#frHero .fr-dots button.is-active{ background: #fff; transform: scale(1.25); }\n\n\/* ===== \u4e2d\u9593\u5e45\uff08\u301c1300px\uff09\uff1a\u30d2\u30fc\u30ed\u30fc\u9ad8\u3055\u304c\u7e2e\u3093\u3067\u3082\u30ca\u30d3\u304c\u53ce\u307e\u308b\u3088\u3046\u5fae\u8abf\u6574 ===== *\/\n@media (max-width: 1300px) and (min-width: 901px){\n  #frHero .fr-menu{ margin-top: clamp(20px, 3.5vh, 48px); }  \/* \u30ed\u30b4\u2192\u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u306e\u9593\u9694\u3092\u7e2e\u3081\u308b *\/\n  #frHero .fr-nav a{ padding: 4px 0; }                       \/* \u5404\u9805\u76ee\u306e\u4e0a\u4e0b\u30d1\u30c7\u30a3\u30f3\u30b0\u3092\u7e2e\u3081\u308b\uff08\u884c\u9593\u3067\u306f\u306a\u304f\u5185\u5074\uff09 *\/\n}\n\n\/* ===== \u30e2\u30d0\u30a4\u30eb\uff08\u7e26\u7a4d\u307f\uff09\u2014 \u30da\u30fc\u30b8\u30d8\u30c3\u30c0\u30fc\u3068\u540c\u3058\u30d7\u30eb\u30c0\u30a6\u30f3\u6319\u52d5 ===== *\/\n@media (max-width: 900px){\n  #frHero{ flex-direction: column; height: auto; }\n\n  \/* \u5de6\u30d1\u30cd\u30eb\uff1a\u30b3\u30f3\u30d1\u30af\u30c8\u306a\u30d6\u30e9\u30f3\u30c9\u30d0\u30fc\uff08\u9ad8\u3055\u306f\u5185\u5bb9\u306a\u308a\uff0f\u30ca\u30d3\u958b\u6642\u306b\u4e0b\u3078\u4f38\u3073\u308b\uff09 *\/\n  #frHero .fr-left{\n    flex: none;\n    width: 100%;\n    max-width: none;\n    min-height: 0;                 \/* 100svh \u3092\u3084\u3081\u3066\u30b3\u30f3\u30d1\u30af\u30c8\u5316 *\/\n    position: relative;\n    padding-bottom: 0;             \/* \u30ca\u30d3\u3092\u4e0b\u7aef\u307e\u3067\u5bc6\u7740 *\/\n    \/* cover \u3092\u3084\u3081\u300c\u5e45100%\u30fb\u9ad8\u3055\u6bd4\u7387\u56fa\u5b9a\u300d\u306b \u2192 \u30ca\u30d3\u958b\u9589\u3067\u9ad8\u3055\u304c\u5909\u308f\u3063\u3066\u3082\n       \u6e26\u5dfb\u304d\u80cc\u666f\u304c\u518d\u30b9\u30b1\u30fc\u30eb\uff08\u62e1\u5927\uff09\u3057\u306a\u3044\u3002\u4e0a\u7aef\u3092\u56fa\u5b9a\u3057\u3066\u6b20\u3051\u3082\u9632\u3050 *\/\n    background-position: top center;\n    background-size: 100% auto;\n  }\n\n  \/* \u30e2\u30d0\u30a4\u30eb\u306f\u30ed\u30b4\u309220%\u7e2e\u5c0f\uff08\u30d4\u30eb\u3068\u306e\u4f59\u767d\u3092\u78ba\u4fdd\uff09 *\/\n  #frHero .fr-logo img{ max-width: 200px; }\n\n  \/* \u30e2\u30d0\u30a4\u30eb\u5c02\u7528\u30d4\u30eb\uff1a\u53f3\u4e0a\u7d76\u5bfe\u914d\u7f6e *\/\n  #frHero .fr-pill--sp{\n    display: inline-block;\n    position: absolute;\n    top: var(--fr-pad);\n    right: var(--fr-pad);\n    z-index: 5;\n  }\n\n  \/* \u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u306e\u30d4\u30eb\u30b3\u30f3\u30c6\u30ca\u306f\u975e\u8868\u793a *\/\n  #frHero .fr-pills{ display: none; }\n\n  \/* \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u3092\u53f3\u7aef\u3078\uff08\u5e4558px\u306e\u30d6\u30ed\u30c3\u30af\u3092 margin-left:auto \u3067\u53f3\u5bc4\u305b\uff09 *\/\n  #frHero .fr-menu{\n    position: static;\n    margin-top: clamp(20px, 5vw, 36px);\n  }\n  #frHero .fr-burger{ margin-left: auto; }\n\n  \/* \u30ca\u30d3\uff1a\u4e0a\u90e8\u30d0\u30fc\u76f4\u4e0b\u306e\u30d7\u30eb\u30c0\u30a6\u30f3\uff08in-flow \u3067\u4e0b\u3092\u62bc\u3057\u4e0b\u3052\u308b\uff09 *\/\n  #frHero .fr-nav{\n    position: relative;\n    top: auto; left: auto; right: auto;\n    \/* \u4e0a\u4f59\u767d\uff0b\u5de6\u53f3\u306f\u30d1\u30cd\u30eb\u4f59\u767d\u3092\u76f8\u6bba\u3057\u3066\u30d5\u30eb\u30d6\u30ea\u30fc\u30c9\u3001\u4e0b\u306f0 *\/\n    margin: clamp(16px, 5vw, 28px) calc(-1 * var(--fr-pad)) 0;\n    max-height: 0;\n    overflow: hidden;\n    opacity: 1;                    \/* \u30d5\u30a7\u30fc\u30c9\u306f li \u5074\u3067\u5b9f\u65bd *\/\n    background: none;              \/* CSS\u80cc\u666f\u306f\u3084\u3081 <img> \u3092\u4f7f\u7528 *\/\n    transition: max-height .5s ease;\n  }\n  #frHero.is-open .fr-nav{ max-height: 1200px; opacity: 1; }\n\n  \/* \u30d7\u30eb\u30c0\u30a6\u30f3\u80cc\u666f\uff08\u30d1\u30cd\u30eb\u5168\u9762\u30fbimg\u8981\u7d20\u3067\u30af\u30ea\u30fc\u30f3\u306b\u5c55\u958b\uff09\n     height:auto+min-height:100% \u3067\u81ea\u7136\u6bd4\u306e\u56fa\u5b9a\u9ad8\u3055\u306b \u2192 \u958b\u9589\u30a2\u30cb\u30e1\u4e2d\u306b\n     \u753b\u50cf\u304c\u518d\u30b9\u30b1\u30fc\u30eb\u305b\u305a\u3001\u4e0a\u304b\u3089\u5207\u308a\u51fa\u3055\u308c\u308b\u3060\u3051\u306a\u306e\u3067\u300c\u30ba\u30ec\u300d\u304c\u51fa\u306a\u3044 *\/\n  #frHero .fr-nav__bg{\n    display: block;\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%;\n    height: auto;\n    min-height: 100%;\n    object-fit: cover;\n    object-position: top center;\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  \/* \u30ca\u30d3\u30ea\u30b9\u30c8\uff1a\u53f3\u63c3\u3048\u7e26\u4e26\u3073\uff08\u80cc\u666f\u306e\u4e0a\u3078\u91cd\u306d\u308b\uff09 *\/\n  #frHero .fr-nav ul{\n    position: relative;\n    z-index: 1;\n    padding: clamp(28px, 8vw, 48px) var(--fr-pad) clamp(36px, 10vw, 56px);\n  }\n  #frHero .fr-nav a{\n    text-align: right;\n    font-size: clamp(17px, 4.6vw, 22px);\n    padding: clamp(9px, 2.5vw, 14px) 0;\n  }\n  #frHero .fr-nav .head span{\n    text-align: right;\n    font-size: clamp(19px, 5vw, 24px);\n    padding: clamp(9px, 2.5vw, 14px) 0;\n  }\n\n  \/* \u53f3\u30d1\u30cd\u30eb\uff1a\u30e2\u30d0\u30a4\u30eb\u5c02\u7528\u7e26\u4f4d\u7f6e\u753b\u50cf\u306b\u5dee\u3057\u66ff\u3048\uff08912\u00d71202\uff1d\u4e0b\u307e\u3067\u5168\u4f53\u8868\u793a\uff09 *\/\n  #frHero .fr-right{\n    width: 100%;\n    height: auto;\n    aspect-ratio: 912 \/ 1202;   \/* \u7e26\u753b\u50cf\u3068\u540c\u6bd4\u7387\u306b\u3057\u3066 cover \u3067\u3082\u5207\u308c\u306a\u3044 *\/\n    margin-left: 0;             \/* PC\u7528\u306e -2px \u3092\u6253\u3061\u6d88\u3057\uff08\u30e2\u30d0\u30a4\u30eb\u306f\u6a2a\u4e26\u3073\u3067\u306a\u3044\uff09 *\/\n  }\n  #frHero .fr-slide:nth-child(1){ background-image: url('https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/mobile-hero-01.png') !important; }\n  #frHero .fr-slide:nth-child(2){ background-image: url('https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/mobile-hero-02.png') !important; }\n  #frHero .fr-slide:nth-child(3){ background-image: url('https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/mobile-hero-03.png') !important; }\n}\n<\/style>\n\n<div id=\"frHero\"><!-- \u30ca\u30d3\u521d\u671f\u72b6\u614b\u306fJS\u304c\u753b\u9762\u5e45\u3067\u51fa\u3057\u5206\u3051\uff1aPC(>760px)=\u958b \/ \u30e2\u30d0\u30a4\u30eb(\u2264760px)=\u9589 -->\n  <!-- \u5de6\u30d1\u30cd\u30eb -->\n  <aside class=\"fr-left\">\n    <div class=\"fr-logo\">\n      <!-- \u30ed\u30b4\uff08\u900f\u904ePNG\u30fb\u672c\u756a\u30b5\u30fc\u30d0\u30fc\uff09 -->\n      <img src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/logo.png\" alt=\"FRONT RECRUIT INFO.\">\n    <\/div>\n\n    <!-- \u30e2\u30d0\u30a4\u30eb\u5c02\u7528\u30d4\u30eb\uff08PC\u3067\u306f .fr-pill--sp { display:none } \u3067\u975e\u8868\u793a\uff09 -->\n    <a class=\"fr-pill fr-pill--sp\" href=\"https:\/\/arc-front.co.jp\/?page_id=15103\">\u63a1\u7528\u60c5\u5831<\/a>\n\n    <div class=\"fr-menu\">\n      <button class=\"fr-burger\" id=\"frBurger\" type=\"button\"\n              aria-label=\"\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f\" aria-expanded=\"false\" aria-controls=\"frNav\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n\n      <nav class=\"fr-nav\" id=\"frNav\" aria-hidden=\"true\">\n      <!-- \u30e2\u30d0\u30a4\u30eb\u6642\u306e\u307f\u8868\u793a\uff1a\u30d7\u30eb\u30c0\u30a6\u30f3\u30d1\u30cd\u30eb\u80cc\u666f -->\n      <img class=\"fr-nav__bg\"\n           src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/mobile-hero-navi-background-2.png\"\n           alt=\"\" loading=\"lazy\" decoding=\"async\">\n      <ul>\n        <li class=\"head\"><span>CONTENTS<\/span><\/li>\n        <li><a href=\"https:\/\/arc-front.co.jp\/?page_id=15095\">INTRODUCTION<\/a><\/li>\n        <li><a href=\"https:\/\/arc-front.co.jp\/?page_id=15097\">WORKS<\/a><\/li>\n        <li><a href=\"https:\/\/arc-front.co.jp\/?page_id=15101\">JOB TYPE<\/a><\/li>\n        <li><a href=\"https:\/\/arc-front.co.jp\/?page_id=15099\">MESSAGES<\/a><\/li>\n        <li><a href=\"https:\/\/arc-front.co.jp\/?page_id=15090\">NUMBERS<\/a><\/li>\n        <li><a href=\"https:\/\/arc-front.co.jp\/?page_id=15103\">RECRUIT INFORMATION<\/a><\/li>\n      <\/ul>\n      <\/nav>\n    <\/div>\n  <\/aside>\n\n  <!-- \u53f3\u30d1\u30cd\u30eb -->\n  <div class=\"fr-right\">\n    <div class=\"fr-slides\">\n      <!-- \u30d2\u30fc\u30ed\u30fc3\u679a\uff08\u30ad\u30e3\u30c3\u30c1\u30b3\u30d4\u30fc\u713c\u304d\u8fbc\u307f\u6e08\u307f\u30fb1066\u00d7713\u30fb\u672c\u756a\u30b5\u30fc\u30d0\u30fc\uff09 -->\n      <div class=\"fr-slide is-active\" style=\"background-image:url('https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/hero-01.jpg')\"><\/div>\n      <div class=\"fr-slide\"           style=\"background-image:url('https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/hero-02.jpg')\"><\/div>\n      <div class=\"fr-slide\"           style=\"background-image:url('https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/hero-03.jpg')\"><\/div>\n    <\/div>\n\n    <div class=\"fr-pills\">\n      <a class=\"fr-pill\" href=\"https:\/\/arc-front.co.jp\/?page_id=15103\">\u63a1\u7528\u60c5\u5831<\/a>\n    <\/div>\n\n    <button class=\"fr-arrow fr-prev\" type=\"button\" aria-label=\"\u524d\u306e\u30b9\u30e9\u30a4\u30c9\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n    <\/button>\n    <button class=\"fr-arrow fr-next\" type=\"button\" aria-label=\"\u6b21\u306e\u30b9\u30e9\u30a4\u30c9\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n    <\/button>\n\n    <div class=\"fr-dots\" id=\"frDots\">\n      <button type=\"button\" class=\"is-active\" aria-label=\"\u30b9\u30e9\u30a4\u30c91\u3078\"><\/button>\n      <button type=\"button\" aria-label=\"\u30b9\u30e9\u30a4\u30c92\u3078\"><\/button>\n      <button type=\"button\" aria-label=\"\u30b9\u30e9\u30a4\u30c93\u3078\"><\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var root = document.getElementById('frHero');\n  if(!root || root.dataset.init) return;   \/\/ \u4e8c\u91cd\u521d\u671f\u5316\u30ac\u30fc\u30c9\n  root.dataset.init = '1';\n\n  \/* --- \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u958b\u9589 --- *\/\n  var burger = root.querySelector('#frBurger');\n  var nav    = root.querySelector('#frNav');\n  var mqPC   = window.matchMedia('(min-width: 761px)');   \/\/ PC(>760px)\u5224\u5b9a\uff1d\u30e2\u30d0\u30a4\u30eb\u30d6\u30ec\u30fc\u30af\u3068\u4e00\u81f4\n\n  function setState(open){\n    root.classList.toggle('is-open', open);\n    burger.setAttribute('aria-expanded', open ? 'true' : 'false');\n    burger.setAttribute('aria-label', open ? '\u30e1\u30cb\u30e5\u30fc\u3092\u9589\u3058\u308b' : '\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f');\n    nav.setAttribute('aria-hidden', open ? 'false' : 'true');\n  }\n\n  \/\/ \u30af\u30ea\u30c3\u30af\u3067\u958b\u9589\u30c8\u30b0\u30eb\uff08PC\u30fb\u30e2\u30d0\u30a4\u30eb\u5171\u901a\uff09\n  burger.addEventListener('click', function(){\n    setState(!root.classList.contains('is-open'));\n  });\n\n  \/\/ \u521d\u671f\u72b6\u614b\uff1aPC=\u958b\u304f \/ \u30e2\u30d0\u30a4\u30eb=\u9589\u3058\u308b\uff08\u9069\u7528\u306e\u4e00\u77ac\u3060\u3051\u30a2\u30cb\u30e1\u6291\u5236\uff09\n  root.classList.add('fr-noanim');\n  setState(mqPC.matches);\n  void nav.offsetHeight;                 \/\/ \u5f37\u5236\u30ea\u30d5\u30ed\u30fc\n  root.classList.remove('fr-noanim');\n\n  \/\/ \u30d6\u30ec\u30fc\u30af\u30dd\u30a4\u30f3\u30c8\u3092\u8de8\u3044\u3060\u3089\u65e2\u5b9a\u72b6\u614b\u306b\u623b\u3059\uff08PC\u2194\u30e2\u30d0\u30a4\u30eb\u5207\u66ff\u6642\uff09\n  var onMQ = function(e){ setState(e.matches); };\n  if(mqPC.addEventListener){ mqPC.addEventListener('change', onMQ); }\n  else if(mqPC.addListener){ mqPC.addListener(onMQ); }\n\n  \/* --- \u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\uff08\u81ea\u52d5\uff0b\u624b\u52d5\uff09 --- *\/\n  var slides = root.querySelectorAll('.fr-slide');\n  var dots   = root.querySelectorAll('#frDots button');\n  var right  = root.querySelector('.fr-right');\n  var interval = parseInt(getComputedStyle(root).getPropertyValue('--fr-interval')) || 5000;\n  var i = 0, timer = null;\n\n  function show(n){\n    i = (n + slides.length) % slides.length;\n    slides.forEach(function(s,k){ s.classList.toggle('is-active', k===i); });\n    dots.forEach(function(d,k){ d.classList.toggle('is-active', k===i); });\n  }\n  function next(){ show(i+1); }\n  function prev(){ show(i-1); }\n  function start(){ stop(); timer = setInterval(next, interval); }\n  function stop(){ if(timer){ clearInterval(timer); timer = null; } }\n  function manual(fn){ return function(){ fn(); start(); }; } \/\/ \u64cd\u4f5c\u5f8c\u306f\u30bf\u30a4\u30de\u30fc\u518d\u8d77\u52d5\n\n  root.querySelector('.fr-next').addEventListener('click', manual(next));\n  root.querySelector('.fr-prev').addEventListener('click', manual(prev));\n  dots.forEach(function(d,k){ d.addEventListener('click', manual(function(){ show(k); })); });\n\n  \/\/ \u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc\u4e2d\u306f\u81ea\u52d5\u9001\u308a\u3092\u4e00\u6642\u505c\u6b62\n  right.addEventListener('mouseenter', stop);\n  right.addEventListener('mouseleave', start);\n\n  start();\n})();\n<\/script>\n<!-- \u25b2\u25b2\u25b2 \u3053\u3053\u307e\u3067\u304c Elementor \u8cbc\u308a\u4ed8\u3051\u7bc4\u56f2 \u25b2\u25b2\u25b2 -->\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3987979 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3987979\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dc6329c\" data-id=\"dc6329c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2651cc4 elementor-widget elementor-widget-html\" data-id=\"2651cc4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================================\n     \u25bc\u25bc\u25bc \u3053\u3053\u304b\u3089\u4e0b\u3092 Elementor\u300cHTML\u300d\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u8cbc\u308a\u4ed8\u3051 \u25bc\u25bc\u25bc\n     FRONT RECRUIT INFO. \u2014 CATCH LEAD\uff08\u30d2\u30fc\u30ed\u30fc\u76f4\u4e0b\u306e\u7d71\u62ec\u30ad\u30e3\u30c3\u30c1\uff09\n     section \u81ea\u8eab\u306b class=\"frx-root\" \u3092\u4ed8\u4e0e\u6e08\u307f\uff1d\u5916\u5074\u30b3\u30f3\u30c6\u30ca\u306b\u4f9d\u5b58\u305b\u305a\u78ba\u5b9f\u306bCSS\u304c\u52b9\u304f\u3002\n     img src \u306f\u672c\u756aURL\uff08spirit01-1.jpg\uff09\u8a2d\u5b9a\u6e08\u307f\u3002\u3053\u306e\u307e\u307e\u8cbc\u308a\u4ed8\u3051\u53ef\u80fd\u3002\n     ============================================================ -->\n<style>\n#frLead{\n  background: #fff;\n  \/* \u30d2\u30fc\u30ed\u30fc\u2194\u30ad\u30e3\u30c3\u30c1\uff0f\u672c\u6587\u2194INTRO\u30ab\u30fc\u30c9\u306e\u4f59\u767d\uff08\u53c2\u7167\u753b\u50cf\u57fa\u6e96\u3067\u7d04100px\u306b\u8abf\u6574\uff09 *\/\n  padding-block: clamp(72px, 6.5vw, 104px);\n  position: relative;\n  overflow: hidden;\n}\n#frLead .lead-container{\n  position: relative;\n  width: 100%;\n  max-width: 980px;\n  margin: 0 auto;\n  padding-inline: var(--frx-pad);\n}\n\n\/* \u30d8\u30c3\u30c9\u30e9\u30a4\u30f3\u9818\u57df\uff08\u30d6\u30ed\u30d6\u3092\u5185\u5305\uff09 *\/\n#frLead .lead-headline-wrap{\n  position: relative;\n  margin-bottom: clamp(36px, 4.5vw, 64px);\n}\n\n\/* \u6696\u8272\u30d6\u30ed\u30d6\u88c5\u98fe\uff08spirit01-1.jpg\uff09 *\/\n#frLead .lead-blob{\n  position: absolute;\n  top: -8%;\n  right: -5%;                   \/* \u53f3\u3078\u3084\u3084\u98df\u307f\u51fa\u3057\uff08overflow:hidden \u3067\u30af\u30ea\u30c3\u30d7\uff09 *\/\n  width: clamp(500px, 80%, 940px);\n  height: auto;\n  z-index: 1;\n  mix-blend-mode: multiply;     \/* \u767d\u80cc\u666fJPG\u306e\u767d\u3092\u900f\u904e\u3055\u305b\u308b *\/\n  pointer-events: none;\n  user-select: none;\n}\n\n\/* \u30ad\u30e3\u30c3\u30c1\u30b3\u30d4\u30fc\uff083\u884c\u30fb\u30bb\u30f3\u30bf\u30fc\u63c3\u3048\uff09 *\/\n#frLead .lead-headline{\n  position: relative;\n  z-index: 2;                   \/* \u30d6\u30ed\u30d6\u306e\u4e0a\u306b *\/\n  margin: 0;\n  font-family: var(--frx-ff-jp);\n  font-size: clamp(20px, 2.05vw, 30px);\n  font-weight: 350;             \/* Noto Sans JP DemiLight *\/\n  letter-spacing: 0.04em;\n  line-height: 2;\n  color: var(--frx-c-text);\n  text-align: center;\n}\n\n\/* \u672c\u6587\u6bb5\u843d\uff08\u5c11\u3057\u7d30\u3081\u30a6\u30a7\u30a4\u30c8\u30fb\u5de6\u63c3\u3048\u30fb\u4e2d\u592e\u5bc4\u305b\u306e\u30d6\u30ed\u30c3\u30af\uff09 *\/\n#frLead .lead-body{\n  position: relative;\n  z-index: 2;\n  margin: 0 auto;\n  max-width: 980px;\n  font-family: var(--frx-ff-jp);\n  font-size: clamp(15px, 2.05vw, 18px);\n  font-weight: 350;\n  line-height: 2.1;\n  text-align: left;\n  color: var(--frx-c-text);\n}\n\n\/* \u30bf\u30d6\u30ec\u30c3\u30c8\u301c\u4e2d\u9593 *\/\n@media (max-width: 1100px){\n  #frLead .lead-headline{ font-size: clamp(18px, 2.2vw, 26px); }\n}\n\n\/* \u30e2\u30d0\u30a4\u30eb *\/\n@media (max-width: 760px){\n  #frLead{ padding-block: clamp(60px, 14vw, 100px); }\n  #frLead .lead-blob{ width: 90%; right: -10%; top: -4%; }\n  #frLead .lead-headline{\n    text-align: left;\n    font-size: clamp(17px, 4.5vw, 22px);\n    line-height: 1.9;\n  }\n  #frLead .lead-headline br{ display: none; }   \/* \u30b9\u30de\u30db\u306f\u81ea\u7136\u6539\u884c\u306b\u4efb\u305b\u308b *\/\n  #frLead .lead-body{ font-size: 14px; line-height: 2; }\n}\n<\/style>\n\n<section id=\"frLead\" class=\"frx-root\">\n  <div class=\"lead-container\">\n\n    <div class=\"lead-headline-wrap\">\n      <img class=\"lead-blob\"\n           src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/spirit01-1.jpg\"\n           alt=\"\" loading=\"lazy\" decoding=\"async\">\n      <p class=\"lead-headline\">\n        \u7f8e\u3057\u3044\u3082\u306e\u3002\u65b0\u3057\u3044\u3082\u306e\u3002\u8b72\u308c\u306a\u3044\u3082\u306e\u3002<br>\n        \u3053\u3053\u308d\u306e\u4e2d\u306e\u300c\u30af\u30e9\u30d5\u30c8\u30de\u30f3\u30b7\u30c3\u30d7\u300d\u304c\u30a6\u30ba\u30a6\u30ba\u3059\u308b\u3001<br>\n        \u305d\u3093\u306a\u91d1\u5c5e\u5efa\u6750\u306e\u4ed5\u4e8b\u304c\u3042\u306a\u305f\u3092\u5f85\u3063\u3066\u3044\u307e\u3059\u3002\n      <\/p>\n    <\/div>\n\n    <p class=\"lead-body\">\n      \u300c\u8077\u4eba\u6c17\u8cea\u300d\u3068\u3044\u3063\u305f\u3089\u3061\u3087\u3063\u3068\u5805\u3044\u3051\u3069\u3001\u3058\u3076\u3093\u306a\u308a\u306e\u3053\u3060\u308f\u308a\u3068\u304b\u30b9\u30bf\u30a4\u30eb\u3092\u6301\u3063\u3066\u66ae\u3089\u3057\u3066\u3044\u308b\u4eba\u306f\u3001\u5fc3\u306e\u4e2d\u306b\u300c\u30af\u30e9\u30d5\u30c8\u30de\u30f3\u300d\u304c\u4f4f\u3093\u3067\u3044\u307e\u3059\u3002\u3044\u307e\u307e\u3067\u3058\u3076\u3093\u306b\u5411\u3051\u3066\u3044\u305f\u7f8e\u610f\u8b58\u3084\u611f\u6027\u3092\u3001\u5efa\u7bc9\u3084\u3082\u306e\u3065\u304f\u308a\u3092\u901a\u3057\u3066\u4e16\u754c\u306b\u5411\u3051\u3066\u767a\u63ee\u3067\u304d\u305f\u3089\u3001\u305d\u308c\u306f\u30b9\u30b4\u3044\u3053\u3068\u3002\u30d5\u30ed\u30f3\u30c8\u3067\u306f\u305d\u3093\u306a\u30af\u30e9\u30d5\u30c8\u30de\u30f3\u30b7\u30c3\u30d7\u3092\u6301\u3063\u305f\u793e\u54e1\u304c\u96c6\u307e\u3063\u3066\u3001\u8ab0\u3082\u898b\u305f\u3053\u3068\u306e\u306a\u3044\u91d1\u5c5e\u306e\u9b45\u529b\u3084\u3001\u611f\u52d5\u3059\u308b\u5efa\u7bc9\u610f\u5320\u3092\u4e00\u751f\u61f8\u547d\u3064\u304f\u3063\u3066\u3044\u307e\u3059\u3002<br>\n      \u3042\u306a\u305f\u306e\u300c\u597d\u304d\u300d\u3068\u300c\u597d\u5947\u5fc3\u300d\u3092\u643a\u3048\u3066\u3001\u4f1a\u3044\u306b\u6765\u3066\u304f\u3060\u3055\u3044\u3002\u30d5\u30ed\u30f3\u30c8\u306f\u30af\u30e9\u30d5\u30c8\u30de\u30f3\u3092\u3044\u3064\u3067\u3082\u6b53\u8fce\u3057\u307e\u3059\u3002\n    <\/p>\n\n  <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 \u3053\u3053\u307e\u3067\u304c Elementor \u8cbc\u308a\u4ed8\u3051\u7bc4\u56f2 \u25b2\u25b2\u25b2 -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4f20980 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4f20980\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e69378d\" data-id=\"e69378d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2c1bd63 elementor-widget elementor-widget-html\" data-id=\"2c1bd63\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================================\n     \u25bc\u25bc\u25bc \u3053\u3053\u304b\u3089\u4e0b\u3092 Elementor\u300cHTML\u300d\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u8cbc\u308a\u4ed8\u3051 \u25bc\u25bc\u25bc\n     FRONT RECRUIT INFO. \u2014 TOP\u30da\u30fc\u30b8 INTRO. \u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30ab\u30fc\u30c9\n     section \u81ea\u8eab\u306b class=\"frx-root\" \u3092\u4ed8\u4e0e\u6e08\u307f\uff1d\u5916\u5074\u30b3\u30f3\u30c6\u30ca\u306b\u4f9d\u5b58\u305b\u305a\u78ba\u5b9f\u306bCSS\u304c\u52b9\u304f\u3002\n     Boldonse \u306f @font-face \u3092\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u5185\u306b\u540c\u68b1\uff08Site Settings\u975e\u4f9d\u5b58\u3067\u78ba\u5b9f\u306b\u767a\u52d5\uff09\u3002\n     \u8272\u5e2f\u306f width:100vw \u3067\u30d6\u30e9\u30a6\u30b6\u5168\u5e45\u306b\u30d5\u30eb\u30b9\u30c8\u30ec\u30c3\u30c1\u3002img src \u306f\u672c\u756aURL\u8a2d\u5b9a\u6e08\u307f\u3002\n\n     \u30fb\u5439\u304d\u51fa\u3057\uff0b\u30c6\u30ad\u30b9\u30c8\u306f\u4eba\u7269\u753b\u50cf\u306b\u713c\u304d\u8fbc\u307f\u6e08\u307f \u2192 CSS\u3067\u306f\u63cf\u304b\u306a\u3044\n     \u30fb\u4eba\u7269\u5207\u308a\u629c\u304d\u306f PC=top-card-01-image-02 \/ SP=top-card-01-image-mobile \u3092\u51fa\u3057\u5206\u3051\n     \u30fbPC : \u30bf\u30a4\u30eb(\u5de6) \uff0b \u672c\u6587(\u4e2d\u592e\u30fb\u4e0b\u63c3\u3048) \uff0b \u5439\u304d\u51fa\u3057\u4ed8\u304d\u4eba\u7269(\u53f3\u30fb\u7d76\u5bfe\u914d\u7f6e\uff0f\u5e2f\u9ad8\u306e\u7d0470%)\n     \u30fbSP : INTRO.\uff0b\u8a73\u3057\u304f \u2192 \u898b\u51fa\u3057 \u2192 \u30bf\u30a4\u30eb \u2192 \u672c\u6587 \u2192 \u5439\u304d\u51fa\u3057\u4ed8\u304d\u4eba\u7269\uff08\u7e26\u7a4d\u307f\uff09\n     ============================================================ -->\n<style>\n\/* Boldonse\uff08\u5927\u898b\u51fa\u3057\u7528\uff09\u3092\u3053\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u5185\u306b\u540c\u68b1 \u2014 latin\uff08A\u2013Z\uff09\u30b5\u30d6\u30bb\u30c3\u30c8 *\/\n@font-face{\n  font-family:'Boldonse'; font-style:normal; font-weight:400; font-display:swap;\n  src:url(https:\/\/fonts.gstatic.com\/s\/boldonse\/v1\/ZgNQjPxGPbbJUZemjB37jGDENYCP.woff2) format('woff2');\n  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}\n@font-face{\n  font-family:'Boldonse'; font-style:normal; font-weight:400; font-display:swap;\n  src:url(https:\/\/fonts.gstatic.com\/s\/boldonse\/v1\/ZgNQjPxGPbbJUZemjB31jGDENYCPgE4.woff2) format('woff2');\n  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n#frIntro{\n  \/* \u25bc \u3088\u304f\u89e6\u308b\u5024 *\/\n  --intro-bg:   #E6EFEF;                       \/* \u80cc\u666f\u30df\u30f3\u30c8\uff08\u6307\u5b9a\u8272\uff09 *\/\n  --intro-blue: #1c7b87;                       \/* \u672c\u6587\u306e\u30c6\u30a3\u30fc\u30eb\u30d6\u30eb\u30fc *\/\n  --person-h:   clamp(300px, 27vw, 390px);     \/* \u2605\u4eba\u7269\u306e\u9ad8\u3055\uff08\u3053\u306e\u30b5\u30a4\u30ba\u306f\u56fa\u5b9a\uff0f\u5909\u3048\u306a\u3044\uff09 *\/\n  --main-h:     clamp(260px, 23vw, 330px);     \/* \u2605\u5e2f\u306e\u4e2d\u8eab\u306e\u9ad8\u3055\u3002\u3053\u308c\u3092\u4e0b\u3052\u308b\u3068\u5e2f\u304c\u30b9\u30ea\u30e0\uff1d\u4eba\u7269\u304c\u76f8\u5bfe\u7684\u306b\u5927\u304d\u304f\u898b\u3048\u308b *\/\n\n  \/* \u8272\u5e2f\u3092\u30d6\u30e9\u30a6\u30b6\u30a6\u30a3\u30f3\u30c9\u30a6\u5168\u5e45\u306b\u30d5\u30eb\u30b9\u30c8\u30ec\u30c3\u30c1\uff08\u4e2d\u592e\u5bc4\u305b\u306e\u89aa\u30b3\u30f3\u30c6\u30ca\u304b\u3089\u629c\u3051\u51fa\u3059\uff09 *\/\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  background: var(--intro-bg);\n  font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", sans-serif;\n  box-sizing: border-box;\n  position: relative;       \/* \u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u30ea\u30f3\u30af\u306e\u57fa\u6e96 *\/\n  isolation: isolate;       \/* \u91cd\u306a\u308a\u9806\u3092\u3053\u306e\u5e2f\u5185\u306b\u9589\u3058\u8fbc\u3081\u308b *\/\n}\n#frIntro *{ box-sizing: border-box; }\n\n\/* \u5e2f\u5168\u4f53\u3092\u30af\u30ea\u30c3\u30ab\u30d6\u30eb\u306b\u3059\u308b\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u30ea\u30f3\u30af\uff08\u4e2d\u8eab\u3088\u308a\u524d\u9762\u3067\u5168\u30af\u30ea\u30c3\u30af\u3092\u53d7\u3051\u308b\uff09 *\/\n#frIntro .intro-cover{\n  position: absolute;\n  inset: 0;\n  z-index: 10;\n}\n\n\/* \u30b3\u30f3\u30c6\u30f3\u30c4\u306f1440px\u30dc\u30c3\u30af\u30b9\u30fb\u4e2d\u592e\u5bc4\u305b\u3002\u4e0apadding\u306f\u63a7\u3048\u3081\uff0f\u4e0bpadding=0\u3067\u4eba\u7269\u3092\u4e0b\u7aef\u5bc6\u7740 *\/\n#frIntro .intro-inner{\n  max-width: var(--frx-max-w, 1440px);\n  margin-inline: auto;\n  padding: clamp(20px, 2.4vw, 36px) var(--frx-pad, clamp(24px,3.5vw,52px)) 0;\n}\n\n\/* ===== \u30c8\u30c3\u30d7\u30d0\u30fc\uff1a\u898b\u51fa\u3057\uff08\u5de6\uff09\uff0b\u8a73\u3057\u304f\uff08\u53f3\uff09 ===== *\/\n#frIntro .intro-top{\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: clamp(16px, 2vw, 32px);\n  margin-bottom: clamp(8px, 1vw, 14px);\n}\n#frIntro .intro-en{\n  margin: 0;\n  font-family: \"Boldonse\", \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", sans-serif;\n  font-weight: 400;\n  font-synthesis: none;                  \/* Boldonse\u306f\u5358\u4e00\u30a6\u30a7\u30a4\u30c8\u3002\u64ec\u4f3c\u30dc\u30fc\u30eb\u30c9\u7981\u6b62 *\/\n  font-size: clamp(34px, 3.6vw, 54px);\n  line-height: 1;\n  letter-spacing: 0.01em;\n  color: #0a0a0a;\n}\n#frIntro .intro-sub{\n  margin: clamp(12px, 1.2vw, 18px) 0 0;\n  font-size: clamp(15px, 1.25vw, 19px);\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  color: #1a1a1a;\n}\n#frIntro .intro-more{\n  flex: 0 0 auto;\n  display: inline-block;\n  line-height: 0;\n}\n#frIntro .intro-more img{\n  display: block;\n  width: clamp(99px, 8.6vw, 130px);   \/* 2:1\u753b\u50cf\uff08\u8a73\u3057\u304f\uff0b\u77e2\u5370\u4e00\u4f53\uff09\u3002\u9ad8\u3055\u81ea\u52d5 *\/\n  height: auto;\n  transition: transform .25s ease;\n}\n\/* \u5e2f\u30db\u30d0\u30fc\u3067\u77e2\u5370\u304c\u5c11\u3057\u9032\u3080\uff08\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u30ea\u30f3\u30af\u306e\u30db\u30d0\u30fc\u306b\u9023\u52d5\uff09 *\/\n#frIntro .intro-cover:hover ~ .intro-inner .intro-more img{ transform: translateX(4px); }\n\n\/* ===== \u30e1\u30a4\u30f3\uff1a\u30bf\u30a4\u30eb(\u5de6)\uff0b\u672c\u6587(\u4e2d\u592e)\u3001\u4eba\u7269\u306f\u7d76\u5bfe\u914d\u7f6e\u3067\u91cd\u306d\u308b ===== *\/\n#frIntro .intro-main{\n  position: relative;                 \/* \u4eba\u7269\u306e\u7d76\u5bfe\u914d\u7f6e\u306e\u57fa\u6e96 *\/\n  min-height: var(--main-h);          \/* \u5e2f\u306e\u4e2d\u8eab\u306e\u9ad8\u3055\u3002\u4eba\u7269(--person-h)\u306f\u3053\u308c\u3088\u308a\u9ad8\u3051\u308c\u3070\u4e0a\u306b\u305b\u308a\u4e0a\u304c\u308b *\/\n  display: grid;\n  grid-template-columns: auto minmax(300px, 1fr);\n  grid-template-areas: \"tiles body\";\n  column-gap: clamp(24px, 3vw, 56px);\n  align-items: center;\n}\n\n\/* \u30bf\u30a4\u30eb\uff08\u91d1\u5c5e\u30b5\u30f3\u30d7\u30eb\uff09\uff1a\u898b\u51fa\u3057\u3068\u5de6\u63c3\u3048\uff08\u900f\u660e\u4f59\u767d21px=2.3%\u3092translate\u3067\u76f8\u6bba\uff09\uff0f+10%\u62e1\u5927 *\/\n#frIntro .intro-tiles{ grid-area: tiles; align-self: center; }\n#frIntro .intro-tiles img{\n  display: block;\n  width: clamp(300px, 27vw, 396px);   \/* \u524d\u56de\u6bd4+10% *\/\n  height: auto;\n  transform: translateX(-2.3%);       \/* PNG\u5de6\u306e\u900f\u660e\u4f59\u767d21px(2.3%)\u3092\u8a70\u3081\u3066\u898b\u51fa\u3057\u3068\u5de6\u7aef\u4e00\u81f4 *\/\n}\n\n\/* \u672c\u6587\uff08\u30c6\u30a3\u30fc\u30eb\u30d6\u30eb\u30fc\u30fb\u592a\u5b57\uff09\uff1a\u30ab\u30fc\u30c9\u4e0b\u7aef\u63c3\u3048\uff0b\u4e0b\u30de\u30fc\u30b8\u30f310px\uff0f+3pt\u62e1\u5927 *\/\n#frIntro .intro-body{\n  grid-area: body;\n  position: relative;\n  z-index: 2;                         \/* \u4eba\u7269\u753b\u50cf\uff08\u900f\u660e\u90e8\uff09\u3088\u308a\u524d\u9762 *\/\n  align-self: end;\n  max-width: 420px;\n  margin: 0 0 20px;                     \/* \u30ab\u30fc\u30c9\u4e0b\u7aef\u304b\u3089\u306e\u4f59\u767d\u3092\u500d\u306b\uff0810\u219220px\uff09 *\/\n  font-size: clamp(14px, 1.2vw, 16px);  \/* \u524d\u56de\u6bd4 \u7d04-2pt *\/\n  font-weight: 700;\n  line-height: 2;\n  letter-spacing: 0.03em;\n  color: var(--intro-blue);\n}\n\n\/* \u5439\u304d\u51fa\u3057\u4ed8\u304d\u4eba\u7269\uff1a\u53f3\u4e0b\u306b\u7d76\u5bfe\u914d\u7f6e\u30fb\u5e2f\u9ad8\u306e\u7d0470%\u30fb\u4e0b\u7aef\u5bc6\u7740 *\/\n#frIntro .intro-person{\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  z-index: 1;\n  pointer-events: none;               \/* \u88c5\u98fe\u3002\u4e0b\u306e\u30c6\u30ad\u30b9\u30c8\/\u30ea\u30f3\u30af\u64cd\u4f5c\u3092\u59a8\u3052\u306a\u3044 *\/\n}\n\/* \u2193 img\u5074\u306b display \u306f\u66f8\u304b\u306a\u3044\uff08\u66f8\u304f\u3068\u8a73\u7d30\u5ea61,1,1\u3067 __sp \u306e display:none \u3092\u4e0a\u66f8\u304d\u3057\u30662\u679a\u51fa\u308b\uff09 *\/\n#frIntro .intro-person img{ height: var(--person-h); width: auto; }\n#frIntro .intro-person__pc{ display: block; }\n#frIntro .intro-person__sp{ display: none; }\n\n\/* ===== \u30bf\u30d6\u30ec\u30c3\u30c8\uff08\u301c1024px\uff09 =====\n   \u30b3\u30d4\u30fc\u3068\u4eba\u7269\u304c\u91cd\u306a\u308b\u554f\u984c\u3092\u89e3\u6d88\uff1a\u30b3\u30d4\u30fc\u3092\u9244\u30d1\u30cd\u30eb\u306e\u4e0b\u3078\u7e26\u7a4d\u307f\uff08\u5de6\u63c3\u3048\u30fb2\u884c\uff09\u3002\n   \u4eba\u7269\u306f\u4f4d\u7f6e\u30fb\u5927\u304d\u3055\u305d\u306e\u307e\u307e\uff08\u53f3\u4e0b\u30fb\u7d76\u5bfe\u914d\u7f6e\uff09\u3002\u5e2f\u306f\u9ad8\u304f\u306a\u308b\u304c\u8a31\u5bb9\u3002\n   \u203b\u30b3\u30d4\u30fc\u306f\u4eba\u7269\u753b\u50cf\u306e\u300c\u900f\u660e\u306a\u5de6\u4e0b\u300d\u306b\u6765\u308b\u306e\u3067\u91cd\u306a\u3089\u306a\u3044\uff08\u7e26\u306b\u5206\u96e2\uff09 *\/\n@media (max-width: 1024px){\n  #frIntro{ --person-h: clamp(260px, 30vw, 340px); }   \/* \u4eba\u7269\u30b5\u30a4\u30ba\u636e\u3048\u7f6e\u304d *\/\n\n  #frIntro .intro-main{\n    grid-template-columns: 1fr;\n    grid-template-areas:\n      \"tiles\"\n      \"body\";\n    column-gap: 0;\n    row-gap: clamp(18px, 2.8vw, 34px);\n    align-items: start;\n    min-height: var(--person-h);   \/* \u4eba\u7269\u304c\u53ce\u307e\u308b\u9ad8\u3055\u306f\u78ba\u4fdd\u3002\u4e2d\u8eab\u304c\u9ad8\u3051\u308c\u3070\u5e2f\u304c\u4f38\u3073\u308b *\/\n  }\n  #frIntro .intro-tiles{ align-self: start; }\n  #frIntro .intro-tiles img{ width: clamp(240px, 30vw, 330px); }\n\n  \/* \u30b3\u30d4\u30fc\uff1a\u5de6\u63c3\u3048\u30fb\u5f37\u5236\u6539\u884c\u3092\u89e3\u9664\u3057\u3066\u5e45\u30672\u884c\u306b\u6298\u308a\u8fd4\u3059 *\/\n  #frIntro .intro-body{\n    align-self: start;\n    max-width: clamp(440px, 58vw, 560px);\n    margin: 0 0 20px;   \/* \u30b3\u30d4\u30fc\u4e0b\u306b\u4f59\u767d\uff08PC\/\u30e2\u30d0\u30a4\u30eb\u3068\u540c\u69d8\u306b\u958b\u3051\u308b\uff09 *\/\n  }\n  #frIntro .intro-body br{ display: none; }\n}\n\n\/* ===== \u30e2\u30d0\u30a4\u30eb\uff08\u301c760px\uff09\uff1a\u7e26\u7a4d\u307f\uff08\u4eba\u7269\u306f\u901a\u5e38\u30d5\u30ed\u30fc\u306b\u623b\u3059\uff09 ===== *\/\n@media (max-width: 760px){\n  #frIntro .intro-inner{ padding: clamp(36px, 8vw, 56px) var(--frx-pad, 24px) 0; }\n\n  #frIntro .intro-top{ align-items: center; margin-bottom: clamp(22px, 6vw, 36px); }\n  #frIntro .intro-en{ font-size: clamp(30px, 9vw, 44px); }\n  #frIntro .intro-sub{ margin-top: 10px; font-size: clamp(14px, 4vw, 17px); }\n  #frIntro .intro-more img{ width: clamp(96px, 30vw, 136px); }   \/* \u30e2\u30d0\u30a4\u30eb\u306e\u307f20%\u7e2e\u5c0f *\/\n\n  \/* \u7e261\u30ab\u30e9\u30e0\uff1a\u30bf\u30a4\u30eb \u2192 \u672c\u6587 \u2192 \u5439\u304d\u51fa\u3057\u4ed8\u304d\u4eba\u7269 *\/\n  #frIntro .intro-main{\n    position: static;\n    min-height: 0;\n    grid-template-columns: 1fr;\n    grid-template-areas:\n      \"tiles\"\n      \"body\"\n      \"person\";\n    row-gap: clamp(24px, 7vw, 40px);\n    align-items: start;\n  }\n  #frIntro .intro-tiles{ align-self: start; }\n  #frIntro .intro-tiles img{ width: 62%; min-width: 200px; transform: translateX(-2.3%); }\n  #frIntro .intro-body{ align-self: start; max-width: none; margin-bottom: 0; font-size: clamp(13px, 3.6vw, 15px); }\n\n  \/* \u4eba\u7269\uff1a\u7d76\u5bfe\u914d\u7f6e\u3092\u89e3\u9664\u3057\u3066\u901a\u5e38\u30d5\u30ed\u30fc *\/\n  #frIntro .intro-person{ position: static; z-index: auto; justify-self: stretch; }\n  #frIntro .intro-person img{ height: auto; width: 100%; }\n  #frIntro .intro-person__pc{ display: none; }\n  #frIntro .intro-person__sp{ display: block; }\n}\n<\/style>\n\n<section id=\"frIntro\" class=\"frx-root\">\n  <!-- \u5e2f\u5168\u4f53\u306e\u30ea\u30f3\u30af\uff08\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\uff09 -->\n  <a class=\"intro-cover\" href=\"https:\/\/arc-front.co.jp\/?page_id=15095\" aria-label=\"INTRODUCTION \u3092\u8a73\u3057\u304f\u898b\u308b\"><\/a>\n\n  <div class=\"intro-inner\">\n\n    <!-- \u30c8\u30c3\u30d7\u30d0\u30fc -->\n    <div class=\"intro-top\">\n      <div class=\"intro-head\">\n        <h2 class=\"intro-en\">INTRO.<\/h2>\n        <p class=\"intro-sub\">\u30d5\u30ed\u30f3\u30c8\u3063\u3066\u3001\u3069\u3093\u306a\u4f1a\u793e\uff1f<\/p>\n      <\/div>\n      <!-- \u300c\u8a73\u3057\u304f\u300d\u306f\u8996\u899a\u8981\u7d20\uff08\u30ea\u30f3\u30af\u306f\u5e2f\u5168\u4f53\u306e\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u304c\u62c5\u3046\uff09 -->\n      <span class=\"intro-more\" aria-hidden=\"true\">\n        <img src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/top-arrow-1.png\"\n             alt=\"\u8a73\u3057\u304f\" loading=\"lazy\" decoding=\"async\">\n      <\/span>\n    <\/div>\n\n    <!-- \u30e1\u30a4\u30f3 -->\n    <div class=\"intro-main\">\n\n      <!-- \u30bf\u30a4\u30eb -->\n      <div class=\"intro-tiles\">\n        <img src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/top-card-01-image-01.png\"\n             alt=\"\u30d5\u30ed\u30f3\u30c8\u306e\u91d1\u5c5e\u5efa\u6750\u30b5\u30f3\u30d7\u30eb\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n\n      <!-- \u672c\u6587 -->\n      <p class=\"intro-body\">\n        \u30d5\u30ed\u30f3\u30c8\u306f\u3001\u91d1\u5c5e\u306e\u7f8e\u3092\u8ffd\u6c42\u3059\u308b\u5efa\u6750\u30e1\u30fc\u30ab\u30fc\u3002<br>\n        \u3072\u3068\u3064\u4e00\u3064\u8077\u4eba\u304c\u63cf\u304d\u51fa\u3059\u3053\u3060\u308f\u308a\u306e\u8cea\u611f\u306f\u3001<br>\n        \u5747\u8cea\u306a\u5927\u91cf\u751f\u7523\u54c1\u306b\u306f\u306a\u3044\u6df1\u307f\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u3002\n      <\/p>\n\n      <!-- \u5439\u304d\u51fa\u3057\u4ed8\u304d\u4eba\u7269\uff08PC \/ SP \u51fa\u3057\u5206\u3051\uff09 -->\n      <div class=\"intro-person\">\n        <img class=\"intro-person__pc\"\n             src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/top-card-01-image-02.png\"\n             alt=\"\" loading=\"lazy\" decoding=\"async\">\n        <img class=\"intro-person__sp\"\n             src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/top-card-01-image-mobile.png\"\n             alt=\"\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 \u3053\u3053\u307e\u3067\u304c Elementor \u8cbc\u308a\u4ed8\u3051\u7bc4\u56f2 \u25b2\u25b2\u25b2 -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bd5d2c6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"bd5d2c6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-435c34b\" data-id=\"435c34b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ad5d383 elementor-widget elementor-widget-html\" data-id=\"ad5d383\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================================\n     \u25bc\u25bc\u25bc \u3053\u3053\u304b\u3089\u4e0b\u3092 Elementor\u300cHTML\u300d\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u8cbc\u308a\u4ed8\u3051 \u25bc\u25bc\u25bc\n     FRONT RECRUIT INFO. \u2014 TOP\u30da\u30fc\u30b8 WORKS \u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30ab\u30fc\u30c9\n     section \u81ea\u8eab\u306b class=\"frx-root\" \u3092\u4ed8\u4e0e\u6e08\u307f\uff0fBoldonse\u540c\u68b1\uff0f\u8272\u5e2f\u30d5\u30eb\u30b9\u30c8\u30ec\u30c3\u30c1\u3002\n     \u30fb\u5439\u304d\u51fa\u3057\uff0b\u30c6\u30ad\u30b9\u30c8\u306f\u4eba\u7269\u753b\u50cf\u306b\u713c\u304d\u8fbc\u307f\u6e08\u307f \u2192 CSS\u3067\u306f\u63cf\u304b\u306a\u3044\n     \u30fb\u4eba\u7269\u5207\u308a\u629c\u304d\u306f PC=top-card-02-image-02 \/ SP=top-card-02-image-mobile \u3092\u51fa\u3057\u5206\u3051\n     \u30fbPC : \u5efa\u7bc9\u5199\u771f(\u5de6) \uff5c \u4eba\u7269\uff0b\u5439\u304d\u51fa\u3057(\u4e2d\u592e\u30fb\u7d76\u5bfe\u914d\u7f6e) \uff5c 3\u884c\u30b3\u30d4\u30fc(\u53f3\u7aef\u30fb\u4e0b)\n     \u30fb\u30bf\u30d6\u30ec\u30c3\u30c8\/SP : \u5199\u771f \u2192 \u30b3\u30d4\u30fc \u2192 \u4eba\u7269\uff0b\u5439\u304d\u51fa\u3057\uff08\u7e26\u7a4d\u307f\u30fb\u91cd\u306a\u308a\u56de\u907f\uff09\n     ============================================================ -->\n<style>\n\/* Boldonse\uff08\u5927\u898b\u51fa\u3057\u7528\uff09\u3092\u3053\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u5185\u306b\u540c\u68b1 \u2014 latin\uff08A\u2013Z\uff09\u30b5\u30d6\u30bb\u30c3\u30c8 *\/\n@font-face{\n  font-family:'Boldonse'; font-style:normal; font-weight:400; font-display:swap;\n  src:url(https:\/\/fonts.gstatic.com\/s\/boldonse\/v1\/ZgNQjPxGPbbJUZemjB37jGDENYCP.woff2) format('woff2');\n  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}\n@font-face{\n  font-family:'Boldonse'; font-style:normal; font-weight:400; font-display:swap;\n  src:url(https:\/\/fonts.gstatic.com\/s\/boldonse\/v1\/ZgNQjPxGPbbJUZemjB31jGDENYCPgE4.woff2) format('woff2');\n  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n#frWorks{\n  \/* \u25bc \u3088\u304f\u89e6\u308b\u5024 *\/\n  --works-bg:   #E5EDE3;                       \/* \u80cc\u666f\u30bb\u30fc\u30b8\uff08\u6307\u5b9a\u8272\uff09 *\/\n  --works-blue: #1f7d6e;                       \/* \u672c\u6587\u306e\u30c6\u30a3\u30fc\u30eb\u30b0\u30ea\u30fc\u30f3 *\/\n  --person-h:     clamp(300px, 27vw, 390px);   \/* \u2605\u4eba\u7269\u306e\u9ad8\u3055\uff08\u56fa\u5b9a\uff09 *\/\n  --main-h:       clamp(260px, 23vw, 330px);   \/* \u2605\u5e2f\u306e\u4e2d\u8eab\u306e\u9ad8\u3055\u3002\u4e0b\u3052\u308b\u3068\u5e2f\u304c\u30b9\u30ea\u30e0\uff1d\u4eba\u7269\u304c\u76f8\u5bfe\u7684\u306b\u5927\u304d\u304f *\/\n  --person-shift: clamp(90px, 9vw, 150px);     \/* \u2605\u4eba\u7269\u3092\u53f3\u7aef\u304b\u3089\u5de6\u3078\u5bc4\u305b\u308b\u91cf\uff08\u4e2d\u592e\u5bc4\u305b\uff1d\u30b3\u30d4\u30fc\u3068\u96e2\u3059\uff09 *\/\n\n  \/* \u8272\u5e2f\u3092\u30d6\u30e9\u30a6\u30b6\u30a6\u30a3\u30f3\u30c9\u30a6\u5168\u5e45\u306b\u30d5\u30eb\u30b9\u30c8\u30ec\u30c3\u30c1 *\/\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 20px;            \/* \u2605\u4e0a\u306e\u30ab\u30fc\u30c9(INTRO\u5e2f)\u3068\u306e\u9593\u9694\u3002#frJob\u3068\u540c\u5024\u3067\u5e2f\u9593\u30ae\u30e3\u30c3\u30d7\u3092\u7d71\u4e00\uff08\u843d\u3068\u3057\u7a74#3b\uff1a\u30d5\u30eb\u30d6\u30ea\u30fc\u30c9\u5e2f\u306f\u7e26\u30de\u30fc\u30b8\u30f30\u3060\u3068\u5bc6\u7740\uff09 *\/\n  background: var(--works-bg);\n  font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", sans-serif;\n  box-sizing: border-box;\n  position: relative;       \/* \u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u30ea\u30f3\u30af\u306e\u57fa\u6e96 *\/\n  isolation: isolate;\n}\n#frWorks *{ box-sizing: border-box; }\n\n\/* \u5e2f\u5168\u4f53\u3092\u30af\u30ea\u30c3\u30ab\u30d6\u30eb\u306b\u3059\u308b\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u30ea\u30f3\u30af *\/\n#frWorks .works-cover{ position: absolute; inset: 0; z-index: 10; }\n\n\/* \u30b3\u30f3\u30c6\u30f3\u30c4\u306f1440px\u30dc\u30c3\u30af\u30b9\u30fb\u4e2d\u592e\u5bc4\u305b\u3002\u4e0bpadding=0\u3067\u4eba\u7269\u3092\u4e0b\u7aef\u5bc6\u7740 *\/\n#frWorks .works-inner{\n  max-width: var(--frx-max-w, 1440px);\n  margin-inline: auto;\n  padding: clamp(20px, 2.4vw, 36px) var(--frx-pad, clamp(24px,3.5vw,52px)) 0;\n}\n\n\/* ===== \u30c8\u30c3\u30d7\u30d0\u30fc\uff1a\u898b\u51fa\u3057\uff08\u5de6\uff09\uff0b\u8a73\u3057\u304f\uff08\u53f3\uff09 ===== *\/\n#frWorks .works-top{\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: clamp(16px, 2vw, 32px);\n  margin-bottom: clamp(8px, 1vw, 14px);\n}\n#frWorks .works-en{\n  margin: 0;\n  font-family: \"Boldonse\", \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", sans-serif;\n  font-weight: 400;\n  font-synthesis: none;\n  font-size: clamp(34px, 3.6vw, 54px);\n  line-height: 1;\n  letter-spacing: 0.01em;\n  color: #0a0a0a;\n}\n#frWorks .works-sub{\n  margin: clamp(12px, 1.2vw, 18px) 0 0;\n  font-size: clamp(15px, 1.25vw, 19px);\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  color: #1a1a1a;\n}\n#frWorks .works-more{ flex: 0 0 auto; display: inline-block; line-height: 0; }\n#frWorks .works-more img{\n  display: block;\n  width: clamp(99px, 8.6vw, 130px);   \/* 2:1\u753b\u50cf\uff08\u8a73\u3057\u304f\uff0b\u77e2\u5370\u4e00\u4f53\uff09\u3002\u9ad8\u3055\u81ea\u52d5 *\/\n  height: auto;\n  transition: transform .25s ease;\n}\n#frWorks .works-cover:hover ~ .works-inner .works-more img{ transform: translateX(4px); }\n\n\/* ===== \u30e1\u30a4\u30f3\uff1a\u5199\u771f(\u5de6)\uff0b\u30b3\u30d4\u30fc(\u53f3\u7aef)\u3001\u4eba\u7269\u306f\u4e2d\u592e\u306b\u7d76\u5bfe\u914d\u7f6e\u3067\u91cd\u306d\u308b ===== *\/\n#frWorks .works-main{\n  position: relative;\n  min-height: var(--main-h);\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-template-areas: \"photos body\";\n  column-gap: clamp(24px, 3vw, 56px);\n  align-items: center;\n}\n\n\/* \u5efa\u7bc9\u5199\u771f3\u70b9\uff08\u5de6\uff0f\u898b\u51fa\u3057\u3068\u5de6\u63c3\u3048\uff1abbox\u5168\u9762\u306a\u306e\u3067\u4f59\u767d\u88dc\u6b63\u306a\u3057\uff09\n   \u4e0b\u7aef\u63c3\u3048\uff0b\u5e2f\u4e0b\u304b\u308930px\u306e\u4f59\u767d\u3002\u30b5\u30a4\u30ba\u306f\u524d\u56de\u6bd4-20% *\/\n#frWorks .works-photos{ grid-area: photos; align-self: end; margin-bottom: 30px; }\n#frWorks .works-photos img{\n  display: block;\n  width: clamp(264px, 25.6vw, 368px);   \/* \u524d\u56de\u6bd4 -20% *\/\n  height: auto;\n}\n\n\/* \u672c\u6587\uff08\u30c6\u30a3\u30fc\u30eb\u30b0\u30ea\u30fc\u30f3\u30fb\u592a\u5b57\uff09\uff1a\u53f3\u7aef\uff0b\u30ab\u30fc\u30c9\u4e0b\u7aef\u63c3\u3048\uff0b\u4e0b\u30de\u30fc\u30b8\u30f320px *\/\n#frWorks .works-body{\n  grid-area: body;\n  position: relative;\n  z-index: 2;                         \/* \u4eba\u7269\u753b\u50cf\uff08\u900f\u660e\u90e8\uff09\u3088\u308a\u524d\u9762 *\/\n  justify-self: end;                  \/* \u2605\u53f3\u7aef\u3078 *\/\n  align-self: end;\n  max-width: 430px;\n  margin: 0 0 20px;\n  font-size: clamp(14px, 1.2vw, 16px);\n  font-weight: 700;\n  line-height: 2;\n  letter-spacing: 0.03em;\n  color: var(--works-blue);\n  text-align: left;\n}\n\n\/* \u4eba\u7269\uff0b\u5439\u304d\u51fa\u3057\uff1a\u53f3\u4e0b\u306b\u7d76\u5bfe\u914d\u7f6e\uff08\u753b\u50cf\u306f\u4eba\u7269\u30fb\u5de6\/\u5439\u304d\u51fa\u3057\u30fb\u53f3\u4e0a\u3001\u4eba\u7269\u304c\u4e2d\u592e\u306b\u6765\u308b\uff09 *\/\n#frWorks .works-person{\n  position: absolute;\n  right: var(--person-shift);   \/* \u53f3\u7aef\u304b\u3089\u5de6\u3078\u5bc4\u305b\u3066\u4eba\u7269\u3092\u4e2d\u592e\u5bc4\u308a\u306b\uff08\u30b3\u30d4\u30fc\u3068\u96e2\u3059\uff09 *\/\n  bottom: 0;\n  z-index: 1;\n  pointer-events: none;\n}\n#frWorks .works-person img{ height: var(--person-h); width: auto; }\n#frWorks .works-person__pc{ display: block; }\n#frWorks .works-person__sp{ display: none; }\n\n\/* ===== \u30bf\u30d6\u30ec\u30c3\u30c8\/SP\uff08\u301c1024px\uff09\uff1a\u7e26\u7a4d\u307f\uff08\u4eba\u7269\u304c\u4e2d\u592e\u306b\u6765\u308b\u305f\u3081\u91cd\u306a\u308a\u56de\u907f\uff09 =====\n   \u5199\u771f \u2192 \u30b3\u30d4\u30fc \u2192 \u4eba\u7269\uff0b\u5439\u304d\u51fa\u3057 \u3092\u7e26\u306b\u7a4d\u3080\u3002\u5e2f\u306f\u9ad8\u304f\u306a\u308b\u304c\u7834\u7dbb\u3057\u306a\u3044\u3002 *\/\n@media (max-width: 1024px){\n  #frWorks .works-inner{ padding: clamp(36px, 6vw, 56px) var(--frx-pad, 24px) 0; }   \/* \u4e0b=0\u3067\u4eba\u7269\u3092\u5e2f\u4e0b\u7aef\u306b\u5bc6\u7740 *\/\n\n  \/* \u30bf\u30d6\u30ec\u30c3\u30c8\uff1a\u5de6\uff1d\u5199\u771f\uff0b\u30b3\u30d4\u30fc\uff08\u7e26\uff09\uff0f\u53f3\uff1d\u4eba\u7269\uff0b\u5439\u304d\u51fa\u3057\u3002\u7a7a\u304d\u3092\u57cb\u3081\u5e2f\u3092\u4f4e\u304f *\/\n  #frWorks .works-main{\n    position: static;\n    min-height: 0;\n    grid-template-columns: auto 1fr;\n    grid-template-areas:\n      \"photos person\"\n      \"body   person\";\n    column-gap: clamp(20px, 3vw, 48px);\n    row-gap: clamp(16px, 2.4vw, 30px);\n    align-items: center;\n  }\n  #frWorks .works-photos{ grid-area: photos; align-self: start; margin-bottom: 0; }\n  #frWorks .works-photos img{ width: clamp(180px, 26vw, 300px); }   \/* \u30bf\u30d6\u30ec\u30c3\u30c8\u3067\u7d04-50% *\/\n\n  #frWorks .works-body{\n    grid-area: body;\n    justify-self: start;\n    align-self: start;\n    max-width: 320px;\n    margin: 0;\n    font-size: clamp(13px, 1.6vw, 15px);\n  }\n\n  \/* \u4eba\u7269\uff0b\u5439\u304d\u51fa\u3057\uff1a\u53f3\u30ab\u30e9\u30e0\u3078\uff08\u4e0b\u7aef\u63c3\u3048\uff1d\u5e2f\u306e\u4e0b\u306b\u3074\u3063\u305f\u308a\uff09\u3002SP\u7528\u753b\u50cf\u3092\u4f7f\u7528 *\/\n  #frWorks .works-person{\n    grid-area: person;\n    position: static;\n    z-index: auto;\n    align-self: end;\n    justify-self: center;\n  }\n  \/* \u2193 img\u5074\u306b display \u306f\u66f8\u304b\u306a\u3044\uff08\u8a73\u7d30\u5ea61,1,1\u3067 __sp \u306e display:none \u3092\u4e0a\u66f8\u304d\u30572\u679a\u51fa\u308b\u305f\u3081\uff09 *\/\n  #frWorks .works-person img{ width: 100%; max-width: 480px; height: auto; }\n  #frWorks .works-person__pc{ display: none; }\n  #frWorks .works-person__sp{ display: block; }   \/* block\u306f\u3053\u3053\u3067\uff08\u30a4\u30f3\u30e9\u30a4\u30f3\u4f59\u767d\u3082\u51fa\u306a\u3044\uff1d\u4e0b\u7aef\u5bc6\u7740OK\uff09 *\/\n}\n\n\/* ===== \u30e2\u30d0\u30a4\u30eb\uff08\u301c560px\uff09\uff1a\u6587\u5b57\u307e\u308f\u308a\u5fae\u8abf\u6574 ===== *\/\n@media (max-width: 560px){\n  #frWorks .works-en{ font-size: clamp(30px, 11vw, 44px); }\n  #frWorks .works-sub{ margin-top: 10px; font-size: clamp(14px, 4vw, 17px); }\n  #frWorks .works-more img{ width: clamp(96px, 30vw, 136px); }   \/* \u30e2\u30d0\u30a4\u30eb\u306e\u307f\u77e2\u5370\u7e2e\u5c0f *\/\n\n  \/* \u30e2\u30d0\u30a4\u30eb\u306f\u7e261\u30ab\u30e9\u30e0\u306b\u623b\u3059\uff082\u30ab\u30e9\u30e0\u3060\u3068\u7aae\u5c48\uff09 *\/\n  #frWorks .works-main{\n    grid-template-columns: 1fr;\n    grid-template-areas:\n      \"photos\"\n      \"body\"\n      \"person\";\n    row-gap: clamp(24px, 6vw, 38px);\n  }\n  #frWorks .works-photos img{ width: clamp(252px, 70vw, 480px); }   \/* \u30e2\u30d0\u30a4\u30eb\u306e\u307f\u5199\u771f\u3092\u7d0410%\u7e2e\u5c0f *\/\n  #frWorks .works-body{ max-width: none; font-size: clamp(13px, 3.7vw, 15px); }\n  \/* \u4eba\u7269\u306f\u5168\u5e45\u306b\uff08\u7e26\u9577\u753b\u9762\u3067\u6a2a\u5e45\u30aa\u30fc\u30d0\u30fc\u3057\u306a\u3044\u3088\u3046 height:auto \/ width:100%\uff09 *\/\n  #frWorks .works-person{ align-self: start; justify-self: stretch; }\n  #frWorks .works-person img{ height: auto; width: 100%; max-width: 540px; }\n}\n<\/style>\n\n<section id=\"frWorks\" class=\"frx-root\">\n  <!-- \u5e2f\u5168\u4f53\u306e\u30ea\u30f3\u30af\uff08\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\uff09 -->\n  <a class=\"works-cover\" href=\"https:\/\/arc-front.co.jp\/?page_id=15097\" aria-label=\"WORKS \u3092\u8a73\u3057\u304f\u898b\u308b\"><\/a>\n\n  <div class=\"works-inner\">\n\n    <!-- \u30c8\u30c3\u30d7\u30d0\u30fc -->\n    <div class=\"works-top\">\n      <div class=\"works-head\">\n        <h2 class=\"works-en\">WORKS<\/h2>\n        <p class=\"works-sub\">\u898b\u305f\u3053\u3068\u3042\u308b\u5efa\u7bc9\u3001\u3042\u308a\u307e\u3059\u3088\u306d\uff1f<\/p>\n      <\/div>\n      <!-- \u300c\u8a73\u3057\u304f\u300d\u306f\u8996\u899a\u8981\u7d20\uff08\u30ea\u30f3\u30af\u306f\u5e2f\u5168\u4f53\u306e\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u304c\u62c5\u3046\uff09 -->\n      <span class=\"works-more\" aria-hidden=\"true\">\n        <img src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/top-arrow-1.png\"\n             alt=\"\u8a73\u3057\u304f\" loading=\"lazy\" decoding=\"async\">\n      <\/span>\n    <\/div>\n\n    <!-- \u30e1\u30a4\u30f3 -->\n    <div class=\"works-main\">\n\n      <!-- \u5efa\u7bc9\u5199\u771f3\u70b9 -->\n      <div class=\"works-photos\">\n        <img src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/top-card-02-image-01.png\"\n             alt=\"\u30d5\u30ed\u30f3\u30c8\u304c\u624b\u304c\u3051\u305f\u5efa\u7bc9\u306e\u4f8b\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n\n      <!-- \u672c\u6587\uff08\u53f3\u7aef\uff09 -->\n      <p class=\"works-body\">\n        \u8857\u3092\u6b69\u3044\u3066\u3001\u306a\u3093\u304b\u60f9\u304b\u308c\u308b\u5efa\u7bc9\u304c\u3042\u3063\u305f\u3089\u3001<br>\n        \u3082\u3057\u304b\u3059\u308b\u3068\u30d5\u30ed\u30f3\u30c8\u306e\u4ed5\u4e8b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<br>\n        \u91d1\u5c5e\u306e\u7f8e\u3092\u8ffd\u6c42\u3059\u308b\u3053\u3060\u308f\u308a\u306e\u5efa\u6750\u30e1\u30fc\u30ab\u30fc\u3067\u3059\u3002\n      <\/p>\n\n      <!-- \u4eba\u7269\uff0b\u5439\u304d\u51fa\u3057\uff08PC \/ SP \u51fa\u3057\u5206\u3051\uff09 -->\n      <div class=\"works-person\">\n        <img class=\"works-person__pc\"\n             src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/top-card-02-image-02.png\"\n             alt=\"\" loading=\"lazy\" decoding=\"async\">\n        <img class=\"works-person__sp\"\n             src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/top-card-02-image-mobile.png\"\n             alt=\"\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 \u3053\u3053\u307e\u3067\u304c Elementor \u8cbc\u308a\u4ed8\u3051\u7bc4\u56f2 \u25b2\u25b2\u25b2 -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d1469d0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d1469d0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a5bf4f0\" data-id=\"a5bf4f0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5153d8a elementor-widget elementor-widget-html\" data-id=\"5153d8a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================================\n     \u25bc\u25bc\u25bc \u3053\u3053\u304b\u3089\u4e0b\u3092 Elementor\u300cHTML\u300d\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u8cbc\u308a\u4ed8\u3051 \u25bc\u25bc\u25bc\n     FRONT RECRUIT INFO. \u2014 TOP\u30da\u30fc\u30b8 JOB TYPE \u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u30ab\u30fc\u30c9\uff08INTRO\u3068\u540c\u30d1\u30bf\u30fc\u30f3\uff09\n     section \u81ea\u8eab\u306b class=\"frx-root\" \u3092\u4ed8\u4e0e\u6e08\u307f\uff0fBoldonse\u540c\u68b1\uff0f\u8272\u5e2f\u30d5\u30eb\u30b9\u30c8\u30ec\u30c3\u30c1\u3002\n\n     \u30fb\u5439\u304d\u51fa\u3057\uff0b\u30c6\u30ad\u30b9\u30c8\u306f\u4eba\u7269\u753b\u50cf\u306b\u713c\u304d\u8fbc\u307f\u6e08\u307f \u2192 CSS\u3067\u306f\u63cf\u304b\u306a\u3044\n     \u30fb\u4eba\u7269\u753b\u50cf\uff08image-02\uff09\u306f PC\u30fb\u30e2\u30d0\u30a4\u30eb\u5171\u901a\uff081\u679a\uff09\n     \u30fbPC : \u5199\u771f(\u5de6) \uff0b \u672c\u6587(\u4e2d\u592e\u30fb\u4e0b\u63c3\u3048) \uff0b \u5439\u304d\u51fa\u3057\u4ed8\u304d\u4eba\u7269(\u53f3\u30fb\u7d76\u5bfe\u914d\u7f6e)\n     \u30fbSP : JOB TYPE\uff0b\u8a73\u3057\u304f \u2192 \u898b\u51fa\u3057 \u2192 \u5199\u771f \u2192 \u672c\u6587 \u2192 \u5439\u304d\u51fa\u3057\u4ed8\u304d\u4eba\u7269\uff08\u7e26\u7a4d\u307f\uff09\n     ============================================================ -->\n<style>\n\/* Boldonse\uff08\u5927\u898b\u51fa\u3057\u7528\uff09\u3092\u3053\u306e\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u5185\u306b\u540c\u68b1 \u2014 latin\uff08A\u2013Z\uff09\u30b5\u30d6\u30bb\u30c3\u30c8 *\/\n@font-face{\n  font-family:'Boldonse'; font-style:normal; font-weight:400; font-display:swap;\n  src:url(https:\/\/fonts.gstatic.com\/s\/boldonse\/v1\/ZgNQjPxGPbbJUZemjB37jGDENYCP.woff2) format('woff2');\n  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}\n@font-face{\n  font-family:'Boldonse'; font-style:normal; font-weight:400; font-display:swap;\n  src:url(https:\/\/fonts.gstatic.com\/s\/boldonse\/v1\/ZgNQjPxGPbbJUZemjB31jGDENYCPgE4.woff2) format('woff2');\n  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n#frJob{\n  \/* \u25bc \u3088\u304f\u89e6\u308b\u5024 *\/\n  --job-bg:    #F6EDDC;                       \/* \u80cc\u666f\u30af\u30ea\u30fc\u30e0\uff08\u6307\u5b9a\u8272\uff09 *\/\n  --job-brown: #9e7836;                       \/* \u672c\u6587\u306e\u30d6\u30e9\u30a6\u30f3 *\/\n  --person-h:  clamp(300px, 27vw, 390px);     \/* \u2605\u4eba\u7269\u306e\u9ad8\u3055\uff08\u56fa\u5b9a\uff09 *\/\n  --main-h:    clamp(260px, 23vw, 330px);     \/* \u2605\u5e2f\u306e\u4e2d\u8eab\u306e\u9ad8\u3055\u3002\u4e0b\u3052\u308b\u3068\u5e2f\u304c\u30b9\u30ea\u30e0\uff1d\u4eba\u7269\u304c\u76f8\u5bfe\u7684\u306b\u5927\u304d\u304f *\/\n\n  \/* \u8272\u5e2f\u3092\u30d6\u30e9\u30a6\u30b6\u30a6\u30a3\u30f3\u30c9\u30a6\u5168\u5e45\u306b\u30d5\u30eb\u30b9\u30c8\u30ec\u30c3\u30c1 *\/\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 20px;            \/* \u2605\u4e0a\u306e\u30ab\u30fc\u30c9(WORKS\u5e2f)\u3068\u306e\u9593\u9694\u3002\u30d5\u30eb\u30d6\u30ea\u30fc\u30c9\u5e2f\u306f\u7e26\u30de\u30fc\u30b8\u30f30\u3060\u3068\u96a3\u306e\u5e2f\u3068\u5bc6\u7740\u3059\u308b\u305f\u3081\u660e\u793a\uff08Elementor\u306e\u30bb\u30af\u30b7\u30e7\u30f3\u4f59\u767d\u306f\u672c\u756a\u3067\u52b9\u304b\u306a\u3044\u3053\u3068\u304c\u3042\u308b\uff09 *\/\n  background: var(--job-bg);\n  font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", sans-serif;\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n}\n#frJob *{ box-sizing: border-box; }\n\n\/* \u5e2f\u5168\u4f53\u3092\u30af\u30ea\u30c3\u30ab\u30d6\u30eb\u306b\u3059\u308b\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u30ea\u30f3\u30af *\/\n#frJob .job-cover{ position: absolute; inset: 0; z-index: 10; }\n\n\/* \u30b3\u30f3\u30c6\u30f3\u30c4\u306f1440px\u30dc\u30c3\u30af\u30b9\u30fb\u4e2d\u592e\u5bc4\u305b\u3002\u4e0bpadding=0\u3067\u4eba\u7269\u3092\u4e0b\u7aef\u5bc6\u7740 *\/\n#frJob .job-inner{\n  max-width: var(--frx-max-w, 1440px);\n  margin-inline: auto;\n  padding: clamp(20px, 2.4vw, 36px) var(--frx-pad, clamp(24px,3.5vw,52px)) 0;\n}\n\n\/* ===== \u30c8\u30c3\u30d7\u30d0\u30fc\uff1a\u898b\u51fa\u3057\uff08\u5de6\uff09\uff0b\u8a73\u3057\u304f\uff08\u53f3\uff09 ===== *\/\n#frJob .job-top{\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: clamp(16px, 2vw, 32px);\n  margin-bottom: clamp(8px, 1vw, 14px);\n}\n#frJob .job-en{\n  margin: 0;\n  font-family: \"Boldonse\", \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", sans-serif;\n  font-weight: 400;\n  font-synthesis: none;\n  font-size: clamp(34px, 3.6vw, 54px);\n  line-height: 1;\n  letter-spacing: 0.01em;\n  color: #0a0a0a;\n}\n#frJob .job-sub{\n  margin: clamp(12px, 1.2vw, 18px) 0 0;\n  font-size: clamp(15px, 1.25vw, 19px);\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  color: #1a1a1a;\n}\n#frJob .job-more{ flex: 0 0 auto; display: inline-block; line-height: 0; }\n#frJob .job-more img{\n  display: block;\n  width: clamp(99px, 8.6vw, 130px);\n  height: auto;\n  transition: transform .25s ease;\n}\n#frJob .job-cover:hover ~ .job-inner .job-more img{ transform: translateX(4px); }\n\n\/* ===== \u30e1\u30a4\u30f3\uff1a\u5199\u771f(\u5de6)\uff0b\u672c\u6587(\u4e2d\u592e)\u3001\u4eba\u7269\u306f\u7d76\u5bfe\u914d\u7f6e\u3067\u91cd\u306d\u308b ===== *\/\n#frJob .job-main{\n  position: relative;\n  min-height: var(--main-h);\n  display: grid;\n  grid-template-columns: auto minmax(300px, 1fr);\n  grid-template-areas: \"photo body\";\n  column-gap: clamp(24px, 3vw, 56px);\n  align-items: center;\n}\n\n\/* \u30aa\u30d5\u30a3\u30b9\u5199\u771f\uff08\u5de6\uff0f\u898b\u51fa\u3057\u3068\u5de6\u63c3\u3048\uff1a\u900f\u660e\u4f59\u767d\u306a\u3057\u306a\u306e\u3067\u88dc\u6b63\u4e0d\u8981\uff09 *\/\n#frJob .job-photo{ grid-area: photo; align-self: center; }\n#frJob .job-photo img{\n  display: block;\n  width: clamp(300px, 28vw, 410px);\n  height: auto;\n}\n\n\/* \u672c\u6587\uff08\u30d6\u30e9\u30a6\u30f3\u30fb\u592a\u5b57\uff09\uff1a\u30ab\u30fc\u30c9\u4e0b\u7aef\u63c3\u3048\uff0b\u4e0b\u30de\u30fc\u30b8\u30f320px *\/\n#frJob .job-body{\n  grid-area: body;\n  position: relative;\n  z-index: 2;                         \/* \u4eba\u7269\u753b\u50cf\uff08\u900f\u660e\u90e8\uff09\u3088\u308a\u524d\u9762 *\/\n  align-self: end;\n  max-width: 430px;\n  margin: 0 0 20px;\n  font-size: clamp(14px, 1.2vw, 16px);\n  font-weight: 700;\n  line-height: 2;\n  letter-spacing: 0.03em;\n  color: var(--job-brown);\n}\n\n\/* \u5439\u304d\u51fa\u3057\u4ed8\u304d\u4eba\u7269\uff08PC\u30fb\u30e2\u30d0\u30a4\u30eb\u5171\u901a\u306e1\u679a\uff09\uff1a\u53f3\u4e0b\u306b\u7d76\u5bfe\u914d\u7f6e *\/\n#frJob .job-person{\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  z-index: 1;\n  pointer-events: none;\n}\n#frJob .job-person img{ display: block; height: var(--person-h); width: auto; }\n\n\/* ===== \u30bf\u30d6\u30ec\u30c3\u30c8\uff08\u301c1024px\uff09\uff1a\u5199\u771f\u306e\u4e0b\u306b\u672c\u6587\u3092\u7e26\u7a4d\u307f\uff082\u884c\uff09\u3002\u4eba\u7269\u306f\u53f3\u4e0b\u7d76\u5bfe\u914d\u7f6e\u306e\u307e\u307e ===== *\/\n@media (max-width: 1024px){\n  #frJob{ --person-h: clamp(260px, 30vw, 340px); }\n\n  #frJob .job-main{\n    grid-template-columns: 1fr;\n    grid-template-areas:\n      \"photo\"\n      \"body\";\n    column-gap: 0;\n    row-gap: clamp(18px, 2.8vw, 34px);\n    align-items: start;\n    min-height: var(--person-h);\n  }\n  #frJob .job-photo{ align-self: start; }\n  #frJob .job-photo img{ width: clamp(260px, 32vw, 360px); }\n\n  \/* \u672c\u6587\uff1a\u5de6\u63c3\u3048\u30fb\u5f37\u5236\u6539\u884c\u3092\u89e3\u9664\u3057\u3066\u5e45\u30672\u884c\u306b\u6298\u308a\u8fd4\u3059 *\/\n  #frJob .job-body{\n    align-self: start;\n    max-width: clamp(440px, 58vw, 560px);\n    margin: 0 0 20px;\n  }\n  #frJob .job-body br{ display: none; }\n}\n\n\/* ===== \u30e2\u30d0\u30a4\u30eb\uff08\u301c760px\uff09\uff1a\u7e26\u7a4d\u307f\uff08\u4eba\u7269\u306f\u901a\u5e38\u30d5\u30ed\u30fc\u306b\u623b\u3059\uff09 ===== *\/\n@media (max-width: 760px){\n  #frJob .job-inner{ padding: clamp(36px, 8vw, 56px) var(--frx-pad, 24px) 0; }\n\n  #frJob .job-top{ align-items: center; margin-bottom: clamp(22px, 6vw, 36px); }\n  #frJob .job-en{ font-size: clamp(30px, 9vw, 44px); }\n  #frJob .job-sub{ margin-top: 10px; font-size: clamp(14px, 4vw, 17px); }\n  #frJob .job-more img{ width: clamp(96px, 30vw, 136px); }\n\n  \/* \u7e261\u30ab\u30e9\u30e0\uff1a\u5199\u771f \u2192 \u672c\u6587 \u2192 \u5439\u304d\u51fa\u3057\u4ed8\u304d\u4eba\u7269 *\/\n  #frJob .job-main{\n    position: static;\n    min-height: 0;\n    grid-template-columns: 1fr;\n    grid-template-areas:\n      \"photo\"\n      \"body\"\n      \"person\";\n    row-gap: clamp(24px, 7vw, 40px);\n    align-items: start;\n  }\n  #frJob .job-photo{ align-self: start; }\n  #frJob .job-photo img{ width: 72%; min-width: 220px; }\n  #frJob .job-body{ align-self: start; max-width: none; margin-bottom: 0; font-size: clamp(13px, 3.6vw, 15px); }\n\n  \/* \u4eba\u7269\uff1a\u7d76\u5bfe\u914d\u7f6e\u3092\u89e3\u9664\u3057\u3066\u901a\u5e38\u30d5\u30ed\u30fc\uff08\u5171\u901a\u753b\u50cf\u3092\u5168\u5e45\u3067\uff09 *\/\n  #frJob .job-person{ position: static; z-index: auto; justify-self: stretch; }\n  #frJob .job-person img{ height: auto; width: 100%; max-width: 540px; }\n}\n<\/style>\n\n<section id=\"frJob\" class=\"frx-root\">\n  <!-- \u5e2f\u5168\u4f53\u306e\u30ea\u30f3\u30af\uff08\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\uff09 -->\n  <a class=\"job-cover\" href=\"https:\/\/arc-front.co.jp\/?page_id=15101\" aria-label=\"JOB TYPE \u3092\u8a73\u3057\u304f\u898b\u308b\"><\/a>\n\n  <div class=\"job-inner\">\n\n    <!-- \u30c8\u30c3\u30d7\u30d0\u30fc -->\n    <div class=\"job-top\">\n      <div class=\"job-head\">\n        <h2 class=\"job-en\">JOB TYPE<\/h2>\n        <p class=\"job-sub\">\u3054\u5e0c\u671b\u306e\u8077\u7a2e\u306f\u3001\u306a\u3093\u3067\u3059\u304b\uff1f<\/p>\n      <\/div>\n      <!-- \u300c\u8a73\u3057\u304f\u300d\u306f\u8996\u899a\u8981\u7d20\uff08\u30ea\u30f3\u30af\u306f\u5e2f\u5168\u4f53\u306e\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u304c\u62c5\u3046\uff09 -->\n      <span class=\"job-more\" aria-hidden=\"true\">\n        <img src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/top-arrow-1.png\"\n             alt=\"\u8a73\u3057\u304f\" loading=\"lazy\" decoding=\"async\">\n      <\/span>\n    <\/div>\n\n    <!-- \u30e1\u30a4\u30f3 -->\n    <div class=\"job-main\">\n\n      <!-- \u30aa\u30d5\u30a3\u30b9\u5199\u771f -->\n      <div class=\"job-photo\">\n        <img src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/top-card-03-image-01.png\"\n             alt=\"\u30d5\u30ed\u30f3\u30c8\u306e\u8077\u5834\u306e\u69d8\u5b50\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n\n      <!-- \u672c\u6587 -->\n      <p class=\"job-body\">\n        \u5de5\u5834\u3092\u6301\u305f\u306a\u3044\u30d5\u30a1\u30d6\u30ec\u30b9\u306e\u30e1\u30fc\u30ab\u30fc\u306a\u306e\u3067\u3001<br>\n        \u8857\u3092\u99c6\u3051\u307e\u308f\u308b\u55b6\u696d\u90e8\u3068\u6280\u8853\u90e8\u3001<br>\n        \u88cf\u65b9\u3067\u4f1a\u793e\u3092\u652f\u3048\u308b\u7ba1\u7406\u90e8\u306e\u4ed5\u4e8b\u304c\u3042\u308a\u307e\u3059\u3002\n      <\/p>\n\n      <!-- \u5439\u304d\u51fa\u3057\u4ed8\u304d\u4eba\u7269\uff08PC\u30fb\u30e2\u30d0\u30a4\u30eb\u5171\u901a\u306e1\u679a\uff09 -->\n      <div class=\"job-person\">\n        <img src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/top-card-03-image-02.png\"\n             alt=\"\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 \u3053\u3053\u307e\u3067\u304c Elementor \u8cbc\u308a\u4ed8\u3051\u7bc4\u56f2 \u25b2\u25b2\u25b2 -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32a0075 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"32a0075\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5dcce7b\" data-id=\"5dcce7b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c84954b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c84954b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b597672\" data-id=\"b597672\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-24cff7e elementor-widget elementor-widget-image\" data-id=\"24cff7e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/arc-front.co.jp\/?page_id=15099\">\n\t\t\t\t\t\t\t<img width=\"968\" height=\"322\" src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/message-btn.jpg\" class=\"attachment-full size-full\" alt=\"\u793e\u9577\u304b\u3089\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\" loading=\"lazy\" srcset=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/message-btn.jpg 968w, https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/message-btn-300x100.jpg 300w, https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/message-btn-768x255.jpg 768w\" sizes=\"(max-width: 968px) 100vw, 968px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-91e40da\" data-id=\"91e40da\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5287ea8 elementor-widget elementor-widget-image\" data-id=\"5287ea8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/arc-front.co.jp\/?page_id=15090\">\n\t\t\t\t\t\t\t<img width=\"968\" height=\"322\" src=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/numbers-btn.jpg\" class=\"attachment-full size-full\" alt=\"\u6570\u5b57\u3067\u898b\u308b\u30d5\u30ed\u30f3\u30c8\" loading=\"lazy\" srcset=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/numbers-btn.jpg 968w, https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/numbers-btn-300x100.jpg 300w, https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/numbers-btn-768x255.jpg 768w\" sizes=\"(max-width: 968px) 100vw, 968px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d1c50b0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d1c50b0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ffe503c\" data-id=\"ffe503c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3cc6e7c elementor-widget elementor-widget-html\" data-id=\"3cc6e7c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================================\n     \u25bc\u25bc\u25bc \u3053\u3053\u304b\u3089\u4e0b\u3092 Elementor\u300cHTML\u300d\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u306b\u8cbc\u308a\u4ed8\u3051 \u25bc\u25bc\u25bc\n     FRONT RECRUIT INFO. \u2014 \u63a1\u7528\u60c5\u5831CTA\u30d0\u30ca\u30fc\uff08TOP\u30da\u30fc\u30b8\u30fb\u30d5\u30c3\u30bf\u30fc\u76f4\u4e0a\uff09\n     \u203b\u5f93\u6765\u306f\u753b\u50cf\u76f4\u8cbc\u308a\u3060\u3063\u305f\u3082\u306e\u3092HTML\u5316\u3002\u30d4\u30eb\u306f\u5171\u901a .frx-pill\uff08\u30b4\u30fc\u30eb\u30c9\uff0b\u7e01\u56de\u8ee2\uff09\u3092\u6d41\u7528\uff1d\n       \u30d8\u30c3\u30c0\u30fc\/\u30d2\u30fc\u30ed\u30fc\u306eCTA\u3068\u5b8c\u5168\u7d71\u4e00\u3002\n\n     \u30fb#frCta\uff08ID\uff09\u3067\u30b9\u30b3\u30fc\u30d7\u3002\u30d5\u30eb\u30d6\u30ea\u30fc\u30c9\uff08width:100vw\uff09\u3067\u6e26\u5dfb\u304d\u80cc\u666f\u3092\u5168\u5e45\u8868\u793a\u3002\n     \u30fb\u30d4\u30eb\u306f .frx-pill\uff08common.css\uff09\u3002\u30b0\u30e9\u30c7\/\u7e01\u56de\u8ee2\u30a2\u30cb\u30e1\u306f\u5171\u901aCSS\u5074\u3067\u5b9a\u7fa9\u6e08\u307f\u3002\n     \u30fb\u80cc\u666f\u753b\u50cf swirl-bg.jpg \u306f\u672c\u756aURL\u76f4\u6307\u5b9a\uff08\u7f6e\u63db\u4e0d\u8981\uff09\u3002\n     \u30fbhref \u306f\u63a1\u7528\u60c5\u5831\u30da\u30fc\u30b8\uff08page_id=15103\uff09\u3002\n     ============================================================ -->\n<style>\n#frCta{\n  --cta-bg:  #2c302d;                       \/* \u753b\u50cf\u8aad\u8fbc\u524d\/\u9699\u9593\u306e\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u5730\u8272 *\/\n  box-sizing: border-box;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);            \/* \u4e2d\u592e\u5bc4\u305b\u89aa\u304b\u3089\u629c\u3051\u51fa\u3057\u3066\u30d5\u30eb\u30d6\u30ea\u30fc\u30c9 *\/\n  background: var(--cta-bg) url('https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/swirl-bg.jpg') center \/ cover no-repeat;\n  font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", sans-serif;\n}\n#frCta *{ box-sizing: border-box; }\n\n#frCta .cta-inner{\n  max-width: var(--frx-max-w, 1440px);\n  margin-inline: auto;\n  padding: clamp(40px, 5.5vw, 76px) var(--frx-pad, clamp(24px,3.5vw,52px));\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n\/* \u30d4\u30eb\uff1a\u5171\u901a .frx-pill \u3092\u6d41\u7528\u3057\u3064\u3064\u3001CTA\u7528\u306b\u5c11\u3057\u5927\u304d\u304f *\/\n#frCta .cta-pill{\n  font-size: clamp(15px, 1.4vw, 18px);\n  padding: 14px 34px;\n  letter-spacing: 0.14em;\n}\n\n\/* \u8a98\u5c0e\u6587\uff08\u767d\u30fb\u30c6\u30af\u30b9\u30c1\u30e3\u80cc\u666f\u3067\u3082\u8aad\u3081\u308b\u3088\u3046\u8efd\u304f\u30b7\u30e3\u30c9\u30a6\uff09 *\/\n#frCta .cta-lead{\n  margin: clamp(20px, 2.6vw, 38px) 0 0;\n  color: #fff;\n  font-size: clamp(17px, 1.7vw, 24px);\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  line-height: 1.7;\n  text-shadow: 0 1px 8px rgba(0,0,0,.35);\n}\n\n@media (max-width: 760px){\n  #frCta .cta-lead{ font-size: clamp(15px, 4.4vw, 19px); }\n}\n<\/style>\n\n<section id=\"frCta\" class=\"frx-root\">\n  <div class=\"cta-inner\">\n    <a class=\"frx-pill cta-pill\" href=\"https:\/\/arc-front.co.jp\/?page_id=15103\">\u63a1\u7528\u60c5\u5831<\/a>\n    <p class=\"cta-lead\">\u52df\u96c6\u8981\u9805\u3068\u63a1\u7528\u30d5\u30ed\u30fc\u306b\u3064\u3044\u3066\u3054\u6848\u5185\u3057\u307e\u3059\u3002<\/p>\n  <\/div>\n<\/section>\n<!-- \u25b2\u25b2\u25b2 \u3053\u3053\u307e\u3067\u304c Elementor \u8cbc\u308a\u4ed8\u3051\u7bc4\u56f2 \u25b2\u25b2\u25b2 -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u63a1\u7528\u60c5\u5831 CONTENTS INTRODUCTION WORKS JOB TYP [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>FRONT RECRUIT INFO. - \u682a\u5f0f\u4f1a\u793e\u30d5\u30ed\u30f3\u30c8<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/arc-front.co.jp\/?page_id=15061\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FRONT RECRUIT INFO. - \u682a\u5f0f\u4f1a\u793e\u30d5\u30ed\u30f3\u30c8\" \/>\n<meta property=\"og:description\" content=\"\u63a1\u7528\u60c5\u5831 CONTENTS INTRODUCTION WORKS JOB TYP [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arc-front.co.jp\/?page_id=15061\" \/>\n<meta property=\"og:site_name\" content=\"\u682a\u5f0f\u4f1a\u793e\u30d5\u30ed\u30f3\u30c8\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-03T19:06:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/logo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u63a8\u5b9a\u8aad\u66f8\u6642\u9593\">\n\t<meta name=\"twitter:data1\" content=\"18\u5206\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/arc-front.co.jp\/#website\",\"url\":\"https:\/\/arc-front.co.jp\/\",\"name\":\"\\u682a\\u5f0f\\u4f1a\\u793e\\u30d5\\u30ed\\u30f3\\u30c8\",\"description\":\"the spirit of metal works \\uff5c \\u682a\\u5f0f\\u4f1a\\u793e\\u30d5\\u30ed\\u30f3\\u30c8\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/arc-front.co.jp\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"ja\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/arc-front.co.jp\/?page_id=15061#primaryimage\",\"inLanguage\":\"ja\",\"url\":\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/logo.png\",\"contentUrl\":\"https:\/\/arc-front.co.jp\/wp-content\/uploads\/2026\/05\/logo.png\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/arc-front.co.jp\/?page_id=15061#webpage\",\"url\":\"https:\/\/arc-front.co.jp\/?page_id=15061\",\"name\":\"FRONT RECRUIT INFO. - \\u682a\\u5f0f\\u4f1a\\u793e\\u30d5\\u30ed\\u30f3\\u30c8\",\"isPartOf\":{\"@id\":\"https:\/\/arc-front.co.jp\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/arc-front.co.jp\/?page_id=15061#primaryimage\"},\"datePublished\":\"2026-05-27T11:08:27+00:00\",\"dateModified\":\"2026-06-03T19:06:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/arc-front.co.jp\/?page_id=15061#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/arc-front.co.jp\/?page_id=15061\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/arc-front.co.jp\/?page_id=15061#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/arc-front.co.jp\/\",\"url\":\"https:\/\/arc-front.co.jp\/\",\"name\":\"HOME\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@id\":\"https:\/\/arc-front.co.jp\/?page_id=15061#webpage\"}}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/arc-front.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/15061"}],"collection":[{"href":"https:\/\/arc-front.co.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arc-front.co.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arc-front.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arc-front.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15061"}],"version-history":[{"count":130,"href":"https:\/\/arc-front.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/15061\/revisions"}],"predecessor-version":[{"id":15551,"href":"https:\/\/arc-front.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/15061\/revisions\/15551"}],"wp:attachment":[{"href":"https:\/\/arc-front.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}