{"id":376,"date":"2025-12-02T22:14:46","date_gmt":"2025-12-02T13:14:46","guid":{"rendered":"https:\/\/label-clach.jp\/school\/?page_id=376"},"modified":"2026-03-16T13:51:52","modified_gmt":"2026-03-16T04:51:52","slug":"courses","status":"publish","type":"page","link":"https:\/\/label-clach.jp\/school\/courses\/","title":{"rendered":"\u30b3\u30fc\u30b9\u4e00\u89a7"},"content":{"rendered":"\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\"><div class=\"swell-block-fullWide__inner\">\n<style>\n\/* --- \u30b9\u30b3\u30fc\u30d7\u5b9a\u7fa9\uff08\u4ed6\u3078\u306e\u5e72\u6e09\u9632\u6b62\uff09 --- *\/\n#clach-hero-only {\n    font-family: \"Zen Kaku Gothic New\", \"Helvetica Neue\", Arial, sans-serif;\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    position: relative;\n    overflow: hidden;\n    color: #fff;\n    background: #000;\n}\n#clach-hero-only * { box-sizing: border-box; }\n\n\/* --- \u30d2\u30fc\u30ed\u30fc\u8a2d\u5b9a --- *\/\n.adv-hero {\n    position: relative;\n    height: 60vh; \/* \u30b3\u30fc\u30b9\u4e00\u89a7\u7528\u306b\u5c11\u3057\u9ad8\u3055\u3092\u8abf\u6574 *\/\n    min-height: 450px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n}\n\n\/* \u80cc\u666f\u753b\u50cf *\/\n.adv-hero-bg {\n    position: absolute; top: -10%; left: -10%; width: 120%; height: 120%;\n    background-image: url('https:\/\/images.unsplash.com\/photo-1514320291840-2e0a9bf2a9ae?auto=format&fit=crop&w=1920&q=80');\n    background-size: cover;\n    background-position: center;\n    opacity: 0.5;\n    filter: blur(2px);\n    animation: heroFloat 20s infinite alternate linear;\n}\n\n\/* \u30aa\u30fc\u30d0\u30fc\u30ec\u30a4 *\/\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%);\n    z-index: 1;\n}\n\n\/* \u6d6e\u904a\u30aa\u30d6\u30b8\u30a7\u30af\u30c8 (\u30ad\u30e9\u30ad\u30e9\u6f14\u51fa) *\/\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(60px); opacity: 0.6; mix-blend-mode: screen;\n    animation: floatShape 15s infinite alternate ease-in-out;\n    z-index: 1;\n}\n.shape-1 { top: 10%; left: 10%; width: 200px; height: 200px; animation-delay: 0s; }\n.shape-2 { bottom: 10%; right: 10%; width: 300px; height: 300px; animation-delay: -5s; background: linear-gradient(135deg, rgba(255,171,64,0.3), rgba(0,176,255,0.1)); }\n\n\/* \u30b3\u30f3\u30c6\u30f3\u30c4 *\/\n.adv-hero-content {\n    position: relative; z-index: 10; text-align: center;\n    padding: 0 20px;\n}\n\n\/* \u30b5\u30d6\u30bf\u30a4\u30c8\u30eb (OUR COURSES) *\/\n.adv-sub {\n    display: inline-block;\n    font-size: 1.1rem;\n    letter-spacing: 0.3em;\n    color: #81D4FA; \/* \u6c34\u8272\u30a2\u30af\u30bb\u30f3\u30c8 *\/\n    margin-bottom: 20px;\n    font-weight: 700;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;\n}\n\n\/* \u30e1\u30a4\u30f3\u30bf\u30a4\u30c8\u30eb (COURSE LIST) *\/\n.adv-title {\n    display: block;\n    font-size: 4rem;\n    font-weight: 900;\n    line-height: 1.1;\n    letter-spacing: 0.05em;\n    margin: 0 0 20px;\n    color: #fff;\n    text-shadow: 0 0 30px rgba(0,176,255,0.6); \/* \u5149\u5f69\u52b9\u679c *\/\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards;\n}\n\n\/* \u8aac\u660e\u6587 *\/\n.adv-desc {\n    font-size: 1.1rem;\n    line-height: 1.8;\n    color: rgba(255,255,255,0.95);\n    font-weight: 700;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) 0.8s forwards;\n}\n\n\/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u5b9a\u7fa9 *\/\n@keyframes heroFloat {\n    0% { transform: scale(1); }\n    100% { transform: scale(1.1); }\n}\n@keyframes floatShape {\n    from { transform: translate(0,0); }\n    to { transform: translate(30px, -30px); }\n}\n@keyframes fadeUp {\n    to { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\n@media (max-width: 768px) {\n    .adv-hero { height: 50vh; min-height: 400px; }\n    .adv-title { font-size: 2.5rem; }\n    .adv-sub { font-size: 0.9rem; }\n    .adv-desc { font-size: 0.95rem; }\n}\n<\/style>\n\n<div id=\"clach-hero-only\">\n    <section class=\"adv-hero\">\n        <div class=\"adv-hero-bg\"><\/div>\n        <div class=\"adv-hero-overlay\"><\/div>\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 COURSES<\/span>\n            <span class=\"adv-title\">COURSE LIST<\/span>\n            <p class=\"adv-desc\">\n                \u3042\u306a\u305f\u306e\u300c\u306a\u308a\u305f\u3044\u300d\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u6559\u5ba4\u3002<br>\n                \u516821\u30b3\u30fc\u30b9\u304b\u3089\u3001\u6c17\u306b\u306a\u308b\u30d7\u30e9\u30f3\u3092\u304a\u9078\u3073\u304f\u3060\u3055\u3044\u3002\n            <\/p>\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style>\n\/* =========================================\n   \u30d9\u30fc\u30b9\u30b9\u30bf\u30a4\u30eb (PC\u7248\u30de\u30b9\u30bf\u30fc\u30c7\u30a3\u30c6\u30fc\u30eb\u542b\u3080)\n   ========================================= *\/\n#clach-course-section {\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n    background: #fff; width: 100%; position: relative;\n    padding: 60px 20px; box-sizing: border-box; color: #333;\n}\n#clach-course-section * { box-sizing: border-box; }\n\n\/* \u30d8\u30c3\u30c0\u30fc\u30fb\u30ca\u30d3 *\/\n.cc-header { text-align: center; margin-bottom: 30px; }\n.cc-title { font-size: 2.5rem; font-weight: 900; margin: 0; }\n.cc-sub { display: block; margin-top: 5px; color: #888; }\n.cc-intro-text { text-align: center; margin-bottom: 40px; color: #666; }\n.cc-tabs-sticky { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,0.95); padding: 15px 0; margin-bottom: 30px; }\n.cc-tab-list { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }\n.cc-btn { border: none; background: #f0f0f0; padding: 10px 24px; border-radius: 30px; font-weight: bold; cursor: pointer; transition: 0.3s; }\n.cc-btn.active, .cc-btn:hover { background: #333; color: #fff; }\n\n\/* --------------------------------------------------\n   PC\u30ec\u30a4\u30a2\u30a6\u30c8\uff1a\u30de\u30b9\u30bf\u30fc\u30c7\u30a3\u30c6\u30fc\u30eb (\u53f3\u30d1\u30cd\u30eb\u65b9\u5f0f)\n-------------------------------------------------- *\/\n.cc-wrapper {\n    display: flex; gap: 30px; max-width: 1400px; margin: 0 auto;\n    align-items: flex-start; transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n}\n.cc-list-area { width: 100%; transition: width 0.4s; }\n.cc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }\n\n\/* \u8a73\u7d30\u304c\u958b\u3044\u305f\u6642\u306ePC\u30ec\u30a4\u30a2\u30a6\u30c8\u5909\u5f62 *\/\n.cc-wrapper.has-detail .cc-list-area { width: 380px; flex-shrink: 0; }\n.cc-wrapper.has-detail .cc-grid { grid-template-columns: 1fr; }\n\n\/* \u30ab\u30fc\u30c9\u30c7\u30b6\u30a4\u30f3 *\/\n.cc-card {\n    background: #fff; border-radius: 20px; overflow: hidden;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05); border: 1px solid #eee;\n    display: flex; flex-direction: column; cursor: pointer; transition: 0.3s;\n}\n.cc-card:hover { transform: translateY(-5px); border-color: #00B0FF; }\n.cc-card.is-active { border-color: #00B0FF; background: #E1F5FE; }\n.cc-card.is-hidden { display: none !important; }\n.cc-card.fade-in { animation: ccFadeIn 0.5s ease forwards; }\n\n.cc-thumb { width: 100%; aspect-ratio: 16\/9; position: relative; overflow: hidden; }\n.cc-thumb img { width: 100%; height: 100%; object-fit: cover; }\n.cc-badge { position: absolute; top: 10px; left: 10px; background: #FF9800; color: #fff; font-weight: bold; padding: 4px 10px; border-radius: 4px; }\n.cc-body { padding: 20px; }\n.cc-card-title { font-size: 1.2rem; margin: 0 0 10px; font-weight: 900; }\n.cc-desc { font-size: 0.9rem; color: #666; margin-bottom: 20px; }\n.cc-detail-btn {\n    display: block; width: 100%; text-align: center; background: #fff; color: #00B0FF;\n    border: 2px solid #00B0FF; padding: 10px 0; border-radius: 50px; font-weight: bold; font-size: 0.9rem; margin-top: auto;\n}\n\n\/* PC: \u8a73\u7d30\u304c\u958b\u3044\u3066\u3044\u308b\u6642\u306e\u30ab\u30fc\u30c9\u7e2e\u5c0f\u30b9\u30bf\u30a4\u30eb *\/\n@media (min-width: 901px) {\n    .cc-wrapper.has-detail .cc-card { flex-direction: row; height: 90px; align-items: center; padding-right: 15px; }\n    .cc-wrapper.has-detail .cc-thumb { width: 90px; height: 100%; margin-right: 15px; }\n    .cc-wrapper.has-detail .cc-desc, .cc-wrapper.has-detail .cc-detail-btn { display: none; }\n    .cc-wrapper.has-detail .cc-card-title { font-size: 1rem; margin: 0; }\n    .cc-wrapper.has-detail .cc-badge { display: none; }\n}\n\n\/* \u53f3\u5074\u30d1\u30cd\u30eb (PC\u306e\u307f\u8868\u793a) *\/\n.cc-detail-panel {\n    flex-grow: 1; background: #fff; border-radius: 24px; border: 1px solid #eee;\n    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15);\n    width: 0; opacity: 0; overflow: hidden; height: 0;\n    position: sticky; top: 100px; transition: 0.4s;\n}\n.cc-wrapper.has-detail .cc-detail-panel { width: auto; opacity: 1; height: auto; min-height: 600px; }\n\n\/* \u30d1\u30cd\u30eb\u5185\u30d1\u30fc\u30c4\uff08\u5143\u901a\u308a\u306e\u30c7\u30b6\u30a4\u30f3\uff09 *\/\n.cc-panel-header { position: relative; height: 300px; }\n.cc-panel-img { width: 100%; height: 100%; object-fit: cover; }\n.cc-panel-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); padding: 30px; color: #fff; display: flex; flex-direction: column; justify-content: flex-end; }\n.cc-panel-badge { background: #FF4081; color: #fff; padding: 6px 14px; border-radius: 6px; display: inline-block; margin-bottom: 10px; align-self: flex-start; font-weight: bold; }\n.cc-panel-title { font-size: 2.2rem; margin: 0; font-weight: 900; }\n.cc-panel-content { padding: 40px 35px; }\n.cc-panel-close { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.8); border: none; font-size: 24px; cursor: pointer; }\n.cc-panel-cta { margin-top: 40px; text-align: center; }\n\n\/* \u30b3\u30f3\u30c6\u30f3\u30c4\u88c5\u98fe *\/\n.cc-sec-head { font-size: 1.3rem; font-weight: 900; border-left: 6px solid #00B0FF; padding-left: 15px; margin-bottom: 15px; }\n.cc-student-voice { display: flex; gap: 20px; background: #f9faff; padding: 20px; border-radius: 10px; }\n.cc-student-face { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }\n.cc-reserve-btn {\n    display: block; width: 100%; padding: 20px 0; background: linear-gradient(135deg, #FF4081, #FF9800);\n    color: #fff !important; font-weight: 900; border-radius: 50px; text-decoration: none; border: none; font-size: 1.2rem; cursor: pointer;\n}\n\n@keyframes ccFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }\n\n\/* =========================================\n   \u2605\u30b9\u30de\u30db\u5c02\u7528\uff1a\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u8868\u793a\n   ========================================= *\/\n@media (max-width: 900px) {\n    \/* \u30b0\u30ea\u30c3\u30c9\u30921\u5217\u306b *\/\n    .cc-grid { grid-template-columns: 1fr; gap: 15px; }\n    \n    \/* PC\u7528\u306e\u53f3\u30d1\u30cd\u30eb\u306fCSS\u3067\u6d88\u3059 *\/\n    .cc-detail-panel { display: none !important; }\n    \n    \/* \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u30a8\u30ea\u30a2\uff08JS\u3067\u8ffd\u52a0\u3055\u308c\u308b\uff09 *\/\n    .cc-mobile-accordion {\n        display: none; padding: 20px; margin-top: 20px;\n        background: #fff; border-top: 2px dashed #eee;\n        animation: slideDown 0.4s ease forwards;\n    }\n    \n    \/* \u30ab\u30fc\u30c9\u304c\u958b\u3044\u3066\u3044\u308b\u6642 *\/\n    .cc-card.is-mobile-open { border: 2px solid #00B0FF; box-shadow: 0 10px 30px rgba(0, 176, 255, 0.2); z-index: 10; }\n    .cc-card.is-mobile-open .cc-detail-btn { display: none; }\n    .cc-card.is-mobile-open .cc-mobile-accordion { display: block; }\n    \n    .cc-mobile-close {\n        display: block; width: 100%; margin-top: 15px; padding: 12px 0;\n        background: #f0f0f0; border: none; border-radius: 50px; color: #666; font-weight: bold; cursor: pointer;\n    }\n}\n.d-section { margin-bottom: 30px; }\n.d-head {\n    font-size: 1.3rem; font-weight: 900; color: #333;\n    position: relative; padding-left: 18px; margin-bottom: 20px;\n}\n.d-head::before {\n    content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);\n    width: 6px; height: 24px; background: #00B0FF; border-radius: 3px;\n}\n.d-text { line-height: 1.9; color: #555; font-size: 1.05rem; margin: 0; }\n.d-list { padding-left: 20px; margin: 0; line-height: 1.8; color: #555; }\n\n.d-voice {\n    display: flex; gap: 20px; background: #f9faff; padding: 25px;\n    border-radius: 16px; border: 1px solid #eef2f6; align-items: flex-start;\n}\n.d-voice img {\n    width: 60px; height: 60px; border-radius: 50%; object-fit: cover; flex-shrink: 0;\n    border: 3px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n}\n.d-voice p { margin: 0; font-size: 1rem; line-height: 1.8; color: #444; }\n<\/style>\n<div id=\"clach-course-section\">\n    <div class=\"cc-header\">\n        <h2 class=\"cc-title\">COURSE LIST<\/h2>\n        <span class=\"cc-sub\">\u5168\u30b3\u30fc\u30b9\u4e00\u89a7<\/span>\n        <p class=\"cc-intro-text\">\u9078\u3079\u308b<span class=\"cc-count\" id=\"cc-total-count\">&#8212;<\/span>\u30b3\u30fc\u30b9\u3002<\/p>\n    <\/div>\n\n    <div class=\"cc-tabs-sticky\">\n        <div class=\"cc-tab-list\">\n            <button class=\"cc-btn active\" onclick=\"cf_filter('popular', this)\">\u4eba\u6c17\u306e\u30b3\u30fc\u30b9<\/button>\n            <button class=\"cc-btn\" onclick=\"cf_filter('vocal', this)\">\u30dc\u30fc\u30ab\u30eb<\/button>\n            <button class=\"cc-btn\" onclick=\"cf_filter('inst', this)\">\u697d\u5668\u30fb\u4f5c\u66f2<\/button>\n            <button class=\"cc-btn\" onclick=\"cf_filter('vtuber', this)\">\u30cd\u30c3\u30c8\u6d3b\u52d5<\/button>\n            <button class=\"cc-btn\" onclick=\"cf_filter('voice', this)\">\u58f0\u512a\u30fb\u8a71\u3057\u65b9<\/button>\n            <button class=\"cc-btn\" onclick=\"cf_filter('all', this)\">\u3059\u3079\u3066<\/button>\n        <\/div>\n    <\/div>\n\n    <div class=\"cc-wrapper\" id=\"js-wrapper\">\n        <div class=\"cc-list-area\">\n            <div class=\"cc-grid\" id=\"cc-grid\">\n<div class=\"cc-card\" data-category=\"vocal\" data-popular=\"true\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"eager\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/trial-lesson-768x429.webp\" alt=\"\u30dc\u30fc\u30ab\u30eb\u57fa\u790e\u30b3\u30fc\u30b9\"><span class=\"cc-badge popular\">\u4eba\u6c17<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u30dc\u30fc\u30ab\u30eb\u57fa\u790e\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u8ff7\u3063\u305f\u3089\u304a\u30b9\u30b9\u30e1\uff01\u8179\u5f0f\u547c\u5438\u304b\u3089\u767a\u58f0\u306e\u30ad\u30db\u30f3\u307e\u3067\u3002\u521d\u5fc3\u8005\u306e\u65b9\u3067\u3082\u5b89\u5fc3\u3057\u3066\u901a\u3048\u308b\u4e00\u756a\u4eba\u6c17\u306e\u30b3\u30fc\u30b9\u3067\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u300c\u9ad8\u3044\u58f0\u304c\u51fa\u306a\u3044\u300d\u300c\u5589\u304c\u3059\u3050\u75db\u304f\u306a\u308b\u300d\u305d\u3093\u306a\u60a9\u307f\u3092\u89e3\u6d88\u3057\u307e\u3059\u3002\u8179\u5f0f\u547c\u5438\u3084\u652f\u3048\u306e\u4f5c\u308a\u65b9\u3084\u6b63\u3057\u3044\u767a\u58f0\u65b9\u6cd5\u306a\u3069\u3001\u4e00\u751f\u4f7f\u3048\u308b\u6b4c\u306e\u571f\u53f0\u3092\u4f5c\u308a\u307e\u3059\u3002\u30de\u30f3\u30c4\u30fc\u30de\u30f3\u30ec\u30c3\u30b9\u30f3\u306a\u306e\u3067\u3001\u3042\u306a\u305f\u306e\u30da\u30fc\u30b9\u3067\u7740\u5b9f\u306b\u4e0a\u9054\u3067\u304d\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u521d\u5fc3\u8005\u306e\u65b9\u3084\u3001\u3059\u3067\u306b\u97f3\u697d\u6d3b\u52d5\u3092\u3057\u3066\u3044\u308b\u65b9\u307e\u3067\u3001\u3042\u3089\u3086\u308b\u30ec\u30d9\u30eb\u306b\u5408\u308f\u305b\u3066\u300c\u57fa\u672c\u300d\u3092\u8eab\u306b\u7740\u3051\u307e\u3059\u3002\u3042\u306a\u305f\u306e\u58f0\u8cea\u3084\u76ee\u6a19\u306b\u5408\u308f\u305b\u305f\u5b8c\u5168\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u306e\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u3001\u3086\u3063\u305f\u308a\u3068\u7121\u7406\u306a\u304f\u4e0a\u9054\u3092\u76ee\u6307\u305b\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u6b4c\u3046\u3068\u3059\u3050\u306b\u5589\u304c\u75db\u304f\u306a\u308b\u65b9<\/li>\n                <li>\u9ad8\u97f3\u3092\u697d\u306b\u51fa\u305b\u308b\u3088\u3046\u306b\u306a\u308a\u305f\u3044\u65b9<\/li>\n                <li>\u57fa\u790e\u304b\u3089\u3057\u3063\u304b\u308a\u5b66\u3073\u76f4\u3057\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"eager\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student001.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u308f\u304b\u308a\u3084\u3059\u304f\u3001\u4f8b\u3048\u3092\u4ea4\u3048\u3066\u8aac\u660e\u3092\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3001\u7d0d\u5f97\u3057\u306a\u304c\u3089\u53d7\u8b1b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\uff01\u96f0\u56f2\u6c17\u304c\u7a4f\u3084\u304b\u3067\u3001\u8cea\u554f\u3082\u3057\u3084\u3059\u3044\u3067\u3059\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(20\u4ee3\u30fb\u5973\u6027 \/ \u901a\u5b66\u6b746\u30f6\u6708)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u30dc\u30fc\u30ab\u30eb\u57fa\u790e\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"vocal\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"eager\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/pro-course-768x556.webp\" alt=\"\u30dc\u30fc\u30ab\u30eb\u30d7\u30ed\u30b3\u30fc\u30b9\"><span class=\"cc-badge\">\u30d7\u30ed\u5fd7\u5411<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u30dc\u30fc\u30ab\u30eb\u30d7\u30ed\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u97f3\u697d\u6d3b\u52d5\u3092\u672c\u683c\u7684\u306b\u3057\u305f\u3044\u65b9\u3078\u3002\u30d7\u30ed\u3068\u3057\u3066\u901a\u7528\u3059\u308b\u6280\u8853\u3068\u8868\u73fe\u529b\u3092\u5fb9\u5e95\u7684\u306b\u78e8\u304d\u307e\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u30aa\u30fc\u30c7\u30a3\u30b7\u30e7\u30f3\u5408\u683c\u3084\u30e1\u30b8\u30e3\u30fc\u30c7\u30d3\u30e5\u30fc\u3092\u76ee\u6307\u3059\u65b9\u306e\u305f\u3081\u306e\u30b3\u30fc\u30b9\u3002\u6b4c\u5531\u6280\u8853\u3060\u3051\u3067\u306a\u304f\u3001\u9b45\u305b\u65b9\u3084\u696d\u754c\u306e\u77e5\u8b58\u3001\u7528\u8a9e\u3001\u30bb\u30eb\u30d5\u30d7\u30ed\u30c7\u30e5\u30fc\u30b9\u306e\u65b9\u6cd5\u307e\u3067\u7dcf\u5408\u7684\u306b\u6307\u5c0e\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u696d\u754c\u7d4c\u9a13\u8c4a\u5bcc\u306a\u73fe\u5f79\u30d7\u30ed\u30c7\u30e5\u30fc\u30b5\u30fc\u3001\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u306b\u3088\u308b\u76f4\u63a5\u6307\u5c0e\u304c\u53d7\u3051\u3089\u308c\u307e\u3059\u3002\u307e\u305f\u3001\u30aa\u30ea\u30b8\u30ca\u30eb\u697d\u66f2\u306e\u5236\u4f5c\u652f\u63f4\u3084\u3001\u30aa\u30fc\u30c7\u30a3\u30b7\u30e7\u30f3\u3078\u306e\u63a8\u85a6\u5236\u5ea6\u3082\u3042\u308a\u3001\u672c\u6c17\u3067\u30d7\u30ed\u3092\u76ee\u6307\u3059\u74b0\u5883\u304c\u6574\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u672c\u6c17\u3067\u30e1\u30b8\u30e3\u30fc\u30c7\u30d3\u30e5\u30fc\u3092\u76ee\u6307\u3057\u3066\u3044\u308b\u65b9<\/li>\n                <li>\u30aa\u30fc\u30c7\u30a3\u30b7\u30e7\u30f3\u5bfe\u7b56\u3092\u3057\u305f\u3044\u65b9<\/li>\n                <li>\u30aa\u30ea\u30b8\u30ca\u30eb\u66f2\u3092\u4f5c\u3063\u3066\u6d3b\u52d5\u3057\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/pro-course-150x150.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u73fe\u5728\u6d3b\u52d5\u4e2d\u3067\u3059\u3002\u53b3\u3057\u3044\u30ec\u30c3\u30b9\u30f3\u3067\u3059\u304c\u3001\u30a2\u30c9\u30d0\u30a4\u30b9\u306e\u304a\u304b\u3052\u3067\u304a\u5ba2\u3055\u3093\u306e\u53cd\u5fdc\u304c\u5909\u308f\u308a\u307e\u3057\u305f\u3002\u672c\u6c17\u3067\u3084\u308b\u306a\u3089\u3053\u3053\u3057\u304b\u306a\u3044\u3068\u601d\u3044\u307e\u3059\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(20\u4ee3\u30fb\u7537\u6027 \/ \u30bb\u30df\u30d7\u30ed)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u30dc\u30fc\u30ab\u30eb\u30d7\u30ed\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"vocal\" data-popular=\"true\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/karaoke-course-768x509.webp\" alt=\"\u30ab\u30e9\u30aa\u30b1\u4e0a\u9054\u30b3\u30fc\u30b9\"><span class=\"cc-badge popular\">\u4eba\u6c17<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u30ab\u30e9\u30aa\u30b1\u4e0a\u9054\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u30ab\u30e9\u30aa\u30b1\u304c\u597d\u304d\u3060\u3002\u63a1\u70b9\u30a2\u30c3\u30d7\u3092\u72d9\u3044\u305f\u3044\u3002\u5b9f\u8df5\u7684\u306a\u30c6\u30af\u30cb\u30c3\u30af\u3067\u6b4c\u5531\u529b\u3092\u5e95\u4e0a\u3052\u3057\u307e\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u30ab\u30e9\u30aa\u30b1\u306e\u4e0a\u9054\u3084\u3001\u63a1\u70b9\u6a5f\u80fd\u306e\u653b\u7565\u3092\u72d9\u3063\u305f\u30ec\u30c3\u30b9\u30f3\u3067\u3059\u3002\u6291\u63da\u3001\u3053\u3076\u3057\u3001\u30d3\u30d6\u30e9\u30fc\u30c8\u3001\u3057\u3083\u304f\u308a\u306a\u3069\u306e\u52a0\u70b9\u30c6\u30af\u30cb\u30c3\u30af\u3092\u7fd2\u5f97\u3057\u3001\u9ad8\u5f97\u70b9\u3092\u72d9\u3046\u305f\u3081\u306e\u6b4c\u3044\u65b9\u3092\u5b66\u3073\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u5b9f\u969b\u306e\u30ab\u30e9\u30aa\u30b1\uff08JOYSOUND\uff09\u3092\u4f7f\u7528\u3057\u305f\u30ec\u30c3\u30b9\u30f3\u3092\u884c\u3044\u307e\u3059\u3002\u3042\u306a\u305f\u306e\u97f3\u57df\u306b\u5408\u3063\u3066\u9ad8\u5f97\u70b9\u304c\u51fa\u3084\u3059\u3044\u9078\u66f2\u306e\u30a2\u30c9\u30d0\u30a4\u30b9\u3082\u884c\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u30ab\u30e9\u30aa\u30b1\u306790\u70b9\u4ee5\u4e0a\u3092\u53d6\u308a\u305f\u3044\u65b9<\/li>\n                <li>\u4e00\u4eba\u3067\u30ab\u30e9\u30aa\u30b1\u306b\u884c\u304f\u306e\u304c\u597d\u304d\u306a\u65b9<\/li>\n                <li>\u30ec\u30d1\u30fc\u30c8\u30ea\u30fc\u3092\u5897\u3084\u3057\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-male.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u901a\u3044\u59cb\u3081\u305f\u3053\u308d\u306f\u5168\u304f\u30d0\u30fc\u306b\u5408\u308f\u306a\u304b\u3063\u305f\u3093\u3067\u3059\u3051\u3069\u3001\u4eca\u306f\u66f2\u306b\u3088\u3063\u3066\u300190\u70b9\u51fa\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002\u5b09\u3057\u3044\u3067\u3059\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(50\u4ee3\u30fb\u7537\u6027 \/ \u4f1a\u793e\u54e1)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u30ab\u30e9\u30aa\u30b1\u4e0a\u9054\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"vocal\" data-popular=\"true\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/nigate-course-768x429.webp\" alt=\"\u82e6\u624b\u610f\u8b58\u514b\u670d\u30b3\u30fc\u30b9\"><span class=\"cc-badge popular\">\u4eba\u6c17<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u82e6\u624b\u610f\u8b58\u514b\u670d\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u6b4c\u304c\u82e6\u624b\u306a\u3042\u306a\u305f\u3078\u3002\u30de\u30f3\u30c4\u30fc\u30de\u30f3\u3060\u304b\u3089\u5468\u308a\u3092\u6c17\u306b\u305b\u305a\u3001\u81ea\u5206\u306e\u30da\u30fc\u30b9\u3067\u82e6\u624b\u3092\u514b\u670d\u3067\u304d\u307e\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u300c\u97f3\u7a0b\u304c\u308f\u304b\u3089\u306a\u3044\u300d\u300c\u30ea\u30ba\u30e0\u611f\u304c\u306a\u3044\u300d\u3068\u3044\u3063\u305f\u60a9\u307f\u306b\u5bc4\u308a\u6dfb\u3044\u3001\u6b4c\u3046\u3053\u3068\u3078\u306e\u6050\u6016\u5fc3\u3092\u306a\u304f\u3057\u3066\u697d\u3057\u3055\u3092\u77e5\u3063\u3066\u3082\u3089\u3046\u305f\u3081\u306e\u30b3\u30fc\u30b9\u3067\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u5b8c\u5168\u9632\u97f3\u306e\u500b\u5ba4\u3067\u306e\u30de\u30f3\u30c4\u30fc\u30de\u30f3\u30ec\u30c3\u30b9\u30f3\u306a\u306e\u3067\u3001\u8ab0\u306b\u3082\u805e\u304b\u308c\u308b\u5fc3\u914d\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u57fa\u790e\u306e\u624b\u524d\u304b\u3089\u3001\u3042\u306a\u305f\u306e\u30da\u30fc\u30b9\u306b\u5408\u308f\u305b\u3066\u3086\u3063\u304f\u308a\u4e01\u5be7\u306b\u6307\u5c0e\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u4eba\u524d\u3067\u6b4c\u3046\u306e\u304c\u6065\u305a\u304b\u3057\u3044\u65b9<\/li>\n                <li>\u97f3\u75f4\u3092\u76f4\u3057\u305f\u3044\u3068\u9577\u5e74\u60a9\u3093\u3067\u3044\u308b\u65b9<\/li>\n                <li>\u5927\u304d\u306a\u58f0\u3092\u51fa\u3059\u3053\u3068\u306b\u6163\u308c\u3066\u3044\u306a\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-male.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u4eba\u524d\u3067\u6b4c\u3046\u306e\u304c\u672c\u5f53\u306b\u5acc\u3067\u3057\u305f\u304c\u3001\u5148\u751f\u304c\u79c1\u306e\u30da\u30fc\u30b9\u306b\u5408\u308f\u305b\u3066\u304f\u308c\u3066\u3001\u5c11\u3057\u305a\u3064\u6b4c\u304c\u308f\u304b\u308b\u3088\u3046\u306b\u306a\u3063\u3066\u304d\u307e\u3057\u305f\u3002\u6700\u8fd1\u306f\u5bb6\u65cf\u306b\u3082\u3046\u307e\u304f\u306a\u3063\u305f\u306d\u3068\u8a00\u308f\u308c\u307e\u3059\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(30\u4ee3\u30fb\u7537\u6027)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u82e6\u624b\u610f\u8b58\u514b\u670d\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"vocal\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/kids-course-768x515.webp\" alt=\"\u30ad\u30c3\u30ba\u30fb\u30b8\u30e5\u30cb\u30a2\u30b3\u30fc\u30b9\"><span class=\"cc-badge\">\u5b50\u4f9b<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u30ad\u30c3\u30ba\u30fb\u30b8\u30e5\u30cb\u30a2\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u5c0f\u4e2d\u5b66\u751f\u306e\u65b9\u3078\u3002\u5909\u58f0\u671f\u306e\u30b1\u30a2\u3084\u30ea\u30ba\u30e0\u611f\u3092\u990a\u3044\u3001\u697d\u3057\u304f\u97f3\u697d\u306b\u89e6\u308c\u5408\u3046\u30b3\u30fc\u30b9\u3067\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u304a\u5b50\u69d8\u306e\u611f\u6027\u3092\u4f38\u3070\u3059\u305f\u3081\u306e\u30ec\u30c3\u30b9\u30f3\u3067\u3059\u3002\u597d\u304d\u306a\u30a2\u30cb\u30e1\u30bd\u30f3\u30b0\u3084J-POP\u306a\u3069\u3092\u697d\u3057\u304f\u6b4c\u3044\u306a\u304c\u3089\u3001\u81ea\u7136\u3068\u30ea\u30ba\u30e0\u611f\u3084\u97f3\u611f\u3092\u990a\u3063\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u6210\u9577\u671f\u7279\u6709\u306e\u300c\u5909\u58f0\u671f\u300d\u306e\u5589\u306e\u30b1\u30a2\u3082\u884c\u3044\u306a\u304c\u3089\u3001\u7121\u7406\u306e\u306a\u3044\u767a\u58f0\u3092\u6307\u5c0e\u3057\u307e\u3059\u3002\u30ea\u30c8\u30df\u30c3\u30af\u8981\u7d20\u3092\u53d6\u308a\u5165\u308c\u3001\u4f53\u3092\u52d5\u304b\u3057\u306a\u304c\u3089\u697d\u3057\u304f\u5b66\u3079\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u6b4c\u3046\u3053\u3068\u304c\u5927\u597d\u304d\u306a\u304a\u5b50\u69d8<\/li>\n                <li>\u30ea\u30ba\u30e0\u611f\u3084\u8868\u73fe\u529b\u3092\u8eab\u306b\u3064\u3051\u305f\u3044\u65b9<\/li>\n                <li>\u81ea\u4fe1\u3092\u6301\u3063\u3066\u5927\u304d\u306a\u58f0\u3092\u51fa\u305b\u308b\u3088\u3046\u306b\u306a\u308a\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-female.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u5a18\u304c10\u6b73\u3067\u3059\u3002\uff08\u30b9\u30af\u30fc\u30eb\u4e3b\u50ac\u306e\uff09\u767a\u8868\u4f1a\u3067\u8912\u3081\u3089\u308c\u305f\u3053\u3068\u304c\u5b09\u3057\u304b\u3063\u305f\u3088\u3046\u3067\u3001\u3068\u3066\u3082\u6c17\u306b\u5165\u3063\u3066\u3044\u307e\u3059\u3002\u697d\u5668\u3084\u6559\u79d1\u66f8\u3092\u8cb7\u3046\u5fc5\u8981\u304c\u306a\u3044\u306e\u3067\u52a9\u304b\u3063\u3066\u3044\u307e\u3059\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(30\u4ee3\u30fb\u5973\u6027)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u30ad\u30c3\u30ba\u30fb\u30b8\u30e5\u30cb\u30a2\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"vocal\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/otona-course-scaled.webp?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Adult\"><span class=\"cc-badge\">\u30b7\u30cb\u30a2<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u5927\u4eba\u306e\u30dc\u30fc\u30ab\u30eb\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">50\u4ee3\u4ee5\u4e0a\u5bfe\u8c61\u3002\u5065\u5eb7\u306e\u305f\u3081\u306e\u30dc\u30a4\u30b9\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3084\u3001\u5f80\u5e74\u306e\u540d\u66f2\u3092\u6b4c\u3044\u3053\u306a\u3059\u697d\u3057\u307f\u3092\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u5927\u4eba\u306e\u5e74\u4ee3\u3092\u5bfe\u8c61\u306b\u3057\u305f\u3001\u3084\u3055\u3057\u304f\u697d\u3057\u3044\u6b4c\u306e\u30ec\u30c3\u30b9\u30f3\u3067\u3059\u3002J-POP\u3060\u3051\u3067\u306a\u304f\u3001\u3042\u306e\u9803\u306e\u540d\u66f2\u3084\u6f14\u6b4c\u3001\u30b7\u30e3\u30f3\u30bd\u30f3\u306a\u3069\u3092\u6c17\u6301\u3061\u3088\u304f\u6b4c\u3044\u307e\u3057\u3087\u3046\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u30ab\u30e9\u30aa\u30b1\u306e\u697d\u3057\u307f\u3060\u3051\u3067\u306a\u304f\u3001\u8179\u5f0f\u547c\u5438\u306b\u3088\u308b\u5fc3\u80ba\u5f37\u5ea6\u3084\u56a5\u4e0b\u6a5f\u80fd\u306e\u5411\u4e0a\u3068\u3044\u3063\u305f\u5065\u5eb7\u52b9\u679c\u306b\u3082\u6ce8\u76ee\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u5065\u5eb7\u306e\u305f\u3081\u306b\u58f0\u3092\u51fa\u3057\u305f\u3044\u65b9<\/li>\n                <li>\u65b0\u3057\u3044\u8da3\u5473\u3092\u898b\u3064\u3051\u305f\u3044\u30b7\u30cb\u30a2\u306e\u65b9<\/li>\n                <li>\u6614\u597d\u304d\u3060\u3063\u305f\u6b4c\u3092\u3082\u3046\u4e00\u5ea6\u6b4c\u3044\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-female.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u8da3\u5473\u3068\u3057\u3066\u59cb\u3081\u307e\u3057\u305f\u3002\u601d\u3044\u5207\u308a\u5927\u304d\u306a\u58f0\u3092\u51fa\u3059\u3068\u30b9\u30c8\u30ec\u30b9\u89e3\u6d88\u306b\u306a\u308a\u307e\u3059\u3002\u8b1b\u5e2b\u306e\u5148\u751f\u304c\u305f\u3068\u304a\u8a71\u304c\u76db\u308a\u4e0a\u304c\u308b\u3053\u3068\u3082\u3042\u3063\u3066\u3001\u5c45\u5fc3\u5730\u3088\u304f\u53d7\u8b1b\u3057\u3066\u3044\u307e\u3059\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(70\u4ee3\u30fb\u5973\u6027)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u5927\u4eba\u306e\u30dc\u30fc\u30ab\u30eb\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"vocal\" data-popular=\"true\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/utaite-course.webp?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Utaite\"><span class=\"cc-badge popular\">\u4eba\u6c17<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u6b4c\u3044\u624b\u990a\u6210\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u30cd\u30c3\u30c8\u306b\u6b4c\u3092\u4e0a\u3052\u305f\u3044\uff01\u9332\u97f3\u30fbMIX\u30fb\u52d5\u753b\u6295\u7a3f\u307e\u3067\u3001\u6d3b\u52d5\u306b\u5fc5\u8981\u306a\u30ce\u30a6\u30cf\u30a6\u3092\u4f1d\u6388\u3057\u307e\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u300c\u6b4c\u3063\u3066\u307f\u305f\u300d\u52d5\u753b\u306e\u4f5c\u308a\u65b9\u3092\u30bc\u30ed\u304b\u3089\u30ec\u30af\u30c1\u30e3\u30fc\u3057\u307e\u3059\u3002\u6a5f\u6750\u9078\u3073\u304b\u3089\u9332\u97f3\uff5e\u52d5\u753b\u306e\u5236\u4f5c\u65b9\u6cd5\u3001\u6295\u7a3f\u307e\u3067\u30c8\u30fc\u30bf\u30eb\u3067\u5b66\u3079\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u30ec\u30c3\u30b9\u30f3\u4e2d\u306f\u30ec\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u304c\u7121\u6599\u3002\u73fe\u5f79\u306e\u6b4c\u3044\u624b\u8b1b\u5e2b\u304c\u3001\u9332\u97f3\u306e\u30dd\u30a4\u30f3\u30c8\u3084\u9b45\u529b\u3092\u5f15\u304d\u51fa\u3059\u30b3\u30c4\u3092\u4f1d\u6388\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>Youtube\u306a\u3069\u306eSNS\u306b\u6295\u7a3f\u3057\u305f\u3044\u65b9<\/li>\n                <li>\u5b85\u9332\u306e\u3084\u308a\u65b9\u3092\u899a\u3048\u305f\u3044\u65b9<\/li>\n                <li>\u30cd\u30c3\u30c8\u6d3b\u52d5\u3067\u30d5\u30a1\u30f3\u3092\u5897\u3084\u3057\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-male.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u8b1b\u5e2b\u306e\u65b9\u3005\u304c\u7686\u69d8\u5b9f\u7e3e\u8c4a\u5bcc\u3067\u3001\u975e\u5e38\u306b\u3042\u308a\u304c\u305f\u3044\u3067\u3059\u3002\u7279\u306b\u30dc\u30fc\u30ab\u30eb\u30c7\u30a3\u30ec\u30af\u30b7\u30e7\u30f3\u306e\u89b3\u70b9\u3067\u6b4c\u9332\u308a\u3092\u3057\u305f\u3053\u3068\u304c\u7121\u304b\u3063\u305f\u306e\u3067\u3001\u81ea\u5206\u306e\u6b4c\u3078\u306e\u5411\u304d\u5408\u3044\u65b9\u304c\u5909\u308f\u308a\u307e\u3057\u305f\u3002\u305c\u3072\u7121\u6599\u306e\u30ec\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u3054\u5229\u7528\u3057\u3066\u3044\u305f\u3060\u304d\u305f\u3044\u3067\u3059\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(20\u4ee3\u30fb\u7537\u6027 \/ \u5b66\u751f)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u6b4c\u3044\u624b\u990a\u6210\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"vtuber\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/liver-course.webp?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Liver\"><span class=\"cc-badge\">\u914d\u4fe1<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u30e9\u30a4\u30d0\u30fc\u30fb\u914d\u4fe1\u8005\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u914d\u4fe1\u3067\u30d5\u30a1\u30f3\u3092\u5897\u3084\u3057\u305f\u3044\u65b9\u3078\u3002\u9577\u6642\u9593\u8a71\u3057\u3066\u3082\u75b2\u308c\u306a\u3044\u767a\u58f0\u3084\u3001\u9b45\u529b\u7684\u306a\u30c8\u30fc\u30af\u8853\u3092\u5b66\u3073\u307e\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u30e9\u30a4\u30d6\u914d\u4fe1\u3067\u30d5\u30a1\u30f3\u3092\u7372\u5f97\u3059\u308b\u305f\u3081\u306e\u30c8\u30fc\u30af\u30b9\u30ad\u30eb\u3084\u3001\u30ea\u30b9\u30ca\u30fc\u3092\u98fd\u304d\u3055\u305b\u306a\u3044\u4f01\u753b\u69cb\u6210\u3092\u5b66\u3073\u307e\u3059\u3002\u9577\u6642\u9593\u914d\u4fe1\u3067\u3082\u5589\u3092\u75db\u3081\u306a\u3044\u767a\u58f0\u6cd5\u3082\u7fd2\u5f97\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u73fe\u5f79\u30e9\u30a4\u30d0\u30fc\u306b\u3088\u308b\u30ec\u30c3\u30b9\u30f3\u3067\u3059\u3002\u914d\u4fe1\u3078\u306e\u30a6\u30a9\u30fc\u30e0\u30a2\u30c3\u30d7\u304b\u3089\u30b3\u30e1\u30f3\u30c8\u3078\u306e\u4e0a\u624b\u306a\u8fd4\u3057\u65b9\u306a\u3069\u3001\u53ce\u76ca\u5316\u306b\u3064\u306a\u304c\u308b\u5b9f\u8df5\u7684\u306a\u30c6\u30af\u30cb\u30c3\u30af\u3092\u6307\u5c0e\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u914d\u4fe1\u3067\u3082\u3063\u3068\u540c\u63a5\u3092\u5f97\u305f\u3044\u65b9<\/li>\n                <li>\u58f0\u67af\u308c\u305b\u305a\u306b\u9577\u6642\u9593\u914d\u4fe1\u3057\u305f\u3044\u65b9<\/li>\n                <li>\u6295\u3052\u92ad\u3084\u53ce\u76ca\u5316\u3092\u76ee\u6307\u3057\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-female.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u767a\u58f0\u306e\u30b3\u30c4\u3092\u6559\u308f\u3063\u3066\u304b\u3089\u521d\u898b\u3055\u3093\u3068\u540c\u63a5\u304c\u5c11\u3057\u5897\u3048\u307e\u3057\u305f\uff01\u307e\u3060\u8ab2\u984c\u304c\u3044\u3063\u3071\u3044\u306a\u3093\u3067\u3059\u3051\u3069\u3001\u5148\u751f\u304b\u3089\u306f\u697d\u3057\u304f\u7d9a\u3051\u3089\u308c\u308b\u3053\u3068\u304c\u4e00\u756a\u3068\u8a00\u3063\u3066\u3082\u3089\u3063\u305f\u306e\u3067\u3001\u305d\u3046\u3057\u3066\u307e\u3059\u7b11\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(20\u4ee3\u30fb\u5973\u6027 \/ \u30e9\u30a4\u30d0\u30fc)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u30e9\u30a4\u30d0\u30fc\u30fb\u914d\u4fe1\u8005\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"vtuber\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/vtuber-course.webp?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"VTuber\"><span class=\"cc-badge\">\u990a\u6210<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">VTuber\u990a\u6210\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u5b9f\u306f\u3042\u306eVTuber\u3082\u2026\u3002\u30e2\u30c7\u30eb\u306b\u547d\u3092\u5439\u304d\u8fbc\u3080\u58f0\u306e\u6f14\u6280\u3084\u3001\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\u4f5c\u308a\u3092\u30b5\u30dd\u30fc\u30c8\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u767a\u58f0\u3060\u3051\u3067\u306a\u304f\u3001\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\u8a2d\u5b9a\u306b\u5408\u308f\u305b\u305f\u58f0\u8272\u306e\u958b\u767a\u3001\u30ed\u30fc\u30eb\u30d7\u30ec\u30a4\u3092\u4e2d\u5fc3\u306b\u6307\u5c0e\u3057\u307e\u3059\u3002Live2D\u3084OBS\u306a\u3069\u306e\u914d\u4fe1\u30bd\u30d5\u30c8\u306e\u4f7f\u3044\u65b9\u3082\u30b5\u30dd\u30fc\u30c8\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u300c\u4e2d\u306e\u4eba\u300d\u3068\u3057\u3066\u306e\u6f14\u6280\u529b\u3060\u3051\u3067\u306a\u304f\u3001VTuber\u7279\u6709\u306e\u8eab\u4f53\u8868\u73fe\uff08\u30c8\u30e9\u30c3\u30ad\u30f3\u30b0\u6620\u3048\u3059\u308b\u52d5\u304d\uff09\u3082\u5b66\u3079\u307e\u3059\u3002VTuber\u30d7\u30ed\u30c0\u30af\u30b7\u30e7\u30f3\u3092\u904b\u55b6\u3057\u3066\u3044\u308b\u306e\u3067\u3001\u30e2\u30c7\u30eb\u5236\u4f5c\u306e\u76f8\u8ac7\u3082\u53ef\u80fd\u3067\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u500b\u4eba\u52e2\u3068\u3057\u3066\u30c7\u30d3\u30e5\u30fc\u3057\u305f\u3044\u65b9<\/li>\n                <li>\u30ad\u30e3\u30e9\u306b\u5408\u3063\u305f\u53ef\u611b\u3044\/\u304b\u3063\u3053\u3044\u3044\u58f0\u3092\u51fa\u3057\u305f\u3044\u65b9<\/li>\n                <li>\u5927\u624b\u4f01\u696d\u30aa\u30fc\u30c7\u30a3\u30b7\u30e7\u30f3\u306b\u53d7\u304b\u308a\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-female.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u81ea\u5206\u306e\u5730\u58f0\u304c\u5acc\u3044\u3067\u3057\u305f\u304c\u3001\u30ad\u30e3\u30e9\u306b\u5408\u308f\u305b\u305f\u767a\u58f0\u3092\u5b66\u3093\u3067\u3001\u81ea\u4fe1\u3092\u6301\u3063\u3066\u914d\u4fe1\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(20\u4ee3\u30fb\u5973\u6027 \/ VTuber\u6e96\u5099\u4e2d)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"VTuber\u990a\u6210\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"inst\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/4AB9DB28-9B94-414C-AE03-7639B44F12F9-scaled-1.webp?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Guitar Sing\"><span class=\"cc-badge\">\u697d\u5668<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u30ae\u30bf\u30fc\u5f3e\u304d\u8a9e\u308a\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u30ae\u30bf\u30fc\u304c\u306a\u304f\u3066\u3082OK\u3002\u30b3\u30fc\u30c9\u3092\u5f3e\u304d\u306a\u304c\u3089\u6b4c\u3046\u30c6\u30af\u30cb\u30c3\u30af\u3092\u3001\u57fa\u790e\u304b\u3089\u30ec\u30af\u30c1\u30e3\u30fc\u3057\u307e\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u30ae\u30bf\u30fc\u3092\u5f3e\u304d\u306a\u304c\u3089\u6b4c\u3048\u308b\u3088\u3046\u306b\u306a\u308b\u305f\u3081\u306e\u30b3\u30fc\u30b9\u3067\u3059\u3002\u30ae\u30bf\u30fc\u306e\u5165\u9580\u304b\u3089\u3001\u7c21\u5358\u306a\u30b3\u30fc\u30c9\u306e\u62bc\u3055\u3048\u65b9\u3001\u30ea\u30ba\u30e0\u3068\u6b4c\u3092\u5408\u308f\u305b\u308b\u30b3\u30c4\u3001\u30ab\u30c3\u30b3\u3044\u3044\u30b9\u30c8\u30ed\u30fc\u30af\u30d1\u30bf\u30fc\u30f3\u3092\u4f1d\u6388\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u30ae\u30bf\u30fc\u306e\u8cb8\u3057\u51fa\u3057\u3092\u3057\u3066\u3044\u307e\u3059\u306e\u3067\u3001\u624b\u3076\u3089\u3067\u901a\u3048\u307e\u3059\u3002\uff08\u6709\u6599\u30fb400\u5186\/1h\uff09\u6b4c\u3068\u30ae\u30bf\u30fc\u3092\u5225\u3005\u306e\u8b1b\u5e2b\u3067\u306f\u306a\u304f\u3001\u5f3e\u304d\u8a9e\u308a\u5c02\u9580\u306e\u30d7\u30ed\u8b1b\u5e2b\u304c\u540c\u6642\u306b\u6307\u5c0e\u3059\u308b\u305f\u3081\u52b9\u7387\u7684\u3067\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u30ae\u30bf\u30fc\u3092\u8cb7\u3063\u305f\u3051\u308c\u3069\u632b\u6298\u3057\u3066\u3057\u307e\u3063\u305f\u65b9<\/li>\n                <li>\u5f3e\u304d\u306a\u304c\u3089\u6b4c\u3046\u3068\u30ea\u30ba\u30e0\u304c\u5d29\u308c\u308b\u65b9<\/li>\n                <li>\u8def\u4e0a\u30e9\u30a4\u30d6\u306a\u3069\u767a\u8868\u3092\u3057\u3066\u307f\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student003-150x150.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u306f\u3058\u3081\u3066\u30ae\u30bf\u30fc\u306b\u89e6\u3063\u3066\u4e0d\u5b89\u3067\u3057\u305f\u304c\u3001\u69cb\u3048\u65b9\u304b\u3089\u3072\u3068\u3064\u3072\u3068\u3064\u6559\u3048\u3066\u304f\u308c\u307e\u3057\u305f\u30021\u66f2\u901a\u3057\u3066\u5f3e\u3051\u305f\u3068\u304d\u306b\u306f\u611f\u52d5\u3057\u307e\u3057\u305f\uff01\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(20\u4ee3\u30fb\u7537\u6027)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u30ae\u30bf\u30fc\u5f3e\u304d\u8a9e\u308a\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"inst\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520523839897-bd0b52f945a0?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Piano Sing\"><span class=\"cc-badge\">\u5f3e\u304d\u8a9e\u308a<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u30d4\u30a2\u30ce\u5f3e\u304d\u8a9e\u308a\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u672a\u7d4c\u9a13\u3067\u3082OK\uff01\u61a7\u308c\u306e\u66f2\u3092\u30d4\u30a2\u30ce\u3067\u594f\u3067\u306a\u304c\u3089\u6b4c\u3048\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u30b3\u30fc\u30c9\u306e\u62bc\u3055\u3048\u65b9\u304b\u3089\u3001\u6b4c\u3044\u306a\u304c\u3089\u5f3e\u304f\u30b3\u30c4\u307e\u3067\u3002\u697d\u8b5c\u304c\u8aad\u3081\u306a\u304f\u3066\u3082\u3001\u307e\u305a\u306f\u7c21\u5358\u306a\u30b3\u30fc\u30c9\u3060\u3051\u30671\u66f2\u4ed5\u4e0a\u3052\u308b\u3053\u3068\u304b\u3089\u59cb\u3081\u307e\u3057\u3087\u3046\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u30af\u30e9\u30b7\u30c3\u30af\u30d4\u30a2\u30ce\u3068\u306f\u9055\u3046\u3001\u30dd\u30c3\u30d7\u30b9\u7279\u6709\u306e\u300c\u30b3\u30fc\u30c9\u5f3e\u304d\u300d\u3092\u4e2d\u5fc3\u306b\u5b66\u3073\u307e\u3059\u3002\u6b4c\u5531\u6307\u5c0e\u3082\u540c\u6642\u306b\u884c\u3046\u305f\u3081\u3001\u30d0\u30e9\u30f3\u30b9\u306e\u826f\u3044\u6f14\u594f\u304c\u8eab\u306b\u3064\u3051\u3089\u308c\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u30d4\u30a2\u30ce\u306f\u7fd2\u3063\u305f\u3053\u3068\u304c\u306a\u3044\u304c\u5f3e\u304d\u8a9e\u308a\u3057\u305f\u3044\u65b9<\/li>\n                <li>\u30b7\u30f3\u30ac\u30fc\u30bd\u30f3\u30b0\u30e9\u30a4\u30bf\u30fc\u7cfb\u306e\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u306b\u61a7\u308c\u3066\u3044\u308b\u65b9<\/li>\n                <li>\u4f5c\u66f2\u306b\u3082\u5f79\u7acb\u3064\u30b3\u30fc\u30c9\u7406\u8ad6\u3092\u77e5\u308a\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-female.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u6614\u306b\u7fd2\u3063\u3066\u3044\u305f\u30d4\u30a2\u30ce\u306f\u3059\u3063\u304b\u308a\u5fd8\u308c\u3066\u3057\u307e\u3063\u3066\u3082\u3063\u305f\u3044\u306a\u3044\u3068\u601d\u3063\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u30b3\u30fc\u30c9\u5f3e\u304d\u306a\u3089\u697d\u3057\u304f\u7d9a\u3051\u3089\u308c\u3066\u3044\u307e\u3059\u3002\u81ea\u5206\u306e\u30ea\u30ba\u30e0\u3067\u6b4c\u3048\u308b\u306e\u304c\u697d\u3057\u3044\u3067\u3059\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(20\u4ee3\u30fb\u5973\u6027)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u30d4\u30a2\u30ce\u5f3e\u304d\u8a9e\u308a\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"inst\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/ssw-course-768x573.webp\" alt=\"\u30b7\u30f3\u30ac\u30fc\u30bd\u30f3\u30b0\u30e9\u30a4\u30bf\u30fc\"><span class=\"cc-badge\">\u4f5c\u66f2<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u30b7\u30f3\u30ac\u30fc\u30bd\u30f3\u30b0\u30e9\u30a4\u30bf\u30fc\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u6b4c\u3068\u4f5c\u66f2\u304c\u3067\u304d\u308b\u3002\u30aa\u30ea\u30b8\u30ca\u30eb\u66f2\u306e\u5236\u4f5c\u304b\u3089\u3001\u6b4c\u5531\u8868\u73fe\u307e\u3067\u30c8\u30fc\u30bf\u30eb\u30d7\u30ed\u30c7\u30e5\u30fc\u30b9\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u4f5c\u8a5e\u30fb\u4f5c\u66f2\u30fb\u6f14\u594f\u30fb\u6b4c\u5531\u3002\u3042\u306a\u305f\u306e\u60f3\u3044\u3092\u5f62\u306b\u3059\u308b\u305f\u3081\u306e\u7dcf\u5408\u30b3\u30fc\u30b9\u3002\u30aa\u30ea\u30b8\u30ca\u30eb\u66f2\u306e\u4f5c\u308a\u65b9\u3084\u3001\u97f3\u6e90\u3092\u5b8c\u6210\u3055\u305b\u308b\u307e\u3067\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u30e1\u30ed\u30c7\u30a3\u5148\u884c\u3001\u6b4c\u8a5e\u5148\u884c\u306a\u3069\u3001\u69d8\u3005\u306a\u4f5c\u66f2\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002\u3044\u304d\u306a\u308a\u97f3\u697d\u7406\u8ad6\u304c\u308f\u304b\u3089\u306a\u304f\u3066\u3082\u3001\u9f3b\u6b4c\u304b\u3089\u66f2\u3092\u4f5c\u308b\u65b9\u6cd5\u3082\u3042\u308b\u306e\u3067\u5b89\u5fc3\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u81ea\u5206\u306e\u30aa\u30ea\u30b8\u30ca\u30eb\u66f2\u3092\u4f5c\u3063\u3066\u307f\u305f\u3044\u65b9<\/li>\n                <li>\u30e9\u30a4\u30d6\u30cf\u30a6\u30b9\u306b\u51fa\u6f14\u3057\u305f\u3044\u65b9<\/li>\n                <li>\u3044\u3064\u304b\u30d7\u30ed\u306b\u306a\u3063\u3066\u6d3b\u52d5\u3092\u3057\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-male.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u521d\u3081\u3066\u81ea\u5206\u3067\u4f5c\u3063\u305f\u66f2\u3092\u767a\u8868\u4f1a\u30e9\u30a4\u30d6\u3067\u62ab\u9732\u3057\u305f\u6642\u306e\u611f\u52d5\u306f\u5fd8\u308c\u3089\u308c\u307e\u305b\u3093\u3002\u5148\u751f\u304c\u7d30\u304b\u304f\u30a2\u30ec\u30f3\u30b8\u3092\u3057\u3066\u304f\u308c\u305f\u304a\u304b\u3052\u3067\u3059\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(20\u4ee3\u30fb\u7537\u6027)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u30b7\u30f3\u30ac\u30fc\u30bd\u30f3\u30b0\u30e9\u30a4\u30bf\u30fc\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"voice\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/seiyu-course-1-scaled.webp?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Voice Actor\"><span class=\"cc-badge\">\u58f0\u512a<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u58f0\u512a\u990a\u6210\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u73fe\u5f79\u30d7\u30ed\u306b\u3088\u308b\u6307\u5c0e\u3002\u30a2\u30cb\u30e1\u3084\u5439\u304d\u66ff\u3048\u3001\u30ca\u30ec\u30fc\u30b7\u30e7\u30f3\u306a\u3069\u5e45\u5e83\u3044\u73fe\u5834\u306b\u5bfe\u5fdc\u3067\u304d\u308b\u6f14\u6280\u529b\u3092\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u57fa\u790e\u7684\u306a\u767a\u58f0\u7df4\u7fd2\u3001\u6ed1\u820c\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u304b\u3089\u3001\u5b9f\u969b\u306e\u53f0\u672c\u3092\u4f7f\u3063\u305f\u5b9f\u8df5\u7684\u306a\u6f14\u6280\u6307\u5c0e\u307e\u3067\u3002\u30a2\u30cb\u30e1\u3001\u5916\u753b\u5439\u304d\u66ff\u3048\u3001\u30ca\u30ec\u30fc\u30b7\u30e7\u30f3\u306a\u3069\u5e45\u5e83\u304f\u5bfe\u5fdc\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u57fa\u672c\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u304b\u3089\u97f3\u58f0\u8868\u73fe\u306e\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u307e\u3067\u8c4a\u5bcc\u306a\u6559\u6750\u3092\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002\u990a\u6210\u6240\u306e\u5165\u6240\u30aa\u30fc\u30c7\u30a3\u30b7\u30e7\u30f3\u5bfe\u7b56\u3084\u3001\u30dc\u30a4\u30b9\u30b5\u30f3\u30d7\u30eb\u306e\u4f5c\u6210\u652f\u63f4\u3082\u884c\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u58f0\u512a\u990a\u6210\u6240\u3078\u306e\u5408\u683c\u3092\u76ee\u6307\u3057\u3066\u3044\u308b\u65b9<\/li>\n                <li>\u30d5\u30ea\u30fc\u3067\u6d3b\u52d5\u3092\u3057\u3066\u3044\u308b\u65b9<\/li>\n                <li>\u8da3\u5473\u3067\u58f0\u5287\u306a\u3069\u306b\u53d6\u308a\u7d44\u3093\u3067\u3044\u308b\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-female.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u72ec\u5b66\u3067\u306f\u9650\u754c\u3092\u611f\u3058\u3066\u901a\u3044\u59cb\u3081\u307e\u3057\u305f\u3002\u611f\u60c5\u8868\u73fe\u306e\u5f15\u304d\u51fa\u3057\u304c\u5897\u3048\u3001\u990a\u6210\u6240\u306e\u9032\u7d1a\u5be9\u67fb\u306b\u5408\u683c\u3067\u304d\u307e\u3057\u305f\uff01\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(20\u4ee3\u30fb\u5973\u6027 \/ \u990a\u6210\u6240\u751f)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u58f0\u512a\u990a\u6210\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"vocal\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/musical-course.webp?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Musical\"><span class=\"cc-badge\">\u821e\u53f0<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u30df\u30e5\u30fc\u30b8\u30ab\u30eb\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u30aa\u30fc\u30c7\u30a3\u30b7\u30e7\u30f3\u3084\u30b3\u30f3\u30c6\u30b9\u30c8\u5bfe\u7b56\u3082\u3002\u821e\u53f0\u3067\u901a\u308b\u767a\u58f0\u3001\u611f\u60c5\u8868\u73fe\u8c4a\u304b\u306a\u6b4c\u5531\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u821e\u53f0\u7279\u6709\u306e\u30d9\u30eb\u30c6\u30a3\u30f3\u30b0\u767a\u58f0\u3084\u3001\u6f14\u6280\u3092\u542b\u3081\u305f\u6b4c\u5531\u8868\u73fe\u3092\u6307\u5c0e\u3002\u30df\u30e5\u30fc\u30b8\u30ab\u30eb\u30ca\u30f3\u30d0\u30fc\u3060\u3051\u3067\u306a\u304f\u30dd\u30d4\u30e5\u30e9\u30fc\u3082\u6b4c\u3044\u3053\u306a\u3057\u3001\u821e\u53f0\u6b4c\u5531\u306e\u8868\u73fe\u529b\u3092\u990a\u3044\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u5287\u56e3\u3084\u30b3\u30f3\u30c6\u30b9\u30c8\u306e\u5bfe\u7b56\u306b\u5bfe\u5fdc\u3002\u73fe\u5f79\u306e\u5f79\u8005\u306b\u3088\u308b\u821e\u53f0\u767a\u58f0\u306f\u3082\u3061\u308d\u3093\u3001\u30c0\u30f3\u30b9\u3084\u6f14\u6280\u3092\u4f34\u3063\u305f\u6b4c\u3044\u65b9\u3092\u6307\u5c0e\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u30df\u30e5\u30fc\u30b8\u30ab\u30eb\u4ff3\u512a\u3092\u76ee\u6307\u3057\u3066\u3044\u308b\u65b9<\/li>\n                <li>\u30c7\u30a3\u30ba\u30cb\u30fc\u30bd\u30f3\u30b0\u306a\u3069\u3092\u672c\u683c\u7684\u306b\u6b4c\u3044\u305f\u3044\u65b9<\/li>\n                <li>\u58f0\u91cf\u3068\u8868\u73fe\u529b\u3092\u5727\u5012\u7684\u306b\u9ad8\u3081\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-female.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u30df\u30c3\u30af\u30b9\u30dc\u30a4\u30b9\u3067\u306f\u5f31\u304f\u306a\u3063\u3066\u3057\u307e\u3046\u306e\u304c\u8ab2\u984c\u3067\u3057\u305f\u3002\u30d9\u30eb\u30c6\u30a3\u30f3\u30b0\u306e\u30b3\u30c4\u3092\u6559\u308f\u3063\u3066\u529b\u5f37\u304f\u306a\u3063\u305f\u3068\u601d\u3044\u307e\u3059\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(10\u4ee3\u30fb\u5973\u6027)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u30df\u30e5\u30fc\u30b8\u30ab\u30eb\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"inst\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/guitar-course.webp\" alt=\"Guitar\"><span class=\"cc-badge\">\u697d\u5668<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u30ae\u30bf\u30fc\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u30ae\u30bf\u30fc\u5358\u4f53\u3067\u5b66\u3076\u3002\u30a8\u30ec\u30ad\u3001\u30a2\u30b3\u30ae\u554f\u308f\u305a\u3001\u521d\u5fc3\u8005\u304b\u3089\u4e0a\u7d1a\u8005\u307e\u3067\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u57fa\u790e\u7df4\u7fd2\u304b\u3089\u30bd\u30ed\u30ae\u30bf\u30fc\u3001\u901f\u5f3e\u304d\u3001\u30a2\u30c9\u30ea\u30d6\u307e\u3067\u3002\u30a8\u30ec\u30ad\u30ae\u30bf\u30fc\u3001\u30a2\u30b3\u30fc\u30b9\u30c6\u30a3\u30c3\u30af\u30ae\u30bf\u30fc\u3001\u3069\u3061\u3089\u3067\u3082\u3042\u306a\u305f\u306e\u3084\u308a\u305f\u3044\u30b8\u30e3\u30f3\u30eb\u306b\u5408\u308f\u305b\u3066\u6307\u5c0e\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u521d\u5fc3\u8005\u306b\u306f\u5f26\u306e\u5f35\u308a\u66ff\u3048\u65b9\u3084\u30c1\u30e5\u30fc\u30cb\u30f3\u30b0\u304b\u3089\u4e01\u5be7\u306b\u3002\u4e0a\u7d1a\u8005\u306b\u306f\u7406\u8ad6\u306b\u57fa\u3065\u3044\u305f\u30d5\u30ec\u30fc\u30ba\u4f5c\u308a\u3084\u3001\u97f3\u4f5c\u308a\u3001\u7de8\u66f2\u306b\u3044\u305f\u308b\u307e\u3067\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u30d0\u30f3\u30c9\u3067\u30ae\u30bf\u30fc\u3092\u62c5\u5f53\u3059\u308b\u3053\u3068\u306b\u306a\u3063\u305f\u65b9<\/li>\n                <li>\u30bd\u30ed\u30ae\u30bf\u30fc\u3067\u4e00\u66f2\u5f3e\u3051\u308b\u3088\u3046\u306b\u306a\u308a\u305f\u3044\u65b9<\/li>\n                <li>\u30a2\u30c9\u30ea\u30d6\u30bd\u30ed\u3092\u5f3e\u304d\u3053\u306a\u3057\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-male.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300cYouTube\u3092\u898b\u3066\u3082\u308f\u304b\u3089\u306a\u304b\u3063\u305f\u904b\u6307\u306e\u30b3\u30c4\u304c\u3001\u5148\u751f\u306b\u6559\u308f\u3063\u305f\u3089\u3059\u3050\u306b\u51fa\u6765\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002\u72ec\u5b66\u3088\u308a\u5727\u5012\u7684\u306b\u65e9\u3044\u3067\u3059\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(10\u4ee3\u30fb\u7537\u6027)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u30ae\u30bf\u30fc\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"inst\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552422535-c45813c61732?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Piano\"><span class=\"cc-badge\">\u697d\u5668<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u30d4\u30a2\u30ce\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u30d4\u30a2\u30ce\u5358\u4f53\u3067\u5b66\u3076\u3002\u30af\u30e9\u30b7\u30c3\u30af\u304b\u3089\u30dd\u30c3\u30d7\u30b9\u307e\u3067\u3001\u57fa\u790e\u304b\u3089\u3057\u3063\u304b\u308a\u3068\u6307\u5c0e\u3057\u307e\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u697d\u8b5c\u304c\u8aad\u3081\u306a\u304f\u3066\u3082\u5927\u4e08\u592b\u3002\u30dd\u30d4\u30e5\u30e9\u30fc\u30d4\u30a2\u30ce\u3092\u4e2d\u5fc3\u306b\u3001\u30b3\u30fc\u30c9\u7406\u8ad6\u306a\u3069\u3082\u5b66\u3079\u307e\u3059\u3002\u30af\u30e9\u30b7\u30c3\u30af\u306e\u57fa\u790e\u7df4\u7fd2\u3082\u53d6\u308a\u5165\u308c\u3001\u78ba\u304b\u306a\u6280\u8853\u3092\u8eab\u306b\u3064\u3051\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u300c\u30a8\u30ea\u30fc\u30bc\u306e\u305f\u3081\u306b\u300d\u304b\u3089\u6700\u65b0\u306eJ-POP\u307e\u3067\u3001\u5f3e\u304d\u305f\u3044\u66f2\u3092\u8ab2\u984c\u66f2\u306b\u3067\u304d\u307e\u3059\u3002\u4fdd\u80b2\u58eb\u8a66\u9a13\u5bfe\u7b56\u3068\u3057\u3066\u306e\u30d4\u30a2\u30ce\u5b9f\u6280\u6307\u5c0e\u3082\u884c\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u5927\u4eba\u306b\u306a\u3063\u3066\u304b\u3089\u30d4\u30a2\u30ce\u3092\u59cb\u3081\u305f\u3044\u65b9<\/li>\n                <li>\u4fdd\u80b2\u58eb\u30fb\u5e7c\u7a1a\u5712\u6559\u8aed\u3092\u76ee\u6307\u3057\u3066\u3044\u308b\u65b9<\/li>\n                <li>\u8033\u30b3\u30d4\u3067\u30d4\u30a2\u30ce\u304c\u5f3e\u3051\u308b\u3088\u3046\u306b\u306a\u308a\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-female.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u4e00\u5ea6\u3084\u3081\u305f\u30d4\u30a2\u30ce\u3092\u518d\u958b\u3057\u305f\u3044\u3068\u601d\u3044\u5165\u4f1a\u3002\u30d4\u30a2\u30ce\u3092\u5f3e\u3044\u3066\u3044\u308b\u6642\u9593\u306f\u7121\u5fc3\u306b\u306a\u308c\u308b\u306e\u3067\u3001\u6700\u9ad8\u306e\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(30\u4ee3\u30fb\u5973\u6027)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u30d4\u30a2\u30ce\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"inst\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/bass-course.webp\" alt=\"Bass\"><span class=\"cc-badge\">\u697d\u5668<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u30d9\u30fc\u30b9\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u4f4e\u97f3\u3092\u6975\u3081\u305f\u3044\u3002\u30d0\u30f3\u30c9\u306e\u8981\u3068\u306a\u308b\u30d9\u30fc\u30b9\u306e\u30ea\u30ba\u30e0\u611f\u3068\u30c6\u30af\u30cb\u30c3\u30af\u3092\u7fd2\u5f97\u3057\u307e\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u6307\u5f3e\u304d\u3001\u30d4\u30c3\u30af\u5f3e\u304d\u3001\u30b9\u30e9\u30c3\u30d7\u306a\u3069\u69d8\u3005\u306a\u594f\u6cd5\u3092\u6307\u5c0e\u3002\u30ea\u30ba\u30e0\u968a\u3068\u3057\u3066\u306e\u30b0\u30eb\u30fc\u30f4\u611f\u3092\u990a\u3044\u3001\u30d0\u30f3\u30c9\u30b5\u30a6\u30f3\u30c9\u3092\u5e95\u304b\u3089\u652f\u3048\u308b\u30d7\u30ec\u30a4\u30e4\u30fc\u3092\u76ee\u6307\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u30e1\u30c8\u30ed\u30ce\u30fc\u30e0\u3092\u4f7f\u3063\u305f\u30ea\u30ba\u30e0\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3092\u91cd\u8996\u3002\u30c9\u30e9\u30e0\u3068\u306e\u30b3\u30f3\u30d3\u30cd\u30fc\u30b7\u30e7\u30f3\u3084\u3001\u304b\u3063\u3053\u3044\u3044\u30d9\u30fc\u30b9\u30e9\u30a4\u30f3\u306e\u4f5c\u308a\u65b9\u3082\u5b66\u3079\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u30d0\u30f3\u30c9\u3067\u30d9\u30fc\u30b9\u3092\u62c5\u5f53\u3057\u3066\u3044\u308b\u65b9<\/li>\n                <li>\u30b9\u30e9\u30c3\u30d7\u594f\u6cd5\u3092\u30de\u30b9\u30bf\u30fc\u3057\u305f\u3044\u65b9<\/li>\n                <li>\u30ea\u30ba\u30e0\u611f\u3092\u935b\u3048\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-male.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u5730\u5473\u306a\u697d\u5668\u3060\u3068\u601d\u3063\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u5148\u751f\u306e\u30b9\u30e9\u30c3\u30d7\u3092\u898b\u3066\u8003\u3048\u304c\u5909\u308f\u308a\u307e\u3057\u305f\u3002\u4eca\u306f\u30d9\u30fc\u30b9\u304c\u697d\u3057\u304f\u3066\u4ed5\u65b9\u3042\u308a\u307e\u305b\u3093\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(10\u4ee3\u30fb\u7537\u6027)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u30d9\u30fc\u30b9\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"inst\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519892300165-cb5542fb47c7?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Drums\"><span class=\"cc-badge\">\u697d\u5668<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u30c9\u30e9\u30e0\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u30ea\u30ba\u30e0\u611f\u3092\u935b\u3048\u308b\u3002\u624b\u8db3\u3092\u4f7f\u3063\u305f\u5168\u8eab\u904b\u52d5\u3067\u3001\u723d\u5feb\u611f\u3068\u5171\u306b\u97f3\u697d\u3092\u697d\u3057\u3081\u307e\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">8\u30d3\u30fc\u30c8\u306e\u57fa\u672c\u304b\u3089\u3001\u8907\u96d1\u306a\u30d5\u30a3\u30eb\u30a4\u30f3\u3001\u30c4\u30fc\u30d0\u30b9\u307e\u3067\u3002\u30b9\u30bf\u30b8\u30aa\u3067\u306e\u751f\u30c9\u30e9\u30e0\u30ec\u30c3\u30b9\u30f3\u3067\u3001\u672c\u7269\u306e\u97f3\u5727\u3068\u30b0\u30eb\u30fc\u30f4\u3092\u4f53\u611f\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u624b\u8db3\u306e\u5206\u96e2\uff08\u30ea\u30e0\u30b7\u30e7\u30c3\u30c8\uff09\u306e\u7df4\u7fd2\u3084\u3001\u8b5c\u9762\u306e\u8aad\u307f\u65b9\u3082\u6307\u5c0e\u3002\u96fb\u5b50\u30c9\u30e9\u30e0\u3067\u306f\u306a\u304f\u672c\u7269\u306e\u30c9\u30e9\u30e0\u30bb\u30c3\u30c8\u3067\u7df4\u7fd2\u3067\u304d\u308b\u306e\u304c\u9b45\u529b\u3067\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u30b9\u30c8\u30ec\u30b9\u767a\u6563\u3057\u305f\u3044\u65b9<\/li>\n                <li>\u30ea\u30ba\u30e0\u611f\u3092\u826f\u304f\u3057\u305f\u3044\u65b9<\/li>\n                <li>\u30d0\u30f3\u30c9\u306e\u30c9\u30e9\u30de\u30fc\u3068\u3057\u3066\u30ec\u30d9\u30eb\u30a2\u30c3\u30d7\u3057\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student005.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u624b\u8db3\u304c\u30d0\u30e9\u30d0\u30e9\u306b\u52d5\u304f\u304b\u4e0d\u5b89\u3067\u3057\u305f\u304c\u3001\u57fa\u790e\u7df4\u7fd2\u3092\u7d9a\u3051\u305f\u3089\u53e9\u3051\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\uff01\u53e9\u3044\u305f\u6642\u306e\u723d\u5feb\u611f\u304c\u305f\u307e\u308a\u307e\u305b\u3093\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(40\u4ee3\u30fb\u7537\u6027)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u30c9\u30e9\u30e0\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"inst\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1598488035139-bdbb2231ce04?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"DTM\"><span class=\"cc-badge\">\u5236\u4f5c<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u4f5c\u66f2\u30fbDTM\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">MIX\u3092\u5b66\u3073\u305f\u3044\u65b9\u3082\u3002PC\u3092\u4f7f\u3063\u305f\u97f3\u697d\u5236\u4f5c\u3001\u30a2\u30ec\u30f3\u30b8\u3001\u30ec\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u6280\u8853\u3092\u5b66\u3073\u307e\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">DAW\u30bd\u30d5\u30c8\uff08Cubase, Logic, Ableton\u7b49\uff09\u306e\u4f7f\u3044\u65b9\u304b\u3089\u3001\u30a2\u30ec\u30f3\u30b8\u3001MIX\u3001\u30de\u30b9\u30bf\u30ea\u30f3\u30b0\u307e\u3067\u3002\u81ea\u5b85\u3067\u30d7\u30ed\u30af\u30aa\u30ea\u30c6\u30a3\u306e\u97f3\u6e90\u3092\u4f5c\u308b\u65b9\u6cd5\u3092\u5b66\u3073\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u6a5f\u6750\u306e\u9078\u3073\u65b9\u3084\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u304b\u3089\u30b5\u30dd\u30fc\u30c8\u3002\u300c\u30e1\u30ed\u30c7\u30a3\u306f\u6d6e\u304b\u3076\u3051\u3069\u4f34\u594f\u304c\u4f5c\u308c\u306a\u3044\u300d\u3068\u3044\u3063\u305f\u60a9\u307f\u3082\u3001\u30b3\u30fc\u30c9\u7406\u8ad6\u3068\u30a2\u30ec\u30f3\u30b8\u6280\u8853\u3067\u89e3\u6c7a\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u30dc\u30ab\u30edP\u306b\u306a\u308a\u305f\u3044\u65b9<\/li>\n                <li>\u81ea\u5206\u306e\u66f2\u3092\u914d\u4fe1\u30ea\u30ea\u30fc\u30b9\u3057\u305f\u3044\u65b9<\/li>\n                <li>DTM\u30bd\u30d5\u30c8\u306e\u57fa\u672c\u3092\u5b66\u3073\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-male.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u30bd\u30d5\u30c8\u3092\u8cb7\u3063\u305f\u3082\u306e\u306e\u4f7f\u3044\u65b9\u304c\u5206\u304b\u3089\u305a\u653e\u7f6e\u3057\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u5148\u751f\u306e\u304a\u304b\u3052\u3067\u4e00\u66f2\u5b8c\u6210\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3057\u305f\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(20\u4ee3\u30fb\u7537\u6027)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u4f5c\u66f2\u30fbDTM\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"voice\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/seiyu-course.webp?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Speaking\"><span class=\"cc-badge\">\u30d3\u30b8\u30cd\u30b9<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u8a71\u3057\u65b9\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u58f0\u306e\u60a9\u307f\u3092\u89e3\u6d88\u3002\u6ed1\u820c\u6539\u5584\u3084\u3001\u96fb\u8a71\u5fdc\u5bfe\u306e\u6539\u5584\u3001\u4eba\u524d\u3067\u8a71\u3059\u305f\u3081\u306e\u30d7\u30ec\u30bc\u30f3\u30fb\u9762\u63a5\u5bfe\u7b56\u306b\u3082\u6700\u9069\u3067\u3059\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u58f0\u304c\u5c0f\u3055\u3044\u3001\u6ed1\u820c\u304c\u60aa\u3044\u3001\u65e9\u53e3\u306b\u306a\u308b\u2026\u305d\u3093\u306a\u60a9\u307f\u3092\u30dc\u30a4\u30b9\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3067\u89e3\u6c7a\u3057\u307e\u3059\u3002\u65e5\u5e38\u3060\u3051\u3067\u306a\u304f\u3001\u30d3\u30b8\u30cd\u30b9\u30b7\u30fc\u30f3\u3084\u5c31\u8077\u6d3b\u52d5\u3067\u306e\u5370\u8c61\u30a2\u30c3\u30d7\u306b\u3082\u7e4b\u304c\u308a\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u8179\u5f0f\u547c\u5438\u3067\u901a\u308b\u58f0\u3092\u4f5c\u308a\u3001\u8868\u60c5\u7b4b\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3067\u660e\u308b\u3044\u5370\u8c61\u306b\u3002\u30d7\u30ec\u30bc\u30f3\u76f4\u524d\u306e\u539f\u7a3f\u8aad\u307f\u30c1\u30a7\u30c3\u30af\u3084\u3001\u30b9\u30d4\u30fc\u30c1\u306e\u6307\u5c0e\u3082\u884c\u3044\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u55b6\u696d\u8077\u3084\u63a5\u5ba2\u696d\u3067\u58f0\u3092\u3088\u304f\u4f7f\u3046\u65b9<\/li>\n                <li>\u5c31\u8077\u6d3b\u52d5\u306e\u9762\u63a5\u3092\u63a7\u3048\u3066\u3044\u308b\u65b9<\/li>\n                <li>\u3088\u304f\u805e\u304d\u8fd4\u3055\u308c\u308b\u306e\u304c\u60a9\u307f\u306e\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-male.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u7dca\u5f35\u3057\u304c\u3061\u3067\u58f0\u304c\u9707\u3048\u308b\u306e\u304c\u60a9\u307f\u3067\u3057\u305f\u304c\u3001\u547c\u5438\u6cd5\u3092\u5909\u3048\u305f\u3060\u3051\u3067\u3086\u3063\u304f\u308a\u3068\u3001\u4f59\u88d5\u3092\u3082\u3063\u3066\u8a71\u305b\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(20\u4ee3\u30fb\u7537\u6027)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u8a71\u3057\u65b9\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n\n<div class=\"cc-card\" data-category=\"vocal\" onclick=\"cf_open(this)\">\n    <div class=\"cc-thumb\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/trainer-course.webp?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Trainer\"><span class=\"cc-badge\">\u4eba\u6c17<\/span><\/div>\n    <div class=\"cc-body\"><h3 class=\"cc-card-title\">\u30c8\u30ec\u30fc\u30ca\u30fc\u990a\u6210\u30b3\u30fc\u30b9<\/h3><p class=\"cc-desc\">\u30d7\u30ed\u306e\u6307\u5c0e\u8005\u3092\u76ee\u6307\u3059\u3002\u30dc\u30a4\u30b9\u30c8\u30ec\u30fc\u30ca\u30fc\u3068\u3057\u3066\u306e\u77e5\u8b58\u3001\u6307\u5c0e\u6cd5\u3001\u30d4\u30a2\u30ce\u4f34\u594f\u6cd5\u307e\u3067\u3002<\/p><span class=\"cc-detail-btn\">\u8a73\u7d30\u3092\u898b\u308b<\/span><\/div>\n    <script type=\"text\/template\" class=\"detail-source\">\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3069\u3093\u306a\u30b3\u30fc\u30b9\uff1f<\/h4>\n            <p class=\"d-text\">\u89e3\u5256\u5b66\u306b\u57fa\u3065\u3044\u305f\u767a\u58f0\u7406\u8ad6\u3084\u3001\u751f\u5f92\u306e\u60a9\u307f\u306b\u5408\u308f\u305b\u305f\u30ec\u30c3\u30b9\u30f3\u306e\u7d44\u307f\u7acb\u3066\u65b9\u3092\u5b66\u3073\u3001\u5c02\u696d\u306b\u3067\u304d\u308b\u30c8\u30ec\u30fc\u30ca\u30fc\u3092\u76ee\u6307\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u7279\u5fb4<\/h4>\n            <p class=\"d-text\">\u5ea7\u5b66\u3060\u3051\u3067\u306a\u304f\u3001\u6a21\u64ec\u30ec\u30c3\u30b9\u30f3\u3092\u901a\u3057\u3066\u5b9f\u8df5\u529b\u3092\u78e8\u304d\u307e\u3059\u3002\u30af\u30e9\u30c3\u30c1\u3078\u306e\u63a1\u7528\u3060\u3051\u3067\u306a\u304f\u3001\u72ec\u7acb\u958b\u696d\u306e\u30b5\u30dd\u30fc\u30c8\u306a\u3069\u30ad\u30e3\u30ea\u30a2\u3092\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u3053\u3093\u306a\u65b9\u306b\u304a\u30b9\u30b9\u30e1<\/h4>\n            <ul class=\"d-list\">\n                <li>\u5c06\u6765\u30dc\u30a4\u30b9\u30c8\u30ec\u30fc\u30ca\u30fc\u3068\u3057\u3066\u72ec\u7acb\u3057\u305f\u3044\u65b9<\/li>\n                <li>\u611f\u899a\u3067\u306f\u306a\u304f\u7406\u8ad6\u3067\u6559\u3048\u3089\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u305f\u3044\u65b9<\/li>\n                <li>\u30d4\u30a2\u30ce\u4f34\u594f\u30b9\u30ad\u30eb\u3082\u8eab\u306b\u3064\u3051\u305f\u3044\u65b9<\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"d-section\">\n            <h4 class=\"d-head\">\u751f\u5f92\u306e\u58f0<\/h4>\n            <div class=\"d-voice\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/label-clach.jp\/school\/wp-content\/uploads\/2026\/01\/student-female.webp\" alt=\"\u751f\u5f92\">\n                <div>\n                    <p class=\"d-voice-text\">\u300c\u5927\u624b\u30b9\u30af\u30fc\u30eb\u30672\u5e74\u534a\u30c8\u30ec\u30fc\u30ca\u30fc\u3092\u3057\u3066\u304a\u308a\u3001\u9650\u754c\u3092\u611f\u3058\u3066\u3053\u3061\u3089\u3092\u53d7\u8b1b\u3002\u67fb\u8aad\u3055\u308c\u305f\u6700\u65b0\u306e\u30e1\u30bd\u30c3\u30c9\u3092\u5171\u6709\u3057\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3057\u3001\u8aa4\u3063\u305f\u77e5\u8b58\u3092\u6b63\u3057\u3066\u304f\u308c\u308b\u306e\u304c\u52a9\u304b\u308a\u307e\u3059\u3002\u300d<\/p>\n                    <p class=\"d-voice-meta\" style=\"text-align:right; font-size:0.85rem; color:#888; margin-top:5px;\">(20\u4ee3\u30fb\u5973\u6027)<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <input type=\"hidden\" class=\"d-course-name\" value=\"\u30c8\u30ec\u30fc\u30ca\u30fc\u990a\u6210\u30b3\u30fc\u30b9\">\n    <\/script>\n<\/div>\n<\/div>\n        <\/div>\n        <div class=\"cc-detail-panel\" id=\"js-panel\">\n            <button class=\"cc-panel-close\" onclick=\"cf_close()\">\u00d7<\/button>\n            <div id=\"cc-panel-inner\" class=\"cc-panel-content\">\n                <div class=\"cc-panel-header\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"\" class=\"cc-panel-img\" id=\"p-img\">\n                    <div class=\"cc-panel-overlay\">\n                        <span class=\"cc-panel-badge\" id=\"p-badge\">CATEGORY<\/span>\n                        <h3 class=\"cc-panel-title\" id=\"p-title\">\u30b3\u30fc\u30b9\u540d<\/h3>\n                    <\/div>\n                <\/div>\n                <div id=\"p-body\" class=\"cc-panel-content\"><\/div>\n                <div class=\"cc-panel-cta\">\n                    <button class=\"cc-reserve-btn\" id=\"js-reserve\" onclick=\"cf_reserve()\">\u3053\u306e\u30b3\u30fc\u30b9\u3067\u4f53\u9a13\u4e88\u7d04<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<script>\n\/\/ \u25a0 \u5909\u6570\u5b9a\u7fa9\nvar currentCourse = '';\n\n\/\/ 1. \u8a73\u7d30\u30aa\u30fc\u30d7\u30f3\uff08PC\u3068\u30b9\u30de\u30db\u3067\u5206\u5c90\uff09\nwindow.cf_open = function(el) {\n    \/\/ \u30c7\u30fc\u30bf\u53d6\u5f97\n    var detailHTML = el.querySelector('.detail-source') ? el.querySelector('.detail-source').innerHTML : '';\n    var title = el.querySelector('.cc-card-title').innerText;\n    \n    \/\/ \u30b3\u30fc\u30b9\u540d\u53d6\u5f97\n    var temp = document.createElement('div');\n    temp.innerHTML = detailHTML;\n    var input = temp.querySelector('.d-name');\n    var cName = input ? input.value : title;\n    currentCourse = cName;\n\n    \/\/ \u2605\u30b9\u30de\u30db\uff1a\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u52d5\u4f5c\uff08\u30e9\u30c3\u30d1\u30fc\u306f\u89e6\u3089\u306a\u3044\uff1dPC\u5d29\u308c\u306a\u3044\uff09\n    if(window.innerWidth <= 900) {\n        \/\/ \u65e2\u306b\u958b\u3044\u3066\u308b\u81ea\u5206\u306a\u3089\u9589\u3058\u308b\n        if(el.classList.contains('is-mobile-open')) {\n            cf_closeMobile(el);\n            return;\n        }\n        \/\/ \u4ed6\u3092\u9589\u3058\u308b\n        var openCards = document.querySelectorAll('.cc-card.is-mobile-open');\n        openCards.forEach(function(c){ cf_closeMobile(c); });\n\n        \/\/ \u958b\u304f\n        el.classList.add('is-mobile-open');\n        \n        \/\/ \u8a73\u7d30\u30a8\u30ea\u30a2\u304c\u7121\u3051\u308c\u3070\u4f5c\u308b\n        var body = el.querySelector('.cc-body');\n        var acc = el.querySelector('.cc-mobile-accordion');\n        if(!acc) {\n            acc = document.createElement('div');\n            acc.className = 'cc-mobile-accordion';\n            acc.innerHTML = detailHTML + \n                '<div style=\"margin-top:30px; text-align:center;\">' +\n                '<button class=\"cc-reserve-btn\" onclick=\"event.stopPropagation(); cf_reserve(\\'' + cName + '\\')\">\u3053\u306e\u30b3\u30fc\u30b9\u3067\u4f53\u9a13\u4e88\u7d04<\/button>' +\n                '<button class=\"cc-mobile-close\" onclick=\"event.stopPropagation(); cf_closeMobile(this.closest(\\'.cc-card\\'))\">\u9589\u3058\u308b<\/button>' +\n                '<\/div>';\n            body.appendChild(acc);\n        } else {\n            acc.style.display = 'block';\n        }\n\n    } else {\n        \/\/ \u2605PC\uff1a\u30de\u30b9\u30bf\u30fc\u30c7\u30a3\u30c6\u30fc\u30eb\u52d5\u4f5c\uff08\u5143\u306e\u30ed\u30b8\u30c3\u30af\uff09\n        var wrapper = document.getElementById('js-wrapper');\n        \/\/ \u30a2\u30af\u30c6\u30a3\u30d6\u5207\u308a\u66ff\u3048\n        var cards = document.querySelectorAll('.cc-card');\n        cards.forEach(function(c){ c.classList.remove('is-active'); });\n        el.classList.add('is-active');\n\n        \/\/ \u30d1\u30cd\u30eb\u306b\u30c7\u30fc\u30bf\u30bb\u30c3\u30c8\n        var thumb = el.querySelector('.cc-thumb img').src;\n        var badge = el.querySelector('.cc-badge').innerText;\n        document.getElementById('p-img').src = thumb;\n        document.getElementById('p-badge').innerText = badge;\n        document.getElementById('p-title').innerText = title;\n        document.getElementById('p-body').innerHTML = detailHTML;\n        \n        \/\/ \u4e88\u7d04\u30dc\u30bf\u30f3\u9023\u643a\n        var btn = document.getElementById('js-reserve');\n        btn.setAttribute('onclick', \"cf_reserve('\" + cName + \"')\");\n\n        \/\/ PC\u7528\u306e\u30af\u30e9\u30b9\u4ed8\u4e0e\uff08\u3053\u308c\u304cPC\u306e\u30c7\u30b6\u30a4\u30f3\u5909\u5f62\u30c8\u30ea\u30ac\u30fc\uff09\n        wrapper.classList.add('has-detail');\n    }\n};\n\n\/\/ \u30b9\u30de\u30db\u7528\uff1a\u30ab\u30fc\u30c9\u3092\u9589\u3058\u308b\nwindow.cf_closeMobile = function(card) {\n    card.classList.remove('is-mobile-open');\n    var acc = card.querySelector('.cc-mobile-accordion');\n    if(acc) acc.style.display = 'none';\n};\n\n\/\/ PC\u7528\uff1a\u30d1\u30cd\u30eb\u3092\u9589\u3058\u308b\nwindow.cf_close = function() {\n    document.getElementById('js-wrapper').classList.remove('has-detail');\n    document.querySelectorAll('.cc-card').forEach(function(c){ c.classList.remove('is-active'); });\n};\n\n\/\/ \u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\nwindow.cf_filter = function(cat, btn) {\n    cf_close(); \/\/ PC\u30d1\u30cd\u30eb\u9589\u3058\u308b\n    \/\/ \u30b9\u30de\u30db\u958b\u3044\u3066\u308b\u306e\u9589\u3058\u308b\n    document.querySelectorAll('.cc-card.is-mobile-open').forEach(function(c){ cf_closeMobile(c); });\n\n    var tabs = document.querySelectorAll('.cc-btn');\n    tabs.forEach(function(t){ t.classList.remove('active'); });\n    btn.classList.add('active');\n\n    var cards = document.querySelectorAll('.cc-card');\n    cards.forEach(function(c){\n        var category = c.getAttribute('data-category') || '';\n        var pop = c.getAttribute('data-popular') === 'true';\n        c.classList.remove('fade-in');\n        \n        var show = false;\n        if(cat === 'all') show = true;\n        else if(cat === 'popular') { if(pop) show = true; }\n        else { if(category.indexOf(cat) !== -1) show = true; }\n\n        if(show) {\n            c.classList.remove('is-hidden');\n            setTimeout(function(){ c.classList.add('fade-in'); }, 10);\n        } else {\n            c.classList.add('is-hidden');\n        }\n    });\n};\n\n\/\/ \u4e88\u7d04\u3078\nwindow.cf_reserve = function(cName) { if(!cName) cName = currentCourse; if(cName) { window.location.href = '\/school\/trial\/?course=' + encodeURIComponent(cName); } else { window.location.href = '\/school\/trial\/'; } };\n\n\/\/ \u521d\u671f\u5316\ndocument.addEventListener('DOMContentLoaded', function(){\n    var cards = document.querySelectorAll('.cc-card');\n    var cnt = document.getElementById('cc-total-count');\n    if(cnt) cnt.innerText = cards.length;\n\n    \/\/ \u25bc\u25bc\u25bc \u8ffd\u52a0\uff1a\u8aad\u307f\u8fbc\u307f\u6642\u306b\u300c\u4eba\u6c17\u300d\u30d5\u30a3\u30eb\u30bf\u3092\u5f37\u5236\u5b9f\u884c \u25bc\u25bc\u25bc\n    var activeBtn = document.querySelector('.cc-btn.active');\n    if(activeBtn) {\n        \/\/ \u30dc\u30bf\u30f3\u304c\u300c\u4eba\u6c17\u300d\u306a\u3089 'popular' \u3067\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\n        cf_filter('popular', activeBtn);\n    }\n});\n<\/script>\n<\/div><\/div>\n\n\n\n<div style=\"max-width: 800px; margin: 60px auto; padding: 30px 24px; background: linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 100%); border-radius: 16px; text-align: center;\">\n    <p style=\"font-size: 1.3rem; font-weight: 700; color: #333; margin-bottom: 12px;\">\ud83d\udda5 \u5168\u30b3\u30fc\u30b9\u3001\u30aa\u30f3\u30e9\u30a4\u30f3\u3067\u3082\u53d7\u8b1b\u3067\u304d\u307e\u3059<\/p>\n    <p style=\"font-size: 0.95rem; color: #555; margin-bottom: 20px; line-height: 1.8;\">\u901a\u5b66\u304c\u96e3\u3057\u3044\u65b9\u3082\u5b89\u5fc3\u3002\u81ea\u5b85\u304b\u3089\u30d7\u30ed\u8b1b\u5e2b\u306e\u30de\u30f3\u30c4\u30fc\u30de\u30f3\u30ec\u30c3\u30b9\u30f3\u3092\u53d7\u3051\u3089\u308c\u307e\u3059\u3002<br>\u30b9\u30de\u30db\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8\u30fbPC\u304c\u3042\u308c\u3070OK\u3002\u5168\u56fd\u3069\u3053\u304b\u3089\u3067\u3082\u3054\u53c2\u52a0\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n    <a href=\"\/school\/online\/\" style=\"display: inline-block; padding: 12px 32px; background: #2196f3; color: #fff; text-decoration: none; border-radius: 30px; font-weight: 600; font-size: 0.95rem; transition: opacity 0.3s;\">\u30aa\u30f3\u30e9\u30a4\u30f3\u6821\u306e\u8a73\u7d30\u306f\u3053\u3061\u3089 \u2192<\/a>\n<\/div>\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<dl class=\"swell-block-faq\" data-q=\"col-text\" data-a=\"col-text\">\n<div class=\"swell-block-faq__item\"><dt class=\"faq_q\">\u30b3\u30fc\u30b9\u3092\u5909\u66f4\u3057\u305f\u308a\u639b\u3051\u6301\u3061\u306f\u3067\u304d\u307e\u3059\u304b\uff1f<\/dt><dd class=\"faq_a\">\n<p>\u3082\u3061\u308d\u3093\u53ef\u80fd\u3067\u3059\uff011\u5ea6\u306e\u5951\u7d04\u3067\u3059\u3079\u3066\u306e\u30b3\u30fc\u30b9\u3092\u53d7\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u306e\u3067\u3001\u4f8b\u3048\u3070\u6b4c\u3092\u4e0a\u9054\u3057\u305f\u304f\u3066\u7533\u3057\u8fbc\u3093\u3060\u65b9\u304c\u697d\u5668\u30b3\u30fc\u30b9\u3092\u639b\u3051\u6301\u3061\u3057\u305f\u308a\u3001\u697d\u5668\u30b3\u30fc\u30b9\u306b\u5909\u66f4\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u3002<\/p>\n<\/dd><\/div>\n\n\n\n<div class=\"swell-block-faq__item\"><dt class=\"faq_q\">\u30d7\u30ed\u306b\u306a\u308a\u305f\u304f\u306a\u304f\u3066\u3082\u3001\u30d7\u30ed\u30b3\u30fc\u30b9\u3092\u5b66\u3076\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b\uff1f<\/dt><dd class=\"faq_a\">\n<p>\u3082\u3061\u308d\u3093\u3067\u3059\u3002\u30d7\u30ed\u30b3\u30fc\u30b9\u306f\u4e00\u6b69\u8e0f\u307f\u8fbc\u3093\u3060\u8868\u73fe\u6280\u8853\u3082\u6559\u3048\u308b\u4e2d\u7d1a\u8005\u5411\u3051\u306e\u30b3\u30fc\u30b9\u3067\u3059\u304c\u3001\u8da3\u5473\u3067\u4e0a\u9054\u3057\u305f\u3044\u65b9\u3067\u3082\u304a\u7533\u8fbc\u307f\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n<\/dd><\/div>\n<\/dl>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@id\":\"#FAQContents\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"\u30b3\u30fc\u30b9\u3092\u5909\u66f4\u3057\u305f\u308a\u639b\u3051\u6301\u3061\u306f\u3067\u304d\u307e\u3059\u304b\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>\u3082\u3061\u308d\u3093\u53ef\u80fd\u3067\u3059\uff011\u5ea6\u306e\u5951\u7d04\u3067\u3059\u3079\u3066\u306e\u30b3\u30fc\u30b9\u3092\u53d7\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u306e\u3067\u3001\u4f8b\u3048\u3070\u6b4c\u3092\u4e0a\u9054\u3057\u305f\u304f\u3066\u7533\u3057\u8fbc\u3093\u3060\u65b9\u304c\u697d\u5668\u30b3\u30fc\u30b9\u3092\u639b\u3051\u6301\u3061\u3057\u305f\u308a\u3001\u697d\u5668\u30b3\u30fc\u30b9\u306b\u5909\u66f4\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u3002<\\\/p>\"}},{\"@type\":\"Question\",\"name\":\"\u30d7\u30ed\u306b\u306a\u308a\u305f\u304f\u306a\u304f\u3066\u3082\u3001\u30d7\u30ed\u30b3\u30fc\u30b9\u3092\u5b66\u3076\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<p>\u3082\u3061\u308d\u3093\u3067\u3059\u3002\u30d7\u30ed\u30b3\u30fc\u30b9\u306f\u4e00\u6b69\u8e0f\u307f\u8fbc\u3093\u3060\u8868\u73fe\u6280\u8853\u3082\u6559\u3048\u308b\u4e2d\u7d1a\u8005\u5411\u3051\u306e\u30b3\u30fc\u30b9\u3067\u3059\u304c\u3001\u8da3\u5473\u3067\u4e0a\u9054\u3057\u305f\u3044\u65b9\u3067\u3082\u304a\u7533\u8fbc\u307f\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\\\/p>\"}}]}<\/script>\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\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\"><div class=\"swell-block-fullWide__inner\">\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<\/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\/quality\/\">\u30ec\u30c3\u30b9\u30f3\u306e\u7279\u5fb4<\/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>\ud83d\udda5 \u5168\u30b3\u30fc\u30b9\u3001\u30aa\u30f3\u30e9\u30a4\u30f3\u3067\u3082\u53d7\u8b1b\u3067\u304d\u307e\u3059 \u901a\u5b66\u304c\u96e3\u3057\u3044\u65b9\u3082\u5b89\u5fc3\u3002\u81ea\u5b85\u304b\u3089\u30d7\u30ed\u8b1b\u5e2b\u306e\u30de\u30f3\u30c4\u30fc\u30de\u30f3\u30ec\u30c3\u30b9\u30f3\u3092\u53d7\u3051\u3089\u308c\u307e\u3059\u3002\u30b9\u30de\u30db\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8\u30fbPC\u304c\u3042\u308c\u3070OK\u3002\u5168\u56fd\u3069\u3053\u304b\u3089\u3067\u3082\u3054\u53c2\u52a0\u3044\u305f\u3060\u3051\u307e\u3059\u3002 \u30aa\u30f3\u30e9\u30a4\u30f3\u6821\u306e\u8a73\u7d30\u306f\u3053\u3061\u3089 [&hellip;]<\/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-376","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/pages\/376","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=376"}],"version-history":[{"count":158,"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/pages\/376\/revisions"}],"predecessor-version":[{"id":2690,"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/pages\/376\/revisions\/2690"}],"wp:attachment":[{"href":"https:\/\/label-clach.jp\/school\/wp-json\/wp\/v2\/media?parent=376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}