main .two {
	box-sizing: border-box;
	padding: 16px;
	background: #FFF;
	border-radius: 8px;
	border: 1px solid #BBB;
}

main .four {
	margin-top: 24px;
	box-sizing: border-box;
	padding: 16px;
	background: #FFF;
	border-radius: 8px;
	border: 1px solid #BBB;
}

main .three {
	margin-top: 24px;
}

span {
	font-weight: bold;
	font-size: 16px;
}
/* ===== aside の banner.html 専用 ===== */

/* aside のバナー領域自体を「幅いっぱいのブロック」にする */
aside .banner{
  width: 100%;
  float: left;        /* style.css が float 文化なので合わせる */
  box-sizing: border-box;
  margin-top: 16px;
}

/* 全体：縦に積む（SNSの下に牽引企業） */
aside .banner .aside-banner{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* SNS：横並び（スクショの理想はこれ） */
aside .banner .aside-banner__sns{
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

/* SNSアイコン：サイズ固定 */
aside .banner .aside-banner__icon{
  width: 40px;      /* ここ好みで 32〜64 */
  height: auto;
  display: block;
}

/* 牽引企業ロゴ：100%（maxWidth を活かす） */
aside .banner .aside-banner__meti img{
  display: block;
  width: 100%;      /* maxWidth(=100%)と同義だが保険 */
  height: auto;
}