/*タブレット設定*/
@media (max-width: 900px){

.products-container{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:800px){

.contact{
grid-template-columns:1fr;
}

.hero h1{
font-size:40px;
}

}

/* スマホ設定*/
@media (max-width: 768px){

.hero{
min-height:90vh;
padding:120px 20px 40px;
}

.hero h1{
font-size:42px;
}

.hero p{
font-size:16px;
}

/* セクション余白 */
section{
padding:40px 20px;
}

/* タイトル */
h1{
font-size:28px;
}

/* 見出し */
h2{
font-size:22px;
}

/* ボタン横並び → 縦並び */
.button-area{
flex-direction:column;
align-items:center;
gap:4px;
}

/* ボタン幅 */
.button{
width:auto;
display:inline-block;
text-align:center;
padding:10px 16px;
font-size:14px;
}

/* 商品紹介 */
.products-container{
grid-template-columns:1fr;
}




}