{"id":36483,"date":"2026-07-01T16:37:18","date_gmt":"2026-07-01T07:37:18","guid":{"rendered":"https:\/\/www.ubdc.ac.jp\/art\/?p=36483"},"modified":"2026-07-21T11:26:07","modified_gmt":"2026-07-21T02:26:07","slug":"7%e6%9c%8818%e6%97%a5%e5%9c%9f%e3%82%aa%e3%83%bc%e3%83%97%e3%83%b3%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%91%e3%82%b9%e3%82%92-%e9%96%8b%e5%82%ac%e3%81%97%e3%81%be%e3%81%97%e3%81%9f%ef%bc%81","status":"publish","type":"post","link":"https:\/\/www.ubdc.ac.jp\/art\/7%e6%9c%8818%e6%97%a5%e5%9c%9f%e3%82%aa%e3%83%bc%e3%83%97%e3%83%b3%e3%82%ad%e3%83%a3%e3%83%b3%e3%83%91%e3%82%b9%e3%82%92-%e9%96%8b%e5%82%ac%e3%81%97%e3%81%be%e3%81%97%e3%81%9f%ef%bc%81\/","title":{"rendered":"7\u670818\u65e5(\u571f)\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3092 \u958b\u50ac\u3057\u307e\u3057\u305f\uff01"},"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\r\n<title>7\u670818\u65e5(\u571f)\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3092\u958b\u50ac\u3057\u307e\u3057\u305f\uff5c\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821\u30fb\u5b87\u90fd\u5bae\u30d3\u30b8\u30cd\u30b9\u96fb\u5b50\u5c02\u9580\u5b66\u6821<\/title>\r\n\r\n<meta\r\n  name=\"description\"\r\n  content=\"7\u670818\u65e5(\u571f)\u306b\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3092\u958b\u50ac\u3057\u307e\u3057\u305f\u3002\u58f0\u512a\u30fb\u4ff3\u512a\u5206\u91ce\u3001WEB\u5206\u91ce\u3001\u60c5\u5831\u51e6\u7406\u30fbIT\u5206\u91ce\u306e\u4f53\u9a13\u6388\u696d\u3084\u5b66\u6821\u8aac\u660e\u30fb\u9032\u8def\u76f8\u8ac7\u306e\u69d8\u5b50\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\"\r\n>\r\n\r\n<meta\r\n  property=\"og:title\"\r\n  content=\"7\u670818\u65e5(\u571f)\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3092\u958b\u50ac\u3057\u307e\u3057\u305f\"\r\n>\r\n\r\n<meta\r\n  property=\"og:description\"\r\n  content=\"\u58f0\u512a\u30fb\u4ff3\u512a\u5206\u91ce\u3001WEB\u5206\u91ce\u3001\u60c5\u5831\u51e6\u7406\u30fbIT\u5206\u91ce\u306e\u4f53\u9a13\u6388\u696d\u3092\u5b9f\u65bd\u3002\u5f53\u65e5\u306e\u69d8\u5b50\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\"\r\n>\r\n\r\n<meta property=\"og:type\" content=\"article\">\r\n\r\n<meta\r\n  property=\"og:image\"\r\n  content=\"https:\/\/www.ubdc.ac.jp\/business\/wp-content\/uploads\/sites\/2\/oc_0718_voice_superlight.webp\"\r\n>\r\n\r\n<meta property=\"og:site_name\" content=\"UBDC\">\r\n<meta property=\"og:locale\" content=\"ja_JP\">\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Article\",\r\n  \"headline\": \"7\u670818\u65e5(\u571f)\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3092\u958b\u50ac\u3057\u307e\u3057\u305f\",\r\n  \"description\": \"\u58f0\u512a\u30fb\u4ff3\u512a\u5206\u91ce\u3001WEB\u5206\u91ce\u3001\u60c5\u5831\u51e6\u7406\u30fbIT\u5206\u91ce\u306e\u4f53\u9a13\u6388\u696d\u3084\u5b66\u6821\u8aac\u660e\u30fb\u9032\u8def\u76f8\u8ac7\u306e\u69d8\u5b50\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\",\r\n  \"image\": [\r\n    \"https:\/\/www.ubdc.ac.jp\/business\/wp-content\/uploads\/sites\/2\/oc_0718_voice_superlight.webp\",\r\n    \"https:\/\/www.ubdc.ac.jp\/business\/wp-content\/uploads\/sites\/2\/oc_0718_web_superlight.webp\",\r\n    \"https:\/\/www.ubdc.ac.jp\/business\/wp-content\/uploads\/sites\/2\/oc_0718_it_superlight.webp\"\r\n  ],\r\n  \"author\": {\r\n    \"@type\": \"Organization\",\r\n    \"name\": \"\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821\uff0f\u5b87\u90fd\u5bae\u30d3\u30b8\u30cd\u30b9\u96fb\u5b50\u5c02\u9580\u5b66\u6821\"\r\n  },\r\n  \"publisher\": {\r\n    \"@type\": \"Organization\",\r\n    \"name\": \"UBDC\"\r\n  },\r\n  \"mainEntityOfPage\": {\r\n    \"@type\": \"WebPage\",\r\n    \"@id\": \"https:\/\/www.ubdc.ac.jp\/art\/\"\r\n  },\r\n  \"datePublished\": \"2026-07-18\",\r\n  \"dateModified\": \"2026-07-18\",\r\n  \"articleSection\": \"\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u958b\u50ac\u30ec\u30dd\u30fc\u30c8\",\r\n  \"about\": [\r\n    \"\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821\",\r\n    \"\u5b87\u90fd\u5bae\u30d3\u30b8\u30cd\u30b9\u96fb\u5b50\u5c02\u9580\u5b66\u6821\",\r\n    \"\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\",\r\n    \"\u58f0\u512a\",\r\n    \"\u4ff3\u512a\",\r\n    \"\u30a2\u30d5\u30ec\u30b3\",\r\n    \"WEB\",\r\n    \"Web\u30c7\u30b6\u30a4\u30f3\",\r\n    \"\u60c5\u5831\u51e6\u7406\",\r\n    \"IT\",\r\n    \"\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\",\r\n    \"\u9032\u8def\u76f8\u8ac7\"\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<style>\r\n  :root {\r\n    --blue: #005bac;\r\n    --blue-dark: #073b79;\r\n    --blue-light: #edf6ff;\r\n    --orange: #f36b10;\r\n    --orange-dark: #d95608;\r\n    --orange-light: #fff1e7;\r\n    --text-main: #111;\r\n    --text-body: #444;\r\n    --text-light: #6a7686;\r\n    --border: #e1ebf6;\r\n    --white: #fff;\r\n  }\r\n\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  html {\r\n    scroll-behavior: smooth;\r\n  }\r\n\r\n  body {\r\n    background: #fff;\r\n    color: var(--text-main);\r\n    font-family:\r\n      \"Hiragino Kaku Gothic ProN\",\r\n      \"Noto Sans JP\",\r\n      \"Yu Gothic\",\r\n      sans-serif;\r\n    line-height: 1.8;\r\n    overflow-wrap: anywhere;\r\n  }\r\n\r\n  img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n  }\r\n\r\n  a {\r\n    color: inherit;\r\n  }\r\n\r\n  .oc-report-page {\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        #fff8f2 0,\r\n        #fff 500px\r\n      );\r\n  }\r\n\r\n  .oc-container {\r\n    width: min(1120px, calc(100% - 48px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* =========================\r\n     HERO\r\n  ========================= *\/\r\n\r\n  .oc-hero {\r\n    padding: 72px 0 64px;\r\n  }\r\n\r\n  .oc-hero-grid {\r\n    display: grid;\r\n    grid-template-columns:\r\n      minmax(0, 1fr)\r\n      minmax(360px, 0.85fr);\r\n    gap: 48px;\r\n    align-items: center;\r\n  }\r\n\r\n  .oc-hero-label {\r\n    display: inline-block;\r\n    margin-bottom: 18px;\r\n    color: var(--orange);\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .oc-hero-title {\r\n    margin-bottom: 22px;\r\n    color: var(--text-main);\r\n    font-size: clamp(30px, 4.8vw, 56px);\r\n    font-weight: 900;\r\n    line-height: 1.4;\r\n    letter-spacing: 0.04em;\r\n  }\r\n\r\n  .oc-hero-title span {\r\n    color: var(--orange);\r\n  }\r\n\r\n  .oc-hero-lead {\r\n    max-width: 720px;\r\n    margin-bottom: 27px;\r\n    color: var(--text-body);\r\n    font-size: clamp(14px, 1.6vw, 17px);\r\n    font-weight: 500;\r\n    line-height: 2.05;\r\n    letter-spacing: 0.035em;\r\n  }\r\n\r\n  .oc-hero-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .oc-hero-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 8px 14px;\r\n    border: 1px solid #f5d5bf;\r\n    border-radius: 999px;\r\n    background: #fff;\r\n    color: var(--orange-dark);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.04em;\r\n  }\r\n\r\n  .oc-hero-buttons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n  }\r\n\r\n  .oc-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 54px;\r\n    padding: 14px 25px;\r\n    border-radius: 999px;\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.04em;\r\n    text-decoration: none;\r\n    transition:\r\n      transform 0.22s ease,\r\n      box-shadow 0.22s ease,\r\n      background 0.22s ease;\r\n  }\r\n\r\n  .oc-button:hover {\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .oc-button-art {\r\n    background: var(--orange);\r\n    color: #fff;\r\n    box-shadow:\r\n      0 10px 24px rgba(243, 107, 16, 0.2);\r\n  }\r\n\r\n  .oc-button-art:hover {\r\n    background: var(--orange-dark);\r\n  }\r\n\r\n  .oc-button-business {\r\n    background: var(--blue);\r\n    color: #fff;\r\n    box-shadow:\r\n      0 10px 24px rgba(0, 91, 172, 0.2);\r\n  }\r\n\r\n  .oc-button-business:hover {\r\n    background: #004788;\r\n  }\r\n\r\n  .oc-button-outline {\r\n    border: 1px solid #b8d4ef;\r\n    background: #fff;\r\n    color: var(--blue);\r\n  }\r\n\r\n  .oc-button-outline:hover {\r\n    background: var(--blue-light);\r\n  }\r\n\r\n  .oc-hero-visual {\r\n    position: relative;\r\n  }\r\n\r\n  .oc-hero-photo {\r\n    overflow: hidden;\r\n    border: 7px solid #fff;\r\n    border-radius: 28px;\r\n    background: #f4e7de;\r\n    box-shadow:\r\n      0 24px 54px rgba(90, 40, 0, 0.17);\r\n    transform: rotate(1deg);\r\n  }\r\n\r\n  .oc-hero-photo img {\r\n    aspect-ratio: 4 \/ 5;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .oc-hero-badge {\r\n    position: absolute;\r\n    right: -17px;\r\n    bottom: -18px;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 132px;\r\n    aspect-ratio: 1;\r\n    border: 6px solid #fff;\r\n    border-radius: 50%;\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        #ffb226,\r\n        var(--orange)\r\n      );\r\n    color: #fff;\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    line-height: 1.45;\r\n    text-align: center;\r\n    box-shadow:\r\n      0 14px 30px rgba(0, 0, 0, 0.18);\r\n    transform: rotate(-4deg);\r\n  }\r\n\r\n  \/* =========================\r\n     INTRODUCTION\r\n  ========================= *\/\r\n\r\n  .oc-intro {\r\n    padding: 0 0 62px;\r\n  }\r\n\r\n  .oc-intro-card {\r\n    padding: 36px 38px;\r\n    border: 1px solid var(--border);\r\n    border-radius: 24px;\r\n    background: #fff;\r\n    box-shadow:\r\n      0 14px 36px rgba(0, 52, 105, 0.07);\r\n  }\r\n\r\n  .oc-intro-card p {\r\n    color: var(--text-body);\r\n    font-size: 15px;\r\n    line-height: 2.1;\r\n    letter-spacing: 0.035em;\r\n  }\r\n\r\n  .oc-intro-card p + p {\r\n    margin-top: 17px;\r\n  }\r\n\r\n  \/* =========================\r\n     SECTION TITLE\r\n  ========================= *\/\r\n\r\n  .oc-section-heading {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 28px;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .oc-section-label {\r\n    margin-bottom: 7px;\r\n    color: var(--orange);\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .oc-section-title {\r\n    color: var(--text-main);\r\n    font-size: clamp(24px, 3.1vw, 38px);\r\n    font-weight: 900;\r\n    line-height: 1.5;\r\n    letter-spacing: 0.04em;\r\n  }\r\n\r\n  .oc-section-description {\r\n    max-width: 440px;\r\n    color: var(--text-light);\r\n    font-size: 14px;\r\n    line-height: 1.95;\r\n    letter-spacing: 0.03em;\r\n  }\r\n\r\n  \/* =========================\r\n     PROGRAMS\r\n  ========================= *\/\r\n\r\n  .oc-programs {\r\n    padding: 6px 0 76px;\r\n  }\r\n\r\n  .oc-program-grid {\r\n    display: grid;\r\n    grid-template-columns:\r\n      repeat(3, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  .oc-program-card {\r\n    overflow: hidden;\r\n    border: 1px solid var(--border);\r\n    border-radius: 22px;\r\n    background: #fff;\r\n    box-shadow:\r\n      0 14px 32px rgba(0, 52, 105, 0.08);\r\n  }\r\n\r\n  .oc-program-photo {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #eaf2fa;\r\n  }\r\n\r\n  .oc-program-photo img {\r\n    aspect-ratio: 4 \/ 5;\r\n    object-fit: cover;\r\n    transition: transform 0.4s ease;\r\n  }\r\n\r\n  .oc-program-card:hover\r\n  .oc-program-photo img {\r\n    transform: scale(1.025);\r\n  }\r\n\r\n  .oc-program-number {\r\n    position: absolute;\r\n    top: 14px;\r\n    left: 14px;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 43px;\r\n    height: 43px;\r\n    border-radius: 50%;\r\n    background: var(--orange);\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    box-shadow:\r\n      0 6px 15px rgba(0, 0, 0, 0.16);\r\n  }\r\n\r\n  .oc-program-body {\r\n    padding: 24px 23px 28px;\r\n  }\r\n\r\n  .oc-program-field {\r\n    margin-bottom: 9px;\r\n    color: var(--orange);\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.07em;\r\n  }\r\n\r\n  .oc-program-copy {\r\n    margin-bottom: 12px;\r\n    color: var(--text-main);\r\n    font-size: clamp(20px, 2.2vw, 27px);\r\n    font-weight: 900;\r\n    line-height: 1.55;\r\n    letter-spacing: 0.035em;\r\n  }\r\n\r\n  .oc-program-copy span {\r\n    color: var(--orange);\r\n  }\r\n\r\n  .oc-program-text {\r\n    color: var(--text-body);\r\n    font-size: 14px;\r\n    line-height: 1.95;\r\n    letter-spacing: 0.025em;\r\n  }\r\n\r\n  \/* =========================\r\n     GUIDANCE\r\n  ========================= *\/\r\n\r\n  .oc-guidance {\r\n    padding: 0 0 72px;\r\n  }\r\n\r\n  .oc-guidance-card {\r\n    display: grid;\r\n    grid-template-columns: 0.85fr 1.15fr;\r\n    overflow: hidden;\r\n    border: 1px solid var(--border);\r\n    border-radius: 26px;\r\n    background: #fff;\r\n    box-shadow:\r\n      0 15px 38px rgba(0, 52, 105, 0.08);\r\n  }\r\n\r\n  .oc-guidance-design {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 380px;\r\n    padding: 38px;\r\n    background:\r\n      radial-gradient(\r\n        circle at 80% 20%,\r\n        rgba(255, 255, 255, 0.25) 0 5px,\r\n        transparent 6px\r\n      ) 0 0 \/ 30px 30px,\r\n      linear-gradient(\r\n        145deg,\r\n        #d95008,\r\n        var(--orange)\r\n      );\r\n    color: #fff;\r\n  }\r\n\r\n  .oc-guidance-design-inner {\r\n    text-align: center;\r\n  }\r\n\r\n  .oc-guidance-design-label {\r\n    display: inline-block;\r\n    margin-bottom: 16px;\r\n    padding: 7px 13px;\r\n    border: 1px solid rgba(255, 255, 255, 0.35);\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.12);\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.09em;\r\n  }\r\n\r\n  .oc-guidance-design-title {\r\n    font-size: clamp(28px, 3.8vw, 44px);\r\n    font-weight: 900;\r\n    line-height: 1.5;\r\n    letter-spacing: 0.04em;\r\n  }\r\n\r\n  .oc-guidance-design-title span {\r\n    color: #fff2c8;\r\n  }\r\n\r\n  .oc-guidance-body {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 44px 42px;\r\n  }\r\n\r\n  .oc-guidance-title {\r\n    margin-bottom: 18px;\r\n    color: var(--text-main);\r\n    font-size: clamp(24px, 3vw, 36px);\r\n    font-weight: 900;\r\n    line-height: 1.55;\r\n    letter-spacing: 0.035em;\r\n  }\r\n\r\n  .oc-guidance-text {\r\n    color: var(--text-body);\r\n    font-size: 15px;\r\n    line-height: 2.05;\r\n    letter-spacing: 0.03em;\r\n  }\r\n\r\n  .oc-guidance-points {\r\n    display: grid;\r\n    gap: 10px;\r\n    margin-top: 24px;\r\n  }\r\n\r\n  .oc-guidance-point {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    padding: 13px 15px;\r\n    border: 1px solid #f4ddcf;\r\n    border-radius: 14px;\r\n    background: #fff8f3;\r\n    color: #8a3b0c;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .oc-guidance-point::before {\r\n    content: \"\u2713\";\r\n    color: var(--orange);\r\n    font-size: 16px;\r\n    font-weight: 900;\r\n  }\r\n\r\n  \/* =========================\r\n     APPEAL\r\n  ========================= *\/\r\n\r\n  .oc-appeal {\r\n    padding: 0 0 74px;\r\n  }\r\n\r\n  .oc-appeal-inner {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 46px 46px 48px;\r\n    border-radius: 28px;\r\n    background:\r\n      linear-gradient(\r\n        135deg,\r\n        #c94b08,\r\n        var(--orange)\r\n      );\r\n    color: #fff;\r\n    box-shadow:\r\n      0 18px 42px rgba(143, 57, 0, 0.18);\r\n  }\r\n\r\n  .oc-appeal-inner::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -80px;\r\n    bottom: -100px;\r\n    width: 280px;\r\n    height: 280px;\r\n    border-radius: 50%;\r\n    background: rgba(0, 91, 172, 0.22);\r\n  }\r\n\r\n  .oc-appeal-title,\r\n  .oc-appeal-text {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .oc-appeal-title {\r\n    margin-bottom: 16px;\r\n    font-size: clamp(24px, 3.1vw, 39px);\r\n    font-weight: 900;\r\n    line-height: 1.55;\r\n    letter-spacing: 0.035em;\r\n  }\r\n\r\n  .oc-appeal-title span {\r\n    color: #fff2bd;\r\n  }\r\n\r\n  .oc-appeal-text {\r\n    max-width: 820px;\r\n    color: rgba(255, 255, 255, 0.94);\r\n    font-size: 15px;\r\n    line-height: 2.05;\r\n    letter-spacing: 0.03em;\r\n  }\r\n\r\n  \/* =========================\r\n     NEXT OPEN CAMPUS\r\n  ========================= *\/\r\n\r\n  .oc-next {\r\n    padding: 72px 0 80px;\r\n    border-top: 1px solid #f2ded0;\r\n    background: #fff6f0;\r\n  }\r\n\r\n  .oc-next-inner {\r\n    padding: 46px 44px;\r\n    border: 1px solid #f0dfd2;\r\n    border-radius: 28px;\r\n    background: #fff;\r\n    box-shadow:\r\n      0 16px 40px rgba(91, 42, 8, 0.08);\r\n  }\r\n\r\n  .oc-next-label {\r\n    margin-bottom: 9px;\r\n    color: var(--orange);\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .oc-next-title {\r\n    margin-bottom: 16px;\r\n    color: var(--text-main);\r\n    font-size: clamp(25px, 3.1vw, 39px);\r\n    font-weight: 900;\r\n    line-height: 1.5;\r\n    letter-spacing: 0.035em;\r\n  }\r\n\r\n  .oc-next-text {\r\n    max-width: 840px;\r\n    margin-bottom: 27px;\r\n    color: var(--text-body);\r\n    font-size: 15px;\r\n    line-height: 2.05;\r\n    letter-spacing: 0.03em;\r\n  }\r\n\r\n  .oc-next-points {\r\n    display: grid;\r\n    grid-template-columns:\r\n      repeat(3, minmax(0, 1fr));\r\n    gap: 12px;\r\n    margin-bottom: 29px;\r\n  }\r\n\r\n  .oc-next-point {\r\n    padding: 16px 14px;\r\n    border: 1px solid #f1dccc;\r\n    border-radius: 15px;\r\n    background: #fff6f0;\r\n    color: #8a3b0c;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    line-height: 1.65;\r\n    text-align: center;\r\n  }\r\n\r\n  .oc-footer-note {\r\n    padding: 28px 0 48px;\r\n    background: #fff6f0;\r\n    text-align: center;\r\n  }\r\n\r\n  .oc-footer-note p {\r\n    color: #7e756f;\r\n    font-size: 12px;\r\n    line-height: 1.9;\r\n    letter-spacing: 0.03em;\r\n  }\r\n\r\n  \/* =========================\r\n     TABLET\r\n  ========================= *\/\r\n\r\n  @media (max-width: 900px) {\r\n    .oc-hero-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 36px;\r\n    }\r\n\r\n    .oc-hero-visual {\r\n      max-width: 600px;\r\n    }\r\n\r\n    .oc-hero-photo img {\r\n      aspect-ratio: 16 \/ 10;\r\n    }\r\n\r\n    .oc-program-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .oc-program-photo img {\r\n      aspect-ratio: 16 \/ 10;\r\n    }\r\n\r\n    .oc-guidance-card {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .oc-guidance-design {\r\n      min-height: 300px;\r\n    }\r\n  }\r\n\r\n  \/* =========================\r\n     SMARTPHONE\r\n  ========================= *\/\r\n\r\n  @media (max-width: 640px) {\r\n    .oc-container {\r\n      width: min(100% - 32px, 1120px);\r\n    }\r\n\r\n    .oc-hero {\r\n      padding: 46px 0 54px;\r\n    }\r\n\r\n    .oc-hero-title {\r\n      font-size: 34px;\r\n      line-height: 1.48;\r\n    }\r\n\r\n    .oc-hero-lead {\r\n      font-size: 14px;\r\n      line-height: 1.95;\r\n    }\r\n\r\n    .oc-hero-buttons {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .oc-button {\r\n      width: 100%;\r\n      min-height: 54px;\r\n      padding: 14px 18px;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .oc-hero-photo {\r\n      border-width: 5px;\r\n      border-radius: 21px;\r\n      transform: none;\r\n    }\r\n\r\n    .oc-hero-photo img {\r\n      aspect-ratio: 4 \/ 3;\r\n    }\r\n\r\n    .oc-hero-badge {\r\n      right: -7px;\r\n      bottom: -16px;\r\n      width: 105px;\r\n      border-width: 5px;\r\n      font-size: 11px;\r\n    }\r\n\r\n    .oc-intro {\r\n      padding-bottom: 46px;\r\n    }\r\n\r\n    .oc-intro-card {\r\n      padding: 25px 21px;\r\n      border-radius: 19px;\r\n    }\r\n\r\n    .oc-intro-card p {\r\n      font-size: 14px;\r\n      line-height: 2;\r\n    }\r\n\r\n    .oc-section-heading {\r\n      display: block;\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .oc-section-description {\r\n      margin-top: 12px;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .oc-programs {\r\n      padding-bottom: 54px;\r\n    }\r\n\r\n    .oc-program-card {\r\n      border-radius: 19px;\r\n    }\r\n\r\n    .oc-program-photo img {\r\n      aspect-ratio: 4 \/ 5;\r\n    }\r\n\r\n    .oc-program-body {\r\n      padding: 21px 20px 24px;\r\n    }\r\n\r\n    .oc-program-copy {\r\n      font-size: 23px;\r\n    }\r\n\r\n    .oc-guidance {\r\n      padding-bottom: 54px;\r\n    }\r\n\r\n    .oc-guidance-card {\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .oc-guidance-design {\r\n      min-height: 260px;\r\n      padding: 30px 22px;\r\n    }\r\n\r\n    .oc-guidance-body {\r\n      padding: 28px 22px 30px;\r\n    }\r\n\r\n    .oc-guidance-text {\r\n      font-size: 14px;\r\n      line-height: 2;\r\n    }\r\n\r\n    .oc-appeal {\r\n      padding-bottom: 54px;\r\n    }\r\n\r\n    .oc-appeal-inner {\r\n      padding: 30px 23px 32px;\r\n      border-radius: 22px;\r\n    }\r\n\r\n    .oc-appeal-text {\r\n      font-size: 14px;\r\n      line-height: 2;\r\n    }\r\n\r\n    .oc-next {\r\n      padding: 54px 0 62px;\r\n    }\r\n\r\n    .oc-next-inner {\r\n      padding: 30px 22px;\r\n      border-radius: 22px;\r\n    }\r\n\r\n    .oc-next-text {\r\n      font-size: 14px;\r\n      line-height: 2;\r\n    }\r\n\r\n    .oc-next-points {\r\n      grid-template-columns: 1fr;\r\n      gap: 9px;\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<main class=\"oc-report-page\">\r\n  <article>\r\n\r\n    <!-- =========================\r\n         HERO\r\n    ========================== -->\r\n\r\n    <section\r\n      class=\"oc-hero\"\r\n      aria-label=\"7\u670818\u65e5\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u958b\u50ac\u30ec\u30dd\u30fc\u30c8\"\r\n    >\r\n      <div class=\"oc-container oc-hero-grid\">\r\n\r\n        <div class=\"oc-hero-content\">\r\n\r\n          <p class=\"oc-hero-label\">\r\n            Open Campus Report\r\n          <\/p>\r\n\r\n          <h1 class=\"oc-hero-title\">\r\n            7\u670818\u65e5(\u571f)<br>\r\n            <span>\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9<\/span>\u3092<br>\r\n            \u958b\u50ac\u3057\u307e\u3057\u305f\uff01\r\n          <\/h1>\r\n\r\n          <p class=\"oc-hero-lead\">\r\n            \u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821\u30fb\r\n            \u5b87\u90fd\u5bae\u30d3\u30b8\u30cd\u30b9\u96fb\u5b50\u5c02\u9580\u5b66\u6821\u3067\r\n            \u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3092\u958b\u50ac\u3057\u307e\u3057\u305f\u3002\r\n            \u4f53\u9a13\u6388\u696d\u3092\u901a\u3057\u3066\u3001\u8208\u5473\u306e\u3042\u308b\u5206\u91ce\u3084\u5c06\u6765\u306e\u4ed5\u4e8b\u3092\r\n            \u3088\u308a\u5177\u4f53\u7684\u306b\u30a4\u30e1\u30fc\u30b8\u3057\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002\r\n          <\/p>\r\n\r\n          <div\r\n            class=\"oc-hero-tags\"\r\n            aria-label=\"\u4eca\u56de\u5b9f\u65bd\u3057\u305f\u5206\u91ce\"\r\n          >\r\n            <span class=\"oc-hero-tag\">\r\n              \u58f0\u512a\u30fb\u4ff3\u512a\u5206\u91ce\r\n            <\/span>\r\n\r\n            <span class=\"oc-hero-tag\">\r\n              WEB\u5206\u91ce\r\n            <\/span>\r\n\r\n            <span class=\"oc-hero-tag\">\r\n              \u60c5\u5831\u51e6\u7406\u30fbIT\u5206\u91ce\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"oc-hero-buttons\">\r\n\r\n            <a\r\n              class=\"oc-button oc-button-art\"\r\n              href=\"https:\/\/www.ubdc.ac.jp\/art\/admission\/experience_entry\/\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n            >\r\n              A&amp;S\u306e\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\r\n            <\/a>\r\n\r\n            <a\r\n              class=\"oc-button oc-button-business\"\r\n              href=\"https:\/\/www.ubdc.ac.jp\/business\/experience-entry\/\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n            >\r\n              \u30d3\u30b8\u96fb\u306e\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\r\n            <\/a>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"oc-hero-visual\">\r\n\r\n          <figure class=\"oc-hero-photo\">\r\n            <img\r\n              src=\"https:\/\/www.ubdc.ac.jp\/business\/wp-content\/uploads\/sites\/2\/oc_0718_voice_superlight.webp\"\r\n              alt=\"\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821\u306e\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3067\u58f0\u512a\u30fb\u4ff3\u512a\u5206\u91ce\u306e\u30a2\u30d5\u30ec\u30b3\u3092\u4f53\u9a13\u3057\u3066\u3044\u308b\u69d8\u5b50\"\r\n              width=\"800\"\r\n              height=\"1000\"\r\n              decoding=\"async\"\r\n              fetchpriority=\"high\"\r\n            >\r\n          <\/figure>\r\n\r\n          <div class=\"oc-hero-badge\">\r\n            7.18<br>\r\n            OPEN<br>\r\n            CAMPUS\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- =========================\r\n         INTRODUCTION\r\n    ========================== -->\r\n\r\n    <section\r\n      class=\"oc-intro\"\r\n      aria-label=\"\u958b\u50ac\u306e\u304a\u793c\"\r\n    >\r\n      <div class=\"oc-container\">\r\n\r\n        <div class=\"oc-intro-card\">\r\n\r\n          <p>\r\n            \u672c\u65e5\u306e\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u306b\u3054\u53c2\u52a0\u3044\u305f\u3060\u3044\u305f\r\n            \u9ad8\u6821\u751f\u30fb\u4fdd\u8b77\u8005\u306e\u7686\u3055\u307e\u3001\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\u3002\r\n          <\/p>\r\n\r\n          <p>\r\n            \u4eca\u56de\u306f\u3001\u58f0\u512a\u30fb\u4ff3\u512a\u5206\u91ce\u3001WEB\u5206\u91ce\u3001\r\n            \u60c5\u5831\u51e6\u7406\u30fbIT\u5206\u91ce\u306a\u3069\u3067\u4f53\u9a13\u6388\u696d\u3092\u5b9f\u65bd\u3057\u307e\u3057\u305f\u3002\r\n            \u5b9f\u969b\u306b\u898b\u3066\u3001\u805e\u3044\u3066\u3001\u4f53\u9a13\u3059\u308b\u3053\u3068\u3067\u3001\r\n            \u30d1\u30f3\u30d5\u30ec\u30c3\u30c8\u3084\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3060\u3051\u3067\u306f\u5206\u304b\u3089\u306a\u3044\r\n            \u6388\u696d\u306e\u96f0\u56f2\u6c17\u3084\u5148\u751f\u3068\u306e\u8ddd\u96e2\u611f\u3092\u611f\u3058\u3066\u3044\u305f\u3060\u3051\u308b\r\n            \u4e00\u65e5\u3068\u306a\u308a\u307e\u3057\u305f\u3002\r\n          <\/p>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- =========================\r\n         EXPERIENCE PROGRAMS\r\n    ========================== -->\r\n\r\n    <section\r\n      class=\"oc-programs\"\r\n      aria-label=\"\u4f53\u9a13\u6388\u696d\u306e\u69d8\u5b50\"\r\n    >\r\n      <div class=\"oc-container\">\r\n\r\n        <div class=\"oc-section-heading\">\r\n\r\n          <div>\r\n            <p class=\"oc-section-label\">\r\n              Experience Classes\r\n            <\/p>\r\n\r\n            <h2 class=\"oc-section-title\">\r\n              \u4eca\u65e5\u306e\u4f53\u9a13\u6388\u696d\u3092\u3054\u7d39\u4ecb\r\n            <\/h2>\r\n          <\/div>\r\n\r\n          <p class=\"oc-section-description\">\r\n            \u300c\u6c17\u306b\u306a\u308b\u300d\u3092\u5b9f\u969b\u306e\u5b66\u3073\u306b\u5909\u3048\u308b\u4f53\u9a13\u6388\u696d\u3002\r\n            \u305d\u308c\u305e\u308c\u306e\u5206\u91ce\u306a\u3089\u3067\u306f\u306e\u4ed5\u4e8b\u306e\u9762\u767d\u3055\u306b\r\n            \u89e6\u308c\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"oc-program-grid\">\r\n\r\n          <!-- \u58f0\u512a\u30fb\u4ff3\u512a\u5206\u91ce -->\r\n\r\n          <article class=\"oc-program-card\">\r\n\r\n            <div class=\"oc-program-photo\">\r\n\r\n              <img\r\n                src=\"https:\/\/www.ubdc.ac.jp\/business\/wp-content\/uploads\/sites\/2\/oc_0718_voice_superlight.webp\"\r\n                alt=\"\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u306e\u58f0\u512a\u30fb\u4ff3\u512a\u5206\u91ce\u3067\u30a2\u30d5\u30ec\u30b3\u3092\u4f53\u9a13\u3057\u3066\u3044\u308b\u69d8\u5b50\"\r\n                width=\"800\"\r\n                height=\"1000\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n\r\n              <span class=\"oc-program-number\">\r\n                01\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"oc-program-body\">\r\n\r\n              <p class=\"oc-program-field\">\r\n                \u58f0\u512a\u30fb\u4ff3\u512a\u5206\u91ce\r\n              <\/p>\r\n\r\n              <h3 class=\"oc-program-copy\">\r\n                \u305d\u306e\u4e00\u8a00\u304c\u3001<br>\r\n                <span>\u8ab0\u304b\u306e\u5fc3\u3092\u52d5\u304b\u3059\u3002<\/span>\r\n              <\/h3>\r\n\r\n              <p class=\"oc-program-text\">\r\n                \u30de\u30a4\u30af\u306e\u524d\u306b\u7acb\u3061\u3001\r\n                \u6620\u50cf\u306b\u5408\u308f\u305b\u3066\u58f0\u3092\u5c4a\u3051\u308b\u30a2\u30d5\u30ec\u30b3\u3092\u4f53\u9a13\u3057\u307e\u3057\u305f\u3002\r\n                \u58f0\u306e\u51fa\u3057\u65b9\u3084\u6f14\u6280\u3092\u901a\u3057\u3066\u3001\r\n                \u81ea\u5206\u3089\u3057\u304f\u8868\u73fe\u3059\u308b\u697d\u3057\u3055\u306b\u89e6\u308c\u307e\u3057\u305f\u3002\r\n              <\/p>\r\n\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- WEB\u5206\u91ce -->\r\n\r\n          <article class=\"oc-program-card\">\r\n\r\n            <div class=\"oc-program-photo\">\r\n\r\n              <img\r\n                src=\"https:\/\/www.ubdc.ac.jp\/business\/wp-content\/uploads\/sites\/2\/oc_0718_web_superlight.webp\"\r\n                alt=\"\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u306eWEB\u5206\u91ce\u3067\u30c7\u30b6\u30a4\u30f3\u306b\u3064\u3044\u3066\u8aac\u660e\u3092\u53d7\u3051\u3066\u3044\u308b\u69d8\u5b50\"\r\n                width=\"800\"\r\n                height=\"1000\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n\r\n              <span class=\"oc-program-number\">\r\n                02\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"oc-program-body\">\r\n\r\n              <p class=\"oc-program-field\">\r\n                WEB\u5206\u91ce\r\n              <\/p>\r\n\r\n              <h3 class=\"oc-program-copy\">\r\n                \u30b9\u30de\u30db\u306e\u5411\u3053\u3046\u306e<br>\r\n                <span>\u4e16\u754c\u3092\u3001\u3064\u304f\u308b\u3002<\/span>\r\n              <\/h3>\r\n\r\n              <p class=\"oc-program-text\">\r\n                \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3084Web\u30b5\u30a4\u30c8\u306e\u753b\u9762\u304c\u3001\r\n                \u3069\u306e\u3088\u3046\u306a\u8003\u3048\u65b9\u3067\u30c7\u30b6\u30a4\u30f3\u3055\u308c\u3066\u3044\u308b\u306e\u304b\u3092\r\n                \u7d39\u4ecb\u3057\u307e\u3057\u305f\u3002\r\n                \u30c7\u30b6\u30a4\u30f3\u3068\u30c7\u30b8\u30bf\u30eb\u306e\u529b\u3067\u3001\r\n                \u76f8\u624b\u306b\u4f1d\u308f\u308b\u8868\u73fe\u3092\u3064\u304f\u308b\u4ed5\u4e8b\u306b\u89e6\u308c\u307e\u3057\u305f\u3002\r\n              <\/p>\r\n\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- \u60c5\u5831\u51e6\u7406\u30fbIT\u5206\u91ce -->\r\n\r\n          <article class=\"oc-program-card\">\r\n\r\n            <div class=\"oc-program-photo\">\r\n\r\n              <img\r\n                src=\"https:\/\/www.ubdc.ac.jp\/business\/wp-content\/uploads\/sites\/2\/oc_0718_it_superlight.webp\"\r\n                alt=\"\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u306e\u60c5\u5831\u51e6\u7406\u30fbIT\u5206\u91ce\u3067\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306e\u8aac\u660e\u3092\u53d7\u3051\u3066\u3044\u308b\u69d8\u5b50\"\r\n                width=\"800\"\r\n                height=\"1000\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n\r\n              <span class=\"oc-program-number\">\r\n                03\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"oc-program-body\">\r\n\r\n              <p class=\"oc-program-field\">\r\n                \u60c5\u5831\u51e6\u7406\u30fbIT\u5206\u91ce\r\n              <\/p>\r\n\r\n              <h3 class=\"oc-program-copy\">\r\n                \u81ea\u5206\u306e\u30a2\u30a4\u30c7\u30a2\u304c\u3001<br>\r\n                <span>\u30ab\u30bf\u30c1\u306b\u306a\u308b\u3002<\/span>\r\n              <\/h3>\r\n\r\n              <p class=\"oc-program-text\">\r\n                \u30b7\u30b9\u30c6\u30e0\u3092\u7d44\u307f\u7acb\u3066\u308b\u9762\u767d\u3055\u3084\u3001\r\n                \u30d7\u30ed\u30b0\u30e9\u30e0\u3092\u4fee\u6b63\u3059\u308b\u30c7\u30d0\u30c3\u30b0\u306e\u9b45\u529b\u3092\u7d39\u4ecb\u3057\u307e\u3057\u305f\u3002\r\n                \u81ea\u5206\u306e\u30a2\u30a4\u30c7\u30a2\u304c\u88fd\u54c1\u3084\u30b5\u30fc\u30d3\u30b9\u306b\u3064\u306a\u304c\u308b\u3001\r\n                IT\u306e\u4ed5\u4e8b\u3092\u30a4\u30e1\u30fc\u30b8\u3057\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002\r\n              <\/p>\r\n\r\n            <\/div>\r\n          <\/article>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- =========================\r\n         GUIDANCE\r\n    ========================== -->\r\n\r\n    <section\r\n      class=\"oc-guidance\"\r\n      aria-label=\"\u5b66\u6821\u8aac\u660e\u3068\u9032\u8def\u76f8\u8ac7\"\r\n    >\r\n      <div class=\"oc-container\">\r\n\r\n        <div class=\"oc-guidance-card\">\r\n\r\n          <div class=\"oc-guidance-design\">\r\n\r\n            <div class=\"oc-guidance-design-inner\">\r\n\r\n              <p class=\"oc-guidance-design-label\">\r\n                Guidance &amp; Counseling\r\n              <\/p>\r\n\r\n              <p class=\"oc-guidance-design-title\">\r\n                \u5c11\u4eba\u6570\u3060\u304b\u3089\u3001<br>\r\n                <span>\u3058\u3063\u304f\u308a\u76f8\u8ac7\u3067\u304d\u308b\u3002<\/span>\r\n              <\/p>\r\n\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"oc-guidance-body\">\r\n\r\n            <h2 class=\"oc-guidance-title\">\r\n              \u5b66\u6821\u8aac\u660e\u30fb\u9032\u8def\u76f8\u8ac7\u3082<br>\r\n              \u884c\u3044\u307e\u3057\u305f\r\n            <\/h2>\r\n\r\n            <p class=\"oc-guidance-text\">\r\n              \u4f53\u9a13\u6388\u696d\u3060\u3051\u3067\u306a\u304f\u3001\r\n              \u6388\u696d\u5185\u5bb9\u3001\u8cc7\u683c\u3001\u5c31\u8077\u3001\u5165\u8a66\u3001\u5b66\u8cbb\u3001\u5b66\u6821\u751f\u6d3b\u306a\u3069\u3001\r\n              \u4e00\u4eba\u3072\u3068\u308a\u306e\u7591\u554f\u3084\u4e0d\u5b89\u306b\u5408\u308f\u305b\u305f\r\n              \u8aac\u660e\u30fb\u76f8\u8ac7\u3092\u884c\u3063\u3066\u3044\u307e\u3059\u3002\r\n            <\/p>\r\n\r\n            <div class=\"oc-guidance-points\">\r\n\r\n              <div class=\"oc-guidance-point\">\r\n                \u8208\u5473\u306e\u3042\u308b\u5206\u91ce\u3084\u30b3\u30fc\u30b9\u306b\u3064\u3044\u3066\u76f8\u8ac7\u3067\u304d\u308b\r\n              <\/div>\r\n\r\n              <div class=\"oc-guidance-point\">\r\n                \u8cc7\u683c\u53d6\u5f97\u3084\u5c31\u8077\u30b5\u30dd\u30fc\u30c8\u3092\u5177\u4f53\u7684\u306b\u78ba\u8a8d\u3067\u304d\u308b\r\n              <\/div>\r\n\r\n              <div class=\"oc-guidance-point\">\r\n                \u5165\u8a66\u30fb\u5b66\u8cbb\u30fb\u5968\u5b66\u91d1\u306b\u3064\u3044\u3066\u8cea\u554f\u3067\u304d\u308b\r\n              <\/div>\r\n\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- =========================\r\n         APPEAL\r\n    ========================== -->\r\n\r\n    <section\r\n      class=\"oc-appeal\"\r\n      aria-label=\"\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u306e\u9b45\u529b\"\r\n    >\r\n      <div class=\"oc-container\">\r\n\r\n        <div class=\"oc-appeal-inner\">\r\n\r\n          <h2 class=\"oc-appeal-title\">\r\n            \u9032\u8def\u9078\u3073\u306f\u3001<br>\r\n            <span>\u300c\u81ea\u5206\u3082\u3084\u3063\u3066\u307f\u305f\u3044\u300d<\/span>\u304b\u3089\u59cb\u307e\u308b\u3002\r\n          <\/h2>\r\n\r\n          <p class=\"oc-appeal-text\">\r\n            \u540c\u3058\u300c\u597d\u304d\u300d\u3067\u3082\u3001\u5b66\u3073\u65b9\u3084\u5c06\u6765\u306e\u4ed5\u4e8b\u306f\u3055\u307e\u3056\u307e\u3067\u3059\u3002\r\n            \u5b9f\u969b\u306e\u6388\u696d\u3092\u4f53\u9a13\u3059\u308b\u3053\u3068\u3067\u3001\r\n            \u81ea\u5206\u306b\u5408\u3046\u5206\u91ce\u3084\u5c06\u6765\u53d6\u308a\u7d44\u307f\u305f\u3044\u4ed5\u4e8b\u304c\r\n            \u5c11\u3057\u305a\u3064\u898b\u3048\u3066\u304d\u307e\u3059\u3002\r\n            \u307e\u3060\u9032\u8def\u304c\u6c7a\u307e\u3063\u3066\u3044\u306a\u3044\u65b9\u3082\u3001\r\n            \u307e\u305a\u306f\u6c17\u306b\u306a\u308b\u5206\u91ce\u304b\u3089\u4f53\u9a13\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\r\n          <\/p>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- =========================\r\n         NEXT OPEN CAMPUS\r\n    ========================== -->\r\n\r\n    <section\r\n      class=\"oc-next\"\r\n      aria-label=\"\u6b21\u56de\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u6848\u5185\"\r\n    >\r\n      <div class=\"oc-container\">\r\n\r\n        <div class=\"oc-next-inner\">\r\n\r\n          <p class=\"oc-next-label\">\r\n            Next Open Campus\r\n          <\/p>\r\n\r\n          <h2 class=\"oc-next-title\">\r\n            \u6b21\u56de\u306e\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3082<br>\r\n            \u305c\u3072\u3054\u53c2\u52a0\u304f\u3060\u3055\u3044\r\n          <\/h2>\r\n\r\n          <p class=\"oc-next-text\">\r\n            \u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821\u30fb\r\n            \u5b87\u90fd\u5bae\u30d3\u30b8\u30cd\u30b9\u96fb\u5b50\u5c02\u9580\u5b66\u6821\u3067\u306f\u3001\r\n            \u9ad8\u68211\u30fb2\u30fb3\u5e74\u751f\u3001\u4fdd\u8b77\u8005\u306e\u7686\u3055\u307e\u3092\u5bfe\u8c61\u306b\r\n            \u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3092\u958b\u50ac\u3057\u3066\u3044\u307e\u3059\u3002\r\n            \u5206\u91ce\u9078\u3073\u306b\u8ff7\u3063\u3066\u3044\u308b\u65b9\u3082\u3001\r\n            \u5148\u751f\u304c\u4e00\u7dd2\u306b\u9032\u8def\u3092\u8003\u3048\u307e\u3059\u3002\r\n          <\/p>\r\n\r\n          <div class=\"oc-next-points\">\r\n\r\n            <div class=\"oc-next-point\">\r\n              \u5b9f\u969b\u306e\u6388\u696d\u3092<br>\r\n              \u4f53\u9a13\u3067\u304d\u308b\r\n            <\/div>\r\n\r\n            <div class=\"oc-next-point\">\r\n              \u8cc7\u683c\u30fb\u5c31\u8077\u306b\u3064\u3044\u3066<br>\r\n              \u805e\u304f\u3053\u3068\u304c\u3067\u304d\u308b\r\n            <\/div>\r\n\r\n            <div class=\"oc-next-point\">\r\n              \u5b66\u6821\u3084\u5148\u751f\u306e\u96f0\u56f2\u6c17\u3092<br>\r\n              \u78ba\u8a8d\u3067\u304d\u308b\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"oc-hero-buttons\">\r\n\r\n            <a\r\n              class=\"oc-button oc-button-art\"\r\n              href=\"https:\/\/www.ubdc.ac.jp\/art\/admission\/experience_entry\/\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n            >\r\n              A&amp;S\u306e\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\r\n            <\/a>\r\n\r\n            <a\r\n              class=\"oc-button oc-button-business\"\r\n              href=\"https:\/\/www.ubdc.ac.jp\/business\/experience-entry\/\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n            >\r\n              \u30d3\u30b8\u96fb\u306e\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\r\n            <\/a>\r\n\r\n            <a\r\n              class=\"oc-button oc-button-outline\"\r\n              href=\"https:\/\/www.ubdc.ac.jp\/art\/admission\/document_request\/\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n            >\r\n              \u8cc7\u6599\u8acb\u6c42\u306f\u3053\u3061\u3089\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- =========================\r\n         FOOTER NOTE\r\n    ========================== -->\r\n\r\n    <footer class=\"oc-footer-note\">\r\n\r\n      <div class=\"oc-container\">\r\n\r\n        <p>\r\n          \u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821\uff0f\r\n          \u5b87\u90fd\u5bae\u30d3\u30b8\u30cd\u30b9\u96fb\u5b50\u5c02\u9580\u5b66\u6821<br>\r\n          \u6803\u6728\u770c\u30fb\u5b87\u90fd\u5bae\u3067\u5c02\u9580\u5206\u91ce\u3092\u5b66\u3073\u3001\r\n          \u5c06\u6765\u306e\u4ed5\u4e8b\u306b\u3064\u306a\u3052\u308b\u5c02\u9580\u5b66\u6821\u3067\u3059\u3002\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/footer>\r\n\r\n  <\/article>\r\n<\/main>\r\n\r\n<\/body>\r\n<\/html>","protected":false},"excerpt":{"rendered":"7\u670818\u65e5(\u571f)\u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3092\u958b\u50ac\u3057\u307e\u3057\u305f\uff5c\u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9\u30dd\u30fc\u30c4\u5c02\u9580\u5b66\u6821\u30fb\u5b87\u90fd\u5bae\u30d3\u30b8\u30cd\u30b9\u96fb\u5b50\u5c02\u9580\u5b66\u6821 Open Campus Report 7\u670818\u65e5(\u571f) \u30aa\u30fc\u30d7\u30f3\u30ad\u30e3\u30f3\u30d1\u30b9\u3092 \u958b\u50ac\u3057\u307e\u3057\u305f\uff01 \u5b87\u90fd\u5bae\u30a2\u30fc\u30c8\uff06\u30b9 ...","protected":false},"author":1,"featured_media":36061,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","vk-ltc-link":"","vk-ltc-target":"0"},"categories":[65,81,1],"tags":[],"class_list":["post-36483","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-event","category-81","category-news"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/posts\/36483","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=36483"}],"version-history":[{"count":1,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/posts\/36483\/revisions"}],"predecessor-version":[{"id":36484,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/posts\/36483\/revisions\/36484"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/media\/36061"}],"wp:attachment":[{"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/media?parent=36483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/categories?post=36483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ubdc.ac.jp\/art\/wp-json\/wp\/v2\/tags?post=36483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}