@charset "utf-8";
/* CSS Document */

/* ==========================
   コンクール入賞表
========================== */
.award-section {
	max-width: 1000px;
	margin: 40px auto;
	padding-top: 0;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 40px;
}

.award-title {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 20px;
}

.award-table {
	width: 100%;
	border-collapse: collapse;
	background-color: #F5F7FB;
}

.award-table th,
.award-table td {
	border: 4px solid #FFFFFF;
		
	padding: 10px 12px;
	vertical-align: top;
	font-size: 0.95rem;
	color: #373737;
}

.award-table th {
	text-align: center;
	background-color: #1F286F;
	font-weight: 600;
	color: #FFFFFF;
}

/* ==========================
   スマホ対応（縦並び）
========================== */
@media screen and (max-width: 768px) {
  .award-table thead {
    display: none;
  }

  .award-table,
  .award-table tbody,
  .award-table tr,
  .award-table td {
	display: block;
	width: 100%;
	background-color: #FFFFFF;

}

  .award-table tr {
	margin-bottom: 16px;
	border: 2px solid #BDCFF3;
  }

  .award-table td {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 2px solid #FFFFFF;
	position: relative;
	padding-left: 7em;
	background-color: #F5F7FB;
	padding-left: 8.5em; /* ← 見出し幅＋余白 */
  }

  .award-table td:last-child {
    border-bottom: none;
  }

  .award-table td::before {
	content: attr(data-label);
	position: absolute;
	left: 10px;
	top: 10px;
	font-weight: 600;
	white-space: nowrap;
	color: #1F286F;
    width: 7.5em;       /* ← 見出しの横幅を統一 */
    text-align: left;
  }

  .award-table td:nth-child(1)::before { content: "コンクール名"; }
  .award-table td:nth-child(2)::before { content: "入賞・表彰年"; }
  .award-table td:nth-child(3)::before { content: "主催"; }
}