
.slick_container { width: 100%; height: 100%;}
.slider img { width: 100%; height: 100vh; object-fit: cover;}
.slider_logo{ 
  position:absolute; 
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.slider_logo_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* ヒーローセクションのロゴスタイル */
.slider_logo img {
  width: 150px !important;
  height: auto !important;
  margin: 0 auto 10px auto !important;
  display: block !important;
}

/* 現長株式会社の社名スタイル */
.company-name {
  color: white !important;
  font-size: 64px !important;
  font-family: 'Yuji Syuku', '衡山毛筆フォント', 'Noto Serif JP', 'Yu Mincho', 'YuMincho', '游明朝', serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.15em !important;
  white-space: nowrap !important;
  text-align: center !important;
  line-height: 1 !important;
  margin: 0 auto !important;
  display: block !important;
}

@media only screen and (max-width: 768px) {
.slider img { width: 100%; height: 86vh; object-fit: cover;}
.slider_logo{ 
  position:absolute; 
  top: 40%; 
  left: 50%;
  transform: translate(-50%, -50%);
}

/* モバイル用の調整 */
.slider_logo img {
  width: 100px !important;
  margin: 0 auto 8px auto !important;
}

.company-name {
  font-size: 36px !important;
  letter-spacing: 0.1em !important;
}
}


/* ページ読み込み時のロゴアニメーション - 常に表示 */
@keyframes logoFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.slider_logo_container {
  animation: logoFadeIn 2s ease-in-out;
}
