

/* SP -------------------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
/*  background-color: #1d2087;*/
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding: 1vh 0 1vh 2%; /* 上下の余白で高さを確保 */
  z-index: 1000;
  box-shadow: 0 0 2vh rgba(0, 0, 0, 0.3);/* 水平 0px, 垂直 0px, ぼかし 6px, 広がり 0px, 色 (黒の25%透明度) */
}

.icon {
  width: 72%; /* ロゴの大きさ */
/*  aspect-ratio: 1 / 0.7;   /* 正方形に保つ */
}

.icon img {
  width: 100%;
}

}/*SPここまで*/







