.link-list {
    display: flex;
	padding: 0 3%;
}

.link-list .link-container {
    flex: 1;
    padding: 2.5% 1%;
}

.link-list .link-container .unstyled-list {
	list-style: none;
	padding: 0;
}

.link-container h3[class^="center-title"] {
	padding: 3% 0;
}

.center-title-1 {
    text-align: center;
      background-color: #003DB2; /* 青い背景 */
      color: white; /* テキストカラーを黒に変更 */
}

.center-title-2 {
    text-align: center;
      background-color: #D72828; /* 赤い背景 */
      color: white; /* テキストカラーを黒に変更 */
}

.center-title-3 {
    text-align: center;
      background-color:  #1D932B; /* 緑の背景 */
      color: white; /* テキストカラーを黒に変更 */
}

.center-title-4 {
    text-align: center;
      background-color: #FCDE3A; /* 黄色の背景 */
      color: black; /* テキストカラーを黒に変更 */
}

/* レスポンシブ対応（小さい画面サイズ用） */
@media (max-width: 768px) {
	.link-list {
		flex-wrap: wrap;
	}

	.link-list .link-container {
		flex: auto;
		width: calc(100% / 2);
	}
}