{"id":1067,"date":"2026-01-14T23:04:11","date_gmt":"2026-01-14T14:04:11","guid":{"rendered":"https:\/\/label-clach.jp\/school\/?page_id=1067"},"modified":"2026-03-16T20:08:08","modified_gmt":"2026-03-16T11:08:08","slug":"online","status":"publish","type":"page","link":"https:\/\/label-clach.jp\/school\/online\/","title":{"rendered":"\u30aa\u30f3\u30e9\u30a4\u30f3\u6821"},"content":{"rendered":"\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\"><div class=\"swell-block-fullWide__inner l-container\">\n<!-- Google Fonts\u8aad\u307f\u8fbc\u307f -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&#038;family=Noto+Sans+JP:wght@400;700;900&#038;display=swap\" rel=\"stylesheet\">\n<!-- FontAwesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n<style>\n  .page-template-default .c-pageTitle,\n  .page-template-default .p-breadcrumb,\n  .page-template-default .l-mainTitle,\n  .page-template-default h1.c-pageTitle { display: none !important; }\n  \n  \/* \u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u4f59\u767d\u524a\u9664 & \u80cc\u666f\u900f\u904e (\u80cc\u666f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u898b\u305b\u308b\u305f\u3081) *\/\n  #content, #main_content, .l-mainContent, .l-main, .post_content, .l-container {\n    margin-top: 0 !important; \n    padding-top: 0 !important;\n    background: transparent !important; \n  }\n  \n  \/* \u2605\u91cd\u8981\uff1aSWELL\u306e\u30d8\u30c3\u30c0\u30fc\u30fb\u30d5\u30c3\u30bf\u30fc\u30fb\u56fa\u5b9a\u30e1\u30cb\u30e5\u30fc\u3092\u6700\u524d\u9762\u306b\u6301\u3063\u3066\u304f\u308b\u8a2d\u5b9a *\/\n  #header, .l-header, \n  #footer, .l-footer,\n  #fix_bottom_menu, .c-fix_bottom_menu {\n    position: relative; \/* \u30b9\u30bf\u30c3\u30ad\u30f3\u30b0\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u751f\u6210\u306e\u305f\u3081 *\/\n    z-index: 1000 !important; \/* \u80cc\u666f\u3088\u308a\u624b\u524d\u306b\u8868\u793a *\/\n  }\n  \/* \u56fa\u5b9a\u30d5\u30c3\u30bf\u30fc\u30e1\u30cb\u30e5\u30fc\u306fposition:fixed\u306a\u306e\u3067z-index\u306e\u307f\u5f37\u5316 *\/\n  #fix_bottom_menu, .c-fix_bottom_menu {\n    z-index: 10000 !important; \n  }\n  \n  \/* \u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u767a\u751f\u9632\u6b62 *\/\n  body { overflow-x: hidden; }\n\n  \/* --- Design Tokens --- *\/\n  :root {\n    \/* \u30d2\u30fc\u30ed\u30fc\u753b\u50cf *\/\n    --hero-bg-url: url('https:\/\/images.unsplash.com\/photo-1516280440614-6697288d5d38?q=80&w=2070&auto=format&fit=crop');\n\n    \/* \u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8 *\/\n    --fp-text: #545454;\n    --fp-text-light: #888888;\n    \n    \/* \u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\n    --fp-grad-main: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);\n    --fp-grad-sub: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);\n    --fp-grad-warm: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);\n    \n    \/* \u5168\u4f53\u80cc\u666f\u8272 *\/\n    --fp-bg-body: linear-gradient(180deg, #fdfbfb 0%, #ebedee 100%);\n    \n    --fp-font-jp: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", Meiryo, sans-serif;\n    --fp-font-en: \"Montserrat\", sans-serif;\n    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n\n  \/* --- \u80cc\u666f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u5c64\uff08\u6700\u80cc\u9762\uff09 --- *\/\n  .fp-bg-layer {\n    position: fixed; \n    top: 0; left: 0; width: 100vw; height: 100vh; \n    z-index: 0; \/* \u2605\u4fee\u6b63: 0\u306b\u623b\u3057\u3066\u8868\u793a\u3055\u305b\u308b\uff08\u30d5\u30c3\u30bf\u30fc\u306f1000\u3067\u9003\u3052\u308b\uff09 *\/\n    background: var(--fp-bg-body);\n    pointer-events: none;\n    overflow: hidden;\n  }\n  \n  \/* \u30aa\u30fc\u30d6\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n  .fp-orb {\n    position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.6;\n    animation: floatOrb 20s infinite alternate ease-in-out;\n  }\n  .fpo-1 { top: -10%; left: -10%; width: 50vw; height: 50vw; background: #e0c3fc; animation-delay: 0s; }\n  .fpo-2 { bottom: -10%; right: -10%; width: 60vw; height: 60vw; background: #c2e9fb; animation-delay: -5s; }\n  .fpo-3 { top: 30%; left: 40%; width: 40vw; height: 40vw; background: #ffd1e8; animation-delay: -8s; opacity: 0.4; }\n\n  @keyframes floatOrb {\n    0% { transform: translate(0, 0) scale(1); }\n    100% { transform: translate(30px, 50px) scale(1.1); }\n  }\n\n  \/* --- \u30b3\u30f3\u30c6\u30f3\u30c4\u30e9\u30c3\u30d1\u30fc --- *\/\n  .fp-wrapper {\n    \/* \u753b\u9762\u5e45\u3044\u3063\u3071\u3044\u306b\u5e83\u3052\u308b\u5b89\u5168\u306a\u8a18\u8ff0 *\/\n    width: 100vw; \n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    \n    overflow-x: hidden; \n    font-family: var(--fp-font-jp);\n    color: var(--fp-text);\n    background: transparent;\n    z-index: 1; \/* \u80cc\u666f(0)\u3088\u308a\u4e0a *\/\n    line-height: 1.8;\n    \n    \/* \u57fa\u672c\u30b5\u30a4\u30ba *\/\n    font-size: 16px; \n  }\n  \n  \/* PC\u3067\u306e\u5fae\u8abf\u6574 *\/\n  @media (min-width: 1024px) {\n    .fp-wrapper { font-size: 16px; } \n    \/* \u30b3\u30f3\u30c6\u30ca\u5e45\u3092\u5e83\u3052\u3066\u30ba\u30fc\u30e0\u611f\u3092\u51fa\u3059 *\/\n    .fp-container { max-width: 1200px !important; }\n  }\n  \n  .fp-wrapper * { box-sizing: border-box; }\n  .fp-wrapper img { max-width: 100%; height: auto; display: block; }\n\n  .fp-container {\n    width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 2;\n  }\n\n  \/* \u30bf\u30a4\u30c8\u30eb\u30b9\u30bf\u30a4\u30eb *\/\n  .fp-wrapper .fp-section-title {\n    font-size: 3.5rem !important; \n    text-align: center; margin-bottom: 3rem;\n    font-weight: 900; letter-spacing: 0.05em; line-height: 1.2;\n    font-family: var(--fp-font-en);\n    background: var(--fp-grad-main) !important;\n    -webkit-background-clip: text !important; background-clip: text !important;\n    -webkit-text-fill-color: transparent !important; color: transparent !important;\n    display: block; width: 100%; border: none !important;\n  }\n  .fp-section-title span {\n    display: block; font-size: 1.2rem !important;\n    color: #a18cd1 !important; -webkit-text-fill-color: #a18cd1 !important;\n    font-family: var(--fp-font-jp); margin-bottom: 1rem; font-weight: 700; letter-spacing: 0.1em;\n  }\n\n  \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n  .pop-up {\n    opacity: 0; transform: translateY(30px) scale(0.95);\n    transition: all 0.8s var(--ease-bounce);\n  }\n  .pop-up.is-visible { opacity: 1; transform: translateY(0) scale(1); }\n\n  \/* --- 1. HERO (\u4fee\u6b63\u7248\uff1a\u80cc\u666f\u76f4\u66f8\u304d) --- *\/\n  .fp-hero {\n    position: relative; \n    \/* \u4e2d\u8eab\u306b\u5fdc\u3058\u3066\u4f38\u3073\u308b\u3088\u3046\u306b\u4fee\u6b63 *\/\n    min-height: 85vh; \n    display: flex; align-items: center; justify-content: center;\n    text-align: center; overflow: hidden;\n    background: var(--hero-bg-url) center\/cover no-repeat !important;\n    z-index: 1;\n    \/* \u4e0a\u4e0b\u306e\u4f59\u767d\u3092\u78ba\u4fdd\u3057\u3066\u898b\u5207\u308c\u3092\u9632\u6b62 *\/\n    padding-top: 100px;\n    padding-bottom: 100px;\n  }\n  \n  \/* \u767d\u3044\u30d5\u30a3\u30eb\u30bf\u30fc *\/\n  .fp-hero::before {\n    content: ''; position: absolute; inset: 0;\n    background: rgba(255, 255, 255, 0.5);\n    backdrop-filter: blur(2px);\n    z-index: 1;\n  }\n  \n  .fp-hero .fp-container { position: relative; z-index: 2; }\n  \n  .fp-tag {\n    display: inline-block; background: var(--fp-grad-main); color: #fff;\n    padding: 0.6em 2em; border-radius: 50px; font-weight: bold; font-size: 1.1rem;\n    margin-bottom: 2rem; letter-spacing: 0.1em;\n    box-shadow: 0 4px 15px rgba(161, 140, 209, 0.4);\n  }\n  \n  .fp-hero-title {\n    font-size: 6rem !important; \n    font-weight: 900; line-height: 1.1; margin-bottom: 1rem;\n    color: #fff; text-shadow: 0 4px 10px rgba(0,0,0,0.1);\n    font-family: var(--fp-font-en);\n  }\n  \n  .fp-hero-sub {\n    display: block; \n    font-size: 3.5rem !important;\n    margin-bottom: 1rem;\n    font-family: var(--fp-font-jp); font-weight: 900;\n    background: linear-gradient(45deg, #6a11cb 0%, #2575fc 100%);\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n    filter: drop-shadow(0 2px 0px rgba(255,255,255,0.8));\n    line-height: 1.4;\n  }\n  \n  .fp-hero-text {\n    font-size: 1.2rem; max-width: 750px; margin: 0 auto 3rem;\n    font-weight: 600; background: rgba(255,255,255,0.85); padding: 2rem;\n    border-radius: 20px; backdrop-filter: blur(5px); color: var(--fp-text);\n    box-shadow: 0 10px 30px rgba(161, 140, 209, 0.15);\n  }\n  .fp-hero-text strong {\n    color: #a18cd1; background: transparent; padding: 0 0.2em; font-weight: 900;\n  }\n  .fp-btn {\n    display: inline-block; background: var(--fp-grad-main); color: #fff;\n    padding: 1.2rem 4rem; border-radius: 50px; font-weight: 900; font-size: 1.4rem;\n    text-decoration: none; transition: all 0.3s; border: none; cursor: pointer;\n    box-shadow: 0 10px 20px rgba(161, 140, 209, 0.4);\n  }\n  .fp-btn:hover {\n    transform: translateY(-5px); box-shadow: 0 15px 30px rgba(161, 140, 209, 0.6);\n    filter: brightness(1.1); color: #fff;\n  }\n\n  \/* --- 2. WORRY --- *\/\n  .fp-section { padding: 100px 0; position: relative; z-index: 2; }\n  \n  .fp-worry-grid {\n    display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 30px; margin-bottom: 60px; max-width: 1100px; margin: 0 auto 60px;\n  }\n  .fp-worry-item {\n    position: relative; border-radius: 24px; overflow: hidden; height: 300px;\n    box-shadow: 0 10px 20px rgba(0,0,0,0.05); transition: transform 0.3s;\n    padding: 4px; background: var(--fp-grad-sub);\n  }\n  .fp-worry-inner {\n    width: 100%; height: 100%; background: #fff; border-radius: 20px;\n    overflow: hidden; position: relative;\n  }\n  .fp-worry-item:hover { transform: translateY(-10px); background: var(--fp-grad-main); }\n  .fp-worry-bg {\n    width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s;\n  }\n  .fp-worry-item:hover .fp-worry-bg { transform: scale(1.1); }\n  .fp-worry-content {\n    position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px 20px;\n    background: rgba(255, 255, 255, 0.95); color: var(--fp-text); z-index: 2;\n    text-align: center;\n  }\n  .fp-worry-cat {\n    display: inline-block; font-family: var(--fp-font-en); font-weight: 900;\n    font-size: 0.9rem; color: #a18cd1; letter-spacing: 0.1em; margin-bottom: 0.5rem;\n    background: rgba(161, 140, 209, 0.1); padding: 0.2rem 1rem; border-radius: 20px;\n  }\n  .fp-worry-text { font-weight: bold; font-size: 1.1rem; margin: 0; line-height: 1.4; color: #333; }\n\n  .fp-solution {\n    position: relative; max-width: 900px; margin: 0 auto; padding: 60px;\n    background: var(--fp-grad-main); color: #fff; border-radius: 30px;\n    text-align: center; box-shadow: 0 20px 40px rgba(161, 140, 209, 0.3);\n    overflow: hidden;\n  }\n  .fp-solution::before {\n    content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;\n    background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.1) 10px, rgba(255,255,255,0.1) 20px);\n  }\n  .fp-solution-head {\n    font-size: 2.5rem; font-weight: 900; margin: 0; position: relative; z-index: 1;\n    line-height: 1.4; text-shadow: 0 2px 4px rgba(0,0,0,0.1);\n  }\n\n  \/* --- 3. FEATURES --- *\/\n  .fp-features { background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); }\n  .fp-feature-row {\n    display: flex; align-items: center; justify-content: space-between;\n    margin-bottom: 100px; gap: 60px; max-width: 1000px; margin: 0 auto 100px;\n  }\n  .fp-feature-row:nth-child(even) { flex-direction: row-reverse; }\n  .fp-feature-img { flex: 1; position: relative; }\n  .fp-feature-img img {\n    border-radius: 24px; box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n    width: 100%; height: auto; object-fit: cover; aspect-ratio: 4\/3;\n    border: 4px solid #fff; \n  }\n  .fp-feature-img::before {\n    content: ''; position: absolute; top: 20px; left: 20px; width: 100%; height: 100%;\n    background: var(--fp-grad-sub); border-radius: 24px; z-index: -1; opacity: 0.6;\n  }\n  .fp-feature-text { flex: 1; position: relative; }\n  .fp-feature-num {\n    font-family: var(--fp-font-en); font-size: 6rem; font-weight: 900; line-height: 1;\n    color: #fff; text-shadow: -1px -1px 0 #a18cd1, 1px -1px 0 #a18cd1, -1px 1px 0 #a18cd1, 1px 1px 0 #a18cd1;\n    position: absolute; top: -50px; left: -20px; z-index: 1; opacity: 0.8;\n  }\n  .fp-feature-row:nth-child(even) .fp-feature-num { left: auto; right: -20px; }\n  .fp-feature-text h3 {\n    font-size: 2rem; margin-bottom: 20px; font-weight: 900; color: var(--fp-text);\n    background: linear-gradient(to right, rgba(251, 194, 235, 0.4), rgba(161, 140, 209, 0.4));\n    display: inline-block; padding: 0 10px; border-radius: 4px;\n  }\n  .fp-feature-text p { font-size: 1.1rem; color: var(--fp-text); }\n\n  \/* --- 4. PRICE --- *\/\n  .fp-price-header { text-align: center; margin-bottom: 60px; }\n  .fp-price-check {\n    display: flex; justify-content: center; flex-wrap: wrap; gap: 15px;\n    list-style: none; padding: 0; margin: 0 auto; max-width: 800px;\n  }\n  .fp-price-check li {\n    background: #fff; color: #a18cd1; border: 2px solid #a18cd1;\n    padding: 10px 25px; border-radius: 50px; font-weight: bold;\n  }\n  .fp-price-grid {\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;\n    max-width: 1100px; margin: 0 auto 40px; align-items: flex-end;\n  }\n  .fp-price-card {\n    background: rgba(255,255,255,0.9); backdrop-filter: blur(20px);\n    border-radius: 30px; padding: 40px 30px; text-align: center;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.05); position: relative;\n    transition: all 0.4s var(--ease-bounce);\n    overflow: hidden; \/* \u89d2\u4e38\u5d29\u308c\u9632\u6b62 *\/\n  }\n  .fp-price-card:hover {\n    transform: translateY(-15px); background: #fff;\n    box-shadow: 0 30px 60px rgba(161, 140, 209, 0.2);\n  }\n  .fp-price-card::before {\n    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 8px;\n    background: #eee;\n  }\n  .fp-price-card:nth-child(1)::before { background: #84fab0; }\n  .fp-price-card:nth-child(2)::before { background: #fbc2eb; }\n  .fp-price-card:nth-child(3)::before { background: #a18cd1; }\n\n  .fp-price-card.recommended {\n    transform: scale(1.05); z-index: 10;\n    box-shadow: 0 20px 50px rgba(161, 140, 209, 0.2);\n    border: 2px solid #fbc2eb;\n  }\n  .fp-price-card.recommended:hover { transform: scale(1.05) translateY(-10px); }\n  \n  .fp-badge {\n    position: absolute; top: 15px; left: 50%; transform: translateX(-50%);\n    background: var(--fp-grad-warm); color: #fff; padding: 5px 20px;\n    border-radius: 20px; font-weight: bold; font-size: 0.9rem;\n    box-shadow: 0 4px 10px rgba(213, 126, 235, 0.3); z-index: 20;\n    white-space: nowrap;\n  }\n  .fp-course-name {\n    font-size: 1.4rem; font-weight: 900; margin-bottom: 10px; color: var(--fp-text);\n    margin-top: 10px;\n  }\n  .fp-course-price {\n    font-size: 3rem; font-weight: 900;\n    background: var(--fp-grad-main); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n    line-height: 1; font-family: var(--fp-font-en); margin-bottom: 5px;\n    white-space: nowrap; display: inline-block;\n  }\n  .fp-course-price span {\n    font-size: 1rem; font-weight: normal; -webkit-text-fill-color: var(--fp-text); margin-left: 5px;\n  }\n\n  \/* \u30ea\u30b9\u30c8\u30d7\u30e9\u30f3 *\/\n  .fp-more-plans {\n    max-width: 1100px; margin: 60px auto 0; padding: 40px;\n    background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px);\n    border-radius: 30px;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n  }\n  .fp-more-plans-title {\n    text-align: center; font-weight: bold; margin-bottom: 30px;\n    color: #a18cd1; letter-spacing: 0.05em; font-size: 1.2rem;\n  }\n  .fp-more-plans-title::before, .fp-more-plans-title::after {\n    content: '-'; margin: 0 10px; opacity: 0.5;\n  }\n  .fp-more-plans-grid {\n    display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 20px;\n  }\n  .fp-plan-item {\n    display: flex; flex-direction: column; align-items: center; justify-content: center;\n    background: #fff; padding: 20px 10px; border-radius: 20px;\n    text-align: center; border: 1px solid rgba(161, 140, 209, 0.2);\n    transition: all 0.3s;\n  }\n  .fp-plan-item:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 5px 15px rgba(161, 140, 209, 0.15);\n    border-color: #a18cd1;\n  }\n  .fp-pi-times {\n    background: #f3e5f5; color: #8e24aa; font-weight: 900;\n    padding: 5px 15px; border-radius: 20px; font-size: 0.9rem;\n    margin-bottom: 10px; display: inline-block;\n  }\n  .fp-pi-price {\n    font-size: 1.5rem; font-weight: 900; color: var(--fp-text);\n    font-family: var(--fp-font-en);\n  }\n  .fp-pi-tax { font-size: 0.8rem; color: #999; font-weight: normal; margin-left: 3px; }\n\n  \/* --- 5. FLOW --- *\/\n  .fp-flow { background: rgba(249, 250, 251, 0.8); padding: 100px 0; }\n  .fp-flow-wrapper { position: relative; max-width: 1200px; margin: 0 auto; padding: 0 50px; }\n  .fp-flow-scroll-container {\n    display: flex; gap: 30px; overflow-x: auto; padding: 20px 10px 40px;\n    scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none;\n    cursor: grab;\n  }\n  .fp-flow-scroll-container:active { cursor: grabbing; }\n  .fp-flow-scroll-container::-webkit-scrollbar { display: none; }\n  \n  .fp-flow-item {\n    flex: 0 0 280px; background: #fff; border-radius: 24px; padding: 30px;\n    border: 1px solid #eee; text-align: center; position: relative;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.03); user-select: none;\n  }\n  .fp-flow-item img { pointer-events: none; }\n  .fp-flow-thumb {\n    width: 100%; height: 180px; border-radius: 20px; overflow: hidden;\n    margin-bottom: 20px; position: relative;\n  }\n  .fp-flow-thumb img { width: 100%; height: 100%; object-fit: cover; }\n  .fp-step-num {\n    position: absolute; top: 10px; left: 10px; background: var(--fp-grad-warm);\n    color: #fff; width: 40px; height: 40px; line-height: 40px; border-radius: 50%;\n    font-weight: 900; font-family: var(--fp-font-en); box-shadow: 0 4px 10px rgba(0,0,0,0.2); z-index: 2;\n  }\n  .fp-flow-item h4 { font-size: 1.2rem; margin-bottom: 10px; font-weight: bold; color: #a18cd1; }\n  .fp-flow-item p { font-size: 0.95rem; opacity: 0.9; line-height: 1.6; color: #666; margin: 0; }\n  \n  .fp-flow-nav {\n    position: absolute; top: 50%; transform: translateY(-50%);\n    width: 50px; height: 50px; background: var(--fp-grad-main); border-radius: 50%;\n    display: flex; align-items: center; justify-content: center; color: #fff;\n    font-size: 1.5rem; font-weight: bold; cursor: pointer; z-index: 10;\n    box-shadow: 0 5px 15px rgba(161, 140, 209, 0.4); transition: transform 0.2s; user-select: none;\n  }\n  .fp-flow-nav:hover { transform: translateY(-50%) scale(1.1); }\n  .fp-flow-prev { left: -10px; }\n  .fp-flow-next { right: -10px; }\n\n  \/* --- 6. FAQ --- *\/\n  .fp-faq { padding: 100px 0; background: rgba(250,253,255,0.8); }\n  \n  .custom-faq-design .swell-block-faq__item {\n    display: block !important; margin-bottom: 20px !important;\n    border-radius: 16px; box-shadow: 0 5px 15px rgba(0,0,0,0.03);\n    border: 1px solid #fff !important; background: rgba(255,255,255,0.8);\n    padding: 0 !important; transition: all 0.3s ease; backdrop-filter: blur(10px);\n  }\n  .custom-faq-design .swell-block-faq__item:hover {\n    transform: translateY(-2px); box-shadow: 0 10px 30px rgba(161, 140, 209, 0.1);\n    border-color: #a18cd1 !important;\n  }\n  .custom-faq-design .faq_q {\n    background: transparent !important; color: #333 !important; border: none !important;\n    position: relative; font-weight: 700; font-size: 1.1rem;\n    padding: 25px 50px 25px 70px !important; cursor: pointer; margin: 0 !important;\n  }\n  .custom-faq-design .faq_q::after {\n    content: 'Q'; display: flex; align-items: center; justify-content: center;\n    position: absolute; left: 24px; top: 50%; transform: translateY(-50%);\n    font-family: var(--fp-font-en); font-weight: 900; font-size: 1rem;\n    background: #a18cd1; color: #fff; width: 32px; height: 32px; border-radius: 50%;\n    box-shadow: 0 5px 10px rgba(161, 140, 209, 0.3);\n  }\n  .custom-faq-design .faq_q::before, .custom-faq-design .faq_a::before { display: none !important; }\n  .custom-faq-design .faq_a {\n    display: block !important; max-height: 0; opacity: 0; overflow: hidden;\n    padding: 0 30px 0 70px !important; margin: 0 !important; border-top: none !important;\n    transition: all 0.4s ease; background: transparent !important; color: #555; line-height: 1.8;\n  }\n  .custom-faq-design .swell-block-faq__item.is-opened .faq_a {\n    max-height: 1000px; opacity: 1; padding: 10px 30px 30px 70px !important;\n  }\n  .custom-faq-design .faq_a::after {\n    content: 'A'; display: flex; align-items: center; justify-content: center;\n    position: absolute; left: 24px; top: 10px;\n    font-family: var(--fp-font-en); font-weight: 900; font-size: 1rem;\n    background: #fbc2eb; color: #fff; width: 32px; height: 32px; border-radius: 50%;\n    box-shadow: 0 5px 10px rgba(251, 194, 235, 0.3);\n  }\n\n  \/* --- 7. CTA --- *\/\n  .fp-cta-section {\n    padding: 120px 0; position: relative;\n    background: url('https:\/\/images.unsplash.com\/photo-1493225255756-d9584f8606e9?q=80&w=2070&auto=format&fit=crop') center\/cover no-repeat;\n    text-align: center; color: #fff;\n  }\n  .fp-cta-overlay {\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n    background: linear-gradient(135deg, rgba(161, 140, 209, 0.8), rgba(251, 194, 235, 0.8));\n    mix-blend-mode: multiply; z-index: 1;\n  }\n  .fp-cta-box {\n    position: relative; z-index: 2; max-width: 700px; margin: 0 auto;\n    background: rgba(255,255,255,0.2); backdrop-filter: blur(8px);\n    padding: 40px; border-radius: 30px; border: 1px solid rgba(255,255,255,0.4);\n  }\n  .fp-cta-title {\n    font-size: 2.2rem; font-weight: 900; margin-bottom: 20px; text-shadow: 0 2px 5px rgba(0,0,0,0.1);\n  }\n\n  \/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\n  @media (max-width: 900px) {\n    \/* \u2605\u30d8\u30c3\u30c0\u30fc\u88ab\u308a\u5bfe\u7b56 *\/\n    .fp-hero { \n        padding-top: 140px !important;\n        align-items: flex-start !important; \/* \u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4e0a\u306b *\/\n        height: auto !important; min-height: 80vh;\n    }\n    \n    .fp-hero-title { font-size: 3rem !important; }\n    .fp-hero-sub { font-size: 1.8rem !important; }\n    \n    .fp-price-grid { grid-template-columns: 1fr; max-width: 400px; gap: 40px; }\n    .fp-price-card.recommended { transform: scale(1); order: -1; }\n\n    \/* \u2605\u67085\u56de\u4ee5\u4e0a\u30ea\u30b9\u30c8\u30922\u5217\u306b *\/\n    .fp-more-plans-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }\n    .fp-more-plans { padding: 30px 20px; }\n    .fp-pi-price { font-size: 1.3rem; }\n    \n    .fp-feature-row, .fp-feature-row:nth-child(even) { flex-direction: column; text-align: center; gap: 20px; }\n    .fp-feature-num { top: -20px; left: 50%; transform: translateX(-50%); font-size: 4rem; }\n    \n    .fp-flow-wrapper { padding: 0; }\n    .fp-flow-nav { display: none; }\n    .fp-flow-scroll-container { padding-left: 20px; padding-right: 20px; }\n    \n    .fp-btn { width: 90%; padding: 20px 0; }\n  }\n<\/style>\n\n<!-- \u80cc\u666f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u5c64 -->\n<div class=\"fp-bg-layer\">\n  <div class=\"fp-orb fpo-1\"><\/div>\n  <div class=\"fp-orb fpo-2\"><\/div>\n  <div class=\"fp-orb fpo-3\"><\/div>\n<\/div>\n\n<div class=\"fp-wrapper\">\n\n  <!-- 1. HERO -->\n  <header class=\"fp-hero\">\n    <!-- Overlay is now Pseudo-element ::before -->\n    <div class=\"fp-container pop-up\">\n      <span class=\"fp-tag\">NEW OPEN<\/span>\n      <h2 class=\"fp-hero-title\">\n        <span class=\"fp-hero-sub\">\u30d7\u30ed\u306e\u6307\u5c0e\u3092<br class=\"sp-only\">\u81ea\u5b85\u3067\u53d7\u8b1b<\/span>\n        ONLINE SCHOOL\n      <\/h2>\n      <div class=\"fp-hero-text\">\n        \u30e4\u30de\u30cf\u306e<strong>\u300c\u6700\u65b0\u6280\u8853\u300d<\/strong>\u3092\u6d3b\u7528\u3057\u3001\u30bf\u30a4\u30e0\u30e9\u30b0\u306e\u306a\u3044\u9ad8\u54c1\u8cea\u306a\u30ec\u30c3\u30b9\u30f3\u3092\u5b9f\u73fe\u3002<br class=\"pc-only\">\n        <strong>\u300c\u81ea\u5b85\u3084\u30ab\u30e9\u30aa\u30b1\u300d<\/strong>\u304b\u3089\u30b9\u30de\u30db1\u3064\u3067\u3001<strong>\u300c\u304a\u624b\u8efd\u300d<\/strong>\u304b\u3064<strong>\u300c\u4fa1\u683c\u3092\u6291\u3048\u3066\u300d<\/strong>\u30d7\u30ed\u306e\u6307\u5c0e\u3092\u53d7\u3051\u3089\u308c\u307e\u3059\u3002\n      <\/div>\n      <a href=\"\/school\/trial\/\" class=\"fp-btn\">\u4f53\u9a13\u30ec\u30c3\u30b9\u30f3\u3092\u4e88\u7d04\u3059\u308b<\/a>\n    <\/div>\n  <\/header>\n\n  <!-- 2. WORRY -->\n  <section class=\"fp-section\">\n    <div class=\"fp-container\">\n      <h2 class=\"fp-section-title\"><span>PROBLEMS<\/span>\u3053\u3093\u306a\u3053\u3068\u3067<br>\u56f0\u3063\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/h2>\n      <div class=\"fp-worry-grid\">\n        <!-- \u60a9\u307f1 -->\n        <div class=\"fp-worry-item pop-up\">\n            <div class=\"fp-worry-inner\">\n              <img loading=\"eager\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/problem1.webp\" class=\"fp-worry-bg\" alt=\"\u8fd1\u304f\u306b\u6559\u5ba4\u304c\u306a\u3044\">\n              <div class=\"fp-worry-content\">\n                <span class=\"fp-worry-cat\">LOCATION<\/span>\n                <p class=\"fp-worry-text\">\u8fd1\u304f\u306b\u6559\u5ba4\u304c\u306a\u3044<\/p>\n              <\/div>\n            <\/div>\n        <\/div>\n        <!-- \u60a9\u307f2 -->\n        <div class=\"fp-worry-item pop-up\" style=\"transition-delay: 0.1s;\">\n            <div class=\"fp-worry-inner\">\n              <img loading=\"eager\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/busy.webp\" class=\"fp-worry-bg\" alt=\"\u6642\u9593\u304c\u306a\u3044\">\n              <div class=\"fp-worry-content\">\n                <span class=\"fp-worry-cat\">TIME<\/span>\n                <p class=\"fp-worry-text\">\u5fd9\u3057\u304f\u3066<br>\u901a\u3046\u6642\u9593\u304c\u306a\u3044<\/p>\n              <\/div>\n            <\/div>\n        <\/div>\n        <!-- \u60a9\u307f3 -->\n        <div class=\"fp-worry-item pop-up\" style=\"transition-delay: 0.2s;\">\n            <div class=\"fp-worry-inner\">\n              <img loading=\"eager\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/problem3.webp\" class=\"fp-worry-bg\" alt=\"\u30ea\u30e2\u30fc\u30c8\u30ef\u30fc\u30af\">\n              <div class=\"fp-worry-content\">\n                <span class=\"fp-worry-cat\">REMOTE<\/span>\n                <p class=\"fp-worry-text\">\u30ea\u30e2\u30fc\u30c8\u30ef\u30fc\u30af\u306e<br>\u5408\u9593\u306b\u53d7\u3051\u305f\u3044<\/p>\n              <\/div>\n            <\/div>\n        <\/div>\n        <!-- \u60a9\u307f4 -->\n        <div class=\"fp-worry-item pop-up\" style=\"transition-delay: 0.3s;\">\n            <div class=\"fp-worry-inner\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/karaoke-course-768x509.webp\" class=\"fp-worry-bg\" alt=\"\u304a\u624b\u9803\">\n              <div class=\"fp-worry-content\">\n                <span class=\"fp-worry-cat\">COST<\/span>\n                <p class=\"fp-worry-text\">\u304a\u91d1\u306e\u304b\u304b\u3089\u306a\u3044<br>\u7fd2\u3044\u4e8b\u304c\u3057\u305f\u3044<\/p>\n              <\/div>\n            <\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- \u89e3\u6c7a\u30af\u30e9\u30c3\u30c1 -->\n      <div class=\"fp-solution pop-up\">\n        <h3 class=\"fp-solution-head\">\u305d\u3046\u3044\u3063\u305f\u304a\u60a9\u307f\u3001<br>\u30af\u30e9\u30c3\u30c1\u306e\u30aa\u30f3\u30e9\u30a4\u30f3\u6821\u304c<br>\u3059\u3079\u3066\u89e3\u6c7a\u3057\u307e\u3059\uff01<\/h3>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 3. FEATURES -->\n  <section class=\"fp-section fp-features\">\n    <div class=\"fp-container\">\n      <h2 class=\"fp-section-title\"><span>FEATURES<\/span>\u30af\u30e9\u30c3\u30c1 3\u3064\u306e\u7279\u5fb4<\/h2>\n      \n      <!-- \u7279\u5fb41 -->\n      <div class=\"fp-feature-row pop-up\">\n        <div class=\"fp-feature-img\">\n            <div class=\"fp-feature-num\">01<\/div>\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/woman-recording-768x512.webp\" alt=\"\u7d9a\u3051\u3084\u3059\u3044\u4fa1\u683c\">\n        <\/div>\n        <div class=\"fp-feature-text\">\n          <h3>\u7d9a\u3051\u3084\u3059\u3044\u4fa1\u683c<\/h3>\n          <p>\u696d\u754c\u6700\u5b89\u6c34\u6e96\u306e<strong>1\u56de2,970\u5186\uff08\u7a0e\u8fbc\uff09<\/strong>\u3092\u5b9f\u73fe\u3002<br>\u5727\u5012\u7684\u306a<strong>\u300c\u30b3\u30b9\u30d1\u3068\u30bf\u30a4\u30d1\u300d<\/strong>\u3067\u3001\u7121\u7406\u306a\u304f\u9577\u304f\u7d9a\u3051\u3089\u308c\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- \u7279\u5fb42 -->\n      <div class=\"fp-feature-row pop-up\">\n        <div class=\"fp-feature-img\">\n            <div class=\"fp-feature-num\">02<\/div>\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/online-lesson.webp\" alt=\"\u30b3\u30f3\u30d1\u30af\u30c8\u306a\u6388\u696d\">\n        <\/div>\n        <div class=\"fp-feature-text\">\n          <h3>\u30b3\u30f3\u30d1\u30af\u30c8\u306a\u6388\u696d<\/h3>\n          <p>\u96c6\u4e2d\u529b\u304c\u7d9a\u304f<strong>\u300c\u624b\u8efd\u306a30\u5206\u6388\u696d\u300d<\/strong>\u3002<br>\u6e96\u5099\u306f<strong>\u300c\u30b9\u30de\u30db1\u3064\u3067OK\u300d<\/strong>\u306a\u306e\u3067\u3001\u30b9\u30ad\u30de\u6642\u9593\u306b\u30b5\u30af\u30c3\u3068\u53d7\u8b1b\u53ef\u80fd\u3067\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- \u7279\u5fb43 -->\n      <div class=\"fp-feature-row pop-up\">\n        <div class=\"fp-feature-img\">\n             <div class=\"fp-feature-num\">03<\/div>\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/vocevista.webp\" alt=\"\u4f4e\u9045\u5ef6\u30fb\u9ad8\u97f3\u8cea\">\n        <\/div>\n        <div class=\"fp-feature-text\">\n          <h3>\u4f4e\u9045\u5ef6\u30fb\u9ad8\u97f3\u8cea<\/h3>\n          <p><strong>\u300c\u30e4\u30de\u30cf\u793e\u306e\u6700\u65b0\u6280\u8853\u300d<\/strong>SYNCROOM\u7b49\u3092\u6d3b\u7528\u3002<br>\u30aa\u30f3\u30e9\u30a4\u30f3\u7279\u6709\u306e\u9045\u5ef6\u3084\u97f3\u8cea\u306e\u60aa\u3055\u3092\u89e3\u6d88\u3057\u3001\u30ea\u30a2\u30eb\u306b\u8fd1\u3044\u611f\u899a\u3067\u6b4c\u3048\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 4. PRICE -->\n  <section class=\"fp-section fp-price\">\n    <div class=\"fp-container\">\n      <h2 class=\"fp-section-title\"><span>PRICE PLAN<\/span>\u6599\u91d1\u30d7\u30e9\u30f3<\/h2>\n      \n      <div class=\"fp-price-header pop-up\">\n        <ul class=\"fp-price-check\">\n          <li>\u5165\u4f1a\u91d1 2,200\u5186<\/li>\n          <li>\u6a5f\u6750\u8cbb\u30fb\u6559\u6750\u8cbb \u7121\u6599<\/li>\n          <li>\u30de\u30f3\u30c4\u30fc\u30de\u30f3 30\u5206<\/li>\n        <\/ul>\n        <p class=\"fp-price-note\" style=\"margin-top:20px; font-weight:bold; color:#fbc2eb;\">2\u30b3\u30de\u9023\u7d9a\u53d7\u8b1b\u3059\u308c\u3070\u305f\u3063\u3077\u308a60\u5206\uff01<\/p>\n      <\/div>\n\n      <div class=\"fp-price-grid\">\n        <!-- \u30ab\u30fc\u30c91: \u67082\u56de -->\n        <div class=\"fp-price-card pop-up\">\n          <span class=\"fp-course-name\">\u67082\u56de\u30b3\u30fc\u30b9<\/span>\n          <span class=\"fp-course-price\">5,940<span>\u5186(\u7a0e\u8fbc)<\/span><\/span>\n        <\/div>\n        <!-- \u30ab\u30fc\u30c92: \u67083\u56de -->\n        <div class=\"fp-price-card pop-up\">\n          <span class=\"fp-course-name\">\u67083\u56de\u30b3\u30fc\u30b9<\/span>\n          <span class=\"fp-course-price\">8,910<span>\u5186(\u7a0e\u8fbc)<\/span><\/span>\n        <\/div>\n        <!-- \u30ab\u30fc\u30c93: \u67084\u56de (\u4e00\u756a\u4eba\u6c17) -->\n        <div class=\"fp-price-card recommended pop-up\">\n          <span class=\"fp-badge\">\u4eba\u6c17No.1<\/span>\n          <span class=\"fp-course-name\">\u67084\u56de\u30b3\u30fc\u30b9<\/span>\n          <span class=\"fp-course-price\">11,880<span>\u5186(\u7a0e\u8fbc)<\/span><\/span>\n        <\/div>\n      <\/div>\n\n      <!-- \u65b0\u30c7\u30b6\u30a4\u30f3: \u67085\u56de\u4ee5\u4e0a\u30ea\u30b9\u30c8 -->\n      <div class=\"fp-more-plans pop-up\">\n        <div class=\"fp-more-plans-title\">\u3082\u3063\u3068\u6b4c\u3044\u305f\u3044\u65b9\u3078\uff08\u7a0e\u8fbc\uff09<\/div>\n        <div class=\"fp-more-plans-grid\">\n          <div class=\"fp-plan-item\">\n            <span class=\"fp-pi-times\">\u67085\u56de<\/span>\n            <span class=\"fp-pi-price\">14,850<span class=\"fp-pi-tax\">\u5186<\/span><\/span>\n          <\/div>\n          <div class=\"fp-plan-item\">\n            <span class=\"fp-pi-times\">\u67086\u56de<\/span>\n            <span class=\"fp-pi-price\">17,820<span class=\"fp-pi-tax\">\u5186<\/span><\/span>\n          <\/div>\n          <div class=\"fp-plan-item\">\n            <span class=\"fp-pi-times\">\u67087\u56de<\/span>\n            <span class=\"fp-pi-price\">20,790<span class=\"fp-pi-tax\">\u5186<\/span><\/span>\n          <\/div>\n          <div class=\"fp-plan-item\">\n            <span class=\"fp-pi-times\">\u67088\u56de<\/span>\n            <span class=\"fp-pi-price\">23,760<span class=\"fp-pi-tax\">\u5186<\/span><\/span>\n          <\/div>\n          <div class=\"fp-plan-item\">\n            <span class=\"fp-pi-times\">\u67089\u56de<\/span>\n            <span class=\"fp-pi-price\">26,730<span class=\"fp-pi-tax\">\u5186<\/span><\/span>\n          <\/div>\n          <div class=\"fp-plan-item\">\n            <span class=\"fp-pi-times\">\u670810\u56de<\/span>\n            <span class=\"fp-pi-price\">29,700<span class=\"fp-pi-tax\">\u5186<\/span><\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- 5. FLOW -->\n  <section class=\"fp-flow\">\n    <div class=\"fp-container\">\n      <h2 class=\"fp-section-title\"><span>FLOW<\/span>\u5165\u4f1a\u307e\u3067\u306e\u6d41\u308c<\/h2>\n      \n      <div class=\"fp-flow-wrapper pop-up\">\n        <div class=\"fp-flow-nav fp-flow-prev\" onclick=\"scrollFlow('left')\">\u2190<\/div>\n        <div class=\"fp-flow-nav fp-flow-next\" onclick=\"scrollFlow('right')\">\u2192<\/div>\n\n        <div class=\"fp-flow-scroll-container\" id=\"flowContainer\">\n          <!-- Flow Items -->\n          <div class=\"fp-flow-item\">\n            <div class=\"fp-step-num\">1<\/div>\n            <div class=\"fp-flow-thumb\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/reservation-768x429.webp\" alt=\"WEB\u7533\u3057\u8fbc\u307f\">\n            <\/div>\n            <h4>WEB\u3067\u304b\u3093\u305f\u3093\u7533\u3057\u8fbc\u307f<\/h4>\n            <p>\u305f\u3063\u305f1\u5206\u3067\u5b8c\u4e86\u3002<br>\u65e5\u7a0b\u306e\u3054\u63d0\u6848\u3092\u304a\u5f85\u3061\u304f\u3060\u3055\u3044\u3002<\/p>\n          <\/div>\n\n          <div class=\"fp-flow-item\">\n            <div class=\"fp-step-num\">2<\/div>\n             <div class=\"fp-flow-thumb\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555774698-0b77e0d5fac6?q=80&#038;w=2070&#038;auto=format&#038;fit=crop\" alt=\"\u30a2\u30d7\u30eaDL\">\n             <\/div>\n            <h4>\u65e5\u7a0b\u3092\u6c7a\u3081\u305f\u3089\u30a2\u30d7\u30ea\u3092DL<\/h4>\n            <p>\u6307\u5b9a\u306e\u30a2\u30d7\u30ea\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n          <\/div>\n\n          <div class=\"fp-flow-item\">\n            <div class=\"fp-step-num\">3<\/div>\n             <div class=\"fp-flow-thumb\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/problem3.webp\" alt=\"\u4f53\u9a13\u30ec\u30c3\u30b9\u30f3\">\n             <\/div>\n            <h4>\u7121\u6599\u4f53\u9a13\u30ec\u30c3\u30b9\u30f3<\/h4>\n            <p>\u5f53\u65e5\u3001URL\u306b\u30a2\u30af\u30bb\u30b9\u3002<br>\u30d7\u30ed\u306e\u8b1b\u5e2b\u3092\u5b9f\u611f\uff01<\/p>\n          <\/div>\n\n          <div class=\"fp-flow-item\">\n            <div class=\"fp-step-num\">4<\/div>\n             <div class=\"fp-flow-thumb\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?q=80&#038;w=2070&#038;auto=format&#038;fit=crop\" alt=\"\u5165\u4f1a\u624b\u7d9a\u304d\">\n             <\/div>\n            <h4>WEB\u3067\u5165\u4f1a\u624b\u7d9a\u304d<\/h4>\n            <p>\u3054\u6e80\u8db3\u3044\u305f\u3060\u3051\u305f\u3089\u3001<br>WEB\u304b\u3089\u5165\u4f1a\u624b\u7d9a\u304d\u3078\u3002<\/p>\n          <\/div>\n          \n           <div class=\"fp-flow-item\">\n            <div class=\"fp-step-num\">5<\/div>\n             <div class=\"fp-flow-thumb\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506784983877-45594efa4cbe?q=80&#038;w=2068&#038;auto=format&#038;fit=crop\" alt=\"\u30ab\u30ec\u30f3\u30c0\u30fc\u4e88\u7d04\">\n             <\/div>\n            <h4>\u30ab\u30ec\u30f3\u30c0\u30fc\u304b\u3089\u4e88\u7d04<\/h4>\n            <p>\u6b21\u56de\u306f\u30ab\u30ec\u30f3\u30c0\u30fc\u30a2\u30d7\u30ea\u3067<br>\u7c21\u5358\u4e88\u7d04\u53ef\u80fd\u3067\u3059\u3002<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 6. FAQ (SWELL Compatible) -->\n  <section class=\"fp-faq\">\n    <div class=\"fp-container fp-faq-wrap\">\n      <h2 class=\"fp-section-title\"><span>Q &#038; A<\/span>\u3088\u304f\u3042\u308b\u8cea\u554f<\/h2>\n      \n      <div class=\"swell-block-faq custom-faq-design\">\n        <div class=\"swell-block-faq__item\">\n          <h4 class=\"faq_q\">\u30b9\u30de\u30db\u3060\u3051\u3067\u53d7\u8b1b\u3067\u304d\u307e\u3059\u304b\uff1f<\/h4>\n          <div class=\"faq_a\"><p>\u306f\u3044\u3001\u53ef\u80fd\u3067\u3059. iPhone\/iPad\/Android\u306a\u3069\u3001\u304a\u6301\u3061\u306e\u30c7\u30d0\u30a4\u30b9\u306b\u5c02\u7528\u30a2\u30d7\u30ea\uff08\u7121\u6599\uff09\u3092\u5165\u308c\u3066\u3044\u305f\u3060\u3051\u308c\u3070\u53d7\u8b1b\u53ef\u80fd\u3067\u3059\u3002<\/p><\/div>\n        <\/div>\n        <div class=\"swell-block-faq__item\">\n          <h4 class=\"faq_q\">\u5168\u304f\u306e\u521d\u5fc3\u8005\u3067\u3059\u304c\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f<\/h4>\n          <div class=\"faq_a\"><p>\u3082\u3061\u308d\u3093\u3067\u3059\uff01\u591a\u304f\u306e\u751f\u5f92\u69d8\u304c\u672a\u7d4c\u9a13\u304b\u3089\u30b9\u30bf\u30fc\u30c8\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u30de\u30f3\u30c4\u30fc\u30de\u30f3\u306a\u306e\u3067\u3001\u3042\u306a\u305f\u306e\u30da\u30fc\u30b9\u306b\u5408\u308f\u305b\u3066\u4e01\u5be7\u306b\u6307\u5c0e\u3057\u307e\u3059\u3002<\/p><\/div>\n        <\/div>\n        <div class=\"swell-block-faq__item\">\n          <h4 class=\"faq_q\">\u4f53\u9a13\u30ec\u30c3\u30b9\u30f3\u306b\u5fc5\u8981\u306a\u3082\u306e\u306f\uff1f<\/h4>\n          <div class=\"faq_a\"><p>\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\uff08\u307e\u305f\u306fPC\uff09\u3001\u30a4\u30e4\u30db\u30f3\uff08\u30de\u30a4\u30af\u4ed8\u304d\u304c\u671b\u307e\u3057\u3044\u3067\u3059\uff09\u3001\u305d\u3057\u3066\u6b4c\u3044\u305f\u3044\u66f2\u306e\u6e96\u5099\u3060\u3051\u3067OK\u3067\u3059\u3002<\/p><\/div>\n        <\/div>\n        <div class=\"swell-block-faq__item\">\n          <h4 class=\"faq_q\">\u4e88\u7d04\u306e\u5909\u66f4\u306f\u3067\u304d\u307e\u3059\u304b\uff1f<\/h4>\n          <div class=\"faq_a\"><p>\u306f\u3044\u3001\u30ec\u30c3\u30b9\u30f3\u524d\u65e5\u306e21:00\u307e\u3067WEB\u4e0a\u3067\u4f55\u5ea6\u3067\u3082\u5909\u66f4\u53ef\u80fd\u3067\u3059\u3002<\/p><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 7. CTA -->\n  <section id=\"cta\" class=\"fp-cta-section\">\n    <div class=\"fp-cta-overlay\"><\/div>\n    <div class=\"fp-container\">\n      <div class=\"fp-cta-box pop-up\">\n        <h2 class=\"fp-cta-title\">\u307e\u305a\u306f\u7121\u6599\u4f53\u9a13\u3067<\/h2>\n        <p style=\"font-weight:bold; margin-bottom:30px;\">\u9055\u3044\u3092\u5b9f\u611f\u3057\u307e\u3057\u3087\u3046\u3002<br>\u7121\u7406\u306a\u52e7\u8a98\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093\u3002<br>\u304a\u6c17\u8efd\u306b\u304a\u7533\u3057\u8fbc\u307f\u304f\u3060\u3055\u3044\u3002<\/p>\n        <a href=\"\/school\/trial\/\" class=\"fp-btn\" style=\"font-size:1.5rem; padding:25px 80px;\">\n          \u7533\u3057\u8fbc\u3080\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<!-- \u30b9\u30af\u30ea\u30d7\u30c8 (\u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 & FAQ & \u30c9\u30e9\u30c3\u30b0\u30b9\u30af\u30ed\u30fc\u30eb) -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/* 1. \u30b9\u30af\u30ed\u30fc\u30eb\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if(entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { rootMargin: '0px 0px -50px 0px' });\n  \n  const animTargets = document.querySelectorAll('.pop-up');\n  animTargets.forEach(el => observer.observe(el));\n\n  \/* 2. FAQ\u5236\u5fa1 (SWELL\u4e92\u63db) *\/\n  const faqQs = document.querySelectorAll('.custom-faq-design .faq_q');\n  faqQs.forEach(q => {\n    \/\/ \u30af\u30ed\u30fc\u30f3\u3067\u65e2\u5b58\u30a4\u30d9\u30f3\u30c8\u3092\u524a\u9664\u3057\u3001\u65b0\u3057\u3044\u30a4\u30d9\u30f3\u30c8\u3092\u8a2d\u5b9a\n    const newQ = q.cloneNode(true);\n    q.parentNode.replaceChild(newQ, q);\n    newQ.addEventListener('click', (e) => {\n      e.preventDefault(); e.stopPropagation();\n      const item = newQ.closest('.swell-block-faq__item');\n      if(item) item.classList.toggle('is-opened');\n    });\n  });\n\n  \/* 3. \u30c9\u30e9\u30c3\u30b0\u30b9\u30af\u30ed\u30fc\u30eb\u306e\u5b9f\u88c5 (Flow\u30bb\u30af\u30b7\u30e7\u30f3) *\/\n  const slider = document.getElementById('flowContainer');\n  let isDown = false;\n  let startX;\n  let scrollLeft;\n\n  slider.addEventListener('mousedown', (e) => {\n    isDown = true;\n    slider.classList.add('active'); \n    startX = e.pageX - slider.offsetLeft;\n    scrollLeft = slider.scrollLeft;\n  });\n\n  slider.addEventListener('mouseleave', () => {\n    isDown = false;\n    slider.classList.remove('active');\n  });\n\n  slider.addEventListener('mouseup', () => {\n    isDown = false;\n    slider.classList.remove('active');\n  });\n\n  slider.addEventListener('mousemove', (e) => {\n    if(!isDown) return;\n    e.preventDefault();\n    const x = e.pageX - slider.offsetLeft;\n    const walk = (x - startX) * 2; \n    slider.scrollLeft = scrollLeft - walk;\n  });\n});\n\n\/* \u77e2\u5370\u30af\u30ea\u30c3\u30af\u306b\u3088\u308b\u30b9\u30af\u30ed\u30fc\u30eb\u5236\u5fa1 *\/\nfunction scrollFlow(direction) {\n  const container = document.getElementById('flowContainer');\n  const scrollAmount = 300;\n  if (direction === 'left') {\n    container.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\n  } else {\n    container.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n  }\n}\n<\/script>\n\n\n\n<p class=\"llmo-lead\"><strong>\u97f3\u697d\u30b9\u30af\u30fc\u30eb\u306e\u30af\u30e9\u30c3\u30c1 \u30aa\u30f3\u30e9\u30a4\u30f3\u6821<\/strong>\u306f\u3001\u5168\u56fd\u3069\u3053\u304b\u3089\u3067\u3082\u53d7\u8b1b\u3067\u304d\u308b\u30aa\u30f3\u30e9\u30a4\u30f3\u30dc\u30a4\u30c8\u30ec\u30fb\u30dc\u30fc\u30ab\u30eb\u30fb\u697d\u5668\u6559\u5ba4\u3067\u3059\u3002\u30d7\u30ed\u8b1b\u5e2b\u306e\u30de\u30f3\u30c4\u30fc\u30de\u30f3\u30ec\u30c3\u30b9\u30f3\u30921\u56de2,970\u5186\uff08\u7a0e\u8fbc\uff09\u304b\u3089\u63d0\u4f9b\u3002\u30b9\u30de\u30db\u3084PC\u3067\u81ea\u5b85\u304b\u3089\u53d7\u8b1b\u3067\u304d\u3001\u4f53\u9a13\u30ec\u30c3\u30b9\u30f3\u306f\u4f55\u5ea6\u3067\u3082\u7121\u6599\u3067\u3059\u3002<\/p>\n\n\n\n<div id=\"clach-portal-select\" class=\"cp-section-wrap\">\n\n    <div class=\"cp-header\">\n        <span class=\"cp-sub-ttl\">LOCATION<\/span>\n        <h2 class=\"cp-main-ttl\">\u5bfe\u9762\u30ec\u30c3\u30b9\u30f3\u3092\u3054\u5e0c\u671b\u306e<br class=\"sp-only\">\u65b9\u306f\u3053\u3061\u3089<\/h2>\n    <\/div>\n\n    <div class=\"cp-real-grid\">\n        \n        <a href=\"https:\/\/label-clach.jp\/school\/omiya\/\" class=\"cp-card -active\">\n            <div class=\"cp-card-img\">\n                <img src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/omiya-lobby-768x432.webp\" alt=\"\u5927\u5bae\u6821\" loading=\"lazy\" decoding=\"async\">\n                <span class=\"cp-badge -blue\">\u52df\u96c6\u4e2d<\/span>\n            <\/div>\n            <div class=\"cp-card-body\">\n                <h3 class=\"cp-school-name\">\n                    <span class=\"cp-en\">SAITAMA<\/span>\n                    <span class=\"cp-jp\">\u5927\u5bae\u6821<\/span>\n                <\/h3>\n                <p class=\"cp-access\">\u5927\u5bae\u99c5\u897f\u53e3 \u5f92\u6b691\u5206<\/p>\n                <div class=\"cp-cta-link\">\n                    \u8a73\u7d30\u3092\u898b\u308b <i class=\"icon-chevron-right\"><\/i>\n                <\/div>\n            <\/div>\n        <\/a>\n\n        <div class=\"cp-card -paused\">\n            <div class=\"cp-card-img\">\n                <img src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/umeda-lobby-768x576.webp\" alt=\"\u6885\u7530\u6821\" loading=\"lazy\" decoding=\"async\">\n                <span class=\"cp-badge -gray\">\u4e00\u6642\u53d7\u4ed8\u4f11\u6b62\u4e2d<\/span>\n            <\/div>\n            <div class=\"cp-card-body\">\n                <h3 class=\"cp-school-name\">\n                    <span class=\"cp-en\">OSAKA<\/span>\n                    <span class=\"cp-jp\">\u6885\u7530\u6821<\/span>\n                <\/h3>\n                <p class=\"cp-access\">\u5927\u962a\u30fb\u6885\u7530\u30a8\u30ea\u30a2<\/p>\n                <div class=\"cp-status-text\">\u518d\u958b\u3092\u304a\u5f85\u3061\u304f\u3060\u3055\u3044<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"cp-card -future\">\n            <div class=\"cp-card-img\">\n                <img src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/nakano-lobby-768x512.webp\" alt=\"\u4e2d\u91ce\u6821\" loading=\"lazy\" decoding=\"async\">\n                <span class=\"cp-badge -yellow\">2026.04 OPEN<\/span>\n            <\/div>\n            <div class=\"cp-card-body\">\n                <h3 class=\"cp-school-name\">\n                    <span class=\"cp-en\">TOKYO<\/span>\n                    <span class=\"cp-jp\">\u4e2d\u91ce\u6821<\/span>\n                <\/h3>\n                <p class=\"cp-access\">\u6771\u4eac\u30fb\u4e2d\u91ce\u30a8\u30ea\u30a2<\/p>\n                <a href=\"\/school\/trial\/\" class=\"cp-entry-btn\">\n                    \u4e8b\u524d\u53d7\u4ed8\u3059\u308b <i class=\"icon-email\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<style>\n\/* =========================================\n   \u72ec\u81ea\u306e\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9(cp-)\u3092\u3064\u3051\u3001SWELL\u3068\u306e\u5e72\u6e09\u3092\u9632\u3050CSS\n   (\u5b9f\u5e97\u8217\u306e\u307f\u30d0\u30fc\u30b8\u30e7\u30f3)\n   ========================================= *\/\n\n#clach-portal-select {\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 60px 20px;\n    font-family: \"Zen Kaku Gothic New\", \"Helvetica Neue\", sans-serif;\n    color: #333;\n    box-sizing: border-box;\n}\n#clach-portal-select * {\n    box-sizing: border-box;\n}\n\n\/* --- \u30d8\u30c3\u30c0\u30fc --- *\/\n.cp-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n.cp-sub-ttl {\n    display: block;\n    font-size: 1rem;\n    color: #00B0FF;\n    font-weight: 900;\n    letter-spacing: 0.2em;\n    margin-bottom: 10px;\n}\n.cp-main-ttl {\n    font-size: 2.4rem !important;\n    font-weight: 900 !important;\n    line-height: 1.3 !important;\n    margin: 0 !important;\n    color: #333 !important;\n    border: none !important;\n    background: none !important;\n}\n.cp-main-ttl::before, .cp-main-ttl::after {\n    display: none !important;\n}\n\n\/* --- \u5b9f\u5e97\u8217\u30b0\u30ea\u30c3\u30c9 --- *\/\n.cp-real-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n.cp-card {\n    position: relative;\n    background: #fff;\n    border-radius: 24px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n    border: 2px solid #fff;\n    text-decoration: none !important;\n    display: flex;\n    flex-direction: column;\n    transition: transform 0.3s, box-shadow 0.3s;\n}\n\n\/* \u78ba\u5b9f\u306arelative\u6307\u5b9a\u3067\u30d0\u30c3\u30b8\u98db\u3073\u3092\u9632\u3050 *\/\n.cp-card-img {\n    position: relative !important; \n    width: 100%;\n    height: 200px;\n    background: #f5f5f5;\n    clip-path: ellipse(150% 100% at 50% 0%);\n}\n.cp-card-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.5s ease;\n}\n\n\/* \u30d0\u30c3\u30b8\u306e\u7d76\u5bfe\u914d\u7f6e\u57fa\u6e96\u306f .cp-card-img *\/\n.cp-badge {\n    position: absolute;\n    top: 15px; \n    left: 15px;\n    padding: 6px 14px;\n    border-radius: 50px;\n    font-size: 0.8rem;\n    font-weight: 900;\n    color: #fff;\n    z-index: 10;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.15);\n    line-height: 1;\n}\n.cp-badge.-blue { background: #00B0FF; }\n.cp-badge.-gray { background: #999; }\n.cp-badge.-yellow { background: #FFD600; color: #333; }\n\n.cp-card-body {\n    padding: 20px 25px 30px;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    background: #fff;\n}\n\n.cp-school-name {\n    margin: 0 0 10px !important;\n    line-height: 1.2 !important;\n    border: none !important;\n    background: none !important;\n    padding: 0 !important;\n}\n.cp-school-name::before, .cp-school-name::after { display: none !important; }\n.cp-en {\n    display: block;\n    font-size: 1.4rem;\n    font-weight: 900;\n    color: #333;\n    letter-spacing: 0.05em;\n}\n.cp-jp {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #888;\n    margin-left: 5px;\n}\n\n.cp-access {\n    font-size: 0.9rem;\n    color: #666;\n    margin: 0 0 20px !important;\n    font-weight: 500;\n    border-top: 1px solid #f0f0f0;\n    padding-top: 10px;\n    width: 100%;\n}\n\n.cp-cta-link {\n    margin-top: auto;\n    color: #00B0FF;\n    font-weight: 900;\n    font-size: 0.95rem;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: transform 0.2s;\n}\n\n.cp-status-text {\n    margin-top: auto;\n    font-size: 0.85rem;\n    color: #999;\n    font-weight: 700;\n    background: #f5f5f5;\n    padding: 8px 16px;\n    border-radius: 6px;\n}\n\n.cp-entry-btn {\n    margin-top: auto;\n    width: 100%;\n    background: #FFD600;\n    color: #333;\n    border: none;\n    padding: 12px 0;\n    border-radius: 50px;\n    font-weight: 900;\n    font-size: 0.95rem;\n    cursor: pointer;\n    box-shadow: 0 4px 10px rgba(255, 214, 0, 0.3);\n    transition: all 0.2s;\n}\n.cp-entry-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 15px rgba(255, 214, 0, 0.4);\n}\n\n\/* Hover & Status (Active) *\/\n.cp-card.-active:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 15px 40px rgba(0, 176, 255, 0.15);\n    border-color: #00B0FF;\n}\n.cp-card.-active:hover .cp-card-img img {\n    transform: scale(1.1);\n}\n.cp-card.-active:hover .cp-cta-link {\n    transform: translateX(5px);\n}\n\n\/* Hover & Status (Paused - \u6885\u7530) *\/\n.cp-card.-paused {\n    pointer-events: none;\n}\n\n\/* Hover & Status (Future - \u4e2d\u91ce) *\/\n.cp-card.-future {\n    border-bottom: 4px solid #FFD600;\n}\n\n\/* =========================================\n   \u30b9\u30de\u30db\u5bfe\u5fdc (SP)\n   ========================================= *\/\n@media (max-width: 768px) {\n    #clach-portal-select {\n        padding: 50px 20px;\n    }\n    .cp-main-ttl { font-size: 1.8rem !important; }\n\n    .cp-real-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n}\n<\/style>\n<\/div><\/div>\n\n\n\n\n\n\n\n<p><a href=\"\/school\/price\/\">\u6599\u91d1\u30fb\u30b7\u30b9\u30c6\u30e0<\/a>\u3084<a href=\"\/school\/courses\/\">\u30b3\u30fc\u30b9\u4e00\u89a7<\/a>\u3001<a href=\"\/school\/quality\/\">\u30ec\u30c3\u30b9\u30f3\u306e\u7279\u5fb4<\/a>\u3082\u3042\u308f\u305b\u3066\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\u5bfe\u9762\u30ec\u30c3\u30b9\u30f3\u3092\u3054\u5e0c\u671b\u306e\u65b9\u306f<a href=\"\/school\/omiya\/\">\u5927\u5bae\u6821<\/a>\u3082\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n\n\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u30aa\u30f3\u30e9\u30a4\u30f3\u30ec\u30c3\u30b9\u30f3\u306b\u5fc5\u8981\u306a\u3082\u306e\u306f\u4f55\u3067\u3059\u304b\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u307e\u305f\u306fPC\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8\u3068\u3001\u5b89\u5b9a\u3057\u305f\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u74b0\u5883\u304c\u3042\u308c\u3070\u53d7\u8b1b\u53ef\u80fd\u3067\u3059\u3002\u7279\u5225\u306a\u6a5f\u6750\u3084\u6e96\u5099\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3002\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u5bfe\u9762\u30ec\u30c3\u30b9\u30f3\u3068\u30aa\u30f3\u30e9\u30a4\u30f3\u30ec\u30c3\u30b9\u30f3\u306e\u9055\u3044\u306f\u3042\u308a\u307e\u3059\u304b\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u306f\u5bfe\u9762\u3068\u540c\u3058\u5185\u5bb9\u3067\u3059\u3002\u540c\u3058\u30d7\u30ed\u8b1b\u5e2b\u304c\u30de\u30f3\u30c4\u30fc\u30de\u30f3\u3067\u6307\u5c0e\u3057\u307e\u3059\u3002\u81ea\u5b85\u304b\u3089\u53d7\u8b1b\u3067\u304d\u308b\u305f\u3081\u3001\u901a\u5b66\u6642\u9593\u304c\u304b\u304b\u3089\u306a\u3044\u306e\u304c\u30e1\u30ea\u30c3\u30c8\u3067\u3059\u3002\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"\u30aa\u30f3\u30e9\u30a4\u30f3\u3067\u3082\u4f53\u9a13\u30ec\u30c3\u30b9\u30f3\u306f\u7121\u6599\u3067\u3059\u304b\uff1f\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"\u306f\u3044\u3001\u30aa\u30f3\u30e9\u30a4\u30f3\u6821\u3067\u3082\u4f53\u9a13\u30ec\u30c3\u30b9\u30f3\u306f\u4f55\u5ea6\u3067\u3082\u7121\u6599\u3067\u3059\u3002\u7d0d\u5f97\u3044\u304f\u307e\u3067\u304a\u8a66\u3057\u3044\u305f\u3060\u3051\u307e\u3059\u3002\"\n      }\n    }\n  ]\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u6599\u91d1\u30fb\u30b7\u30b9\u30c6\u30e0\u3084\u30b3\u30fc\u30b9\u4e00\u89a7\u3001\u30ec\u30c3\u30b9\u30f3\u306e\u7279\u5fb4\u3082\u3042\u308f\u305b\u3066\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\u5bfe\u9762\u30ec\u30c3\u30b9\u30f3\u3092\u3054\u5e0c\u671b\u306e\u65b9\u306f\u5927\u5bae\u6821\u3082\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-1067","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/pages\/1067","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/comments?post=1067"}],"version-history":[{"count":44,"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/pages\/1067\/revisions"}],"predecessor-version":[{"id":2713,"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/pages\/1067\/revisions\/2713"}],"wp:attachment":[{"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/media?parent=1067"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}