@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Yusei+Magic&display=swap');

body {
    font-family: 'Noto Sans JP', sans-serif;
    scroll-behavior: smooth;
}

.font-hand {
    font-family: 'Yusei Magic', sans-serif;
}

.pattern-grid {
    background-image: radial-gradient(#f97316 0.5px, transparent 0.5px);
    background-size: 20px 20px;
}

/* 家の屋根を作るクリップパス */
.house-roof {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

/* スマホ版：ヒーロー画像をまっすぐに */
@media (max-width: 767px) {
    .hero-image {
        transform: rotate(0deg) !important;
    }
}