/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 04 2025 | 02:32:37 */
/* -------------------------------------- */
/* 1. PC表示 (デフォルト) */
/* -------------------------------------- */
/* <br class="sp-br-off"> は通常通り改行として機能しています */

/* -------------------------------------- */
/* 2. スマホ表示（max-width: 768px以下の場合） */
/* -------------------------------------- */
@media screen and (max-width: 768px) {
    /* * 「.sp-br-off」クラスを持つ <br> 要素を非表示にする
     * 非表示にすることで、その場所での改行がなくなります
     */
    .sp-br-off {
        display: none;
    }
}


/* reset */
* { box-sizing: border-box; margin:0; padding:0; }

/* Hero */
/* トップ画像のコンテナ */
.hero {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

/* トップ画像の背景 */
.hero-bg {
  position: absolute; inset:0;
  background-image: url('https://kameda-toshi.com/wp-content/uploads/2025/10/DSC03911_pc3.jpg');
  background-size: cover; 
  background-position: center center;
  z-index:0;
}
/* スマホ/ウィンドウが小さくなったときの調整 */
@media screen and (max-width: 768px) {
  .hero .hero-bg {
    /* 画像を上部を中心に表示し、下部をトリミング */
    background-position: center top; 
  }
}

/* moving text（初期は fixed 表示） */
.moving-text { 
	position: fixed; 
	white-space: nowrap; 
	pointer-events: none; 
	/* ハードウェアアクセラレーションを有効化して、ガタつきを軽減 */
	will-change: transform, top, left; 
	transform: translateZ(0); 

}

.hero-img {
  width: 500px;   
  height: auto;   
  display: block; 
}

/* 右カラムの見出し */
.right-col h2#rightHeading {
  font-family: "Zen Kaku Gothic New", sans-serif; 
  font-weight: 600;             
  font-size: 22px; 
  line-height: 1.8;
  text-decoration: underline;
  text-underline-offset: 8px;
  margin-bottom: 16px;
}

/* 右カラムの本文 */
.right-col p {
  font-family: "Zen Kaku Gothic New", sans-serif; 
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
}
/* 右カラムの名前 */
.right-col name {
  font-family: "Zen Kaku Gothic New", sans-serif; 
  font-size: 30px;
  font-weight: 500;
  line-height: 2;
}

/* Split */
.message-section { background:#fff; padding: 60px 0 0; }
.container { max-width:1200px; margin:0 auto; display:flex; gap:40px; padding:0 40px; }
.left-col { flex:0 0 45%; min-width:260px; }
.right-col { flex:1; }
.right-col h2 { font-size:24px; margin-bottom:16px; }

/* モバイルでカラムが縦並びになる場合は処理をオフにする（必要なら） */
@media (max-width: 1024px) {
  .container { flex-direction: column; }
  .hero-bg {
    background-image: url("https://kameda-toshi.com/wp-content/uploads/2025/09/DSC03911_sp_2.jpg");
    background-size: 100% auto;  /* 幅を基準に収める */
    background-repeat: no-repeat;
    background-position: top center;
  }
  .hero-img {
  width: 30vh;   /* 横幅を固定 */
  height: auto;   /* 縦はアスペクト比を保って自動調整 */
  display: block; /* 余計な余白を消す用 */
}
.right-col h2#rightHeading {
    font-family: "Zen Kaku Gothic New", sans-serif; 
    font-weight: 500;             
    font-size: 1.2rem; 
    line-height: 1.8;
    text-decoration: underline;
    text-underline-offset: 0.5rem; 
    margin-bottom: 15px; 
    margin-top: -0.3rem; 
}
.right-col p {
    font-family: "Zen Kaku Gothic New", sans-serif; 
    font-size: 1rem; 
    font-weight: 400;
    line-height: 1.7;
}
}