@media screen and (max-width: 1700px) {
  .menu-list p {
    font-size: 1rem;
    letter-spacing: 3px;
    padding: 20px 20px;
  }


}

@media screen and (max-width: 1500px) {
  .menu-list p {
      font-size: 1rem;
      letter-spacing: 0;
      padding: 20px 20px;
  }


}




@media screen and (min-width: 900px) {

  .pc_kounyu {
    width: 130px;
    margin-top:15px;
  }
  .pc_kounyu img {
    width: 100%;
  }

  .pc_nav img.pcinsta {
    width: 30px;
}
  .pc_nav li {
  font-size: 14px;
  letter-spacing: 3px;
  margin-top: 15px;
  line-height: 20px;
  }

  .wrap {
    width: 38%;
margin: auto;
position: relative;
  background: #e7e6e2;
  }

.pc_back {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: -1;
  pointer-events: none; /* ← これ超重要 */

  /* background-image: url('../images/pc_background.jpg'); */
  background-size: cover; /* 背景を全体にフィットさせる */
  background-position: center; /* 背景の中心を基準に配置 */
  background-repeat: no-repeat; /* 背景画像を繰り返さない */
}

.pc_back img.back_pc_img{
  width: 100%;
}

.pc_back_flex {
  position: absolute;
  top:0;
  left: 0;
  height: 100vh;
  width: 100%;
  display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    justify-content: space-between;
    pointer-events: auto;
}

#topHeader {
  display: none;
}

.pc_back_left {
  display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
    -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  width: 31%;
  position: relative;
  z-index: 3;
}

.pc_back_right {
  /* width: 500px; */
  width: 31%;
  display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
    -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  position: relative;
  z-index: 3;
}

.logo {
  width: 250px;
  margin-bottom: 30px;
  }
.logo a {
  width: 100%;
  }

body {
  position: relative;
  z-index: -1;
}

.scroll-text {
  position: fixed;
  bottom: 5%; /* 背景中央などお好みで調整 */
  left: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
  z-index: 1; /* 背景より上・wrapより下に調整 */
}

.scroll-text-inner {
  display: inline-block;
  font-size: 10vw; /* スマホなら小さめに調整してもOK */
  font-weight: bold;
  color: rgba(255, 255, 255, .6); /* 透け感あり */
  white-space: nowrap;
  animation: scroll-left 30s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.animated-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -2;
  isolation: isolate; /* ←これでblurが他に影響しないようにする */
  pointer-events: none;
}

.animated-bg::before {
  content: "";
  position: absolute;
  inset: -20%;
  background:
    radial-gradient(circle at 30% 30%, rgba(246, 233, 215, 0.8) 0%, transparent 70%),
    radial-gradient(circle at 70% 60%, rgba(244, 234, 224, 0.6) 0%, transparent 60%),
    radial-gradient(circle at 50% 50%, rgba(227, 210, 193, 0.5) 0%, transparent 80%),
    radial-gradient(circle at 40% 70%, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
  background-size: 200% 200%;
  animation: moamoaGradient 30s ease-in-out infinite;
  filter: blur(60px);
  opacity: 1;
  z-index: -1;
}


@keyframes moamoaGradient {
  0% {
    background-position: 0% 0%, 100% 100%, 50% 50%;
  }
  50% {
    background-position: 100% 0%, 0% 100%, 50% 0%;
  }
  100% {
    background-position: 0% 0%, 100% 100%, 50% 50%;
  }
}




}