{"id":370,"date":"2025-12-02T22:10:19","date_gmt":"2025-12-02T13:10:19","guid":{"rendered":"https:\/\/label-clach.jp\/school\/?page_id=370"},"modified":"2026-03-16T13:49:39","modified_gmt":"2026-03-16T04:49:39","slug":"quality","status":"publish","type":"page","link":"https:\/\/label-clach.jp\/school\/quality\/","title":{"rendered":"\u4fe1\u983c\u3068\u5b9f\u7e3e"},"content":{"rendered":"\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\"><div class=\"swell-block-fullWide__inner l-container\">\n<!-- =========================================\n     \u4fe1\u983c\u3068\u5b9f\u7e3e\uff1aAdvanced Edition v2\n     (Content Restored & Optimized)\n     ========================================= -->\n<style>\n  \/* --- 0. \u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u521d\u671f\u8a2d\u5b9a --- *\/\n  :root {\n    --c-accent: #00B0FF;\n    --c-accent-glow: rgba(0, 176, 255, 0.4);\n    --c-text: #333;\n    --c-bg: #fff;\n    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  \/* \u30da\u30fc\u30b8\u5168\u4f53\u306e\u521d\u671f\u5316 *\/\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  #content, #main_content, .l-mainContent, .l-main, .post_content {\n    margin-top: 0 !important; padding-top: 0 !important;\n  }\n\n  \/* \u30e9\u30c3\u30d1\u30fc *\/\n  .adv-wrapper {\n    width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);\n    overflow: hidden; font-family: \"Zen Kaku Gothic New\", sans-serif;\n    color: var(--c-text); background: #fff; position: relative;\n  }\n\n  \/* --- 1. \u30d2\u30fc\u30ed\u30fc\u30bb\u30af\u30b7\u30e7\u30f3 --- *\/\n  .adv-hero {\n    position: relative; height: 60vh; min-height: 450px;\n    display: flex; align-items: center; justify-content: center;\n    overflow: hidden; background: #000; color: #fff;\n  }\n\n  .adv-hero-bg {\n    position: absolute; top: -10%; left: -10%; width: 120%; height: 120%;\n    background-image: url('https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/live-event-scaled.webp?auto=format&fit=crop&w=1920&q=80');\n    background-size: cover; background-position: center;\n    opacity: 0.5; filter: blur(2px);\n    transition: transform 0.1s linear;\n  }\n  \n  \/* \u6d6e\u904a\u3059\u308b\u30d1\u30fc\u30c6\u30a3\u30af\u30eb\uff08\u5c11\u3057\u63a7\u3048\u3081\u306b\uff09 *\/\n  .floating-shape {\n    position: absolute; border-radius: 50%;\n    background: linear-gradient(135deg, rgba(0,176,255,0.3), rgba(255,64,129,0.3));\n    filter: blur(80px); opacity: 0.5; mix-blend-mode: screen;\n    animation: floatShape 20s infinite alternate ease-in-out;\n  }\n  .shape-1 { top: 10%; left: 10%; width: 300px; height: 300px; animation-delay: 0s; }\n  .shape-2 { bottom: 10%; right: 10%; width: 400px; height: 400px; animation-delay: -5s; background: linear-gradient(135deg, rgba(255,171,64,0.3), rgba(0,176,255,0.1)); }\n\n  @keyframes floatShape { from { transform: translate(0,0); } to { transform: translate(30px, -30px); } }\n\n  .adv-hero-content {\n    position: relative; z-index: 10; text-align: center;\n  }\n  .adv-hero-overlay {\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n    background: radial-gradient(circle, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 100%); z-index: 1;\n  }\n  .adv-hero-content { z-index: 2; }\n\n  .adv-sub {\n    display: inline-block; font-size: 1.1rem; letter-spacing: 0.3em;\n    color: #81D4FA; margin-bottom: 20px; font-weight: 700;\n    opacity: 0; transform: translateY(20px);\n    animation: fadeUp 1s var(--ease-out-expo) 0.5s forwards;\n  }\n\n  .adv-title {\n    display: block !important; \/* \u2605\u5f37\u5236\u8868\u793a *\/\n    font-size: 4.5rem; font-weight: 900; line-height: 1.2; letter-spacing: 0.05em;\n    margin-bottom: 30px; color: #fff;\n    text-shadow: 0 0 30px rgba(0,176,255,0.6);\n    visibility: visible !important;\n    opacity: 1 !important;\n  }\n  .adv-title span { display: inline-block; }\n\n  .adv-desc {\n    font-size: 1.2rem; line-height: 1.9; color: rgba(255,255,255,0.95);\n    font-weight: 700;\n    opacity: 0; transform: translateY(20px);\n    animation: fadeUp 1s var(--ease-out-expo) 1.5s forwards;\n  }\n\n  \/* --- 2. \u30a4\u30d9\u30f3\u30c8\u30bb\u30af\u30b7\u30e7\u30f3 (3D Cards) --- *\/\n  .adv-section {\n    padding: 120px 20px; position: relative; z-index: 2;\n    background: #fff; \/* \u80cc\u666f\u767d\u306b\u623b\u3059 *\/\n  }\n  .adv-section-title {\n    text-align: center; font-size: 2.8rem; font-weight: 900; margin-bottom: 80px;\n    position: relative; display: block; color: #333;\n  }\n  .adv-section-title::before {\n    content: attr(data-en);\n    position: absolute; top: -30px; left: 50%; transform: translateX(-50%);\n    font-size: 4rem; color: rgba(0,0,0,0.03); white-space: nowrap; z-index: -1;\n    font-family: \"Helvetica Neue\", sans-serif; letter-spacing: 0.1em;\n  }\n\n  .tilt-grid {\n    display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px;\n    max-width: 1200px; margin: 0 auto; perspective: 1000px;\n  }\n\n  .tilt-card {\n    position: relative; border-radius: 20px; background: #fff;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.08);\n    transform-style: preserve-3d; transform: translateZ(0);\n    transition: transform 0.1s;\n    cursor: pointer; overflow: hidden;\n    border: 1px solid rgba(0,0,0,0.02);\n  }\n  \n  .tilt-img-box {\n    height: 240px; overflow: hidden; position: relative;\n    border-radius: 20px 20px 0 0;\n  }\n  .tilt-img-box img {\n    width: 100%; height: 100%; object-fit: cover;\n    transition: transform 0.5s var(--ease-out-expo);\n  }\n  .tilt-card:hover .tilt-img-box img { transform: scale(1.1); }\n\n  .tilt-content { padding: 30px; transform: translateZ(20px); background: #fff; position: relative; }\n  .tilt-icon {\n    font-size: 2rem; margin-bottom: 15px; display: inline-block;\n    background: #fff; width: 60px; height: 60px; line-height: 60px; text-align: center;\n    border-radius: 50%; margin-top: -60px; box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n    position: relative; z-index: 10; color: var(--c-accent);\n  }\n  \n  .tilt-title { font-size: 1.3rem; font-weight: 900; margin-bottom: 10px; color: #333; }\n  .tilt-text { font-size: 0.95rem; color: #666; line-height: 1.7; }\n\n  \/* --- 3. \u30d7\u30ed\u8b1b\u5e2b\u30bb\u30af\u30b7\u30e7\u30f3 --- *\/\n  .pro-section { background: #f4f8fb; padding: 120px 20px; overflow: hidden; }\n  .pro-flex {\n    display: flex; gap: 60px; align-items: center; max-width: 1100px; margin: 0 auto;\n  }\n  .pro-visual {\n    flex: 1; position: relative; perspective: 1000px;\n  }\n.pro-card-stack {\n  position: relative; \n  width: 100%; \n  height: auto; \/* \u89aa\u306e\u9ad8\u3055\u306f\u4e2d\u8eab\u306b\u5408\u308f\u305b\u308b *\/\n}\n\n.stack-img {\n  \/* position: absolute; \u3092\u524a\u9664\uff08\u3053\u308c\u304c\u91cd\u8981\uff01\uff09 *\/\n  display: block; \/* \u4e0b\u306b\u4f59\u8a08\u306a\u9699\u9593\u304c\u51fa\u306a\u3044\u3088\u3046\u306b\u3059\u308b *\/\n  width: 85%;    \/* \u6a2a\u5e45\u3092\u89aa\u306e85%\u306b *\/\n  height: auto;   \/* \u7e26\u5e45\u3092\u753b\u50cf\u672c\u6765\u306e\u6bd4\u7387\u306b\u81ea\u52d5\u8abf\u6574 *\/\n  margin: 0 auto; \/* \u4e2d\u592e\u5bc4\u305b\u306b\u3057\u305f\u3044\u5834\u5408 *\/\n  \n  \/* \u88c5\u98fe\u306f\u305d\u306e\u307e\u307e\u7dad\u6301 *\/\n  object-fit: contain; \n  border-radius: 30px; \n  box-shadow: 20px 20px 50px rgba(0,0,0,0.1);\n  transition: transform 0.5s var(--ease-out-expo);\n}\n  .stack-img:nth-child(2) {\n    top: 15%; left: 15%; z-index: 1; filter: brightness(0.6);\n  }\n  .pro-visual:hover .stack-img:nth-child(1) { transform: translate(-10px, -10px); }\n  .pro-visual:hover .stack-img:nth-child(2) { transform: translate(10px, 10px); filter: brightness(0.8); }\n\n  .pro-info { flex: 1; }\n  .pro-info h3 { font-size: 2.4rem; font-weight: 900; line-height: 1.3; margin-bottom: 30px; }\n  .check-list { list-style: none; margin-top: 30px; padding: 0; }\n  .check-item {\n    display: flex; align-items: center; font-size: 1.1rem; font-weight: 700; margin-bottom: 18px;\n    opacity: 0; transform: translateX(20px);\n    transition: all 0.5s var(--ease-out-expo);\n    color: #444;\n  }\n  .check-item.is-visible { opacity: 1; transform: translateX(0); }\n  .check-icon {\n    width: 28px; height: 28px; background: var(--c-accent); border-radius: 50%;\n    display: flex; align-items: center; justify-content: center; margin-right: 15px;\n    color: #fff; font-size: 0.8rem; box-shadow: 0 5px 15px var(--c-accent-glow);\n  }\n\n  \/* --- 4. \u4fa1\u683c\u30bb\u30af\u30b7\u30e7\u30f3 (Stats\u6d41\u7528) --- *\/\n  .stats-section {\n    background: #1a1a1a; color: #fff; padding: 100px 20px;\n    position: relative; overflow: hidden;\n    \/* \u80cc\u666f\u88c5\u98fe *\/\n    background-image: radial-gradient(circle at 20% 50%, rgba(0, 176, 255, 0.1), transparent 40%),\n                      radial-gradient(circle at 80% 50%, rgba(255, 64, 129, 0.1), transparent 40%);\n  }\n  .stats-grid {\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;\n    max-width: 1100px; margin: 0 auto; text-align: center;\n  }\n  .stat-item {\n    padding: 30px 20px; border-radius: 20px;\n    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);\n    backdrop-filter: blur(10px);\n  }\n  .stat-val-wrap { display: flex; align-items: baseline; justify-content: center; gap: 5px; }\n  .stat-num {\n    font-size: 4.5rem; font-weight: 900; color: var(--c-accent);\n    display: block; margin-bottom: 5px; font-family: \"Helvetica Neue\", sans-serif;\n    line-height: 1;\n  }\n  .stat-unit { font-size: 1.5rem; font-weight: 700; }\n  .stat-label { font-size: 1.1rem; font-weight: 700; color: #fff; margin-bottom: 10px; display: block; }\n  .stat-sub { font-size: 0.9rem; color: #aaa; }\n\n  \/* --- 5. \u5b9f\u7e3e\u30bb\u30af\u30b7\u30e7\u30f3 (Advanced Style) --- *\/\n  .achieve-section {\n    padding: 120px 20px; background: #fff; position: relative;\n  }\n  .achieve-grid {\n    display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;\n    max-width: 1000px; margin: 0 auto;\n  }\n  \/* \u5b9f\u7e3e\u30ab\u30fc\u30c9\uff1a\u30b0\u30e9\u30b9\u30e2\u30fc\u30d5\u30a3\u30ba\u30e0\u98a8\u3060\u304c\u767d\u80cc\u666f\u3067\u898b\u3084\u3059\u304f *\/\n  .achieve-card {\n    background: linear-gradient(135deg, #fff, #f9f9f9);\n    border-radius: 25px; padding: 35px;\n    border: 1px solid #eee;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    display: flex; align-items: flex-start;\n    transition: transform 0.3s;\n  }\n  .achieve-card:hover { transform: translateY(-5px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); }\n  .achieve-icon {\n    font-size: 2.5rem; margin-right: 25px; flex-shrink: 0;\n    \/* \u91d1\u8272\u306e\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\n    background: linear-gradient(135deg, #FFD700, #FFA000);\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n  }\n  .achieve-body h4 { font-size: 1.3rem; font-weight: 900; margin-bottom: 10px; color: #333; }\n  .achieve-body p { font-size: 0.95rem; line-height: 1.7; color: #666; margin: 0; }\n\n  \/* --- 6. CTA --- *\/\n  .adv-cta {\n    padding: 120px 20px; text-align: center;\n    background: linear-gradient(135deg, #E3F2FD, #F3E5F5);\n    position: relative; overflow: hidden;\n  }\n  .cta-circle {\n    width: 600px; height: 600px; border-radius: 50%;\n    border: 1px solid rgba(0, 176, 255, 0.2);\n    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\n    animation: ripple 4s infinite linear; pointer-events: none;\n  }\n  .cta-circle:nth-child(2) { width: 400px; height: 400px; animation-delay: -1s; }\n  .cta-circle:nth-child(3) { width: 800px; height: 800px; animation-delay: -2s; }\n\n  @keyframes ripple {\n    0% { transform: translate(-50%, -50%) scale(0.8); opacity: 1; }\n    100% { transform: translate(-50%, -50%) scale(1.2); opacity: 0; }\n  }\n\n  .cta-btn-wrap { position: relative; z-index: 2; }\n  .adv-btn {\n    display: inline-block; padding: 25px 80px; font-size: 1.4rem; font-weight: 900;\n    color: #fff !important; background: linear-gradient(90deg, #00B0FF, #FF4081);\n    border-radius: 100px; text-decoration: none;\n    box-shadow: 0 10px 30px rgba(0, 176, 255, 0.4);\n    position: relative; overflow: hidden; transition: transform 0.3s;\n  }\n  .adv-btn:hover { transform: scale(1.05); box-shadow: 0 20px 50px rgba(0, 176, 255, 0.6); }\n\n  \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u5171\u901a *\/\n  @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\n\n  \/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\n  @media (max-width: 768px) {\n    .adv-title { font-size: 2.8rem; }\n    .tilt-grid, .stats-grid, .pro-flex, .achieve-grid { grid-template-columns: 1fr; flex-direction: column; }\n    .pro-card-stack { width: 80%; margin: 0 auto 40px; }\n    .adv-btn { font-size: 1.1rem; padding: 20px 40px; width: 90%; }\n    .stat-item { margin-bottom: 20px; }\n  }\n<\/style>\n\n<div class=\"adv-wrapper\">\n\n  <!-- 1. HERO -->\n  <section class=\"adv-hero\">\n    <div class=\"adv-hero-bg\" id=\"hero-bg\"><\/div>\n    <div class=\"adv-hero-overlay\"><\/div>\n    <!-- \u6d6e\u904a\u30aa\u30d6\u30b8\u30a7\u30af\u30c8 -->\n    <div class=\"floating-shape shape-1\"><\/div>\n    <div class=\"floating-shape shape-2\"><\/div>\n\n    <div class=\"adv-hero-content\">\n      <span class=\"adv-sub\">OUR PRIDE &#038; QUALITY<\/span>\n      <span class=\"adv-title\">\n        <span class=\"scramble-text\" data-text=\"\u4fe1\u983c\">Loading&#8230;<\/span>\u3068<br>\n        <span class=\"scramble-text\" data-text=\"\u5b9f\u7e3e\">Loading&#8230;<\/span>\n      <\/span>\n      <p class=\"adv-desc\">\n        \u300c\u697d\u3057\u3055\u300d\u3068\u300c\u672c\u6c17\u300d\u304c\u5171\u5b58\u3059\u308b\u5834\u6240\u3002<br>\n        \u30af\u30e9\u30c3\u30c1\u3060\u304b\u3089\u3067\u304d\u308b\u4f53\u9a13\u304c\u3042\u308a\u307e\u3059\u3002\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- 2. EVENTS (3D Tilt) -->\n  <section class=\"adv-section\">\n    <h2 class=\"adv-section-title\" data-en=\"EVENTS\">\u8c4a\u5bcc\u306a\u6821\u5185\u30a4\u30d9\u30f3\u30c8<\/h2>\n    <div class=\"tilt-grid\">\n      <!-- Card 1 -->\n      <div class=\"tilt-card\" data-tilt>\n        <div class=\"tilt-img-box\">\n          <img loading=\"eager\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/solo-event-scaled.webp?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Live\">\n        <\/div>\n        <div class=\"tilt-content\">\n          <h3 class=\"tilt-title\">\u767a\u8868\u4f1a\u30e9\u30a4\u30d6<\/h3>\n          <p class=\"tilt-text\">\u30d7\u30ed\u4ed5\u69d8\u306e\u7167\u660e\u3068\u97f3\u97ff\u3067\u3001\u7df4\u7fd2\u306e\u6210\u679c\u3092\u62ab\u9732\uff01\u521d\u5fc3\u8005\u3067\u3082\u53c2\u52a0\u3057\u3084\u3059\u3044\u6e29\u304b\u3044\u96f0\u56f2\u6c17\u304c\u81ea\u6162\u3067\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n      <!-- Card 2 -->\n      <div class=\"tilt-card\" data-tilt>\n        <div class=\"tilt-img-box\">\n          <img loading=\"eager\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/saitama-fes-scaled.webp?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Fes\">\n        <\/div>\n        <div class=\"tilt-content\">\n          <h3 class=\"tilt-title\">\u5730\u57df\u30d5\u30a7\u30b9\u51fa\u6f14<\/h3>\n          <p class=\"tilt-text\">\u6559\u5ba4\u3092\u98db\u3073\u51fa\u3057\u3066\u3001\u5730\u57df\u306e\u5927\u304d\u306a\u30b9\u30c6\u30fc\u30b8\u3078\u3002\u89b3\u5ba2\u306e\u524d\u3067\u6b4c\u3046\u7d4c\u9a13\u304c\u3001\u3042\u306a\u305f\u3092\u5927\u304d\u304f\u6210\u9577\u3055\u305b\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n      <!-- Card 3 -->\n      <div class=\"tilt-card\" data-tilt>\n        <div class=\"tilt-img-box\">\n          <img loading=\"eager\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/group-event-scaled.webp?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Movie\">\n        <\/div>\n        <div class=\"tilt-content\">\n          <h3 class=\"tilt-title\">\u4ea4\u6d41\u4f1a<\/h3>\n          <p class=\"tilt-text\">\u30b9\u30af\u30fc\u30eb\u306b\u901a\u3046\u751f\u5f92\u540c\u58eb\u3067\u610f\u898b\u4ea4\u63db\u3084\u3075\u308c\u3042\u3044\u306e\u5834\u3002\u6b21\u306e\u30a4\u30d9\u30f3\u30c8\u3067\u30c7\u30e5\u30a8\u30c3\u30c8\u3059\u308b\u4ef2\u9593\u304c\u898b\u3064\u304b\u308b\u3053\u3068\u3082\uff01<\/p>\n        <\/div>\n      <\/div>\n      <!-- Card 4 -->\n      <div class=\"tilt-card\" data-tilt>\n        <div class=\"tilt-img-box\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/op-recording-scaled.webp?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Movie\">\n        <\/div>\n        <div class=\"tilt-content\">\n          <h3 class=\"tilt-title\">\u52d5\u753b\u5236\u4f5c<\/h3>\n          <p class=\"tilt-text\">\u30ec\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u304b\u3089MV\u4f5c\u6210\u307e\u3067\u5b8c\u5168\u30b5\u30dd\u30fc\u30c8\u3002\u300c\u767a\u4fe1\u8005\u300d\u3068\u3057\u3066\u306e\u7b2c\u4e00\u6b69\u3092\u3053\u3053\u304b\u3089\u59cb\u3081\u307e\u3057\u3087\u3046\u3002<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 3. PROFESSIONALS -->\n  <section class=\"pro-section\">\n    <h2 class=\"adv-section-title\" data-en=\"TEACHERS\">\u672c\u7269\u306e\u30d7\u30ed\u8b1b\u5e2b<\/h2>\n    <div class=\"pro-flex\">\n      <div class=\"pro-visual\">\n        <div class=\"pro-card-stack\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/aikawa-tv.webp\" class=\"stack-img\" alt=\"\u76f8\u5ddd\u8b1b\u5e2b\">\n        <\/div>\n      <\/div>\n      <div class=\"pro-info\">\n        <h3>\u3084\u3055\u3057\u3044\u3001\u306a\u306e\u306b<br>\u8b1b\u5e2b\u306f<span style=\"color:#00B0FF\">\u672c\u7269\u306e\u30d7\u30ed<\/span>\u3002<\/h3>\n        <ul class=\"check-list\">\n          <li class=\"check-item\"><span class=\"check-icon\">\u2714<\/span>\u73fe\u5f79\u30df\u30e5\u30fc\u30b8\u30b7\u30e3\u30f3<\/li>\n          <li class=\"check-item\"><span class=\"check-icon\">\u2714<\/span>\u30e1\u30b8\u30e3\u30fc\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8<\/li>\n          <li class=\"check-item\"><span class=\"check-icon\">\u2714<\/span>\u30c6\u30ec\u30d3\u51fa\u6f14\u7d4c\u9a13\u306e\u3042\u308b\u8b1b\u5e2b<\/li>\n          <li class=\"check-item\"><span class=\"check-icon\">\u2714<\/span>\u30a2\u30cb\u30e1\u30fb\u30b2\u30fc\u30e0\u4e3b\u984c\u6b4c\u62c5\u5f53<\/li>\n          <li class=\"check-item\"><span class=\"check-icon\">\u2714<\/span>\u767b\u9332\u8005100\u4e07\u4eba\u8d85\u3048\u30af\u30ea\u30a8\u30a4\u30bf\u30fc<\/li>\n        <\/ul>\n        <p style=\"margin-top:30px; line-height:1.8; color:#555;\">\n          \u5b9f\u7e3e\u304c\u3042\u308b\u304b\u3089\u3053\u305d\u3001\u57fa\u790e\u306e\u5927\u5207\u3055\u3092\u77e5\u3063\u3066\u3044\u307e\u3059\u3002<br>\n          \u521d\u5fc3\u8005\u306e\u65b9\u306b\u3082\u300c\u97f3\u697d\u306e\u697d\u3057\u3055\u300d\u3092\u7b2c\u4e00\u306b\u3001\u512a\u3057\u304f\u4e01\u5be7\u306b\u6307\u5c0e\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 4. PRICE (Stats Style) -->\n  <section class=\"stats-section\">\n    <h2 class=\"adv-section-title\" data-en=\"PRICE\" style=\"color:#fff !important;\">\u300c\u7d9a\u3051\u3084\u3059\u3055\u300d\u3082\u54c1\u8cea<\/h2>\n    <div class=\"stats-grid\">\n      <div class=\"stat-item\">\n        <span class=\"stat-label\">\u6559\u6750\u30fb\u97f3\u6e90\u8cbb<\/span>\n        <div class=\"stat-val-wrap\">\n            <!-- 0\u5186\u7cfb\u306f 99 \u304b\u3089\u30ab\u30a6\u30f3\u30c8\u30c0\u30a6\u30f3 -->\n            <span class=\"stat-num\" data-val=\"0\">99<\/span>\n            <span class=\"stat-unit\">\u5186<\/span>\n        <\/div>\n        <span class=\"stat-sub\">\u8ffd\u52a0\u8cbb\u7528\u306f\u4e00\u5207\u304b\u304b\u308a\u307e\u305b\u3093<\/span>\n      <\/div>\n      <div class=\"stat-item\">\n        <span class=\"stat-label\">\u30ec\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0<\/span>\n        <div class=\"stat-val-wrap\">\n            <!-- 0\u5186\u7cfb\u306f 99 \u304b\u3089\u30ab\u30a6\u30f3\u30c8\u30c0\u30a6\u30f3 -->\n            <span class=\"stat-num\" data-val=\"0\">99<\/span>\n            <span class=\"stat-unit\">\u5186<\/span>\n        <\/div>\n        <span class=\"stat-sub\">\u6a5f\u6750\u8cbb\u3084\u30c7\u30a3\u30ec\u30af\u30b7\u30e7\u30f3\u3082\u8fbc\u307f<\/span>\n      <\/div>\n      <div class=\"stat-item\">\n        <span class=\"stat-label\">\u30ec\u30c3\u30b9\u30f3\u6642\u9593<\/span>\n        <div class=\"stat-val-wrap\">\n            <span class=\"stat-num\" data-val=\"60\">0<\/span>\n            <span class=\"stat-unit\">\u5206<\/span>\n        <\/div>\n        <span class=\"stat-sub\">\u8ee2\u63db5\u5206\u3092\u542b\u307f\u307e\u3059<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 5. ACHIEVEMENTS -->\n  <section class=\"achieve-section\">\n    <h2 class=\"adv-section-title\" data-en=\"PRIDE\">\u30b9\u30af\u30fc\u30eb\u51fa\u8eab\u8005\u306e\u5b9f\u7e3e<\/h2>\n    <div class=\"achieve-grid\">\n      <div class=\"achieve-card\">\n        <div class=\"achieve-icon\">\ud83c\udfc6<\/div>\n        <div class=\"achieve-body\">\n          <h4>\u97d3\u56fd\u5927\u624b\u4e8b\u52d9\u6240JYP\u9032\u51fa<\/h4>\n          <p>\u30dc\u30fc\u30a4\u30ba\u30b0\u30eb\u30fc\u30d7\u30aa\u30fc\u30c7\u30a3\u30b7\u30e7\u30f3\u756a\u7d44\u3078\u65e5\u672c\u4eba\u7814\u4fee\u751f\u3068\u3057\u3066\u51fa\u6f14\u3002\u672c\u5834\u306e\u30a8\u30f3\u30bf\u30fc\u30c6\u30a4\u30f3\u30e1\u30f3\u30c8\u754c\u3078\u3002<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"achieve-card\">\n        <div class=\"achieve-icon\">\ud83d\udcfa<\/div>\n        <div class=\"achieve-body\">\n          <h4>\u8d85\u4eba\u6c17\u30a2\u30cb\u30e1\u633f\u5165\u6b4c\u3092\u62c5\u5f53<\/h4>\n          <p>2023\u5e74\u653e\u9001\u306e\u56fd\u6c11\u7684\u30a2\u30cb\u30e1\u4f5c\u54c1\u306e\u5287\u4e2d\u6b4c\u306e\u4f5c\u7de8\u66f2\u3092\u751f\u5f92\u304c\u62c5\u5f53\u3057\u307e\u3057\u305f\u3002<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"achieve-card\">\n        <div class=\"achieve-icon\">\ud83c\udf80<\/div>\n        <div class=\"achieve-body\">\n          <h4>\u5927\u624bVTuber\u4e8b\u52d9\u6240\u6240\u5c5e<\/h4>\n          <p>\u5352\u696d\u751f\u304c\u30c1\u30e3\u30f3\u30cd\u30eb\u767b\u9332\u8005100\u4e07\u4eba\u3092\u8d85\u3048\u308b\u8457\u540d\u306a\u4f01\u696dVTuber\u3068\u3057\u3066\u6d3b\u8e8d\u3002<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"achieve-card\">\n        <div class=\"achieve-icon\">\ud83c\udfa4<\/div>\n        <div class=\"achieve-body\">\n          <h4>\u6b4c\u3044\u624b\u30b0\u30eb\u30fc\u30d7\u8f29\u51fa<\/h4>\n          <p>\u30cd\u30c3\u30c8\u30b7\u30fc\u30f3\u3067\u6d3b\u8e8d\u3059\u308b\u4eba\u6c17\u6b4c\u3044\u624b\u30b0\u30eb\u30fc\u30d7\u306e\u30e1\u30f3\u30d0\u30fc\u3092\u8907\u6570\u540d\u8f29\u51fa\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 6. CTA -->\n  <section class=\"adv-cta\">\n    <div class=\"cta-circle\"><\/div>\n    <div class=\"cta-circle\"><\/div>\n    <div class=\"cta-circle\"><\/div>\n    \n    <div class=\"cta-btn-wrap\">\n      <h2 style=\"font-size:2rem; margin-bottom:30px; font-weight:900;\">\u307e\u305a\u306f\u7121\u6599\u3067\u4f53\u9a13\u3057\u3066\u307f\u307e\u305b\u3093\u304b\uff1f<\/h2>\n      <a href=\"\/school\/trial\/\" class=\"adv-btn\">\u7121\u6599\u4f53\u9a13\u30ec\u30c3\u30b9\u30f3\u3092\u4e88\u7d04<\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<!-- Interactive Scripts (Optimized & Fixed CountDown) -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \n    \/* --- 1. Text Scramble Effect --- *\/\n    class TextScramble {\n        constructor(el) {\n            this.el = el;\n            this.chars = '!<>-_\\\\\/[]{}\u2014=+*^?#________';\n            this.update = this.update.bind(this);\n        }\n        setText(newText) {\n            const oldText = this.el.innerText;\n            const length = Math.max(oldText.length, newText.length);\n            const promise = new Promise((resolve) => this.resolve = resolve);\n            this.queue = [];\n            for (let i = 0; i < length; i++) {\n                const from = oldText[i] || '';\n                const to = newText[i] || '';\n                const start = Math.floor(Math.random() * 40);\n                const end = start + Math.floor(Math.random() * 40);\n                this.queue.push({ from, to, start, end });\n            }\n            cancelAnimationFrame(this.frameRequest);\n            this.frame = 0;\n            this.update();\n            return promise;\n        }\n        update() {\n            let output = '';\n            let complete = 0;\n            for (let i = 0, n = this.queue.length; i < n; i++) {\n                let { from, to, start, end, char } = this.queue[i];\n                if (this.frame >= end) {\n                    complete++;\n                    output += to;\n                } else if (this.frame >= start) {\n                    if (!char || Math.random() < 0.28) {\n                        char = this.randomChar();\n                        this.queue[i].char = char;\n                    }\n                    output += `<span class=\"dud\" style=\"color:#555;\">${char}<\/span>`;\n                } else {\n                    output += from;\n                }\n            }\n            this.el.innerHTML = output;\n            if (complete === this.queue.length) {\n                this.resolve();\n            } else {\n                this.frameRequest = requestAnimationFrame(this.update);\n                this.frame++;\n            }\n        }\n        randomChar() { return this.chars[Math.floor(Math.random() * this.chars.length)]; }\n    }\n\n    const scrambleEls = document.querySelectorAll('.scramble-text');\n    setTimeout(() => {\n        scrambleEls.forEach(el => {\n            const fx = new TextScramble(el);\n            fx.setText(el.dataset.text);\n        });\n    }, 800);\n\n    \/* --- 2. 3D Tilt Effect --- *\/\n    const tilts = document.querySelectorAll('[data-tilt]');\n    tilts.forEach(card => {\n        card.addEventListener('mousemove', (e) => {\n            const rect = card.getBoundingClientRect();\n            const x = e.clientX - rect.left;\n            const y = e.clientY - rect.top;\n            const centerX = rect.width \/ 2;\n            const centerY = rect.height \/ 2;\n            const rotateX = ((y - centerY) \/ centerY) * -10;\n            const rotateY = ((x - centerX) \/ centerX) * 10;\n            card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.05)`;\n        });\n        card.addEventListener('mouseleave', () => {\n            card.style.transform = 'perspective(1000px) rotateX(0) rotateY(0) scale(1)';\n        });\n    });\n\n    \/* --- 3. Number Count Up & Down Logic --- *\/\n    const stats = document.querySelectorAll('.stat-num');\n    const statObserver = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if(entry.isIntersecting) {\n                const target = entry.target;\n                const targetVal = parseInt(target.dataset.val); \/\/ \u6700\u7d42\u7684\u306a\u5024\uff080 \u307e\u305f\u306f 60\u306a\u3069\uff09\n                \n                \/\/ \u30bf\u30fc\u30b2\u30c3\u30c8\u304c0\u306a\u3089\u30ab\u30a6\u30f3\u30c8\u30c0\u30a6\u30f3\u3001\u305d\u308c\u4ee5\u5916\u306f\u30ab\u30a6\u30f3\u30c8\u30a2\u30c3\u30d7\n                const isCountDown = targetVal === 0;\n                const startVal = isCountDown ? 99 : 0;\n                \n                const duration = 2000;\n                const startTime = performance.now();\n\n                const updateNum = (currentTime) => {\n                    const elapsed = currentTime - startTime;\n                    const progress = Math.min(elapsed \/ duration, 1);\n                    const ease = 1 - Math.pow(1 - progress, 4); \/\/ easeOutQuart\n                    \n                    let currentVal;\n                    if(isCountDown) {\n                        \/\/ 99\u304b\u30890\u3078\u6e1b\u5c11\n                        currentVal = Math.floor(startVal * (1 - ease));\n                    } else {\n                        \/\/ 0\u304b\u3089\u76ee\u6a19\u5024\u3078\u5897\u52a0\n                        currentVal = Math.floor(startVal + (targetVal - startVal) * ease);\n                    }\n\n                    target.innerText = currentVal;\n\n                    if (progress < 1) {\n                        requestAnimationFrame(updateNum);\n                    } else {\n                        target.innerText = targetVal; \/\/ \u6700\u5f8c\u306b\u6b63\u78ba\u306a\u5024\u3092\u30bb\u30c3\u30c8\n                    }\n                };\n                requestAnimationFrame(updateNum);\n                statObserver.unobserve(target);\n            }\n        });\n    }, { threshold: 0.5 });\n    stats.forEach(stat => statObserver.observe(stat));\n\n    \/* --- 4. Scroll Reveal --- *\/\n    const checks = document.querySelectorAll('.check-item');\n    const checkObserver = new IntersectionObserver((entries) => {\n        entries.forEach((entry) => {\n            if(entry.isIntersecting) {\n                const index = Array.from(checks).indexOf(entry.target);\n                setTimeout(() => {\n                    entry.target.classList.add('is-visible');\n                }, index * 100);\n                checkObserver.unobserve(entry.target);\n            }\n        });\n    }, { rootMargin: '0px 0px -50px 0px' });\n    checks.forEach(c => checkObserver.observe(c));\n\n    \/* --- 5. Parallax Background (PC only) --- *\/\n    const heroBg = document.getElementById('hero-bg');\n    if(window.matchMedia('(min-width: 960px)').matches) {\n        document.addEventListener('mousemove', (e) => {\n            const x = (window.innerWidth - e.pageX) \/ 50;\n            const y = (window.innerHeight - e.pageY) \/ 50;\n            heroBg.style.transform = `translate(${x}px, ${y}px) scale(1.1)`;\n        });\n    }\n});\n<\/script>\n\n\n\n<section class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<!-- FAQ\u30bb\u30af\u30b7\u30e7\u30f3\u958b\u59cb -->\n<section class=\"adv-section faq-area\">\n  <h2 class=\"adv-section-title\" data-en=\"Q&#038;A\">\u3088\u304f\u3042\u308b\u8cea\u554f<\/h2>\n  \n  <!-- \u30c7\u30b6\u30a4\u30f3\u9069\u7528\u7528\u306e\u56f2\u3044\u958b\u59cb -->\n  <div class=\"custom-faq-design\">\n\n\n\n\n\n<dl class=\"swell-block-faq\" data-q=\"col-text\" data-a=\"col-text\">\n<div class=\"swell-block-faq__item\"><dt class=\"faq_q\">\u8ffd\u52a0\u6599\u91d1\u306f\u767a\u751f\u3057\u307e\u3059\u304b\uff1f<\/dt><dd class=\"faq_a\">\n<p>\u3054\u5b89\u5fc3\u304f\u3060\u3055\u3044\uff01\u57fa\u672c\u7684\u306b\u53d7\u8b1b\u306b\u95a2\u3057\u3066\u8ffd\u52a0\u8cbb\u7528\u306f\u767a\u751f\u3044\u305f\u3057\u307e\u305b\u3093\u3002\u305f\u3060\u3057\u3001\u751f\u5f92\u3055\u307e\u304c\u304a\u6301\u3061\u8fbc\u307f\u3055\u308c\u308b\u6559\u6750\uff08\u697d\u8b5c\u306a\u3069\uff09\u306f\u3054\u81ea\u8eab\u3067\u3054\u7528\u610f\u304f\u3060\u3055\u3044\u3002\u307e\u305f\u3001\u30ae\u30bf\u30fc\u306e\u30ec\u30f3\u30bf\u30eb\u306f1\u30ec\u30c3\u30b9\u30f3400\u5186\u5225\u9014\u767a\u751f\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n<\/dd><\/div>\n\n\n\n<div class=\"swell-block-faq__item\"><dt class=\"faq_q\">\u5148\u751f\u306f\u6307\u540d\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u304b\uff1f<\/dt><dd class=\"faq_a\">\n<p>\u306f\u3044\u3002\u6bce\u30ec\u30c3\u30b9\u30f3\u8b1b\u5e2b\u3092\u304a\u9078\u3073\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u30ec\u30c3\u30b9\u30f3\u306e\u5185\u5bb9\u306f\u30ab\u30eb\u30c6\u3067\u5f15\u304d\u7d99\u304c\u308c\u307e\u3059\u306e\u3067\u3001\u3054\u5b89\u5fc3\u304f\u3060\u3055\u3044\u3002<\/p>\n<\/dd><\/div>\n<\/dl>\n\n\n\n<\/div><!-- \/\u30c7\u30b6\u30a4\u30f3\u9069\u7528\u7528\u306e\u56f2\u3044\u7d42\u4e86 -->\n<\/section><!-- \/FAQ\u30bb\u30af\u30b7\u30e7\u30f3\u7d42\u4e86 -->\n\n<style>\n\/* --- FAQ\u30bb\u30af\u30b7\u30e7\u30f3\u7528\u30b9\u30bf\u30a4\u30eb\uff08\u30e9\u30c3\u30d1\u30fc\u7d4c\u7531\u3067\u9069\u7528\uff09 --- *\/\n.faq-area {\n    background: #fff;\n    padding: 100px 20px;\n}\n\n\/* 1. \u500b\u5225\u306e\u8cea\u554f\u30a2\u30a4\u30c6\u30e0 *\/\n.custom-faq-design .swell-block-faq__item {\n    display: block !important;\n    margin-bottom: 20px !important;\n    border-radius: 8px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n    border: 1px solid #f0f0f0 !important;\n    background: #fff;\n    padding: 0 !important;\n    transition: all 0.3s ease;\n}\n.custom-faq-design .swell-block-faq__item:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 5px 15px rgba(0, 194, 255, 0.1);\n    border-color: #00B0FF !important;\n}\n\n\/* 2. \u8cea\u554f\u90e8\u5206\uff08Q\uff09 *\/\n\/* SWELL\u6a19\u6e96\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u4e0a\u66f8\u304d *\/\n.custom-faq-design .faq_q,\n.custom-faq-design .swell-block-faq__q {\n    background: #fff !important;\n    color: #333 !important;\n    border: none !important;\n    position: relative;\n    font-weight: bold;\n    font-size: 1.1rem;\n    padding: 20px 50px 20px 65px !important;\n    cursor: pointer;\n    margin: 0 !important;\n    z-index: 2;\n}\n\n\/* Q\u30de\u30fc\u30af *\/\n.custom-faq-design .faq_q::after,\n.custom-faq-design .swell-block-faq__q::after {\n    content: 'Q';\n    display: flex; align-items: center; justify-content: center;\n    position: absolute; left: 20px; top: 50%; transform: translateY(-50%);\n    font-family: \"Zen Kaku Gothic New\", sans-serif;\n    font-weight: 900; font-size: 1.1rem;\n    background: #00B0FF; color: #fff;\n    width: 30px; height: 30px; border-radius: 50%;\n    box-shadow: 0 2px 5px rgba(0, 176, 255, 0.3);\n}\n\n\/* \u958b\u9589\u77e2\u5370 *\/\n.custom-faq-design .faq_q,\n.custom-faq-design .swell-block-faq__q {\n    background-image: url('data:image\/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23cccccc%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%2F%3E%3C%2Fsvg%3E') !important;\n    background-repeat: no-repeat !important;\n    background-position: right 20px center !important;\n    background-size: 20px !important;\n    transition: background-image 0.3s ease;\n}\n\/* \u958b\u3044\u305f\u6642\u306e\u77e2\u5370 *\/\n.custom-faq-design .swell-block-faq__item.is-opened .faq_q,\n.custom-faq-design .swell-block-faq__item.is-opened .swell-block-faq__q {\n    background-image: url('data:image\/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2300B0FF%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2218%2015%2012%209%206%2015%22%2F%3E%3C%2Fsvg%3E') !important;\n}\n\n\/* 3. \u56de\u7b54\u30a8\u30ea\u30a2\uff08A\uff09 *\/\n.custom-faq-design .faq_a,\n.custom-faq-design .swell-block-faq__a {\n    display: block !important; \/* SWELL\u306e\u96a0\u853d\u3092\u89e3\u9664 *\/\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    padding: 0 30px 0 65px !important;\n    margin: 0 !important;\n    border-top: none !important;\n    transition: all 0.4s ease;\n    background: #f9fdff !important;\n    color: #555;\n    line-height: 1.8;\n}\n\n\/* \u958b\u3044\u305f\u72b6\u614b *\/\n.custom-faq-design .swell-block-faq__item.is-opened .faq_a,\n.custom-faq-design .swell-block-faq__item.is-opened .swell-block-faq__a {\n    max-height: 1000px;\n    opacity: 1;\n    padding: 25px 30px 25px 65px !important;\n    border-top: 1px dashed #e0e0e0 !important;\n}\n\n\/* A\u30de\u30fc\u30af *\/\n.custom-faq-design .faq_a::after,\n.custom-faq-design .swell-block-faq__a::after {\n    content: 'A';\n    display: flex; align-items: center; justify-content: center;\n    position: absolute; left: 20px; top: 25px;\n    font-family: \"Zen Kaku Gothic New\", sans-serif;\n    font-weight: 900; font-size: 1.1rem;\n    background: #FF4081; color: #fff;\n    width: 30px; height: 30px; border-radius: 50%;\n    box-shadow: 0 2px 5px rgba(255, 64, 129, 0.3);\n}\n\n\/* SWELL\u6a19\u6e96\u30a2\u30a4\u30b3\u30f3\u306e\u524a\u9664 *\/\n.custom-faq-design .faq_q::before, \n.custom-faq-design .faq_a::before,\n.custom-faq-design .swell-block-faq__q::before,\n.custom-faq-design .swell-block-faq__a::before,\n.custom-faq-design .icon-q, \n.custom-faq-design .icon-a {\n    display: none !important; content: none !important;\n}\n\n\/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\n@media (max-width: 768px) {\n    .custom-faq-design .faq_q, .custom-faq-design .swell-block-faq__q { \n        font-size: 1rem !important; padding: 15px 40px 15px 55px !important; \n    }\n    .custom-faq-design .swell-block-faq__item.is-opened .faq_a,\n    .custom-faq-design .swell-block-faq__item.is-opened .swell-block-faq__a { \n        padding: 20px 20px 20px 55px !important; \n    }\n    .custom-faq-design .faq_q::after, .custom-faq-design .faq_a::after,\n    .custom-faq-design .swell-block-faq__q::after, .custom-faq-design .swell-block-faq__a::after { \n        left: 15px; width: 26px; height: 26px; font-size: 0.9rem; \n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/* FAQ\u5236\u5fa1\uff08SWELL\u5e72\u6e09\u56de\u907f\u7248\uff09 *\/\n    \/\/ SWELL\u6a19\u6e96\u30d6\u30ed\u30c3\u30af\u306e\u30af\u30e9\u30b9\u540d(.swell-block-faq__q)\u3068\u30ab\u30b9\u30bf\u30e0\u30af\u30e9\u30b9(.faq_q)\u306e\u4e21\u65b9\u306b\u5bfe\u5fdc\n    const faqQuestions = document.querySelectorAll('.custom-faq-design .faq_q, .custom-faq-design .swell-block-faq__q');\n    \n    faqQuestions.forEach(q => {\n        \/\/ \u91cd\u8907\u30a4\u30d9\u30f3\u30c8\u524a\u9664\u306e\u305f\u3081\u306b\u30af\u30ed\u30fc\u30f3\u7f6e\u63db\n        const newQ = q.cloneNode(true);\n        q.parentNode.replaceChild(newQ, q);\n\n        newQ.addEventListener('click', (e) => {\n            e.preventDefault();\n            e.stopPropagation(); \/\/ \u3053\u3053\u3067SWELL\u306e\u6a19\u6e96\u52d5\u4f5c\u3092\u6b62\u3081\u308b\n\n            const item = newQ.closest('.swell-block-faq__item');\n            if(item) {\n                item.classList.toggle('is-opened');\n            }\n        });\n    });\n});\n<\/script>\n<\/div><\/section>\n<\/div><\/div>\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>\u3082\u3042\u308f\u305b\u3066\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<a href=\"\/school\/omiya\/\">\u5927\u5bae\u6821<\/a>\u30fb<a href=\"\/school\/online\/\">\u30aa\u30f3\u30e9\u30a4\u30f3\u6821<\/a>\u3069\u3061\u3089\u3067\u3082\u53d7\u8b1b\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6599\u91d1\u30fb\u30b7\u30b9\u30c6\u30e0\u3084\u30b3\u30fc\u30b9\u4e00\u89a7\u3082\u3042\u308f\u305b\u3066\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\u5927\u5bae\u6821\u30fb\u30aa\u30f3\u30e9\u30a4\u30f3\u6821\u3069\u3061\u3089\u3067\u3082\u53d7\u8b1b\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-370","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/pages\/370","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=370"}],"version-history":[{"count":36,"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/pages\/370\/revisions"}],"predecessor-version":[{"id":2688,"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/pages\/370\/revisions\/2688"}],"wp:attachment":[{"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/media?parent=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}