.btn-hover{
    background-color: #E9E9E9;
    color: black;
}

.btn-hover:hover{
    background-color: black;
    color: #E9E9E9;
    transition: all 0.3s ease;
}
@layer base {
    h1 {
        @apply text-[40px] font-medium leading-[150%] tracking-normal;
      }
    
    h2 {
      @apply text-[28px] font-medium leading-[150%] tracking-normal;
    }
  
    h3 {
      @apply text-[24px] font-medium leading-[150%] tracking-normal;
    }
    h4 {
      @apply text-[20px] font-medium leading-[150%] tracking-normal;
    }
    h5 {
        @apply text-[18px] font-medium leading-[175%] tracking-normal;
      }
}
/* --- メディアクエリの追加 --- */
@media (max-width: 768px) {
    h1 {
        @apply text-[24px] leading-[150%];
    }
    h2 {
        @apply text-[20px] leading-[150%];
    }
    h3 {
        @apply text-[20px] leading-[150%];
    }
    h4 {
        @apply text-[16px] leading-[150%];
    }
    h5 {
        @apply text-[14px] leading-[175%];
    }
  }