body{

margin:0;
font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;
background:#f4f7fb;

}



/* ヒーロー */

.hero{

background:linear-gradient(135deg,#0b2c5f,#123c82);

color:white;

padding:120px 20px;

text-align:center;

}

.hero h1{

font-size:40px;
letter-spacing:2px;

}

.hero h2{

font-size:24px;
margin-top:10px;

}

.hero p{

margin-top:20px;

}



/* コンテナ */

.container{

max-width:1100px;

margin:auto;

padding:50px 20px;

}



/* 紹介 */

.intro{

text-align:center;

margin-bottom:50px;

}



/* メニュー */

.menu{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:20px;

}



/* カード */

.card{

background:white;

padding:30px;

border-radius:10px;

text-decoration:none;

color:#333;

box-shadow:0 5px 15px rgba(0,0,0,0.1);

transition:0.25s;

}

.card:hover{

transform:translateY(-6px);

box-shadow:0 10px 25px rgba(0,0,0,0.2);

}



/* dark */

.dark{

background:#0b2c5f;

color:white;

}


/* l_blue */

.l_blue{

background:#d4e6ff;


}


/* l_blue2 */

.l_blue2{

background:#b4d0f6;


}





/* 動画 */

.videos{

margin-top:80px;

text-align:center;

}

.video-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

gap:30px;

margin-top:40px;

}

video{

width:100%;

border-radius:8px;

}



/* フッター */

footer{

background:#0b2c5f;

color:white;

margin-top:80px;

}

.footer-inner{

max-width:1000px;

margin:auto;

padding:40px;

text-align:center;

}

footer img{

width:260px;

margin-top:20px;

}



.home-btn{

padding:12px 25px;

border:none;

background:#1e5ed8;

color:white;

border-radius:6px;

cursor:pointer;

}