Coming Soon Coming Soon Coming Soon
近日公開 Launching Soon 敬请期待
Coming Soon Coming Soon Coming Soon
近日公開 Launching Soon 敬请期待
justify-content: flex-start; background: var(--bg); overflow-y: auto; overflow-x: hidden; padding: 80px 16px 80px; } #main.on { opacity: 1; } /* soft cyan glow — very subtle */ .glow { position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none; z-index: 0; } .glow-a { width: 600px; height: 500px; background: rgba(0,196,195,0.10); top: -180px; right: -120px; animation: gA 16s ease-in-out infinite alternate; } .glow-b { width: 400px; height: 400px; background: rgba(0,196,195,0.07); bottom: -120px; left: -80px; animation: gB 13s ease-in-out infinite alternate; } @keyframes gA { to { transform: translate(-60px, 80px); } } @keyframes gB { to { transform: translate(50px, -50px); } } /* top / bottom rules */ .page-rule { position: fixed; left: 0; right: 0; height: 1px; background: var(--border); z-index: 2; pointer-events: none; } .page-rule-t { top: 52px; } .page-rule-b { bottom: 52px; } /* side micro-labels */ .page-side { position: absolute; font-family: 'DM Mono', monospace; font-size: 0.55rem; letter-spacing: 0.25em; color: var(--faint); writing-mode: vertical-rl; top: 50%; transform: translateY(-50%); z-index: 1; display: none; /* hidden until ≥900px */ } .page-side-l { left: 22px; } .page-side-r { right: 22px; transform: translateY(-50%) rotate(180deg); } @media (min-width: 900px) { .page-side { display: block; } } /* ─── CARD ─── */ .card { position: relative; z-index: 1; width: 100%; max-width: 720px; margin: auto; background: var(--white); border: 1px solid var(--border); border-radius: 6px; box-shadow: 0 2px 32px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.04); } /* card top bar */ .card-bar { height: 3px; background: linear-gradient(90deg, var(--cyan) 0%, rgba(0,168,167,0.15) 100%); border-radius: 6px 6px 0 0; } .card-inner { padding: clamp(2rem, 5vw, 3rem); } /* ── header row ── */ .header-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; margin-bottom: 2rem; flex-wrap: wrap; } .wordmark { font-family: 'Syne', sans-serif; font-weight: 800; font-size: clamp(1.8rem, 5vw, 3.6rem); letter-spacing: -0.02em; line-height: 1.1; color: var(--ink); opacity: 0; animation: up 0.7s cubic-bezier(0.22,1,0.36,1) 0.1s forwards; } .wordmark b { color: var(--cyan); font-weight: 800; } .chip { display: inline-flex; align-items: center; gap: 7px; font-family: 'DM Mono', monospace; font-size: 0.6rem; letter-spacing: 0.18em; color: var(--cyan); background: var(--cyan-bg); border: 1px solid rgba(0,168,167,0.3); border-radius: 3px; padding: 0.3rem 0.8rem; white-space: nowrap; align-self: flex-start; margin-top: 0.4rem; opacity: 0; animation: up 0.55s ease 0.25s forwards; } .chip-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); animation: blink 2.4s ease-in-out infinite; } @keyframes blink { 0%,100%{opacity:1} 55%{opacity:0.2} } .year-tag { font-family: 'DM Mono', monospace; font-size: 0.7rem; letter-spacing: 0.35em; color: var(--muted); margin-bottom: 0.4rem; opacity: 0; animation: up 0.55s ease 0.3s forwards; } /* ── divider ── */ .divider { height: 1px; background: var(--border); margin-bottom: 1.8rem; opacity: 0; animation: up 0.5s ease 0.4s forwards; } /* ── headline & body ── */ .headline { font-family: 'Syne', sans-serif; font-weight: 700; font-size: clamp(1.1rem, 2.5vw, 1.45rem); line-height: 1.45; color: var(--ink); margin-bottom: 0.85rem; opacity: 0; animation: up 0.55s ease 0.5s forwards; } .bodytxt { font-size: clamp(0.83rem, 1.5vw, 0.93rem); font-weight: 300; line-height: 1.95; color: var(--body); margin-bottom: 1.8rem; opacity: 0; animation: up 0.55s ease 0.62s forwards; } /* ── numbered items ── */ .items { display: flex; flex-direction: column; border-top: 1px solid var(--border); margin-bottom: 2rem; opacity: 0; animation: up 0.55s ease 0.75s forwards; } .item { display: flex; align-items: baseline; gap: 1.2rem; padding: 1rem 0; border-bottom: 1px solid var(--border); position: relative; transition: background 0.2s, padding-left 0.2s; border-radius: 3px; } .item:hover { background: var(--cyan-bg); padding-left: 0.6rem; } .item-n { font-family: 'DM Mono', monospace; font-size: 0.6rem; letter-spacing: 0.1em; color: var(--cyan); flex-shrink: 0; width: 22px; } .item-label { font-family: 'DM Mono', monospace; font-size: 0.58rem; letter-spacing: 0.18em; color: var(--muted); text-transform: uppercase; flex-shrink: 0; width: 70px; } .item-txt { font-size: 0.87rem; font-weight: 400; color: var(--ink); line-height: 1.55; } /* ── CTA ── */ .cta-row { display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; opacity: 0; animation: up 0.55s ease 0.9s forwards; } .btn-primary { display: inline-flex; align-items: center; gap: 0.55rem; font-family: 'DM Mono', monospace; font-size: 0.72rem; letter-spacing: 0.1em; color: var(--white); background: var(--ink); text-decoration: none; padding: 0.8rem 1.6rem; border-radius: 4px; border: 1.5px solid var(--ink); position: relative; overflow: hidden; transition: color 0.32s, transform 0.2s; } .btn-primary::after { content: ''; position: absolute; inset: 0; background: var(--cyan); transform: translateX(-102%); transition: transform 0.36s cubic-bezier(0.7,0,0.3,1); } .btn-primary:hover::after { transform: translateX(0); } .btn-primary:hover { transform: translateY(-1px); border-color: var(--cyan); } .btn-primary span { position: relative; z-index: 1; } .cta-note { font-size: 0.8rem; font-weight: 300; color: var(--muted); } /* ── footer ── */ .foot { width: 100%; max-width: 720px; margin-top: 1.2rem; display: flex; justify-content: center; gap: 2rem; font-family: 'DM Mono', monospace; font-size: 0.55rem; letter-spacing: 0.2em; color: var(--faint); z-index: 1; opacity: 0; animation: up 0.55s ease 1.05s forwards; } @keyframes up { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
2 0 2 6  ·  UNDER RECONSTRUCTION
CORECLOUD · 2026
SERVICE SUSPENDED
CoreCloud logo
2 0 2 6
CORECLOUD
SERVICE SUSPENDED
現在、サービスを一時停止しています。

CoreCloudは新メンバーと共に、より良いサービスとして再構築を進めています。
ご不便をおかけして誠に申し訳ありません。再開まで、しばらくお待ちください。

01 Status サービスは現在一時終了しています
02 Rebuild 新メンバーを中心にシステムを再構築中です
03 Updates 最新情報は公式 X(旧Twitter)でご確認ください
© 2026 CORECLOUD ALL RIGHTS RESERVED