@charset "UTF-8";
@tailwind base;
.scroll_position:before {
  animation: pathmove 4s linear infinite;
}
@keyframes pathmove {
  0% {
    top: 0;
  }

  25% {
    top: 25%;
  }

  50% {
    top: 50%;
  }

  75% {
    top: 75%;
  }

  90% {
    top: 90%;

    /* または適切な値に変更 */
  }

  100% {
    top: auto;
    bottom: 0;
    opacity: 0;
  }
}

/* 追記yama */
.main_title{
  top: 50%;
  transform: translateY(-50%) translateX(0%);
}

@media (max-width: 768px){
  .main_title{
    top: auto;
    bottom: 3%;
    transform: translateY(-50%) translateX(0%);
  }
}
header{
  transition: all 0.3s ease-in-out;
}
.header_back{
  transition: all 0.3s ease-in-out;
  background-color: rgb(32 56 100 / var(--tw-bg-opacity));
}

/*add20250904*/
@media (max-width: 767px){
  .main_title{
    font-size: 30px;
  }
}
@media (max-width: 340px){
  .main_title{
    font-size: 28px;
  }
}