@charset "utf-8";
.container-flex {
  /* スマホ・デフォルト（縦並び） */
  display: flex;
  flex-direction: column; /* 縦に並べる */
  gap: 20px; /* アイテム間の隙間 */
  padding: 10px;
}
body{color: #FFFFFF;}

h1{color: #FFFFFF; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 300%; font-weight: bold;
	
}
h5{font-weight: normal;}
h4{color: #FFFFFF;}
.ww{font-size: 100%; font-weight: bold; color: #FFF;}
.item {
  /* 各項目のスタイル */
  background-color: #144475;
  padding: 20px;
  text-align: center;
  border-radius: 5px;
}

/* PCサイズ (例: 768px以上) で横3列にする */
@media (min-width: 768px) {
  .container-flex {
    flex-direction: row; /* 横に並べる */
    flex-wrap: nowrap; /* 折り返しなし */
  }

  .item {
    /* アイテムを均等な幅（1/3ずつ）にする */
    flex: 1 1 0; /* flex-grow: 1, flex-shrink: 1, flex-basis: 0 */
  }
}