.custom-header {
  text-align: center;
  background: #ffffff; /* 単色のブラックでシンプルに */
  padding: 0.5em 0.8em; /* 上下の余白を減らす */
}

.logo {
  font-size: clamp(28px, 6vw, 48px);
  font-weight: 700;
  font-family: "Helvetica Neue", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom:10px;
}

.char {
  display: inline-block;
  font-size: clamp(32px, 6vw, 48px);
  font-weight: bold;
  color:#aaa;
}

.char1,.char3,.char6 {
  color: #00ced1;;
}
.char1{
  color: #ff7f50;
}





.tagline {
  font-size: clamp(14px, 3.5vw, 18px);
  color: #888;
  margin: 0.2em 0; /* 上だけ少し余白 */
  font-weight: 300;
  letter-spacing: 1px;
}