.header {
  display: flex;
  justify-content: space-between; /* ← 左右に分ける */
  align-items: center;
  padding: 20px;
  background-color: #f3f0ec;
}



/* 右側グループ */
.header-right {
  display: flex;
  align-items: center;
  gap: 30px; /* メールとアイコンの間隔を調整 */
}

.header-info {
  display: flex;          /* アイコンと文字ブロックを横並び */
  align-items: center;
  gap: 8px;
}

.header-info-text {
  display: flex;          /* ← 追加：この中だけ縦並び */
  flex-direction: column; /* ← 追加：縦に積む */
  text-align: left;
}

.email-icon{
   width: 20px;    /* アイコンの幅を固定 */
  height: auto;   /* 比率を保ったまま縮小 */
  vertical-align: middle;
}

.x-icon {
  height: 24px;
}

.email {
  font-size: 14px;
  color: #666;
}


.dela-gothic-one-regular {
  font-family: "Dela Gothic One", sans-serif;
  font-size: 35px;
}

a{
  color: inherit;      /* 文字色を親要素に合わせる */
  text-decoration: none; /* 下線を消す */
}


.name {
  font-size: 12px;
}

.intro {
  margin-top: 15px;   /* トップ画像との間 */
  text-align: center;  /* （任意）中央揃え */
  font-size: 13px;     /* （任意）少し大きめ */
}


.menu{
  margin-top: 50px;
  font-size: 30px;
  font-family: "Century Gothic", Impact, sans-serif;  /* ← 太字系フォント */
  font-weight: bold;
 /* -webkit-text-stroke: 1.5px black;*/
  color: rgb(0, 0, 0);
}

.menu ul{
   display: flex;
   justify-content: center;
}

.menu ul li:first-child{
    border-left: 1px solid #ddd;
}

.menu ul li{
    width: 300px;
    text-align: center;
    border-right: 1px solid #ddd;
}

footer {
  position: fixed;
  bottom: 0;
  width: 100%; 
  padding: 5px;
  background-color: #f3f0ec;
  font-size: 10px;
}

footer p {
  text-align: center;
}