/* ===== フォント（必要ならこの @import を先頭に） ===== */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;900&family=Noto+Serif+JP:wght@500;600;700&display=swap'); /* ===== カラーパレット ===== */ :root{ --primary-blue:#2563eb; --primary-blue-dark:#1e3a8a; --secondary-blue:#1e40af; --light-blue:#3b82f6; --accent-orange:#f97316; --text-dark:#1f2937; --text-gray:#6b7280; --text-light:#9ca3af; --bg-white:#ffffff; --bg-light:#f8fafc; --bg-gray:#f1f5f9; --border-light:#e2e8f0; } /* ===== リセット（fudo領域内のみ） ===== */ .fudo-website *{ box-sizing:border-box !important; } /* ===== 共通レイアウト ===== */ .fudo-website{ font-family:'Noto Sans JP',system-ui,sans-serif !important; line-height:1.6 !important; color:var(--text-dark) !important; background:var(--bg-white) !important; width:100%; max-width:1200px; margin:0 auto; position:relative !important; } /* ===== ナビゲーション ===== */ .fudo-navbar{ position:fixed !important; top:0 !important; left:0; right:0; background:rgba(255,255,255,.95) !important; backdrop-filter:blur(10px) !important; z-index:1000 !important; border-bottom:1px solid var(--border-light) !important; transition:all .3s ease !important; } .fudo-nav-container{ max-width:1200px !important; margin:0 auto !important; display:flex !important; justify-content:space-between !important; align-items:center !important; padding:1rem 2rem !important; } .fudo-nav-logo{ display:flex !important; align-items:center !important; text-decoration:none !important; color:var(--text-dark) !important; } .fudo-nav-logo img{ height:40px !important; margin-right:12px !important; } .fudo-company-name{ font-size:1.1rem !important; font-weight:600 !important; color:#111 !important; font-family:"Hiragino Mincho ProN","Hiragino Mincho Pro","YuMincho","游明朝","Noto Serif JP",serif !important; letter-spacing:.02em !important; } .fudo-nav-menu{ display:flex !important; list-style:none !important; gap:2rem !important; align-items:center !important; } .fudo-nav-link{ color:var(--text-dark) !important; text-decoration:none !important; font-weight:500 !important; transition:color .3s ease !important; } .fudo-nav-link:hover{ color:var(--primary-blue) !important; } .fudo-nav-cta{ display:flex !important; gap:1rem !important; } .fudo-btn-primary{ background:var(--primary-blue) !important; color:#fff !important; padding:12px 24px !important; border-radius:8px !important; text-decoration:none !important; font-weight:500 !important; transition:all .3s ease !important; border:none !important; cursor:pointer !important; } .fudo-btn-primary:hover{ background:var(--secondary-blue) !important; transform:translateY(-2px) !important; } /* ===== ヒーロー ===== */ .fudo-hero{ min-height:100vh !important; display:flex !important; align-items:center !important; background:var(--bg-white) !important; padding-top:80px !important; } .fudo-hero-container{ max-width:1200px !important; margin:0 auto !important; padding:0 2rem !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:4rem !important; align-items:center !important; } .fudo-hero-content h1{ font-size:3.5rem !important; font-weight:800 !important; line-height:1.15 !important; margin-bottom:2rem !important; color:var(--text-dark) !important; } .fudo-highlight{ color:var(--primary-blue) !important; font-weight:900 !important; } .fudo-hero-content p{ font-size:1.2rem !important; color:var(--text-gray) !important; margin-bottom:3rem !important; line-height:1.8 !important; } .fudo-hero-cta{ display:flex !important; gap:1.5rem !important; } .fudo-hero-visual{ display:flex !important; justify-content:center !important; align-items:center !important; position:relative !important; } /* ===== 図形（ジオメトリ） ===== */ .fudo-geometric-shapes{ position:relative !important; width:400px !important; height:400px !important; } .fudo-shape{ position:absolute !important; border-radius:50% !important; } .fudo-shape-1{ width:200px !important; height:200px !important; background:var(--primary-blue) !important; top:50px !important; right:50px !important; opacity:.9 !important; animation:fudo-float 6s ease-in-out infinite !important; } .fudo-shape-2{ width:120px !important; height:120px !important; background:var(--light-blue) !important; top:20px !important; left:20px !important; opacity:.7 !important; animation:fudo-float 4s ease-in-out infinite .5s !important; } .fudo-shape-3{ width:80px !important; height:80px !important; background:var(--accent-orange) !important; bottom:100px !important; left:100px !important; opacity:.8 !important; animation:fudo-float 5s ease-in-out infinite 1s !important; } .fudo-shape-4{ width:60px !important; height:60px !important; background:var(--bg-gray) !important; bottom:50px !important; right:100px !important; } /* 回転する三角形 */ .fudo-triangle{ width:0 !important; height:0 !important; border-left:75px solid transparent !important; border-right:75px solid transparent !important; border-bottom:130px solid var(--light-blue) !important; position:absolute !important; top:150px !important; left:150px !important; opacity:.6 !important; transform-origin: 50% 90% !important; animation: fudo-rotate 12s linear infinite !important; } /* ===== セクション共通 ===== */ .fudo-section{ padding:100px 0 !important; } .fudo-container{ max-width:1200px !important; margin:0 auto !important; padding:0 2rem !important; } .fudo-section-header{ text-align:center !important; margin-bottom:4rem !important; position:relative !important; } .fudo-section-title{ font-size:2.5rem !important; font-weight:700 !important; margin-bottom:1rem !important; color:var(--text-dark) !important; } .fudo-section-subtitle{ font-size:1.2rem !important; color:var(--text-gray) !important; max-width:720px !important; margin:0 auto !important; } /* ===== 事業内容（SERVICE透かし） ===== */ .fudo-services .fudo-section-header::after{ content:"SERVICE"; position:absolute; left:0; right:0; top:0; transform:translateY(-60%); text-align:center; font-size:1.6rem; font-weight:700; letter-spacing:.08em; line-height:1; color:#000; opacity:.05; pointer-events:none; } .fudo-services-grid{ display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:3rem !important; margin-top:3rem !important; } .fudo-service-card{ background:#fff !important; border-radius:16px !important; padding:2.5rem !important; box-shadow:0 4px 6px rgba(0,0,0,.05) !important; transition:all .3s ease !important; border:1px solid var(--border-light) !important; } .fudo-service-card:hover{ transform:translateY(-8px) !important; box-shadow:0 20px 40px rgba(0,0,0,.1) !important; } .fudo-service-icon{ width:60px !important; height:60px !important; background:var(--primary-blue) !important; border-radius:12px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin-bottom:1.5rem !important; color:#fff !important; font-size:1.5rem !important; } .fudo-service-card h3{ font-size:1.5rem !important; font-weight:700 !important; margin-bottom:1rem !important; color:var(--text-dark) !important; } .fudo-service-card p{ color:var(--text-gray) !important; margin-bottom:1.5rem !important; line-height:1.7 !important; } .fudo-service-features{ list-style:none !important; margin-bottom:2rem !important; padding-left:0 !important; } .fudo-service-features li{ color:var(--text-gray) !important; margin-bottom:.5rem !important; position:relative !important; padding-left:1.5rem !important; } .fudo-service-features li::before{ content:'✓' !important; position:absolute !important; left:0 !important; color:var(--primary-blue) !important; font-weight:700 !important; } .fudo-service-link{ color:var(--primary-blue) !important; text-decoration:none !important; font-weight:500 !important; display:inline-flex !important; align-items:center !important; gap:.5rem !important; } .fudo-service-link:hover{ color:var(--secondary-blue) !important; } /* ===== 実績 ===== */ .fudo-stats{ background:var(--primary-blue-dark) !important; color:#fff !important; } .fudo-stats-grid{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:3rem !important; text-align:center !important; } .fudo-stat-item h3{ font-size:3rem !important; font-weight:700 !important; margin-bottom:.5rem !important; color:#f59e0b !important; } .fudo-stat-item p{ font-size:1.1rem !important; opacity:.95 !important; } /* ===== 連携パートナー ===== */ .fudo-partners{ background:#fff !important; } .fudo-partners-grid{ display:grid !important; grid-template-columns:repeat(6,1fr) !important; gap:2rem !important; align-items:center !important; margin-top:3rem !important; } .fudo-partner-logo{ background:var(--bg-gray) !important; border-radius:8px !important; padding:1.5rem !important; text-align:center !important; color:var(--text-gray) !important; font-weight:500 !important; transition:all .3s ease !important; } .fudo-partner-logo:hover{ background:var(--border-light) !important; transform:translateY(-2px) !important; } /* ===== お問い合わせ ===== */ .fudo-contact{ background:var(--bg-light) !important; } .fudo-contact-form{ max-width:600px !important; margin:0 auto !important; } .fudo-form-group{ margin-bottom:2rem !important; } .fudo-form-label{ display:block !important; margin-bottom:.5rem !important; font-weight:500 !important; color:var(--text-dark) !important; } .fudo-form-input,.fudo-form-textarea{ width:100% !important; padding:1rem !important; border:1px solid var(--border-light) !important; border-radius:8px !important; font-size:1rem !important; transition:border-color .3s ease !important; } .fudo-form-input:focus,.fudo-form-textarea:focus{ outline:none !important; border-color:var(--primary-blue) !important; } .fudo-form-textarea{ height:120px !important; resize:vertical !important; } .fudo-form-submit{ width:100% !important; background:var(--primary-blue) !important; color:#fff !important; padding:1rem !important; border:none !important; border-radius:8px !important; font-size:1.1rem !important; font-weight:500 !important; cursor:pointer !important; transition:all .3s ease !important; } .fudo-form-submit:hover{ background:var(--secondary-blue) !important; transform:translateY(-2px) !important; } /* ===== フッター ===== */ .fudo-footer{ background:var(--text-dark) !important; color:#fff !important; padding:3rem 0 !important; text-align:center !important; } .fudo-footer-content{ display:flex !important; justify-content:space-between !important; align-items:center !important; } .fudo-footer-logo img{ height:35px !important; } .fudo-footer-copyright{ color:var(--text-light) !important; } /* ===== 会社情報 ===== */ .fudo-company-info{ background:var(--bg-white) !important; } .fudo-company-overview{ background:var(--bg-light) !important; border-radius:16px !important; padding:3rem !important; } .fudo-company-overview h3{ font-size:2rem !important; font-weight:700 !important; margin-bottom:2rem !important; color:var(--text-dark) !important; text-align:center !important; } .fudo-company-details{ display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:2rem !important; } .fudo-company-item{ display:flex !important; padding:1rem 0 !important; border-bottom:1px solid var(--border-light) !important; } .fudo-company-label{ font-weight:700 !important; color:var(--text-dark) !important; min-width:120px !important; margin-right:1rem !important; } .fudo-company-value{ color:var(--text-gray) !important; flex:1 !important; } /* ===== 代表挨拶（CEOメッセージ） ===== */ .fudo-ceo-message{ margin:100px 0 !important; } .fudo-ceo-content{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:4rem !important; align-items:center !important; } .fudo-ceo-text h3{ font-size:2.2rem !important; font-weight:700 !important; margin-bottom:2rem !important; color:var(--text-dark) !important; line-height:1.3 !important; } .fudo-ceo-text p{ color:var(--text-gray) !important; line-height:1.8 !important; margin-bottom:1.2rem !important; font-size:1rem !important; } .fudo-ceo-signature{ margin-top:1.5rem !important; padding-top:1.5rem !important; border-top:1px solid var(--border-light) !important; } .fudo-ceo-name{ font-size:1.1rem !important; font-weight:700 !important; color:var(--text-dark) !important; margin-bottom:.3rem !important; } .fudo-ceo-title{ color:var(--text-gray) !important; font-size:.9rem !important; } /* 代表写真：縦長に綺麗にトリミング */ .fudo-ceo-photo{ display:flex !important; justify-content:center !important; align-items:center !important; } .fudo-ceo-photo img{ width:100% !important; max-width:420px !important; aspect-ratio: 4 / 5 !important; object-fit: cover !important; object-position: center 40% !important; border-radius:16px !important; box-shadow:0 20px 40px rgba(0,0,0,.1) !important; } /* ===== アニメーション ===== */ @keyframes fudo-fadeInUp{ from{opacity:0; transform:translateY(30px);} to{opacity:1; transform:translateY(0);} } .fudo-fade-in-up{ animation:fudo-fadeInUp .8s ease-out !important; } @keyframes fudo-float{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);} } /* 三角の回転アニメーション */ @keyframes fudo-rotate{ from { transform: rotate(15deg); } to { transform: rotate(375deg); } /* 15 + 360 */ } /* 動きを控えたいユーザー配慮 */ @media (prefers-reduced-motion: reduce){ .fudo-triangle{ animation:none !important; } .fudo-shape-1, .fudo-shape-2, .fudo-shape-3{ animation:none !important; } } /* ===== レスポンシブ ===== */ @media (max-width:1024px){ .fudo-news-grid{ grid-template-columns:repeat(2,1fr) !important; } } @media (max-width:768px){ .fudo-hero{ min-height:auto !important; } .fudo-hero-container{ grid-template-columns:1fr !important; gap:2rem !important; text-align:center !important; } .fudo-hero-content h1{ font-size:2.5rem !important; } .fudo-services-grid{ grid-template-columns:1fr !important; } .fudo-stats-grid{ grid-template-columns:repeat(2,1fr) !important; } .fudo-partners-grid{ grid-template-columns:repeat(3,1fr) !important; } .fudo-nav-menu{ display:none !important; } .fudo-ceo-content{ grid-template-columns:1fr !important; gap:2rem !important; } .fudo-ceo-message{ margin:60px 0 !important; } .fudo-ceo-photo img{ aspect-ratio:3 / 4 !important; } } @media (max-width:640px){ .fudo-news-grid{ grid-template-columns:1fr !important; } .fudo-news-controls{ justify-content:center !important; } } /* 投稿日と著者を非表示 */ .entry-meta, .entry-meta * { display: none !important; } /* コメント欄を非表示 */ #comments, .comments-area, .comment-respond, .comment-form { display: none !important; } /* ============================= */ /* ここから追記：WP側のヘッダーとページタイトルを消す */ /* ============================= */ /* テーマが出しているグローバルヘッダーを隠す */ .site-header, header#masthead, .header, .global-nav { display: none !important; } /* ページタイトル（「株式会社風道ホールディングス　トップページ」など）を隠す */ .entry-title, .page-title, h1.entry-title { display: none !important; }

/* ===== スマホ修正（最優先） ===== */
@media (max-width:768px){

  /* ヒーロー画像エリア */
  .fudo-geometric-shapes{
    width: 100% !important;
    height: auto !important;
    max-width:260px !important;
    margin:0 auto !important;
  }

  /* ヒーローを1カラムに */
  .fudo-hero-container{
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
    text-align:center !important;
  }

  /* メニュー（暫定）*/
  .fudo-nav-menu{
    display:flex !important;
    flex-direction:column !important;
    gap:1rem !important;
    background:#fff !important;
    padding:1rem 0 !important;
  }
}

/* ===== スマホ専用：代表挨拶の並び順を入れ替える ===== */
@media (max-width: 768px){
  /* 代表挨拶を縦並びに変更 */
  .fudo-ceo-content{
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
  }

  /* 写真を先頭に */
  .fudo-ceo-photo{
    order: -1 !important;
  }

  /* 代表メッセージ（見出し＋本文）を写真の下へ */
  .fudo-ceo-text{
    order: 0 !important;
    text-align: left !important;
  }

  /* 見出しサイズ調整（スマホ向け） */
  .fudo-ceo-text h3{
    font-size: 1.6rem !important;
    line-height: 1.4 !important;
    text-align: left !important;
  }

  /* 文章余白調整 */
  .fudo-ceo-text p{
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
  }

  /* 写真サイズ最適化 */
  .fudo-ceo-photo img{
    max-width: 380px !important;
    aspect-ratio: 3 / 4 !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
}