@tailwind base;
@tailwind components;
@tailwind utilities;

/* カスタムスタイルをここに最小限追加 */
.is-underline-effect {
  position: relative;
}

.is-underline-effect:hover::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #0e3b6d;
  animation: underline 0.3s ease-in-out;
}

@keyframes underline {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}