{"id":9,"date":"2024-03-31T21:37:41","date_gmt":"2024-03-31T12:37:41","guid":{"rendered":"https:\/\/career-c.sognoplanning.com\/?page_id=9"},"modified":"2026-09-13T14:42:32","modified_gmt":"2026-09-13T05:42:32","slug":"%e5%a4%a2%e3%83%ad%e3%83%bc%e3%83%97%e3%83%ac%e7%a0%94%e7%a9%b6%e5%ae%a4%ef%bc%88%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2%e3%82%b3%e3%83%b3%e3%82%b5%e3%83%ab%e3%82%bf%e3%83%b3%e3%83%88%e8%b3%87%e6%a0%bc","status":"publish","type":"page","link":"https:\/\/career-c.sognoplanning.com\/","title":{"rendered":"\u300e\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u300f\u30aa\u30f3\u30e9\u30a4\u30f3\u3067\u5b66\u3076\u30ad\u30e3\u30ea\u30b3\u30f3\u8a66\u9a13\u5bfe\u7b56\u3068\u5b9f\u52d9\u30b9\u30ad\u30eb"},"content":{"rendered":"\n<!-- ================================================================\n     \u3010\u30d6\u30ed\u30c3\u30af1\uff0f4\u3011\u30d5\u30a1\u30fc\u30b9\u30c8\u30d3\u30e5\u30fc\uff08\u30d2\u30fc\u30ed\u30fc\uff09\n     WordPress\u306e\u300c\u30ab\u30b9\u30bf\u30e0HTML\u300d\u30d6\u30ed\u30c3\u30af\u3078\u3001\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u5168\u4f53\u3092\u8cbc\u308a\u4ed8\u3051\n     ================================================================ -->\n<style>\n\/* ===== \u5171\u901a\u30d9\u30fc\u30b9\uff084\u30d6\u30ed\u30c3\u30af\u5171\u901a\u30fb\u5909\u66f4\u6642\u306f4\u3064\u3059\u3079\u3066\u306b\u540c\u3058\u3082\u306e\u3092\u8cbc\u308a\u66ff\u3048\uff09 ===== *\/\n.yume-lp-wrapper {\n  --ink: #0f231f;\n  --muted: #52635e;\n  --primary: #0d9488;\n  --primary-dark: #065f46;\n  --primary-light: #ccfbf1;\n  --paper: #f8faf9;\n  --cream: #f3f7f5;\n  --card-bg: #ffffff;\n  --navy: #1e3a8a;\n  --gold: #d97706;\n  --gold-light: #fef3c7;\n  --coral: #e11d48;\n  --line: rgba(13, 148, 136, 0.14);\n  --shadow-sm: 0 4px 14px rgba(13, 148, 136, 0.06);\n  --shadow-md: 0 12px 32px rgba(15, 35, 31, 0.08);\n  --shadow-lg: 0 20px 48px rgba(13, 148, 136, 0.15);\n  --radius-sm: 6px;\n  --radius-md: 16px;\n  --radius-lg: 20px;\n  --radius-pill: 50px;\n  --font-family: \"Hiragino Sans\", \"Yu Gothic UI\", \"Meiryo\", system-ui, sans-serif;\n  --border-width: 1px;\n  --card-border: var(--border-width) solid var(--line);\n  --card-border-hover: 2px solid var(--primary);\n\n  background: var(--paper);\n  color: var(--ink);\n  font-family: var(--font-family);\n  line-height: 1.75;\n  font-size: 15px;\n  width: 100%;\n  margin: 0 auto;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n.yume-lp-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n.yume-lp-wrapper a { color: inherit; text-decoration: none; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); }\n.yume-lp-wrapper img { max-width: 100%; height: auto; display: block; }\n\n\/* \u30c6\u30fc\u30de\u4e0a\u66f8\u304d\uff08\u5171\u901a\uff09 *\/\n.yume-lp-wrapper {\n  --primary: #0056b3; --primary-dark: #004085; --primary-light: #cce5ff;\n  --ink: #333333; --muted: #666666; --paper: #f8f9fa; --cream: #e9ecef;\n  --card-bg: #ffffff; --navy: #002752; --coral: #dc3545; --gold: #ffc107; --gold-light: #fff3cd;\n  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-pill: 4px;\n  --font-family: \"Noto Sans JP\", sans-serif;\n  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05); --shadow-md: 0 4px 8px rgba(0,0,0,0.1); --shadow-lg: 0 8px 16px rgba(0,0,0,0.1);\n}\n\/* ===== \u5171\u901a\u30d9\u30fc\u30b9\u3053\u3053\u307e\u3067 ===== *\/\n\n\n\/* ===== \u3053\u306e\u30d6\u30ed\u30c3\u30af\u5c02\u7528 ===== *\/\n\/* \u4e0a\u7aef\u3060\u3051\u89d2\u4e38\uff08\u30d6\u30ed\u30c3\u30af2\u301c4\u3068\u7e26\u306b\u7e4b\u3052\u308b\u305f\u3081\uff09 *\/\n.yume-lp-wrapper.yume-block-fv { border-radius: var(--radius-md) var(--radius-md) 0 0; }\n\n@keyframes yumeFloat {\n  0%, 100% { transform: translateY(0px); }\n  50% { transform: translateY(-8px); }\n}\n\n.yume-lp-wrapper .hero {\n  position: relative;\n  padding: clamp(40px, 6vw, 80px) clamp(20px, 5vw, 60px);\n  background: radial-gradient(circle at 10% 20%, var(--primary-light) 0%, transparent 40%),\n              radial-gradient(circle at 90% 80%, var(--gold-light) 0%, transparent 40%),\n              linear-gradient(180deg, var(--card-bg) 0%, var(--paper) 100%);\n  border-bottom: var(--card-border);\n}\n.yume-lp-wrapper .heroContent { max-width: 1140px; margin: 0 auto; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 40px; align-items: center; }\n.yume-lp-wrapper .heroBadgeGroup { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }\n.yume-lp-wrapper .heroPill { display: inline-flex; align-items: center; gap: 6px; background: var(--card-bg); border: 1px solid var(--primary-light); padding: 6px 14px; border-radius: var(--radius-pill); font-size: 12px; font-weight: 800; color: var(--primary-dark); box-shadow: var(--shadow-sm); }\n.yume-lp-wrapper .heroPill.gold { border-color: var(--gold); background: var(--gold-light); color: #92400e; }\n.yume-lp-wrapper .heroIntro h1 { font-size: clamp(28px, 3.6vw, 44px); line-height: 1.35; font-weight: 900; color: var(--ink); margin-bottom: 22px; letter-spacing: -0.02em; }\n.yume-lp-wrapper .heroIntro h1 .gradientText { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }\n.yume-lp-wrapper .heroIntro p.leadText { color: var(--muted); font-size: 15px; line-height: 1.8; margin-bottom: 32px; font-weight: 500; }\n.yume-lp-wrapper .scrollLink { display: inline-flex; align-items: center; gap: 10px; background: var(--primary); color: #fff; padding: 14px 28px; border-radius: var(--radius-pill); font-size: 14px; font-weight: 800; box-shadow: var(--shadow-sm); }\n.yume-lp-wrapper .scrollLink:hover { background: var(--primary-dark); transform: translateY(-2px); }\n.yume-lp-wrapper .heroVisual { position: relative; }\n.yume-lp-wrapper .heroImgCard { position: relative; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); border: 4px solid var(--card-bg); }\n.yume-lp-wrapper .heroImgCard img { width: 100%; height: 380px; object-fit: cover; }\n.yume-lp-wrapper .heroFloatingBadge { position: absolute; bottom: -20px; left: -20px; background: var(--card-bg); padding: 16px 22px; border-radius: var(--radius-md); box-shadow: var(--shadow-lg); border: var(--card-border); display: flex; align-items: center; gap: 14px; animation: yumeFloat 4s ease-in-out infinite; z-index: 10; }\n.yume-lp-wrapper .badgeIcon { width: 44px; height: 44px; background: var(--gold-light); color: var(--gold); border-radius: 50%; display: grid; place-items: center; font-size: 20px; }\n.yume-lp-wrapper .badgeText b { display: block; font-size: 14px; color: var(--ink); }\n.yume-lp-wrapper .badgeText small { font-size: 11px; color: var(--muted); }\n\n\/* \u30c6\u30fc\u30de\u4e0a\u66f8\u304d\uff08\u30b0\u30e9\u30c7\u6587\u5b57\u3092\u5358\u8272\u5316\uff09 *\/\n.yume-lp-wrapper .gradientText { background: var(--primary); -webkit-text-fill-color: var(--primary); }\n\n@media (max-width: 900px) {\n  .yume-lp-wrapper .heroContent { grid-template-columns: 1fr; }\n  .yume-lp-wrapper .heroVisual { display: none; }\n}\n<\/style>\n\n<div class=\"yume-lp-wrapper yume-block-fv\">\n  <!-- Hero Section -->\n  <section class=\"hero\" id=\"top\">\n    <div class=\"heroContent\">\n      <div class=\"heroIntro\">\n        <div class=\"heroBadgeGroup\">\n          <span class=\"heroPill\">\u77ed\u5c3a\u5206\u89e3\u5b66\u7fd2<\/span>\n          <span class=\"heroPill\">\u5b9f\u8df5\u91cd\u8996<\/span>\n          <span class=\"heroPill gold\">\u5408\u683c\u5f8c\u306e\u5b9f\u52d9\u307e\u3067<\/span>\n        <\/div>\n        <h1>\n          \u8cc7\u683c\u3092\u53d6\u308b\u3002<br>\n          \u5b9f\u52d9\u3067\u6d3b\u304b\u3059\u3002<br>\n          <span class=\"gradientText\">\u6b21\u306e\u4e00\u6b69\u3092\u9078\u3076\u3002<\/span>\n        <\/h1>\n        <p class=\"leadText\">\n          \u56fd\u30ad\u30e3\u30ea\u30fb2\u7d1a\u6280\u80fd\u58eb\u306e\u8a66\u9a13\u5bfe\u7b56\u304b\u3089\u3001\u8cc7\u683c\u53d6\u5f97\u5f8c\u306e\u5b9f\u52d9\u652f\u63f4\u3001\u4f1a\u54e1\u5411\u3051\u30b5\u30fc\u30d3\u30b9\u307e\u3067\u3002\u3042\u306a\u305f\u306e\u300c\u4eca\u76ee\u6307\u3057\u305f\u3044\u30b4\u30fc\u30eb\u300d\u306b\u5408\u308f\u305b\u305f4\u3064\u306e\u5b66\u7fd2\u30b3\u30fc\u30b9\u3092\u3054\u6848\u5185\u3057\u307e\u3059\u3002\n        <\/p>\n        <div>\n          <a class=\"scrollLink\" href=\"#yume-services\">\n            <span>4\u3064\u306e\u30b3\u30fc\u30b9\u3092\u898b\u308b<\/span>\n            <span aria-hidden=\"true\">\u2193<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n      <div class=\"heroVisual\">\n        <div class=\"heroImgCard\">\n          <img decoding=\"async\" src=\"https:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2026\/07\/career-support-hero-e1783606756623.png\" alt=\"\u30aa\u30f3\u30e9\u30a4\u30f3\u3067\u30ad\u30e3\u30ea\u30a2\u76f8\u8ac7\u3068\u5b66\u7fd2\u306b\u53d6\u308a\u7d44\u3080\u69d8\u5b50\">\n        <\/div>\n        <div class=\"heroFloatingBadge\">\n          <div class=\"badgeIcon\">\u2726<\/div>\n          <div class=\"badgeText\">\n            <b>\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/b>\n            <small>\u8a66\u9a13\u5bfe\u7b56\u304b\u3089\u5b9f\u52d9\u307e\u3067\u4e00\u8cab\u30b5\u30dd\u30fc\u30c8<\/small>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n\n\n<!-- ================================================================\n     \u3010\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u7528\u30d0\u30ca\u30fc\u3011\u5b66\u79d1\u8a66\u9a13\u5bfe\u7b56\u30bb\u30df\u30ca\u30fc\n     \u300c\u7406\u8ad6\u3068\u7406\u8ad6\u5bb6\u3092\u624b\u65e9\u304f\u982d\u306b\u5165\u308c\u308b\u300d\n     WordPress\u306e\u300c\u30ab\u30b9\u30bf\u30e0HTML\u300d\u30d6\u30ed\u30c3\u30af\u3078\u3001\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u5168\u4f53\u3092\u8cbc\u308a\u4ed8\u3051\n     \u203b\u65e2\u5b58\u306e yrp-exam-banner \u3068\u540c\u69cb\u9020\u30fb\u5225\u914d\u8272\uff08\u30cd\u30a4\u30d3\u30fc\u00d7\u30b4\u30fc\u30eb\u30c9\uff09\n     ================================================================ -->\n<style>\n  .yrt-theory-banner{--yrt-navy:#0b1533;--yrt-deep:#16224d;--yrt-blue:#2f4499;--yrt-gold:#ffd24d;--yrt-gold-soft:#ffe9a8;position:relative;isolation:isolate;display:block;max-width:970px;min-height:250px;margin:0 auto;overflow:hidden;background:linear-gradient(115deg,#0b1533 0%,#1b2a5c 58%,#33499e 100%);color:#fff;font-family:\"Yu Gothic\",\"Hiragino Kaku Gothic ProN\",\"Noto Sans JP\",sans-serif;text-decoration:none!important;box-shadow:0 16px 35px rgba(9,18,48,.22)}\n  .yrt-theory-banner *{box-sizing:border-box}\n  .yrt-theory-banner:before{content:\"\";position:absolute;z-index:-1;right:-115px;top:-210px;width:510px;height:510px;border:55px solid rgba(255,210,77,.10);border-radius:50%}\n  .yrt-theory-banner:after{content:\"\";position:absolute;z-index:-1;right:75px;bottom:-150px;width:330px;height:330px;border:1px solid rgba(255,255,255,.22);border-radius:50%}\n  .yrt-theory-banner .yrt-content{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:250px;padding:30px 42px 30px 39px}\n  .yrt-theory-banner .yrt-copy{max-width:660px}\n  .yrt-theory-banner .yrt-label{display:inline-block;margin:0;padding:4px 11px;border:1px solid rgba(255,210,77,.72);color:var(--yrt-gold);font:800 10px\/1.2 Arial,sans-serif;letter-spacing:.14em}\n  .yrt-theory-banner h2{margin:12px 0 0;color:#fff;font-size:clamp(28px,3.6vw,42px);font-weight:900;line-height:1.22;letter-spacing:-.03em}\n  .yrt-theory-banner h2 .yrt-sub{display:block;margin-bottom:6px;color:#cfdcff;font-size:clamp(14px,1.35vw,17px);font-weight:800;letter-spacing:.02em;line-height:1.5}\n  .yrt-theory-banner h2 strong{display:block;color:var(--yrt-gold);font-weight:900}\n  .yrt-theory-banner .yrt-desc{margin:10px 0 0;color:rgba(255,255,255,.88);font-size:13px;font-weight:700;line-height:1.7}\n  .yrt-theory-banner .yrt-desc em{font-style:normal;color:var(--yrt-gold)}\n  .yrt-theory-banner .yrt-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}\n  .yrt-theory-banner .yrt-tags i{font-style:normal;padding:4px 10px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.07);color:#eaf0ff;font-size:11px;font-weight:800;line-height:1.4}\n  .yrt-theory-banner .yrt-side{position:relative;flex:0 0 226px;padding:20px 17px 17px;border:1px solid rgba(255,255,255,.37);background:rgba(6,14,38,.28);text-align:center;backdrop-filter:blur(3px)}\n  .yrt-theory-banner .yrt-side small{display:block;color:var(--yrt-gold-soft);font:800 10px\/1.3 Arial,sans-serif;letter-spacing:.12em}\n  .yrt-theory-banner .yrt-date{display:block;margin-top:8px;color:#fff;font-size:15px;font-weight:900;line-height:1.55}\n  .yrt-theory-banner .yrt-side b{display:block;margin-top:8px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.28);color:#fff;font-size:19px;line-height:1.4}\n  .yrt-theory-banner .yrt-button{display:block;margin-top:13px;padding:12px 10px;background:var(--yrt-gold);color:var(--yrt-navy);font-size:13px;font-weight:900;line-height:1.35;box-shadow:0 5px 13px rgba(0,12,41,.24);transition:transform .2s,background .2s}\n  .yrt-theory-banner:hover .yrt-button{background:var(--yrt-gold-soft);transform:translateY(-2px)}\n  .yrt-theory-banner .yrt-note{display:block;margin-top:9px;color:rgba(255,255,255,.72);font-size:9px;line-height:1.4}\n  @media(max-width:640px){\n    .yrt-theory-banner{min-height:0}\n    .yrt-theory-banner .yrt-content{display:block;min-height:0;padding:27px 24px 23px}\n    .yrt-theory-banner h2{font-size:clamp(26px,7.6vw,36px)}\n    .yrt-theory-banner h2 .yrt-sub{font-size:12px;line-height:1.6}\n    .yrt-theory-banner .yrt-desc{font-size:12px}\n    .yrt-theory-banner .yrt-side{margin-top:18px;padding:14px 15px}\n    .yrt-theory-banner .yrt-button{margin-top:10px}\n    .yrt-theory-banner:before{right:-235px;top:-250px}\n  }\n<\/style>\n\n<a class=\"yrt-theory-banner\" href=\"https:\/\/career-c.sognoplanning.com\/?p=3537\" aria-label=\"\u30ad\u30e3\u30ea\u30b3\u30f3\u5b66\u79d1\u8a66\u9a13\u5bfe\u7b56\u30bb\u30df\u30ca\u30fc \u7406\u8ad6\u3068\u7406\u8ad6\u5bb6\u3092\u624b\u65e9\u304f\u982d\u306b\u5165\u308c\u308b \u306e\u8a73\u7d30\u3092\u78ba\u8a8d\u3059\u308b\">\n  <div class=\"yrt-content\">\n    <div class=\"yrt-copy\">\n      <span class=\"yrt-label\">YUME ROLEPLAY LABORATORY \uff0f WRITTEN EXAM SEMINAR<\/span>\n      <h2><span class=\"yrt-sub\">\u56fd\u30ad\u30e3\u30ea\u30fb2\u7d1a\u6280\u80fd\u58eb\u3000\u5b66\u79d1\u8a66\u9a13\u5bfe\u7b56\u30bb\u30df\u30ca\u30fc<\/span><strong>\u7406\u8ad6\u3068\u7406\u8ad6\u5bb6\u3092<br>\u624b\u65e9\u304f\u982d\u306b\u5165\u308c\u308b<\/strong><\/h2>\n      <p class=\"yrt-desc\">\n        \u3084\u3084\u3053\u3057\u3044\u300c\u30ad\u30e3\u30ea\u30a2\u7406\u8ad6\u30fb\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u7406\u8ad6\u30fb\u7406\u8ad6\u5bb6\u300d\u3092\u30012\u6642\u9593\u3067\u6d41\u308c\u3068\u5927\u67a0\u304b\u3089\u6574\u7406\u3002<br>\n        <em>2\u7d1a\u6280\u80fd\u58eb\u306e\u65b9\u306f\u3001\u8ad6\u8ff0\u30fb\u30ed\u30fc\u30d7\u30ec\u306e\u5b9f\u6280\u5bfe\u7b56\u306b\u3082\u3064\u306a\u304c\u308b\u5185\u5bb9\u3067\u3059\u3002<\/em>\n      <\/p>\n      <div class=\"yrt-tags\">\n        <i>\u30b9\u30fc\u30d1\u30fc\uff0f\u30b7\u30e5\u30ed\u30b9\u30d0\u30fc\u30b0\uff0f\u30b5\u30d3\u30ab\u30b9<\/i>\n        <i>\u30ed\u30b8\u30e3\u30fc\u30ba\uff0f\u8a8d\u77e5\u884c\u52d5\u7642\u6cd5<\/i>\n        <i>\u30aa\u30f3\u30e9\u30a4\u30f3\u958b\u50ac<\/i>\n      <\/div>\n    <\/div>\n    <div class=\"yrt-side\">\n      <small>\u56fd\u30ad\u30e3\u30ea\u53d7\u9a13\u8005 \uff0f 2\u7d1a\u6280\u80fd\u58eb\u53d7\u691c\u8005<\/small>\n      <span class=\"yrt-date\">10\/1\uff08\u6728\uff0920:00\u301c22:00<br>10\/4\uff08\u65e5\uff0920:00\u301c22:00<\/span>\n      <b>3,300\u5186\uff08\u7a0e\u8fbc\uff09<br>\u5404\u56de2\u6642\u9593<\/b>\n      <span class=\"yrt-button\">\u30bb\u30df\u30ca\u30fc\u8a73\u7d30\u3092\u898b\u308b\u3000&#x2197;<\/span>\n      <span class=\"yrt-note\">\u8b1b\u5e2b\uff1a\u4e2d\u5cf6 \u5247\u751f\uff08\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u4ee3\u8868\uff09<\/span>\n    <\/div>\n  <\/div>\n<\/a>\n\n\n\n<!-- ================================================================\n     \u3010\u30d6\u30ed\u30c3\u30af2\uff0f4\u3011\u672c\u4f53\uff084\u3064\u306e\u5b66\u7fd2\u30d7\u30e9\u30f3\uff0f\u304a\u60a9\u307f\uff0f\u9078\u3070\u308c\u308b\u7406\u7531\uff0f4\u30b9\u30c6\u30c3\u30d7\uff09\n     WordPress\u306e\u300c\u30ab\u30b9\u30bf\u30e0HTML\u300d\u30d6\u30ed\u30c3\u30af\u3078\u3001\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u5168\u4f53\u3092\u8cbc\u308a\u4ed8\u3051\n     ================================================================ -->\n<style>\n\/* ===== \u5171\u901a\u30d9\u30fc\u30b9\uff084\u30d6\u30ed\u30c3\u30af\u5171\u901a\u30fb\u5909\u66f4\u6642\u306f4\u3064\u3059\u3079\u3066\u306b\u540c\u3058\u3082\u306e\u3092\u8cbc\u308a\u66ff\u3048\uff09 ===== *\/\n.yume-lp-wrapper {\n  --ink: #0f231f;\n  --muted: #52635e;\n  --primary: #0d9488;\n  --primary-dark: #065f46;\n  --primary-light: #ccfbf1;\n  --paper: #f8faf9;\n  --cream: #f3f7f5;\n  --card-bg: #ffffff;\n  --navy: #1e3a8a;\n  --gold: #d97706;\n  --gold-light: #fef3c7;\n  --coral: #e11d48;\n  --line: rgba(13, 148, 136, 0.14);\n  --shadow-sm: 0 4px 14px rgba(13, 148, 136, 0.06);\n  --shadow-md: 0 12px 32px rgba(15, 35, 31, 0.08);\n  --shadow-lg: 0 20px 48px rgba(13, 148, 136, 0.15);\n  --radius-sm: 6px;\n  --radius-md: 16px;\n  --radius-lg: 20px;\n  --radius-pill: 50px;\n  --font-family: \"Hiragino Sans\", \"Yu Gothic UI\", \"Meiryo\", system-ui, sans-serif;\n  --border-width: 1px;\n  --card-border: var(--border-width) solid var(--line);\n  --card-border-hover: 2px solid var(--primary);\n\n  background: var(--paper);\n  color: var(--ink);\n  font-family: var(--font-family);\n  line-height: 1.75;\n  font-size: 15px;\n  width: 100%;\n  margin: 0 auto;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n.yume-lp-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n.yume-lp-wrapper a { color: inherit; text-decoration: none; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); }\n.yume-lp-wrapper img { max-width: 100%; height: auto; display: block; }\n\n\/* \u30c6\u30fc\u30de\u4e0a\u66f8\u304d\uff08\u5171\u901a\uff09 *\/\n.yume-lp-wrapper {\n  --primary: #0056b3; --primary-dark: #004085; --primary-light: #cce5ff;\n  --ink: #333333; --muted: #666666; --paper: #f8f9fa; --cream: #e9ecef;\n  --card-bg: #ffffff; --navy: #002752; --coral: #dc3545; --gold: #ffc107; --gold-light: #fff3cd;\n  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-pill: 4px;\n  --font-family: \"Noto Sans JP\", sans-serif;\n  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05); --shadow-md: 0 4px 8px rgba(0,0,0,0.1); --shadow-lg: 0 8px 16px rgba(0,0,0,0.1);\n}\n\/* ===== \u5171\u901a\u30d9\u30fc\u30b9\u3053\u3053\u307e\u3067 ===== *\/\n\n\n\/* ===== \u3053\u306e\u30d6\u30ed\u30c3\u30af\u5c02\u7528 ===== *\/\n\/* \u30bb\u30af\u30b7\u30e7\u30f3\u898b\u51fa\u3057\uff08\u5171\u901a\u30d1\u30fc\u30c4\uff09 *\/\n.yume-lp-wrapper .sectionTitle { text-align: center; margin-bottom: 48px; }\n.yume-lp-wrapper .sectionTitle .eyebrow { color: var(--primary); font-size: 12px; font-weight: 900; letter-spacing: 0.25em; text-transform: uppercase; margin-bottom: 8px; display: block; }\n.yume-lp-wrapper .sectionTitle h2 { font-size: clamp(24px, 3.2vw, 36px); font-weight: 900; color: var(--ink); line-height: 1.35; }\n\n\/* 4\u3064\u306e\u5b66\u7fd2\u30d7\u30e9\u30f3 *\/\n.yume-lp-wrapper .gatewaySection { padding: clamp(60px, 8vw, 100px) clamp(20px, 5vw, 60px); max-width: 1200px; margin: 0 auto; }\n.yume-lp-wrapper .gatewayGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 22px; }\n.yume-lp-wrapper .gatewayCard { background: var(--card-bg); border-radius: var(--radius-md); padding: 30px 26px; display: flex; flex-direction: column; box-shadow: var(--shadow-sm); border: var(--card-border); position: relative; overflow: hidden; transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); }\n.yume-lp-wrapper .gatewayCard:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); border: var(--card-border-hover); }\n.yume-lp-wrapper .gatewayCard.national { --card-accent: var(--primary); }\n.yume-lp-wrapper .gatewayCard.grade2 { --card-accent: var(--navy); }\n.yume-lp-wrapper .gatewayCard.career { --card-accent: var(--gold); }\n.yume-lp-wrapper .gatewayCard.member { --card-accent: var(--coral); }\n.yume-lp-wrapper .cardTop { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }\n.yume-lp-wrapper .cardNum { font-size: 14px; font-weight: 900; color: var(--card-accent); background: rgba(0,0,0,0.04); padding: 2px 10px; border-radius: var(--radius-lg); }\n.yume-lp-wrapper .cardTag { font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: var(--radius-sm); color: #fff; background: var(--card-accent); }\n.yume-lp-wrapper .gatewayCard h3 { font-size: 22px; font-weight: 800; margin-bottom: 8px; color: var(--ink); line-height: 1.3; }\n.yume-lp-wrapper .gatewayCard h3 small { display: block; font-size: 12px; color: var(--muted); font-weight: 600; margin-top: 4px; }\n.yume-lp-wrapper .gatewayCard p { font-size: 13px; color: var(--muted); line-height: 1.7; margin-bottom: 24px; margin-top: auto; }\n.yume-lp-wrapper .cardCtaBtn { padding: 12px 18px; border-radius: var(--radius-sm); background: var(--cream); color: var(--ink); font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: space-between; transition: background 0.25s ease; }\n.yume-lp-wrapper .gatewayCard:hover .cardCtaBtn { background: var(--card-accent); color: #fff; }\n.yume-lp-wrapper .serviceLogo { position: absolute; right: 20px; top: 18px; width: 75px; height: 38px; object-fit: contain; mix-blend-mode: multiply; opacity: 0.85; }\n\n\/* \u304a\u60a9\u307f\u30bb\u30af\u30b7\u30e7\u30f3 *\/\n.yume-lp-wrapper .troubleSection { background: linear-gradient(180deg, var(--paper) 0%, var(--cream) 100%); padding: clamp(60px, 8vw, 90px) clamp(20px, 5vw, 60px); border-top: var(--card-border); border-bottom: var(--card-border); }\n.yume-lp-wrapper .troubleContainer { max-width: 1100px; margin: 0 auto; }\n.yume-lp-wrapper .troubleBody { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 36px; align-items: center; margin-top: 40px; }\n.yume-lp-wrapper .troubleVisual { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); border: 4px solid var(--card-bg); position: relative; }\n.yume-lp-wrapper .troubleVisual img { width: 100%; height: 100%; max-height: 380px; object-fit: cover; display: block; }\n.yume-lp-wrapper .troubleGrid { display: flex; flex-direction: column; gap: 16px; }\n.yume-lp-wrapper .troubleCard { background: var(--card-bg); border-radius: var(--radius-md); padding: 22px 26px; box-shadow: var(--shadow-sm); position: relative; border: var(--card-border); }\n.yume-lp-wrapper .troubleHeader { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; color: var(--coral); font-weight: 900; font-size: 15px; }\n.yume-lp-wrapper .troubleHeader .crossIcon { width: 26px; height: 26px; background: rgba(225, 29, 72, 0.1); border-radius: 50%; display: grid; place-items: center; font-size: 14px; flex-shrink: 0; }\n.yume-lp-wrapper .troubleCard p { font-size: 13px; color: var(--muted); line-height: 1.7; }\n\n\/* \u9078\u3070\u308c\u308b\u7406\u7531 *\/\n.yume-lp-wrapper .featureSection { padding: clamp(60px, 8vw, 100px) clamp(20px, 5vw, 60px); max-width: 1140px; margin: 0 auto; }\n.yume-lp-wrapper .featureGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 28px; margin-top: 48px; }\n.yume-lp-wrapper .featureCard { background: var(--card-bg); border-radius: var(--radius-lg); padding: 36px 28px; border: var(--card-border); box-shadow: var(--shadow-md); position: relative; overflow: hidden; }\n.yume-lp-wrapper .featureNum { font-size: 64px; font-weight: 900; line-height: 1; color: var(--primary-light); opacity: 0.5; position: absolute; top: 16px; right: 20px; font-family: serif; }\n.yume-lp-wrapper .featureCard h3 { font-size: 20px; font-weight: 800; color: var(--ink); margin-bottom: 14px; line-height: 1.4; position: relative; z-index: 2; }\n.yume-lp-wrapper .featureCard p { font-size: 13px; color: var(--muted); line-height: 1.8; position: relative; z-index: 2; }\n\n\/* 4\u30b9\u30c6\u30c3\u30d7\u5b66\u7fd2\u30b5\u30a4\u30af\u30eb *\/\n.yume-lp-wrapper .cycleSection { background: var(--card-bg); padding: clamp(60px, 8vw, 100px) clamp(20px, 5vw, 60px); border-top: var(--card-border); }\n.yume-lp-wrapper .cycleContainer { max-width: 1100px; margin: 0 auto; }\n.yume-lp-wrapper .cycleGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-top: 48px; }\n.yume-lp-wrapper .cycleBox { background: var(--paper); border-radius: var(--radius-md); padding: 28px 22px; border: var(--card-border); position: relative; text-align: center; }\n.yume-lp-wrapper .cycleStep { display: inline-block; background: var(--gold); color: #fff; font-size: 10px; font-weight: 900; padding: 3px 10px; border-radius: var(--radius-lg); margin-bottom: 12px; }\n.yume-lp-wrapper .cycleBox h4 { font-size: 22px; font-weight: 900; color: var(--ink); margin-bottom: 8px; }\n.yume-lp-wrapper .cycleBox p { font-size: 12px; color: var(--muted); line-height: 1.6; }\n\n@media (max-width: 900px) {\n  .yume-lp-wrapper .troubleBody { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"yume-lp-wrapper yume-block-main\">\n  <!-- 4 Gateway Cards Section -->\n  <section class=\"gatewaySection\" id=\"yume-services\">\n    <div class=\"sectionTitle\">\n      <span class=\"eyebrow\">CHOOSE YOUR PATH<\/span>\n      <h2>\u76ee\u7684\u306b\u5408\u308f\u305b\u3066\u9078\u3079\u308b<br>4\u3064\u306e\u5b66\u7fd2\u30d7\u30e9\u30f3<\/h2>\n    <\/div>\n    <div class=\"gatewayGrid\">\n      <a class=\"gatewayCard national\" href=\"https:\/\/career-c.sognoplanning.com\/?p=3488\">\n        <div class=\"cardTop\">\n          <span class=\"cardNum\">01<\/span>\n          <span class=\"cardTag\">\u56fd\u5bb6\u8cc7\u683c\u3092\u76ee\u6307\u3059<\/span>\n        <\/div>\n        <h3>\u56fd\u30ad\u30e3\u30ea\u8b1b\u5ea7 <small>\u56fd\u5bb6\u8cc7\u683c\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8<\/small><\/h3>\n        <p>\u6700\u521d\u306e5\u5206\u304b\u3089\u672c\u756a\u5f62\u5f0f\u307e\u3067\u6bb5\u968e\u7684\u306b\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3002\u5b66\u79d1\u30fb\u8ad6\u8ff0\u30fb\u9762\u63a5\u3092\u4e00\u8cab\u3057\u3066\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n        <div class=\"cardCtaBtn\">\n          <span>\u8b1b\u5ea7\u306e\u8a73\u7d30\u3092\u898b\u308b<\/span>\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/div>\n      <\/a>\n      <a class=\"gatewayCard grade2\" href=\"https:\/\/career-c.sognoplanning.com\/?page_id=755\">\n        <div class=\"cardTop\">\n          <span class=\"cardNum\">02<\/span>\n          <span class=\"cardTag\">\u5c02\u9580\u8cc7\u683c\u3092\u76ee\u6307\u3059<\/span>\n        <\/div>\n        <h3>2\u7d1a\u6280\u80fd\u58eb\u8a66\u9a13\u5bfe\u7b56 <small>2\u7d1a\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u6280\u80fd\u58eb<\/small><\/h3>\n        <p>\u300c\u898b\u7acb\u3066\u300d\u3068\u300c\u5177\u4f53\u7684\u5c55\u958b\u300d\u3092\u8ef8\u306b\u3001\u8ad6\u8ff0\u8a66\u9a13\u306820\u5206\u9593\u30ed\u30fc\u30d7\u30ec\u3092\u76f8\u4e92\u306b\u9023\u52d5\u3055\u305b\u3066\u6df1\u304f\u5b66\u3073\u307e\u3059\u3002<\/p>\n        <div class=\"cardCtaBtn\">\n          <span>\u5bfe\u7b56\u8b1b\u5ea7\u3092\u898b\u308b<\/span>\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/div>\n      <\/a>\n      <a class=\"gatewayCard career\" href=\"https:\/\/career-c.sognoplanning.com\/?page_id=3398\">\n        <div class=\"cardTop\">\n          <span class=\"cardNum\">03<\/span>\n          <span class=\"cardTag\">\u8cc7\u683c\u3092\u4ed5\u4e8b\u306b\u3059\u308b<\/span>\n        <\/div>\n        <img decoding=\"async\" class=\"serviceLogo\" src=\"https:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2026\/07\/\u751f\u6210\u753b\u50cf1-1.png\" alt=\"\u30c9\u30ea\u30fc\u30e0\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30d1\u30b9\u306e\u30ed\u30b4\">\n        <h3>\u30c9\u30ea\u30ad\u30e3\u30ea <small>\u30c9\u30ea\u30fc\u30e0\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30d1\u30b9<\/small><\/h3>\n        <p>\u8cc7\u683c\u53d6\u5f97\u5f8c\u306e\u30ad\u30e3\u30ea\u30b3\u30f3\u304c\u4f01\u696d\u9762\u8ac7\u30fb\u7814\u4fee\u30fb\u767b\u58c7\u3078\u5b9f\u52d9\u3092\u5e83\u3052\u308b\u4f1a\u54e1\u5236\u5b9f\u8df5\u30d7\u30ed\u30b0\u30e9\u30e0\u3002<\/p>\n        <div class=\"cardCtaBtn\">\n          <span>\u30c9\u30ea\u30ad\u30e3\u30ea\u3092\u898b\u308b<\/span>\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/div>\n      <\/a>\n      <a class=\"gatewayCard member\" href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2847\">\n        <div class=\"cardTop\">\n          <span class=\"cardNum\">04<\/span>\n          <span class=\"cardTag\">\u65e2\u5b58\u4f1a\u54e1\u69d8\u5411\u3051<\/span>\n        <\/div>\n        <h3>\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u4f1a\u54e1 <small>\u30de\u30a4\u30da\u30fc\u30b8\u30fb\u4e88\u7d04\u30dd\u30fc\u30bf\u30eb<\/small><\/h3>\n        <p>\u8b1b\u5ea7\u30fb\u30ed\u30fc\u30d7\u30ec\u9053\u5834\u30fb\u500b\u4eba\u30ec\u30c3\u30b9\u30f3\u306e\u5404\u7a2e\u4e88\u7d04\u3084\u3001\u4e88\u7d04\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u306e\u78ba\u8a8d\u30fb\u5909\u66f4\u306f\u3053\u3061\u3089\u304b\u3089\u3002<\/p>\n        <div class=\"cardCtaBtn\">\n          <span>\u4f1a\u54e1\u30da\u30fc\u30b8\u3078\u9032\u3080<\/span>\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/section>\n\n  <!-- Empathy Section -->\n  <section class=\"troubleSection\">\n    <div class=\"troubleContainer\">\n      <div class=\"sectionTitle\">\n        <span class=\"eyebrow\">CHECK YOUR PAIN<\/span>\n        <h2>\u30ed\u30fc\u30d7\u30ec\u3084\u8a66\u9a13\u5bfe\u7b56\u3067<br>\u3053\u3093\u306a\u304a\u60a9\u307f\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/h2>\n      <\/div>\n      <div class=\"troubleBody\">\n        <div class=\"troubleVisual\">\n          <img decoding=\"async\" src=\"https:\/\/career-c.sognoplanning.com\/wp-content\/uploads\/2026\/07\/image-16.jpg\" alt=\"\u30c7\u30b9\u30af\u3067\u60a9\u307f\u306a\u304c\u3089\u5b66\u7fd2\u3059\u308b\u69d8\u5b50\">\n        <\/div>\n        <div class=\"troubleGrid\">\n          <div class=\"troubleCard\">\n            <div class=\"troubleHeader\">\n              <span class=\"crossIcon\">\u2715<\/span>\n              <span>\u7df4\u7fd2\u91cf\u304c\u8db3\u308a\u3066\u3044\u308b\u304b\u4e0d\u5b89<\/span>\n            <\/div>\n            <p>\u4e00\u4eba\u3067\u7df4\u7fd2\u3084\u5fa9\u7fd2\u3092\u3057\u3066\u3044\u3066\u3082\u3001\u300c\u4f55\u304c\u826f\u304f\u3066\u4f55\u304c\u6539\u5584\u70b9\u306a\u306e\u304b\u300d\u304c\u81ea\u529b\u3067\u306f\u898b\u3048\u306b\u304f\u3044\u3002<\/p>\n          <\/div>\n          <div class=\"troubleCard\">\n            <div class=\"troubleHeader\">\n              <span class=\"crossIcon\">\u2715<\/span>\n              <span>\u6307\u5c0e\u8005\u3054\u3068\u306b\u8a00\u308f\u308c\u308b\u3053\u3068\u304c\u9055\u3046<\/span>\n            <\/div>\n            <p>\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u306e\u8996\u70b9\u304c\u30d0\u30e9\u30d0\u30e9\u3067\u3001\u81ea\u5206\u306a\u308a\u306e\u30ed\u30fc\u30d7\u30ec\u8ef8\u3084\u9762\u8ac7\u5c55\u958b\u304c\u5d29\u308c\u3066\u6df7\u4e71\u3057\u3066\u3057\u307e\u3046\u3002<\/p>\n          <\/div>\n          <div class=\"troubleCard\">\n            <div class=\"troubleHeader\">\n              <span class=\"crossIcon\">\u2715<\/span>\n              <span>\u672c\u756a\u306b\u306a\u308b\u3068\u7dca\u5f35\u3067\u8a00\u8449\u304c\u51fa\u306a\u3044<\/span>\n            <\/div>\n            <p>\u6700\u521d\u306e5\u5206\u3067\u76f8\u8ac7\u8005\u306e\u8a00\u8449\u306b\u7126\u3063\u3066\u3057\u307e\u3044\u3001\u610f\u56f3\u7684\u306a\u8cea\u554f\u3084\u95a2\u308f\u308a\u304c\u3067\u304d\u306a\u304f\u306a\u3063\u3066\u3057\u307e\u3046\u3002<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Features Section -->\n  <section class=\"featureSection\">\n    <div class=\"sectionTitle\">\n      <span class=\"eyebrow\">WHY CHOOSE US<\/span>\n      <h2>\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u3067<br>\u300c\u8ff7\u308f\u306a\u3044\u9762\u8ac7\u529b\u300d\u304c\u8eab\u306b\u3064\u304f\u7406\u7531<\/h2>\n    <\/div>\n    <div class=\"featureGrid\">\n      <div class=\"featureCard\">\n        <span class=\"featureNum\">01<\/span>\n        <h3>\u77ed\u5c3a\u3067\u5206\u89e3\u3057\u3066\u5b66\u3076<\/h3>\n        <p>\u305f\u3060\u9577\u3044\u30ed\u30fc\u30d7\u30ec\u3092\u7e70\u308a\u8fd4\u3059\u306e\u3067\u306f\u306a\u304f\u3001\u300c\u5192\u982d5\u5206\u300d\u300c\u898b\u7acb\u3066\u300d\u300c\u5c55\u958b\u300d\u300c\u53e3\u982d\u8a66\u554f\u300d\u3078\u7d30\u304b\u304f\u5206\u89e3\u3002\u8ab2\u984c\u3092\u5207\u308a\u51fa\u3057\u3066\u52b9\u7387\u7684\u306b\u6539\u5584\u3067\u304d\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"featureCard\">\n        <span class=\"featureNum\">02<\/span>\n        <h3>\u8ad6\u8ff0\u3068\u9762\u63a5\u3092\u4e00\u4f53\u5316<\/h3>\n        <p>\u8ad6\u8ff0\u8a66\u9a13\u306e\u300c\u898b\u7acb\u3066\u300d\u3068\u9762\u63a5\u30ed\u30fc\u30d7\u30ec\u306e\u300c\u554f\u3044\u304b\u3051\u300d\u3092\u63a5\u7d9a\u3002\u6839\u62e0\u3092\u6301\u3063\u305f\u95a2\u308f\u308a\u304c\u3067\u304d\u308b\u305f\u3081\u3001\u8a66\u9a13\u672c\u756a\u3067\u3082\u30d6\u30ec\u306a\u3044\u9762\u8ac7\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"featureCard\">\n        <span class=\"featureNum\">03<\/span>\n        <h3>\u5b9f\u52d9\u307e\u3067\u7e4b\u304c\u308b\u5b9f\u8df5\u529b<\/h3>\n        <p>\u8a66\u9a13\u5408\u683c\u306f\u30b4\u30fc\u30eb\u3067\u306f\u306a\u304f\u30b9\u30bf\u30fc\u30c8\u3002\u8cc7\u683c\u53d6\u5f97\u5f8c\u306b\u5b9f\u969b\u306e\u76f8\u8ac7\u73fe\u5834\u3084\u4f01\u696d\u7814\u4fee\u3067\u81ea\u4fe1\u3092\u6301\u3063\u3066\u767b\u58c7\u30fb\u9762\u8ac7\u3067\u304d\u308b\u5b9f\u52b9\u529b\u3092\u78e8\u304d\u307e\u3059\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Cycle Section -->\n  <section class=\"cycleSection\" id=\"yume-about\">\n    <div class=\"cycleContainer\">\n      <div class=\"sectionTitle\">\n        <span class=\"eyebrow\">STEP BY STEP<\/span>\n        <h2>\u5b9f\u8df5\u529b\u3092\u80b2\u3066\u308b4\u30b9\u30c6\u30c3\u30d7\u5b66\u7fd2\u30b5\u30a4\u30af\u30eb<\/h2>\n      <\/div>\n      <div class=\"cycleGrid\">\n        <div class=\"cycleBox\">\n          <span class=\"cycleStep\">STEP 01<\/span>\n          <h4>\u77e5\u308b<\/h4>\n          <p>\u8a55\u4fa1\u57fa\u6e96\u3068\u9762\u8ac7\u69cb\u6210\u306e\u300c\u578b\u300d\u3092\u6b63\u3057\u304f\u7406\u89e3\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"cycleBox\">\n          <span class=\"cycleStep\">STEP 02<\/span>\n          <h4>\u53cd\u5fa9\u3059\u308b<\/h4>\n          <p>\u77ed\u6642\u9593\u3067\u533a\u5207\u3063\u305f\u7df4\u7fd2\u3067\u57fa\u672c\u52d5\u4f5c\u3092\u4f53\u5f97\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"cycleBox\">\n          <span class=\"cycleStep\">STEP 03<\/span>\n          <h4>\u632f\u308a\u8fd4\u308b<\/h4>\n          <p>\u81ea\u5206\u306e\u8ab2\u984c\u3068\u51fa\u6765\u305f\u90e8\u5206\u3092\u8a00\u8449\u306b\u3057\u3066\u660e\u78ba\u5316\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"cycleBox\">\n          <span class=\"cycleStep\">STEP 04<\/span>\n          <h4>\u76f4\u3059<\/h4>\n          <p>\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u306b\u57fa\u3065\u304d\u3001\u6b21\u56de\u7df4\u7fd2\u3067\u78ba\u5b9f\u306b\u4fee\u6b63\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n\n\n<!-- \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\uff5c5\u5206\u9593\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u7121\u6599\u4f53\u9a13\u4f1a\u30d0\u30ca\u30fc -->\n<style>\n  .yume-5min-banner,\n  .yume-5min-banner * {\n    box-sizing: border-box;\n  }\n\n  .yume-5min-banner {\n    --yume-blue: #1261a0;\n    --yume-dark-blue: #083b66;\n    --yume-light-blue: #eaf5fc;\n    --yume-green: #178a55;\n    --yume-light-green: #e9f7ef;\n    --yume-red: #c9362b;\n    --yume-white: #ffffff;\n    --yume-text: #243447;\n\n    position: relative;\n    max-width: 1120px;\n    margin: 32px auto;\n    overflow: hidden;\n    color: var(--yume-text);\n    background:\n      radial-gradient(\n        circle at 100% 0,\n        rgba(255, 255, 255, 0.22) 0,\n        rgba(255, 255, 255, 0) 32%\n      ),\n      linear-gradient(135deg, var(--yume-dark-blue), var(--yume-blue));\n    border: 4px solid var(--yume-white);\n    border-radius: 24px;\n    box-shadow: 0 16px 40px rgba(8, 59, 102, 0.24);\n    font-family:\n      \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", Meiryo,\n      sans-serif;\n  }\n\n  .yume-5min-banner__link {\n    display: block;\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .yume-5min-banner__inner {\n    display: grid;\n    grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.55fr);\n    align-items: center;\n    gap: 32px;\n    min-height: 360px;\n    padding: 44px 48px;\n  }\n\n  .yume-5min-banner__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0 0 16px;\n    padding: 7px 14px;\n    color: var(--yume-dark-blue);\n    background: var(--yume-light-green);\n    border-radius: 999px;\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.5;\n  }\n\n  .yume-5min-banner__eyebrow::before {\n    content: \"\u25cf\";\n    color: var(--yume-green);\n    font-size: 11px;\n  }\n\n  .yume-5min-banner__title {\n    margin: 0;\n    color: var(--yume-white);\n    font-size: clamp(30px, 4.3vw, 54px);\n    font-weight: 900;\n    line-height: 1.25;\n    letter-spacing: 0.02em;\n  }\n\n  .yume-5min-banner__title-accent {\n    display: inline-block;\n    color: #fff7bf;\n  }\n\n  .yume-5min-banner__lead {\n    margin: 18px 0 0;\n    color: var(--yume-white);\n    font-size: clamp(18px, 2vw, 23px);\n    font-weight: 800;\n    line-height: 1.65;\n  }\n\n  .yume-5min-banner__description {\n    max-width: 690px;\n    margin: 12px 0 0;\n    color: rgba(255, 255, 255, 0.9);\n    font-size: 16px;\n    line-height: 1.9;\n  }\n\n  .yume-5min-banner__points {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin: 20px 0 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .yume-5min-banner__point {\n    padding: 7px 12px;\n    color: var(--yume-dark-blue);\n    background: var(--yume-white);\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 800;\n  }\n\n  .yume-5min-banner__visual {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .yume-5min-banner__circle {\n    display: flex;\n    width: 210px;\n    height: 210px;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: var(--yume-dark-blue);\n    background: var(--yume-white);\n    border: 9px solid rgba(255, 255, 255, 0.35);\n    border-radius: 50%;\n    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.2);\n    text-align: center;\n    outline: 4px solid #fff7bf;\n    outline-offset: -13px;\n  }\n\n  .yume-5min-banner__circle-label {\n    color: var(--yume-red);\n    font-size: 17px;\n    font-weight: 900;\n  }\n\n  .yume-5min-banner__circle-number {\n    margin: -2px 0;\n    color: var(--yume-blue);\n    font-size: 74px;\n    font-weight: 900;\n    line-height: 1;\n  }\n\n  .yume-5min-banner__circle-unit {\n    font-size: 25px;\n    font-weight: 900;\n  }\n\n  .yume-5min-banner__cta {\n    display: flex;\n    width: 100%;\n    max-width: 270px;\n    min-height: 56px;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 24px;\n    padding: 14px 20px;\n    color: var(--yume-white);\n    background: var(--yume-green);\n    border: 2px solid var(--yume-white);\n    border-radius: 12px;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n    font-size: 17px;\n    font-weight: 900;\n    text-align: center;\n    transition:\n      transform 0.2s ease,\n      background-color 0.2s ease,\n      box-shadow 0.2s ease;\n  }\n\n  .yume-5min-banner__cta::after {\n    content: \"\u203a\";\n    font-size: 25px;\n    line-height: 1;\n  }\n\n  .yume-5min-banner__link:hover .yume-5min-banner__cta {\n    background: #107044;\n    box-shadow: 0 11px 26px rgba(0, 0, 0, 0.26);\n    transform: translateY(-2px);\n  }\n\n  .yume-5min-banner__link:focus-visible {\n    border-radius: 20px;\n    outline: 4px solid #ffd54f;\n    outline-offset: 4px;\n  }\n\n  .yume-5min-banner__note {\n    margin: 10px 0 0;\n    color: rgba(255, 255, 255, 0.86);\n    font-size: 12px;\n    line-height: 1.5;\n    text-align: center;\n  }\n\n  @media (max-width: 760px) {\n    .yume-5min-banner {\n      margin: 20px 0;\n      border-width: 3px;\n      border-radius: 20px;\n    }\n\n    .yume-5min-banner__inner {\n      grid-template-columns: 1fr;\n      gap: 28px;\n      padding: 32px 22px;\n      text-align: center;\n    }\n\n    .yume-5min-banner__description {\n      font-size: 15px;\n      text-align: left;\n    }\n\n    .yume-5min-banner__points {\n      justify-content: center;\n    }\n\n    .yume-5min-banner__circle {\n      width: 180px;\n      height: 180px;\n    }\n\n    .yume-5min-banner__circle-number {\n      font-size: 62px;\n    }\n\n    .yume-5min-banner__cta {\n      max-width: 100%;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .yume-5min-banner__cta {\n      transition: none;\n    }\n  }\n<\/style>\n\n<aside\n  class=\"yume-5min-banner\"\n  aria-label=\"5\u5206\u9593\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u7121\u6599\u4f53\u9a13\u4f1a\u306e\u3054\u6848\u5185\"\n>\n  <a\n    class=\"yume-5min-banner__link\"\n    href=\"https:\/\/career-c.sognoplanning.com\/?page_id=2841\"\n    aria-label=\"5\u5206\u9593\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u7121\u6599\u4f53\u9a13\u4f1a\u306e\u8a73\u7d30\u3092\u898b\u308b\"\n  >\n    <div class=\"yume-5min-banner__inner\">\n      <div class=\"yume-5min-banner__content\">\n        <p class=\"yume-5min-banner__eyebrow\">\n          \u30aa\u30f3\u30e9\u30a4\u30f3\u7121\u6599\u4f53\u9a13\u4f1a\n        <\/p>\n\n        <p class=\"yume-5min-banner__title\">\n          \u30ed\u30fc\u30d7\u30ec\u306f\u3001<br>\n          <span class=\"yume-5min-banner__title-accent\">\n            \u6700\u521d\u306e5\u5206\u3067\u6d41\u308c\u304c\u6c7a\u307e\u308b\u3002\n          <\/span>\n        <\/p>\n\n        <p class=\"yume-5min-banner__lead\">\n          \u5c0e\u51655\u5206\u9593\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3092\u7121\u6599\u3067\u4f53\u9a13\n        <\/p>\n\n        <p class=\"yume-5min-banner__description\">\n          15\u5206\u9593\u306e\u30ed\u30fc\u30d7\u30ec\u3092\u305f\u3060\u7e70\u308a\u8fd4\u3059\u524d\u306b\u3001\n          \u9762\u8ac7\u5e8f\u76e4\u306e\u300c\u7121\u81ea\u899a\u306a\u30af\u30bb\u300d\u3092\u898b\u76f4\u3057\u307e\u305b\u3093\u304b\uff1f\n          \u95a2\u4fc2\u69cb\u7bc9\u30fb\u50be\u8074\u30fb\u6765\u8ac7\u76ee\u7684\u306e\u628a\u63e1\u306b\u3064\u306a\u304c\u308b\u521d\u52d5\u306e\u5fdc\u7b54\u3092\u3001\n          \u77ed\u6642\u9593\u306e\u53cd\u5fa9\u7df4\u7fd2\u3067\u6574\u3048\u307e\u3059\u3002\n        <\/p>\n\n        <ul class=\"yume-5min-banner__points\" aria-label=\"\u4f53\u9a13\u4f1a\u306e\u7279\u5fb4\">\n          <li class=\"yume-5min-banner__point\">\u30aa\u30f3\u30e9\u30a4\u30f3\u958b\u50ac<\/li>\n          <li class=\"yume-5min-banner__point\">\u53c2\u52a0\u8cbb\u7121\u6599<\/li>\n          <li class=\"yume-5min-banner__point\">\u5b9f\u8df5\u578b\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"yume-5min-banner__visual\" aria-hidden=\"true\">\n        <div class=\"yume-5min-banner__circle\">\n          <span class=\"yume-5min-banner__circle-label\">\u9762\u63a5\u306e\u5c0e\u5165\u3092\u78e8\u304f<\/span>\n          <span>\n            <span class=\"yume-5min-banner__circle-number\">5<\/span>\n            <span class=\"yume-5min-banner__circle-unit\">\u5206<\/span>\n          <\/span>\n          <span class=\"yume-5min-banner__circle-label\">\u96c6\u4e2d\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/span>\n        <\/div>\n\n        <span class=\"yume-5min-banner__cta\">\n          \u7121\u6599\u4f53\u9a13\u4f1a\u306e\u8a73\u7d30\u3092\u898b\u308b\n        <\/span>\n\n        <p class=\"yume-5min-banner__note\">\n          \u958b\u50ac\u65e5\u6642\u30fb\u53c2\u52a0\u6761\u4ef6\u306f\u8a73\u7d30\u30da\u30fc\u30b8\u3067\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/a>\n<\/aside>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- WordPress\u7b49\u306e\u300c\u30ab\u30b9\u30bf\u30e0HTML\u300d\u30d6\u30ed\u30c3\u30af\u3078\u3001\u3053\u306e\u307e\u307e\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044\u3002 -->\n<style>\n  .yrp-exam-banner{--yrp-navy:#062744;--yrp-blue:#0878c3;--yrp-sky:#dff3fc;--yrp-lime:#d8eb9b;--yrp-ink:#163b54;position:relative;isolation:isolate;display:block;max-width:970px;min-height:250px;margin:0 auto;overflow:hidden;background:linear-gradient(115deg,#06223d 0%,#083d66 58%,#087abd 100%);color:#fff;font-family:\"Yu Gothic\",\"Hiragino Kaku Gothic ProN\",\"Noto Sans JP\",sans-serif;text-decoration:none!important;box-shadow:0 16px 35px rgba(4,42,70,.2)}\n  .yrp-exam-banner *{box-sizing:border-box}.yrp-exam-banner:before{content:\"\";position:absolute;z-index:-1;right:-115px;top:-210px;width:510px;height:510px;border:55px solid rgba(183,232,248,.14);border-radius:50%}.yrp-exam-banner:after{content:\"\";position:absolute;z-index:-1;right:75px;bottom:-150px;width:330px;height:330px;border:1px solid rgba(255,255,255,.25);border-radius:50%}\n  .yrp-exam-banner .yrp-content{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:250px;padding:30px 42px 30px 39px}.yrp-exam-banner .yrp-copy{max-width:660px}.yrp-exam-banner .yrp-label{display:inline-block;margin:0;padding:4px 11px;border:1px solid rgba(216,235,155,.72);color:var(--yrp-lime);font:800 10px\/1.2 Arial,sans-serif;letter-spacing:.14em}.yrp-exam-banner h2{margin:10px 0 0;color:#fff;font-size:clamp(27px,3.7vw,43px);font-weight:900;line-height:1.24;letter-spacing:-.06em}.yrp-exam-banner h2 strong{color:var(--yrp-lime);font-size:1.22em}.yrp-exam-banner .yrp-desc{margin:10px 0 0;color:rgba(255,255,255,.88);font-size:13px;font-weight:700;line-height:1.7}.yrp-exam-banner .yrp-desc em{font-style:normal;color:var(--yrp-lime)}.yrp-exam-banner .yrp-side{position:relative;flex:0 0 218px;padding:20px 17px 17px;border:1px solid rgba(255,255,255,.37);background:rgba(3,28,49,.22);text-align:center;backdrop-filter:blur(3px)}.yrp-exam-banner .yrp-side small{display:block;color:#c5e8f8;font:800 10px\/1.3 Arial,sans-serif;letter-spacing:.12em}.yrp-exam-banner .yrp-side b{display:block;margin-top:7px;color:#fff;font-size:19px;line-height:1.4}.yrp-exam-banner .yrp-button{display:block;margin-top:13px;padding:12px 10px;background:var(--yrp-lime);color:var(--yrp-navy);font-size:13px;font-weight:900;line-height:1.35;box-shadow:0 5px 13px rgba(0,24,41,.2);transition:transform .2s,background .2s}.yrp-exam-banner:hover .yrp-button{background:#edf8c9;transform:translateY(-2px)}.yrp-exam-banner .yrp-note{display:block;margin-top:9px;color:rgba(255,255,255,.72);font-size:9px;line-height:1.4}\n  @media(max-width:640px){.yrp-exam-banner{min-height:0}.yrp-exam-banner .yrp-content{display:block;min-height:0;padding:27px 24px 23px}.yrp-exam-banner h2{font-size:clamp(27px,8vw,39px)}.yrp-exam-banner .yrp-desc{font-size:12px}.yrp-exam-banner .yrp-side{margin-top:18px;padding:14px 15px}.yrp-exam-banner .yrp-button{margin-top:10px}.yrp-exam-banner:before{right:-235px;top:-250px}}\n<\/style>\n\n<a class=\"yrp-exam-banner\" href=\"https:\/\/career-c.sognoplanning.com\/?page_id=180\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u56fd\u30ad\u30e3\u30ea\u5b9f\u6280\u30ed\u30fc\u30d7\u30ec\u5bfe\u7b56 10\u6708\u30b9\u30bf\u30fc\u30c812\u6642\u9593\u7279\u8a13\u30b3\u30fc\u30b9\u306e\u8a73\u7d30\u3092\u78ba\u8a8d\u3059\u308b\">\n  <div class=\"yrp-content\">\n    <div class=\"yrp-copy\">\n      <span class=\"yrp-label\">YUME ROLEPLAY LABORATORY \uff0f CARRIER ASSOCIATION<\/span>\n      <h2>\u56fd\u30ad\u30e3\u30ea<span>\u5b9f\u6280\u30ed\u30fc\u30d7\u30ec\u5bfe\u7b56<\/span><br><strong>10\u6708\u30b9\u30bf\u30fc\u30c8\uff01<br>12\u6642\u9593\u7279\u8a13\u30b3\u30fc\u30b9<\/strong><\/h2>\n      <p class=\"yrp-desc\">\u51687\u56de\u30fb\u3059\u3079\u3066Google Meet\u3002\u521d\u52d5\u306e\u5fdc\u7b54\u3092\u6574\u3048\u3001\u5c55\u958b\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3001\u672c\u756a\u6f14\u7fd2\u3078\u3002<br><em>9\u6708\u4e2d\u306b\u304a\u7533\u3057\u8fbc\u307f\u3044\u305f\u3060\u3044\u305f\u65b9\u306f\u30019\u6708\u306e\u8b1b\u5ea7\u304b\u3089\u53d7\u8b1b\u3092\u958b\u59cb\u3067\u304d\u307e\u3059\u3002<\/em><\/p>\n    <\/div>\n    <div class=\"yrp-side\">\n      <small>9\u6708\u7533\u8fbcOK \uff0f \u5168\u56de\u30aa\u30f3\u30e9\u30a4\u30f3<\/small>\n      <b>29,700\u5186\uff08\u7a0e\u8fbc\uff09<br>12\u6642\u9593\u30fb\u51687\u56de<\/b>\n      <span class=\"yrp-button\">\u30b3\u30fc\u30b9\u8a73\u7d30\u3092\u898b\u308b\u3000&#x2197;<\/span>\n      <span class=\"yrp-note\">\u7533\u8fbc\u671f\u9650\uff1a10\u670810\u65e5\uff08\u571f\uff09\u307e\u3067<\/span>\n    <\/div>\n  <\/div>\n<\/a>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- WordPress\u7b49\u306e\u300c\u30ab\u30b9\u30bf\u30e0HTML\u300d\u30d6\u30ed\u30c3\u30af\u3078\u3001\u3053\u306e\u307e\u307e\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044\u3002 -->\n<style>\n  .yrp-joint-dojo{--yrp-green:#176c57;--yrp-deep:#104539;--yrp-pale:#eff9f2;--yrp-mint:#d3eddb;--yrp-lime:#c8df8d;--yrp-orange:#e77645;--yrp-ink:#173f34;--yrp-white:#fff;position:relative;max-width:1200px;margin:0 auto;overflow:hidden;background:var(--yrp-pale);color:var(--yrp-ink);font-family:\"Yu Gothic\",\"Hiragino Kaku Gothic ProN\",\"Noto Sans JP\",sans-serif;box-shadow:0 18px 42px rgba(21,91,71,.16)}\n  .yrp-joint-dojo *{box-sizing:border-box}.yrp-joint-dojo a{text-decoration:none}.yrp-joint-dojo:before{content:\"\";position:absolute;right:-165px;top:-190px;width:560px;height:560px;border:62px solid rgba(200,223,141,.48);border-radius:50%}.yrp-joint-dojo:after{content:\"\";position:absolute;left:-70px;bottom:-105px;width:270px;height:270px;border:1px solid rgba(23,108,87,.17);border-radius:50%}\n  .yrp-joint-dojo .yrp-head{position:relative;padding:31px 42px 22px;background:linear-gradient(100deg,#f9fff9 0%,#e3f5e8 67%,#c9e8d4 100%)}.yrp-joint-dojo .yrp-kicker{display:flex;align-items:center;gap:10px;margin:0;color:var(--yrp-green);font:900 10px\/1.3 Arial,sans-serif;letter-spacing:.16em}.yrp-joint-dojo .yrp-kicker:before{content:\"\";width:31px;height:3px;background:var(--yrp-orange)}.yrp-joint-dojo h2{margin:8px 0 0;color:var(--yrp-deep);font-size:clamp(30px,4vw,49px);font-weight:900;line-height:1.2;letter-spacing:-.065em}.yrp-joint-dojo h2 em{color:var(--yrp-orange);font-style:normal}.yrp-joint-dojo .yrp-lead{margin:9px 0 0;color:#43685d;font-size:14px;font-weight:700}\n  .yrp-joint-dojo .yrp-cards{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 42px 34px}.yrp-joint-dojo .yrp-card{position:relative;min-height:195px;padding:25px 26px 22px;border-top:5px solid var(--yrp-green);background:var(--yrp-white);box-shadow:0 10px 25px rgba(19,77,61,.1)}.yrp-joint-dojo .yrp-card--jcda{border-top-color:var(--yrp-orange)}.yrp-joint-dojo .yrp-card-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;color:var(--yrp-green);font:900 11px\/1.3 Arial,sans-serif;letter-spacing:.13em}.yrp-joint-dojo .yrp-card--jcda .yrp-card-label{color:#b64d2b}.yrp-joint-dojo .yrp-badge{padding:4px 8px;background:var(--yrp-mint);color:var(--yrp-green);font-size:9px;letter-spacing:.06em}.yrp-joint-dojo .yrp-card--jcda .yrp-badge{background:#ffe1d5;color:#b64d2b}.yrp-joint-dojo h3{margin:10px 0 0;color:var(--yrp-deep);font-size:27px;line-height:1.25;letter-spacing:-.04em}.yrp-joint-dojo .yrp-detail{margin:8px 0 0;color:#527267;font-size:12px;font-weight:700;line-height:1.6}.yrp-joint-dojo .yrp-price{margin:10px 0 0;color:var(--yrp-deep);font-size:13px;font-weight:900}.yrp-joint-dojo .yrp-price span{color:#527267;font-size:11px;font-weight:700}.yrp-joint-dojo .yrp-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:15px;padding:9px 16px;background:var(--yrp-green);color:#fff!important;font-size:12px;font-weight:900;box-shadow:0 5px 12px rgba(21,91,71,.18);transition:transform .2s,background .2s}.yrp-joint-dojo .yrp-cta:hover{background:#0e5544;transform:translateY(-2px)}.yrp-joint-dojo .yrp-card--jcda .yrp-cta{background:var(--yrp-orange)}.yrp-joint-dojo .yrp-card--jcda .yrp-cta:hover{background:#ce6037}.yrp-joint-dojo .yrp-dates{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.yrp-joint-dojo .yrp-date{padding:5px 8px;border:1px solid #f3c1ad;background:#fff8f4;color:#9f462a;font-size:10px;font-weight:900;line-height:1.25;transition:background .2s,color .2s}.yrp-joint-dojo a.yrp-date:hover{background:var(--yrp-orange);color:#fff}.yrp-joint-dojo .yrp-card:not(.yrp-card--jcda) .yrp-date{border-color:#bfe0cb;background:#f4fbf6;color:#1c6a56}.yrp-joint-dojo .yrp-footer{position:relative;z-index:1;padding:12px 42px 16px;border-top:1px solid rgba(23,108,87,.14);color:#638176;font-size:11px;font-weight:700;text-align:center}.yrp-joint-dojo .yrp-footer a{color:var(--yrp-green);text-decoration:underline}\n  @media(max-width:700px){.yrp-joint-dojo .yrp-head{padding:27px 23px 20px}.yrp-joint-dojo .yrp-cards{grid-template-columns:1fr;gap:15px;padding:0 23px 25px}.yrp-joint-dojo .yrp-card{min-height:0;padding:22px 20px}.yrp-joint-dojo .yrp-footer{padding:12px 23px 15px}.yrp-joint-dojo h2{font-size:clamp(29px,8vw,42px)}.yrp-joint-dojo .yrp-lead{font-size:12px}.yrp-joint-dojo h3{font-size:25px}}\n<\/style>\n\n<section class=\"yrp-joint-dojo\">\n  <header class=\"yrp-head\">\n    <p class=\"yrp-kicker\">NATIONAL CAREER CONSULTANT EXAM \uff0f TOKYO<\/p>\n    <h2><em>JCDA\u30fb\u30ad\u30e3\u30ea\u5354<\/em> \u5bfe\u9762\u30ed\u30fc\u30d7\u30ec\u9053\u5834<\/h2>\n    <p class=\"yrp-lead\">\u672c\u756a\u3067\u81ea\u5206\u306e\u9762\u8ac7\u3092\u518d\u73fe\u3059\u308b\u305f\u3081\u306b\u300215\u5206\u306e\u9762\u8ac7\u3068\u53e3\u982d\u8a66\u554f\u3092\u3001\u5bfe\u9762\u3067\u306e\u5b9f\u8df5\u30fb\u89b3\u5bdf\u30fb\u632f\u308a\u8fd4\u308a\u3067\u5177\u4f53\u5316\u3057\u307e\u3059\u3002\u5404\u56de3\u6642\u9593\u30fb\u5c11\u4eba\u6570\u5236\uff0f\u6771\u4eac\u958b\u50ac\u3002<\/p>\n  <\/header>\n\n  <div class=\"yrp-cards\">\n    <article class=\"yrp-card\">\n      <p class=\"yrp-card-label\">CAREER CONSULTING ASSOCIATION <span class=\"yrp-badge\">\u30ad\u30e3\u30ea\u5354\u5bfe\u5fdc<\/span><\/p>\n      <h3>\u30ad\u30e3\u30ea\u5354 \u5bfe\u9762\u30ed\u30fc\u30d7\u30ec\u9053\u5834<\/h3>\n      <p class=\"yrp-detail\">2026\u5e749\u6708\u301c11\u6708\uff0f\u6771\u4eac\u958b\u50ac\uff08\u54c1\u5ddd\u30fb\u56db\u8c37\u30fb\u6c34\u9053\u6a4b\u3092\u4e88\u5b9a\uff09<br>\u5404\u56de3\u6642\u9593\u30fb\u5b9a\u54e16\u540d\u30fb\u8b1b\u5e2b2\u540d\u4f53\u5236<\/p>\n      <div class=\"yrp-dates\">\n        <span class=\"yrp-date\">9\/26\uff08\u571f\uff0913:00\u301c16:00<\/span>\n        <span class=\"yrp-date\">10\/4\uff08\u65e5\uff0913:00\u301c16:00<\/span>\n        <span class=\"yrp-date\">11\/7\uff08\u571f\uff0913:00\u301c16:00<\/span>\n      <\/div>\n      <p class=\"yrp-price\">\u30b9\u30dd\u30c3\u30c8\u53c2\u52a0 13,200\u5186<span>\uff08\u7a0e\u8fbc\u30fb1\u56de\uff09<\/span><\/p>\n      <a class=\"yrp-cta\" href=\"https:\/\/forms.gle\/eNfand2FG5TuXazd9\" target=\"_blank\" rel=\"noopener\">\u30ad\u30e3\u30ea\u5354\u306e\u7533\u8fbc\u306f\u3053\u3061\u3089\u3000&#x2197;<\/a>\n    <\/article>\n\n    <article class=\"yrp-card yrp-card--jcda\">\n      <p class=\"yrp-card-label\">JCDA <span class=\"yrp-badge\">JCDA\u5bfe\u5fdc<\/span><\/p>\n      <h3>JCDA \u5bfe\u9762\u30ed\u30fc\u30d7\u30ec\u9053\u5834<\/h3>\n      <p class=\"yrp-detail\">2026\u5e749\u6708\u301c10\u6708\uff0f\u6771\u4eac\u958b\u50ac\uff08\u6c34\u9053\u6a4b\u30fb\u54c1\u5ddd\uff09<br>\u5404\u56de3\u6642\u9593\uff0f\u5e0c\u671b\u65e5\u7a0b\u3092\u9078\u3093\u3067Peatix\u304b\u3089\u304a\u7533\u3057\u8fbc\u307f\u304f\u3060\u3055\u3044\u3002<\/p>\n      <div class=\"yrp-dates\">\n        <a class=\"yrp-date\" href=\"https:\/\/yrp-semi260927.peatix.com\" target=\"_blank\" rel=\"noopener\">9\/27\uff08\u65e5\uff0910:00\u301c13:00<\/a>\n        <a class=\"yrp-date\" href=\"https:\/\/yrp-semi261011-1.peatix.com\" target=\"_blank\" rel=\"noopener\">10\/11\uff08\u65e5\uff0913:00\u301c16:00<\/a>\n        <a class=\"yrp-date\" href=\"https:\/\/yrp-semi261003.peatix.com\" target=\"_blank\" rel=\"noopener\">10\/25\uff08\u65e5\uff0917:00\u301c20:00<\/a>\n      <\/div>\n      <p class=\"yrp-price\">\u4e00\u822c\u53c2\u52a0\uff08Peatix\uff09 13,200\u5186<span>\uff08\u7a0e\u8fbc\u30fb1\u56de\uff09<\/span><\/p>\n      <a class=\"yrp-cta\" href=\"https:\/\/career-c.sognoplanning.com\/?p=3499\" target=\"_blank\" rel=\"noopener\">JCDA\u9053\u5834\u306e\u8a73\u7d30\u30fb\u65e5\u7a0b\u3000&#x2197;<\/a>\n    <\/article>\n  <\/div>\n\n  <div class=\"yrp-footer\">\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u4f1a\u54e1\u4fa1\u683c\uff1a\u4e00\u822c\u4f1a\u54e1 9,900\u5186\uff0f\u7279\u5225\u4f1a\u54e1 8,800\u5186\uff08\u7a0e\u8fbc\u30fb\u5404\u56de\uff09\u3000\u767b\u9332\u6599\u7121\u6599\u306e<a href=\"https:\/\/select-type.com\/member\/reg\/?mi=9S2hvIY0BuM\" target=\"_blank\" rel=\"noopener\">\u4e00\u822c\u4f1a\u54e1\u767b\u9332<\/a>\u5f8c\u3001<a href=\"https:\/\/select-type.com\/member\/login\/?mi=9S2hvIY0BuM\" target=\"_blank\" rel=\"noopener\">\u4f1a\u54e1\u30de\u30a4\u30da\u30fc\u30b8<\/a>\u304b\u3089E\u30c1\u30b1\u30c3\u30c8\u8cfc\u5165\u30fb\u65e5\u7a0b\u4e88\u7d04\u304c\u3067\u304d\u307e\u3059\u3002<\/div>\n<\/section>\n\n\n\n<!-- ================================================================\n     \u3010\u30d6\u30ed\u30c3\u30af3\uff0f4\u3011\u6709\u6599\u76f8\u8ac760\u5206\uff08\u8a66\u9a13\u5bfe\u7b56\u30ed\u30fc\u30d7\u30ec\u76f8\u8ac7\uff09\n     WordPress\u306e\u300c\u30ab\u30b9\u30bf\u30e0HTML\u300d\u30d6\u30ed\u30c3\u30af\u3078\u3001\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u5168\u4f53\u3092\u8cbc\u308a\u4ed8\u3051\n     ================================================================ -->\n<style>\n\/* ===== \u5171\u901a\u30d9\u30fc\u30b9\uff084\u30d6\u30ed\u30c3\u30af\u5171\u901a\u30fb\u5909\u66f4\u6642\u306f4\u3064\u3059\u3079\u3066\u306b\u540c\u3058\u3082\u306e\u3092\u8cbc\u308a\u66ff\u3048\uff09 ===== *\/\n.yume-lp-wrapper {\n  --ink: #0f231f;\n  --muted: #52635e;\n  --primary: #0d9488;\n  --primary-dark: #065f46;\n  --primary-light: #ccfbf1;\n  --paper: #f8faf9;\n  --cream: #f3f7f5;\n  --card-bg: #ffffff;\n  --navy: #1e3a8a;\n  --gold: #d97706;\n  --gold-light: #fef3c7;\n  --coral: #e11d48;\n  --line: rgba(13, 148, 136, 0.14);\n  --shadow-sm: 0 4px 14px rgba(13, 148, 136, 0.06);\n  --shadow-md: 0 12px 32px rgba(15, 35, 31, 0.08);\n  --shadow-lg: 0 20px 48px rgba(13, 148, 136, 0.15);\n  --radius-sm: 6px;\n  --radius-md: 16px;\n  --radius-lg: 20px;\n  --radius-pill: 50px;\n  --font-family: \"Hiragino Sans\", \"Yu Gothic UI\", \"Meiryo\", system-ui, sans-serif;\n  --border-width: 1px;\n  --card-border: var(--border-width) solid var(--line);\n  --card-border-hover: 2px solid var(--primary);\n\n  background: var(--paper);\n  color: var(--ink);\n  font-family: var(--font-family);\n  line-height: 1.75;\n  font-size: 15px;\n  width: 100%;\n  margin: 0 auto;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n.yume-lp-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n.yume-lp-wrapper a { color: inherit; text-decoration: none; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); }\n.yume-lp-wrapper img { max-width: 100%; height: auto; display: block; }\n\n\/* \u30c6\u30fc\u30de\u4e0a\u66f8\u304d\uff08\u5171\u901a\uff09 *\/\n.yume-lp-wrapper {\n  --primary: #0056b3; --primary-dark: #004085; --primary-light: #cce5ff;\n  --ink: #333333; --muted: #666666; --paper: #f8f9fa; --cream: #e9ecef;\n  --card-bg: #ffffff; --navy: #002752; --coral: #dc3545; --gold: #ffc107; --gold-light: #fff3cd;\n  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-pill: 4px;\n  --font-family: \"Noto Sans JP\", sans-serif;\n  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05); --shadow-md: 0 4px 8px rgba(0,0,0,0.1); --shadow-lg: 0 8px 16px rgba(0,0,0,0.1);\n}\n\/* ===== \u5171\u901a\u30d9\u30fc\u30b9\u3053\u3053\u307e\u3067 ===== *\/\n\n\n\/* ===== \u3053\u306e\u30d6\u30ed\u30c3\u30af\u5c02\u7528 ===== *\/\n.yume-lp-wrapper .rpConsultSection { max-width: 1100px; margin: clamp(40px, 6vw, 70px) auto; padding: 0 clamp(20px, 5vw, 60px); }\n.yume-lp-wrapper .rpConsultModule { background: var(--card-bg); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); border: var(--card-border); overflow: hidden; transition: all 0.3s ease; }\n.yume-lp-wrapper .rpConsultModule:hover { box-shadow: var(--shadow-lg); }\n.yume-lp-wrapper .rpConsultHeaderBar { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color: #fff; text-align: center; padding: 10px 20px; font-size: 14px; font-weight: 800; letter-spacing: 0.05em; }\n.yume-lp-wrapper .rpConsultBody { display: grid; grid-template-columns: 1.15fr 0.85fr; }\n.yume-lp-wrapper .rpConsultLeft { padding: clamp(24px, 4vw, 40px); display: flex; flex-direction: column; justify-content: center; }\n.yume-lp-wrapper .rpConsultSubtag { display: inline-block; font-size: 12px; font-weight: 800; color: var(--primary-dark); background: var(--primary-light); padding: 4px 14px; border-radius: var(--radius-lg); margin-bottom: 12px; align-self: flex-start; }\n.yume-lp-wrapper .rpConsultHeading { font-size: clamp(20px, 2.4vw, 28px); font-weight: 900; line-height: 1.4; color: var(--ink); }\n.yume-lp-wrapper .rpConsultHeading span.highlightText { color: var(--primary); background: linear-gradient(120deg, var(--primary-light) 0%, transparent 100%); padding: 0 4px; border-radius: 4px; }\n.yume-lp-wrapper .rpConsultLead { margin-top: 14px; font-size: 14px; color: var(--muted); line-height: 1.75; }\n.yume-lp-wrapper .rpTroubleCheckGrid { margin-top: 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }\n.yume-lp-wrapper .rpTroublePill { background: var(--paper); border: var(--card-border); border-radius: var(--radius-sm); padding: 10px 12px; font-size: 12px; font-weight: 700; color: var(--ink); text-align: center; display: flex; align-items: center; justify-content: center; gap: 6px; }\n.yume-lp-wrapper .rpTroublePill span.checkIcon { color: var(--primary); font-weight: 900; }\n.yume-lp-wrapper .rpConsultRight { background: var(--cream); padding: clamp(24px, 4vw, 40px); display: flex; flex-direction: column; justify-content: center; border-left: var(--card-border); }\n.yume-lp-wrapper .priceBox { text-align: center; }\n.yume-lp-wrapper .priceLabel { font-size: 12px; color: var(--muted); font-weight: 700; }\n.yume-lp-wrapper .priceVal { font-size: clamp(30px, 3.2vw, 40px); font-weight: 900; color: var(--primary-dark); line-height: 1.2; margin-top: 2px; }\n.yume-lp-wrapper .priceVal small { font-size: 13px; color: var(--muted); font-weight: 600; margin-left: 4px; }\n.yume-lp-wrapper .cashbackBadgeBox { margin-top: 16px; background: var(--gold-light); border: 2px dashed var(--gold); border-radius: var(--radius-md); padding: 16px; text-align: center; }\n.yume-lp-wrapper .cashbackTitle { color: #92400e; font-size: 15px; font-weight: 900; line-height: 1.4; }\n.yume-lp-wrapper .cashbackDesc { margin-top: 6px; font-size: 12px; color: #78350f; line-height: 1.6; }\n.yume-lp-wrapper .consultCtaBtn { margin-top: 20px; display: block; width: 100%; text-align: center; background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color: #fff; font-weight: 800; font-size: 15px; padding: 16px 20px; border-radius: var(--radius-pill); box-shadow: var(--shadow-md); }\n.yume-lp-wrapper .consultCtaBtn:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }\n.yume-lp-wrapper .consultNote { margin-top: 10px; font-size: 11px; color: var(--muted); text-align: center; }\n.yume-lp-wrapper .rpConsultFooter { padding: 10px 24px 14px; text-align: right; background: var(--cream); border-top: var(--card-border); }\n.yume-lp-wrapper .rpConsultFooter p { font-size: 11px; color: var(--muted); }\n\n@media (max-width: 900px) {\n  .yume-lp-wrapper .rpConsultBody { grid-template-columns: 1fr; }\n  .yume-lp-wrapper .rpConsultRight { border-left: none; border-top: var(--card-border); }\n}\n@media (max-width: 600px) {\n  .yume-lp-wrapper .rpTroubleCheckGrid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"yume-lp-wrapper yume-block-consult\">\n  <!-- RP Consult -->\n  <section class=\"rpConsultSection\">\n    <div class=\"rpConsultModule\">\n      <div class=\"rpConsultHeaderBar\">\u56fd\u5bb6\u8cc7\u683c\u30ad\u30e3\u30ea\u30b3\u30f3\u30fb2\u7d1a\u6280\u80fd\u58eb \u9762\u63a5\u8a66\u9a13\u5bfe\u7b56<\/div>\n      <div class=\"rpConsultBody\">\n        <div class=\"rpConsultLeft\">\n          <span class=\"rpConsultSubtag\">\u521d\u53d7\u9a13\u306e\u65b9\u306b\u3082\u3001\u518d\u30c1\u30e3\u30ec\u30f3\u30b8\u306e\u65b9\u306b\u3082<\/span>\n          <h3 class=\"rpConsultHeading\">\n            \u30ed\u30fc\u30d7\u30ec\u3092\u91cd\u306d\u308b\u524d\u306b\u3001<br>\n            <span class=\"highlightText\">\u300c\u4f55\u3092\u7df4\u7fd2\u3059\u308b\u304b\u300d<\/span>\u3092\u6574\u7406\u3057\u307e\u305b\u3093\u304b\uff1f\n          <\/h3>\n          <p class=\"rpConsultLead\">\u5408\u683c\u306b\u3064\u306a\u3052\u308b<strong>\u300c\u8a66\u9a13\u5bfe\u7b56\u30ed\u30fc\u30d7\u30ec\u76f8\u8ac7\u300d<\/strong>\u3002\u4eca\u306e\u60a9\u307f\u3084\u7df4\u7fd2\u72b6\u6cc1\u3092\u4f3a\u3044\u3001\u3042\u306a\u305f\u306b\u5fc5\u8981\u306a\u7df4\u7fd2\u8ab2\u984c\u3092\u4e00\u7dd2\u306b\u6574\u7406\u3057\u307e\u3059\u3002<\/p>\n          <div class=\"rpTroubleCheckGrid\">\n            <div class=\"rpTroublePill\"><span class=\"checkIcon\">\u2713<\/span> \u8ab2\u984c\u304c\u5206\u304b\u3089\u306a\u3044<\/div>\n            <div class=\"rpTroublePill\"><span class=\"checkIcon\">\u2713<\/span> \u6307\u6458\u304c\u591a\u304f\u6df7\u4e71<\/div>\n            <div class=\"rpTroublePill\"><span class=\"checkIcon\">\u2713<\/span> \u7df4\u7fd2\u6cd5\u3092\u6574\u7406\u3057\u305f\u3044<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"rpConsultRight\">\n          <div class=\"priceBox\">\n            <span class=\"priceLabel\">\u521d\u56de\u500b\u5225\u76f8\u8ac7<\/span>\n            <div class=\"priceVal\">3,300\u5186 <small>\uff08\u7a0e\u8fbc\uff09<\/small><\/div>\n          <\/div>\n          <div class=\"cashbackBadgeBox\">\n            <div class=\"cashbackTitle\">\u5bfe\u8c61\u8b1b\u5ea7\u3078\u306e\u7533\u8fbc\u307f\u3067<br>\u521d\u56de\u76f8\u8ac7\u6599\u306f\u5b9f\u8cea\u7121\u6599\uff01<\/div>\n            <div class=\"cashbackDesc\">\u304a\u652f\u6255\u3044\u3044\u305f\u3060\u3044\u305f3,300\u5186\u3092\u3001\u5bfe\u8c61\u8b1b\u5ea7\u306e\u53d7\u8b1b\u6599\u306e\u4e00\u90e8\u306b\u5145\u5f53\u3057\u307e\u3059\u3002<\/div>\n          <\/div>\n          <a href=\"https:\/\/career-c.sognoplanning.com\/?page_id=1211\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"consultCtaBtn\">\u8a66\u9a13\u5bfe\u7b56\u30ed\u30fc\u30d7\u30ec\u76f8\u8ac7\u3092\u8a73\u3057\u304f\u898b\u308b \u2192<\/a>\n          <p class=\"consultNote\">\u30ad\u30e3\u30ea\u5354\u30fbJCDA\u30fb2\u7d1a\u6280\u80fd\u58eb\u8a66\u9a13\u306b\u5bfe\u5fdc<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"rpConsultFooter\"><p>\u63d0\u4f9b\uff1a\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/p><\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n\n\n<!-- ================================================================\n     \u3010\u30d6\u30ed\u30c3\u30af4\uff0f4\u3011\u516c\u5f0fLINE\u767b\u9332\n     WordPress\u306e\u300c\u30ab\u30b9\u30bf\u30e0HTML\u300d\u30d6\u30ed\u30c3\u30af\u3078\u3001\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u5168\u4f53\u3092\u8cbc\u308a\u4ed8\u3051\n     ================================================================ -->\n<style>\n\/* ===== \u5171\u901a\u30d9\u30fc\u30b9\uff084\u30d6\u30ed\u30c3\u30af\u5171\u901a\u30fb\u5909\u66f4\u6642\u306f4\u3064\u3059\u3079\u3066\u306b\u540c\u3058\u3082\u306e\u3092\u8cbc\u308a\u66ff\u3048\uff09 ===== *\/\n.yume-lp-wrapper {\n  --ink: #0f231f;\n  --muted: #52635e;\n  --primary: #0d9488;\n  --primary-dark: #065f46;\n  --primary-light: #ccfbf1;\n  --paper: #f8faf9;\n  --cream: #f3f7f5;\n  --card-bg: #ffffff;\n  --navy: #1e3a8a;\n  --gold: #d97706;\n  --gold-light: #fef3c7;\n  --coral: #e11d48;\n  --line: rgba(13, 148, 136, 0.14);\n  --shadow-sm: 0 4px 14px rgba(13, 148, 136, 0.06);\n  --shadow-md: 0 12px 32px rgba(15, 35, 31, 0.08);\n  --shadow-lg: 0 20px 48px rgba(13, 148, 136, 0.15);\n  --radius-sm: 6px;\n  --radius-md: 16px;\n  --radius-lg: 20px;\n  --radius-pill: 50px;\n  --font-family: \"Hiragino Sans\", \"Yu Gothic UI\", \"Meiryo\", system-ui, sans-serif;\n  --border-width: 1px;\n  --card-border: var(--border-width) solid var(--line);\n  --card-border-hover: 2px solid var(--primary);\n\n  background: var(--paper);\n  color: var(--ink);\n  font-family: var(--font-family);\n  line-height: 1.75;\n  font-size: 15px;\n  width: 100%;\n  margin: 0 auto;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n.yume-lp-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }\n.yume-lp-wrapper a { color: inherit; text-decoration: none; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); }\n.yume-lp-wrapper img { max-width: 100%; height: auto; display: block; }\n\n\/* \u30c6\u30fc\u30de\u4e0a\u66f8\u304d\uff08\u5171\u901a\uff09 *\/\n.yume-lp-wrapper {\n  --primary: #0056b3; --primary-dark: #004085; --primary-light: #cce5ff;\n  --ink: #333333; --muted: #666666; --paper: #f8f9fa; --cream: #e9ecef;\n  --card-bg: #ffffff; --navy: #002752; --coral: #dc3545; --gold: #ffc107; --gold-light: #fff3cd;\n  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-pill: 4px;\n  --font-family: \"Noto Sans JP\", sans-serif;\n  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05); --shadow-md: 0 4px 8px rgba(0,0,0,0.1); --shadow-lg: 0 8px 16px rgba(0,0,0,0.1);\n}\n\/* ===== \u5171\u901a\u30d9\u30fc\u30b9\u3053\u3053\u307e\u3067 ===== *\/\n\n\n\/* ===== \u3053\u306e\u30d6\u30ed\u30c3\u30af\u5c02\u7528 ===== *\/\n\/* \u4e0b\u7aef\u3060\u3051\u89d2\u4e38\uff08\u30d6\u30ed\u30c3\u30af1\u301c3\u3068\u7e26\u306b\u7e4b\u3052\u308b\u305f\u3081\uff09 *\/\n.yume-lp-wrapper.yume-block-line { border-radius: 0 0 var(--radius-md) var(--radius-md); }\n\n@keyframes yumePulse {\n  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(6, 199, 85, 0.6); }\n  70% { transform: scale(1.03); box-shadow: 0 0 0 14px rgba(6, 199, 85, 0); }\n  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(6, 199, 85, 0); }\n}\n\n.yume-lp-wrapper .lineCtaBanner { max-width: 1080px; margin: clamp(40px, 6vw, 70px) auto; background: linear-gradient(135deg, #059669 0%, #064e3b 100%); border-radius: var(--radius-lg); padding: clamp(36px, 6vw, 60px) clamp(24px, 5vw, 60px); color: #fff; box-shadow: 0 20px 50px rgba(5, 150, 105, 0.3); position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 30px; }\n.yume-lp-wrapper .lineCtaBanner:before { content: \"\"; position: absolute; top: -50%; right: -20%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%); pointer-events: none; }\n.yume-lp-wrapper .ctaLeft { flex: 1 1 400px; }\n.yume-lp-wrapper .ctaLeft .giftBadge { display: inline-flex; align-items: center; gap: 6px; background: #fef08a; color: #854d0e; font-size: 12px; font-weight: 900; padding: 6px 14px; border-radius: var(--radius-pill); margin-bottom: 16px; }\n.yume-lp-wrapper .ctaLeft h2 { font-size: clamp(24px, 3vw, 36px); font-weight: 900; line-height: 1.3; margin-bottom: 12px; color: #fff; }\n.yume-lp-wrapper .ctaLeft p { font-size: 14px; opacity: 0.92; line-height: 1.7; }\n.yume-lp-wrapper .ctaRight { flex: 0 1 340px; width: 100%; text-align: center; }\n.yume-lp-wrapper .lineBtnLarge { background: #06c755; color: #fff; padding: 18px 28px; border-radius: var(--radius-pill); font-size: 16px; font-weight: 900; display: flex; align-items: center; justify-content: center; gap: 12px; box-shadow: 0 0 25px rgba(6, 199, 85, 0.4); animation: yumePulse 2.5s infinite; border: 2px solid #fff; }\n.yume-lp-wrapper .lineBtnLarge:hover { background: #05b34c; transform: scale(1.02); }\n.yume-lp-wrapper .ctaNote { font-size: 11px; color: #a7f3d0; margin-top: 10px; display: block; }\n\n\/* \u30c6\u30fc\u30de\u4e0a\u66f8\u304d\uff08\u30d0\u30ca\u30fc\u8272\u30fb\u89d2\u4e38\uff09 *\/\n.yume-lp-wrapper .lineCtaBanner { background: linear-gradient(135deg, #0056b3, #004085); border-radius: 0; }\n\n@media (max-width: 900px) {\n  .yume-lp-wrapper .lineCtaBanner { text-align: center; justify-content: center; }\n  .yume-lp-wrapper .ctaLeft { flex: 1 1 100%; }\n}\n<\/style>\n\n<div class=\"yume-lp-wrapper yume-block-line\">\n  <!-- LINE Banner -->\n  <div class=\"lineCtaBanner\">\n    <div class=\"ctaLeft\">\n      <span class=\"giftBadge\">&#x1f4ac; LINE\u3067\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b<\/span>\n      <h2>\u8b1b\u5ea7\u9078\u3073\u3084\u5b66\u7fd2\u306e\u3054\u76f8\u8ac7\u306f<br>\u516c\u5f0fLINE\u3078<\/h2>\n      <p>\u300c\u3069\u306e\u30b3\u30fc\u30b9\u304c\u81ea\u5206\u306b\u5408\u3063\u3066\u3044\u308b\u304b\u300d\u300c\u4e88\u7d04\u65b9\u6cd5\u304c\u308f\u304b\u3089\u306a\u3044\u300d\u306a\u3069\u3001\u7591\u554f\u3084\u3054\u4e0d\u5b89\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n    <\/div>\n    <div class=\"ctaRight\">\n      <a class=\"lineBtnLarge\" href=\"https:\/\/lin.ee\/nky6OcE\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <span>\u516c\u5f0fLINE\u3067\u76f8\u8ac7\u3059\u308b<\/span>\n        <span aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n      <span class=\"ctaNote\">\u203b\u767b\u9332\u306f\u7121\u6599\u3067\u3044\u3064\u3067\u3082\u89e3\u9664\u3067\u304d\u307e\u3059<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u77ed\u5c3a\u5206\u89e3\u5b66\u7fd2 \u5b9f\u8df5\u91cd\u8996 \u5408\u683c\u5f8c\u306e\u5b9f\u52d9\u307e\u3067 \u8cc7\u683c\u3092\u53d6\u308b\u3002 \u5b9f\u52d9\u3067\u6d3b\u304b\u3059\u3002 \u6b21\u306e\u4e00\u6b69\u3092\u9078\u3076\u3002 \u56fd\u30ad\u30e3\u30ea\u30fb2\u7d1a\u6280\u80fd\u58eb\u306e\u8a66\u9a13\u5bfe\u7b56\u304b\u3089\u3001\u8cc7\u683c\u53d6\u5f97\u5f8c\u306e\u5b9f\u52d9\u652f\u63f4\u3001\u4f1a\u54e1\u5411\u3051\u30b5\u30fc\u30d3\u30b9\u307e\u3067\u3002\u3042\u306a\u305f\u306e\u300c\u4eca\u76ee\u6307\u3057\u305f\u3044\u30b4\u30fc\u30eb\u300d\u306b\u5408\u308f\u305b\u305f4\u3064\u306e\u5b66\u7fd2 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","vkExUnit_sitemap":"","_veu_custom_css":"","veu_display_promotion_alert":"common","_exclude_from_list_pages":"","vkexunit_cta_each_option":"","vkExUnit_childPageIndex":"","vkExUnit_pageList_ancestor":"","vkExUnit_contact_enable":"","_lightning_design_setting":{"layout":"col-one-no-subsection"},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"veu_head_title_object":{"title":"","add_site_title":""},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":202,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":3570,"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/3570"}],"wp:attachment":[{"href":"https:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}