{"id":35466,"date":"2026-03-20T15:02:31","date_gmt":"2026-03-20T06:02:31","guid":{"rendered":"https:\/\/www.ubdc.ac.jp\/art\/?p=35466"},"modified":"2026-04-15T00:00:53","modified_gmt":"2026-04-14T15:00:53","slug":"spoc","status":"publish","type":"post","link":"https:\/\/www.ubdc.ac.jp\/art\/spoc\/","title":{"rendered":"\u5922\u4e2d\u306b\u306a\u308c\u308b\u5206\u91ce\u3001\u3053\u3053\u3067\u898b\u3064\u304b\u308b\u3002\u5148\u8f29\u3068\u76f4\u63a5\u8a71\u305b\u308b\u7279\u5225\u30a4\u30d9\u30f3\u30c8"},"content":{"rendered":"<!DOCTYPE html>\r\n<html lang=\"ja\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Shippori+Mincho:wght@400;600;700&family=Noto+Sans+JP:wght@300;400;500;700;900&family=Oswald:wght@700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root{\r\n  --bg:#f7f5f0;--white:#ffffff;--ink:#1a1a1a;--ink-mid:#444;--ink-lt:#888;--rule:#e0dbd0;\r\n  --orange:#e85a00;--teal:#1a6b6b;--teal-lt:#e8f4f4;--teal-mid:#2a8a8a;--cyan:#E85A00;\r\n  --cyan-lt:#eafaff;--pink:#E85A00;--pink-lt:#fef0f3;--grid-line:rgba(56,200,232,0.18);--site-w:800px;\r\n\r\n  --text-xs:  12px;\r\n  --text-sm:  13px;\r\n  --text-base:15px;\r\n  --text-md:  17px;\r\n  --text-lg:  20px;\r\n  --text-xl:  24px;\r\n}\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\r\nhtml{scroll-behavior:smooth;}\r\nbody{font-family:'Noto Sans JP',sans-serif;font-weight:300;background:var(--bg);color:var(--ink);font-size:var(--text-base);line-height:1.9;}\r\n.wrap{max-width:var(--site-w);margin:0 auto;padding:0 28px;}\r\n\r\n\/* SP\u6539\u884c\u5236\u5fa1\u7528 *\/\r\n.sp-br { display: none; }\r\n@media (max-width: 768px) {\r\n  .sp-br { display: block; }\r\n  .pc-br { display: none; }\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n.hero{position:relative;overflow:hidden;background:#fff;text-align:center;}\r\n.hero-grid{position:absolute;inset:0;pointer-events:none;z-index:0;}\r\n.hero-grid::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:40px 40px;}\r\n.hero-grid::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(56,200,232,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(56,200,232,0.06) 1px,transparent 1px);background-size:8px 8px;}\r\n.hero-content{position:relative;z-index:2;padding:56px 28px 0;max-width:var(--site-w);margin:0 auto;}\r\n.school-tags{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px;flex-wrap:wrap;}\r\n.s-tag{font-family:'Noto Sans JP',sans-serif;font-weight:900;font-size:15px;letter-spacing:.06em;padding:7px 24px;border-radius:3px;}\r\n.s-tag.biz{background:var(--cyan);color:#fff;}\r\n.s-tag.art{background:#2063A4;color:#fff;}\r\n.s-tag-sep{font-size:22px;color:var(--ink-lt);}\r\n\r\n\/* ===== TITLE ===== *\/\r\n.hero-main-title{\r\n  font-family:'Noto Sans JP',sans-serif;\r\n  font-weight:900;\r\n  font-size:clamp(19px,10vw,57px);\r\n  line-height:1.2;\r\n  letter-spacing:-.01em;\r\n  color:var(--ink);\r\n  display:inline-block;\r\n  position:relative;\r\n}\r\n\r\n.title-line{\r\n  display:block;\r\n  margin-bottom:4px;\r\n}\r\n\r\n.title-line-oc{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n  margin-bottom:4px;\r\n}\r\n\r\n\/* \u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u306e\u6539\u884c\u9632\u6b62 *\/\r\n.oc-text {\r\n  white-space: nowrap;\r\n}\r\n\r\n.sp-badge-wrap{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:clamp(56px,12vw,80px);\r\n  height:clamp(56px,12vw,80px);\r\n  flex-shrink:0;\r\n}\r\n.sp-badge-svg{\r\n  width:100%;\r\n  height:100%;\r\n  overflow:visible;\r\n}\r\n\r\n.accent-line{\r\n  display:block;\r\n  position:relative;\r\n  margin-bottom:8px;\r\n}\r\n.accent-line::after{\r\n  content:'';\r\n  position:absolute;\r\n  left:0;right:0;\r\n  bottom:-4px;\r\n  height:5px;\r\n  background:linear-gradient(90deg,var(--cyan),var(--pink));\r\n  border-radius:2px;\r\n}\r\n\r\n.hero-exclaim{\r\n  font-family:'Oswald',sans-serif;\r\n  font-weight:700;\r\n  font-size:clamp(23px,11vw,65px);\r\n  color:var(--pink);\r\n  display:inline-block;\r\n  vertical-align:top;\r\n  line-height:1.0;\r\n  margin-left:4px;\r\n  animation:exclaim-pulse 2.5s ease-in-out infinite;\r\n}\r\n@keyframes exclaim-pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.08) rotate(-3deg);}}\r\n\r\n.hero-subtitle{\r\n  font-family:'Shippori Mincho',serif;\r\n  font-size:clamp(17px,3.2vw,22px);\r\n  color:var(--ink-mid);\r\n  letter-spacing:.1em;\r\n  margin:22px 0 0;\r\n}\r\n.hero-speech{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:7px;\r\n  background:var(--bg);\r\n  border:1px solid var(--rule);\r\n  border-radius:100px;\r\n  padding:10px 26px;\r\n  font-size:14px;\r\n  color:var(--ink-mid);\r\n  font-weight:400;\r\n  letter-spacing:.06em;\r\n  margin-top:12px;\r\n  margin-bottom:4px;\r\n}\r\n.hero-speech em{font-style:normal;color:var(--orange);font-weight:700;}\r\n.hero-deco-line{width:100%;max-width:340px;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);margin:18px auto 0;}\r\n.hero-nav{position:relative;z-index:2;background:var(--white);border-top:2px solid var(--cyan);border-bottom:1px solid var(--rule);margin-top:26px;box-shadow:0 2px 8px rgba(56,200,232,0.08);}\r\n.hero-nav-inner{max-width:var(--site-w);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:0;padding:0 28px;flex-wrap:wrap;}\r\n.hero-nav a{\r\n  font-family:'Noto Sans JP',sans-serif;\r\n  font-weight:400;\r\n  font-size:13px;\r\n  color:var(--ink-mid);\r\n  text-decoration:none;\r\n  padding:16px 18px;\r\n  letter-spacing:.06em;\r\n  position:relative;\r\n  transition:color .2s;\r\n  white-space:nowrap;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:6px;\r\n}\r\n.hero-nav a:hover{color:var(--teal);}\r\n.hero-nav a.nav-cta{background:var(--pink);color:#fff;border-radius:100px;padding:9px 18px;margin-left:10px;font-weight:700;font-size:13px;letter-spacing:.1em;transition:opacity .2s;}\r\n.hero-nav a.nav-cta:hover{opacity:.85;color:#fff;}\r\n\r\n\/* ===== OC MENU BANNER ===== *\/\r\n.oc-menu-banner{background:#fff;border:2px solid var(--teal);border-radius:6px;display:flex;align-items:flex-start;gap:0;margin:36px 0 0;overflow:hidden;}\r\n.oc-menu-label{background:var(--teal);color:#fff;font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;line-height:1.8;padding:18px 22px;display:flex;align-items:center;justify-content:center;min-width:148px;text-align:center;flex-shrink:0;}\r\n.oc-menu-items{padding:16px 20px;font-size:15px;color:var(--ink-mid);line-height:2.2;font-weight:400;flex:1;}\r\n.oc-menu-items .star{color:var(--orange);margin-right:3px;}\r\n.oc-menu-items .note{text-align:center;font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:17px;color:var(--ink);margin-top:6px;letter-spacing:.04em;}\r\n.oc-menu-items .note em{font-style:normal;border-bottom:2px solid var(--teal);}\r\n\r\n\/* ===== SECTIONS ===== *\/\r\n.section{padding:52px 0;border-bottom:1px solid var(--rule);}\r\n.section-header{display:flex;align-items:baseline;gap:16px;margin-bottom:32px;}\r\n.section-num{font-family:'Oswald',sans-serif;font-size:12px;font-weight:700;letter-spacing:.3em;color:var(--ink-lt);}\r\n.section-title{\r\n  font-family:'Shippori Mincho',serif;\r\n  font-size:24px;\r\n  font-weight:600;\r\n  color:var(--ink);\r\n  letter-spacing:.06em;\r\n}\r\n.section-rule{flex:1;height:1px;background:var(--rule);}\r\n\r\n\/* ===== STUDENT SLIDER ===== *\/\r\n.student-slider-wrap{position:relative;overflow:hidden;margin:0 -28px;padding:0 28px;}\r\n.student-slider{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:14px;}\r\n.student-slider::-webkit-scrollbar{display:none;}\r\n.student-card{flex:0 0 230px;scroll-snap-align:start;background:var(--white);border:1px solid var(--rule);border-radius:12px;overflow:hidden;position:relative;}\r\n.student-card-photo{width:100%;aspect-ratio:3\/4;position:relative;overflow:hidden;}\r\n.student-photo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}\r\n.photo-badge{position:absolute;top:12px;left:12px;z-index:5;font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:12px;letter-spacing:.12em;padding:4px 10px;border-radius:100px;color:#fff;}\r\n.badge-biz-c{background:var(--teal);}\r\n.badge-art-c{background:var(--orange);}\r\n.slider-dots{display:flex;justify-content:center;gap:8px;margin-top:14px;}\r\n.slider-dot{width:7px;height:7px;border-radius:50%;background:var(--rule);cursor:pointer;transition:background .2s;}\r\n.slider-dot.active{background:var(--cyan);}\r\n\r\n\/* ===== DATE BANNER ===== *\/\r\n.date-banner{background:linear-gradient(135deg,#e6f7f7 0%,#f0fafa 50%,#e6f7f7 100%);border-radius:14px;overflow:hidden;position:relative;border:1.5px solid rgba(26,107,107,0.18);}\r\n.date-banner::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(26,107,107,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(26,107,107,0.05) 1px,transparent 1px);background-size:28px 28px;}\r\n.date-banner::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--cyan),var(--pink));}\r\n.date-banner-inner{position:relative;z-index:1;padding:32px 32px 28px;}\r\n.db-top{display:flex;align-items:center;gap:12px;margin-bottom:26px;flex-wrap:wrap;}\r\n.db-badge{background:linear-gradient(90deg,var(--pink),#ff7f50);color:#fff;font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:13px;letter-spacing:.12em;padding:6px 18px;border-radius:100px;animation:badge-glow 2.5s ease-in-out infinite;}\r\n@keyframes badge-glow{0%,100%{box-shadow:0 0 0 rgba(232,65,106,0);}50%{box-shadow:0 0 16px rgba(232,65,106,0.35);}}\r\n.db-date-row{display:flex;align-items:stretch;gap:12px;margin-bottom:24px;flex-wrap:wrap;}\r\n.db-card{flex:1;min-width:160px;background:rgba(255,255,255,0.75);border:1px solid rgba(26,107,107,0.15);border-radius:10px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;backdrop-filter:blur(4px);}\r\n.dbc-label{\r\n  font-family:'Oswald',sans-serif;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  letter-spacing:.3em;\r\n  color:var(--teal);\r\n  margin-bottom:4px;\r\n  opacity:.7;\r\n}\r\n.dbc-main{\r\n  font-family:'Oswald',sans-serif;\r\n  font-weight:700;\r\n  font-size:clamp(28px,6vw,42px);\r\n  color:var(--teal);\r\n  letter-spacing:.04em;\r\n  line-height:1.15;\r\n  white-space:nowrap;\r\n}\r\n.dbc-main .num{\r\n  font-family:'Oswald',sans-serif;\r\n  font-size:clamp(28px,6vw,42px);\r\n  color:var(--teal);\r\n  line-height:1;\r\n}\r\n.dbc-sub{font-size:15px;color:var(--ink-lt);font-weight:300;}\r\n.db-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:20px;background:linear-gradient(90deg,var(--teal) 0%,var(--cyan) 50%,var(--teal-mid) 100%);color:#fff;font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:clamp(17px,2.5vw,21px);letter-spacing:.12em;text-decoration:none;border:none;cursor:pointer;border-radius:10px;position:relative;overflow:hidden;transition:opacity .2s;}\r\n.db-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.18),transparent);transform:translateX(-100%);animation:btn-shine 3s ease infinite;}\r\n@keyframes btn-shine{0%{transform:translateX(-100%);}40%,100%{transform:translateX(100%);}}\r\n.db-btn:hover{opacity:.9;}\r\n.db-note{text-align:center;font-size:13px;color:var(--ink-lt);letter-spacing:.06em;margin-top:10px;}\r\n\r\n\/* ===== WHAT BLOCK ===== *\/\r\n.what-block{background:var(--white);border:1px solid var(--rule);border-radius:14px;overflow:hidden;}\r\n.what-head{background:var(--teal);padding:28px 32px 24px;position:relative;overflow:hidden;}\r\n.what-head::after{content:'SPECIAL OC';position:absolute;right:-10px;bottom:-14px;font-family:'Oswald',sans-serif;font-weight:700;font-size:64px;color:rgba(255,255,255,0.07);pointer-events:none;white-space:nowrap;}\r\n.what-head-eyebrow{font-family:'Oswald',sans-serif;font-size:11px;font-weight:700;letter-spacing:.4em;color:rgba(255,255,255,0.6);margin-bottom:10px;}\r\n.what-head-title{\r\n  font-family:'Noto Sans JP',sans-serif;\r\n  font-weight:900;\r\n  font-size:clamp(18px,3.8vw,24px);\r\n  color:#fff;\r\n  letter-spacing:.04em;\r\n  line-height:1.65;\r\n}\r\n.what-head-title em{font-style:normal;color:#9ef5e0;font-weight:900;}\r\n.what-body{padding:28px 32px 32px;}\r\n.what-copy{\r\n  font-family:'Shippori Mincho',serif;\r\n  font-size:clamp(15px,2.5vw,17px);\r\n  line-height:2.5;\r\n  color:var(--ink);\r\n  letter-spacing:.04em;\r\n  margin-bottom:24px;\r\n}\r\n.what-copy em{font-style:normal;color:var(--orange);font-weight:600;}\r\n.what-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;}\r\n.what-pt{display:flex;align-items:flex-start;gap:12px;background:var(--bg);border:1px solid var(--rule);border-radius:10px;padding:18px;}\r\n.what-pt-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;}\r\n.pt-cyan{background:rgba(56,200,232,0.12);}\r\n.pt-pink{background:rgba(232,65,106,0.12);}\r\n.pt-gold{background:rgba(232,130,0,0.12);}\r\n.pt-teal{background:rgba(26,107,107,0.12);}\r\n.pt-ttl{font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:15px;color:var(--ink);margin-bottom:4px;letter-spacing:.04em;}\r\n.pt-sub{font-size:13px;color:var(--ink-mid);font-weight:300;line-height:1.75;}\r\n\r\n\/* ===== GIFT SECTION ===== *\/\r\n.gift-section{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#fffbee 0%,#fff8d6 40%,#fffbee 100%);padding:40px 36px;border:1.5px solid #e8d070;}\r\n.gift-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(200,160,0,0.06) 1px,transparent 1px);background-size:14px 14px;pointer-events:none;}\r\n.gift-section::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#b89020,#e8c840,#c9a430,#e8c840,#b89020);background-size:200%;animation:gold-shimmer 3s linear infinite;}\r\n@keyframes gold-shimmer{0%{background-position:0%;}100%{background-position:200%;}}\r\n.gc-inner{position:relative;z-index:1;}\r\n.gc-eyebrow{font-family:'Oswald',sans-serif;font-size:12px;font-weight:700;letter-spacing:.4em;color:#a08010;margin-bottom:14px;}\r\n.gc-title{\r\n  font-family:'Noto Sans JP',sans-serif;\r\n  font-weight:900;\r\n  font-size:clamp(20px,4.5vw,30px);\r\n  color:var(--ink);\r\n  line-height:1.5;\r\n  margin-bottom:8px;\r\n  letter-spacing:.04em;\r\n}\r\n.gc-title .amount{\r\n  font-family:'Oswald',sans-serif;\r\n  font-weight:700;\r\n  font-size:clamp(44px,9vw,64px);\r\n  background:linear-gradient(160deg,#c08800 0%,#e8c840 100%);\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  background-clip:text;\r\n  display:inline-block;\r\n  line-height:1;\r\n  letter-spacing:-.02em;\r\n}\r\n.gc-row{display:flex;align-items:flex-start;gap:26px;margin-top:24px;flex-wrap:wrap;}\r\n.gc-card-visual{width:165px;flex-shrink:0;aspect-ratio:85.6\/54;background:linear-gradient(135deg,#c9a46e 0%,#ffe000 40%,#c9a46e 70%,#8a6a1e 100%);border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:14px 16px 12px;box-shadow:0 8px 32px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.3);position:relative;overflow:hidden;}\r\n.gc-card-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,0.15) 50%,transparent 100%);border-radius:12px;}\r\n.gc-card-top{font-family:'Oswald',sans-serif;font-weight:700;font-size:10px;letter-spacing:.2em;color:rgba(30,20,0,0.6);position:relative;}\r\n.gc-card-mid{font-family:'Oswald',sans-serif;font-weight:700;font-size:24px;color:rgba(30,20,0,0.75);letter-spacing:-.01em;position:relative;line-height:1;}\r\n.gc-card-mid span{font-size:13px;letter-spacing:.05em;}\r\n.gc-card-bot{font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:9px;color:rgba(30,20,0,0.5);position:relative;}\r\n.gc-desc{flex:1;min-width:200px;}\r\n.gc-desc-ttl{font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:17px;color:#9a7500;margin-bottom:10px;letter-spacing:.06em;}\r\n.gc-desc-body{font-size:15px;color:var(--ink-mid);line-height:2.0;font-weight:300;}\r\n\r\n\/* ===== GIFT BADGE ROW ===== *\/\r\n.gift-badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 6px;}\r\n.gift-badge-item{display:flex;align-items:center;gap:10px;border-radius:10px;padding:10px 16px;}\r\n.gift-badge-amazon{background:#fff8e8;border:1.5px solid #e47911;}\r\n.gift-badge-line{background:#f0fff0;border:1.5px solid #06c755;}\r\n.gift-badge-sbux{background:#f0faf5;border:1.5px solid #1e6a45;}\r\n.gift-badge-label{font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:15px;}\r\n.gift-badge-label.amazon{color:#c45500;}\r\n.gift-badge-label.line{color:#05a847;}\r\n.gift-badge-label.sbux{color:#1e6a45;}\r\n.gift-note{font-size:13px;color:#a08010;margin-bottom:18px;}\r\n\r\n\/* ===== PROGRAM ===== *\/\r\n.program-list{display:flex;flex-direction:column;}\r\n.prog-item{display:grid;grid-template-columns:48px 1fr;gap:0 18px;padding:28px 0;border-bottom:1px solid var(--rule);}\r\n.prog-item:last-child{border-bottom:none;}\r\n.prog-num{width:36px;height:36px;background:var(--teal);display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-size:15px;font-weight:700;color:#fff;flex-shrink:0;margin-top:2px;border-radius:6px;}\r\n.prog-title{\r\n  font-family:'Shippori Mincho',serif;\r\n  font-size:clamp(18px,3vw,22px);\r\n  font-weight:600;\r\n  color:var(--ink);\r\n  margin-bottom:10px;\r\n  letter-spacing:.04em;\r\n}\r\n.prog-desc{font-size:15px;color:var(--ink-mid);line-height:2.0;font-weight:300;}\r\n.prog-sub-list{margin-top:12px;display:flex;flex-direction:column;gap:8px;}\r\n.prog-sub-item{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--ink-mid);font-weight:300;line-height:1.8;}\r\n.prog-sub-item::before{content:'\u00b7';color:var(--cyan);font-size:20px;line-height:1.2;flex-shrink:0;}\r\n.prog-tag{display:inline-block;font-size:13px;font-weight:500;letter-spacing:.12em;padding:4px 12px;border:1px solid var(--teal);color:var(--teal);margin-top:10px;border-radius:3px;}\r\n\r\n\/* ===== SCHOOL BLOCKS ===== *\/\r\n.school-block{margin-bottom:32px;}\r\n.school-block:last-child{margin-bottom:0;}\r\n.school-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--rule);}\r\n.school-badge{font-size:13px;font-weight:500;letter-spacing:.1em;padding:4px 10px;color:#fff;border-radius:3px;}\r\n.badge-biz{background:var(--teal);}\r\n.badge-art{background:var(--orange);}\r\n.school-name{font-family:'Shippori Mincho',serif;font-size:17px;font-weight:600;color:var(--ink);}\r\n.school-name-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit;}\r\n.school-name-link:hover .school-name{text-decoration:underline;}\r\n\r\n\/* ===== BENEFIT GRID ===== *\/\r\n.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);}\r\n.benefit-cell{background:var(--bg);padding:26px 24px;}\r\n.ben-num{font-family:'Oswald',sans-serif;font-size:24px;font-weight:700;color:var(--rule);line-height:1;margin-bottom:12px;}\r\n.ben-title{font-family:'Shippori Mincho',serif;font-size:20px;font-weight:600;color:var(--ink);margin-bottom:8px;}\r\n.ben-desc{font-size:15px;color:var(--ink-mid);line-height:1.9;font-weight:300;}\r\n\r\n\/* ===== SCHEDULE ===== *\/\r\n.schedule-block{background:var(--white);border:1px solid var(--rule);border-radius:14px;overflow:hidden;}\r\n.schedule-block-head{background:var(--teal);padding:20px 28px;display:flex;align-items:center;gap:14px;}\r\n.sch-head-title{font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:17px;color:#fff;letter-spacing:.08em;}\r\n.sch-head-badge{background:rgba(255,255,255,0.2);color:#fff;border:1px solid rgba(255,255,255,0.35);font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:13px;letter-spacing:.12em;padding:4px 12px;border-radius:100px;}\r\n.schedule-rows{padding:0 28px;}\r\n.sch-row{display:flex;align-items:flex-start;gap:22px;padding:22px 0;border-bottom:1px solid var(--rule);}\r\n.sch-row:last-child{border-bottom:none;}\r\n.sch-icon{width:40px;height:40px;border-radius:10px;background:var(--teal-lt);border:1px solid rgba(26,107,107,0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;}\r\n.sch-label{font-family:'Oswald',sans-serif;font-size:11px;font-weight:700;letter-spacing:.25em;color:var(--teal);opacity:.7;margin-bottom:5px;}\r\n.sch-value{\r\n  font-family:'Noto Sans JP',sans-serif;\r\n  font-weight:500;\r\n  font-size:20px;\r\n  color:var(--ink);\r\n  letter-spacing:.04em;\r\n  line-height:1.6;\r\n}\r\n.sch-value strong{font-weight:700;color:var(--orange);}\r\n.sch-note{font-size:13px;color:var(--ink-lt);font-weight:300;margin-top:4px;}\r\n\r\n\/* ===== ACCESS MAP ===== *\/\r\n.access-map-block{margin-top:32px;background:var(--white);border:1px solid var(--rule);border-radius:14px;overflow:hidden;}\r\n.access-map-block-head{background:var(--teal);padding:18px 28px;display:flex;align-items:center;gap:12px;}\r\n.access-map-block-head .sch-head-title{display:flex;align-items:center;gap:8px;}\r\n.access-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px;}\r\n.access-map-item{border:1px solid var(--rule);border-radius:12px;overflow:hidden;}\r\n.access-map-label{display:flex;align-items:center;gap:10px;padding:16px 20px 12px;border-bottom:1px solid var(--rule);background:var(--bg);}\r\n.aml-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}\r\n.aml-icon.school{background:#e8f4f4;border:1px solid rgba(26,107,107,0.2);}\r\n.aml-icon.pickup{background:#fff0e8;border:1px solid rgba(232,90,0,0.2);}\r\n.aml-name{font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:15px;color:var(--ink);letter-spacing:.04em;line-height:1.4;}\r\n.aml-sub{font-size:13px;color:var(--ink-lt);font-weight:300;margin-top:2px;}\r\n.access-map-frame-wrap{position:relative;width:100%;padding-top:80%;background:#eee;}\r\n.access-map-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none;display:block;}\r\n.access-map-footer{padding:14px 20px;background:var(--bg);border-top:1px solid var(--rule);}\r\n.amf-addr{font-size:13px;color:var(--ink-mid);font-weight:300;line-height:1.7;}\r\n.amf-addr strong{font-weight:500;color:var(--ink);}\r\n.amf-link{display:inline-flex;align-items:center;gap:5px;font-size:15px;color:var(--teal);text-decoration:none;margin-top:7px;font-weight:500;}\r\n.amf-link:hover{text-decoration:underline;}\r\n\r\n\/* ===== ACCESS INFO BANNER ===== *\/\r\n.access-info-banner{padding:20px 28px;background:#f0fafa;border-bottom:1px solid rgba(26,107,107,0.15);display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-start;}\r\n.aib-transport{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:220px;}\r\n.aib-transport-icon{width:36px;height:36px;background:#e8f4f4;border:1px solid rgba(26,107,107,0.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}\r\n.aib-transport-title{font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:15px;color:#1a6b6b;letter-spacing:.06em;margin-bottom:5px;}\r\n.aib-transport-body{font-size:15px;color:#555;font-weight:300;line-height:2.0;margin:0;}\r\n.aib-tags{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;}\r\n.aib-tag{font-size:15px;color:#555;white-space:nowrap;}\r\n\r\n\/* ===== FINAL CTA ===== *\/\r\n.final-cta-section{background:linear-gradient(160deg,#f0fafa 0%,#eaf7f7 40%,#f5faf0 100%);position:relative;overflow:hidden;padding:0;border-top:2px solid rgba(26,107,107,0.15);}\r\n.final-cta-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(26,107,107,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(26,107,107,0.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;}\r\n.final-cta-section::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--cyan),var(--pink));}\r\n.final-cta-inner{max-width:var(--site-w);margin:0 auto;position:relative;z-index:1;padding:56px 28px 0;}\r\n.fci-talk-bubble{background:rgba(255,255,255,0.85);border:1px solid rgba(26,107,107,0.15);border-radius:18px;padding:32px;text-align:center;margin-bottom:36px;position:relative;box-shadow:0 4px 24px rgba(26,107,107,0.1);}\r\n.fci-talk-bubble::after{content:'';position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);border:9px solid transparent;border-top-color:rgba(26,107,107,0.12);}\r\n.fci-quote{\r\n  font-family:'Shippori Mincho',serif;\r\n  font-size:clamp(20px,4vw,28px);\r\n  font-weight:700;\r\n  color:var(--ink);\r\n  margin-bottom:16px;\r\n  line-height:1.4;\r\n}\r\n.fci-quote em{font-style:normal;color:var(--teal);border-bottom:2px solid var(--teal);}\r\n.fci-quote-sub{font-size:15px;color:var(--ink-mid);}\r\n.fci-cta-box{background:var(--white);border:2px solid var(--ink);border-radius:20px;padding:40px;text-align:center;box-shadow:0 15px 30px rgba(0,0,0,0.08);margin-bottom:56px;}\r\n.fci-title{font-family:'Noto Sans JP',sans-serif;font-weight:900;font-size:28px;margin-bottom:12px;}\r\n.cta-line-badge{display:inline-flex;align-items:center;gap:8px;background:#06C755;color:#fff;font-size:12px;font-weight:700;padding:6px 16px;border-radius:100px;margin-bottom:24px;}\r\n.fci-present{font-size:16px;color:var(--ink);margin-bottom:32px;}\r\n.fci-present strong{color:var(--orange);font-weight:700;font-size:1.1em;}\r\n.fci-btn{display:block;width:100%;max-width:320px;margin:0 auto 24px;padding:22px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;font-size:20px;border-radius:12px;transition:transform .2s,background .2s;}\r\n.fci-btn:hover{background:#333;transform:translateY(-2px);}\r\n.fci-note{font-size:12px;color:var(--ink-lt);line-height:1.6;}\r\n\r\n\/* ===== FOOTER ===== *\/\r\n.school-footer{background:var(--bg);padding:40px 28px;border-top:1px solid var(--rule);text-align:center;}\r\n.school-footer-inner{max-width:var(--site-w);margin:0 auto;display:flex;flex-direction:column;gap:16px;align-items:center;}\r\n.sf-item{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--ink);}\r\n.sf-addr{font-size:13px;color:var(--ink-lt);}\r\n\r\n\/* ===== LEAD SECTION ===== *\/\r\n.lead-section{padding:52px 0;text-align:center;}\r\n.lead-catch{font-family:'Shippori Mincho',serif;font-size:clamp(20px,4.5vw,28px);font-weight:600;color:var(--ink);margin-bottom:20px;line-height:1.5;}\r\n.lead-catch em{font-style:normal;color:var(--orange);font-weight:700;}\r\n.lead-text{font-size:16px;color:var(--ink-mid);line-height:2.2;font-weight:300;text-align:left;}\r\n\r\n\/* ===== RESPONSIVE ADJUSTMENTS ===== *\/\r\n@media (max-width: 768px) {\r\n  .wrap { padding: 0 20px; }\r\n  .hero-nav-inner { padding: 0 10px; }\r\n  .hero-nav a { padding: 12px 10px; font-size: 12px; }\r\n  .hero-nav a.nav-cta { margin-left: 5px; padding: 8px 12px; }\r\n  \r\n  .oc-menu-banner { flex-direction: column; }\r\n  .oc-menu-label { min-width: 100%; padding: 12px; }\r\n  \r\n  .what-points { grid-template-columns: 1fr; }\r\n  \r\n  .gc-row { flex-direction: column; align-items: center; text-align: center; }\r\n  .gc-card-visual { margin-bottom: 20px; }\r\n  \r\n  .prog-item { grid-template-columns: 40px 1fr; gap: 0 12px; }\r\n  \r\n  .benefit-grid { grid-template-columns: 1fr; }\r\n  \r\n  .access-map-grid { grid-template-columns: 1fr; }\r\n  \r\n  .aib-transport { flex-direction: column; align-items: center; text-align: center; }\r\n  .aib-tags { justify-content: center; }\r\n  \r\n  .fci-talk-bubble { padding: 30px 20px; }\r\n  .fci-cta-box { padding: 30px 20px; }\r\n  \r\n  .title-line-oc { gap: 6px; }\r\n  \r\n  \/* \u6539\u884c\u6700\u9069\u5316 *\/\r\n  .hero-main-title { font-size: clamp(19px, 8.2vw, 57px); } \/* \u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba\u3092\u5fae\u8abf\u6574 *\/\r\n  .gc-title .amount { font-size: clamp(44px, 12vw, 64px); }\r\n  .dbc-main { font-size: clamp(24px, 8vw, 42px); }\r\n  .dbc-main .num { font-size: clamp(24px, 8vw, 42px); }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"top\"><\/div>\r\n<section class=\"hero\">\r\n  <div class=\"hero-grid\"><\/div>\r\n  <div class=\"hero-content\">\r\n    <div class=\"school-tags\">\r\n      <span class=\"s-tag biz\">\u30a2\u30fc\u30c8&\u30b9\u30dd\u30fc\u30c4<\/span>\r\n      <span class=\"s-tag-sep\">&<\/span>\r\n      <span class=\"s-tag art\">\u30d3\u30b8\u96fb<\/span>\r\n    <\/div>\r\n\r\n    <!-- \u30e1\u30a4\u30f3\u30bf\u30a4\u30c8\u30eb -->\r\n    <div class=\"hero-main-title\">\r\n\r\n      <!-- 1\u884c\u76ee\uff1a\u5148\u8f29\u3068\u8a71\u305b\u308b\uff08\u30a2\u30f3\u30c0\u30fc\u30e9\u30a4\u30f3\u4ed8\u304d\uff09 -->\r\n      <span class=\"accent-line\">\u5148\u8f29\u3068\u8a71\u305b\u308b<\/span>\r\n\r\n      <!-- 2\u884c\u76ee\uff1aSP\u30d0\u30c3\u30b8 \uff0b \u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9 -->\r\n      <div class=\"title-line-oc\">\r\n        <!-- SP\u30d0\u30c3\u30b8\uff08\u5de6\u5074\uff09 -->\r\n        <div class=\"sp-badge-wrap\">\r\n          <svg class=\"sp-badge-svg\" viewBox=\"0 0 80 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <g transform=\"translate(40,40) rotate(-20)\">\r\n              <rect x=\"-36\" y=\"-20\" width=\"72\" height=\"40\" rx=\"5\" fill=\"#E85A00\"\/>\r\n              <rect x=\"-34\" y=\"-18\" width=\"68\" height=\"36\" rx=\"4\" fill=\"none\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.2\"\/>\r\n              <text\r\n                x=\"0\" y=\"-4\"\r\n                text-anchor=\"middle\"\r\n                dominant-baseline=\"central\"\r\n                font-family=\"'Oswald', sans-serif\"\r\n                font-weight=\"700\"\r\n                font-size=\"22\"\r\n                fill=\"#fff\"\r\n                letter-spacing=\"3\"\r\n              >SP<\/text>\r\n              <text\r\n                x=\"0\" y=\"12\"\r\n                text-anchor=\"middle\"\r\n                dominant-baseline=\"central\"\r\n                font-family=\"'Noto Sans JP', sans-serif\"\r\n                font-weight=\"700\"\r\n                font-size=\"8\"\r\n                fill=\"rgba(255,255,255,0.9)\"\r\n                letter-spacing=\"1\"\r\n              >\u30b9\u30da\u30b7\u30e3\u30eb<\/text>\r\n            <\/g>\r\n          <\/svg>\r\n        <\/div>\r\n        <!-- \u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\uff08\u6539\u884c\u9632\u6b62\u30af\u30e9\u30b9\u9069\u7528\uff09 -->\r\n        <span class=\"oc-text\">\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9<\/span>\r\n      <\/div>\r\n\r\n      <!-- 3\u884c\u76ee\uff1a\u9b45\u529b\u304c\u305f\u304f\u3055\u3093\uff01 -->\r\n      <span class=\"title-line\">\u9b45\u529b\u304c\u305f\u304f\u3055\u3093<span class=\"hero-exclaim\">!<\/span><\/span>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hero-deco-line\"><\/div>\r\n    <div class=\"hero-subtitle\">\u30ea\u30a2\u30eb\u306a\u5b66\u6821\u751f\u6d3b\u3001<span class=\"sp-br\"><\/span>\u5168\u90e8\u8a71\u3057\u307e\u3059<\/div>\r\n    <div><span class=\"hero-speech\"><em>\u5148\u8f29<\/em>\u306b\u4f55\u3067\u3082\u805e\u3051\u308b\uff01<span class=\"sp-br\"><\/span>\u6388\u696d\u30fb\u5c31\u8077\u30fb\u751f\u6d3b\u2026 \u672c\u97f3\u30c8\u30fc\u30af\u958b\u50ac\u4e2d<\/span><\/div>\r\n    <nav class=\"hero-nav\" style=\"margin-top:26px;\">\r\n      <div class=\"hero-nav-inner\">\r\n        <a href=\"#section-date\">\u958b\u50ac\u60c5\u5831<\/a>\r\n        <a href=\"#section-what\" class=\"nav-cta\">\u5148\u8f29\u3068\u8a71\u305b\u308bOC\u3068\u306f<\/a>\r\n        <a href=\"#section-gift\">\u53c2\u52a0\u7279\u5178<\/a>\r\n        <a href=\"#section-program\">\u5f53\u65e5\u306e\u30d7\u30ed\u30b0\u30e9\u30e0<\/a>\r\n        <a href=\"#section-reasons\">\u53c2\u52a0\u3059\u308b\u7406\u7531<\/a>\r\n      <\/div>\r\n    <\/nav>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"wrap\">\r\n  <section class=\"lead-section\">\r\n    <p class=\"lead-catch\">\u5148\u8f29\u3068\u76f4\u63a5\u8a71\u305b\u308b\u3001<span class=\"sp-br\"><\/span><em>\u7279\u5225\u306a1\u65e5<\/em><\/p>\r\n    <p class=\"lead-text\">\u30d3\u30b8\u96fb\u30fb\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5206\u91ce\u306e\u5148\u8f29\u304c\u3001\u3042\u306a\u305f\u306e\u7591\u554f\u306b\u30ea\u30a2\u30eb\u306b\u7b54\u3048\u307e\u3059\uff01\u300c\u5b66\u6821\u306e\u96f0\u56f2\u6c17\u3063\u3066\u5b9f\u969b\u3069\u3046\uff1f\u300d\u300c\u6388\u696d\u3084\u8ab2\u984c\u306f\u5927\u5909\uff1f\u300d\u300c\u5c31\u8077\u3063\u3066\u3061\u3083\u3093\u3068\u6c7a\u307e\u308b\u306e\uff1f\u300d\u305d\u3093\u306a\u6c17\u306b\u306a\u308b\u30dd\u30a4\u30f3\u30c8\u3092\u3001\u73fe\u5f79\u5b66\u751f\u3060\u304b\u3089\u3053\u305d\u8a71\u305b\u308b\u672c\u97f3\u3067\u3057\u3063\u304b\u308a\u89e3\u6d88\uff01\u5148\u751f\u306b\u306f\u805e\u304d\u3065\u3089\u3044\u3053\u3068\u3082\u3001\u30e9\u30d5\u306a\u96f0\u56f2\u6c17\u3067\u6c17\u8efd\u306b\u76f8\u8ac7\u3067\u304d\u307e\u3059\u25ce<\/p>\r\n  <\/section>\r\n\r\n  <section class=\"section\">\r\n    <div class=\"section-header\">\r\n      <span class=\"section-num\">\u5148\u8f29<\/span>\r\n      <h2 class=\"section-title\">\u5148\u8f29\u305f\u3061<\/h2>\r\n      <div class=\"section-rule\"><\/div>\r\n    <\/div>\r\n    <div class=\"student-slider-wrap\">\r\n      <div class=\"student-slider\" id=\"studentSlider\"><\/div>\r\n      <div class=\"slider-dots\" id=\"sliderDots\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"section-date\" class=\"section scroll-target\">\r\n    <div class=\"section-header\">\r\n      <span class=\"section-num\">01<\/span>\r\n      <h2 class=\"section-title\">\u5148\u8f29\u3068\u8a71\u305b\u308bDAY <span class=\"sp-br\"><\/span>\u958b\u50ac\u60c5\u5831<\/h2>\r\n      <div class=\"section-rule\"><\/div>\r\n    <\/div>\r\n    <div class=\"date-banner\">\r\n      <div class=\"date-banner-inner\">\r\n        <div class=\"db-top\"><span class=\"db-badge\">\u5148\u8f29\u3068\u8a71\u305b\u308bOC\u958b\u50ac\uff01<\/span><\/div>\r\n        <div class=\"db-date-row\">\r\n          <div class=\"db-card\">\r\n            <div class=\"dbc-label\">DATE<\/div>\r\n            <div class=\"dbc-main\"><span class=\"num\">2026<\/span>.04.25<span style=\"font-family:'Oswald',sans-serif;font-size:clamp(18px,4vw,28px);color:var(--ink-lt);font-weight:700;\">\uff08\u571f\uff09<\/span><\/div>\r\n            <div class=\"dbc-sub\">10:00 \u301c 12:30\uff08\u4e88\u5b9a\uff09<\/div>\r\n          <\/div>\r\n          <div class=\"db-card\" style=\"align-items:center;justify-content:center;text-align:center;\">\r\n            <div class=\"dbc-label\" style=\"text-align:center;\">BENEFIT<\/div>\r\n            <div style=\"font-family:'Noto Sans JP',sans-serif;font-weight:900;font-size:17px;color:var(--teal);margin:6px 0 4px;\">\u53c2\u52a0\u8005\u5168\u54e1<\/div>\r\n            <div style=\"font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(28px,6vw,38px);background:linear-gradient(160deg,#c08800,#e8c840);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;\">\u00a51,000<\/div>\r\n            <div style=\"font-size:15px;color:var(--ink-lt);\">\u30ae\u30d5\u30c8\u30ab\u30fc\u30c9\u30d7\u30ec\u30bc\u30f3\u30c8<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/www.ubdc.ac.jp\/art\/forms\/experience\/\" class=\"db-btn\">\r\n          <span>\u4e88\u7d04\u30da\u30fc\u30b8\u3078<\/span>\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\" fill=\"white\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\r\n        <\/a>\r\n        <p class=\"db-note\">\u203b\u5b9a\u54e1\u306b\u306a\u308a\u6b21\u7b2c\u3001\u7de0\u3081\u5207\u3089\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"section-what\" class=\"section scroll-target\">\r\n    <div class=\"section-header\">\r\n      <span class=\"section-num\">02<\/span>\r\n      <h2 class=\"section-title\">\u5148\u8f29\u3068\u8a71\u305b\u308bOC\u3068\u306f<\/h2>\r\n      <div class=\"section-rule\"><\/div>\r\n    <\/div>\r\n    <div class=\"what-block\">\r\n      <div class=\"what-head\">\r\n        <div class=\"what-head-eyebrow\">What is Special OC?<\/div>\r\n        <div class=\"what-head-title\">\u5148\u8f29\u3068\u306e\u4ea4\u6d41\u3092\u901a\u3057\u3066\u3001\u4e0d\u5b89\u3092\u89e3\u6d88\u3057\u3001<span class=\"sp-br\"><\/span><em>\u300c\u3053\u3053\u3067\u5b66\u3076\u81ea\u5206\u300d<\/em>\u3092<span class=\"sp-br\"><\/span>\u5177\u4f53\u7684\u306b\u30a4\u30e1\u30fc\u30b8\u3067\u304d\u308b\u30a4\u30d9\u30f3\u30c8<\/div>\r\n      <\/div>\r\n      <div class=\"what-body\">\r\n        <p class=\"what-copy\">\u5148\u8f29\u3068\u8a71\u305b\u308bOC\u306f\u3001\u901a\u5e38OC\u3068\u9055\u3044\u307e\u3059\u3002<em>\u5b9f\u969b\u306b\u5b66\u3076\u5148\u8f29\u5b66\u751f<\/em>\u3068\u76f4\u63a5\u5bfe\u8a71\u3059\u308b\u3053\u3068\u3067\u3001\u30d1\u30f3\u30d5\u30ec\u30c3\u30c8\u3084\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3060\u3051\u3067\u306f\u308f\u304b\u3089\u306a\u3044\u3001\u30ea\u30a2\u30eb\u306a\u5b66\u6821\u751f\u6d3b\u306e\u59ff\u306b\u89e6\u308c\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u300c\u81ea\u5206\u306b\u5408\u3063\u3066\u3044\u308b\u306e\u304b\u300d\u300c\u3069\u3093\u306a\u53cb\u9054\u304c\u3067\u304d\u308b\u306e\u304b\u300d\u2014 \u305d\u3093\u306a<em>\u672c\u97f3\u306e\u7591\u554f<\/em>\u306b\u3001\u5148\u8f29\u304c\u5168\u529b\u3067\u7b54\u3048\u3066\u304f\u308c\u307e\u3059\u3002<\/p>\r\n        <div class=\"what-points\">\r\n          <div class=\"what-pt\"><div class=\"what-pt-icon pt-cyan\">&#x1f4ac;<\/div><div><div class=\"pt-ttl\">\u4e0d\u5b89\u3092\u89e3\u6d88\u3067\u304d\u308b<\/div><div class=\"pt-sub\">\u6c17\u306b\u306a\u308b\u3053\u3068\u3092\u4f55\u3067\u3082\u5148\u8f29\u306b\u76f4\u63a5\u8cea\u554f\u3067\u304d\u307e\u3059<\/div><\/div><\/div>\r\n          <div class=\"what-pt\"><div class=\"what-pt-icon pt-pink\">&#x1f3af;<\/div><div><div class=\"pt-ttl\">\u5177\u4f53\u7684\u306b\u30a4\u30e1\u30fc\u30b8\u3067\u304d\u308b<\/div><div class=\"pt-sub\">\u300c\u3053\u3053\u3067\u5b66\u3076\u81ea\u5206\u300d\u304c\u9bae\u660e\u306b\u63cf\u3051\u307e\u3059<\/div><\/div><\/div>\r\n          <div class=\"what-pt\"><div class=\"what-pt-icon pt-gold\">&#x2728;<\/div><div><div class=\"pt-ttl\">\u30ea\u30a2\u30eb\u306a\u58f0\u304c\u805e\u3051\u308b<\/div><div class=\"pt-sub\">\u5148\u751f\u306b\u306f\u805e\u304d\u306b\u304f\u3044\u672c\u97f3\u3082\u6c17\u8efd\u306b\u76f8\u8ac7\u3067\u304d\u307e\u3059<\/div><\/div><\/div>\r\n          <div class=\"what-pt\"><div class=\"what-pt-icon pt-teal\">&#x1f680;<\/div><div><div class=\"pt-ttl\">\u9032\u8def\u9078\u3073\u304c\u52a0\u901f\u3059\u308b<\/div><div class=\"pt-sub\">\u4f53\u9a13\u3092\u901a\u3057\u3066\u5c06\u6765\u50cf\u304c\u30af\u30ea\u30a2\u306b\u306a\u308a\u307e\u3059<\/div><\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"section-gift\" class=\"section scroll-target\">\r\n    <div class=\"section-header\">\r\n      <span class=\"section-num\">03<\/span>\r\n      <h2 class=\"section-title\">\u53c2\u52a0\u7279\u5178<\/h2>\r\n      <div class=\"section-rule\"><\/div>\r\n    <\/div>\r\n    <div class=\"gift-section\">\r\n      <div class=\"gc-inner\">\r\n        <div class=\"gc-eyebrow\">Special Benefit \u2014 For All Participants<\/div>\r\n        <div class=\"gc-title\">\u53c2\u52a0\u8005\u5168\u54e1\u306b<br>\u30ae\u30d5\u30c8\u30ab\u30fc\u30c9<span class=\"amount\">\u00a51,000<\/span>\u5206<br>\u30d7\u30ec\u30bc\u30f3\u30c8\uff01<\/div>\r\n        <div class=\"gift-badge-row\">\r\n          <div class=\"gift-badge-item gift-badge-amazon\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 48 48\" fill=\"none\"><rect width=\"48\" height=\"48\" rx=\"6\" fill=\"#FF9900\"\/><text x=\"50%\" y=\"56%\" dominant-baseline=\"middle\" text-anchor=\"middle\" font-family=\"Arial,sans-serif\" font-weight=\"900\" font-size=\"13\" fill=\"#fff\">amazon<\/text><\/svg>\r\n            <span class=\"gift-badge-label amazon\">Amazon\u30ae\u30d5\u30c8\u30ab\u30fc\u30c9<\/span>\r\n          <\/div>\r\n          <div class=\"gift-badge-item gift-badge-line\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 48 48\" fill=\"none\"><rect width=\"48\" height=\"48\" rx=\"6\" fill=\"#06C755\"\/><text x=\"50%\" y=\"56%\" dominant-baseline=\"middle\" text-anchor=\"middle\" font-family=\"Arial,sans-serif\" font-weight=\"900\" font-size=\"13\" fill=\"#fff\">LINE<\/text><\/svg>\r\n            <span class=\"gift-badge-label line\">LINE\u30d7\u30ea\u30da\u30a4\u30c9\u30ab\u30fc\u30c9<\/span>\r\n          <\/div>\r\n          <div class=\"gift-badge-item gift-badge-sbux\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 48 48\" fill=\"none\"><rect width=\"48\" height=\"48\" rx=\"6\" fill=\"#1E6A45\"\/><text x=\"50%\" y=\"56%\" dominant-baseline=\"middle\" text-anchor=\"middle\" font-family=\"Arial,sans-serif\" font-weight=\"900\" font-size=\"10\" fill=\"#fff\">SBUX<\/text><\/svg>\r\n            <span class=\"gift-badge-label sbux\">\u30b9\u30bf\u30fc\u30d0\u30c3\u30af\u30b9 \u30ab\u30fc\u30c9<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gift-note\">\u203b\u3044\u305a\u308c\u304b1\u7a2e\u985e\u3092\u304a\u9078\u3073\u3044\u305f\u3060\u3051\u307e\u3059<\/div>\r\n        <div class=\"gc-row\">\r\n          <div class=\"gc-card-visual\">\r\n            <div class=\"gc-card-top\">GIFT CARD<\/div>\r\n            <div class=\"gc-card-mid\"><span>\u00a5<\/span>1,000<\/div>\r\n            <div class=\"gc-card-bot\">\u3054\u6765\u6821\u8005\u5168\u54e1\u306b\u30d7\u30ec\u30bc\u30f3\u30c8<\/div>\r\n          <\/div>\r\n          <div class=\"gc-desc\">\r\n            <div class=\"gc-desc-ttl\">\u5b09\u3057\u3044\u7279\u5178\u304c\u76db\u308a\u3060\u304f\u3055\u3093<\/div>\r\n            <p class=\"gc-desc-body\">\u5148\u8f29\u3068\u8a71\u305b\u308bOC\u306b\u3054\u6765\u6821\u3044\u305f\u3060\u3044\u305f\u65b9\u3001\u5168\u54e1\u306b\u9078\u3079\u308b\u30ae\u30d5\u30c8\u30ab\u30fc\u30c91,000\u5186\u5206\u3092\u30d7\u30ec\u30bc\u30f3\u30c8\uff01\u3055\u3089\u306b\u516c\u5f0fLINE\u306b\u3054\u767b\u9332\u3044\u305f\u3060\u304f\u3068\u3001\u6700\u65b0\u60c5\u5831\u3092\u3044\u3061\u65e9\u304f\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"section-program\" class=\"section scroll-target\">\r\n    <div class=\"section-header\">\r\n      <span class=\"section-num\">04<\/span>\r\n      <h2 class=\"section-title\">\u5f53\u65e5\u306e\u30d7\u30ed\u30b0\u30e9\u30e0<\/h2>\r\n      <div class=\"section-rule\"><\/div>\r\n    <\/div>\r\n    <div class=\"program-list\">\r\n      <div class=\"prog-item\">\r\n        <div class=\"prog-num\">1<\/div>\r\n        <div>\r\n          <div class=\"prog-title\">\u5b66\u6821\u7d39\u4ecb\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3<\/div>\r\n          <p class=\"prog-desc\">\u5b66\u6821\u5168\u4f53\u306e\u96f0\u56f2\u6c17\u3084\u7279\u8272\u3001\u5b66\u79d1\u30fb\u30b3\u30fc\u30b9\u306e\u6982\u8981\u3092\u308f\u304b\u308a\u3084\u3059\u304f\u3054\u7d39\u4ecb\u3002<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"prog-item\">\r\n        <div class=\"prog-num\">2<\/div>\r\n        <div>\r\n          <div class=\"prog-title\">\u5148\u8f29\u3068\u306e\u30c8\u30fc\u30af<br>\u5f8c\u306f\u3001\u81ea\u7531\u306b\u79fb\u52d5\u53ef\u80fd<span class=\"pc-br\">\uff08\u5168\u54e1\u306b\u5f53\u305f\u308b\u3001\u62bd\u9078\u4f1a\u3067\u3066\u8c6a\u83ef\u8cde\u54c1\u304c\u5f53\u305f\u308b\u304b\u3082\uff01\u304a\u697d\u3057\u307f\u306b\uff09<\/span><\/div>\r\n          <p class=\"prog-desc\">\u5148\u8f29\u5b66\u751f\u3068\u76f4\u63a5\u8a71\u305b\u308b\u6642\u9593\u3002\u30c8\u30fc\u30af\u5f8c\u306f\u6821\u5185\u3092\u81ea\u7531\u306b\u898b\u5b66\u3067\u304d\u3001\u305d\u306e\u307e\u307e\u62bd\u9078\u4f1a\u306b\u53c2\u52a0\u3057\u3066\u304b\u3089\u5e30\u5b85\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\r\n          <div class=\"prog-sub-list\">\r\n            <div class=\"prog-sub-item\">\u5b66\u6821\u751f\u6d3b\u7d39\u4ecb \u2014 \u65e5\u3005\u306e\u6388\u696d\u30fb\u53cb\u9054\u30fb\u884c\u4e8b\u306b\u3064\u3044\u3066\u672c\u97f3\u3067\u30b7\u30a7\u30a2<\/div>\r\n            <div class=\"prog-sub-item\">\u9032\u8def\u76f8\u8ac7 \u2014 \u5c31\u8077\u30fb\u9032\u5b66\u30fb\u8cc7\u683c\u53d6\u5f97\u306a\u3069\u5352\u696d\u5f8c\u306e\u9032\u8def\u3092\u500b\u5225\u76f8\u8ac7<\/div>\r\n          <\/div>\r\n          <span class=\"prog-tag\">\u81ea\u7531\u79fb\u52d5\u30fb\u968f\u6642\u5165\u9000\u5834\u53ef<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"section\">\r\n    <div class=\"section-header\">\r\n      <span class=\"section-num\">05<\/span>\r\n      <h2 class=\"section-title\">\u8a2d\u7f6e\u5206\u91ce\u4e00\u89a7<\/h2>\r\n      <div class=\"section-rule\"><\/div>\r\n    <\/div>\r\n    <div class=\"school-block\">\r\n      <div class=\"school-head\">\r\n        <span class=\"school-badge badge-biz\">\u30d3\u30b8\u96fb<\/span>\r\n        <a href=\"https:\/\/www.ubdc.ac.jp\/business\/course\/\" target=\"_blank\" rel=\"noopener\" class=\"school-name-link\">\r\n          <span class=\"school-name\">\u5b87\u90fd\u5bae\u30d3\u30b8\u30cd\u30b9\u96fb\u5b50\u5c02\u9580\u5b66\u6821<\/span>\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"margin-left:5px;vertical-align:middle;color:var(--ink-lt)\"><path d=\"M10 3h3v3M13 3l-6 6M5 4H3v9h9v-2\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n      <p style=\"margin-top:15px;font-size:13px;color:var(--ink-lt);\">\u203b\u5206\u91ce\u306e\u8a73\u7d30\u306f<a href=\"https:\/\/www.ubdc.ac.jp\/business\/course\/\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--teal);text-decoration:underline;font-weight:500;\">\u5b87\u90fd\u5bae\u30d3\u30b8\u30cd\u30b9\u96fb\u5b50\u5c02\u9580\u5b66\u6821 \u5206\u91ce\u30fb\u30b3\u30fc\u30b9\u4e00\u89a7<\/a>\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002<\/p>\r\n    <\/div>\r\n    <div class=\"school-block\" style=\"margin-top:32px;\">\r\n      <div class=\"school-head\">\r\n        <span class=\"school-badge badge-art\">A&S<\/span>\r\n        <a href=\"https:\/\/www.ubdc.ac.jp\/art\/\" target=\"_blank\" rel=\"noopener\" class=\"school-name-link\">\r\n          <span class=\"school-name\">\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8&\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821<\/span>\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" style=\"margin-left:5px;vertical-align:middle;color:var(--ink-lt)\"><path d=\"M10 3h3v3M13 3l-6 6M5 4H3v9h9v-2\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n      <p style=\"margin-top:12px;font-size:15px;color:var(--ink-lt);\">\u203b\u5206\u91ce\u306e\u8a73\u7d30\u306f<a href=\"https:\/\/www.ubdc.ac.jp\/art\/\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--orange);text-decoration:underline;font-weight:500;\">UBDC \u5b87\u90fd\u5bae\u30a2\u30fc\u30c8&amp;\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821<\/a>\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"section-reasons\" class=\"section scroll-target\">\r\n    <div class=\"section-header\">\r\n      <span class=\"section-num\">06<\/span>\r\n      <h2 class=\"section-title\">\u53c2\u52a0\u3059\u308b\u7406\u7531<\/h2>\r\n      <div class=\"section-rule\"><\/div>\r\n    <\/div>\r\n    <div class=\"benefit-grid\">\r\n      <div class=\"benefit-cell\"><div class=\"ben-num\">01<\/div><h4 class=\"ben-title\">\u9032\u8def\u30a4\u30e1\u30fc\u30b8\u3092\u5177\u4f53\u5316<\/h4><p class=\"ben-desc\">\u6f20\u7136\u3068\u3057\u305f\u8208\u5473\u3092\u3001\u4f53\u9a13\u3092\u901a\u3057\u3066\u30ea\u30a2\u30eb\u306a\u5c06\u6765\u50cf\u3078\u5909\u3048\u3089\u308c\u307e\u3059\u3002<\/p><\/div>\r\n      <div class=\"benefit-cell\"><div class=\"ben-num\">02<\/div><h4 class=\"ben-title\">\u5148\u8f29\u306e\u30ea\u30a2\u30eb\u306a\u58f0<\/h4><p class=\"ben-desc\">HP\u3084\u30d1\u30f3\u30d5\u306b\u306f\u8f09\u3089\u306a\u3044\u6bce\u65e5\u306e\u5b66\u6821\u751f\u6d3b\u306e\u5b9f\u614b\u3092\u76f4\u63a5\u805e\u3051\u307e\u3059\u3002<\/p><\/div>\r\n      <div class=\"benefit-cell\"><div class=\"ben-num\">03<\/div><h4 class=\"ben-title\">\u8cbb\u7528\u30fb\u5968\u5b66\u91d1\u306e\u500b\u5225\u76f8\u8ac7<\/h4><p class=\"ben-desc\">\u4efb\u610f\u53c2\u52a0\u306e\u76f8\u8ac7\u30b3\u30fc\u30ca\u30fc\u3067\u3001\u8cbb\u7528\u9762\u306e\u4e0d\u5b89\u3092\u305d\u306e\u5834\u3067\u89e3\u6d88\u3067\u304d\u307e\u3059\u3002<\/p><\/div>\r\n      <div class=\"benefit-cell\"><div class=\"ben-num\">04<\/div><h4 class=\"ben-title\">\u7279\u5178\u30fb\u30d7\u30ec\u30bc\u30f3\u30c8<\/h4><p class=\"ben-desc\">\u6765\u6821\u8005\u5168\u54e1\u3078\u306e\u30ae\u30d5\u30c8\u30ab\u30fc\u30c91,000\u5186\u30d7\u30ec\u30bc\u30f3\u30c8\u3001LINE\u767b\u9332\u8005\u9650\u5b9a\u4f01\u753b\u3082\u3002<\/p><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"section\">\r\n    <div class=\"section-header\">\r\n      <span class=\"section-num\">07<\/span>\r\n      <h2 class=\"section-title\">\u958b\u50ac\u60c5\u5831<\/h2>\r\n      <div class=\"section-rule\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"schedule-block\">\r\n      <div class=\"schedule-block-head\">\r\n        <span class=\"sch-head-title\">\u5148\u8f29\u3068\u8a71\u305b\u308bOC \u958b\u50ac\u8a73\u7d30<\/span>\r\n        <span class=\"sch-head-badge\">\u53c2\u52a0\u7121\u6599<\/span>\r\n      <\/div>\r\n      <div class=\"schedule-rows\">\r\n        <div class=\"sch-row\"><div class=\"sch-icon\">&#x1f4c5;<\/div><div><div class=\"sch-label\">DATE \/ \u65e5\u7a0b<\/div><div class=\"sch-value\"><strong>2026\u5e744\u670825\u65e5\uff08\u571f\uff09<\/strong><\/div><div class=\"sch-note\">\u6b21\u56de\u958b\u50ac\u65e5\u306f\uff15\u6708\uff13\uff10\uff08\u571f\uff09<\/div><\/div><\/div>\r\n        <div class=\"sch-row\"><div class=\"sch-icon\">&#x1f558;<\/div><div><div class=\"sch-label\">TIME \/ \u6642\u9593<\/div><div class=\"sch-value\"><strong>10:00 \u301c 12:30\uff08\u4e88\u5b9a\uff09<\/strong><\/div><div class=\"sch-note\">\u53d7\u4ed8\u958b\u59cb\uff1a\uff19\uff1a\uff10\uff10\u301c\u3000\u968f\u6642\u5165\u5834\u30fb\u9014\u4e2d\u9000\u5834\u3082\u53ef\u80fd\u3067\u3059<\/div><\/div><\/div>\r\n        <div class=\"sch-row\"><div class=\"sch-icon\">&#x1f4cd;<\/div><div><div class=\"sch-label\">VENUE \/ \u5834\u6240<\/div><div class=\"sch-value\"><strong>\u5b87\u90fd\u5bae\u30d3\u30b8\u30cd\u30b9\u96fb\u5b50\u5c02\u9580\u5b66\u6821<\/strong><\/div><div class=\"sch-note\">\u3012320-8533 \u6803\u6728\u770c\u5b87\u90fd\u5bae\u5e02\u5927\u5bdb1-1-1<\/div><\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"access-map-block\">\r\n      <div class=\"access-map-block-head\">\r\n        <span class=\"sch-head-title\">\r\n          <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,0.85)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n          \u30a2\u30af\u30bb\u30b9\u30de\u30c3\u30d7\r\n        <\/span>\r\n        <span class=\"sch-head-badge\">Google \u30de\u30c3\u30d7<\/span>\r\n      <\/div>\r\n      <div class=\"access-info-banner\">\r\n        <div class=\"aib-transport\">\r\n          <div class=\"aib-transport-icon\">&#x1f69f;<\/div>\r\n          <div>\r\n            <div class=\"aib-transport-title\">\u4ea4\u901a\u8cbb\u30b5\u30dd\u30fc\u30c8 \uff06 <span class=\"sp-br\"><\/span>\u304a\u8fce\u3048\u30ef\u30b4\u30f3\u904b\u884c<\/div>\r\n            <p class=\"aib-transport-body\">SP\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3078\u306e\u53c2\u52a0\u306b\u306f<strong style=\"font-weight:600;color:#1a1a1a;\">\u4ea4\u901a\u8cbb\u30b5\u30dd\u30fc\u30c8<\/strong>\u3092\u3054\u7528\u610f\u3002<br>JR\u5b87\u90fd\u5bae\u99c5\u8fd1\u304f\u304b\u3089<strong style=\"font-weight:600;color:#1a1a1a;\">\u304a\u8fce\u3048\u30ef\u30b4\u30f3<\/strong>\u3082\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002<br>\r\n            \u51fa\u767a\u6642\u523b\uff1a<strong style=\"font-weight:700;color:#e85a00;\">9:30<\/strong> \uff0f <strong style=\"font-weight:700;color:#e85a00;\">9:50<\/strong>\uff082\u4fbf\u904b\u884c\uff09<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"aib-tags\">\r\n          <span class=\"aib-tag\">&#x1f6b6; \u6771\u6b66\u5b87\u90fd\u5bae\u99c5\u304b\u3089<strong style=\"font-weight:700;color:#1a6b6b;\">\u5f92\u6b695\u5206<\/strong><\/span>\r\n          <span style=\"color:#e0dbd0;\">|<\/span>\r\n          <span class=\"aib-tag\">&#x1f697; <strong style=\"font-weight:600;color:#1a1a1a;\">\u7121\u6599\u99d0\u8eca\u5834<\/strong>\u3042\u308a<\/span>\r\n          <span style=\"color:#e0dbd0;\">|<\/span>\r\n          <span style=\"font-size:15px;color:#9a7500;white-space:nowrap;\">&#x1f46a; \u4fdd\u8b77\u8005\u306e\u65b9\u3082\u305c\u3072<strong style=\"font-weight:700;color:#b89020;\">\u3054\u4e00\u7dd2\u306b\uff01<\/strong><\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"access-map-grid\">\r\n        <div class=\"access-map-item\">\r\n          <div class=\"access-map-label\">\r\n            <div class=\"aml-icon school\">&#x1f3eb;<\/div>\r\n            <div>\r\n              <div class=\"aml-name\">\u5b87\u90fd\u5bae\u30d3\u30b8\u30cd\u30b9\u96fb\u5b50\u5c02\u9580\u5b66\u6821<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"access-map-frame-wrap\">\r\n            <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d12818.887912416361!2d139.875749!3d36.560816!3m2!1i1024!2i768!4f6!3m3!1m2!1s0x601f67c7f451b647%3A0xbf0da9b9f630442e!2z5a6H6YO95a6u44OT44K444ON44K56Zu75a2Q5bCC6ZaA5a2m5qCh!5e0!3m2!1sja!2sus!4v1702628359708!5m2!1sja!2sus\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n          <\/div>\r\n          <div class=\"access-map-footer\">\r\n            <a href=\"https:\/\/maps.google.com\/?q=\u5b87\u90fd\u5bae\u30d3\u30b8\u30cd\u30b9\u96fb\u5b50\u5c02\u9580\u5b66\u6821\" target=\"_blank\" rel=\"noopener\" class=\"amf-link\">\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M10 3h3v3M13 3l-6 6M5 4H3v9h9v-2\"\/><\/svg>\r\n              Google \u30de\u30c3\u30d7\u3067\u958b\u304f\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"access-map-item\">\r\n          <div class=\"access-map-label\">\r\n            <div class=\"aml-icon pickup\">&#x1f68c;<\/div>\r\n            <div>\r\n              <div class=\"aml-name\">\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u9001\u8fce\u8eca\u4e57\u308a\u5834<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"access-map-frame-wrap\">\r\n            <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m17!1m12!1m3!1d3204.771214360206!2d139.895568!3d36.55962900000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMzbCsDMzJzM0LjciTiAxMznCsDUzJzQ0LjAiRQ!5e0!3m2!1sja!2sjp!4v1702452944269!5m2!1sja!2sjp\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n          <\/div>\r\n          <div class=\"access-map-footer\">\r\n            <a href=\"https:\/\/maps.google.com\/?q=36.559629,139.895568\" target=\"_blank\" rel=\"noopener\" class=\"amf-link\">\r\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M10 3h3v3M13 3l-6 6M5 4H3v9h9v-2\"\/><\/svg>\r\n              Google \u30de\u30c3\u30d7\u3067\u958b\u304f\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"oc-menu-banner\">\r\n    <div class=\"oc-menu-label\">\u901a\u5e38\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3067<br>\u4f53\u9a13\u3067\u304d\u308b\u30e1\u30cb\u30e5\u30fc<\/div>\r\n    <div class=\"oc-menu-items\">\r\n      <div><span class=\"star\">\u2605<\/span>\u5b66\u6821\u30fb\u9032\u8def\u8aac\u660e\u3000<span class=\"star\">\u2605<\/span>\u5b66\u6821\u7d39\u4ecb\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3\u3000<\/div>\r\n      <div><span class=\"star\">\u2605<\/span>\u5206\u91ce\u5225\u306b\u5206\u304b\u308c\u3066\u306e\u4f53\u9a13\u5b9f\u7fd2\u3000<span class=\"star\">\u2605<\/span>\u500b\u5225\u9032\u8def\u76f8\u8ac7\u4f1aetc\u2026<\/div>\r\n      <div class=\"note\">\u901a\u5e38\u30aa\u30fc\u30ad\u30e3\u30f3\u3067\u306f\u4f53\u9a13\u304c\u3067\u304d<em>\"\u3088\u308a\"<\/em>\u697d\u3057\u3081\u307e\u3059\uff01<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<section class=\"final-cta-section\">\r\n  <div class=\"final-cta-inner\">\r\n    <div class=\"fci-talk-bubble\">\r\n      <div class=\"fci-quote\">\u307e\u305a\u306f\u4e00\u5ea6\u3001<span class=\"sp-br\"><\/span><em>\u5148\u8f29\u3068\u8a71\u3057\u3066\u307f\u307e\u305b\u3093\u304b\uff1f<\/em><\/div>\r\n      <div class=\"fci-quote-sub\">\u3042\u306a\u305f\u306e\u7591\u554f\u306b\u3001\u5148\u8f29\u304c\u672c\u97f3\u3067\u7b54\u3048\u307e\u3059\u3002<span class=\"sp-br\"><\/span>\u6765\u6821\u4e88\u7d04\u306f\u4eca\u3059\u3050\u3067\u304d\u307e\u3059\u3002<\/div>\r\n    <\/div>\r\n    <div class=\"fci-cta-box\">\r\n      <div style=\"margin-bottom:8px;\">\r\n        <h2 class=\"fci-title\">\u53c2\u52a0\u7533\u3057\u8fbc\u307f<\/h2>\r\n        <span class=\"cta-line-badge\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 32 32\" fill=\"white\"><path d=\"M16 3C8.82 3 8.17 3 3 8.17 3 14.51c0 3.64 1.93 6.87 4.96 9.04-.2.71-.63 2.56-.72 2.96-.12.51.19.51.4.37.16-.11 2.17-1.48 3.05-2.08.73.1 1.48.15 2.31.15 7.18 0 13-5.17 13-11.51S23.18 3 16 3z\"\/><\/svg>\r\n          LINE \u516c\u5f0f\u30a2\u30ab\u30a6\u30f3\u30c8\u767b\u9332\u3067\u6700\u65b0\u60c5\u5831\u3092GET!\r\n        <\/span>\r\n      <\/div>\r\n      <p class=\"fci-present\">\u5148\u8f29\u3068\u8a71\u305b\u308bOC\u9650\u5b9a<span class=\"sp-br\"><\/span><strong>\u30ae\u30d5\u30c8\u30ab\u30fc\u30c91,000\u5186\u30d7\u30ec\u30bc\u30f3\u30c8<\/strong>\u5b9f\u65bd\u4e2d\uff01<\/p>\r\n      <a href=\"https:\/\/www.ubdc.ac.jp\/art\/forms\/experience\/\" class=\"fci-btn\">\u4e88\u7d04\u30da\u30fc\u30b8\u3078<\/a>\r\n      <p class=\"fci-note\">\u203b\u5b9a\u54e1\u306b\u306a\u308a\u6b21\u7b2c\u3001\u7de0\u3081\u5207\u3089\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002<br>\u203b\u5f53\u65e5\u306e\u72b6\u6cc1\u306b\u3088\u308a\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u5185\u5bb9\u3084\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u304c\u4e00\u90e8\u5909\u66f4\u306b\u306a\u308b\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"school-footer\">\r\n  <div class=\"school-footer-inner\">\r\n    <div class=\"sf-item\"><span class=\"school-badge badge-biz\" style=\"font-size:13px\">\u30d3\u30b8\u96fb<\/span>\u5b87\u90fd\u5bae\u30d3\u30b8\u30cd\u30b9\u96fb\u5b50\u5c02\u9580\u5b66\u6821<\/div>\r\n    <div class=\"sf-item\"><span class=\"school-badge badge-art\" style=\"font-size:13px\">A&S<\/span>\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8&\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821<\/div>\r\n    <div class=\"sf-addr\">\u3012320-8533 \u6803\u6728\u770c\u5b87\u90fd\u5bae\u5e02\u5927\u5bdb1-1-1<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst STUDENTS = [\r\n  { imageUrl: \"https:\/\/www.ubdc.ac.jp\/art\/wp-content\/uploads\/sites\/3\/2026\/04\/IMG_4890.webp\", badge: \"biz\" },\r\n  { imageUrl: \"https:\/\/www.ubdc.ac.jp\/art\/wp-content\/uploads\/sites\/3\/2026\/04\/IMG_1038.webp\", badge: \"art\" },\r\n  { imageUrl: \"https:\/\/www.ubdc.ac.jp\/art\/wp-content\/uploads\/sites\/3\/2026\/04\/IMG_5893.webp\", badge: \"biz\" },\r\n  { imageUrl: \"https:\/\/www.ubdc.ac.jp\/art\/wp-content\/uploads\/sites\/3\/2026\/04\/IMG_6397.webp\", badge: \"art\" },\r\n];\r\n\r\n(function buildCards() {\r\n  const slider = document.getElementById('studentSlider');\r\n  const dotsWrap = document.getElementById('sliderDots');\r\n\r\n  STUDENTS.forEach((s, i) => {\r\n    const badgeClass = s.badge === 'biz' ? 'badge-biz-c' : 'badge-art-c';\r\n    const badgeLabel = s.badge === 'biz' ? '\u30d3\u30b8\u96fb' : 'A&S';\r\n    const card = document.createElement('div');\r\n    card.className = 'student-card';\r\n    card.innerHTML = `\r\n      <div class=\"student-card-photo\">\r\n        <div class=\"photo-badge ${badgeClass}\">${badgeLabel}<\/div>\r\n        <img decoding=\"async\" class=\"student-photo-img\" src=\"${s.imageUrl}\" alt=\"\u5148\u8f29\u306e\u5199\u771f\">\r\n      <\/div>\r\n    `;\r\n    slider.appendChild(card);\r\n    const dot = document.createElement('div');\r\n    dot.className = 'slider-dot' + (i === 0 ? ' active' : '');\r\n    dotsWrap.appendChild(dot);\r\n  });\r\n\r\n  const dots = dotsWrap.querySelectorAll('.slider-dot');\r\n  slider.addEventListener('scroll', () => {\r\n    const cardW = slider.querySelector('.student-card').offsetWidth + 14;\r\n    const idx = Math.round(slider.scrollLeft \/ cardW);\r\n    dots.forEach((d, i) => d.classList.toggle('active', i === idx));\r\n  });\r\n  dots.forEach((dot, i) => {\r\n    dot.addEventListener('click', () => {\r\n      const cardW = slider.querySelector('.student-card').offsetWidth + 14;\r\n      slider.scrollTo({ left: i * cardW, behavior: 'smooth' });\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n","protected":false},"excerpt":{"rendered":"\u30a2\u30fc\u30c8&#038;\u30b9\u30dd\u30fc\u30c4 &#038; \u30d3\u30b8\u96fb \u5148\u8f29\u3068\u8a71\u305b\u308b SP \u30b9\u30da\u30b7\u30e3\u30eb \u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9 \u9b45\u529b\u304c\u305f\u304f\u3055\u3093! \u30ea\u30a2\u30eb\u306a\u5b66\u6821\u751f\u6d3b\u3001\u5168\u90e8\u8a71\u3057\u307e\u3059 \u5148\u8f29\u306b\u4f55\u3067\u3082\u805e\u3051\u308b\uff01\u6388\u696d\u30fb\u5c31\u8077\u30fb\u751f\u6d3b\u2026 \u672c\u97f3\u30c8\u30fc\u30af\u958b\u50ac\u4e2d \u958b\u50ac\u60c5\u5831 \u5148\u8f29\u3068\u8a71\u305b\u308bOC\u3068\u306f ...","protected":false},"author":1,"featured_media":35664,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[81,1],"tags":[],"class_list":["post-35466","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-81","category-news"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/posts\/35466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/comments?post=35466"}],"version-history":[{"count":172,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/posts\/35466\/revisions"}],"predecessor-version":[{"id":35697,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/posts\/35466\/revisions\/35697"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/media\/35664"}],"wp:attachment":[{"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/media?parent=35466"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/categories?post=35466"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/tags?post=35466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}