{"id":8,"date":"2026-04-10T20:34:03","date_gmt":"2026-04-10T11:34:03","guid":{"rendered":"https:\/\/www.heroisu.com\/?page_id=8"},"modified":"2026-04-14T16:35:28","modified_gmt":"2026-04-14T07:35:28","slug":"%e3%83%9b%e3%83%bc%e3%83%a0","status":"publish","type":"page","link":"https:\/\/www.heroisu.com\/","title":{"rendered":"\u30db\u30fc\u30e0"},"content":{"rendered":"\n<style>\n  \/* ========================================\n     BiZ-UP LP - Hero Section (Header Button Fix & Final Design)\n     \u203b\u6307\u793a\u5916\u306e\u5909\u66f4\uff08\u898b\u51fa\u3057\u30b5\u30a4\u30ba\u30fb\u80cc\u666f\u7b49\uff09\u306f\u4e00\u5207\u884c\u3063\u3066\u3044\u307e\u305b\u3093\n  ======================================== *\/\n  html { scroll-behavior: smooth; }\n  \n  .bizup-lp {\n    --orange: #f57000;   \n    --navy: #1a202c;\n    --text-black: #111111;\n    --text-sub: #666666;\n    --white: #ffffff;\n    --bg-blue-base: #edf2f7; \n    --bg-gray: #f8f9fa;\n    color: var(--text-black);\n    font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Yu Gothic\", Meiryo, sans-serif;\n    line-height: 1.5;\n    background: var(--white);\n    overflow-x: hidden;\n  }\n  \n  .bizup-lp * { box-sizing: border-box; }\n\n  .bizup-lp .container {\n    width: 100%;\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 40px;\n  }\n\n  \/* \u3010\u4fee\u6b63\u3011\u30d8\u30c3\u30c0\u30fc\u30dc\u30bf\u30f3\u306e\u5d29\u308c\u3092\u9632\u6b62 *\/\n  .bizup-lp .header { \n    background: transparent; padding: 20px 0; \n    position: absolute; top: 25px; left: 0; width: 100%; z-index: 100; \n  }\n  .bizup-lp .header-inner {\n    display: flex; align-items: center; justify-content: space-between;\n    background: var(--white); padding: 10px 24px; border-radius: 999px; box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n  }\n  .bizup-lp .logo img { height: 35px; width: auto; display: block; }\n  .bizup-lp .header-menu-wrapper { display: flex; align-items: center; gap: 20px; }\n  .bizup-lp .nav ul { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; }\n  .bizup-lp .nav a { color: var(--navy); font-size: 13px; font-weight: 700; text-decoration: none; }\n\n  \/* \u30dc\u30bf\u30f3\u306e\u5d29\u308c\u3092\u89e3\u6d88\u3059\u308b\u30b9\u30bf\u30a4\u30eb *\/\n  .bizup-lp .btn-orange { \n    background: var(--orange); color: var(--white); \n    padding: 10px 24px; \/* \u30d1\u30c7\u30a3\u30f3\u30b0\u3092\u5c11\u3057\u6700\u9069\u5316 *\/\n    border-radius: 999px; font-size: 13px; font-weight: 800; \n    text-decoration: none;\n    display: inline-flex; \/* \u3053\u3053\u3092\u4fee\u6b63\uff1a\u30a4\u30f3\u30e9\u30a4\u30f3\u30d5\u30ec\u30c3\u30af\u30b9\u3067\u5d29\u308c\u3092\u9632\u6b62 *\/\n    align-items: center; justify-content: center;\n    line-height: 1;\n    white-space: nowrap; \/* \u30c6\u30ad\u30b9\u30c8\u306e\u6539\u884c\u3092\u7981\u6b62 *\/\n    transition: background 0.3s;\n  }\n  .bizup-lp .btn-orange:hover { background: #ff7d1a; }\n\n  \/* \u3010\u7dad\u6301\u3011\u30d3\u30b8\u30cd\u30b9\u611f\u306e\u3042\u308b\u30d6\u30eb\u30fc\u30c8\u30fc\u30f3\u80cc\u666f *\/\n  .bizup-lp .hero {\n    background: \n      linear-gradient(rgba(0, 84, 168, 0.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(0, 84, 168, 0.03) 1px, transparent 1px),\n      linear-gradient(135deg, var(--white) 0%, var(--bg-blue-base) 40%, var(--bg-gray) 100%);\n    background-size: 60px 60px, 60px 60px, 100% 100%;\n    padding: 180px 0 100px; \n    position: relative;\n    min-height: 800px;\n    display: flex;\n    align-items: center;\n  }\n  .bizup-lp .hero::before {\n    content: \"\"; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n    background-image: radial-gradient(#cbd5e0 1px, transparent 1px);\n    background-size: 30px 30px; opacity: 0.4;\n  }\n\n  .bizup-lp .hero-inner {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    position: relative;\n    z-index: 10;\n  }\n\n  \/* \u3010\u7dad\u6301\u3011\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2 *\/\n  .bizup-lp .hero-copy {\n    width: 58%;\n    max-width: 850px;\n  }\n  .bizup-lp .problem-eyebrow {\n    font-size: 18px; font-weight: 700; color: var(--text-sub);\n    margin-bottom: 25px; display: flex; align-items: center; gap: 15px;\n  }\n  .bizup-lp .problem-eyebrow::before {\n    content: \"\"; width: 40px; height: 1px; background: #cbd5e0;\n  }\n\n  \/* \u3010\u7dad\u6301\u3011\u898b\u51fa\u3057\u30b5\u30a4\u30ba\uff1a36px *\/\n  .bizup-lp .main-solution-title {\n    font-size: 36px;\n    font-weight: 900; color: var(--text-black);\n    line-height: 1.35; margin-bottom: 40px; \n    letter-spacing: -0.01em;\n  }\n  .bizup-lp .main-solution-title span.hl {\n    color: var(--orange); \n    display: block; \n    margin-top: 5px;\n  }\n\n  \/* \u3010\u7dad\u6301\u3011\u30d0\u30ea\u30e5\u30fc\u30ea\u30b9\u30c8 *\/\n  .bizup-lp .value-list {\n    list-style: none; margin: 0 0 50px 0; padding: 0;\n    display: flex; flex-direction: column; gap: 12px;\n  }\n  .bizup-lp .value-list li {\n    font-size: 17px; font-weight: 700; color: var(--navy);\n    display: flex; align-items: center; gap: 10px;\n  }\n  .bizup-lp .value-list li::before {\n    content: \"\u2714\"; color: var(--orange); font-size: 18px;\n  }\n\n  \/* \u3010\u7dad\u6301\u3011\u30d5\u30c3\u30bf\u30fc\u5217\uff08\u5b9f\u7e3e\u30ed\u30b4\uff09 *\/\n  .bizup-lp .hero-footer-row {\n    display: flex; align-items: center; justify-content: space-between; width: 100%;\n  }\n  .bizup-lp .provided-by { display: flex; align-items: center; gap: 12px; }\n  .bizup-lp .provided-by span { font-size: 11px; font-weight: 700; color: #aaa; text-transform: uppercase; }\n  .bizup-lp .provided-by img { height: 26px; width: auto; }\n  .bizup-lp .hero-badges-horizontal { display: flex; align-items: center; gap: 30px; }\n  .bizup-lp .hero-badges-horizontal img { width: 160px; height: auto; }\n\n  \/* \u3010\u7dad\u6301\u3011\u53f3\u5074\uff1aCTA\u30ab\u30fc\u30c9 *\/\n  .bizup-lp .hero-cta-card {\n    width: 38%;\n    max-width: 380px;\n    background: var(--white);\n    padding: 40px 30px;\n    border-radius: 20px;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.1);\n    text-align: center;\n    border: 1px solid #edf2f7;\n  }\n  .bizup-lp .cta-visual {\n    width: 140px; height: auto; margin: 0 auto 25px; display: block;\n    filter: drop-shadow(0 10px 20px rgba(0,0,0,0.12));\n  }\n  .bizup-lp .cta-title { font-size: 20px; font-weight: 900; color: var(--navy); margin-bottom: 12px; }\n  .bizup-lp .cta-desc { font-size: 13px; color: var(--text-sub); line-height: 1.6; margin-bottom: 30px; }\n  .bizup-lp .btn-main-cta {\n    display: block; width: 100%; padding: 22px; background: var(--orange); color: var(--white);\n    text-decoration: none; font-size: 18px; font-weight: 900; border-radius: 999px;\n    box-shadow: 0 10px 30px rgba(245, 112, 0, 0.3); transition: 0.3s;\n  }\n  .bizup-lp .btn-main-cta:hover { transform: translateY(-3px); background: #ff7d1a; box-shadow: 0 15px 40px rgba(245, 112, 0, 0.4); }\n\n  \/* \u3010\u7dad\u6301\u3011\u30b9\u30de\u30db\u8868\u793a\u8a2d\u5b9a\uff08\u30d8\u30c3\u30c0\u30fc\u975e\u8868\u793a\uff09 *\/\n  @media (max-width: 960px) {\n    .bizup-lp .header { display: none; } \n    .bizup-lp .hero { background: var(--white); padding: 60px 0; min-height: auto; }\n    .bizup-lp .hero-inner { flex-direction: column; gap: 40px; }\n    .bizup-lp .hero-copy, .bizup-lp .hero-cta-card { width: 100%; max-width: none; }\n    .bizup-lp .main-solution-title { font-size: 26px; }\n    .bizup-lp .hero-footer-row { flex-direction: column; align-items: flex-start; gap: 30px; }\n  }\n<\/style>\n\n<div class=\"bizup-lp\">\n  <header class=\"header\">\n    <div class=\"container\">\n      <div class=\"header-inner\">\n        <div class=\"logo\">\n          <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a-1-3.png\" alt=\"BiZ-UP\">\n        <\/div>\n        <div class=\"header-menu-wrapper\">\n          <nav class=\"nav\">\n            <ul>\n              <li><a href=\"#about\">BiZ-UP\u3068\u306f<\/a><\/li>\n              <li><a href=\"#voices\">\u4e8b\u4f8b\u7d39\u4ecb<\/a><\/li>\n              <li><a href=\"#pricing\">\u6599\u91d1\u30d7\u30e9\u30f3<\/a><\/li>\n              <li><a href=\"#faq\">FAQ<\/a><\/li>\n            <\/ul>\n          <\/nav>\n          <a href=\"#contact\" class=\"btn-orange\">\u7121\u6599\u3067\u76f8\u8ac7\u3059\u308b<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <section class=\"hero\">\n    <div class=\"container hero-inner\">\n      <div class=\"hero-copy\">\n        <div class=\"problem-eyebrow\">\u5c55\u793a\u4f1a\u3084\u5e83\u544a\u306b\u3001\u9650\u754c\u3092\u611f\u3058\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/div>\n        <h1 class=\"main-solution-title\">\n          \u53d7\u6ce8\u306b\u3064\u306a\u304c\u308b\u300c\u71b1\u3044\u30ea\u30fc\u30c9\u300d\u3092\u5275\u308b\u3001\n          <span class=\"hl\">BtoB\u30a6\u30a7\u30d3\u30ca\u30fc\u5b8c\u5168\u652f\u63f4\u30d1\u30c3\u30b1\u30fc\u30b8<\/span>\n        <\/h1>\n        \n        <ul class=\"value-list\">\n          <li>\u300c\u756a\u7d44\u578b\u300d\u306e\u6f14\u51fa\u3067\u3001\u60c5\u5831\u53ce\u96c6\u5c64\u3092\u71b1\u72c2\u7684\u306a\u30d5\u30a1\u30f3\u3078<\/li>\n          <li>\u5236\u4f5c\u304b\u3089\u96c6\u5ba2\u30fb\u30ca\u30fc\u30c1\u30e3\u30ea\u30f3\u30b0\u307e\u3067\u3001\u5168\u5de5\u7a0b\u3092\u4e00\u6c17\u901a\u8cab\u652f\u63f4<\/li>\n          <li>\u30ea\u30b9\u30c6\u30a3\u30f3\u30b0\u30fb\u5c55\u793a\u4f1a\u306b\u4ee3\u308f\u308b\u3001\u9ad8\u52b9\u7387\u306a\u30ea\u30fc\u30c9\u30c1\u30e3\u30cd\u30eb\u3092\u69cb\u7bc9<\/li>\n        <\/ul>\n\n        <div class=\"hero-footer-row\">\n          <div class=\"provided-by\">\n            <span>Provided by<\/span>\n            <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a-1-3.png\" alt=\"BiZ-UP\">\n          <\/div>\n          <div class=\"hero-badges-horizontal\">\n            <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u652f\u63f4\u6570\u30ed\u30b4.png\" alt=\"\u652f\u63f4\u5b9f\u7e3e\">\n            <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u6e80\u8db3\u5ea6\u30a2\u30a4\u30b3\u30f3.png\" alt=\"\u9867\u5ba2\u6e80\u8db3\u5ea6\">\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-cta-card\">\n        <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a-2-2.png\" alt=\"\u8cc7\u6599\u30d7\u30ec\u30d3\u30e5\u30fc\" class=\"cta-visual\">\n        <div class=\"cta-title\">\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089<\/div>\n        <p class=\"cta-desc\">\n          \u30ea\u30fc\u30c9\u7372\u5f97\u3068\u9867\u5ba2\u30ca\u30fc\u30c1\u30e3\u30ea\u30f3\u30b0\u306e\u624b\u6cd5\u304c\u5b66\u3079\u308b\u8cc7\u6599\u3092\u3054\u7528\u610f\u3057\u307e\u3057\u305f\u3002\n          \u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n        <\/p>\n        <a href=\"#contact\" class=\"btn-main-cta\">\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089\u304b\u3089<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n\n\n<style>\n  \/* ========================================\n     BtoB Talk Show Webinar LP - Problem Section\n     IKUSA Style Dot Background & Massive Icons\n     + Fade In Up Animation & Delay for Visibility\n  ======================================== *\/\n  .bizup-problem {\n    --beige-bg: #fffbf5;\n    --orange-dot: rgba(245, 112, 0, 0.3); \/* \u6c34\u7389\u306e\u8272\uff08\u8584\u3081\uff09 *\/\n    --orange: #f57000;\n    --navy: #1a202c;\n    --text: #2d3748;\n    --white: #ffffff;\n    \n    padding: 100px 0;\n    background-color: var(--beige-bg); \/* \u5168\u4f53\u80cc\u666f\u306f\u30d9\u30fc\u30b8\u30e5 *\/\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Yu Gothic\", \"Meiryo\", sans-serif;\n    color: var(--text);\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u5b9a\u7fa9\uff08 Fade In Up \uff09 *\/\n  @keyframes fadeInUpProblem_PC {\n    0% {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  @keyframes fadeInUpProblem_SP {\n    0% {\n      opacity: 0;\n      transform: translateY(20px);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  \/* \u5de6\u53f3\u304b\u3089\u4e2d\u592e\u306b\u30d5\u30a7\u30fc\u30c9\u30a2\u30a6\u30c8\u3059\u308b\u6c34\u7389\u30c7\u30b6\u30a4\u30f3 *\/\n  .bizup-problem::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    \/* \u30c9\u30c3\u30c8\u306e\u63cf\u753b *\/\n    background-image: radial-gradient(var(--orange-dot) 2px, transparent 2px);\n    background-size: 20px 20px;\n    \/* \u5de6\u53f3\u306e\u307f\u8868\u793a\u3055\u305b\u3001\u4e2d\u592e\u3092\u900f\u660e\u306b\u3059\u308b\u30de\u30b9\u30af *\/\n    -webkit-mask-image: linear-gradient(to right, black, transparent 30%, transparent 70%, black);\n    mask-image: linear-gradient(to right, black, transparent 30%, transparent 70%, black);\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  .bizup-problem .container {\n    width: 100%;\n    max-width: 1140px;\n    margin: 0 auto;\n    padding: 0 20px;\n    text-align: center;\n    position: relative;\n    z-index: 2; \/* \u6c34\u7389\u3088\u308a\u4e0a\u306b\u914d\u7f6e *\/\n  }\n\n  \/* \u30bb\u30af\u30b7\u30e7\u30f3\u30bf\u30a4\u30c8\u30eb *\/\n  .bizup-problem .problem-title {\n    font-size: 32px;\n    font-weight: 900;\n    color: var(--navy);\n    margin-bottom: 80px;\n    position: relative;\n    display: inline-block;\n  }\n  .bizup-problem .problem-title::after {\n    content: \"\";\n    position: absolute;\n    bottom: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 4px;\n    background-color: var(--orange);\n    border-radius: 2px;\n  }\n\n  \/* \u304a\u60a9\u307f\u30b0\u30ea\u30c3\u30c9\uff08\u6a2a\u4e26\u3073\uff09 *\/\n  .bizup-problem .problem-grid {\n    display: flex;\n    justify-content: center;\n    gap: 30px;\n    flex-wrap: wrap;\n  }\n\n  \/* \u304a\u60a9\u307f\u30ab\u30fc\u30c9\uff08\u25cf\u80cc\u666f\u3001\u5f71\u4ed8\u304d\uff09 *\/\n  .bizup-problem .problem-card {\n    width: 320px;\n    height: 320px;\n    background-color: var(--white);\n    border-radius: 50%; \/* \u6b63\u5186 *\/\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); \/* \u5f71 *\/\n    border: 2px solid #fff;\n    transition: transform 0.3s ease;\n    overflow: hidden;\n    position: relative;\n  }\n  \n  .bizup-problem .problem-card:hover {\n    transform: translateY(-10px);\n  }\n\n  \/* \u5de8\u5927\u753b\u50cf\u30a2\u30a4\u30b3\u30f3\uff08\u30c6\u30ad\u30b9\u30c8\u306e\u300c\u4e0b\u300d\u306b\u914d\u7f6e\uff09 *\/\n  .bizup-problem .problem-icon {\n    position: absolute; \/* \u7d76\u5bfe\u914d\u7f6e\u306b\u3057\u3066\u80cc\u666f\u306e\u3088\u3046\u306b\u6271\u3046 *\/\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%); \/* \u4e2d\u592e\u914d\u7f6e *\/\n    z-index: 1; \/* \u30c6\u30ad\u30b9\u30c8\u3088\u308a\u4e0b\u306b\u3059\u308b *\/\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n  }\n\n  .bizup-problem .problem-icon img {\n    width: auto;\n    height: 200px; \/* \u5927\u5e45\u62e1\u5927 *\/\n    max-width: 280px;\n    display: block;\n    mix-blend-mode: multiply; \/* \u80cc\u666f\u306b\u99b4\u67d3\u307e\u305b\u308b *\/\n    opacity: 0.9; \n  }\n\n  \/* \u304a\u60a9\u307f\u30c6\u30ad\u30b9\u30c8\uff08\u6587\u5b57\u80cc\u666f\u3092\u7dad\u6301\u3057\u3064\u3064\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u521d\u671f\u8a2d\u5b9a\uff09 *\/\n  .bizup-problem .problem-text {\n    font-size: 18px;\n    font-weight: 800;\n    line-height: 1.6;\n    color: var(--navy);\n    margin: 0;\n    position: relative;\n    z-index: 2; \/* \u30a2\u30a4\u30b3\u30f3\u306e\u4e0a\u306b\u3059\u308b *\/\n    \n    \/* \u65e2\u5b58\u306e\u6587\u5b57\u80cc\u666f\u8a2d\u5b9a *\/\n    background: rgba(255, 255, 255, 0.85); \/* \u767d\u306e\u534a\u900f\u660e *\/\n    padding: 10px 15px;\n    border-radius: 8px;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n    \n    \/* \u4f4d\u7f6e\u306e\u5fae\u8abf\u6574 *\/\n    margin-top: 100px; \n    \n    \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u521d\u671f\u8a2d\u5b9a\uff08\u975e\u8868\u793a\u30fbJS\u767a\u706b\u30af\u30e9\u30b9\u304c\u4ed8\u4e0e\u3055\u308c\u308b\u307e\u3067\u306f\u3053\u306e\u72b6\u614b\uff09 *\/\n    opacity: 0;\n  }\n\n  \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u767a\u706b\u7528\u306e\u30af\u30e9\u30b9 *\/\n  .bizup-problem .problem-text.is-animated {\n    animation: fadeInUpProblem_PC 0.8s ease-out both; \n  }\n\n  \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n  @media (max-width: 960px) {\n    .bizup-problem {\n      padding: 60px 0; \/* \u30b9\u30de\u30db\u6642\u306f\u4e0a\u4e0b\u306e\u4f59\u767d\u3092\u5c11\u3057\u8a70\u3081\u308b *\/\n    }\n    \/* \u2605\u4fee\u6b63\uff1a\u30b9\u30de\u30db\u6642\u306e\u30bf\u30a4\u30c8\u30eb\u30b5\u30a4\u30ba\u3092\u6700\u9069\u5316 *\/\n    .bizup-problem .problem-title {\n      font-size: 24px;\n      margin-bottom: 50px;\n    }\n    .bizup-problem::before {\n      -webkit-mask-image: linear-gradient(to bottom, black, transparent 20%, transparent 80%, black);\n      mask-image: linear-gradient(to bottom, black, transparent 20%, transparent 80%, black);\n    }\n    .bizup-problem .problem-grid {\n      flex-direction: column;\n      align-items: center;\n      gap: 20px; \/* \u30ab\u30fc\u30c9\u9593\u306e\u9699\u9593\u3092\u5c11\u3057\u8a70\u3081\u308b *\/\n    }\n    \/* \u2605\u4fee\u6b63\uff1a\u30b9\u30de\u30db\u6642\u306e\u30ab\u30fc\u30c9\u30b5\u30a4\u30ba\u3092\u6700\u9069\u5316 *\/\n    .bizup-problem .problem-card {\n      width: 260px;\n      height: 260px;\n      padding: 20px;\n    }\n    \/* \u2605\u4fee\u6b63\uff1a\u30b9\u30de\u30db\u6642\u306e\u30a2\u30a4\u30b3\u30f3\u753b\u50cf\u3092\u6700\u9069\u5316 *\/\n    .bizup-problem .problem-icon img {\n      height: 130px;\n    }\n    \/* \u2605\u4fee\u6b63\uff1a\u30b9\u30de\u30db\u6642\u306e\u30c6\u30ad\u30b9\u30c8\u30b5\u30a4\u30ba\u3068\u4f59\u767d\u3092\u6700\u9069\u5316 *\/\n    .bizup-problem .problem-text {\n      font-size: 15px;\n      margin-top: 80px;\n      padding: 8px 12px;\n    }\n    \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u6642\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u767a\u706b\u30af\u30e9\u30b9\uff08SP\u7528keyframes\uff09 *\/\n    .bizup-problem .problem-text.is-animated {\n      animation-name: fadeInUpProblem_SP;\n    }\n  }\n<\/style>\n\n<section class=\"bizup-problem\">\n  <div class=\"container\">\n    <h2 class=\"problem-title\">\u3053\u3093\u306a\u304a\u60a9\u307f\u3054\u3056\u3044\u307e\u305b\u3093\u304b<\/h2>\n\n    <div class=\"problem-grid\">\n      \n      <div class=\"problem-card\">\n        <div class=\"problem-icon\">\n          <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a-1.png\" alt=\"\u30ea\u30b9\u30c6\u30a3\u30f3\u30b0\u5e83\u544a\u306e\u30a2\u30a4\u30b3\u30f3\">\n        <\/div>\n        <p class=\"problem-text\">\u30ea\u30b9\u30c6\u30a3\u30f3\u30b0\u5e83\u544a\u306b<br>\u982d\u6253\u3061\u611f\u3092\u611f\u3058\u3066\u3044\u308b<\/p>\n      <\/div>\n\n      <div class=\"problem-card\">\n        <div class=\"problem-icon\">\n          <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a-2.png\" alt=\"\u5c55\u793a\u4f1a\u306e\u30a2\u30a4\u30b3\u30f3\">\n        <\/div>\n        <p class=\"problem-text\">\u5c55\u793a\u4f1a\u304b\u3089\u53d7\u6ce8\u306b<br>\u7d50\u3073\u4ed8\u304b\u306a\u3044<\/p>\n      <\/div>\n\n      <div class=\"problem-card\">\n        <div class=\"problem-icon\">\n          <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a-3-1.png\" alt=\"\u52d5\u753b\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u306e\u30a2\u30a4\u30b3\u30f3\">\n        <\/div>\n        <p class=\"problem-text\">\u52d5\u753b\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u306e<br>\u52b9\u679c\u304c\u5b9f\u611f\u3067\u304d\u306a\u3044<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  \/\/ \u304a\u60a9\u307f\u30bb\u30af\u30b7\u30e7\u30f3\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n  const problemGrid = document.querySelector('.bizup-problem .problem-grid');\n  const problemTexts = document.querySelectorAll('.bizup-problem .problem-text');\n\n  const problemObs = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        problemTexts.forEach((text, index) => {\n          \/\/ \u6642\u9593\u5dee\uff08\u30c7\u30a3\u30ec\u30a4\uff09\u3092\u3064\u3051\u3066\u6d6e\u304b\u3073\u4e0a\u304c\u3089\u305b\u308b\n          text.style.animationDelay = `${index * 0.2}s`;\n          text.classList.add('is-animated');\n        });\n        problemObs.unobserve(entry.target); \/\/ \u4e00\u5ea6\u767a\u706b\u3057\u305f\u3089\u76e3\u8996\u3092\u6b62\u3081\u308b\n      }\n    });\n  }, {\n    threshold: 0.2 \/\/ 20%\u8868\u793a\u3055\u308c\u305f\u3089\u767a\u706b\n  });\n\n  if (problemGrid) {\n    problemObs.observe(problemGrid);\n  }\n<\/script>\n\n\n\n<style>\n  \/* ========================================\n     BtoB Talk Show Webinar LP - About Section\n     Emphasis: Cognitive (Blue) vs Interest (Orange)\n     Strict adherence to requested line breaks\n  ======================================== *\/\n  .bizup-about {\n    --beige-bg: #fffbf5;\n    --orange: #f57000;\n    --navy: #1a202c;\n    --text: #000000;\n    --white: #ffffff;\n    \n    padding: 100px 0;\n    background-color: var(--white);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Yu Gothic\", \"Meiryo\", sans-serif;\n    color: var(--text);\n  }\n\n  .bizup-about .container {\n    width: 100%;\n    max-width: 1140px;\n    margin: 0 auto;\n    padding: 0 20px;\n    text-align: center;\n  }\n\n  \/* \u30bb\u30af\u30b7\u30e7\u30f3\u30bf\u30a4\u30c8\u30eb *\/\n  .bizup-about .section-title {\n    font-size: 36px;\n    font-weight: 900;\n    color: var(--navy);\n    margin-bottom: 40px;\n    position: relative;\n    display: inline-block;\n  }\n  .bizup-about .section-title::after {\n    content: \"\";\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 50px;\n    height: 4px;\n    background-color: var(--orange);\n  }\n\n  \/* \u30d5\u30a9\u30ed\u30fc\u30c6\u30ad\u30b9\u30c8 *\/\n  .bizup-about .lead-text {\n    font-size: 18px;\n    font-weight: 700;\n    line-height: 2.4; \n    color: var(--text);\n    margin-bottom: 60px;\n    max-width: 900px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  \/* \u5f37\u8abf\u30ef\u30fc\u30c9\u306e\u30b9\u30bf\u30a4\u30eb *\/\n  .bizup-about .emp-word {\n    font-size: 1.5em; \n    font-weight: 900;\n    padding: 2px 12px;\n    margin: 0 4px;\n    border-radius: 6px;\n    display: inline-block;\n    line-height: 1.1;\n    vertical-align: middle;\n  }\n  \n  \/* \u201d\u8a8d\u77e5\u201d\u306e\u80cc\u666f\uff08\u8584\u3044\u9752\u80cc\u666f \u00d7 \u6fc3\u3044\u9752\u6587\u5b57\uff09 *\/\n  .bizup-about .emp-word.cognition {\n    background-color: #e0f2fe; \n    color: #0369a1;            \n    border: 1px solid #bae6fd;\n  }\n  \n  \/* \u201d\u95a2\u5fc3\u201d\u306e\u80cc\u666f\uff08\u30aa\u30ec\u30f3\u30b8\u80cc\u666f \u00d7 \u30aa\u30ec\u30f3\u30b8\u6587\u5b57\uff09 *\/\n  .bizup-about .emp-word.interest {\n    background-color: #fff0e6;\n    color: var(--orange);\n    border: 1px solid var(--orange);\n  }\n\n  \/* \u30aa\u30ec\u30f3\u30b8\u30d5\u30ec\u30fc\u30e0\u306e\u89e3\u6c7a\u7b56\u30dc\u30c3\u30af\u30b9 *\/\n  .bizup-about .solution-frame {\n    border: 4px solid var(--orange);\n    border-radius: 20px;\n    padding: 40px;\n    background-color: #fff;\n    max-width: 960px;\n    margin: 0 auto;\n    box-shadow: 0 10px 30px rgba(245, 112, 0, 0.1);\n  }\n\n  .bizup-about .solution-img {\n    width: 100%;\n    max-width: 800px;\n    height: auto;\n    border-radius: 10px;\n    margin-bottom: 30px;\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .bizup-about .solution-summary {\n    font-size: 24px;\n    font-weight: 900;\n    color: var(--navy);\n    line-height: 1.5;\n    margin: 0;\n    padding-top: 20px;\n    border-top: 2px dashed #ffe0cc;\n  }\n\n  @media (max-width: 768px) {\n    .bizup-about .section-title { font-size: 28px; }\n    .bizup-about .lead-text { font-size: 16px; text-align: left; }\n    .bizup-about .emp-word { font-size: 1.2em; padding: 2px 8px; }\n    .bizup-about .solution-frame { padding: 20px; }\n    .bizup-about .solution-summary { font-size: 18px; }\n  }\n<\/style>\n\n<section id=\"about\" class=\"bizup-about\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">BiZ-UP\u3068\u306f<\/h2>\n\n    <p class=\"lead-text\">\n      BtoB\u30a6\u30a7\u30d3\u30ca\u30fc\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u306b\u7279\u5316\u3057\u305f\u52d5\u753b\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002<br>\n      BtoB\u55b6\u696d\u306b\u7279\u5316\u3057\u305f\u30de\u30fc\u30b1\u30bf\u30fc\u304c<span class=\"emp-word cognition\">\u201d\u8a8d\u77e5\u201d<\/span>\u3067\u306f\u306a\u304f\u9867\u5ba2\u306e<span class=\"emp-word interest\">\u201d\u95a2\u5fc3\u201d<\/span>\u3092\u53d6\u308a\u306b\u884c\u304f\u6620\u50cf\u8a2d\u8a08\u3092<br>\n      \u4f01\u753b\u3057\u3001\u53d7\u6ce8\u306b\u3064\u306a\u3052\u308b\u30ea\u30fc\u30c9\u3092\u7372\u5f97\u3057\u307e\u3059\u3002<br>\n      \u5236\u4f5c\u3057\u305f\u6620\u50cf\u306f\u30012\u6b21\u7de8\u96c6\u3057\u8cb4\u793eYouTube\u7b49\u306e\u30e1\u30c7\u30a3\u30a2\u3067\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u7528\u9014\u306a\u3069\u306b\u518d\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n    <\/p>\n\n    <div class=\"solution-frame\">\n      <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a-1-1.png\" alt=\"BiZ-UP\u306e\u30b5\u30fc\u30d3\u30b9\u6982\u5ff5\u56f3\" class=\"solution-img\">\n      \n      <p class=\"solution-summary\">\n        \u53d7\u6ce8\u306b\u3064\u306a\u304c\u308b\u30ea\u30fc\u30c9\u7372\u5f97\u3068\u81ea\u793e\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3\u306e<br>\n        \u4e21\u65b9\u3092\u7372\u5f97\u3057\u306b\u884c\u304f\u30d7\u30e9\u30f3\u3067\u3059\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n  \/* ========================================\n     BtoB Talk Show Webinar LP - Video Podcast Showcase\n     2-Column Layout with Feature Title & HIGHLY Transparent Bottom Background Image\n  ======================================= *\/\n  .bizup-video-pod {\n    --beige-bg: #fffbf5;\n    --orange: #f57000;\n    --navy: #1a202c;\n    --white: #ffffff;\n    --orange-dot: rgba(245, 112, 0, 0.2);\n    \n    padding: 100px 0 160px; \/* \u4e0b\u90e8\u306b\u80cc\u666f\u753b\u50cf\u3092\u9b45\u305b\u308b\u305f\u3081\u306e\u4f59\u767d\u3092\u8ffd\u52a0 *\/\n    background-color: var(--beige-bg);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Yu Gothic\", \"Meiryo\", sans-serif;\n    position: relative;\n    overflow: hidden;\n    z-index: 1;\n  }\n\n  \/* \u80cc\u666f\u30c7\u30b6\u30a4\u30f31\uff1a\u5de6\u53f3\u304b\u3089\u30d5\u30a7\u30fc\u30c9\u30a2\u30a6\u30c8\u3059\u308b\u6c34\u7389 *\/\n  .bizup-video-pod::before {\n    content: \"\";\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background-image: radial-gradient(var(--orange-dot) 2px, transparent 2px);\n    background-size: 20px 20px;\n    -webkit-mask-image: linear-gradient(to right, black, transparent 35%, transparent 65%, black);\n    mask-image: linear-gradient(to right, black, transparent 35%, transparent 65%, black);\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  \/* \u2605\u4fee\u6b63\uff1a\u80cc\u666f\u30c7\u30b6\u30a4\u30f32\uff1a\u30bb\u30af\u30b7\u30e7\u30f3\u6700\u4e0b\u90e8\u306e\u80cc\u666f\u753b\u50cf\uff08\u3055\u3089\u306b\u8584\u304f\u8abf\u6574\uff09 *\/\n  .bizup-video-pod::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 400px; \/* \u753b\u50cf\u306e\u8868\u793a\u9818\u57df\uff08\u9069\u5b9c\u8abf\u6574\u3057\u3066\u304f\u3060\u3055\u3044\uff09 *\/\n    background-image: url(\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a.png\");\n    background-repeat: no-repeat;\n    background-position: bottom center;\n    background-size: cover; \/* \u307e\u305f\u306f contain\u3002\u30c7\u30b6\u30a4\u30f3\u306b\u5408\u308f\u305b\u3066\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044 *\/\n    opacity: 0.4; \/* \u2605\u4fee\u6b63\uff1a\u900f\u660e\u5ea6\u3092\u3055\u3089\u306b\u9ad8\u304f\uff08\u8584\u304f\uff09\u8a2d\u5b9a\u3002\u6570\u5024\u304c\u5c0f\u3055\u3044\u307b\u3069\u8584\u304f\u306a\u308a\u307e\u3059\u3002 *\/\n    z-index: 0; \/* \u30c9\u30c3\u30c8(1)\u3084\u30b3\u30f3\u30c6\u30f3\u30c4(10)\u3088\u308a\u4e0b\u306b\u914d\u7f6e *\/\n    pointer-events: none;\n  }\n\n  .bizup-video-pod .container {\n    width: 100%;\n    max-width: 1140px;\n    margin: 0 auto;\n    padding: 0 20px;\n    position: relative;\n    z-index: 10;\n  }\n\n  \/* \u30bb\u30af\u30b7\u30e7\u30f3\u30bf\u30a4\u30c8\u30eb *\/\n  .bizup-video-pod .section-title {\n    font-size: 32px;\n    font-weight: 900;\n    color: var(--navy);\n    margin-bottom: 60px;\n    text-align: center;\n    position: relative;\n  }\n  .bizup-video-pod .section-title::after {\n    content: \"\";\n    position: absolute;\n    bottom: -12px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 40px;\n    height: 4px;\n    background-color: var(--orange);\n  }\n\n  \/* 2\u30ab\u30e9\u30e0\u30ec\u30a4\u30a2\u30a6\u30c8 *\/\n  .bizup-video-pod .content-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 40px;\n  }\n\n  \/* \u5de6\u5074\uff1a\u7279\u5fb4\u30d1\u30fc\u30c8\uff08\u534a\u900f\u660e\u80cc\u666f\uff09 *\/\n  .bizup-video-pod .feature-column {\n    flex: 1;\n    background: rgba(255, 255, 255, 0.7);\n    border: 1px solid var(--orange);\n    padding: 40px;\n    border-radius: 12px;\n    backdrop-filter: blur(4px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n  }\n\n  .bizup-video-pod .feature-title {\n    font-size: 22px;\n    font-weight: 900;\n    color: var(--navy);\n    margin-bottom: 24px;\n    padding-bottom: 12px;\n    border-bottom: 2px solid var(--orange);\n    display: inline-block;\n  }\n\n  .bizup-video-pod .feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .bizup-video-pod .feature-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    margin-bottom: 20px;\n    font-size: 18px;\n    font-weight: 800;\n    color: var(--navy);\n    line-height: 1.5;\n  }\n  .bizup-video-pod .feature-item:last-child { margin-bottom: 0; }\n  \n  .bizup-video-pod .feature-item span {\n    color: var(--orange);\n    font-size: 20px;\n    font-weight: 900;\n  }\n\n  \/* \u53f3\u5074\uff1a\u52d5\u753b\u30d7\u30ec\u30a4\u30e4\u30fc *\/\n  .bizup-video-pod .video-column {\n    flex: 1.2;\n  }\n\n  .bizup-video-pod .video-container {\n    position: relative;\n    padding-bottom: 56.25%;\n    height: 0;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n    background: #000;\n  }\n  \n  .bizup-video-pod .video-container iframe {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    border: 0;\n  }\n\n  \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n  @media (max-width: 960px) {\n    .bizup-video-pod { padding: 80px 0 100px; }\n    .bizup-video-pod::after { height: 200px; opacity: 0.3; } \/* \u30b9\u30de\u30db\u3067\u306f\u3055\u3089\u306b\u8584\u304f\u3057\u3066\u3082\u3044\u3044\u304b\u3082 *\/\n    .bizup-video-pod .content-wrapper { flex-direction: column; }\n    .bizup-video-pod .feature-column, \n    .bizup-video-pod .video-column { width: 100%; }\n    .bizup-video-pod .section-title { font-size: 26px; }\n    .bizup-video-pod .feature-title { font-size: 20px; }\n    .bizup-video-pod .feature-item { font-size: 16px; }\n  }\n<\/style>\n\n<section class=\"bizup-video-pod\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">BiZ-UP\u52d5\u753b\u3092\u898b\u3066\u307f\u308b<\/h2>\n\n    <div class=\"content-wrapper\">\n      <div class=\"feature-column\">\n        <h3 class=\"feature-title\">BiZ-UP\u306e3\u3064\u306e\u7279\u5fb4<\/h3>\n        \n        <ul class=\"feature-list\">\n          <li class=\"feature-item\">\n            <span>\u2714<\/span>\n            \u5358\u8abf\u306b\u306a\u308a\u306b\u304f\u304f\u3001\u8996\u8074\u8005\u304c\u98fd\u304d\u306a\u3044\n          <\/li>\n          <li class=\"feature-item\">\n            <span>\u2714<\/span>\n            \u30b9\u30c8\u30fc\u30ea\u30fc\u8a2d\u8a08\u3067\u8aac\u660e\u304c\u3067\u304d\u308b\n          <\/li>\n          <li class=\"feature-item\">\n            <span>\u2714<\/span>\n            \u97f3\u58f0\u3060\u3051\u3067\u3082\u697d\u3057\u3081\u308b\u305f\u3081\u3001<br>\u8996\u8074\u7dad\u6301\u7387\u304c\u9ad8\u3044\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"video-column\">\n        <div class=\"video-container\">\n          <iframe \n            src=\"https:\/\/www.youtube.com\/embed\/L48mVysGgI8\" \n            title=\"\u53c2\u8003\u52d5\u753b\" \n            frameborder=\"0\" \n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n            allowfullscreen>\n          <\/iframe>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n  \/* ========================================\n     BtoB Talk Show Webinar LP - Testimonial Section\n     Carousel Slider: Double-line Marker & Result Tag First\n  ======================================== *\/\n  .bizup-voice {\n    --beige-bg: #fffbf5;\n    --orange: #f57000;\n    --orange-light: rgba(245, 112, 0, 0.25);\n    --navy: #1a202c;\n    --text: #333;\n    --white: #ffffff;\n    \n    padding: 100px 0;\n    background-color: var(--white);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Yu Gothic\", \"Meiryo\", sans-serif;\n    color: var(--text);\n    overflow: hidden;\n  }\n\n  .bizup-voice .container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n    position: relative;\n  }\n\n  .bizup-voice .section-title {\n    font-size: 32px;\n    font-weight: 900;\n    color: var(--navy);\n    margin-bottom: 60px;\n    text-align: center;\n    position: relative;\n  }\n  .bizup-voice .section-title::after {\n    content: \"\";\n    position: absolute;\n    bottom: -12px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 40px;\n    height: 4px;\n    background-color: var(--orange);\n  }\n\n  \/* \u30ab\u30eb\u30fc\u30bb\u30eb\u5916\u67a0 *\/\n  .bizup-voice .carousel-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n  .bizup-voice .carousel-container {\n    display: flex;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;\n    gap: 24px;\n    padding: 20px 10px 40px;\n    scrollbar-width: none;\n  }\n  .bizup-voice .carousel-container::-webkit-scrollbar { display: none; }\n\n  \/* \u30ab\u30fc\u30c9\u30c7\u30b6\u30a4\u30f3 *\/\n  .bizup-voice .voice-card {\n    flex: 0 0 350px;\n    scroll-snap-align: center;\n    background: var(--white);\n    border-radius: 16px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    border: 1px solid #eee;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .bizup-voice .client-photo {\n    width: 100%;\n    height: 200px;\n    object-fit: cover;\n    border-radius: 16px 16px 0 0;\n  }\n\n  .bizup-voice .voice-content {\n    padding: 25px 30px 30px;\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    text-align: left;\n  }\n\n  .bizup-voice .client-info {\n    margin-bottom: 15px;\n  }\n  .bizup-voice .client-industry {\n    font-size: 13px;\n    font-weight: 800;\n    color: var(--orange);\n    display: block;\n    margin-bottom: 2px;\n  }\n  .bizup-voice .client-name {\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--navy);\n  }\n\n  \/* \u4e0a\u4e0b2\u6bb5\u30de\u30fc\u30ab\u30fc\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n  .bizup-voice .voice-copy-wrapper {\n    margin-bottom: 20px;\n    min-height: 3.2em;\n  }\n  .bizup-voice .voice-copy {\n    font-size: 18px;\n    font-weight: 900;\n    color: var(--navy);\n    line-height: 1.7;\n    display: inline;\n    background: linear-gradient(transparent 60%, var(--orange-light) 60%);\n    background-size: 0% 100%;\n    background-repeat: no-repeat;\n    transition: background-size 0.8s ease-out;\n    padding: 0 2px;\n  }\n  .bizup-voice .voice-copy.animate-marker {\n    background-size: 100% 100%;\n  }\n\n  \/* \u6210\u679c\u30bf\u30b0\u3092\u898b\u51fa\u3057\u306e\u76f4\u5f8c\u306b\u914d\u7f6e *\/\n  .bizup-voice .result-tag {\n    background: var(--beige-bg);\n    border-left: 4px solid var(--orange);\n    padding: 10px 15px;\n    font-size: 14px;\n    font-weight: 800;\n    color: var(--navy);\n    margin-bottom: 20px;\n  }\n\n  .bizup-voice .voice-text {\n    font-size: 14px;\n    line-height: 1.8;\n    color: #666;\n    margin: 0;\n  }\n\n  .bizup-voice .nav-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 44px; height: 44px;\n    background: var(--white);\n    border: 1px solid #ddd;\n    border-radius: 50%;\n    cursor: pointer;\n    z-index: 20;\n    display: flex; align-items: center; justify-content: center;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n  }\n  .bizup-voice .btn-prev { left: -10px; }\n  .bizup-voice .btn-next { right: -10px; }\n\n  @media (max-width: 768px) {\n    .bizup-voice .voice-card { flex: 0 0 85%; }\n  }\n<\/style>\n\n<section id=\"voices\" class=\"bizup-voice\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">\u5c0e\u5165\u4f01\u696d\u69d8\u306e\u58f0<\/h2>\n\n    <div class=\"carousel-wrapper\">\n      <button class=\"nav-btn btn-prev\" onclick=\"scrollSlider(-1)\">\u2190<\/button>\n      \n      <div class=\"carousel-container\" id=\"voiceSlider\">\n        \n        <div class=\"voice-card\">\n          <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a-6.png\" class=\"client-photo\">\n          <div class=\"voice-content\">\n            <div class=\"client-info\">\n              <span class=\"client-industry\">\u55b6\u696d\u652f\u63f4\u30c4\u30fc\u30eb\u958b\u767a\u4f1a\u793e<\/span>\n              <span class=\"client-name\">\u30bb\u30fc\u30eb\u30b9\u30de\u30fc\u30b1\u30bf\u30fc<\/span>\n            <\/div>\n            <div class=\"voice-copy-wrapper\">\n              <p class=\"voice-copy js-marker\">\u30a6\u30a7\u30d3\u30ca\u30fc\u304b\u3089\u306e\u5951\u7d04\u7387\u304c30\uff05\u30a2\u30c3\u30d7\u3002<\/p>\n            <\/div>\n            <div class=\"result-tag\">\u6210\u679c\uff1a\u30a6\u30a7\u30d3\u30ca\u30fc\u7d4c\u7531\u306e\u53d7\u6ce8\u738730%\u5411\u4e0a<\/div>\n            <p class=\"voice-text\">\u5358\u306a\u308b\u6a5f\u80fd\u8aac\u660e\u3067\u306f\u306a\u304f\u3001\u9867\u5ba2\u306e\u8ab2\u984c\u306b\u5bc4\u308a\u6dfb\u3046\u30c8\u30fc\u30af\u756a\u7d44\u578b\u306b\u5909\u3048\u305f\u3053\u3068\u3067\u3001\u5546\u8ac7\u6642\u306e\u6e29\u5ea6\u611f\u304c\u5287\u7684\u306b\u5909\u308f\u308a\u307e\u3057\u305f\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"voice-card\">\n          <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a-2-1.png\" class=\"client-photo\">\n          <div class=\"voice-content\">\n            <div class=\"client-info\">\n              <span class=\"client-industry\">\u63a1\u7528\u7cfbSaaS\u4f01\u696d<\/span>\n              <span class=\"client-name\">\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u8cac\u4efb\u8005<\/span>\n            <\/div>\n            <div class=\"voice-copy-wrapper\">\n              <p class=\"voice-copy js-marker\">\u30d3\u30c7\u30aa\u30dd\u30c3\u30c9\u30ad\u30e3\u30b9\u30c8\u306e\u8996\u8074\u7dad\u6301\u7387\u304c\u9ad8\u304f\u3001\u5546\u8ac7\u5316\u7387\u304c\u5927\u5e45\u6539\u5584\u3002<\/p>\n            <\/div>\n            <div class=\"result-tag\">\u6210\u679c\uff1a\u5546\u8ac7\u5316\u7387 2.2\u500d<\/div>\n            <p class=\"voice-text\">\u5f93\u6765\u306e\u30a6\u30a7\u30d3\u30ca\u30fc\u306f\u96e2\u8131\u304c\u60a9\u307f\u3067\u3057\u305f\u304c\u3001\u6700\u5f8c\u307e\u3067\u8996\u8074\u3055\u308c\u308b\u3088\u3046\u306b\u3002\u5546\u8ac7\u3078\u306e\u79fb\u884c\u304c\u975e\u5e38\u306b\u30b9\u30e0\u30fc\u30ba\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"voice-card\">\n          <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a-5.png\" class=\"client-photo\">\n          <div class=\"voice-content\">\n            <div class=\"client-info\">\n              <span class=\"client-industry\">\u7d44\u7e54\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u4e8b\u696d<\/span>\n              <span class=\"client-name\">\u4ee3\u8868\u53d6\u7de0\u5f79<\/span>\n            <\/div>\n            <div class=\"voice-copy-wrapper\">\n              <p class=\"voice-copy js-marker\">\u7d4c\u55b6\u5c64\u3078\u306e\u8a8d\u77e5\u304c\u62e1\u5927\u3002YouTube\u3078\u306e2\u6b21\u5229\u7528\u3067\u8cc7\u7523\u5316\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n            <\/div>\n            <div class=\"result-tag\">\u6210\u679c\uff1aYouTube\u7d4c\u7531\u306e\u53d7\u6ce8\u6570 150%\u5897<\/div>\n            <p class=\"voice-text\">\u5236\u4f5c\u3057\u305f\u52d5\u753b\u3092\u77ed\u304f\u5207\u308a\u51fa\u3057YouTube\u3078\u516c\u958b\u3057\u305f\u3068\u3053\u308d\u3001\u305d\u3053\u304b\u3089\u306e\u304a\u554f\u3044\u5408\u308f\u305b\u304c\u6025\u5897\u3057\u307e\u3057\u305f\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"voice-card\">\n          <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a-4-1.png\" class=\"client-photo\">\n          <div class=\"voice-content\">\n            <div class=\"client-info\">\n              <span class=\"client-industry\">IT\u6a5f\u5668\u30ec\u30f3\u30bf\u30eb\u30b5\u30fc\u30d3\u30b9<\/span>\n              <span class=\"client-name\">\u8ca9\u4fc3\u30c1\u30fc\u30e0 \u30ea\u30fc\u30c0\u30fc<\/span>\n            <\/div>\n            <div class=\"voice-copy-wrapper\">\n              <p class=\"voice-copy js-marker\">\u8907\u96d1\u306a\u30b5\u30fc\u30d3\u30b9\u5185\u5bb9\u304c\u3001\u4f1a\u8a71\u5f62\u5f0f\u306a\u3089\u9a5a\u304f\u307b\u3069\u7c21\u5358\u306b\u4f1d\u308f\u3063\u305f\u3002<\/p>\n            <\/div>\n            <div class=\"result-tag\">\u6210\u679c\uff1a\u53d7\u6ce8\u7387 30%\u5411\u4e0a<\/div>\n            <p class=\"voice-text\">\u56f3\u89e3\u8cc7\u6599\u3060\u3051\u3067\u306f\u4f1d\u308f\u3089\u306a\u304b\u3063\u305f\u30e1\u30ea\u30c3\u30c8\u3092\u3001\u73fe\u5834\u306e\u60a9\u307f\u76f8\u8ac7\u3068\u3044\u3046\u5f62\u5f0f\u3067\u52d5\u753b\u5316\u3057\u307e\u3057\u305f\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"voice-card\">\n          <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a-3-2.png\" class=\"client-photo\">\n          <div class=\"voice-content\">\n            <div class=\"client-info\">\n              <span class=\"client-industry\">\u4f01\u696d\u5411\u3051\u5b85\u98df\u30b5\u30fc\u30d3\u30b9<\/span>\n              <span class=\"client-name\">\u55b6\u696d\u63a8\u9032\u90e8 \u90e8\u9577<\/span>\n            <\/div>\n            <div class=\"voice-copy-wrapper\">\n              <p class=\"voice-copy js-marker\">\u300c\u5065\u5eb7\u7d4c\u55b6\u300d\u3068\u3044\u3046\u6982\u5ff5\u3092\u30b9\u30c8\u30fc\u30ea\u30fc\u3067\u4f1d\u3048\u3001\u30ea\u30fc\u30c9\u7372\u5f97\u6570\u304c3\u500d\u306b\u3002<\/p>\n            <\/div>\n            <div class=\"result-tag\">\u6210\u679c\uff1a\u30ea\u30fc\u30c9\u7372\u5f97\u5358\u4fa1 40%\u524a\u6e1b<\/div>\n            <p class=\"voice-text\">\u5358\u306a\u308b\u5f01\u5f53\u306e\u7d39\u4ecb\u3067\u306f\u306a\u304f\u3001\u5bfe\u8ac7\u5f62\u5f0f\u3067\u798f\u5229\u539a\u751f\u306e\u91cd\u8981\u6027\u3092\u8aac\u304f\u756a\u7d44\u3092\u5236\u4f5c\u3002\u95a2\u5fc3\u3092\u60f9\u304d\u3064\u3051\u308b\u3053\u3068\u306b\u6210\u529f\u3057\u307e\u3057\u305f\u3002<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"voice-card\">\n          <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a-1-2.png\" class=\"client-photo\">\n          <div class=\"voice-content\">\n            <div class=\"client-info\">\n              <span class=\"client-industry\">\u7814\u4fee\u30b5\u30fc\u30d3\u30b9<\/span>\n              <span class=\"client-name\">\u4e8b\u696d\u958b\u767a\u62c5\u5f53<\/span>\n            <\/div>\n            <div class=\"voice-copy-wrapper\">\n              <p class=\"voice-copy js-marker\">\u8b1b\u5e2b\u306e\u300c\u4eba\u67c4\u300d\u304c\u898b\u3048\u308b\u3053\u3068\u3067\u3001\u6210\u7d04\u7387\u304c\u30a2\u30c3\u30d7\u3002<\/p>\n            <\/div>\n            <div class=\"result-tag\">\u6210\u679c\uff1a\u6210\u7d04\u5358\u4fa1 20%\u5411\u4e0a<\/div>\n            <p class=\"voice-text\">\u653e\u9001\u3092\u8074\u3044\u3066\u300c\u3053\u306e\u4eba\u306b\u4efb\u305b\u305f\u3044\u300d\u3068\u3044\u3046\u72b6\u614b\u3067\u5546\u8ac7\u304c\u59cb\u307e\u308a\u307e\u3059\u3002\u4fe1\u983c\u69cb\u7bc9\u304c\u975e\u5e38\u306b\u65e9\u3044\u3067\u3059\u3002<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <button class=\"nav-btn btn-next\" onclick=\"scrollSlider(1)\">\u2192<\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  function scrollSlider(direction) {\n    const slider = document.getElementById('voiceSlider');\n    const scrollAmount = 374; \n    slider.scrollBy({ left: scrollAmount * direction, behavior: 'smooth' });\n  }\n\n  const observerOptions = {\n    threshold: 0.5 \n  };\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('animate-marker');\n      }\n    });\n  }, observerOptions);\n\n  document.querySelectorAll('.js-marker').forEach(marker => {\n    observer.observe(marker);\n  });\n<\/script>\n\n\n\n<style>\n  \/* \u2605\u8ffd\u52a0\uff1a\u30da\u30fc\u30b8\u5168\u4f53\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u30b9\u30e0\u30fc\u30ba\u306b\u3059\u308b\u9b54\u6cd5\u306e1\u884c *\/\n  html {\n    scroll-behavior: smooth;\n  }\n\n  \/* ========================================\n     BtoB Talk Show Webinar LP - Comparison Section\n     (Smooth Scroll Link Active + Mobile Table Shrink)\n  ======================================== *\/\n  .bizup-final-design-comp {\n    --white: #ffffff;\n    --navy: #1a202c;\n    --orange: #f57000;\n    --text-main: #1e293b;\n    --border-navy: #1a202c;\n    \n    padding: 30px 0 60px;\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(135deg, #fffcf8 0%, #fef3e7 100%);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Yu Gothic\", \"Meiryo\", sans-serif;\n  }\n\n  \/* \u80cc\u666f\u30c6\u30af\u30b9\u30c1\u30e3 *\/\n  .bizup-final-design-comp::before {\n    content: \"\";\n    position: absolute;\n    top: 50px;\n    left: -50px;\n    width: 200%;\n    height: 200%;\n    background-image: \n      radial-gradient(circle at 10% 10%, rgba(26, 32, 44, 0.03) 1%, transparent 1%),\n      linear-gradient(135deg, transparent 40%, rgba(26, 32, 44, 0.05) 45%, transparent 50%),\n      linear-gradient(-135deg, transparent 40%, rgba(245, 112, 0, 0.05) 45%, transparent 50%);\n    background-size: 80px 80px, 150px 150px, 150px 150px;\n    transform: rotate(-10deg);\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  .bizup-final-design-comp .container {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 1060px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  .bizup-final-design-comp .section-title {\n    font-size: 28px;\n    font-weight: 900;\n    color: var(--navy);\n    margin-bottom: 40px;\n    text-align: center;\n  }\n\n  \/* \u30c6\u30fc\u30d6\u30eb\u30c7\u30b6\u30a4\u30f3 *\/\n  .comp-premium-card-final {\n    background: var(--white);\n    border-radius: 20px;\n    border: 2px solid var(--border-navy);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\n    overflow: hidden;\n    position: relative;\n  }\n\n  .comp-scroll-wrapper { width: 100%; overflow-x: auto; }\n\n  .fair-table-premium-final {\n    width: 100%;\n    min-width: 850px;\n    border-collapse: collapse;\n    table-layout: fixed;\n  }\n\n  .fair-table-premium-final th, .fair-table-premium-final td {\n    padding: 20px 15px;\n    text-align: center;\n    border-bottom: 1px solid #edf2f7;\n    vertical-align: middle;\n    font-weight: 700;\n    line-height: 1.5;\n    font-size: 16px;\n  }\n\n  .fair-table-premium-final thead th {\n    background: #f8fafc;\n    color: var(--navy);\n    font-size: 17px;\n    border-bottom: 2px solid var(--border-navy);\n  }\n  .fair-table-premium-final thead th.bizup-hl { background: var(--navy); color: var(--white); }\n\n  .cat-label {\n    width: 190px;\n    background: #fafafa;\n    text-align: left !important;\n    padding-left: 25px !important;\n    border-right: 2px solid var(--border-navy) !important;\n    color: #475569;\n    font-size: 15px;\n  }\n\n  .bizup-col-active {\n    background: rgba(245, 112, 0, 0.03);\n    border-left: 2px solid rgba(245, 112, 0, 0.4);\n    border-right: 2px solid rgba(245, 112, 0, 0.4);\n  }\n\n  .bizup-purpose-text-final {\n    position: relative;\n    display: inline-block;\n    color: var(--orange);\n    font-weight: 900;\n    padding-bottom: 4px;\n  }\n  \n  .bizup-purpose-text-final::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 0;\n    height: 3px;\n    background: var(--orange);\n    border-radius: 2px;\n    animation: underline-grow 1.5s forwards ease-in-out;\n    animation-delay: 0.8s;\n  }\n\n  @keyframes underline-grow {\n    to { width: 100%; }\n  }\n\n  .m-icon { font-size: 28px; display: block; margin-bottom: 2px; }\n  .m-best { color: var(--orange); font-size: 32px; }\n  .m-good { color: var(--navy); }\n  .m-fair { color: #94a3b8; }\n\n  .l-desc { font-size: 12px; font-weight: 500; color: #64748b; display: block; }\n\n  \/* \u7d50\u8ad6\u30d0\u30ca\u30fc *\/\n  .final-animated-banner {\n    margin-top: 60px;\n    text-align: center;\n    padding: 0 20px;\n    position: relative;\n  }\n\n  .final-animated-text {\n    font-size: 20px;\n    font-weight: 900;\n    color: var(--navy);\n    line-height: 1.6;\n    margin: 0;\n    position: relative;\n    display: inline-block;\n  }\n  \n  .animate-underline::after {\n    content: \"\";\n    position: absolute;\n    bottom: -15px;\n    left: 0;\n    width: 0;\n    height: 3px;\n    background: var(--orange);\n    border-radius: 2px;\n    animation: underline-reveal 1.5s forwards ease-in-out;\n    animation-delay: 0.5s;\n  }\n\n  @keyframes underline-reveal {\n    to { width: 100%; }\n  }\n\n  .final-animated-text .highlight-xl-strong {\n    display: inline-block;\n    font-size: 40px;\n    color: var(--orange);\n    margin: 0 5px;\n    vertical-align: middle;\n  }\n\n  \/* CV\u30dc\u30bf\u30f3\u30a8\u30ea\u30a2 *\/\n  .comp-cta-section {\n    margin-top: 40px;\n    text-align: center;\n  }\n\n  .cta-micro-copy {\n    display: block;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--navy);\n    margin-bottom: 12px;\n    opacity: 0.8;\n  }\n\n  .cta-btn-main {\n    display: inline-block;\n    padding: 22px 60px;\n    background-color: var(--orange);\n    color: #fff;\n    text-decoration: none;\n    font-size: 20px;\n    font-weight: 900;\n    border-radius: 50px;\n    box-shadow: 0 10px 30px rgba(245, 112, 0, 0.3);\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  }\n\n  .cta-btn-main:hover {\n    transform: translateY(-4px) scale(1.02);\n    box-shadow: 0 15px 40px rgba(245, 112, 0, 0.4);\n    background-color: #ff7d1a;\n    color: #fff;\n  }\n\n  \/* \u2605\u4fee\u6b63\uff1a\u30b9\u30de\u30db\u6642\u306b\u300c\u8868\u306e\u69cb\u9020\u306f\u305d\u306e\u307e\u307e\u300d\u3067\u30ae\u30e5\u30c3\u3068\u5168\u4f53\u3092\u7e2e\u5c0f\u3059\u308b *\/\n  @media (max-width: 800px) {\n    .final-animated-text { font-size: 16px; }\n    .final-animated-text .highlight-xl-strong { font-size: 28px; }\n    .animate-underline::after { bottom: -10px; }\n    .comp-cta-section { margin-top: 30px; }\n    .cta-btn-main { padding: 18px 0; width: 90%; font-size: 18px; }\n\n    \/* \u8868\u306e\u7e2e\u5c0f\u8a2d\u5b9a *\/\n    .fair-table-premium-final {\n      min-width: 100%; \/* \u6a2a\u5e45\u56fa\u5b9a\u3092\u89e3\u9664\u3057\u753b\u9762\u5e45\u306b\u5408\u308f\u305b\u308b *\/\n    }\n    \n    .fair-table-premium-final th, \n    .fair-table-premium-final td {\n      padding: 8px 4px; \/* \u4f59\u767d\u3092\u6975\u5c0f\u306b *\/\n      font-size: 11px;  \/* \u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba\u3092\u7e2e\u5c0f *\/\n      line-height: 1.3;\n      word-break: break-word;\n    }\n    \n    .fair-table-premium-final thead th {\n      font-size: 12px;\n      padding: 10px 4px;\n    }\n\n    .cat-label {\n      width: 25%; \/* \u5de6\u306e\u9805\u76ee\u6b04\u306e\u5e45\u3092\u5236\u9650 *\/\n      padding-left: 8px !important;\n      font-size: 11px;\n    }\n\n    \/* \u4e2d\u306e\u30a2\u30a4\u30b3\u30f3\u3084\u6587\u5b57\u3082\u5408\u308f\u305b\u3066\u5c0f\u3055\u304f *\/\n    .m-icon { font-size: 18px; margin-bottom: 2px; }\n    .m-best { font-size: 20px; }\n    .l-desc { font-size: 9px; line-height: 1.2; margin-top: 2px; }\n    .bizup-purpose-text-final { font-size: 11px; padding-bottom: 2px; }\n  }\n<\/style>\n\n<section class=\"bizup-final-design-comp\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">\u4ed6\u793e\u30b5\u30fc\u30d3\u30b9\u3068\u306e\u6bd4\u8f03<\/h2>\n\n    <div class=\"comp-premium-card-final\">\n      <div class=\"comp-scroll-wrapper\">\n        <table class=\"fair-table-premium-final\">\n          <thead>\n            <tr>\n              <th class=\"cat-label\">\u6bd4\u8f03\u9805\u76ee<\/th>\n              <th>\u6620\u50cf\u5236\u4f5c\u4f1a\u793e<\/th>\n              <th class=\"bizup-hl\">BiZ-UP<\/th>\n              <th>\u5927\u624bPR\u4f1a\u793e<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr>\n              <td class=\"cat-label\">\u4e3b\u306a\u76ee\u7684<\/td>\n              <td>\u9ad8\u54c1\u8cea\u306a\u6620\u50cf\u5236\u4f5c<br><span class=\"l-desc\">\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u91cd\u8996<\/span><\/td>\n              <td class=\"bizup-col-active\">\n                <span class=\"bizup-purpose-text-final\">B2B\u5546\u8ac7\u30fb\u30ea\u30fc\u30c9\u7372\u5f97<\/span><br>\n                <span class=\"l-desc\" style=\"color:var(--orange); font-weight:800;\">\u55b6\u696d\u6210\u679c\u91cd\u8996<\/span>\n              <\/td>\n              <td>\u5927\u898f\u6a21\u8a8d\u77e5\u30fb\u5e83\u5831\u62e1\u6563<br><span class=\"l-desc\">\u30e1\u30c7\u30a3\u30a2\u9732\u51fa\u91cd\u8996<\/span><\/td>\n            <\/tr>\n            <tr>\n              <td class=\"cat-label\">\u6226\u7565\u8a2d\u8a08\u306e\u6df1\u3055<\/td>\n              <td><span class=\"m-icon m-fair\">\u25b3<\/span><span class=\"l-desc\">\u6620\u50cf\u8868\u73fe\u306e\u8a2d\u8a08<\/span><\/td>\n              <td class=\"bizup-col-active\"><span class=\"m-icon m-best\">\u25ce<\/span><span class=\"l-desc\" style=\"color:var(--orange); font-weight:800;\">\u55b6\u696d\u30fb\u30de\u30fc\u30b1\u8996\u70b9\u306e\u8a2d\u8a08<\/span><\/td>\n              <td><span class=\"m-icon m-best\">\u25ce<\/span><span class=\"l-desc\">\u5e83\u5831\u30fb\u793e\u4f1a\u6027\u306e\u8a2d\u8a08<\/span><\/td>\n            <\/tr>\n            <tr>\n              <td class=\"cat-label\">\u8cc7\u7523\u5316\u30fb\u6ce2\u53ca\u52b9\u679c<\/td>\n              <td><span class=\"m-icon m-fair\">\u25b3<\/span><span class=\"l-desc\">\u5358\u767a\u306e\u52d5\u753b\u3068\u3057\u3066\u6d3b\u7528<\/span><\/td>\n              <td class=\"bizup-col-active\"><span class=\"m-icon m-best\">\u25ce<\/span><span class=\"l-desc\" style=\"color:var(--orange); font-weight:800;\">\u30b7\u30e7\u30fc\u30c8\u52d5\u753b\u3078\u306e\u5373\u8ee2\u7528<\/span><\/td>\n              <td><span class=\"m-icon m-best\">\u25ce<\/span><span class=\"l-desc\">\u30e1\u30c7\u30a3\u30a2\u63b2\u8f09\u306b\u3088\u308b\u62e1\u6563<\/span><\/td>\n            <\/tr>\n            <tr>\n              <td class=\"cat-label\">\u30a2\u30d5\u30bf\u30fc\u30d5\u30a9\u30ed\u30fc<\/td>\n              <td><span class=\"m-icon m-fair\">\u25b3<\/span><span class=\"l-desc\">\u5236\u4f5c\u5b8c\u4e86\u5f8c\u306e\u652f\u63f4\u306f\u9650\u5b9a\u7684<\/span><\/td>\n              <td class=\"bizup-col-active\"><span class=\"m-icon m-best\">\u25ce<\/span><span class=\"l-desc\" style=\"color:var(--orange); font-weight:800;\">\u30ec\u30dd\u30fc\u30c8\u63d0\u51fa\u30fb\u6539\u5584MTG<\/span><\/td>\n              <td><span class=\"m-icon m-fair\">\u25b3<\/span><span class=\"l-desc\">\u55b6\u696d\u6d3b\u7528\u306f\u81ea\u793e\u3067\u5bfe\u5fdc<\/span><\/td>\n            <\/tr>\n            <tr>\n              <td class=\"cat-label\">\u30b3\u30b9\u30c8\u611f<\/td>\n              <td><span class=\"m-icon m-best\">\u25ce<\/span><span class=\"l-desc\">\u5b89\u4fa1\uff08\u5236\u4f5c\u4f5c\u696d\u4ee3\uff09<\/span><\/td>\n              <td class=\"bizup-col-active\"><span class=\"m-icon m-good\">\u25cb<\/span><span class=\"l-desc\" style=\"color:var(--orange); font-weight:800;\">\u9069\u6b63\u4fa1\u683c\uff08\u30b3\u30f3\u30b5\u30eb\u8cbb\u542b\u3080\uff09<\/span><\/td>\n              <td><span class=\"m-icon m-fair\">\u25b3<\/span><span class=\"l-desc\">\u9ad8\u984d\u4e88\u7b97\uff08\u30e1\u30c7\u30a3\u30a2\u8cbb\u7b49\uff09<\/span><\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n\n    <div class=\"final-animated-banner\">\n      <p class=\"final-animated-text js-final-cta-trigger\">\n        \u300c\u5b89\u304f\u4f5c\u308a\u305f\u3044\u300d\u306a\u3089\u5236\u4f5c\u4f1a\u793e\u3001\u300c\u5e83\u304f\u77e5\u3089\u308c\u305f\u3044\u300d\u306a\u3089PR\u4f1a\u793e\u3002<br>\n        \u6700\u77ed\u3067\u58f2\u4e0a\u306b\u7e4b\u3052\u305f\u3044\u306a\u3089\u3001<span class=\"highlight-xl-strong\">BiZ-UP<\/span>\u3067\u3059\u3002\n      <\/p>\n    <\/div>\n\n    <div class=\"comp-cta-section\">\n      <span class=\"cta-micro-copy\">\uff3c 1\u5206\u3067\u5165\u529b\u5b8c\u4e86 \uff0f<\/span>\n      <a href=\"#contact\" class=\"cta-btn-main\">\u307e\u305a\u306f\u7121\u6599\u76f8\u8ac7\u3092\u3057\u3066\u307f\u308b<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n  const ctaObserver = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('animate-underline');\n        ctaObserver.unobserve(entry.target);\n      }\n    });\n  }, {\n    threshold: 0.5\n  });\n\n  ctaObserver.observe(document.querySelector('.js-final-cta-trigger'));\n<\/script>\n\n\n\n<style>\n  \/* ========================================\n     BtoB Talk Show Webinar LP - Professional Flow v7\n     Perfect Stepped Arrow & Compact Layout\n  ======================================== *\/\n  .bizup-flow-v7 {\n    --beige-bg: #fffbf5;\n    --orange: #f57000;\n    --navy: #1a202c;\n    --text: #333;\n    --white: #ffffff;\n    \n    padding: 60px 0 80px; \/* \u2605\u5168\u4f53\u7684\u306b\u7e26\u3092\u8a70\u3081\u307e\u3057\u305f *\/\n    background-color: var(--beige-bg);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Yu Gothic\", \"Meiryo\", sans-serif;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .bizup-flow-v7 .container {\n    width: 100%;\n    max-width: 1140px;\n    margin: 0 auto;\n    padding: 0 20px;\n    text-align: center;\n    position: relative;\n    z-index: 10;\n  }\n\n  \/* \u30bb\u30af\u30b7\u30e7\u30f3\u30bf\u30a4\u30c8\u30eb *\/\n  .bizup-flow-v7 .section-title {\n    font-size: 32px;\n    font-weight: 900;\n    color: var(--navy);\n    margin-bottom: 40px; \/* \u2605\u30bf\u30a4\u30c8\u30eb\u4e0b\u306e\u9699\u9593\u3092\u8a70\u3081\u307e\u3057\u305f *\/\n    position: relative;\n    display: inline-block;\n  }\n  .bizup-flow-v7 .section-title::after {\n    content: \"\";\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 40px;\n    height: 4px;\n    background-color: var(--orange);\n  }\n\n  \/* \u30d5\u30a7\u30fc\u30ba\u30b0\u30ea\u30c3\u30c9 *\/\n  .bizup-flow-v7 .phase-grid {\n    display: flex;\n    justify-content: space-between;\n    gap: 15px;\n    margin-bottom: 50px; \/* \u2605\u77e2\u5370\u307e\u3067\u306e\u9699\u9593\u3092\u8a70\u3081\u307e\u3057\u305f *\/\n  }\n\n  \/* \u30d5\u30a7\u30fc\u30ba\u30ab\u30fc\u30c9 *\/\n  .bizup-flow-v7 .phase-card {\n    flex: 1;\n    background: var(--white);\n    border-radius: 16px;\n    padding: 35px 15px 25px; \/* \u2605\u30ab\u30fc\u30c9\u5185\u30d1\u30c7\u30a3\u30f3\u30b0\u3092\u8a70\u3081\u307e\u3057\u305f *\/\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    border: 1px solid #eee;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n  }\n\n  \/* \u80cc\u666f\u306e\u5927\u304d\u304f\u8584\u3044\u6570\u5b57 *\/\n  .bizup-flow-v7 .bg-num {\n    position: absolute;\n    top: -5px;\n    right: -5px;\n    font-size: 90px;\n    font-weight: 900;\n    color: var(--orange);\n    opacity: 0.08;\n    line-height: 1;\n    z-index: 1;\n    pointer-events: none;\n    font-style: italic;\n  }\n\n  \/* \u898b\u51fa\u3057\u6587\u5b57\uff08\u3055\u3089\u306b\u5f37\u8abf\uff09 *\/\n  .bizup-flow-v7 .phase-title {\n    font-size: 22px;\n    font-weight: 900;\n    color: var(--navy);\n    margin-bottom: 15px; \/* \u2605\u898b\u51fa\u3057\u4e0b\u306e\u9699\u9593\u3092\u8a70\u3081\u307e\u3057\u305f *\/\n    line-height: 1.3;\n    position: relative;\n    z-index: 2;\n    padding-bottom: 8px;\n    border-bottom: 3px dotted var(--orange);\n  }\n\n  \/* \u4e0b\u6bb5\u306e\u30b9\u30c6\u30c3\u30d7\u30dc\u30c3\u30af\u30b9 *\/\n  .bizup-flow-v7 .sub-steps {\n    width: 100%;\n    text-align: left;\n    background: #fafafa;\n    border-radius: 10px;\n    padding: 15px; \/* \u2605\u5185\u90e8\u306e\u4f59\u767d\u3092\u8a70\u3081\u307e\u3057\u305f *\/\n    list-style: none;\n    margin: 0;\n    position: relative;\n    z-index: 2;\n  }\n\n  .bizup-flow-v7 .sub-step-item {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--text);\n    margin-bottom: 6px; \/* \u2605\u30ea\u30b9\u30c8\u306e\u9593\u9694\u3092\u8a70\u3081\u307e\u3057\u305f *\/\n    position: relative;\n    padding-left: 18px;\n    line-height: 1.4;\n  }\n  .bizup-flow-v7 .sub-step-item:last-child { margin-bottom: 0; }\n  .bizup-flow-v7 .sub-step-item::before {\n    content: \"\u2713\";\n    color: var(--orange);\n    position: absolute;\n    left: 0;\n    font-weight: 900;\n  }\n\n  \/* \u2605\u4fee\u6b63\uff1a\u753b\u50cf(image_274ea1.png)\u901a\u308a\u306e\u300c\u6bb5\u5dee\u77e2\u5370\u300d\u30c7\u30b6\u30a4\u30f3 *\/\n  .bizup-flow-v7 .timeline-container {\n    position: relative;\n    max-width: 900px;\n    margin: 30px auto 0;\n    height: 60px; \/* \u77e2\u5370\u306e\u6bb5\u5dee\u3092\u542b\u3080\u5168\u4f53\u306e\u9ad8\u3055 *\/\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  \/* \u77e2\u5370\u306e\u300c\u68d2\u300d\u90e8\u5206 *\/\n  .bizup-flow-v7 .timeline-bar {\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 85%; \/* \u68d2\u306e\u9577\u3055 *\/\n    height: 40px; \/* \u2605\u68d2\u306e\u592a\u3055\uff08\u6587\u5b57\u306b\u534a\u5206\u304b\u304b\u308b\uff09 *\/\n    background: var(--navy);\n    border-radius: 10px 0 0 10px;\n    z-index: 1;\n  }\n\n  \/* \u2605\u4fee\u6b63\uff1a\u5148\u7aef\u306e\u6bb5\u5dee\u5f62\u72b6\uff08\u30ab\u30af\u30c3\u3068\u4e0a\u304c\u3063\u3066\u5c16\u308b\uff09\u3092\u518d\u73fe *\/\n  .bizup-flow-v7 .timeline-bar::after {\n    content: \"\";\n    position: absolute;\n    right: -130px; \/* \u5148\u7aef\u306e\u98db\u3073\u51fa\u3057\u4f4d\u7f6e\u8abf\u6574 *\/\n    top: 50%;\n    transform: translateY(-50%);\n    width: 140px;  \/* \u5168\u4f53\u5e45 *\/\n    height: 60px;  \/* \u6bb5\u5dee\u306e\u9ad8\u3055 *\/\n    background: var(--navy);\n    \/* \u5f62\u72b6\uff1a\u5782\u76f4\u306a\u6bb5\u5dee\u304b\u3089\u5c16\u3063\u305f\u5148\u7aef\u3078 *\/\n    clip-path: polygon(0 15%, 15px 15%, 15px 0, 100% 50%, 15px 100%, 15px 85%, 0 85%);\n    z-index: 2;\n  }\n\n  .bizup-flow-v7 .timeline-text {\n    position: relative;\n    z-index: 10;\n    color: var(--white);\n    font-size: 20px;\n    font-weight: 900;\n    margin: 0;\n    letter-spacing: 0.05em;\n    line-height: 1;\n  }\n\n  .bizup-flow-v7 .timeline-text span {\n    color: var(--orange);\n    font-size: 1.3em;\n    margin: 0 4px;\n  }\n\n  \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n  @media (max-width: 960px) {\n    .bizup-flow-v7 .phase-grid { flex-direction: column; align-items: center; }\n    .bizup-flow-v7 .phase-card { width: 100%; max-width: 450px; }\n    .bizup-flow-v7 .timeline-bar { width: 100%; border-radius: 10px; height: 50px; }\n    .bizup-flow-v7 .timeline-bar::after { display: none; }\n    .bizup-flow-v7 .timeline-text { font-size: 16px; padding: 15px; }\n  }\n<\/style>\n\n<section class=\"bizup-flow-v7\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">\u30b5\u30fc\u30d3\u30b9\u5c0e\u5165\u306e\u6d41\u308c<\/h2>\n\n    <div class=\"phase-grid\">\n      \n      <div class=\"phase-card\">\n        <div class=\"bg-num\">01<\/div>\n        <h3 class=\"phase-title\">\u7121\u6599\u76f8\u8ac7\u4f1a<\/h3>\n        <ul class=\"sub-steps\">\n          <li class=\"sub-step-item\">\u304a\u554f\u3044\u5408\u308f\u305b<\/li>\n          <li class=\"sub-step-item\">\u7121\u6599\u76f8\u8ac7\u4f1a\uff08\u8ab2\u984c\u30d2\u30a2\u30ea\u30f3\u30b0\uff09<\/li>\n          <li class=\"sub-step-item\">\u304a\u7533\u3057\u8fbc\u307f<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"phase-card\">\n        <div class=\"bg-num\">02<\/div>\n        <h3 class=\"phase-title\">\u6226\u7565\u8a2d\u8a08<\/h3>\n        <ul class=\"sub-steps\">\n          <li class=\"sub-step-item\">\u30bf\u30fc\u30b2\u30c3\u30c8\u8a2d\u8a08<\/li>\n          <li class=\"sub-step-item\">\u4f01\u753b\u30df\u30fc\u30c6\u30a3\u30f3\u30b0<\/li>\n          <li class=\"sub-step-item\">\u53f0\u672c\u4f5c\u6210\/\u30ad\u30e3\u30b9\u30c6\u30a3\u30f3\u30b0<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"phase-card\">\n        <div class=\"bg-num\">03<\/div>\n        <h3 class=\"phase-title\">\u914d\u4fe1\u904b\u55b6<\/h3>\n        <ul class=\"sub-steps\">\n          <li class=\"sub-step-item\">\u64ae\u5f71\/\u7de8\u96c6<\/li>\n          <li class=\"sub-step-item\">\u544a\u77e5\u7528\u7d20\u6750\u4f5c\u6210<\/li>\n          <li class=\"sub-step-item\">\u30a6\u30a7\u30d3\u30ca\u30fc\u5f53\u65e5\u904b\u55b6<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"phase-card\">\n        <div class=\"bg-num\">04<\/div>\n        <h3 class=\"phase-title\">\u5206\u6790\/\u6539\u5584<\/h3>\n        <ul class=\"sub-steps\">\n          <li class=\"sub-step-item\">\u30ec\u30dd\u30fc\u30c8\u63d0\u51fa<\/li>\n          <li class=\"sub-step-item\">\u632f\u308a\u8fd4\u308aMTG<\/li>\n          <li class=\"sub-step-item\">2\u6b21\u7de8\u96c6\uff08\u55b6\u696d\u8cc7\u7523\u7528\uff09<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"timeline-container\">\n      <div class=\"timeline-bar\"><\/div>\n      <p class=\"timeline-text\">\n        \u6700\u77ed<span>\u7d042\u30f6\u6708<\/span>\u3067\u300c\u95a2\u5fc3\u300d\u3092\u60f9\u304d\u3064\u3051\u308b\u6620\u50cf\u8cc7\u7523\u3092\u69cb\u7bc9\u3057\u307e\u3059\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style>\n  \/* \u2605\u8ffd\u52a0\uff1a\u30da\u30fc\u30b8\u5168\u4f53\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u30b9\u30e0\u30fc\u30ba\u306b\u3059\u308b *\/\n  html {\n    scroll-behavior: smooth;\n  }\n\n  \/* ========================================\n     BtoB Talk Show Webinar LP - Pricing Table (Animated Frame)\n     + Added Conversion Area with Smooth Scroll\n  ======================================== *\/\n  .bizup-pricing-fadein {\n    --beige-bg: #fffbf5;\n    --orange: #f57000;\n    --navy: #1a202c;\n    --white: #ffffff;\n    --border: #e2e8f0;\n    --gray-bg: #f8f9fa;\n    --text-muted: #64748b;\n    \n    padding: 80px 0;\n    background-color: var(--white);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Yu Gothic\", \"Meiryo\", sans-serif;\n  }\n\n  .bizup-pricing-fadein .container {\n    width: 100%;\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  \/* \u30bb\u30af\u30b7\u30e7\u30f3\u30bf\u30a4\u30c8\u30eb *\/\n  .bizup-pricing-fadein .section-title {\n    font-size: 28px;\n    font-weight: 900;\n    color: var(--navy);\n    margin-bottom: 10px;\n    text-align: center;\n  }\n\n  .bizup-pricing-fadein .section-lead {\n    font-size: 15px;\n    font-weight: 700;\n    color: var(--orange);\n    margin-bottom: 40px;\n    text-align: center;\n  }\n\n  \/* \u8868\u306e\u69cb\u9020 *\/\n  .pricing-grid-fadein {\n    display: grid;\n    grid-template-columns: 180px 1fr 1fr 1fr;\n    border-top: 2px solid var(--navy);\n    background: var(--white);\n    position: relative;\n    z-index: 1;\n  }\n\n  .grid-item {\n    padding: 14px 10px;\n    border-bottom: 1px solid var(--border);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--navy);\n    line-height: 1.2;\n    background: var(--white);\n  }\n\n  .label-item {\n    background: var(--gray-bg);\n    justify-content: flex-start;\n    color: var(--text-muted);\n    font-size: 13px;\n    border-right: 1px solid var(--border);\n    padding-left: 15px;\n  }\n\n  .header-item {\n    background: var(--navy);\n    color: white;\n    font-size: 16px;\n    font-weight: 900;\n    padding: 18px 10px;\n    border-bottom: none;\n    z-index: 5;\n  }\n\n  .price-item {\n    background: #fafafa;\n    padding: 20px 10px;\n    display: flex;\n    align-items: baseline;\n    justify-content: center;\n  }\n  .price-num {\n    font-size: 32px;\n    font-weight: 900;\n    color: var(--navy);\n    display: inline-block;\n  }\n  .price-unit {\n    font-size: 14px;\n    margin-left: 4px;\n    font-weight: 800;\n  }\n\n  .featured-col {\n    position: relative;\n    z-index: 10;\n    border-left: 3px solid var(--orange);\n    border-right: 3px solid var(--orange);\n    opacity: 0;\n    transition: opacity 0.8s ease-in-out;\n  }\n  \n  .featured-col.animate-fadein {\n    opacity: 1;\n  }\n  \n  .featured-col.header-item {\n    background: var(--orange);\n    border-top: none;\n    border-left: 3px solid var(--orange);\n    border-right: 3px solid var(--orange);\n  }\n\n  .pop-badge {\n    position: absolute;\n    top: -14px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: var(--orange);\n    color: white;\n    font-size: 10px;\n    padding: 2px 14px;\n    border-radius: 10px;\n    z-index: 10;\n  }\n\n  .featured-col.last-row {\n    border-bottom: 3px solid var(--orange);\n    border-radius: 0 0 10px 10px;\n  }\n\n  .circle-mark {\n    font-size: 18px;\n    color: var(--navy);\n    font-weight: 900;\n  }\n  .featured-col .circle-mark {\n    color: var(--orange);\n  }\n\n  \/* \u2605CV\u30a8\u30ea\u30a2 *\/\n  .pricing-cta-area {\n    margin-top: 50px;\n    text-align: center;\n  }\n\n  .pricing-cta-lead {\n    display: block;\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--navy);\n    margin-bottom: 15px;\n    opacity: 0.8;\n  }\n\n  .pricing-cta-btn {\n    display: inline-block;\n    padding: 22px 60px;\n    background-color: var(--orange);\n    color: #fff;\n    text-decoration: none;\n    font-size: 20px;\n    font-weight: 900;\n    border-radius: 50px;\n    box-shadow: 0 10px 30px rgba(245, 112, 0, 0.3);\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  }\n\n  .pricing-cta-btn:hover {\n    transform: translateY(-4px) scale(1.02);\n    box-shadow: 0 15px 40px rgba(245, 112, 0, 0.4);\n    background-color: #ff7d1a;\n    color: #fff;\n  }\n\n  \/* \u2605\u4fee\u6b63\uff1a\u30b9\u30de\u30db\u6642\u306b\u300c\u8868\u306e\u69cb\u9020\u306f\u305d\u306e\u307e\u307e\u300d\u3067\u30ae\u30e5\u30c3\u3068\u5168\u4f53\u3092\u7e2e\u5c0f\u3059\u308b *\/\n  @media (max-width: 800px) {\n    .bizup-pricing-fadein { padding: 40px 0; }\n    .bizup-pricing-fadein .section-title { font-size: 24px; }\n    .bizup-pricing-fadein .section-lead { font-size: 12px; margin-bottom: 20px; }\n\n    \/* \u8868\u306e\u69cb\u9020\u3092\u7dad\u6301\u3057\u3001\u5e45\u306e\u6bd4\u7387\u3092\u30b9\u30de\u30db\u5411\u3051\u306b\u6700\u9069\u5316 *\/\n    .pricing-grid-fadein { \n      grid-template-columns: 24% 1fr 1fr 1fr; \n      border-top-width: 1px;\n    }\n    \n    .grid-item { \n      padding: 8px 4px; \n      font-size: 10px; \n    }\n    \n    \/* \u5de6\u5074\u306e\u30e9\u30d9\u30eb\u5217\u3082\u305d\u306e\u307e\u307e\u8868\u793a\u3057\u3001\u6587\u5b57\u30b5\u30a4\u30ba\u3092\u7e2e\u5c0f *\/\n    .label-item { \n      padding-left: 6px; \n      font-size: 9px; \n      word-break: break-word;\n    }\n    \n    .header-item { \n      font-size: 11px; \n      padding: 10px 4px; \n    }\n    \n    \/* \u4fa1\u683c\u90e8\u5206\u306e\u7e2e\u5c0f *\/\n    .price-item { \n      padding: 10px 4px; \n      flex-direction: column; \/* \u53ce\u307e\u308a\u3084\u3059\u3044\u3088\u3046\u306b\u7e26\u4e26\u3073\u306b *\/\n      align-items: center; \n    }\n    .price-num { font-size: 16px; }\n    .price-unit { font-size: 9px; margin-left: 0; margin-top: 2px; }\n    \n    .pop-badge { \n      font-size: 8px; \n      padding: 2px 6px; \n      top: -10px; \n      white-space: nowrap; \n    }\n    \n    .circle-mark { font-size: 14px; }\n    \n    \/* \u5f37\u8abf\u5217\u306e\u30dc\u30fc\u30c0\u30fc\u5e45\u3092\u5fae\u8abf\u6574 *\/\n    .featured-col { border-width: 2px; }\n    .featured-col.header-item { border-left-width: 2px; border-right-width: 2px; }\n    .featured-col.last-row { border-bottom-width: 2px; border-radius: 0 0 6px 6px; }\n\n    .pricing-cta-area { margin-top: 30px; }\n    .pricing-cta-btn { width: 90%; padding: 18px 0; font-size: 16px; }\n  }\n<\/style>\n\n<section id=\"pricing\" class=\"bizup-pricing-fadein js-pricing-table-trigger\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">\u6599\u91d1\u30d7\u30e9\u30f3<\/h2>\n    <p class=\"section-lead\">\u5168\u3066\u306e\u30d7\u30e9\u30f3\u306b\u300cBtoB\u7279\u5316\u306e\u30bf\u30fc\u30b2\u30c3\u30c8\u6226\u7565\u8a2d\u8a08\u300d\u304c\u542b\u307e\u308c\u307e\u3059<\/p>\n\n    <div class=\"pricing-grid-fadein\">\n      <div class=\"grid-item label-item header-item\">\u30d7\u30e9\u30f3\u540d<\/div>\n      <div class=\"grid-item header-item\">\u30e9\u30a4\u30c8<\/div>\n      <div class=\"grid-item header-item featured-col\">\n        <span class=\"pop-badge\">\u4eba\u6c17No.1<\/span>\n        \u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\n      <\/div>\n      <div class=\"grid-item header-item\">\u30d7\u30ed\u904b\u7528<\/div>\n\n      <div class=\"grid-item label-item price-item\">\u521d\u671f\/\u6708\u984d\u8cbb\u7528<\/div>\n      <div class=\"grid-item price-item\">\n        <span class=\"price-num\">80<\/span><span class=\"price-unit\">\u4e07\u5186\u301c \/ \u672c<\/span>\n      <\/div>\n      <div class=\"grid-item price-item featured-col\">\n        <span class=\"price-num\">150<\/span><span class=\"price-unit\">\u4e07\u5186\u301c \/ \u672c<\/span>\n      <\/div>\n      <div class=\"grid-item price-item\">\n        <span class=\"price-num\">60<\/span><span class=\"price-unit\">\u4e07\u5186\u301c \/ \u6708<\/span>\n      <\/div>\n\n      <div class=\"grid-item label-item\" data-label=\"\u6226\u7565\u8a2d\u8a08\">\u30bf\u30fc\u30b2\u30c3\u30c8\u6226\u7565\u8a2d\u8a08<\/div>\n      <div class=\"grid-item\"><span class=\"circle-mark\">\u25cb<\/span><\/div>\n      <div class=\"grid-item featured-col\"><span class=\"circle-mark\">\u25cb<\/span><\/div>\n      <div class=\"grid-item\"><span class=\"circle-mark\">\u25cb<\/span><\/div>\n\n      <div class=\"grid-item label-item\" data-label=\"\u4f01\u753b\u30fb\u53f0\u672c\">\u756a\u7d44\u4f01\u753b\u30fb\u53f0\u672c\u4f5c\u6210<\/div>\n      <div class=\"grid-item\"><span class=\"circle-mark\">\u25cb<\/span><\/div>\n      <div class=\"grid-item featured-col\"><span class=\"circle-mark\">\u25cb<\/span><\/div>\n      <div class=\"grid-item\"><span class=\"circle-mark\">\u25cb<\/span><\/div>\n\n      <div class=\"grid-item label-item\" data-label=\"\u64ae\u5f71\">\u30b9\u30bf\u30b8\u30aa\u64ae\u5f71<\/div>\n      <div class=\"grid-item\">1\u65e5<\/div>\n      <div class=\"grid-item featured-col\">1\u65e5<\/div>\n      <div class=\"grid-item\">\u5b9a\u671f\u64ae\u5f71<\/div>\n\n      <div class=\"grid-item label-item\" data-label=\"\u7de8\u96c6\">\u672c\u7de8\u6620\u50cf\u7de8\u96c6<\/div>\n      <div class=\"grid-item\"><span class=\"circle-mark\">\u25cb<\/span><\/div>\n      <div class=\"grid-item featured-col\"><span class=\"circle-mark\">\u25cb<\/span><\/div>\n      <div class=\"grid-item\"><span class=\"circle-mark\">\u25cb<\/span><\/div>\n\n      <div class=\"grid-item label-item\" data-label=\"2\u6b21\u5229\u7528\">2\u6b21\u5229\u7528\u30b7\u30e7\u30fc\u30c8<\/div>\n      <div class=\"grid-item\">&#8211;<\/div>\n      <div class=\"grid-item featured-col\">3\u672c<\/div>\n      <div class=\"grid-item\">\u91cf\u7523\u5bfe\u5fdc<\/div>\n\n      <div class=\"grid-item label-item\" data-label=\"\u544a\u77e5\u52d5\u753b\">\u544a\u77e5\u7528\u30c0\u30a4\u30b8\u30a7\u30b9\u30c8\u5236\u4f5c<\/div>\n      <div class=\"grid-item\">&#8211;<\/div>\n      <div class=\"grid-item featured-col\"><span class=\"circle-mark\">\u25cb<\/span><\/div>\n      <div class=\"grid-item\"><span class=\"circle-mark\">\u25cb<\/span><\/div>\n\n      <div class=\"grid-item label-item last-row\" data-label=\"\u30ec\u30dd\u30fc\u30c8\">\u5206\u6790\u30fb\u30ec\u30dd\u30fc\u30c8\u63d0\u51fa<\/div>\n      <div class=\"grid-item last-row\">\u7c21\u6613\u30ec\u30dd\u30fc\u30c8<\/div>\n      <div class=\"grid-item featured-col last-row\">\u8a73\u7d30\u5206\u6790\u30ec\u30dd\u30fc\u30c8<\/div>\n      <div class=\"grid-item last-row\">\u6708\u6b21\u6539\u5584MTG<\/div>\n    <\/div>\n\n    <div class=\"pricing-cta-area\">\n      <span class=\"pricing-cta-lead\">\u8cb4\u793e\u306b\u6700\u9069\u306a\u30d7\u30e9\u30f3\u3092\u5c02\u9580\u30b9\u30bf\u30c3\u30d5\u304c\u3054\u63d0\u6848\u3057\u307e\u3059<\/span>\n      <a href=\"#contact\" class=\"pricing-cta-btn\">\u307e\u305a\u306f\u7121\u6599\u76f8\u8ac7\u3092\u3057\u3066\u307f\u308b<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n  const priceObserver = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('animate-fadein');\n        priceObserver.unobserve(entry.target);\n      }\n    });\n  }, {\n    threshold: 0.5\n  });\n\n  document.querySelectorAll('.featured-col').forEach(frame => {\n    priceObserver.observe(frame);\n  });\n<\/script>\n\n\n\n<style>\n  \/* ========================================\n     BtoB Talk Show Webinar LP - FAQ Section\n     Refined Accordion (Copyright item removed)\n  ======================================== *\/\n  .bizup-faq-clean {\n    --white: #ffffff;\n    --navy: #1a202c;\n    --orange: #f57000;\n    --bg-gray: #f8fafc;\n    --border: #e2e8f0;\n    --text-main: #334155;\n    \n    padding: 80px 0;\n    background-color: var(--white);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Yu Gothic\", \"Meiryo\", sans-serif;\n  }\n\n  .bizup-faq-clean .container {\n    width: 100%;\n    max-width: 850px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  .bizup-faq-clean .section-title {\n    font-size: 32px;\n    font-weight: 900;\n    color: var(--navy);\n    margin-bottom: 50px;\n    text-align: center;\n    letter-spacing: 0.05em;\n  }\n\n  \/* \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u30a2\u30a4\u30c6\u30e0 *\/\n  .faq-acc-item {\n    margin-bottom: 16px;\n    border: 1px solid var(--border);\n    border-radius: 16px;\n    background: var(--white);\n    overflow: hidden;\n    transition: all 0.3s ease;\n  }\n\n  .faq-acc-item:hover {\n    border-color: var(--orange);\n    box-shadow: 0 10px 20px rgba(0,0,0,0.03);\n  }\n\n  \/* \u8cea\u554f(Trigger) *\/\n  .faq-acc-trigger {\n    width: 100%;\n    padding: 24px 30px;\n    background: transparent;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    text-align: left;\n    outline: none;\n  }\n\n  .faq-q-box {\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    font-size: 17px;\n    font-weight: 800;\n    color: var(--navy);\n    line-height: 1.4;\n  }\n\n  .faq-q-box::before {\n    content: \"Q\";\n    font-size: 22px;\n    font-weight: 900;\n    color: var(--orange);\n    line-height: 1;\n  }\n\n  \/* \u958b\u9589\u30a2\u30a4\u30b3\u30f3 (+\/-) *\/\n  .faq-acc-icon {\n    position: relative;\n    width: 18px;\n    height: 18px;\n    flex-shrink: 0;\n    margin-left: 20px;\n  }\n\n  .faq-acc-icon::before,\n  .faq-acc-icon::after {\n    content: \"\";\n    position: absolute;\n    background: var(--navy);\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    transition: transform 0.3s, opacity 0.3s;\n  }\n  .faq-acc-icon::before { width: 100%; height: 2px; }\n  .faq-acc-icon::after { width: 2px; height: 100%; }\n\n  \/* \u30a2\u30af\u30c6\u30a3\u30d6\u6642\u306e\u30a2\u30a4\u30b3\u30f3 *\/\n  .faq-acc-item.is-active .faq-acc-icon::after {\n    transform: translate(-50%, -50%) rotate(90deg);\n    opacity: 0;\n  }\n\n  \/* \u56de\u7b54\u30d1\u30cd\u30eb *\/\n  .faq-acc-panel {\n    max-height: 0;\n    overflow: hidden;\n    background: var(--bg-gray);\n    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .faq-a-box {\n    padding: 30px 30px 35px 70px;\n    font-size: 16px;\n    line-height: 1.8;\n    color: var(--text-main);\n    position: relative;\n  }\n\n  .faq-a-box::before {\n    content: \"A\";\n    position: absolute;\n    left: 30px;\n    top: 28px;\n    font-size: 22px;\n    font-weight: 900;\n    color: var(--navy);\n    line-height: 1;\n  }\n\n  .faq-acc-item.is-active .faq-acc-panel {\n    max-height: 500px;\n  }\n\n  \/* \u5f37\u8abf\u30e9\u30a4\u30f3 *\/\n  .faq-a-box strong {\n    color: var(--navy);\n    background: linear-gradient(transparent 70%, rgba(245, 112, 0, 0.1) 70%);\n  }\n\n  @media (max-width: 600px) {\n    .faq-acc-trigger { padding: 20px; }\n    .faq-q-box { font-size: 15px; }\n    .faq-a-box { padding: 25px 20px 30px 55px; font-size: 14px; }\n    .faq-a-box::before { left: 20px; top: 25px; }\n  }\n<\/style>\n\n<section id=\"faq\" class=\"bizup-faq-clean\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/h2>\n\n    <div class=\"faq-acc-list\">\n      \n      <div class=\"faq-acc-item\">\n        <button class=\"faq-acc-trigger\">\n          <span class=\"faq-q-box\">\u4f01\u753b\u304c\u5168\u304f\u6c7a\u307e\u3063\u3066\u3044\u307e\u305b\u3093\u304c\u3001\u76f8\u8ac7\u53ef\u80fd\u3067\u3059\u304b\uff1f<\/span>\n          <span class=\"faq-acc-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-acc-panel\">\n          <div class=\"faq-a-box\">\n            \u306f\u3044\u3001\u3082\u3061\u308d\u3093\u3067\u3059\u3002BiZ-UP\u306f\u5358\u306a\u308b\u5236\u4f5c\u4ee3\u884c\u3067\u306f\u306a\u304f\u3001<strong>\u6226\u7565\u8a2d\u8a08\u304b\u3089\u4f34\u8d70\u3059\u308b\u30b9\u30bf\u30a4\u30eb<\/strong>\u3092\u5f97\u610f\u3068\u3057\u3066\u3044\u307e\u3059\u3002\u8cb4\u793e\u306e\u30bf\u30fc\u30b2\u30c3\u30c8\u3084\u89e3\u6c7a\u3057\u305f\u3044\u8ab2\u984c\u3092\u30d2\u30a2\u30ea\u30f3\u30b0\u3057\u3001\u6700\u9069\u306a\u756a\u7d44\u30c6\u30fc\u30de\u3084\u69cb\u6210\u6848\u304b\u3089\u3054\u63d0\u6848\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-acc-item\">\n        <button class=\"faq-acc-trigger\">\n          <span class=\"faq-q-box\">\u53ce\u9332\u306b\u3042\u305f\u3063\u3066\u3001\u3053\u3061\u3089\u3067\u6e96\u5099\u3059\u308b\u3082\u306e\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/span>\n          <span class=\"faq-acc-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-acc-panel\">\n          <div class=\"faq-a-box\">\n            \u57fa\u672c\u7684\u306b\u306f<strong>\u300c\u624b\u3076\u3089\u300d\u3067\u3054\u53c2\u52a0\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/strong>\u53f0\u672c\u306e\u4f5c\u6210\u3001\u30b9\u30bf\u30b8\u30aa\u306e\u624b\u914d\u3001\u5f53\u65e5\u306e\u9032\u884c\u306f\u3059\u3079\u3066\u5f0a\u793e\u304c\u884c\u3044\u307e\u3059\u3002\u8cb4\u793e\u306b\u306f\u51fa\u6f14\u3055\u308c\u308b\u65b9\u306e\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u8abf\u6574\u3068\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u5171\u6709\u3057\u305f\u3044\u8cc7\u6599\uff08\u30b9\u30e9\u30a4\u30c9\u7b49\uff09\u306e\u63d0\u4f9b\u306e\u307f\u304a\u9858\u3044\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-acc-item\">\n        <button class=\"faq-acc-trigger\">\n          <span class=\"faq-q-box\">\u5236\u4f5c\u671f\u9593\u306f\u3069\u306e\u304f\u3089\u3044\u304b\u304b\u308a\u307e\u3059\u304b\uff1f<\/span>\n          <span class=\"faq-acc-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-acc-panel\">\n          <div class=\"faq-a-box\">\n            \u6226\u7565\u8a2d\u8a08\u304b\u3089\u53ce\u9332\u3001\u7de8\u96c6\u3001\u7d0d\u54c1\u307e\u3067<strong>\u6a19\u6e96\u3067\u7d042\u30f6\u6708<\/strong>\u3092\u60f3\u5b9a\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u672c\u6570\u3084\u5185\u5bb9\u306b\u3088\u3063\u3066\u5909\u52d5\u3044\u305f\u3057\u307e\u3059\u304c\u3001\u304a\u6025\u304e\u306e\u5834\u5408\u3082\u67d4\u8edf\u306b\u8abf\u6574\u53ef\u80fd\u3067\u3059\u3002\u307e\u305a\u306f\u3054\u5e0c\u671b\u306e\u7d0d\u671f\u3092\u304a\u77e5\u3089\u305b\u304f\u3060\u3055\u3044\u3002\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-acc-item\">\n        <button class=\"faq-acc-trigger\">\n          <span class=\"faq-q-box\">\u52d5\u753b\u5236\u4f5c\u5f8c\u306e\u30ea\u30fc\u30c9\u7372\u5f97\u652f\u63f4\u3082\u304a\u9858\u3044\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n          <span class=\"faq-acc-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-acc-panel\">\n          <div class=\"faq-a-box\">\n            \u306f\u3044\u3001\u53ef\u80fd\u3067\u3059\u3002\u300c\u30d7\u30ed\u904b\u7528\u30d7\u30e9\u30f3\u300d\u3067\u306f\u52d5\u753b\u516c\u958b\u5f8c\u306e\u8996\u8074\u30c7\u30fc\u30bf\u5206\u6790\u3084\u3001<strong>\u5546\u8ac7\u5275\u51fa\u3092\u6700\u5927\u5316\u3059\u308b\u305f\u3081\u306e\u5c0e\u7dda\u6539\u5584\u63d0\u6848<\/strong>\u3082\u5b9a\u671f\u7684\u306b\u884c\u3063\u3066\u304a\u308a\u307e\u3059\u3002\u516c\u958b\u3057\u3066\u7d42\u308f\u308a\u306b\u305b\u305a\u3001\u6210\u679c\u304c\u51fa\u308b\u307e\u3067\u7d99\u7d9a\u7684\u306b\u4e26\u8d70\u3044\u305f\u3057\u307e\u3059\u3002\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  \/\/ FAQ Accordion logic\n  document.addEventListener('DOMContentLoaded', () => {\n    const triggers = document.querySelectorAll('.faq-acc-trigger');\n\n    triggers.forEach(trigger => {\n      trigger.addEventListener('click', () => {\n        const currentItem = trigger.parentElement;\n        const isOpen = currentItem.classList.contains('is-active');\n\n        \/\/ \u4ed6\u306e\u30d1\u30cd\u30eb\u3092\u9589\u3058\u305f\u3044\u5834\u5408\u306f\u4ee5\u4e0b\u3092\u6709\u52b9\u5316\n        \/\/ document.querySelectorAll('.faq-acc-item').forEach(i => i.classList.remove('is-active'));\n\n        if (!isOpen) {\n          currentItem.classList.add('is-active');\n        } else {\n          currentItem.classList.remove('is-active');\n        }\n      });\n    });\n  });\n<\/script>\n\n\n\n<style>\n  \/* \u30b9\u30bf\u30a4\u30eb\u306f\u5909\u66f4\u306a\u3057\u3001\u6a5f\u80fd\u3092\u6709\u52b9\u5316\u3059\u308b\u305f\u3081\u306e\u8abf\u6574\u306e\u307f *\/\n  .bizup-cta-final-full {\n    --white: #ffffff;\n    --navy: #1a202c;\n    --orange: #f57000;\n    --text-main: #1e293b;\n    --border-navy: #1a202c;\n    padding: 30px 0 80px;\n    position: relative;\n    overflow: hidden;\n    background: linear-gradient(135deg, #fffcf8 0%, #fef3e7 100%);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Yu Gothic\", \"Meiryo\", sans-serif;\n  }\n\n  .bizup-cta-final-full::before {\n    content: \"\";\n    position: absolute;\n    top: 50px;\n    left: -50px;\n    width: 200%;\n    height: 200%;\n    background-image: \n      radial-gradient(circle at 10% 10%, rgba(26, 32, 44, 0.03) 1%, transparent 1%),\n      linear-gradient(135deg, transparent 40%, rgba(26, 32, 44, 0.05) 45%, transparent 50%),\n      linear-gradient(-135deg, transparent 40%, rgba(245, 112, 0, 0.05) 45%, transparent 50%);\n    background-size: 80px 80px, 150px 150px, 150px 150px;\n    transform: rotate(-10deg);\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  .bizup-cta-final-full .container {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 1060px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  .cta-header-full { text-align: center; margin-bottom: 40px; }\n  .cta-header-full .sub-label-top {\n    display: block; font-size: 14px; font-weight: 800; color: var(--orange); margin-bottom: 5px; letter-spacing: 0.15em;\n  }\n  .cta-header-full h2 {\n    font-size: 34px; font-weight: 900; color: var(--navy); line-height: 1.2; margin: 0; position: relative; display: inline-block;\n  }\n  .cta-header-full h2::after {\n    content: \"\"; position: absolute; bottom: -10px; left: 0; width: 0; height: 3px; background: var(--orange); border-radius: 2px; opacity: 0;\n  }\n  .cta-header-full h2.animate-underline::after {\n    opacity: 1; animation: underline-grow-cta 1.2s forwards ease-in-out; animation-delay: 0.3s;\n  }\n  @keyframes underline-grow-cta { to { width: 100%; } }\n  .cta-header-full p { font-size: 18px; color: var(--navy); font-weight: 600; line-height: 1.6; margin-top: 8px; }\n\n  .contact-card-full {\n    background: var(--white); padding: 50px 60px; border-radius: 24px; box-shadow: 0 15px 50px rgba(26, 32, 44, 0.08); border: 1px solid #e2e8f0;\n  }\n  .f-row { margin-bottom: 25px; }\n  .f-label-main { display: block; font-size: 15px; font-weight: 800; color: var(--navy); margin-bottom: 10px; }\n  .f-label-main span { background: #ff4d4f; color: white; font-size: 11px; padding: 2px 8px; border-radius: 4px; margin-left: 10px; }\n  .f-control { width: 100%; padding: 15px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 16px; box-sizing: border-box; background: #fcfcfc; transition: 0.3s; }\n  .f-control:focus { outline: none; border-color: var(--orange); box-shadow: 0 0 0 4px rgba(245, 112, 0, 0.1); background: #fff; }\n\n  .f-checkbox-wrapper {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; background: #f8fafc; padding: 20px; border-radius: 12px; border: 1px solid #edf2f7;\n  }\n  .f-checkbox-item { font-size: 14px; color: var(--text-main); cursor: pointer; font-weight: 600; display: flex; align-items: center; gap: 8px; }\n  .f-checkbox-item input { transform: scale(1.1); cursor: pointer; }\n\n  .f-submit-btn-full {\n    width: 100%; max-width: 400px; padding: 22px; background: var(--orange); color: white; font-size: 20px; font-weight: 900; border: none; border-radius: 50px; cursor: pointer; transition: 0.3s; box-shadow: 0 10px 30px rgba(245, 112, 0, 0.3); display: block; margin: 40px auto 0;\n  }\n  .f-submit-btn-full:hover { transform: translateY(-3px); background: #ff7d1a; box-shadow: 0 15px 40px rgba(245, 112, 0, 0.4); }\n  .f-submit-btn-full:disabled { background: #ccc; cursor: not-allowed; transform: none; box-shadow: none; }\n\n  @media (max-width: 800px) {\n    .cta-header-full h2 { font-size: 24px; }\n    .contact-card-full { padding: 30px 20px; }\n    .f-checkbox-wrapper { grid-template-columns: 1fr; padding: 15px; }\n  }\n<\/style>\n\n<section id=\"contact\" class=\"bizup-cta-final-full\">\n  <div class=\"container\">\n    \n    <div class=\"cta-header-full\">\n      <span class=\"sub-label-top\">CONTACT US<\/span>\n      <h2 class=\"js-cta-trigger\">\u307e\u305a\u306f\u7121\u6599\u76f8\u8ac7\u304b\u3089\u59cb\u3081\u307e\u305b\u3093\u304b\uff1f<\/h2>\n      <p>\n        \u5546\u8ac7\u306b\u76f4\u7d50\u3059\u308b\u52d5\u753b\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u3092\u3002<br>\n        \u8cb4\u793e\u306e\u8ab2\u984c\u306b\u5408\u308f\u305b\u305f\u6700\u9069\u306a\u904b\u7528\u30d7\u30e9\u30f3\u3092\u3001\u5c02\u9580\u30b9\u30bf\u30c3\u30d5\u304c\u7121\u6599\u3067\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\n      <\/p>\n    <\/div>\n\n    <div class=\"contact-card-full\">\n      <form id=\"bizup-final-contact-form\">\n        <div class=\"f-row\">\n          <label class=\"f-label-main\">\u8cb4\u793e\u540d<span>\u5fc5\u9808<\/span><\/label>\n          <input type=\"text\" name=\"company_name\" class=\"f-control\" placeholder=\"\u682a\u5f0f\u4f1a\u793e\u3007\u3007\" required>\n        <\/div>\n        <div class=\"f-row\">\n          <label class=\"f-label-main\">\u304a\u540d\u524d<span>\u5fc5\u9808<\/span><\/label>\n          <input type=\"text\" name=\"your_name\" class=\"f-control\" placeholder=\"\u7530\u4e2d \u592a\u90ce\" required>\n        <\/div>\n        <div class=\"f-row\">\n          <label class=\"f-label-main\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<span>\u5fc5\u9808<\/span><\/label>\n          <input type=\"email\" name=\"your_email\" class=\"f-control\" placeholder=\"example@biz-up.jp\" required>\n        <\/div>\n        \n        <div class=\"f-row\">\n          <label class=\"f-label-main\">\u3054\u76f8\u8ac7\u5185\u5bb9\uff08\u8907\u6570\u9078\u629e\u53ef\uff09<\/label>\n          <div class=\"f-checkbox-wrapper\">\n            <label class=\"f-checkbox-item\"><input type=\"checkbox\" name=\"trouble[]\" value=\"\u30ea\u30fc\u30c9\u7372\u5f97\u30fb\u5546\u8ac7\u5275\u51fa\"> \u30ea\u30fc\u30c9\u7372\u5f97\u30fb\u5546\u8ac7\u5275\u51fa<\/label>\n            <label class=\"f-checkbox-item\"><input type=\"checkbox\" name=\"trouble[]\" value=\"\u30a6\u30a7\u30d3\u30ca\u30fc\u306e\u54c1\u8cea\u6539\u5584\"> \u30a6\u30a7\u30d3\u30ca\u30fc\u306e\u54c1\u8cea\u6539\u5584<\/label>\n            <label class=\"f-checkbox-item\"><input type=\"checkbox\" name=\"trouble[]\" value=\"YouTube\u6d3b\u7528\u30fb\u8cc7\u7523\u5316\"> YouTube\u6d3b\u7528\u30fb\u8cc7\u7523\u5316<\/label>\n            <label class=\"f-checkbox-item\"><input type=\"checkbox\" name=\"trouble[]\" value=\"\u904b\u7528\u30fb\u5236\u4f5c\u306e\u5de5\u6570\u524a\u6e1b\"> \u904b\u7528\u30fb\u5236\u4f5c\u306e\u5de5\u6570\u524a\u6e1b<\/label>\n            <label class=\"f-checkbox-item\"><input type=\"checkbox\" name=\"trouble[]\" value=\"\u63a1\u7528\u30fb\u793e\u5185\u7814\u4fee\u3078\u306e\u6d3b\u7528\"> \u63a1\u7528\u30fb\u793e\u5185\u7814\u4fee\u3078\u306e\u6d3b\u7528<\/label>\n            <label class=\"f-checkbox-item\"><input type=\"checkbox\" name=\"trouble[]\" value=\"\u30b9\u30bf\u30b8\u30aa\u53ce\u9332\u30fb\u914d\u4fe1\u30b5\u30dd\u30fc\u30c8\"> \u30b9\u30bf\u30b8\u30aa\u53ce\u9332\u30fb\u914d\u4fe1\u30b5\u30dd\u30fc\u30c8<\/label>\n            <label class=\"f-checkbox-item\"><input type=\"checkbox\" name=\"trouble[]\" value=\"\u4f01\u753b\u30fb\u6226\u7565\u8a2d\u8a08\u304b\u3089\u306e\u76f8\u8ac7\"> \u4f01\u753b\u30fb\u6226\u7565\u8a2d\u8a08\u304b\u3089\u306e\u76f8\u8ac7<\/label>\n            <label class=\"f-checkbox-item\"><input type=\"checkbox\" name=\"trouble[]\" value=\"\u305d\u306e\u4ed6\"> \u305d\u306e\u4ed6<\/label>\n          <\/div>\n        <\/div>\n\n        <div class=\"f-row\">\n          <label class=\"f-label-main\">\u30e1\u30c3\u30bb\u30fc\u30b8\uff08\u4efb\u610f\uff09<\/label>\n          <textarea name=\"your_message\" class=\"f-control\" style=\"height:100px;\" placeholder=\"\u73fe\u5728\u306e\u8ab2\u984c\u3084\u3054\u76f8\u8ac7\u5185\u5bb9\u306a\u3069\u3001\u304a\u6c17\u8efd\u306b\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\u3002\"><\/textarea>\n        <\/div>\n        \n        <button type=\"submit\" class=\"f-submit-btn-full\" id=\"final-submit-btn\">\u7121\u6599\u3067\u63d0\u6848\u3092\u53d7\u3051\u3066\u307f\u308b<\/button>\n        <div id=\"final-form-status\" style=\"margin-top:20px; text-align:center; font-weight:bold; font-size:14px;\"><\/div>\n      <\/form>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n  \/\/ \u2605\u9001\u4fe1\u51e6\u7406\u7528JavaScript\n  document.getElementById('bizup-final-contact-form').addEventListener('submit', function(e) {\n    e.preventDefault();\n    \n    const form = e.target;\n    const btn = document.getElementById('final-submit-btn');\n    const status = document.getElementById('final-form-status');\n    const formData = new FormData(form);\n    formData.append('action', 'send_bizup_contact');\n\n    btn.disabled = true;\n    btn.innerText = '\u9001\u4fe1\u4e2d...';\n    status.innerText = '';\n\n    fetch('\/wp-admin\/admin-ajax.php', {\n      method: 'POST',\n      body: formData\n    })\n    .then(res => res.json())\n    .then(data => {\n      if(data.success) {\n        status.style.color = \"#f57000\";\n        status.innerText = \"\u53d7\u3051\u4ed8\u3051\u307e\u3057\u305f\u3002\u5185\u5bb9\u3092\u78ba\u8a8d\u3057\u3001\u62c5\u5f53\u3088\u308a\u3054\u9023\u7d61\u3044\u305f\u3057\u307e\u3059\u3002\";\n        form.reset();\n      } else {\n        throw new Error();\n      }\n    })\n    .catch(() => {\n      status.style.color = \"red\";\n      status.innerText = \"\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002\u304a\u624b\u6570\u3067\u3059\u304c\u304a\u96fb\u8a71\u306b\u3066\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\";\n    })\n    .finally(() => {\n      btn.disabled = false;\n      btn.innerText = \"\u7121\u6599\u3067\u63d0\u6848\u3092\u53d7\u3051\u3066\u307f\u308b\";\n    });\n  });\n\n  \/\/ \u65e2\u5b58\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u51e6\u7406\n  const ctaObs = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('animate-underline');\n        ctaObs.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.5 });\n  ctaObs.observe(document.querySelector('.js-cta-trigger'));\n<\/script>\n\n\n\n<style>\n  \/* ========================================\n     BiZ-UP - Floating Material Popup (Improved)\n  ======================================== *\/\n  .bizup-float-popup {\n    --p-orange: #f57000;\n    --p-navy: #1a202c;\n    --p-white: #ffffff;\n    \n    position: fixed;\n    bottom: 30px;\n    right: 30px;\n    z-index: 99999;\n    display: flex;\n    align-items: center;\n    background: var(--p-white);\n    border: 3px solid var(--p-orange);\n    border-radius: 16px;\n    padding: 20px;\n    box-shadow: 0 15px 45px rgba(0,0,0,0.2);\n    width: 420px;\n    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;\n    transform: translateX(130%); \/* \u521d\u671f\u72b6\u614b\u306f\u96a0\u3059 *\/\n    text-decoration: none;\n    cursor: pointer;\n  }\n\n  \/* \u8868\u793a\u4e2d *\/\n  .bizup-float-popup.is-visible {\n    transform: translateX(0);\n  }\n\n  \/* \u5207\u308a\u66ff\u3048\u6642\u306e\u300c\u518d\u8868\u793a\u300d\u7528\u306e\u4e00\u6642\u7684\u306a\u96a0\u3057\u72b6\u614b *\/\n  .bizup-float-popup.re-pop {\n    transform: translateX(130%) !important;\n    opacity: 0;\n  }\n\n  .bizup-float-popup:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 50px rgba(245, 112, 0, 0.3);\n  }\n\n  .p-thumb {\n    flex-shrink: 0;\n    width: 90px;\n    height: 90px;\n    background: #f8f9fa;\n    border-radius: 8px;\n    padding: 8px;\n    margin-right: 15px;\n  }\n  .p-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }\n\n  .p-content { flex-grow: 1; }\n  .p-tag {\n    display: inline-block;\n    background: var(--p-orange);\n    color: #fff;\n    font-size: 11px;\n    font-weight: 800;\n    padding: 3px 10px;\n    border-radius: 4px;\n    margin-bottom: 8px;\n    transition: background 0.3s;\n  }\n  .p-title {\n    display: block;\n    color: var(--p-navy);\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1.5;\n    margin-bottom: 10px;\n  }\n  .p-btn {\n    display: block;\n    text-align: center;\n    background: var(--p-navy);\n    color: #fff;\n    font-size: 12px;\n    font-weight: 700;\n    padding: 8px;\n    border-radius: 4px;\n  }\n\n  .p-close {\n    position: absolute;\n    top: -12px;\n    right: -12px;\n    width: 28px;\n    height: 28px;\n    background: #4a5568;\n    color: #fff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    cursor: pointer;\n    border: 2px solid #fff;\n  }\n\n  @media (max-width: 480px) {\n    .bizup-float-popup {\n      bottom: 15px;\n      right: 15px;\n      left: 15px;\n      width: auto;\n      padding: 12px;\n      border-width: 2px;\n    }\n    .p-thumb { width: 65px; height: 65px; }\n    .p-title { font-size: 13px; }\n  }\n\n  \/* \u30d5\u30a9\u30fc\u30e0\u753b\u50cf\u30b5\u30a4\u30ba\u56fa\u5b9a *\/\n  .bizup-lp .form-thumb img { width: 80px !important; height: 80px !important; }\n<\/style>\n\n<a href=\"#contact\" class=\"bizup-float-popup\" id=\"js-float-popup\">\n  <div class=\"p-close\" id=\"js-close-popup\">\u00d7<\/div>\n  <div class=\"p-thumb\">\n    <img decoding=\"async\" src=\"http:\/\/www.heroisu.com\/wp-content\/uploads\/2026\/04\/\u540d\u79f0_\u672a_\u8a2d\u5b9a-2-2.png\" alt=\"\u8cc7\u6599\u30a2\u30a4\u30b3\u30f3\">\n  <\/div>\n  <div class=\"p-content\">\n    <span class=\"p-tag\" id=\"js-popup-tag\">\u7121\u6599\u30d7\u30ec\u30bc\u30f3\u30c8\u4e2d<\/span>\n    <span class=\"p-title\" id=\"js-popup-title\">\u60c5\u5831\u53ce\u96c6\u5c64\u3092\u30d5\u30a1\u30f3\u5316\u3059\u308b<br>\u300c\u756a\u7d44\u578b\u30a6\u30a7\u30d3\u30ca\u30fc\u300d\u306e\u8cc7\u6599<\/span>\n    <span class=\"p-btn\" id=\"js-popup-btn\">\u7121\u6599\u3067\u8cc7\u6599\u3092\u3082\u3089\u3046<\/span>\n  <\/div>\n<\/a>\n\n<script>\n  window.addEventListener('load', function() {\n    const popup = document.getElementById('js-float-popup');\n    const closeBtn = document.getElementById('js-close-popup');\n    const pTag = document.getElementById('js-popup-tag');\n    const pTitle = document.getElementById('js-popup-title');\n    const pBtn = document.getElementById('js-popup-btn');\n    \n    let currentMode = 'material'; \/\/ material or inquiry\n\n    if (!popup) return;\n\n    \/\/ \u521d\u671f\u8868\u793a\n    setTimeout(() => {\n      if (!localStorage.getItem('bizup_popup_closed')) {\n        popup.classList.add('is-visible');\n      }\n    }, 2000);\n\n    \/\/ \u9589\u3058\u308b\u30dc\u30bf\u30f3\n    closeBtn.addEventListener('click', function(e) {\n      e.preventDefault();\n      e.stopPropagation();\n      popup.classList.remove('is-visible');\n      localStorage.setItem('bizup_popup_closed', 'true');\n    });\n\n    \/\/ \u5207\u308a\u66ff\u3048\u95a2\u6570\uff08\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u4ed8\u304d\uff09\n    const updatePopup = (mode) => {\n      if (currentMode === mode) return; \/\/ \u65e2\u306b\u305d\u306e\u30e2\u30fc\u30c9\u306a\u3089\u4f55\u3082\u3057\u306a\u3044\n      currentMode = mode;\n\n      \/\/ 1. \u4e00\u5ea6\u96a0\u3059\n      popup.classList.add('re-pop');\n\n      \/\/ 2. \u96a0\u308c\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u5185\u5bb9\u3092\u66f8\u304d\u63db\u3048\n      setTimeout(() => {\n        if (mode === 'inquiry') {\n          pTag.innerText = '\u7121\u6599\u76f8\u8ac7\u53d7\u4ed8\u4e2d';\n          pTag.style.background = '#1a202c'; \n          pTitle.innerHTML = '\u8cb4\u793e\u5c02\u7528\u306e\u30a6\u30a7\u30d3\u30ca\u30fc\u6226\u7565\u3092<br>\u7121\u6599\u3067\u3054\u63d0\u6848\u3057\u307e\u3059';\n          pBtn.innerText = '\u7121\u6599\u554f\u3044\u5408\u308f\u305b\u3092\u3059\u308b';\n        } else {\n          pTag.innerText = '\u7121\u6599\u30d7\u30ec\u30bc\u30f3\u30c8\u4e2d';\n          pTag.style.background = '#f57000';\n          pTitle.innerHTML = '\u60c5\u5831\u53ce\u96c6\u5c64\u3092\u30d5\u30a1\u30f3\u5316\u3059\u308b<br>\u300c\u756a\u7d44\u578b\u30a6\u30a7\u30d3\u30ca\u30fc\u300d\u306e\u8cc7\u6599';\n          pBtn.innerText = '\u7121\u6599\u3067\u8cc7\u6599\u3092\u3082\u3089\u3046';\n        }\n        \n        \/\/ 3. \u518d\u5ea6\u8868\u793a\u3055\u305b\u308b\n        popup.classList.remove('re-pop');\n      }, 500); \/\/ \u96a0\u308c\u308b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u304c\u7d42\u308f\u308b\u306e\u3092\u5f85\u3064\n    };\n\n    \/\/ \u5c0e\u5165\u4f01\u696d\u3055\u307e\u306e\u58f0\u30bb\u30af\u30b7\u30e7\u30f3\uff08#voices\uff09\u3092\u76e3\u8996\n    const voicesSection = document.getElementById('voices') || document.querySelector('.bizup-voice'); \n    \n    if (voicesSection) {\n      const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            updatePopup('inquiry');\n          } else if (entry.boundingClientRect.top > 0) {\n            updatePopup('material');\n          }\n        });\n      }, { threshold: 0.1 });\n\n      observer.observe(voicesSection);\n    }\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>BiZ-UP\u3068\u306f \u4e8b\u4f8b\u7d39\u4ecb \u6599\u91d1\u30d7\u30e9\u30f3 FAQ \u7121\u6599\u3067\u76f8\u8ac7\u3059\u308b \u5c55\u793a\u4f1a\u3084\u5e83\u544a\u306b\u3001\u9650\u754c\u3092\u611f\u3058\u3066\u3044\u307e\u305b\u3093\u304b\uff1f \u53d7\u6ce8\u306b\u3064\u306a\u304c\u308b\u300c\u71b1\u3044\u30ea\u30fc\u30c9\u300d\u3092\u5275\u308b\u3001 BtoB\u30a6\u30a7\u30d3\u30ca\u30fc\u5b8c\u5168\u652f\u63f4\u30d1\u30c3\u30b1\u30fc\u30b8 \u300c\u756a\u7d44\u578b\u300d\u306e\u6f14\u51fa\u3067\u3001\u60c5\u5831\u53ce\u96c6\u5c64\u3092\u71b1\u72c2\u7684 <a href=\"https:\/\/www.heroisu.com\/\" class=\"more-link\">&#8230;<span class=\"screen-reader-text\">  \u30db\u30fc\u30e0<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.heroisu.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heroisu.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.heroisu.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.heroisu.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heroisu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":93,"href":"https:\/\/www.heroisu.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/www.heroisu.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/145"}],"wp:attachment":[{"href":"https:\/\/www.heroisu.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}