/*
Theme Name: Torus
Description: 量子ヒーリングサロントーラス専用テーマ
Version: 1.0
Author: salon torus
*/
.hero-wrap {
  position: relative;
  overflow: hidden;
}

/* particles を全面に敷く */
#particles-js.hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* canvas がリンク操作を邪魔しないように */
#particles-js canvas {
  pointer-events: none;
}

/* 文字を読みやすくする暗幕（任意） */
.hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.35); /* 好みで調整 */
  pointer-events: none;
}

/* 前景テキスト */
.hero-content{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;   /* モバイルは中央 */
  z-index: 10;
  padding: 0 20px;
}

.hero-inner{
  width: 100%;
  max-width: 1000px;
  text-align: center;        /* モバイル中央 */
}

/* ===== PC表示 ===== */
@media (min-width: 960px){

  .hero-content{
    justify-content: flex-start;  /* 左寄せ */
    padding-left: 8%;             /* 少し内側に */
  }

  .hero-inner{
    text-align: left;             /* 左揃え */
  }
	
	.hero-inner h2{
    font-size: 300%;
  }

  .hero-inner p{
    font-size: 110%;
  }

}