.scroll-fade {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }

    .scroll-fade.visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* 遅延タイミングを変える */
    .scroll-fade.A {
      transition-delay: 0.2s;
    }

    .scroll-fade.B {
		
      transition-delay: 0.8s;
    }




.about {
	
	margin-bottom:30px;
	

	
	
}





/*注釈！！*/

  .tooltip {
    position: relative;
    display: inline-block;
    cursor: help;
    
  }
  .tooltip:hover {
    color: red; /* ホバーしたら文字が赤に */
  }
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* 上に表示 */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
  }
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
	  font-size: 15px;
  }
/*注釈！！*/

/*理念！！*/

.philosophy{
	

	margin:35px;
	
}


/*理念！！*/


/*理念文章！！かげつき！*/



.sentence{
	
	
	margin-top: 15px;
	padding:20px;
	background-color: #E4E4E4;
	border-radius: 150px;
}


/*理念文章！！かげつき！*/






/*つながる広がるラジオTAMAリバー！！*/

/*マージンが小さめハム！*/

.wrapper-mini{
	
margin:0 10vw;

	
	
	
}

/*マージンが小さめハム！*/


/*イメージいれるための仮置きくん！*/
.imagecontaner{
	
	height:300px;
	
	
	
}
/*イメージいれるためのやつ！*/


/*横並びにするハム！*/
.side-wrapper{
	display: flex;
    gap: 40px; /* 要素間のすき間 */
	
	
}
/*横並びにするハム！*/

/*つながる広がるラジオTAMAリバー！！*/

.tsunagaru-hirogaru{
	
	font-size: 30px;
	flex-shrink: 0; /* ← 縮まないようにする */
	
	
	
}

/*つながるひろがるの説明ハム*/
.about-TAMA{

	margin-bottom:90px;
	 
}
/*つながるひろがるの説明ハム*/



/*アクセスについて*/
.acsess{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: bold;
	margin-bottom:30px;
	
	
	
	
}





/*会社概要*/

table {
  width: 100%;
  border-collapse: separate; /* ← collapseをやめて */
  border-spacing: 0 1em;   /* ← 行の間に縦のスペースを追加 */
  margin-top: 1em;
}

th, td {
  border: none; /* 他のボーダーを消す */
  border-bottom: 3px solid #ddd; /* 下線だけにする */
  padding: 0.5em;
  text-align: left;
}

th {
  width: 30%;
  color: var(--heading-color);
}


/*画像*/




	





/*画像*/
.about-wrapper {
  display: flex;
  justify-content: space-between; /* 間にスペース入れる */
  align-items: flex-start; /* 上下の位置を揃える */
  gap: 30px; /* 要素間の隙間 */
  flex-wrap: wrap; /* 画面が狭くなったら縦並びになるように */
}

/*グーグルマップ*/
.map-container {
  max-width: 600px; /* 最大幅を600pxに制限 */
  width: 100%;      /* 幅は親要素に合わせて可変 */
  margin: 0 auto;   /* 中央寄せ */
}

.map-container iframe {
  width: 100%;
  height: 450px; /* 高さは固定でも良いけど調整可能 */
  border: 0;
  display: block;
}

/*グーグルマップ*/



@media screen and (max-width: 600px) {
	
	.side-wrapper {
    flex-direction: column; /* ←縦並びにするハム */
  }

  .tsunagaru-hirogaru {
    font-size: 24px; /* ←ちょっと小さくしてもいいかもハム */
  }

  .wrapper-mini {
    margin: 0 5vw; /* ←左右マージンを狭めにハム */
  }
	
	.title-h3b{
		
		font-size:21px;
		
	}
	
}