{"id":37084,"date":"2026-09-22T14:15:29","date_gmt":"2026-09-22T05:15:29","guid":{"rendered":"https:\/\/www.ubdc.ac.jp\/art\/?p=37084"},"modified":"2026-09-22T14:16:36","modified_gmt":"2026-09-22T05:16:36","slug":"spoc_m","status":"publish","type":"post","link":"https:\/\/www.ubdc.ac.jp\/art\/spoc_m\/","title":{"rendered":"10\u670824\u65e5(\u571f)\u306f\u5148\u8f29\u3068\u8a71\u305b\u308b\u30fb\u5b66\u3079\u308b\u30b9\u30da\u30b7\u30e3\u30eb\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u958b\u50ac"},"content":{"rendered":"<style>\r\n\/* ===== A&S \u5148\u8f29\u3068\u8a71\u305b\u308b\u30fb\u5b66\u3079\u308bSP OC\uff1a2026\u5e7410\u670824\u65e5\u7248 ===== *\/\r\n.as-spoc {\r\n  --orange: #E85A00;\r\n  --orange2: #F08A24;\r\n  --blue: #2063a4;\r\n  --ink: #1a1a1a;\r\n  --mid: #444;\r\n  --light: #888;\r\n  --bg: #f7f5f0;\r\n  --white: #ffffff;\r\n  --rule: #e0dbd0;\r\n  --cream: #fff7ef;\r\n  --gift: #fff8d6;\r\n  --green: #06C755;\r\n  --site-w: 980px;\r\n\r\n  font-family: \"Noto Sans JP\", \"Yu Gothic\", \"Meiryo\", sans-serif;\r\n  color: var(--ink);\r\n  background: var(--bg);\r\n  line-height: 1.85;\r\n}\r\n\r\n.as-spoc * { box-sizing: border-box; }\r\n.as-spoc a { text-decoration: none; }\r\n.as-spoc img { display: block; width: 100%; height: auto; }\r\n\r\n.as-wrap {\r\n  max-width: var(--site-w);\r\n  margin: 0 auto;\r\n  padding: 0 28px;\r\n}\r\n\r\n\/* ===== EYECATCH ===== *\/\r\n.as-eyecatch {\r\n  max-width: var(--site-w);\r\n  margin: 0 auto 28px;\r\n  padding: 0 28px;\r\n}\r\n\r\n.as-eyecatch img {\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 24px;\r\n  box-shadow: 0 14px 34px rgba(0,0,0,0.12);\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n.as-hero {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: #fff;\r\n  text-align: center;\r\n  border-radius: 26px;\r\n  margin: 0 auto 34px;\r\n  max-width: var(--site-w);\r\n  box-shadow: 0 10px 28px rgba(232,90,0,0.08);\r\n}\r\n\r\n.as-hero::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(232,90,0,0.12) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(232,90,0,0.12) 1px, transparent 1px);\r\n  background-size: 36px 36px;\r\n  pointer-events: none;\r\n}\r\n\r\n.as-hero-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 42px 30px 0;\r\n}\r\n\r\n.as-school-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--orange);\r\n  color: #fff;\r\n  font-weight: 900;\r\n  font-size: 15px;\r\n  letter-spacing: .06em;\r\n  padding: 8px 22px;\r\n  border-radius: 999px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.as-hero h1 {\r\n  margin: 0;\r\n  font-size: clamp(32px, 6vw, 58px);\r\n  line-height: 1.18;\r\n  font-weight: 900;\r\n  letter-spacing: -0.04em;\r\n  color: var(--ink);\r\n}\r\n\r\n.as-hero h1 .accent { color: var(--orange); }\r\n\r\n.as-hero-sub {\r\n  margin: 20px auto 0;\r\n  max-width: 760px;\r\n  color: var(--mid);\r\n  font-size: clamp(16px, 2.2vw, 20px);\r\n  font-weight: 700;\r\n  line-height: 1.8;\r\n}\r\n\r\n.as-speech {\r\n  display: inline-block;\r\n  background: var(--cream);\r\n  border: 2px solid rgba(232,90,0,0.22);\r\n  border-radius: 18px;\r\n  padding: 14px 24px;\r\n  margin-top: 18px;\r\n  color: var(--mid);\r\n  font-size: 15px;\r\n  line-height: 1.75;\r\n  font-weight: 700;\r\n}\r\n\r\n.as-speech em {\r\n  font-style: normal;\r\n  color: var(--orange);\r\n  font-weight: 900;\r\n}\r\n\r\n\/* ===== NAV ===== *\/\r\n.as-nav {\r\n  position: relative;\r\n  z-index: 3;\r\n  margin-top: 28px;\r\n  background: #fff;\r\n  border-top: 2px solid var(--orange);\r\n  border-bottom: 1px solid var(--rule);\r\n}\r\n\r\n.as-nav-inner {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 0;\r\n  flex-wrap: wrap;\r\n  max-width: var(--site-w);\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n}\r\n\r\n.as-nav a {\r\n  color: var(--mid);\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  padding: 15px 15px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.as-nav a.as-nav-cta {\r\n  background: var(--orange);\r\n  color: #fff;\r\n  border-radius: 999px;\r\n  padding: 8px 16px;\r\n  margin: 8px 0 8px 8px;\r\n}\r\n\r\n\/* ===== COMMON ===== *\/\r\n.as-section {\r\n  padding: 48px 0;\r\n  border-bottom: 1px solid var(--rule);\r\n}\r\n\r\n.as-section-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.as-section-num {\r\n  font-family: Arial, sans-serif;\r\n  font-weight: 900;\r\n  font-size: 12px;\r\n  letter-spacing: .25em;\r\n  color: var(--light);\r\n}\r\n\r\n.as-section-title {\r\n  font-size: clamp(23px, 3.5vw, 31px);\r\n  line-height: 1.45;\r\n  font-weight: 900;\r\n  color: var(--ink);\r\n}\r\n\r\n.as-section-rule {\r\n  flex: 1;\r\n  height: 1px;\r\n  background: var(--rule);\r\n}\r\n\r\n.as-lead {\r\n  font-size: 16px;\r\n  color: var(--mid);\r\n  line-height: 2;\r\n}\r\n\r\n.as-lead strong {\r\n  color: var(--orange);\r\n  font-weight: 900;\r\n}\r\n\r\n\/* ===== DATE CARD ===== *\/\r\n.as-date-card {\r\n  background: linear-gradient(135deg, #fff7ef 0%, #ffffff 100%);\r\n  border: 2px solid rgba(232,90,0,0.22);\r\n  border-radius: 22px;\r\n  padding: 30px;\r\n  box-shadow: 0 12px 28px rgba(232,90,0,0.08);\r\n}\r\n\r\n.as-date-row {\r\n  display: grid;\r\n  grid-template-columns: 1.15fr 0.85fr;\r\n  gap: 18px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.as-date-main,\r\n.as-benefit-mini {\r\n  background: #fff;\r\n  border: 1px solid var(--rule);\r\n  border-radius: 18px;\r\n  padding: 24px;\r\n}\r\n\r\n.as-date-label {\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  letter-spacing: .2em;\r\n  color: var(--orange);\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.as-date {\r\n  font-size: clamp(32px, 5vw, 46px);\r\n  line-height: 1.2;\r\n  font-weight: 900;\r\n  color: var(--orange);\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.as-time {\r\n  font-size: 17px;\r\n  color: var(--mid);\r\n  font-weight: 700;\r\n  margin-top: 8px;\r\n}\r\n\r\n.as-benefit-mini { text-align: center; }\r\n\r\n.as-benefit-mini strong {\r\n  display: block;\r\n  color: var(--orange);\r\n  font-size: clamp(34px, 6vw, 48px);\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  margin: 8px 0;\r\n}\r\n\r\n.as-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--orange);\r\n  color: #fff !important;\r\n  font-size: clamp(17px, 2.5vw, 21px);\r\n  font-weight: 900;\r\n  letter-spacing: .08em;\r\n  min-height: 58px;\r\n  padding: 15px 24px;\r\n  border-radius: 14px;\r\n  box-shadow: 7px 7px 0 rgba(232,90,0,0.18);\r\n  text-align: center;\r\n}\r\n\r\n.as-note {\r\n  margin-top: 12px;\r\n  color: var(--light);\r\n  font-size: 13px;\r\n  text-align: center;\r\n}\r\n\r\n\/* ===== STUDENTS ===== *\/\r\n.as-student-slider {\r\n  display: flex;\r\n  gap: 14px;\r\n  overflow-x: auto;\r\n  scroll-snap-type: x mandatory;\r\n  -webkit-overflow-scrolling: touch;\r\n  padding: 4px 2px 16px;\r\n}\r\n\r\n.as-student-slider::-webkit-scrollbar { display: none; }\r\n\r\n.as-student-card {\r\n  flex: 0 0 230px;\r\n  scroll-snap-align: start;\r\n  background: #fff;\r\n  border: 1px solid var(--rule);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  box-shadow: 0 8px 22px rgba(0,0,0,0.06);\r\n}\r\n\r\n.as-student-photo {\r\n  position: relative;\r\n  aspect-ratio: 3 \/ 4;\r\n}\r\n\r\n.as-student-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.as-student-badge {\r\n  position: absolute;\r\n  top: 12px;\r\n  left: 12px;\r\n  z-index: 2;\r\n  background: var(--orange);\r\n  color: #fff;\r\n  font-weight: 900;\r\n  font-size: 12px;\r\n  border-radius: 999px;\r\n  padding: 5px 12px;\r\n}\r\n\r\n\/* ===== WHAT ===== *\/\r\n.as-what {\r\n  background: #fff;\r\n  border: 1px solid var(--rule);\r\n  border-radius: 22px;\r\n  overflow: hidden;\r\n}\r\n\r\n.as-what-head {\r\n  background: var(--orange);\r\n  color: #fff;\r\n  padding: 26px 30px;\r\n}\r\n\r\n.as-what-head small {\r\n  display: block;\r\n  font-size: 12px;\r\n  letter-spacing: .25em;\r\n  font-weight: 900;\r\n  opacity: .72;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.as-what-head h3 {\r\n  margin: 0;\r\n  font-size: clamp(21px, 3.4vw, 29px);\r\n  line-height: 1.55;\r\n  font-weight: 900;\r\n}\r\n\r\n.as-what-body { padding: 30px; }\r\n\r\n.as-what-body p {\r\n  margin: 0 0 22px;\r\n  color: var(--mid);\r\n  font-size: 16px;\r\n  line-height: 2;\r\n}\r\n\r\n.as-point-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 14px;\r\n}\r\n\r\n.as-point {\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: flex-start;\r\n  background: var(--bg);\r\n  border: 1px solid var(--rule);\r\n  border-radius: 14px;\r\n  padding: 18px;\r\n}\r\n\r\n.as-point-icon {\r\n  width: 38px;\r\n  height: 38px;\r\n  flex: 0 0 auto;\r\n  border-radius: 10px;\r\n  background: #fff0e8;\r\n  display: grid;\r\n  place-items: center;\r\n  font-size: 19px;\r\n}\r\n\r\n.as-point-title {\r\n  font-size: 15px;\r\n  font-weight: 900;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.as-point-text {\r\n  font-size: 13px;\r\n  color: var(--mid);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ===== GIFT ===== *\/\r\n.as-gift {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: linear-gradient(135deg,#fffbee 0%,#fff8d6 45%,#fffbee 100%);\r\n  border: 2px solid #e8d070;\r\n  border-radius: 22px;\r\n  padding: 34px;\r\n}\r\n\r\n.as-gift-eyebrow {\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  letter-spacing: .24em;\r\n  color: #9a7500;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.as-gift-title {\r\n  font-size: clamp(24px, 4.4vw, 34px);\r\n  line-height: 1.45;\r\n  font-weight: 900;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.as-gift-title .amount {\r\n  display: inline-block;\r\n  color: #c08800;\r\n  font-size: clamp(44px, 8vw, 66px);\r\n  line-height: 1;\r\n  font-weight: 900;\r\n  margin: 0 4px;\r\n}\r\n\r\n.as-gift-badges {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin: 18px 0;\r\n}\r\n\r\n.as-gift-badge {\r\n  background: #fff;\r\n  border: 1.5px solid #e8d070;\r\n  border-radius: 12px;\r\n  padding: 10px 14px;\r\n  font-size: 14px;\r\n  font-weight: 900;\r\n  color: #9a7500;\r\n}\r\n\r\n.as-gift-row {\r\n  display: grid;\r\n  grid-template-columns: 170px 1fr;\r\n  gap: 24px;\r\n  align-items: center;\r\n  margin-top: 24px;\r\n}\r\n\r\n.as-gift-card {\r\n  aspect-ratio: 85.6 \/ 54;\r\n  border-radius: 14px;\r\n  background: linear-gradient(135deg,#c9a46e 0%,#ffe000 45%,#8a6a1e 100%);\r\n  padding: 16px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  color: rgba(30,20,0,0.75);\r\n  box-shadow: 0 8px 28px rgba(0,0,0,0.14);\r\n  font-weight: 900;\r\n}\r\n\r\n.as-gift-card .big {\r\n  font-size: 30px;\r\n  line-height: 1;\r\n}\r\n\r\n.as-gift-desc h3 {\r\n  margin: 0 0 8px;\r\n  font-size: 18px;\r\n  color: #9a7500;\r\n  font-weight: 900;\r\n}\r\n\r\n.as-gift-desc p {\r\n  margin: 0;\r\n  color: var(--mid);\r\n  line-height: 1.9;\r\n}\r\n\r\n\/* ===== PROGRAM ===== *\/\r\n.as-program { display: grid; gap: 0; }\r\n\r\n.as-program-item {\r\n  display: grid;\r\n  grid-template-columns: 46px 1fr;\r\n  gap: 16px;\r\n  padding: 26px 0;\r\n  border-bottom: 1px solid var(--rule);\r\n}\r\n\r\n.as-program-item:last-child { border-bottom: none; }\r\n\r\n.as-program-num {\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 10px;\r\n  background: var(--orange);\r\n  color: #fff;\r\n  display: grid;\r\n  place-items: center;\r\n  font-weight: 900;\r\n}\r\n\r\n.as-program-title {\r\n  font-size: clamp(19px, 3vw, 24px);\r\n  line-height: 1.55;\r\n  font-weight: 900;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.as-program-desc {\r\n  color: var(--mid);\r\n  font-size: 15px;\r\n  line-height: 1.9;\r\n}\r\n\r\n\/* ===== SCHOOL FIELD ===== *\/\r\n.as-school-block {\r\n  background: #fff;\r\n  border: 1px solid var(--rule);\r\n  border-radius: 18px;\r\n  padding: 24px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.as-school-head {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  border-bottom: 1px solid var(--rule);\r\n  padding-bottom: 12px;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.as-school-badge {\r\n  background: var(--orange);\r\n  color: #fff;\r\n  font-size: 13px;\r\n  font-weight: 900;\r\n  border-radius: 6px;\r\n  padding: 5px 11px;\r\n}\r\n\r\n.as-school-badge.biz { background: var(--blue); }\r\n\r\n.as-school-name {\r\n  font-size: 17px;\r\n  font-weight: 900;\r\n}\r\n\r\n.as-school-block p {\r\n  margin: 0;\r\n  color: var(--mid);\r\n  line-height: 1.95;\r\n}\r\n\r\n\/* ===== REASONS ===== *\/\r\n.as-benefit-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 1px;\r\n  background: var(--rule);\r\n  border: 1px solid var(--rule);\r\n  border-radius: 18px;\r\n  overflow: hidden;\r\n}\r\n\r\n.as-benefit-cell {\r\n  background: var(--bg);\r\n  padding: 26px 24px;\r\n}\r\n\r\n.as-benefit-num {\r\n  color: var(--orange);\r\n  font-weight: 900;\r\n  font-size: 24px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.as-benefit-title {\r\n  font-size: 19px;\r\n  font-weight: 900;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.as-benefit-desc {\r\n  color: var(--mid);\r\n  font-size: 15px;\r\n  line-height: 1.85;\r\n}\r\n\r\n\/* ===== SCHEDULE ===== *\/\r\n.as-schedule {\r\n  background: #fff;\r\n  border: 1px solid var(--rule);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n}\r\n\r\n.as-schedule-head {\r\n  background: var(--orange);\r\n  color: #fff;\r\n  padding: 20px 26px;\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.as-schedule-head strong {\r\n  font-size: 18px;\r\n  font-weight: 900;\r\n}\r\n\r\n.as-schedule-free {\r\n  background: rgba(255,255,255,0.22);\r\n  border: 1px solid rgba(255,255,255,0.35);\r\n  border-radius: 999px;\r\n  padding: 4px 12px;\r\n  font-size: 13px;\r\n  font-weight: 900;\r\n}\r\n\r\n.as-schedule-rows { padding: 0 26px; }\r\n\r\n.as-schedule-row {\r\n  display: grid;\r\n  grid-template-columns: 42px 1fr;\r\n  gap: 18px;\r\n  padding: 22px 0;\r\n  border-bottom: 1px solid var(--rule);\r\n}\r\n\r\n.as-schedule-row:last-child { border-bottom: none; }\r\n\r\n.as-schedule-icon {\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 12px;\r\n  background: var(--cream);\r\n  display: grid;\r\n  place-items: center;\r\n  font-size: 20px;\r\n}\r\n\r\n.as-schedule-label {\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  letter-spacing: .16em;\r\n  color: var(--orange);\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.as-schedule-value {\r\n  font-size: 19px;\r\n  line-height: 1.6;\r\n  font-weight: 900;\r\n}\r\n\r\n.as-schedule-note {\r\n  margin-top: 4px;\r\n  font-size: 13px;\r\n  color: var(--light);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ===== ACCESS ===== *\/\r\n.as-access {\r\n  background: #fff;\r\n  border: 1px solid var(--rule);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  margin-top: 30px;\r\n}\r\n\r\n.as-access-head {\r\n  background: var(--orange);\r\n  color: #fff;\r\n  padding: 18px 26px;\r\n  font-weight: 900;\r\n  font-size: 18px;\r\n}\r\n\r\n.as-access-info {\r\n  background: var(--cream);\r\n  padding: 22px 26px;\r\n  border-bottom: 1px solid rgba(232,90,0,0.18);\r\n}\r\n\r\n.as-access-info p {\r\n  margin: 0;\r\n  color: var(--mid);\r\n  font-size: 15px;\r\n  line-height: 1.9;\r\n}\r\n\r\n.as-access-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 18px;\r\n  padding: 18px;\r\n}\r\n\r\n.as-map-card {\r\n  border: 1px solid var(--rule);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n}\r\n\r\n.as-map-title {\r\n  background: var(--bg);\r\n  border-bottom: 1px solid var(--rule);\r\n  padding: 15px 18px;\r\n  font-weight: 900;\r\n}\r\n\r\n.as-map-frame {\r\n  position: relative;\r\n  width: 100%;\r\n  padding-top: 76%;\r\n  background: #eee;\r\n}\r\n\r\n.as-map-frame iframe {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  border: none;\r\n}\r\n\r\n.as-map-footer {\r\n  padding: 14px 18px;\r\n  background: var(--bg);\r\n  border-top: 1px solid var(--rule);\r\n}\r\n\r\n.as-map-footer a {\r\n  color: var(--orange);\r\n  font-size: 14px;\r\n  font-weight: 900;\r\n}\r\n\r\n\/* ===== FINAL CTA ===== *\/\r\n.as-final {\r\n  background: linear-gradient(160deg,#fff7ef 0%,#ffffff 100%);\r\n  padding: 56px 0 0;\r\n}\r\n\r\n.as-final-box {\r\n  background: #fff;\r\n  border: 2px solid var(--ink);\r\n  border-radius: 22px;\r\n  padding: 40px;\r\n  text-align: center;\r\n  box-shadow: 0 15px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n.as-final-message {\r\n  font-size: clamp(24px, 4vw, 34px);\r\n  line-height: 1.45;\r\n  font-weight: 900;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.as-final-message em {\r\n  font-style: normal;\r\n  color: var(--orange);\r\n}\r\n\r\n.as-line-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--green);\r\n  color: #fff;\r\n  font-size: 13px;\r\n  font-weight: 900;\r\n  padding: 7px 16px;\r\n  border-radius: 999px;\r\n  margin: 10px 0 22px;\r\n}\r\n\r\n.as-final p {\r\n  margin: 0 0 24px;\r\n  color: var(--mid);\r\n  line-height: 1.8;\r\n}\r\n\r\n.as-footer {\r\n  text-align: center;\r\n  padding: 34px 24px;\r\n  color: var(--mid);\r\n  font-size: 14px;\r\n}\r\n\r\n\/* ===== RIGHT FIXED RESERVE TAB ===== *\/\r\n.as-fixed-reserve {\r\n  position: fixed;\r\n  top: 50%;\r\n  right: 0;\r\n  transform: translateY(-50%);\r\n  z-index: 9998;\r\n  width: 92px;\r\n  padding: 17px 9px 16px;\r\n  border-radius: 12px 0 0 12px;\r\n  background: linear-gradient(180deg,#F08A24 0%,#E85A00 100%);\r\n  color: #fff !important;\r\n  text-align: center;\r\n  box-shadow: 0 5px 18px rgba(0,0,0,.22);\r\n  border: 2px solid #fff;\r\n  border-right: 0;\r\n}\r\n\r\n.as-fixed-reserve small {\r\n  display: block;\r\n  font-size: 10px;\r\n  line-height: 1.35;\r\n  font-weight: 800;\r\n}\r\n\r\n.as-fixed-reserve strong {\r\n  display: block;\r\n  margin: 5px 0;\r\n  font-size: 18px;\r\n  line-height: 1.35;\r\n  font-weight: 900;\r\n}\r\n\r\n.as-fixed-reserve span {\r\n  display: block;\r\n  padding-top: 5px;\r\n  border-top: 1px solid rgba(255,255,255,.65);\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n}\r\n\r\n\/* ===== MOBILE ===== *\/\r\n@media (max-width: 768px) {\r\n  .as-spoc { line-height: 1.75; }\r\n\r\n  .as-wrap,\r\n  .as-eyecatch { padding: 0 18px; }\r\n\r\n  .as-eyecatch { margin-bottom: 20px; }\r\n\r\n  .as-eyecatch img {\r\n    border-radius: 16px;\r\n    box-shadow: 0 8px 20px rgba(0,0,0,0.14);\r\n  }\r\n\r\n  .as-hero {\r\n    border-radius: 18px;\r\n    margin: 0 18px 26px;\r\n  }\r\n\r\n  .as-hero-inner { padding: 30px 18px 0; }\r\n\r\n  .as-school-tag {\r\n    font-size: 13px;\r\n    padding: 7px 15px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .as-hero h1 {\r\n    font-size: 30px;\r\n    line-height: 1.28;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  .as-hero-sub {\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .as-speech {\r\n    font-size: 14px;\r\n    padding: 13px 15px;\r\n    border-radius: 14px;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .as-nav { margin-top: 22px; }\r\n\r\n  .as-nav-inner {\r\n    justify-content: flex-start;\r\n    overflow-x: auto;\r\n    flex-wrap: nowrap;\r\n    padding: 0 10px;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .as-nav-inner::-webkit-scrollbar { display: none; }\r\n\r\n  .as-nav a {\r\n    font-size: 12px;\r\n    padding: 13px 10px;\r\n  }\r\n\r\n  .as-nav a.as-nav-cta {\r\n    margin: 8px 6px 8px 4px;\r\n    padding: 8px 12px;\r\n  }\r\n\r\n  .as-section { padding: 38px 0; }\r\n\r\n  .as-section-header {\r\n    gap: 10px;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .as-section-num { font-size: 11px; }\r\n\r\n  .as-section-title {\r\n    font-size: 23px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .as-section-rule { display: none; }\r\n\r\n  .as-lead {\r\n    font-size: 15px;\r\n    line-height: 1.9;\r\n  }\r\n\r\n  .as-date-card {\r\n    padding: 20px 16px;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .as-date-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .as-date-main,\r\n  .as-benefit-mini {\r\n    padding: 20px 16px;\r\n    border-radius: 15px;\r\n  }\r\n\r\n  .as-date { font-size: 32px; }\r\n  .as-time { font-size: 15px; }\r\n\r\n  .as-btn {\r\n    min-height: 54px;\r\n    font-size: 17px;\r\n    border-radius: 12px;\r\n    padding: 14px 18px;\r\n  }\r\n\r\n  .as-student-card { flex-basis: 210px; }\r\n  .as-what { border-radius: 18px; }\r\n  .as-what-head { padding: 22px 18px; }\r\n  .as-what-head h3 { font-size: 21px; }\r\n  .as-what-body { padding: 22px 18px; }\r\n\r\n  .as-what-body p {\r\n    font-size: 15px;\r\n    line-height: 1.9;\r\n  }\r\n\r\n  .as-point-grid,\r\n  .as-gift-row,\r\n  .as-benefit-grid,\r\n  .as-access-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .as-point { padding: 16px; }\r\n\r\n  .as-gift {\r\n    padding: 24px 18px;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .as-gift-title { font-size: 24px; }\r\n  .as-gift-title .amount { font-size: 46px; }\r\n\r\n  .as-gift-badges {\r\n    display: grid;\r\n    gap: 8px;\r\n  }\r\n\r\n  .as-gift-badge { text-align: center; }\r\n\r\n  .as-gift-row {\r\n    gap: 18px;\r\n    text-align: center;\r\n  }\r\n\r\n  .as-gift-card {\r\n    width: 170px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .as-program-item {\r\n    grid-template-columns: 40px 1fr;\r\n    gap: 12px;\r\n    padding: 22px 0;\r\n  }\r\n\r\n  .as-program-title { font-size: 19px; }\r\n\r\n  .as-program-desc {\r\n    font-size: 14px;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  .as-school-block {\r\n    padding: 20px 16px;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .as-school-head { align-items: flex-start; }\r\n\r\n  .as-school-name {\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .as-school-block p { font-size: 14px; }\r\n  .as-benefit-cell { padding: 22px 18px; }\r\n  .as-schedule-head { padding: 18px; }\r\n  .as-schedule-rows { padding: 0 18px; }\r\n\r\n  .as-schedule-row {\r\n    grid-template-columns: 38px 1fr;\r\n    gap: 14px;\r\n    padding: 20px 0;\r\n  }\r\n\r\n  .as-schedule-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .as-schedule-value { font-size: 17px; }\r\n  .as-access-head { padding: 17px 18px; }\r\n  .as-access-info { padding: 18px; }\r\n  .as-access-info p { font-size: 14px; }\r\n\r\n  .as-access-grid {\r\n    padding: 14px;\r\n    gap: 14px;\r\n  }\r\n\r\n  .as-map-frame { padding-top: 82%; }\r\n  .as-final { padding: 42px 18px 0; }\r\n\r\n  .as-final-box {\r\n    padding: 30px 18px;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .as-final-message { font-size: 24px; }\r\n  .as-final p { font-size: 14px; }\r\n  .as-footer { padding: 30px 18px; }\r\n\r\n  .as-fixed-reserve {\r\n    width: 76px;\r\n    padding: 13px 6px 12px;\r\n  }\r\n\r\n  .as-fixed-reserve strong { font-size: 15px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"as-spoc\">\r\n\r\n  <!-- \u53f3\u5074\u56fa\u5b9a\u7533\u8fbc\u30bf\u30d6 -->\r\n  <a class=\"as-fixed-reserve\"\r\n     href=\"https:\/\/www.ubdc.ac.jp\/art\/forms\/experience\/\"\r\n     aria-label=\"\u30b9\u30da\u30b7\u30e3\u30eb\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3092\u4e88\u7d04\u3059\u308b\">\r\n    <small>SPECIAL<br>OPEN CAMPUS<\/small>\r\n    <strong>\u4e88\u7d04\u3059\u308b<\/strong>\r\n    <span>\u53c2\u52a0\u7121\u6599<\/span>\r\n  <\/a>\r\n\r\n  <!-- EYECATCH\r\n       \u203b\u65b0\u3057\u304410\/24\u7528\u30a2\u30a4\u30ad\u30e3\u30c3\u30c1\u753b\u50cfURL\u3078\u5dee\u3057\u66ff\u3048\u3066\u304f\u3060\u3055\u3044 -->\r\n  <div class=\"as-eyecatch\">\r\n    <img\r\n      src=\"https:\/\/www.ubdc.ac.jp\/art\/wp-content\/uploads\/sites\/3\/2026\/09\/be4c9049cf5d45fd48d8a436a047e51d.webp\"\r\n      alt=\"\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821 10\u670824\u65e5\uff08\u571f\uff09\u5148\u8f29\u3068\u8a71\u305b\u308b\u30fb\u5b66\u3079\u308b\u30b9\u30da\u30b7\u30e3\u30eb\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\"\r\n      width=\"1200\"\r\n      height=\"900\"\r\n      loading=\"eager\"\r\n      fetchpriority=\"high\"\r\n      decoding=\"async\">\r\n  <\/div>\r\n\r\n  <!-- HERO -->\r\n  <section class=\"as-hero\">\r\n    <div class=\"as-hero-inner\">\r\n      <div class=\"as-school-tag\">\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821<\/div>\r\n\r\n      <h1>\r\n        \u300c\u597d\u304d\u300d\u304b\u3089\u4f53\u9a13\u3002<br>\r\n        <span class=\"accent\">\u5148\u8f29\u3068\u8a71\u305b\u308b\u30fb\u5b66\u3079\u308b\u3002<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"as-hero-sub\">\r\n        \u30b9\u30dd\u30fc\u30c4\u30fb\u30a4\u30e9\u30b9\u30c8\u30fbCG\u30fb\u6620\u50cf\u30fb\u30a2\u30cb\u30e1\u30fb\u30de\u30f3\u30ac\u30fb\u58f0\u512a\u30fb\u4ff3\u512a\u306a\u3069\u3001\r\n        \u6c17\u306b\u306a\u308b\u5206\u91ce\u3092\u5148\u8f29\u3068\u4e00\u7dd2\u306b\u4f53\u9a13\u3067\u304d\u308b\u7279\u5225\u306a\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3067\u3059\u3002\r\n      <\/p>\r\n\r\n      <div class=\"as-speech\">\r\n        <em>\u4e00\u7dd2\u306b\u4f53\u9a13\u3059\u308b\u304b\u3089\u3001\u5b66\u6821\u751f\u6d3b\u306e\u30ea\u30a2\u30eb\u3082\u805e\u304d\u3084\u3059\u3044\u3002<\/em><br>\r\n        \u6388\u696d\u30fb\u4f5c\u54c1\u5236\u4f5c\u30fb\u5c31\u8077\u30fb\u5b66\u6821\u751f\u6d3b\u307e\u3067\u3001\u5148\u8f29\u306b\u76f4\u63a5\u8cea\u554f\u3067\u304d\u307e\u3059\u3002\r\n      <\/div>\r\n\r\n      <nav class=\"as-nav\">\r\n        <div class=\"as-nav-inner\">\r\n          <a href=\"#as-date\">\u958b\u50ac\u60c5\u5831<\/a>\r\n          <a href=\"#as-what\" class=\"as-nav-cta\">\u65b0SP OC\u3068\u306f<\/a>\r\n          <a href=\"#as-gift\">\u53c2\u52a0\u7279\u5178<\/a>\r\n          <a href=\"#as-program\">\u30d7\u30ed\u30b0\u30e9\u30e0<\/a>\r\n          <a href=\"#as-access\">\u30a2\u30af\u30bb\u30b9<\/a>\r\n        <\/div>\r\n      <\/nav>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"as-wrap\">\r\n\r\n    <!-- DATE -->\r\n    <section id=\"as-date\" class=\"as-section\">\r\n      <div class=\"as-section-header\">\r\n        <span class=\"as-section-num\">01<\/span>\r\n        <h2 class=\"as-section-title\">\u958b\u50ac\u60c5\u5831<\/h2>\r\n        <div class=\"as-section-rule\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"as-date-card\">\r\n        <div class=\"as-date-row\">\r\n          <div class=\"as-date-main\">\r\n            <div class=\"as-date-label\">DATE<\/div>\r\n            <div class=\"as-date\">2026.10.24\uff08\u571f\uff09<\/div>\r\n            <div class=\"as-time\">10:00\u30b9\u30bf\u30fc\u30c8<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"as-benefit-mini\">\r\n            <div class=\"as-date-label\">BENEFIT<\/div>\r\n            <div>\u53c2\u52a0\u8005\u5168\u54e1<\/div>\r\n            <strong>\u00a51,000<\/strong>\r\n            <div>\u30ae\u30d5\u30c8\u30ab\u30fc\u30c9\u30d7\u30ec\u30bc\u30f3\u30c8<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"https:\/\/www.ubdc.ac.jp\/art\/forms\/experience\/\" class=\"as-btn\">\r\n          \u4e88\u7d04\u30da\u30fc\u30b8\u3078\r\n        <\/a>\r\n        <p class=\"as-note\">\u203b\u5206\u91ce\u306b\u3088\u308a\u5b9f\u7fd2\u7d42\u4e86\u6642\u9593\u304c\u7570\u306a\u308a\u307e\u3059\u3002\u5e0c\u671b\u8005\u306f\u5b9f\u7fd2\u5f8c\u306b\u500b\u5225\u9032\u8def\u76f8\u8ac7\u3078\u53c2\u52a0\u3067\u304d\u307e\u3059\u3002<\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- LEAD -->\r\n    <section class=\"as-section\">\r\n      <div class=\"as-section-header\">\r\n        <span class=\"as-section-num\">02<\/span>\r\n        <h2 class=\"as-section-title\">\u5148\u8f29\u3068\u4e00\u7dd2\u306b\u4f53\u9a13\u3067\u304d\u308b\u3001\u7279\u5225\u306a1\u65e5<\/h2>\r\n        <div class=\"as-section-rule\"><\/div>\r\n      <\/div>\r\n\r\n      <p class=\"as-lead\">\r\n        \u65b0\u3057\u3044\u30b9\u30da\u30b7\u30e3\u30eb\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u306f\u3001\u5148\u8f29\u306e\u8a71\u3092\u805e\u304f\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\r\n        <strong>\u6c17\u306b\u306a\u308b\u5206\u91ce\u306e\u4f53\u9a13\u5b9f\u7fd2\u306b\u5728\u6821\u751f\u304c\u5165\u308a\u3001\u9ad8\u6821\u751f\u306e\u307f\u306a\u3055\u3093\u3068\u4e00\u7dd2\u306b\u4f53\u9a13\u30fb\u5b9f\u6f14\u30fb\u4f5c\u696d\u3092\u884c\u3044\u307e\u3059\u3002<\/strong>\r\n        \u5b9f\u7fd2\u306e\u6700\u5f8c\u306b\u306f\u8cea\u554f\u30fb\u4ea4\u6d41\u30bf\u30a4\u30e0\u3082\u3042\u308b\u306e\u3067\u3001\u6388\u696d\u3084\u5b66\u6821\u751f\u6d3b\u306e\u30ea\u30a2\u30eb\u3082\u76f4\u63a5\u805e\u3051\u307e\u3059\u3002\r\n      <\/p>\r\n    <\/section>\r\n\r\n    <!-- STUDENTS -->\r\n    <section class=\"as-section\">\r\n      <div class=\"as-section-header\">\r\n        <span class=\"as-section-num\">03<\/span>\r\n        <h2 class=\"as-section-title\">\u4e00\u7dd2\u306b\u5b66\u3076\u5148\u8f29\u305f\u3061<\/h2>\r\n        <div class=\"as-section-rule\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"as-student-slider\">\r\n        <div class=\"as-student-card\">\r\n          <div class=\"as-student-photo\">\r\n            <span class=\"as-student-badge\">A&amp;S<\/span>\r\n            <img src=\"https:\/\/www.ubdc.ac.jp\/art\/wp-content\/uploads\/sites\/3\/2026\/04\/IMG_4890.webp\" alt=\"\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821\u306e\u5728\u6821\u751f\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"as-student-card\">\r\n          <div class=\"as-student-photo\">\r\n            <span class=\"as-student-badge\">A&amp;S<\/span>\r\n            <img src=\"https:\/\/www.ubdc.ac.jp\/art\/wp-content\/uploads\/sites\/3\/2026\/04\/IMG_1038.webp\" alt=\"\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821\u306e\u5728\u6821\u751f\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"as-student-card\">\r\n          <div class=\"as-student-photo\">\r\n            <span class=\"as-student-badge\">A&amp;S<\/span>\r\n            <img src=\"https:\/\/www.ubdc.ac.jp\/art\/wp-content\/uploads\/sites\/3\/2026\/05\/e1eb14f04bd3015ce4081262af644f63.webp\" alt=\"\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821\u306e\u5728\u6821\u751f\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"as-student-card\">\r\n          <div class=\"as-student-photo\">\r\n            <span class=\"as-student-badge\">A&amp;S<\/span>\r\n            <img src=\"https:\/\/www.ubdc.ac.jp\/art\/wp-content\/uploads\/sites\/3\/2026\/04\/IMG_6397.webp\" alt=\"\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821\u306e\u5728\u6821\u751f\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- WHAT -->\r\n    <section id=\"as-what\" class=\"as-section\">\r\n      <div class=\"as-section-header\">\r\n        <span class=\"as-section-num\">04<\/span>\r\n        <h2 class=\"as-section-title\">\u5148\u8f29\u3068\u8a71\u305b\u308b\u30fb\u5b66\u3079\u308bSP OC\u3068\u306f<\/h2>\r\n        <div class=\"as-section-rule\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"as-what\">\r\n        <div class=\"as-what-head\">\r\n          <small>WHAT IS SPECIAL OC?<\/small>\r\n          <h3>\u300c\u597d\u304d\u30fb\u8208\u5473\u30fb\u95a2\u5fc3\u300d\u304b\u3089\u4f53\u9a13\u3057\u3066\u3001\u300c\u3053\u3053\u3067\u5b66\u3076\u81ea\u5206\u300d\u3092\u30a4\u30e1\u30fc\u30b8\u3067\u304d\u308b\u30a4\u30d9\u30f3\u30c8<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"as-what-body\">\r\n          <p>\r\n            \u6c17\u306b\u306a\u308b\u5206\u91ce\u3092\u9078\u3073\u3001\u5b9f\u969b\u306e\u6388\u696d\u30fb\u5b9f\u7fd2\u3092\u5148\u8f29\u3068\u4e00\u7dd2\u306b\u4f53\u9a13\u3057\u307e\u3059\u3002\r\n            \u5148\u8f29\u304c\u4f53\u9a13\u30fb\u5b9f\u6f14\u30fb\u4f5c\u696d\u88dc\u52a9\u306a\u3069\u306b\u52a0\u308f\u308b\u306e\u3067\u3001\u6388\u696d\u306e\u96f0\u56f2\u6c17\u3092\u611f\u3058\u306a\u304c\u3089\u3001\r\n            \u5b66\u6821\u751f\u6d3b\u30fb\u4f5c\u54c1\u5236\u4f5c\u30fb\u8cc7\u683c\u30fb\u5c31\u8077\u306a\u3069\u306b\u3064\u3044\u3066\u3082\u76f4\u63a5\u8cea\u554f\u3067\u304d\u307e\u3059\u3002\r\n          <\/p>\r\n\r\n          <div class=\"as-point-grid\">\r\n            <div class=\"as-point\">\r\n              <div class=\"as-point-icon\">&#x1f3a8;<\/div>\r\n              <div>\r\n                <div class=\"as-point-title\">\u597d\u304d\u30fb\u8208\u5473\u304b\u3089\u4f53\u9a13<\/div>\r\n                <div class=\"as-point-text\">\u6c17\u306b\u306a\u308b\u5206\u91ce\u3092\u5b9f\u969b\u306b\u4f53\u9a13\u3057\u3066\u3001\u81ea\u5206\u306b\u5408\u3046\u9032\u8def\u3092\u8003\u3048\u3089\u308c\u307e\u3059\u3002<\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"as-point\">\r\n              <div class=\"as-point-icon\">&#x1f91d;<\/div>\r\n              <div>\r\n                <div class=\"as-point-title\">\u5148\u8f29\u3068\u4e00\u7dd2\u306b\u5b66\u3079\u308b<\/div>\r\n                <div class=\"as-point-text\">\u5728\u6821\u751f\u3068\u4e00\u7dd2\u306b\u53d6\u308a\u7d44\u3080\u304b\u3089\u3001\u6388\u696d\u3084\u5b9f\u7fd2\u306e\u96f0\u56f2\u6c17\u304c\u308f\u304b\u308a\u307e\u3059\u3002<\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"as-point\">\r\n              <div class=\"as-point-icon\">&#x1f4ac;<\/div>\r\n              <div>\r\n                <div class=\"as-point-title\">\u30ea\u30a2\u30eb\u306a\u8a71\u3092\u805e\u3051\u308b<\/div>\r\n                <div class=\"as-point-text\">\u5b66\u6821\u751f\u6d3b\u30fb\u4f5c\u54c1\u5236\u4f5c\u30fb\u8cc7\u683c\u30fb\u5c31\u8077\u306a\u3069\u3092\u76f4\u63a5\u8cea\u554f\u3067\u304d\u307e\u3059\u3002<\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"as-point\">\r\n              <div class=\"as-point-icon\">&#x2728;<\/div>\r\n              <div>\r\n                <div class=\"as-point-title\">\u5165\u5b66\u5f8c\u3092\u30a4\u30e1\u30fc\u30b8<\/div>\r\n                <div class=\"as-point-text\">\u5148\u8f29\u3084\u6388\u696d\u306e\u96f0\u56f2\u6c17\u3092\u77e5\u308a\u3001\u9032\u5b66\u5f8c\u306e\u81ea\u5206\u3092\u30a4\u30e1\u30fc\u30b8\u3067\u304d\u307e\u3059\u3002<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- GIFT -->\r\n    <section id=\"as-gift\" class=\"as-section\">\r\n      <div class=\"as-section-header\">\r\n        <span class=\"as-section-num\">05<\/span>\r\n        <h2 class=\"as-section-title\">\u53c2\u52a0\u7279\u5178<\/h2>\r\n        <div class=\"as-section-rule\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"as-gift\">\r\n        <div class=\"as-gift-eyebrow\">SPECIAL BENEFIT<\/div>\r\n        <div class=\"as-gift-title\">\r\n          \u53c2\u52a0\u8005\u5168\u54e1\u306b<br>\r\n          \u30ae\u30d5\u30c8\u30ab\u30fc\u30c9<span class=\"amount\">\u00a51,000<\/span>\u5206\u30d7\u30ec\u30bc\u30f3\u30c8\uff01\r\n        <\/div>\r\n\r\n        <div class=\"as-gift-badges\">\r\n          <div class=\"as-gift-badge\">Amazon\u30ae\u30d5\u30c8\u30ab\u30fc\u30c9<\/div>\r\n          <div class=\"as-gift-badge\">LINE\u30d7\u30ea\u30da\u30a4\u30c9\u30ab\u30fc\u30c9<\/div>\r\n          <div class=\"as-gift-badge\">\u30b9\u30bf\u30fc\u30d0\u30c3\u30af\u30b9 \u30ab\u30fc\u30c9<\/div>\r\n        <\/div>\r\n\r\n        <p class=\"as-note\" style=\"text-align:left;margin-top:0;\">\u203b\u3044\u305a\u308c\u304b1\u7a2e\u985e\u3092\u304a\u9078\u3073\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\r\n\r\n        <div class=\"as-gift-row\">\r\n          <div class=\"as-gift-card\">\r\n            <div>GIFT CARD<\/div>\r\n            <div class=\"big\">\u00a51,000<\/div>\r\n            <div>\u3054\u6765\u6821\u8005\u5168\u54e1<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"as-gift-desc\">\r\n            <h3>\u3055\u3089\u306b\u62bd\u9078\u4f1a\u3082\u958b\u50ac\uff01<\/h3>\r\n            <p>\r\n              \u5148\u8f29\u3068\u4e00\u7dd2\u306b\u6c17\u306b\u306a\u308b\u5206\u91ce\u3092\u4f53\u9a13\u3057\u305f\u3042\u3068\u306f\u3001\u53c2\u52a0\u8005\u5bfe\u8c61\u306e\u62bd\u9078\u4f1a\u3082\u5b9f\u65bd\u3002\r\n              \u4f53\u9a13\u30fb\u4ea4\u6d41\u30fb\u9032\u8def\u76f8\u8ac7\u307e\u3067\u3001\u9032\u8def\u9078\u3073\u306b\u5f79\u7acb\u30641\u65e5\u3067\u3059\u3002\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- PROGRAM -->\r\n    <section id=\"as-program\" class=\"as-section\">\r\n      <div class=\"as-section-header\">\r\n        <span class=\"as-section-num\">06<\/span>\r\n        <h2 class=\"as-section-title\">\u5f53\u65e5\u306e\u30d7\u30ed\u30b0\u30e9\u30e0<\/h2>\r\n        <div class=\"as-section-rule\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"as-program\">\r\n        <div class=\"as-program-item\">\r\n          <div class=\"as-program-num\">1<\/div>\r\n          <div>\r\n            <div class=\"as-program-title\">\u5b66\u6821\u7d39\u4ecb\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3\u30fb\u5404\u7a2e\u8aac\u660e<\/div>\r\n            <p class=\"as-program-desc\">\u5b66\u6821\u5168\u4f53\u306e\u96f0\u56f2\u6c17\u3084\u7279\u8272\u3001\u5b66\u3073\u3001\u9032\u8def\u306b\u3064\u3044\u3066\u308f\u304b\u308a\u3084\u3059\u304f\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"as-program-item\">\r\n          <div class=\"as-program-num\">2<\/div>\r\n          <div>\r\n            <div class=\"as-program-title\">\u5148\u8f29\u7d39\u4ecb\u52d5\u753b\u30fb\u3042\u3044\u3055\u3064<\/div>\r\n            <p class=\"as-program-desc\">\u5404\u5206\u91ce\u3067\u4e00\u7dd2\u306b\u4f53\u9a13\u3059\u308b\u5148\u8f29\u30b9\u30bf\u30c3\u30d5\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"as-program-item\">\r\n          <div class=\"as-program-num\">3<\/div>\r\n          <div>\r\n            <div class=\"as-program-title\">\u5148\u8f29\u3068\u4e00\u7dd2\u306b\u5206\u91ce\u5225\u4f53\u9a13<\/div>\r\n            <p class=\"as-program-desc\">\r\n              10:40\u9803\u304b\u3089\u3001\u6c17\u306b\u306a\u308b\u5206\u91ce\u306e\u4f53\u9a13\u5b9f\u7fd2\u3078\u3002\r\n              \u5728\u6821\u751f\u304c\u4f53\u9a13\u30fb\u5b9f\u6f14\u30fb\u4f5c\u696d\u88dc\u52a9\u306a\u3069\u306b\u52a0\u308f\u308a\u3001\u9ad8\u6821\u751f\u306e\u307f\u306a\u3055\u3093\u3068\u4e00\u7dd2\u306b\u5b66\u3073\u307e\u3059\u3002\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"as-program-item\">\r\n          <div class=\"as-program-num\">4<\/div>\r\n          <div>\r\n            <div class=\"as-program-title\">\u5148\u8f29\u3078\u306e\u8cea\u554f\u30fb\u4ea4\u6d41\u30bf\u30a4\u30e0<\/div>\r\n            <p class=\"as-program-desc\">\r\n              \u5b9f\u7fd2\u306e\u6700\u5f8c\u306b\u7d045\u5206\u3001\u5148\u8f29\u3078\u76f4\u63a5\u8cea\u554f\u3067\u304d\u308b\u6642\u9593\u3092\u8a2d\u3051\u307e\u3059\u3002\r\n              \u6388\u696d\u30fb\u5b66\u6821\u751f\u6d3b\u30fb\u4f5c\u54c1\u5236\u4f5c\u30fb\u8cc7\u683c\u30fb\u5c31\u8077\u306a\u3069\u3001\u6c17\u306b\u306a\u308b\u3053\u3068\u3092\u805e\u3044\u3066\u307f\u3088\u3046\uff01\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"as-program-item\">\r\n          <div class=\"as-program-num\">5<\/div>\r\n          <div>\r\n            <div class=\"as-program-title\">\u30a2\u30f3\u30b1\u30fc\u30c8\u30fb\u30ae\u30d5\u30c8\u30ab\u30fc\u30c9\u30fb\u62bd\u9078\u4f1a<\/div>\r\n            <p class=\"as-program-desc\">\r\n              \u5b9f\u7fd2\u7d42\u4e86\u5f8c\u306f\u30a2\u30f3\u30b1\u30fc\u30c8\u3092\u8a18\u5165\u3057\u3001\u30ae\u30d5\u30c8\u30ab\u30fc\u30c9\u3068\u62bd\u9078\u4f1a\u3078\u3002\r\n              \u5e0c\u671b\u8005\u306f\u305d\u306e\u5f8c\u3001\u500b\u5225\u9032\u8def\u76f8\u8ac7\u306b\u3082\u53c2\u52a0\u3067\u304d\u307e\u3059\u3002\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"as-note\" style=\"text-align:left;\">\r\n        \u203b\u5b9f\u7fd2\u6642\u9593\u306f\u5206\u91ce\u306b\u3088\u308a\u7570\u306a\u308a\u307e\u3059\u3002\u30b9\u30dd\u30fc\u30c4\u30fb\u30a4\u30e9\u30b9\u30c8\u30fb\u58f0\u512a\u306a\u3069\u306f11:50\u9803\u307e\u3067\u3092\u76ee\u5b89\u3068\u3057\u3066\u3044\u307e\u3059\u3002<br>\r\n        \u203b\u5f53\u65e5\u306e\u72b6\u6cc1\u306b\u3088\u308a\u3001\u30d7\u30ed\u30b0\u30e9\u30e0\u5185\u5bb9\u3084\u6642\u9593\u304c\u4e00\u90e8\u5909\u66f4\u306b\u306a\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\r\n      <\/p>\r\n    <\/section>\r\n\r\n    <!-- FIELDS -->\r\n    <section class=\"as-section\">\r\n      <div class=\"as-section-header\">\r\n        <span class=\"as-section-num\">07<\/span>\r\n        <h2 class=\"as-section-title\">\u4f53\u9a13\u3067\u304d\u308b\u5206\u91ce<\/h2>\r\n        <div class=\"as-section-rule\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"as-school-block\">\r\n        <div class=\"as-school-head\">\r\n          <span class=\"as-school-badge\">A&amp;S<\/span>\r\n          <div class=\"as-school-name\">\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821<\/div>\r\n        <\/div>\r\n        <p>\r\n          \u30b9\u30dd\u30fc\u30c4\u5206\u91ce\u3001\u30a2\u30cb\u30e1\u30fb\u30de\u30f3\u30ac\u5206\u91ce\u3001\u30a4\u30e9\u30b9\u30c8\u30fbCG\u30fb\u6620\u50cf\u5206\u91ce\u3001\u58f0\u512a\u30fb\u4ff3\u512a\u5206\u91ce\u306a\u3069\u3001\r\n          \u300c\u597d\u304d\u300d\u3092\u5c06\u6765\u306b\u3064\u306a\u3052\u308b\u5404\u5206\u91ce\u3092\u5148\u8f29\u3068\u4e00\u7dd2\u306b\u4f53\u9a13\u3067\u304d\u307e\u3059\u3002\r\n          <br>\r\n          <a href=\"https:\/\/www.ubdc.ac.jp\/art\/\" target=\"_blank\" rel=\"noopener\" style=\"color:#E85A00;text-decoration:underline;font-weight:700;\">\r\n            \u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821 \u516c\u5f0f\u30b5\u30a4\u30c8\u3092\u898b\u308b\r\n          <\/a>\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"as-school-block\">\r\n        <div class=\"as-school-head\">\r\n          <span class=\"as-school-badge biz\">\u30d3\u30b8\u96fb<\/span>\r\n          <div class=\"as-school-name\">\u5b87\u90fd\u5bae\u30d3\u30b8\u30cd\u30b9\u96fb\u5b50\u5c02\u9580\u5b66\u6821<\/div>\r\n        <\/div>\r\n        <p>\r\n          \u60c5\u5831\u51e6\u7406\u30fbIT\u3001\u30b2\u30fc\u30e0\u3001Web\u3001\u516c\u52d9\u54e1\u30fb\u9244\u9053\u3001\u533b\u7642\u4e8b\u52d9\u3001\u7a0e\u7406\u58eb\u30fb\u7d4c\u7406\u3001\u7523\u696d\u80fd\u7387\u5927\u5b66\u4f75\u4fee\u3001\r\n          \u5e7c\u5150\u4fdd\u80b2\u3001\u4e8b\u52d9\u30fb\u8ca9\u58f2\u30fb\u30db\u30c6\u30eb\u30fb\u30d6\u30e9\u30a4\u30c0\u30eb\u306a\u3069\u3001\u30d3\u30b8\u96fb\u306e\u5404\u5206\u91ce\u3067\u3082\u540c\u6642\u958b\u50ac\u3057\u307e\u3059\u3002\r\n          <br>\r\n          <a href=\"https:\/\/www.ubdc.ac.jp\/business\/course\/\" target=\"_blank\" rel=\"noopener\" style=\"color:#2063a4;text-decoration:underline;font-weight:700;\">\r\n            \u30d3\u30b8\u96fb \u5206\u91ce\u30fb\u30b3\u30fc\u30b9\u4e00\u89a7\u3092\u898b\u308b\r\n          <\/a>\r\n        <\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- REASONS -->\r\n    <section class=\"as-section\">\r\n      <div class=\"as-section-header\">\r\n        <span class=\"as-section-num\">08<\/span>\r\n        <h2 class=\"as-section-title\">\u53c2\u52a0\u3059\u308b\u7406\u7531<\/h2>\r\n        <div class=\"as-section-rule\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"as-benefit-grid\">\r\n        <div class=\"as-benefit-cell\">\r\n          <div class=\"as-benefit-num\">01<\/div>\r\n          <div class=\"as-benefit-title\">\u597d\u304d\u304b\u3089\u9032\u8def\u3092\u63a2\u305b\u308b<\/div>\r\n          <p class=\"as-benefit-desc\">\u6c17\u306b\u306a\u308b\u5206\u91ce\u3092\u5b9f\u969b\u306b\u4f53\u9a13\u3057\u3001\u81ea\u5206\u306b\u5408\u3046\u9032\u8def\u3092\u8003\u3048\u3089\u308c\u307e\u3059\u3002<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"as-benefit-cell\">\r\n          <div class=\"as-benefit-num\">02<\/div>\r\n          <div class=\"as-benefit-title\">\u5148\u8f29\u3068\u4e00\u7dd2\u306b\u5b66\u3079\u308b<\/div>\r\n          <p class=\"as-benefit-desc\">\u5728\u6821\u751f\u3068\u4e00\u7dd2\u306b\u4f53\u9a13\u3059\u308b\u3053\u3068\u3067\u3001\u6388\u696d\u3084\u5b9f\u7fd2\u306e\u96f0\u56f2\u6c17\u307e\u3067\u308f\u304b\u308a\u307e\u3059\u3002<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"as-benefit-cell\">\r\n          <div class=\"as-benefit-num\">03<\/div>\r\n          <div class=\"as-benefit-title\">\u30ea\u30a2\u30eb\u306a\u58f0\u3092\u805e\u3051\u308b<\/div>\r\n          <p class=\"as-benefit-desc\">\u5b66\u6821\u751f\u6d3b\u30fb\u4f5c\u54c1\u5236\u4f5c\u30fb\u6388\u696d\u30fb\u8cc7\u683c\u30fb\u5c31\u8077\u306a\u3069\u3092\u5148\u8f29\u306b\u76f4\u63a5\u8cea\u554f\u3067\u304d\u307e\u3059\u3002<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"as-benefit-cell\">\r\n          <div class=\"as-benefit-num\">04<\/div>\r\n          <div class=\"as-benefit-title\">\u9032\u8def\u76f8\u8ac7\u3082\u3067\u304d\u308b<\/div>\r\n          <p class=\"as-benefit-desc\">\u5e0c\u671b\u8005\u306f\u5165\u8a66\u30fb\u5b66\u8cbb\u30fb\u5968\u5b66\u91d1\u30fb\u5c31\u8077\u306a\u3069\u3092\u500b\u5225\u306b\u76f8\u8ac7\u3067\u304d\u307e\u3059\u3002<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- SCHEDULE -->\r\n    <section class=\"as-section\">\r\n      <div class=\"as-section-header\">\r\n        <span class=\"as-section-num\">09<\/span>\r\n        <h2 class=\"as-section-title\">\u958b\u50ac\u8a73\u7d30<\/h2>\r\n        <div class=\"as-section-rule\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"as-schedule\">\r\n        <div class=\"as-schedule-head\">\r\n          <strong>\u5148\u8f29\u3068\u8a71\u305b\u308b\u30fb\u5b66\u3079\u308bSP OC \u958b\u50ac\u8a73\u7d30<\/strong>\r\n          <span class=\"as-schedule-free\">\u53c2\u52a0\u7121\u6599<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"as-schedule-rows\">\r\n          <div class=\"as-schedule-row\">\r\n            <div class=\"as-schedule-icon\">&#x1f4c5;<\/div>\r\n            <div>\r\n              <div class=\"as-schedule-label\">DATE \/ \u65e5\u7a0b<\/div>\r\n              <div class=\"as-schedule-value\">2026\u5e7410\u670824\u65e5\uff08\u571f\uff09<\/div>\r\n              <div class=\"as-schedule-note\">10\u670824\u65e5\uff08\u571f\uff09\u958b\u50ac\u3067\u3059\u3002<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"as-schedule-row\">\r\n            <div class=\"as-schedule-icon\">&#x1f558;<\/div>\r\n            <div>\r\n              <div class=\"as-schedule-label\">TIME \/ \u6642\u9593<\/div>\r\n              <div class=\"as-schedule-value\">10:00\u30b9\u30bf\u30fc\u30c8<\/div>\r\n              <div class=\"as-schedule-note\">\r\n                \u53d7\u4ed8\u958b\u59cb\uff1a9:10\u301c\u3002\u5206\u91ce\u306b\u3088\u308a11:30\u301c11:50\u9803\u306b\u5b9f\u7fd2\u7d42\u4e86\u4e88\u5b9a\u3067\u3059\u3002\r\n                \u5e0c\u671b\u8005\u306f\u5b9f\u7fd2\u5f8c\u306b\u500b\u5225\u9032\u8def\u76f8\u8ac7\u3078\u53c2\u52a0\u3067\u304d\u307e\u3059\u3002\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"as-schedule-row\">\r\n            <div class=\"as-schedule-icon\">&#x1f4cd;<\/div>\r\n            <div>\r\n              <div class=\"as-schedule-label\">VENUE \/ \u5834\u6240<\/div>\r\n              <div class=\"as-schedule-value\">\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821<\/div>\r\n              <div class=\"as-schedule-note\">\r\n                \u3012320-8533 \u6803\u6728\u770c\u5b87\u90fd\u5bae\u5e02\u5927\u5bdb1-1-1<br>\r\n                \u30e6\u30cb\u30aa\u30f3\u901a\u308a\u897f\u53e3\u5074 8\u968e\u5efa\u3066\u6821\u820e\uff084\u53f7\u9928\uff09\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ACCESS -->\r\n      <div id=\"as-access\" class=\"as-access\">\r\n        <div class=\"as-access-head\">\u30a2\u30af\u30bb\u30b9\u30de\u30c3\u30d7<\/div>\r\n\r\n        <div class=\"as-access-info\">\r\n          <p>\r\n            \u30b9\u30da\u30b7\u30e3\u30eb\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3078\u306e\u53c2\u52a0\u306b\u306f\u4ea4\u901a\u8cbb\u30b5\u30dd\u30fc\u30c8\u3092\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002\r\n            JR\u5b87\u90fd\u5bae\u99c5\u8fd1\u304f\u304b\u3089\u304a\u8fce\u3048\u30ef\u30b4\u30f3\u3082\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n            <br>\r\n            \u51fa\u767a\u6642\u523b\uff1a<strong style=\"color:#E85A00;\">9:30<\/strong> \uff0f <strong style=\"color:#E85A00;\">9:50<\/strong>\uff082\u4fbf\u904b\u884c\uff09\r\n            <br>\r\n            \u6771\u6b66\u5b87\u90fd\u5bae\u99c5\u304b\u3089\u5f92\u6b695\u5206\u3002\u7121\u6599\u99d0\u8eca\u5834\u3082\u3042\u308a\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"as-access-grid\">\r\n          <div class=\"as-map-card\">\r\n            <div class=\"as-map-title\">\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821<\/div>\r\n            <div class=\"as-map-frame\">\r\n              <iframe src=\"https:\/\/maps.google.com\/maps?cid=12242982022314771628&amp;ll=36.560886,139.875843&amp;z=16&amp;hl=ja&amp;output=embed\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n            <\/div>\r\n            <div class=\"as-map-footer\">\r\n              <a href=\"https:\/\/www.google.com\/maps?ll=36.560886,139.875843&amp;z=16&amp;t=m&amp;hl=ja&amp;gl=US&amp;mapclient=embed&amp;cid=12242982022314771628\" target=\"_blank\" rel=\"noopener\">\r\n                Google \u30de\u30c3\u30d7\u3067\u958b\u304f\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"as-map-card\">\r\n            <div class=\"as-map-title\">\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u9001\u8fce\u8eca\u4e57\u308a\u5834<\/div>\r\n            <div class=\"as-map-frame\">\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=\"as-map-footer\">\r\n              <a href=\"https:\/\/maps.google.com\/?q=36.559629,139.895568\" target=\"_blank\" rel=\"noopener\">\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>\r\n\r\n  <!-- FINAL CTA -->\r\n  <section class=\"as-final\">\r\n    <div class=\"as-wrap\">\r\n      <div class=\"as-final-box\">\r\n        <div class=\"as-final-message\">\r\n          \u307e\u305a\u306f\u4e00\u5ea6\u3001<br>\r\n          <em>\u5148\u8f29\u3068\u8a71\u305b\u308b\u30fb\u5b66\u3079\u308b\u30b9\u30da\u30b7\u30e3\u30eb\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9<\/em>\u3078\r\n        <\/div>\r\n\r\n        <div class=\"as-line-badge\">\r\n          LINE\u516c\u5f0f\u30a2\u30ab\u30a6\u30f3\u30c8\u767b\u9332\u3067\u6700\u65b0\u60c5\u5831\u3092GET\uff01\r\n        <\/div>\r\n\r\n        <p>\r\n          \u300c\u597d\u304d\u30fb\u8208\u5473\u30fb\u95a2\u5fc3\u300d\u304b\u3089\u6c17\u306b\u306a\u308b\u5206\u91ce\u3092\u5148\u8f29\u3068\u4e00\u7dd2\u306b\u4f53\u9a13\u3002\r\n          \u6388\u696d\u3084\u5b66\u6821\u751f\u6d3b\u306e\u30ea\u30a2\u30eb\u3082\u805e\u304d\u306a\u304c\u3089\u3001\u81ea\u5206\u306b\u5408\u3046\u9032\u8def\u3092\u898b\u3064\u3051\u3066\u307f\u307e\u305b\u3093\u304b\uff1f\r\n          \u9ad8\u68213\u5e74\u751f\u306f\u3082\u3061\u308d\u3093\u3001\u9ad8\u68211\u30fb2\u5e74\u751f\u306e\u53c2\u52a0\u3082\u5927\u6b53\u8fce\u3067\u3059\u3002\r\n        <\/p>\r\n\r\n        <a href=\"https:\/\/www.ubdc.ac.jp\/art\/forms\/experience\/\" class=\"as-btn\">\r\n          \u4e88\u7d04\u30da\u30fc\u30b8\u3078\r\n        <\/a>\r\n\r\n        <p class=\"as-note\">\r\n          \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\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"as-footer\">\r\n    <strong>\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821<\/strong><br>\r\n    \u3012320-8533 \u6803\u6728\u770c\u5b87\u90fd\u5bae\u5e02\u5927\u5bdb1-1-1\r\n  <\/div>\r\n\r\n<\/div>\r\n","protected":false},"excerpt":{"rendered":"SPECIALOPEN CAMPUS \u4e88\u7d04\u3059\u308b \u53c2\u52a0\u7121\u6599 \u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821 \u300c\u597d\u304d\u300d\u304b\u3089\u4f53\u9a13\u3002 \u5148\u8f29\u3068\u8a71\u305b\u308b\u30fb\u5b66\u3079\u308b\u3002 \u30b9\u30dd\u30fc\u30c4\u30fb\u30a4\u30e9\u30b9\u30c8\u30fbCG\u30fb\u6620\u50cf\u30fb\u30a2\u30cb\u30e1\u30fb\u30de\u30f3\u30ac\u30fb\u58f0\u512a\u30fb\u4ff3\u512a\u306a\u3069\u3001 \u6c17\u306b\u306a\u308b\u5206\u91ce\u3092\u5148\u8f29\u3068 ...","protected":false},"author":1,"featured_media":37090,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","vk-ltc-link":"","vk-ltc-target":"0"},"categories":[81,1],"tags":[],"class_list":["post-37084","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\/37084","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=37084"}],"version-history":[{"count":5,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/posts\/37084\/revisions"}],"predecessor-version":[{"id":37091,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/posts\/37084\/revisions\/37091"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/media\/37090"}],"wp:attachment":[{"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/media?parent=37084"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/categories?post=37084"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/tags?post=37084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}