/* ==========================================
     文字関連
========================================== */

.top-logo{
	align-content: center;
}


img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.mds01{
  text-align: center;
  font-size: 2.4em;
  color:#1969B1;
 padding: 30px 0;
}

.mds{
  text-align: center;
  font-size: 1.4em;
 padding: 30px 0;
 line-height: 1.5em;
}


.syamei{
 letter-spacing: 0.1em;
 text-align: center;
font-weight: 700;
 font-size: 2.0em;
 padding: 30px 0;
 line-height: 1.5em;
}

.jyusyo {
  display: flex;
  justify-content: center; /* 横方向の中央に配置 */
}
.block {
  text-align: left; 
  font-size: 1.4em;
}

.hp-link {
  text-decoration: none; /* 下線を消す */
}


/* ここまで　文字設定 -----------------------------*/

/* 色帯設定（文字あり） -----------------------------*/


.color-obi-center {
  background: #81d742;       /* 帯の背景色 */
  color: #ffffff;            /* 文字の色 */
  padding: 10px 0;           /* 帯の上下の太さ（余白） */
  text-align: center;        /* 文字を中央寄せ */
  font-weight: bold;         /* 文字を太字に */
  letter-spacing: 0.1em;     /* 文字の間隔を少し広げて見やすく */
}


.hr-center-70 {
  border: none;
  height: 4px; /* 線の太さ */
  background: linear-gradient(to right, #81d742, #81d742); /* 色帯（グラデーション） */
  
  /* 👇 横幅を70%にして、左右中央に配置（これで左右に15%ずつの余白ができます） */
  width: 70%;
  margin: 30px auto; 
  
  /* 文字を線の上に浮かせるための設定 */
  position: relative;
  overflow: visible;
}

/* 文字の部分の設定 */
.hr-center-70::after {
  content: attr(data-text); /* HTMLの data-text の文字を読み込む */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 完全に真ん中に配置 */
  
  /*重要：文字の後ろの座布団。サイトの背景色（白など）と一致させてください */
  background: #ffffff; 
  padding: 0 15px; /* 文字の左右のすき間 */
  
  color: #2c3e50;
  font-weight: bold;
  white-space: nowrap; /* スマホで文字が折り返されるのを防ぐ */
}
/* ここまで色帯設定（文字あり） -----------------------------*/


/* 写真をリンクボタンに設定 --------------------------------*/

/* 親要素（外側の箱）を中央寄せにする */
.img-cent {
  text-align: center;
  margin: 20px 0 20px 10px; /* 上下に少し隙間を作りたい場合（任意） */
}

/* 前のボタン用CSSはそのまま */
.img-btn {
  display: inline-block;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.img-btn:hover {
  opacity: 0.8;
}




/* 写真をリンクボタンに設定 --------------------------------*/