@charset "utf-8";

.header-scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transform: translateY(-100px); /* 初期状態では非表示にする */
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0; /* 初期状態では非表示にする */
}
/* .white クラスが付与されたときのスタイル */
.header-scroll.white {
  transform: translateY(0);
  opacity: 1;
}

/*  
  .header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 16px 0px;
    position: sticky;
    top: 20px;
    width: 100%;
	z-index: 999;
  }
*/
.main_container_wrap{
padding-top: 4vh;
}
.top_mv_wrap {
	position: absolute;
    width: 100%;
    top: 0;
}
.top_h1{
	width: 100%;
    padding:28px 0 0 3%;
    font-size: 3vw;
}

@media screen and (max-width:768px){
	.main_container_wrap{
padding-top: 0vh;
}
.top_h1{
	width: 100%;
    padding: 28px 0 0 8%;
    font-size: 4vw;
}
}