@charset "utf-8";

@media only screen and (min-width: 1122px), print {

}

@media only screen and (min-width: 768px) and (max-width: 1121px), print {	

}

@media only screen and (max-width: 767px) {
    
}

/* ヘッダー画像を2枚並列に */
.header-flex-wrap {
  display: flex;
  width: 100%;
  gap: 0px; /* 画像と画像の間のすき間 */
}

.header-flex-wrap img {
  width: calc(50%); /* 2枚均等に割る*/
  height: auto;
  object-fit: cover; /* 画像の比率を保ったままトリミング */
}

/* スマートフォン表示の時（必要に応じて縦並びに戻す場合） */
@media (max-width: 768px) {
  .header-flex-wrap {
    flex-direction: column; /* スマホでは縦並びに */
    gap: 5px;
  }
  .header-flex-wrap img {
    width: 100%;
  }
}