{"id":27,"date":"2026-02-06T02:58:07","date_gmt":"2026-02-05T17:58:07","guid":{"rendered":"https:\/\/orika0306.com\/?page_id=27"},"modified":"2026-02-06T03:34:04","modified_gmt":"2026-02-05T18:34:04","slug":"27-2","status":"publish","type":"page","link":"https:\/\/orika0306.com\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>\u682a\u5f0f\u4f1a\u793eORI\uff5c\u5b50\u80b2\u3066\u3068\u4ed5\u4e8b\u306e\u4e21\u7acb\u3092\u652f\u3048\u308b<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&#038;family=Zen+Kaku+Gothic+New:wght@400;500;700;900&#038;family=Noto+Serif+JP:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/remixicon\/4.6.0\/remixicon.min.css\">\n<style>\n:root {\n  --navy: #1a2332;\n  --navy-light: #2a3a4e;\n  --slate: #3d4f63;\n  --steel: #6b7d91;\n  --mist: #94a3b5;\n  --silver: #c8d0d9;\n  --pearl: #e8ecf0;\n  --ivory: #f5f6f8;\n  --warm-white: #fafbfc;\n  --accent: #7eaabe;\n  --accent-soft: #a3c4d4;\n  --accent-pale: #dce9ef;\n  --accent-faint: #eef4f7;\n  --sage: #8fa99b;\n  --sage-pale: #dde8e1;\n  --rose: #c2967e;\n  --rose-pale: #ede3db;\n  --gold: #b8a07a;\n  --gold-pale: #ede6d8;\n  --text-primary: #1a2332;\n  --text-body: #4a5568;\n  --text-muted: #7a8694;\n  --white: #ffffff;\n  --shadow-xs: 0 1px 3px rgba(26,35,50,0.04);\n  --shadow-sm: 0 2px 12px rgba(26,35,50,0.06);\n  --shadow-md: 0 4px 24px rgba(26,35,50,0.08);\n  --shadow-lg: 0 12px 48px rgba(26,35,50,0.10);\n  --radius: 12px;\n  --radius-lg: 20px;\n}\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\n\n\/* === WordPress Full-Width Override === *\/\n.ori-site {\n  width: 100vw;\n  max-width: 100vw;\n  margin-left: calc(-50vw + 50%);\n  overflow-x: hidden;\n  position: relative;\n}\n\/* WordPress theme container overrides *\/\n.entry-content,\n.post-content,\n.page-content,\n.wp-block-post-content,\n.site-content,\n.content-area,\narticle,\n.type-page {\n  max-width: 100% !important;\n  width: 100% !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\n\nbody {\n  font-family: 'Noto Serif JP', 'Zen Kaku Gothic New', serif;\n  color: var(--text-body);\n  background: var(--warm-white);\n  line-height: 1.9;\n  overflow-x: hidden;\n  -webkit-font-smoothing: antialiased;\n}\n\n.container {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 40px;\n}\n.section { padding: 120px 0; }\n\n.section-label {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1rem;\n  font-weight: 600;\n  letter-spacing: 0.25em;\n  text-transform: uppercase;\n  color: var(--accent);\n  margin-bottom: 16px;\n}\n.section-title {\n  font-family: 'Noto Serif JP', serif;\n  font-weight: 600;\n  font-size: 2.4rem;\n  color: var(--text-primary);\n  margin-bottom: 20px;\n  line-height: 1.5;\n  letter-spacing: 0.04em;\n}\n.section-sub {\n  color: var(--text-muted);\n  font-size: 1.1rem;\n  max-width: 600px;\n  font-weight: 300;\n  letter-spacing: 0.02em;\n  line-height: 1.9;\n}\n.section-header { text-align: center; margin-bottom: 72px; }\n.section-header .section-sub { margin: 0 auto; }\n.divider {\n  width: 48px; height: 1px;\n  background: var(--accent);\n  margin: 28px auto 0;\n}\n\n\/* Animations *\/\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(28px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n@keyframes subtleFloat {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n.fade-up {\n  opacity: 0; transform: translateY(28px);\n  transition: opacity 0.8s cubic-bezier(0.25,0.46,0.45,0.94), transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94);\n}\n.fade-up.visible { opacity: 1; transform: translateY(0); }\n\n\/* ===== Header ===== *\/\n.header {\n  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n  background: rgba(250,251,252,0.9);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n  border-bottom: 1px solid rgba(26,35,50,0.05);\n  transition: box-shadow 0.4s;\n}\n.header.scrolled { box-shadow: 0 1px 20px rgba(26,35,50,0.06); }\n.header-inner {\n  display: flex; align-items: center; justify-content: space-between;\n  height: 88px;\n}\n.logo { display: flex; align-items: center; gap: 14px; text-decoration: none; }\n.logo-mark {\n  width: 48px; height: 48px;\n  background: var(--navy);\n  border-radius: 10px;\n  display: flex; align-items: center; justify-content: center;\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 700;\n  font-size: 1.4rem;\n  color: var(--white);\n}\n.logo-text {\n  font-family: 'Noto Serif JP', serif;\n  font-weight: 600;\n  font-size: 1.25rem;\n  color: var(--text-primary);\n  letter-spacing: 0.06em;\n}\n.logo-text small {\n  display: block;\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 0.7rem;\n  font-weight: 400;\n  color: var(--text-muted);\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n}\n.nav { display: flex; align-items: center; gap: 40px; }\n.nav a {\n  text-decoration: none;\n  color: var(--text-body);\n  font-size: 1.05rem;\n  font-weight: 500;\n  letter-spacing: 0.06em;\n  transition: color 0.3s;\n  font-family: 'Zen Kaku Gothic New', sans-serif;\n}\n.nav a:hover { color: var(--accent); }\n.nav-cta {\n  background: var(--navy) !important;\n  color: var(--white) !important;\n  padding: 14px 36px;\n  border-radius: 6px;\n  transition: background 0.3s, transform 0.3s !important;\n}\n.nav-cta:hover { background: var(--navy-light) !important; transform: translateY(-1px); }\n\n.menu-toggle {\n  display: none; background: none; border: none; cursor: pointer;\n  font-size: 1.8rem; color: var(--text-primary);\n}\n.mobile-nav {\n  display: none;\n  position: fixed; top: 88px; left: 0; right: 0; bottom: 0;\n  background: rgba(250,251,252,0.98);\n  backdrop-filter: blur(24px);\n  flex-direction: column; align-items: center; justify-content: center;\n  gap: 40px; z-index: 999;\n}\n.mobile-nav.active { display: flex; }\n.mobile-nav a {\n  text-decoration: none; font-size: 1.3rem; font-weight: 600;\n  color: var(--text-primary); letter-spacing: 0.08em;\n  font-family: 'Noto Serif JP', serif;\n}\n@media (max-width: 900px) {\n  .nav { display: none; }\n  .menu-toggle { display: block; }\n  .container { padding: 0 24px; }\n}\n\n\/* ===== Hero ===== *\/\n.hero {\n  position: relative;\n  min-height: 100vh;\n  display: flex; align-items: center;\n  background: var(--ivory);\n  overflow: hidden;\n  padding-top: 88px;\n}\n.hero::before {\n  content: '';\n  position: absolute; top: 0; right: 0;\n  width: 50%; height: 100%;\n  background: linear-gradient(165deg, var(--accent-faint) 0%, var(--pearl) 100%);\n  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);\n}\n.hero-deco {\n  position: absolute; pointer-events: none;\n  border-radius: 50%; border: 1px solid;\n}\n.hero-deco-1 {\n  width: 420px; height: 420px;\n  border-color: rgba(126,170,190,0.08);\n  top: 10%; right: 2%;\n  animation: subtleFloat 12s ease-in-out infinite;\n}\n.hero-deco-2 {\n  width: 240px; height: 240px;\n  border-color: rgba(143,169,155,0.08);\n  bottom: 16%; right: 26%;\n  animation: subtleFloat 9s ease-in-out infinite 2s;\n}\n\n.hero-inner {\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: 80px;\n  align-items: center;\n  position: relative; z-index: 1;\n}\n.hero-eyebrow {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1.1rem;\n  font-weight: 600;\n  letter-spacing: 0.25em;\n  text-transform: uppercase;\n  color: var(--accent);\n  margin-bottom: 28px;\n  animation: fadeUp 0.8s ease forwards;\n}\n.hero-catch {\n  font-family: 'Noto Serif JP', serif;\n  font-weight: 600;\n  font-size: 3.2rem;\n  color: var(--text-primary);\n  line-height: 1.65;\n  margin-bottom: 36px;\n  letter-spacing: 0.04em;\n  animation: fadeUp 0.8s ease 0.15s forwards;\n  opacity: 0;\n}\n.hero-catch em {\n  font-style: normal;\n  color: var(--accent);\n  position: relative;\n}\n.hero-catch em::after {\n  content: '';\n  position: absolute; bottom: 4px; left: 0; right: 0;\n  height: 1px;\n  background: var(--accent-soft);\n}\n.hero-desc {\n  font-size: 1.15rem;\n  color: var(--text-muted);\n  margin-bottom: 52px;\n  letter-spacing: 0.02em;\n  font-weight: 300;\n  line-height: 2.2;\n  animation: fadeUp 0.8s ease 0.3s forwards;\n  opacity: 0;\n}\n.hero-btns {\n  display: flex; gap: 20px; flex-wrap: wrap;\n  animation: fadeUp 0.8s ease 0.45s forwards;\n  opacity: 0;\n}\n.btn {\n  display: inline-flex; align-items: center; gap: 10px;\n  padding: 18px 44px;\n  border-radius: 6px;\n  font-size: 1.05rem;\n  font-weight: 600;\n  text-decoration: none;\n  transition: all 0.35s;\n  cursor: pointer; border: none;\n  font-family: 'Zen Kaku Gothic New', sans-serif;\n  letter-spacing: 0.06em;\n}\n.btn-primary { background: var(--navy); color: var(--white); }\n.btn-primary:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: var(--shadow-md); }\n.btn-outline { background: transparent; color: var(--navy); border: 1.5px solid var(--silver); }\n.btn-outline:hover { border-color: var(--navy); background: var(--ivory); }\n\n.hero-visual {\n  display: flex; justify-content: center; align-items: center;\n  animation: fadeIn 1.2s ease 0.4s forwards;\n  opacity: 0;\n}\n.hero-card-stack {\n  position: relative;\n  width: 100%; max-width: 520px;\n  height: 500px;\n}\n.hero-card {\n  position: absolute;\n  background: var(--white);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--shadow-md);\n  padding: 40px 44px;\n  display: flex; flex-direction: column; justify-content: center;\n  transition: transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94);\n}\n.hero-card:hover { transform: translateY(-6px) !important; }\n.hero-card-1 { width: 340px; top: 0; left: 0; z-index: 3; border-left: 4px solid var(--accent); }\n.hero-card-2 { width: 320px; top: 160px; right: 0; z-index: 2; border-left: 4px solid var(--sage); }\n.hero-card-3 { width: 300px; bottom: 10px; left: 40px; z-index: 1; border-left: 4px solid var(--rose); }\n.hero-card-icon {\n  width: 52px; height: 52px;\n  border-radius: 12px;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 1.4rem;\n  margin-bottom: 16px;\n}\n.hero-card-1 .hero-card-icon { background: var(--accent-pale); color: var(--accent); }\n.hero-card-2 .hero-card-icon { background: var(--sage-pale); color: var(--sage); }\n.hero-card-3 .hero-card-icon { background: var(--rose-pale); color: var(--rose); }\n.hero-card-label {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 0.85rem;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--text-muted);\n  margin-bottom: 6px;\n}\n.hero-card-value {\n  font-family: 'Noto Serif JP', serif;\n  font-weight: 600;\n  font-size: 1.2rem;\n  color: var(--text-primary);\n  letter-spacing: 0.04em;\n}\n.hero-card-note {\n  font-size: 0.92rem;\n  color: var(--text-muted);\n  margin-top: 8px;\n  font-weight: 300;\n}\n\n@media (max-width: 1100px) {\n  .hero-inner { gap: 48px; }\n  .hero-catch { font-size: 2.6rem; }\n  .hero-card-stack { max-width: 440px; height: 420px; }\n}\n@media (max-width: 900px) {\n  .hero::before { width: 100%; clip-path: none; opacity: 0.5; }\n  .hero-inner { grid-template-columns: 1fr; text-align: center; gap: 48px; }\n  .hero-catch { font-size: 2.2rem; }\n  .hero-btns { justify-content: center; }\n  .hero-card-stack { max-width: 360px; height: 380px; margin: 0 auto; }\n  .hero-card-1 { width: 260px; }\n  .hero-card-2 { width: 240px; top: 130px; }\n  .hero-card-3 { width: 230px; bottom: 10px; left: 20px; }\n}\n\n\/* ===== MVV ===== *\/\n.mvv { background: var(--white); }\n.mvv-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 2px;\n  background: var(--pearl);\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-sm);\n}\n.mvv-card {\n  background: var(--white);\n  padding: 60px 44px;\n  text-align: center;\n  transition: background 0.4s;\n}\n.mvv-card:hover { background: var(--ivory); }\n.mvv-icon {\n  width: 72px; height: 72px;\n  border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 28px;\n  font-size: 1.7rem;\n}\n.mvv-card:nth-child(1) .mvv-icon { background: var(--accent-pale); color: var(--accent); }\n.mvv-card:nth-child(2) .mvv-icon { background: var(--sage-pale); color: var(--sage); }\n.mvv-card:nth-child(3) .mvv-icon { background: var(--rose-pale); color: var(--rose); }\n.mvv-label {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 0.9rem;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--text-muted);\n  margin-bottom: 12px;\n}\n.mvv-title {\n  font-family: 'Noto Serif JP', serif;\n  font-weight: 600;\n  font-size: 1.3rem;\n  color: var(--text-primary);\n  margin-bottom: 22px;\n  letter-spacing: 0.04em;\n  line-height: 1.7;\n}\n.mvv-text {\n  font-size: 1rem;\n  color: var(--text-muted);\n  line-height: 2;\n  font-weight: 300;\n}\n@media (max-width: 900px) {\n  .mvv-grid { grid-template-columns: 1fr; }\n  .mvv-card { padding: 48px 32px; }\n}\n\n\/* ===== About ===== *\/\n.about { background: var(--ivory); }\n.about-content {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 64px;\n  align-items: start;\n}\n.about-greeting {\n  background: var(--white);\n  border-radius: var(--radius-lg);\n  padding: 56px 48px;\n  box-shadow: var(--shadow-sm);\n  border-top: 3px solid var(--accent);\n}\n.about-quote-mark {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 5rem;\n  color: var(--accent-pale);\n  line-height: 1;\n  margin-bottom: -8px;\n}\n.about-greeting-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 0.9rem;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--accent);\n  margin-bottom: 28px;\n}\n.about-greeting p {\n  font-size: 1.05rem;\n  line-height: 2.2;\n  font-weight: 300;\n  color: var(--text-body);\n}\n.about-greeting-sign {\n  text-align: right;\n  margin-top: 36px;\n  padding-top: 24px;\n  border-top: 1px solid var(--pearl);\n}\n.about-greeting-sign .name {\n  font-family: 'Noto Serif JP', serif;\n  font-weight: 600;\n  font-size: 1.15rem;\n  color: var(--text-primary);\n  letter-spacing: 0.06em;\n}\n.about-greeting-sign small {\n  display: block;\n  font-size: 0.85rem;\n  color: var(--text-muted);\n  letter-spacing: 0.04em;\n  margin-top: 4px;\n}\n\n.info-table { width: 100%; border-collapse: collapse; }\n.info-table tr { border-bottom: 1px solid var(--pearl); }\n.info-table th {\n  text-align: left;\n  padding: 20px 0;\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--text-primary);\n  letter-spacing: 0.04em;\n  width: 130px;\n  vertical-align: top;\n  font-family: 'Zen Kaku Gothic New', sans-serif;\n}\n.info-table td {\n  padding: 20px 0 20px 20px;\n  font-size: 1.05rem;\n  color: var(--text-body);\n  font-weight: 300;\n  line-height: 1.8;\n}\n.about-history-btn {\n  margin-top: 36px;\n  background: none;\n  color: var(--accent);\n  padding: 0;\n  font-size: 1rem;\n  font-weight: 500;\n  border: none;\n  cursor: pointer;\n  font-family: inherit;\n  letter-spacing: 0.04em;\n  display: inline-flex; align-items: center; gap: 6px;\n  transition: color 0.3s;\n  border-bottom: 1px solid transparent;\n}\n.about-history-btn:hover { color: var(--navy); border-bottom-color: var(--navy); }\n\n.history-panel {\n  display: none;\n  background: var(--white);\n  border-radius: var(--radius);\n  padding: 48px;\n  box-shadow: var(--shadow-xs);\n  grid-column: 1 \/ -1;\n  margin-top: 12px;\n}\n.history-panel.active { display: block; }\n.timeline { position: relative; padding-left: 40px; }\n.timeline::before {\n  content: '';\n  position: absolute; left: 6px; top: 6px; bottom: 6px;\n  width: 1px;\n  background: linear-gradient(to bottom, var(--accent), var(--sage));\n}\n.timeline-item { position: relative; padding-bottom: 36px; }\n.timeline-item:last-child { padding-bottom: 0; }\n.timeline-dot {\n  position: absolute; left: -37px; top: 8px;\n  width: 10px; height: 10px;\n  background: var(--accent);\n  border-radius: 50%;\n}\n.timeline-year {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--accent);\n  letter-spacing: 0.08em;\n}\n.timeline-text {\n  font-size: 1.05rem;\n  color: var(--text-body);\n  font-weight: 300;\n}\n@media (max-width: 900px) {\n  .about-content { grid-template-columns: 1fr; gap: 48px; }\n  .about-greeting { padding: 40px 32px; }\n}\n\n\/* ===== Service ===== *\/\n.service { background: var(--white); }\n.service-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 32px;\n}\n.service-card {\n  background: var(--ivory);\n  border-radius: var(--radius);\n  padding: 52px 40px;\n  transition: all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);\n  border: 1px solid transparent;\n}\n.service-card:hover {\n  background: var(--white);\n  border-color: var(--pearl);\n  box-shadow: var(--shadow-md);\n  transform: translateY(-6px);\n}\n.service-card-num {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 2.8rem;\n  font-weight: 700;\n  color: var(--pearl);\n  line-height: 1;\n  margin-bottom: 20px;\n  transition: color 0.4s;\n}\n.service-card:hover .service-card-num { color: var(--accent-soft); }\n.service-card-title {\n  font-family: 'Noto Serif JP', serif;\n  font-weight: 600;\n  font-size: 1.3rem;\n  color: var(--text-primary);\n  margin-bottom: 16px;\n  letter-spacing: 0.04em;\n}\n.service-card-text {\n  font-size: 1.02rem;\n  color: var(--text-muted);\n  line-height: 2;\n  font-weight: 300;\n}\n@media (max-width: 900px) {\n  .service-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }\n}\n\n\/* ===== Strength ===== *\/\n.strength {\n  background: var(--navy);\n  color: var(--white);\n  padding: 100px 0;\n  position: relative;\n  overflow: hidden;\n}\n.strength::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: radial-gradient(ellipse at 30% 50%, rgba(126,170,190,0.08) 0%, transparent 60%),\n              radial-gradient(ellipse at 80% 30%, rgba(143,169,155,0.06) 0%, transparent 50%);\n}\n.strength .section-label { color: var(--accent-soft); }\n.strength .section-title { color: var(--white); }\n.strength-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 48px;\n  margin-top: 64px;\n  text-align: center;\n  position: relative; z-index: 1;\n}\n.strength-value {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 3.6rem;\n  font-weight: 700;\n  line-height: 1.2;\n}\n.strength-unit { font-size: 1.1rem; font-weight: 400; }\n.strength-label {\n  font-size: 1rem;\n  opacity: 0.6;\n  margin-top: 12px;\n  letter-spacing: 0.04em;\n  font-weight: 300;\n}\n@media (max-width: 900px) {\n  .strength-grid { grid-template-columns: repeat(2, 1fr); gap: 36px; }\n}\n\n\/* ===== SNS ===== *\/\n.sns { background: var(--ivory); }\n.sns-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 28px;\n}\n.sns-card {\n  background: var(--white);\n  border-radius: var(--radius);\n  padding: 44px 28px;\n  text-align: center;\n  border: 1px solid var(--pearl);\n  transition: all 0.4s;\n  cursor: pointer;\n  text-decoration: none;\n  display: block;\n}\n.sns-card:hover {\n  border-color: transparent;\n  box-shadow: var(--shadow-md);\n  transform: translateY(-6px);\n}\n.sns-card-icon {\n  width: 68px; height: 68px;\n  border-radius: 16px;\n  display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 20px;\n  font-size: 1.8rem;\n  transition: transform 0.4s;\n}\n.sns-card:hover .sns-card-icon { transform: scale(1.08); }\n.sns-threads .sns-card-icon { background: #f0f0f0; color: #000; }\n.sns-instagram .sns-card-icon { background: linear-gradient(135deg, #f9ce34, #ee2a7b, #6228d7); color: white; }\n.sns-x .sns-card-icon { background: #1a1a1a; color: white; }\n.sns-line .sns-card-icon { background: #06c755; color: white; }\n.sns-card-name {\n  font-family: 'Zen Kaku Gothic New', sans-serif;\n  font-weight: 700;\n  font-size: 1.1rem;\n  color: var(--text-primary);\n  margin-bottom: 6px;\n}\n.sns-card-handle {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 0.9rem;\n  color: var(--text-muted);\n  letter-spacing: 0.04em;\n  margin-bottom: 14px;\n}\n.sns-card-desc {\n  font-size: 0.95rem;\n  color: var(--text-muted);\n  line-height: 1.8;\n  font-weight: 300;\n}\n.sns-card-action {\n  display: inline-flex; align-items: center; gap: 4px;\n  margin-top: 20px;\n  font-size: 0.9rem;\n  font-weight: 600;\n  color: var(--accent);\n  letter-spacing: 0.04em;\n  transition: color 0.3s;\n  font-family: 'Zen Kaku Gothic New', sans-serif;\n}\n.sns-card:hover .sns-card-action { color: var(--navy); }\n@media (max-width: 900px) {\n  .sns-grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 520px) {\n  .sns-grid { grid-template-columns: 1fr; max-width: 360px; margin: 0 auto; }\n}\n\n\/* ===== Contact ===== *\/\n.contact { background: var(--white); }\n.contact-wrapper {\n  display: grid;\n  grid-template-columns: 0.85fr 1.15fr;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: var(--shadow-lg);\n}\n.contact-left {\n  background: var(--navy);\n  padding: 72px 52px;\n  color: var(--white);\n  display: flex; flex-direction: column; justify-content: center;\n  position: relative;\n  overflow: hidden;\n}\n.contact-left::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: radial-gradient(ellipse at 20% 80%, rgba(126,170,190,0.12) 0%, transparent 50%);\n}\n.contact-left > * { position: relative; z-index: 1; }\n.contact-left-label {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 0.9rem;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--accent-soft);\n  margin-bottom: 20px;\n}\n.contact-left-title {\n  font-family: 'Noto Serif JP', serif;\n  font-weight: 600;\n  font-size: 1.8rem;\n  margin-bottom: 24px;\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n.contact-left p {\n  font-size: 1.05rem;\n  opacity: 0.7;\n  line-height: 2;\n  margin-bottom: 48px;\n  font-weight: 300;\n}\n.contact-info-item {\n  display: flex; align-items: center; gap: 16px;\n  margin-bottom: 22px;\n  font-size: 1.05rem;\n  font-weight: 300;\n}\n.contact-info-item i {\n  width: 44px; height: 44px;\n  background: rgba(255,255,255,0.08);\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 10px;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 1.1rem;\n}\n\n.contact-right {\n  padding: 72px 52px;\n  background: var(--white);\n}\n.form-group { margin-bottom: 28px; }\n.form-label {\n  display: block;\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--text-primary);\n  margin-bottom: 10px;\n  letter-spacing: 0.04em;\n  font-family: 'Zen Kaku Gothic New', sans-serif;\n}\n.form-label .req {\n  font-size: 0.75rem;\n  color: var(--rose);\n  font-weight: 400;\n  margin-left: 8px;\n}\n.form-input, .form-select, .form-textarea {\n  width: 100%;\n  padding: 16px 18px;\n  border: 1px solid var(--pearl);\n  border-radius: 8px;\n  font-size: 1.05rem;\n  font-family: inherit;\n  transition: border-color 0.3s, box-shadow 0.3s;\n  background: var(--ivory);\n  color: var(--text-primary);\n}\n.form-input:focus, .form-select:focus, .form-textarea:focus {\n  outline: none;\n  border-color: var(--accent);\n  box-shadow: 0 0 0 3px rgba(126,170,190,0.1);\n  background: var(--white);\n}\n.form-textarea { resize: vertical; min-height: 140px; }\n.form-select {\n  appearance: none;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7d91' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 16px center;\n  background-size: 1em;\n}\n.form-submit {\n  width: 100%;\n  padding: 20px;\n  border: none;\n  border-radius: 8px;\n  background: var(--navy);\n  color: var(--white);\n  font-size: 1.1rem;\n  font-weight: 600;\n  font-family: 'Zen Kaku Gothic New', sans-serif;\n  cursor: pointer;\n  letter-spacing: 0.08em;\n  transition: all 0.35s;\n}\n.form-submit:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: var(--shadow-md); }\n.form-privacy {\n  text-align: center;\n  margin-top: 20px;\n  font-size: 0.85rem;\n  color: var(--text-muted);\n  font-weight: 300;\n}\n.form-privacy a { color: var(--accent); text-decoration: underline; }\n@media (max-width: 900px) {\n  .contact-wrapper { grid-template-columns: 1fr; }\n  .contact-left { padding: 48px 32px; }\n  .contact-right { padding: 48px 32px; }\n}\n\n\/* ===== Footer ===== *\/\n.footer {\n  background: #111820;\n  color: rgba(255,255,255,0.5);\n  padding: 72px 0 32px;\n}\n.footer-inner {\n  display: grid;\n  grid-template-columns: 1.5fr 1fr 1fr 1fr;\n  gap: 56px;\n  margin-bottom: 56px;\n}\n.footer-brand .logo-mark { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.08); }\n.footer-brand-desc {\n  font-size: 0.95rem;\n  margin-top: 20px;\n  line-height: 2;\n  font-weight: 300;\n}\n.footer-heading {\n  font-family: 'Cormorant Garamond', serif;\n  font-weight: 600;\n  color: rgba(255,255,255,0.8);\n  font-size: 0.95rem;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  margin-bottom: 22px;\n}\n.footer-links { list-style: none; display: flex; flex-direction: column; gap: 14px; }\n.footer-links a {\n  color: rgba(255,255,255,0.4);\n  text-decoration: none;\n  font-size: 0.95rem;\n  font-weight: 300;\n  transition: color 0.3s;\n}\n.footer-links a:hover { color: var(--accent-soft); }\n.footer-sns-links { display: flex; gap: 12px; margin-top: 16px; }\n.footer-sns-link {\n  width: 40px; height: 40px;\n  border-radius: 8px;\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(255,255,255,0.06);\n  display: flex; align-items: center; justify-content: center;\n  color: rgba(255,255,255,0.4);\n  text-decoration: none;\n  font-size: 1.05rem;\n  transition: all 0.3s;\n}\n.footer-sns-link:hover { background: rgba(126,170,190,0.15); color: var(--accent-soft); border-color: rgba(126,170,190,0.2); }\n.footer-bottom {\n  border-top: 1px solid rgba(255,255,255,0.06);\n  padding-top: 28px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 0.85rem;\n  letter-spacing: 0.04em;\n}\n.footer-bottom a { color: rgba(255,255,255,0.35); text-decoration: none; }\n.footer-bottom a:hover { color: var(--accent-soft); }\n@media (max-width: 900px) {\n  .footer-inner { grid-template-columns: 1fr 1fr; }\n  .footer-bottom { flex-direction: column; gap: 14px; text-align: center; }\n}\n@media (max-width: 520px) {\n  .footer-inner { grid-template-columns: 1fr; }\n}\n\n\/* Scroll to top *\/\n.scroll-top {\n  position: fixed; bottom: 32px; right: 32px;\n  width: 52px; height: 52px;\n  border-radius: 10px;\n  background: var(--navy);\n  color: var(--white);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 1.2rem;\n  box-shadow: var(--shadow-md);\n  cursor: pointer; border: none;\n  opacity: 0; transform: translateY(12px);\n  transition: all 0.35s;\n  z-index: 900;\n}\n.scroll-top.visible { opacity: 1; transform: translateY(0); }\n.scroll-top:hover { background: var(--navy-light); transform: translateY(-3px); }\n<\/style>\n<\/head>\n<body>\n<div class=\"ori-site\">\n\n<!-- Header -->\n<header class=\"header\" id=\"header\">\n  <div class=\"container header-inner\">\n    <a href=\"#\" class=\"logo\">\n      <div class=\"logo-mark\">O<\/div>\n      <div class=\"logo-text\">\n        \u682a\u5f0f\u4f1a\u793eORI\n        <small>Corporate<\/small>\n      <\/div>\n    <\/a>\n    <nav class=\"nav\">\n      <a href=\"#mvv\">\u7406\u5ff5<\/a>\n      <a href=\"#about\">\u4f1a\u793e\u6982\u8981<\/a>\n      <a href=\"#service\">\u4e8b\u696d\u5185\u5bb9<\/a>\n      <a href=\"#sns\">SNS<\/a>\n      <a href=\"#contact\" class=\"nav-cta\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n    <\/nav>\n    <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"\u30e1\u30cb\u30e5\u30fc\">\n      <i class=\"ri-menu-4-line\"><\/i>\n    <\/button>\n  <\/div>\n<\/header>\n<div class=\"mobile-nav\" id=\"mobileNav\">\n  <a href=\"#mvv\" onclick=\"closeMobile()\">\u7406\u5ff5<\/a>\n  <a href=\"#about\" onclick=\"closeMobile()\">\u4f1a\u793e\u6982\u8981<\/a>\n  <a href=\"#service\" onclick=\"closeMobile()\">\u4e8b\u696d\u5185\u5bb9<\/a>\n  <a href=\"#sns\" onclick=\"closeMobile()\">SNS<\/a>\n  <a href=\"#contact\" onclick=\"closeMobile()\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n<\/div>\n\n<!-- Hero -->\n<section class=\"hero\">\n  <div class=\"hero-deco hero-deco-1\"><\/div>\n  <div class=\"hero-deco hero-deco-2\"><\/div>\n  <div class=\"container hero-inner\">\n    <div class=\"hero-text\">\n      <p class=\"hero-eyebrow\">Weaving Work &amp; Life<\/p>\n      <h1 class=\"hero-catch\">\n        \u5b50\u80b2\u3066\u3068\u4ed5\u4e8b\u306e<br>\n        <em>\u65b0\u3057\u3044\u30ab\u30bf\u30c1<\/em>\u3092\u3001<br>\n        \u3053\u306e\u624b\u3067\u3064\u304f\u308b\n      <\/h1>\n      <p class=\"hero-desc\">\n        \u682a\u5f0f\u4f1a\u793eORI\u306f\u3001\u5728\u5b85\u30ef\u30fc\u30af\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u30c1\u30fc\u30e0\u3068\u3057\u3066<br>\n        \u4f01\u696d\u306e\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u3092\u652f\u3048\u306a\u304c\u3089\u3001<br>\n        \u5b50\u80b2\u3066\u4e2d\u306e\u3059\u3079\u3066\u306e\u30de\u30de\u306b\u300c\u81ea\u5206\u3089\u3057\u3044\u50cd\u304d\u65b9\u300d\u3092\u5c4a\u3051\u307e\u3059\u3002\n      <\/p>\n      <div class=\"hero-btns\">\n        <a href=\"#service\" class=\"btn btn-primary\">\n          \u4e8b\u696d\u5185\u5bb9\u3092\u898b\u308b <i class=\"ri-arrow-right-line\"><\/i>\n        <\/a>\n        <a href=\"#contact\" class=\"btn btn-outline\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"hero-visual\">\n      <div class=\"hero-card-stack\">\n        <div class=\"hero-card hero-card-1\">\n          <div class=\"hero-card-icon\"><i class=\"ri-bar-chart-box-line\"><\/i><\/div>\n          <p class=\"hero-card-label\">Service<\/p>\n          <p class=\"hero-card-value\">\u7d4c\u7406\u30fb\u7dcf\u52d9\u30fb\u4eba\u4e8b\u4ee3\u884c<\/p>\n          <p class=\"hero-card-note\">\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u3092\u4e38\u3054\u3068\u30b5\u30dd\u30fc\u30c8<\/p>\n        <\/div>\n        <div class=\"hero-card hero-card-2\">\n          <div class=\"hero-card-icon\"><i class=\"ri-home-heart-line\"><\/i><\/div>\n          <p class=\"hero-card-label\">Workstyle<\/p>\n          <p class=\"hero-card-value\">\u5b8c\u5168\u5728\u5b85\u30ef\u30fc\u30af<\/p>\n          <p class=\"hero-card-note\">\u901a\u52e4\u30bc\u30ed\u3067\u5bb6\u5ead\u3068\u4e21\u7acb<\/p>\n        <\/div>\n        <div class=\"hero-card hero-card-3\">\n          <div class=\"hero-card-icon\"><i class=\"ri-hand-heart-line\"><\/i><\/div>\n          <p class=\"hero-card-label\">Team<\/p>\n          <p class=\"hero-card-value\">\u5168\u54e1\u304c\u30de\u30de\u3060\u304b\u3089<\/p>\n          <p class=\"hero-card-note\">\u6025\u306a\u5bfe\u5fdc\u3082\u7406\u89e3\u3057\u5408\u3048\u308b<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- MVV -->\n<section class=\"section mvv\" id=\"mvv\">\n  <div class=\"container\">\n    <div class=\"section-header fade-up\">\n      <p class=\"section-label\">Mission \/ Vision \/ Value<\/p>\n      <h2 class=\"section-title\">\u79c1\u305f\u3061\u304c\u5927\u5207\u306b\u3057\u3066\u3044\u308b\u3053\u3068<\/h2>\n      <div class=\"divider\"><\/div>\n    <\/div>\n    <div class=\"mvv-grid\">\n      <div class=\"mvv-card fade-up\">\n        <div class=\"mvv-icon\"><i class=\"ri-compass-3-line\"><\/i><\/div>\n        <p class=\"mvv-label\">Mission<\/p>\n        <h3 class=\"mvv-title\">\u5b50\u80b2\u3066\u3068\u4ed5\u4e8b\u306e\u4e21\u7acb\u3092<br>\u3042\u305f\u308a\u307e\u3048\u306b\u3059\u308b<\/h3>\n        <p class=\"mvv-text\">\u5b50\u80b2\u3066\u4e2d\u3067\u3042\u3063\u3066\u3082\u3001\u30ad\u30e3\u30ea\u30a2\u3092\u8ae6\u3081\u306a\u304f\u3066\u3044\u3044\u3002\u5b8c\u5168\u5728\u5b85\u306e\u50cd\u304d\u65b9\u3092\u901a\u3058\u3066\u3001\u3059\u3079\u3066\u306e\u30de\u30de\u306b\u300c\u50cd\u304f\u9078\u629e\u80a2\u300d\u3092\u5c4a\u3051\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"mvv-card fade-up\" style=\"transition-delay:0.12s\">\n        <div class=\"mvv-icon\"><i class=\"ri-eye-line\"><\/i><\/div>\n        <p class=\"mvv-label\">Vision<\/p>\n        <h3 class=\"mvv-title\">\u30de\u30de\u306e\u529b\u3067<br>\u793e\u4f1a\u3092\u52d5\u304b\u3059<\/h3>\n        <p class=\"mvv-text\">\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u96c6\u56e3\u3068\u3057\u3066\u3001\u4f01\u696d\u306eDX\u63a8\u9032\u3068\u696d\u52d9\u52b9\u7387\u5316\u306b\u8ca2\u732e\u3002\u30de\u30de\u305f\u3061\u306e\u7d4c\u9a13\u3068\u30b9\u30ad\u30eb\u304c\u65e5\u672c\u306e\u30d3\u30b8\u30cd\u30b9\u3092\u652f\u3048\u308b\u672a\u6765\u3092\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"mvv-card fade-up\" style=\"transition-delay:0.24s\">\n        <div class=\"mvv-icon\"><i class=\"ri-heart-3-line\"><\/i><\/div>\n        <p class=\"mvv-label\">Value<\/p>\n        <h3 class=\"mvv-title\">\u601d\u3044\u3084\u308a\u3068<br>\u30d7\u30ed\u610f\u8b58\u306e\u4e21\u7acb<\/h3>\n        <p class=\"mvv-text\">\u5bb6\u5ead\u3092\u5927\u5207\u306b\u3057\u306a\u304c\u3089\u3082\u3001\u4ed5\u4e8b\u306b\u306f\u771f\u646f\u306b\u5411\u304d\u5408\u3046\u3002\u52a9\u3051\u5408\u3044\u30fb\u611f\u8b1d\u30fb\u6210\u9577\u610f\u6b32\u3092\u8ef8\u306b\u3001\u4fe1\u983c\u3055\u308c\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3042\u308a\u7d9a\u3051\u307e\u3059\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- About -->\n<section class=\"section about\" id=\"about\">\n  <div class=\"container\">\n    <div class=\"section-header fade-up\">\n      <p class=\"section-label\">About Us<\/p>\n      <h2 class=\"section-title\">\u4f1a\u793e\u6982\u8981<\/h2>\n      <div class=\"divider\"><\/div>\n    <\/div>\n    <div class=\"about-content\">\n      <div class=\"about-greeting fade-up\">\n        <div class=\"about-quote-mark\">&#8220;<\/div>\n        <p class=\"about-greeting-title\">Message from CEO<\/p>\n        <p>\n          \u79c1\u81ea\u8eab\u3001\u5b50\u80b2\u3066\u3068\u30ad\u30e3\u30ea\u30a2\u306e\u9593\u3067\u60a9\u3093\u3060\u7d4c\u9a13\u304c\u3042\u308a\u307e\u3059\u3002<br><br>\n          \u300c\u5b50\u3069\u3082\u304c\u3044\u308b\u304b\u3089\u300d\u3068\u3044\u3046\u7406\u7531\u3067\u3001\u3084\u308a\u305f\u3044\u4ed5\u4e8b\u3092\u8ae6\u3081\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044\u793e\u4f1a\u306b\u7591\u554f\u3092\u611f\u3058\u3001\u682a\u5f0f\u4f1a\u793eORI\u3092\u8a2d\u7acb\u3057\u307e\u3057\u305f\u3002<br><br>\n          \u5728\u5b85\u3067\u3001\u81ea\u5206\u306e\u30da\u30fc\u30b9\u3067\u3001\u3067\u3082\u30d7\u30ed\u3068\u3057\u3066\u8a87\u308a\u3092\u6301\u3063\u3066\u50cd\u3051\u308b\u2014\u2014\u305d\u3093\u306a\u74b0\u5883\u3092\u3064\u304f\u308b\u3053\u3068\u304c\u79c1\u305f\u3061\u306e\u4f7f\u547d\u3067\u3059\u3002<br><br>\n          ORI\u3068\u3044\u3046\u793e\u540d\u306b\u306f\u300c\u7e54\u308a\u300d\u306e\u610f\u5473\u3092\u8fbc\u3081\u3066\u3044\u307e\u3059\u3002\u4e00\u4eba\u3072\u3068\u308a\u306e\u500b\u6027\u3084\u7d4c\u9a13\u3092\u7e54\u308a\u5408\u308f\u305b\u3001\u7f8e\u3057\u304f\u5f37\u3044\u7d44\u7e54\u3092\u3064\u304f\u308a\u305f\u3044\u3002\u305d\u3093\u306a\u601d\u3044\u3067\u65e5\u3005\u6b69\u3093\u3067\u3044\u307e\u3059\u3002\n        <\/p>\n        <div class=\"about-greeting-sign\">\n          <span class=\"name\"><!-- \u304a\u540d\u524d --><\/span>\n          <small>\u682a\u5f0f\u4f1a\u793eORI \u4ee3\u8868\u53d6\u7de0\u5f79 \u77e2\u8429\u9999\u7e54<\/small>\n        <\/div>\n      <\/div>\n      <div class=\"about-info fade-up\" style=\"transition-delay:0.15s\">\n        <table class=\"info-table\">\n          <tr><th>\u4f1a\u793e\u540d<\/th><td>\u682a\u5f0f\u4f1a\u793eORI<\/td><\/tr>\n          <tr><th>\u8a2d\u7acb<\/th><td>2024\u5e74<\/td><\/tr>\n          <tr><th>\u4ee3\u8868<\/th><td>\u4ee3\u8868\u53d6\u7de0\u5f79 \u77e2\u8429\u9999\u7e54<\/td><\/tr>\n          <tr><th>\u6240\u5728\u5730<\/th><td>\u6771\u4eac\u90fd\u6c5f\u6238\u5ddd\u533a<\/td><\/tr>\n          <tr><th>\u4e8b\u696d\u5185\u5bb9<\/th><td>\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u696d\u52d9\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0<br>\u7d4c\u7406\u30fb\u7dcf\u52d9\u30fb\u4eba\u4e8b\u4ee3\u884c<br>\u30c7\u30fc\u30bf\u5165\u529b\u30fb\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8<\/td><\/tr>\n          <tr><th>\u5f93\u696d\u54e1\u6570<\/th><td>11\u540d<\/td><\/tr>\n          <tr><th>\u9023\u7d61\u5148<\/th><td>info@ori-corp.jp<\/td><\/tr>\n        <\/table>\n        <button class=\"about-history-btn\" onclick=\"toggleHistory()\">\n          \u6cbf\u9769\u3092\u898b\u308b <i class=\"ri-arrow-right-s-line\"><\/i>\n        <\/button>\n      <\/div>\n      <div class=\"history-panel\" id=\"historyPanel\">\n        <div class=\"timeline\">\n          <div class=\"timeline-item\">\n            <div class=\"timeline-dot\"><\/div>\n            <p class=\"timeline-year\">2024<\/p>\n            <p class=\"timeline-text\">\u682a\u5f0f\u4f1a\u793eORI\u8a2d\u7acb\u3002\u5b8c\u5168\u5728\u5b85\u578b\u306eBPO\u30b5\u30fc\u30d3\u30b9\u3092\u958b\u59cb\u3002<\/p>\n          <\/div>\n          <div class=\"timeline-item\">\n            <div class=\"timeline-dot\"><\/div>\n            <p class=\"timeline-year\">2024<\/p>\n            <p class=\"timeline-text\">\u521d\u671f\u30e1\u30f3\u30d0\u30fc\u63a1\u7528\u958b\u59cb\u3002\u7d4c\u7406\u30fb\u30c7\u30fc\u30bf\u5165\u529b\u30b5\u30fc\u30d3\u30b9\u306e\u63d0\u4f9b\u3092\u672c\u683c\u5316\u3002<\/p>\n          <\/div>\n          <div class=\"timeline-item\">\n            <div class=\"timeline-dot\"><\/div>\n            <p class=\"timeline-year\">2025<\/p>\n            <p class=\"timeline-text\">\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8\u4e8b\u696d\u3092\u8ffd\u52a0\u3002\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u4f01\u696d\u6570\u304c\u62e1\u5927\u3002<\/p>\n          <\/div>\n          <div class=\"timeline-item\">\n            <div class=\"timeline-dot\"><\/div>\n            <p class=\"timeline-year\">2025<\/p>\n            <p class=\"timeline-text\">\u7dcf\u52d9\u30fb\u4eba\u4e8b\u4ee3\u884c\u30b5\u30fc\u30d3\u30b9\u958b\u59cb\u3002\u30de\u30de\u30ef\u30fc\u30ab\u30fc\u30c1\u30fc\u30e0\u306e\u4f53\u5236\u5f37\u5316\u3002<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Service -->\n<section class=\"section service\" id=\"service\">\n  <div class=\"container\">\n    <div class=\"section-header fade-up\">\n      <p class=\"section-label\">Service<\/p>\n      <h2 class=\"section-title\">\u4e8b\u696d\u5185\u5bb9<\/h2>\n      <p class=\"section-sub\">\u4f01\u696d\u306e\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u696d\u52d9\u3092\u3001\u5728\u5b85\u306e\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u30c1\u30fc\u30e0\u304c\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059<\/p>\n      <div class=\"divider\"><\/div>\n    <\/div>\n    <div class=\"service-grid\">\n      <div class=\"service-card fade-up\">\n        <div class=\"service-card-num\">01<\/div>\n        <h3 class=\"service-card-title\">\u7d4c\u7406\u4ee3\u884c<\/h3>\n        <p class=\"service-card-text\">\u8a18\u5e33\u4ee3\u884c\u30fb\u8acb\u6c42\u66f8\u767a\u884c\u30fb\u58f2\u639b\u8cb7\u639b\u7ba1\u7406\u30fb\u6708\u6b21\u6c7a\u7b97\u88dc\u52a9\u306a\u3069\u3001\u7d4c\u7406\u696d\u52d9\u5168\u822c\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"service-card fade-up\" style=\"transition-delay:0.08s\">\n        <div class=\"service-card-num\">02<\/div>\n        <h3 class=\"service-card-title\">\u7dcf\u52d9\u30fb\u4eba\u4e8b\u4ee3\u884c<\/h3>\n        <p class=\"service-card-text\">\u793e\u4f1a\u4fdd\u967a\u624b\u7d9a\u304d\u30fb\u52e4\u6020\u7ba1\u7406\u30fb\u5099\u54c1\u7ba1\u7406\u30fb\u63a1\u7528\u4e8b\u52d9\u306a\u3069\u3001\u7169\u96d1\u306a\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u696d\u52d9\u3092\u304a\u4efb\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n      <\/div>\n      <div class=\"service-card fade-up\" style=\"transition-delay:0.16s\">\n        <div class=\"service-card-num\">03<\/div>\n        <h3 class=\"service-card-title\">\u30c7\u30fc\u30bf\u5165\u529b<\/h3>\n        <p class=\"service-card-text\">\u5927\u91cf\u30c7\u30fc\u30bf\u306e\u5165\u529b\u30fb\u6574\u7406\u30fb\u30af\u30ec\u30f3\u30b8\u30f3\u30b0\u3092\u6b63\u78ba\u304b\u3064\u30b9\u30d4\u30fc\u30c7\u30a3\u306b\u3002\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u5909\u63db\u306b\u3082\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"service-card fade-up\" style=\"transition-delay:0.24s\">\n        <div class=\"service-card-num\">04<\/div>\n        <h3 class=\"service-card-title\">\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8<\/h3>\n        <p class=\"service-card-text\">\u30e1\u30fc\u30eb\u30fb\u30c1\u30e3\u30c3\u30c8\u306b\u3088\u308b\u304a\u5ba2\u69d8\u5bfe\u5fdc\u3092\u4ee3\u884c\u3002\u4e01\u5be7\u306a\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u9867\u5ba2\u6e80\u8db3\u5ea6\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"service-card fade-up\" style=\"transition-delay:0.32s\">\n        <div class=\"service-card-num\">05<\/div>\n        <h3 class=\"service-card-title\">\u4e8b\u52d9\u5c40\u904b\u55b6<\/h3>\n        <p class=\"service-card-text\">\u30a4\u30d9\u30f3\u30c8\u4e8b\u52d9\u5c40\u30fb\u30bb\u30df\u30ca\u30fc\u904b\u55b6\u30b5\u30dd\u30fc\u30c8\u30fb\u8cc7\u6599\u4f5c\u6210\u306a\u3069\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5358\u4f4d\u306e\u3054\u4f9d\u983c\u306b\u3082\u67d4\u8edf\u306b\u5bfe\u5fdc\u3002<\/p>\n      <\/div>\n      <div class=\"service-card fade-up\" style=\"transition-delay:0.4s\">\n        <div class=\"service-card-num\">06<\/div>\n        <h3 class=\"service-card-title\">\u696d\u52d9\u6539\u5584\u30b3\u30f3\u30b5\u30eb<\/h3>\n        <p class=\"service-card-text\">\u696d\u52d9\u30d5\u30ed\u30fc\u306e\u898b\u76f4\u3057\u30fbDX\u30c4\u30fc\u30eb\u5c0e\u5165\u652f\u63f4\u30fb\u30de\u30cb\u30e5\u30a2\u30eb\u6574\u5099\u306a\u3069\u3001\u52b9\u7387\u5316\u3092\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Strength -->\n<section class=\"strength\">\n  <div class=\"container\" style=\"text-align:center; position:relative; z-index:1;\">\n    <p class=\"section-label\">Our Strength<\/p>\n    <h2 class=\"section-title\">\u6570\u5b57\u3067\u898b\u308bORI<\/h2>\n    <div class=\"strength-grid\">\n      <div class=\"fade-up\">\n        <div class=\"strength-value\">100<span class=\"strength-unit\">%<\/span><\/div>\n        <p class=\"strength-label\">\u5b8c\u5168\u5728\u5b85\u52e4\u52d9<\/p>\n      <\/div>\n      <div class=\"fade-up\" style=\"transition-delay:0.1s\">\n        <div class=\"strength-value\">100<span class=\"strength-unit\">%<\/span><\/div>\n        <p class=\"strength-label\">\u30de\u30de\u3067\u69cb\u6210\u3055\u308c\u305f\u30c1\u30fc\u30e0<\/p>\n      <\/div>\n      <div class=\"fade-up\" style=\"transition-delay:0.2s\">\n        <div class=\"strength-value\">6<span class=\"strength-unit\">\u9818\u57df<\/span><\/div>\n        <p class=\"strength-label\">\u5c02\u9580\u30b5\u30fc\u30d3\u30b9<\/p>\n      <\/div>\n      <div class=\"fade-up\" style=\"transition-delay:0.3s\">\n        <div class=\"strength-value\">365<span class=\"strength-unit\">\u65e5<\/span><\/div>\n        <p class=\"strength-label\">\u30c1\u30fc\u30e0\u4f53\u5236\u3067\u5b89\u5b9a\u5bfe\u5fdc<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SNS -->\n<section class=\"section sns\" id=\"sns\">\n  <div class=\"container\">\n    <div class=\"section-header fade-up\">\n      <p class=\"section-label\">Follow Us<\/p>\n      <h2 class=\"section-title\">\u6700\u65b0\u60c5\u5831\u3092\u304a\u5c4a\u3051\u3057\u3066\u3044\u307e\u3059<\/h2>\n      <p class=\"section-sub\">\u5404SNS\u3067\u63a1\u7528\u60c5\u5831\u3084\u6d3b\u52d5\u306e\u69d8\u5b50\u3092\u767a\u4fe1\u4e2d<\/p>\n      <div class=\"divider\"><\/div>\n    <\/div>\n    <div class=\"sns-grid\">\n      <a href=\"#\" class=\"sns-card sns-threads fade-up\" target=\"_blank\" rel=\"noopener\">\n        <div class=\"sns-card-icon\"><i class=\"ri-threads-line\"><\/i><\/div>\n        <p class=\"sns-card-name\">Threads<\/p>\n        <p class=\"sns-card-handle\">@ori_corp<\/p>\n        <p class=\"sns-card-desc\">\u63a1\u7528\u60c5\u5831\u3084\u304a\u4ed5\u4e8b\u306e\u88cf\u5074\u3092\u30ea\u30a2\u30eb\u306b\u767a\u4fe1\u4e2d<\/p>\n        <span class=\"sns-card-action\">\u30d5\u30a9\u30ed\u30fc\u3059\u308b <i class=\"ri-arrow-right-up-line\"><\/i><\/span>\n      <\/a>\n      <a href=\"#\" class=\"sns-card sns-instagram fade-up\" target=\"_blank\" rel=\"noopener\" style=\"transition-delay:0.1s\">\n        <div class=\"sns-card-icon\"><i class=\"ri-instagram-line\"><\/i><\/div>\n        <p class=\"sns-card-name\">Instagram<\/p>\n        <p class=\"sns-card-handle\">@ori_corp<\/p>\n        <p class=\"sns-card-desc\">\u50cd\u304f\u30de\u30de\u306e\u65e5\u5e38\u3084\u30a4\u30d9\u30f3\u30c8\u306e\u69d8\u5b50\u3092\u304a\u5c4a\u3051<\/p>\n        <span class=\"sns-card-action\">\u30d5\u30a9\u30ed\u30fc\u3059\u308b <i class=\"ri-arrow-right-up-line\"><\/i><\/span>\n      <\/a>\n      <a href=\"#\" class=\"sns-card sns-x fade-up\" target=\"_blank\" rel=\"noopener\" style=\"transition-delay:0.2s\">\n        <div class=\"sns-card-icon\"><i class=\"ri-twitter-x-line\"><\/i><\/div>\n        <p class=\"sns-card-name\">X (Twitter)<\/p>\n        <p class=\"sns-card-handle\">@ori_corp<\/p>\n        <p class=\"sns-card-desc\">\u304a\u77e5\u3089\u305b\u3084\u30cb\u30e5\u30fc\u30b9\u30ea\u30ea\u30fc\u30b9\u3092\u914d\u4fe1<\/p>\n        <span class=\"sns-card-action\">\u30d5\u30a9\u30ed\u30fc\u3059\u308b <i class=\"ri-arrow-right-up-line\"><\/i><\/span>\n      <\/a>\n      <a href=\"#\" class=\"sns-card sns-line fade-up\" target=\"_blank\" rel=\"noopener\" style=\"transition-delay:0.3s\">\n        <div class=\"sns-card-icon\"><i class=\"ri-line-line\"><\/i><\/div>\n        <p class=\"sns-card-name\">LINE\u516c\u5f0f<\/p>\n        <p class=\"sns-card-handle\">\u682a\u5f0f\u4f1a\u793eORI<\/p>\n        <p class=\"sns-card-desc\">\u304a\u554f\u3044\u5408\u308f\u305b\u3084\u500b\u5225\u76f8\u8ac7\u306fLINE\u304c\u4fbf\u5229\u3067\u3059<\/p>\n        <span class=\"sns-card-action\">\u53cb\u3060\u3061\u8ffd\u52a0 <i class=\"ri-arrow-right-up-line\"><\/i><\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Contact -->\n<section class=\"section contact\" id=\"contact\">\n  <div class=\"container\">\n    <div class=\"section-header fade-up\">\n      <p class=\"section-label\">Contact<\/p>\n      <h2 class=\"section-title\">\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\n      <p class=\"section-sub\">\u30b5\u30fc\u30d3\u30b9\u306b\u95a2\u3059\u308b\u3054\u8cea\u554f\u30fb\u304a\u898b\u7a4d\u3082\u308a\u306a\u3069\u3001\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044<\/p>\n      <div class=\"divider\"><\/div>\n    <\/div>\n    <div class=\"contact-wrapper fade-up\">\n      <div class=\"contact-left\">\n        <p class=\"contact-left-label\">Get in Touch<\/p>\n        <h3 class=\"contact-left-title\">\u304a\u6c17\u8efd\u306b<br>\u3054\u9023\u7d61\u304f\u3060\u3055\u3044<\/h3>\n        <p>\u30b5\u30fc\u30d3\u30b9\u306e\u5c0e\u5165\u76f8\u8ac7\u304b\u3089\u3001\u3061\u3087\u3063\u3068\u3057\u305f\u7591\u554f\u307e\u3067\u3002\u901a\u5e381\u301c2\u55b6\u696d\u65e5\u4ee5\u5185\u306b\u3054\u8fd4\u4fe1\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n        <div class=\"contact-info-item\">\n          <i class=\"ri-mail-line\"><\/i>\n          <span>info@ori-corp.jp<\/span>\n        <\/div>\n        <div class=\"contact-info-item\">\n          <i class=\"ri-phone-line\"><\/i>\n          <span>03-XXXX-XXXX<\/span>\n        <\/div>\n        <div class=\"contact-info-item\">\n          <i class=\"ri-time-line\"><\/i>\n          <span>\u5e73\u65e5 10:00 \u2013 17:00<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"contact-right\">\n        <form id=\"contactForm\" onsubmit=\"handleSubmit(event)\">\n          <div class=\"form-group\">\n            <label class=\"form-label\">\u4f1a\u793e\u540d \/ \u304a\u540d\u524d <span class=\"req\">\u5fc5\u9808<\/span><\/label>\n            <input type=\"text\" class=\"form-input\" placeholder=\"\u4f8b\uff1a\u5c71\u7530 \u82b1\u5b50\" required>\n          <\/div>\n          <div class=\"form-group\">\n            <label class=\"form-label\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9 <span class=\"req\">\u5fc5\u9808<\/span><\/label>\n            <input type=\"email\" class=\"form-input\" placeholder=\"\u4f8b\uff1ainfo@example.com\" required>\n          <\/div>\n          <div class=\"form-group\">\n            <label class=\"form-label\">\u304a\u96fb\u8a71\u756a\u53f7<\/label>\n            <input type=\"tel\" class=\"form-input\" placeholder=\"\u4f8b\uff1a03-1234-5678\">\n          <\/div>\n          <div class=\"form-group\">\n            <label class=\"form-label\">\u304a\u554f\u3044\u5408\u308f\u305b\u7a2e\u5225 <span class=\"req\">\u5fc5\u9808<\/span><\/label>\n            <select class=\"form-select\" required>\n              <option value=\"\">\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044<\/option>\n              <option>\u30b5\u30fc\u30d3\u30b9\u306b\u3064\u3044\u3066<\/option>\n              <option>\u304a\u898b\u7a4d\u3082\u308a\u4f9d\u983c<\/option>\n              <option>\u63a1\u7528\u306b\u3064\u3044\u3066<\/option>\n              <option>\u53d6\u6750\u30fb\u30e1\u30c7\u30a3\u30a2\u63b2\u8f09<\/option>\n              <option>\u305d\u306e\u4ed6<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"form-group\">\n            <label class=\"form-label\">\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9 <span class=\"req\">\u5fc5\u9808<\/span><\/label>\n            <textarea class=\"form-textarea\" placeholder=\"\u3054\u8cea\u554f\u3084\u3054\u76f8\u8ac7\u5185\u5bb9\u3092\u304a\u66f8\u304d\u304f\u3060\u3055\u3044\" required><\/textarea>\n          <\/div>\n          <button type=\"submit\" class=\"form-submit\">\u9001\u4fe1\u3059\u308b<\/button>\n          <p class=\"form-privacy\">\u9001\u4fe1\u3044\u305f\u3060\u3044\u305f\u500b\u4eba\u60c5\u5831\u306f<a href=\"#\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\u306b\u57fa\u3065\u304d\u9069\u5207\u306b\u7ba1\u7406\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Footer -->\n<footer class=\"footer\">\n  <div class=\"container\">\n    <div class=\"footer-inner\">\n      <div class=\"footer-brand\">\n        <a href=\"#\" class=\"logo\">\n          <div class=\"logo-mark\">O<\/div>\n          <div class=\"logo-text\" style=\"color:rgba(255,255,255,0.85);\">\n            \u682a\u5f0f\u4f1a\u793eORI\n            <small style=\"color:rgba(255,255,255,0.35);\">Corporate<\/small>\n          <\/div>\n        <\/a>\n        <p class=\"footer-brand-desc\">\u5b50\u80b2\u3066\u3068\u4ed5\u4e8b\u306e\u65b0\u3057\u3044\u30ab\u30bf\u30c1\u3092\u3064\u304f\u308b\u3002<br>\u30d0\u30c3\u30af\u30aa\u30d5\u30a3\u30b9\u306e\u30a2\u30a6\u30c8\u30bd\u30fc\u30b7\u30f3\u30b0\u3067\u4f01\u696d\u3068\u30de\u30de\u3092\u3064\u306a\u304e\u307e\u3059\u3002<\/p>\n        <div class=\"footer-sns-links\">\n          <a href=\"#\" class=\"footer-sns-link\"><i class=\"ri-threads-line\"><\/i><\/a>\n          <a href=\"#\" class=\"footer-sns-link\"><i class=\"ri-instagram-line\"><\/i><\/a>\n          <a href=\"#\" class=\"footer-sns-link\"><i class=\"ri-twitter-x-line\"><\/i><\/a>\n          <a href=\"#\" class=\"footer-sns-link\"><i class=\"ri-line-line\"><\/i><\/a>\n        <\/div>\n      <\/div>\n      <div>\n        <p class=\"footer-heading\">Service<\/p>\n        <ul class=\"footer-links\">\n          <li><a href=\"#service\">\u7d4c\u7406\u4ee3\u884c<\/a><\/li>\n          <li><a href=\"#service\">\u7dcf\u52d9\u30fb\u4eba\u4e8b\u4ee3\u884c<\/a><\/li>\n          <li><a href=\"#service\">\u30c7\u30fc\u30bf\u5165\u529b<\/a><\/li>\n          <li><a href=\"#service\">\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30dd\u30fc\u30c8<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <p class=\"footer-heading\">Company<\/p>\n        <ul class=\"footer-links\">\n          <li><a href=\"#about\">\u4f1a\u793e\u6982\u8981<\/a><\/li>\n          <li><a href=\"#mvv\">\u7406\u5ff5<\/a><\/li>\n          <li><a href=\"#sns\">SNS<\/a><\/li>\n          <li><a href=\"#contact\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <p class=\"footer-heading\">Legal<\/p>\n        <ul class=\"footer-links\">\n          <li><a href=\"#\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a><\/li>\n          <li><a href=\"#\">\u7279\u5b9a\u5546\u53d6\u5f15\u6cd5\u306b\u57fa\u3065\u304f\u8868\u8a18<\/a><\/li>\n          <li><a href=\"#\">\u5229\u7528\u898f\u7d04<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n      <span>&copy; 2024\u20132026 \u682a\u5f0f\u4f1a\u793eORI<\/span>\n      <a href=\"#\">\u30da\u30fc\u30b8\u30c8\u30c3\u30d7\u3078<\/a>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<button class=\"scroll-top\" id=\"scrollTop\" onclick=\"window.scrollTo({top:0,behavior:'smooth'})\">\n  <i class=\"ri-arrow-up-line\"><\/i>\n<\/button>\n<\/div><!-- \/.ori-site -->\n\n<script>\nconst header = document.getElementById('header');\nwindow.addEventListener('scroll', () => {\n  header.classList.toggle('scrolled', window.scrollY > 20);\n  document.getElementById('scrollTop').classList.toggle('visible', window.scrollY > 400);\n});\n\nconst menuToggle = document.getElementById('menuToggle');\nconst mobileNav = document.getElementById('mobileNav');\nmenuToggle.addEventListener('click', () => {\n  mobileNav.classList.toggle('active');\n  menuToggle.querySelector('i').className = mobileNav.classList.contains('active') ? 'ri-close-line' : 'ri-menu-4-line';\n});\nfunction closeMobile() {\n  mobileNav.classList.remove('active');\n  menuToggle.querySelector('i').className = 'ri-menu-4-line';\n}\n\nfunction toggleHistory() {\n  const panel = document.getElementById('historyPanel');\n  panel.classList.toggle('active');\n  const btn = document.querySelector('.about-history-btn');\n  btn.innerHTML = panel.classList.contains('active')\n    ? '\u6cbf\u9769\u3092\u9589\u3058\u308b <i class=\"ri-arrow-up-s-line\"><\/i>'\n    : '\u6cbf\u9769\u3092\u898b\u308b <i class=\"ri-arrow-right-s-line\"><\/i>';\n}\n\nfunction handleSubmit(e) {\n  e.preventDefault();\n  alert('\u304a\u554f\u3044\u5408\u308f\u305b\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002\\n\u5185\u5bb9\u3092\u78ba\u8a8d\u306e\u4e0a\u3001\u62c5\u5f53\u8005\u3088\u308a\u3054\u9023\u7d61\u3044\u305f\u3057\u307e\u3059\u3002');\n  e.target.reset();\n}\n\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); });\n}, { threshold: 0.1 });\ndocument.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u682a\u5f0f\u4f1a\u793eORI\uff5c\u5b50\u80b2\u3066\u3068\u4ed5\u4e8b\u306e\u4e21\u7acb\u3092\u652f\u3048\u308b O \u682a\u5f0f\u4f1a\u793eORI Corporate \u7406\u5ff5 \u4f1a\u793e\u6982\u8981 \u4e8b\u696d\u5185\u5bb9 SNS \u304a\u554f\u3044\u5408\u308f\u305b \u7406\u5ff5 \u4f1a\u793e\u6982\u8981 \u4e8b\u696d\u5185\u5bb9 SNS \u304a\u554f\u3044\u5408\u308f\u305b Weaving Work &amp; L [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orika0306.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":10,"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/orika0306.com\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/orika0306.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}