/*
Theme Name: iYell法人AI研修 LP
Theme URI: https://iyell.co.jp/
Author: 株式会社Wing
Description: iYell法人AI研修（人材開発支援助成金 事業展開等リスキリング支援コース対象）のランディングページ用テーマ。フラットデザイン＋スクロール連動アニメーション。運営会社：株式会社Wing。
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iyell-ai-training
*/

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:#fff;font-family:'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#1A5FE0;text-decoration:none}
a:hover{color:#0F3FA5}
summary::-webkit-details-marker{display:none}
img{display:block;max-width:100%}
@keyframes fadeUp{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes fadeRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes popIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes growX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes growY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes wipeIn{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes tickerX{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* --- hover states --- */
.hv-link:hover{color:#fff}
.hv-btn-blue{transition:background .18s ease}
.hv-btn-blue:hover{background:#0F3FA5}
.hv-btn-white{transition:background .18s ease}
.hv-btn-white:hover{background:#E8F0FD}
.hv-btn-ghost{transition:background .18s ease,color .18s ease}
.hv-btn-ghost:hover{background:#123458;color:#fff}
.hv-card{transition:border-color .18s ease}
.hv-card:hover{border-color:#1A5FE0}

/* --- reduced motion --- */
@media (prefers-reduced-motion: reduce){
  *{animation:none !important}
}

/* --- WordPress admin bar offset for the sticky header --- */
body.admin-bar header[style*="sticky"]{top:32px}
@media screen and (max-width:782px){body.admin-bar header[style*="sticky"]{top:46px}}