/*
Theme Name: Connect Trust Complete System
Author: AG Architect
Description: All pages functional.
Version: 3.0
*/
:root {
    --color-bg-white: #FFFFFF;
    --color-bg-gray: #F9F9F9;
    --color-text-main: #111111;
    --color-text-sub: #999999;
    --color-accent: #E5E5E5;
    --font-en: 'Inter', sans-serif;
    --font-jp: 'Noto Sans JP', sans-serif;
    --easing-fluid: cubic-bezier(0.33, 1, 0.68, 1);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font-jp); line-height: 2.0; letter-spacing: 0.1em; overflow-x: hidden; }
a { text-decoration: none; color: inherit; transition: opacity 0.6s; }
.header { position: fixed; top: 0; width: 100%; height: 80px; display: flex; justify-content: space-between; align-items: center; padding: 0 40px; z-index: 100; transition: 0.6s; color: var(--color-text-main); }
.header.is-scrolled { background-color: rgba(255,255,255,0.95); box-shadow: 0 1px 0 rgba(0,0,0,0.05); }
.header__logo { font-size: 1.2rem; font-weight: 600; font-family: var(--font-en); }
.header__list { display: flex; gap: 40px; }
.header__link { font-size: 0.8rem; }
.hero { height: 100vh; display: flex; align-items: center; justify-content: center; background-image: url('https://connect-trust.com/wp-content/uploads/2026/02/back01.png'); background-size: cover; background-position: center; position: relative; }
.section-pad { padding: 150px 0; }
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 5vw; }
.scroll-reveal { opacity: 0; transform: translateY(30px); transition: 1.2s var(--easing-fluid); }
.scroll-reveal.is-visible { opacity: 1; transform: translateY(0); }
.story-block { display: flex; min-height: 70vh; border-top: 1px solid var(--color-accent); }
.story-block:nth-child(even) { flex-direction: row-reverse; }
.story__visual { flex: 1; overflow: hidden; }
.story__img { width: 100%; height: 100%; object-fit: cover; transition: 10s; }
.story__content { flex: 1; padding: 10%; display: flex; flex-direction: column; justify-content: center; }
.ken-burns.active .story__img { transform: scale(1.1); }
@media (max-width: 768px) { .story-block { flex-direction: column !important; } .header__list { display: none; } }