@charset "utf-8";

/* ベースフォントと配色 */
body {
	font-family: 'Segoe UI', 'Yu Gothic', sans-serif;
	background-color: #eeeeee;
  	margin: 0;
  	color: #333;
}
.hero {
	background: linear-gradient(to right, #004080, #001a33);
  	color: #f0f0f0;
  	padding: 10px 0px;
  	text-align: center;
  	border-radius: 12px;
  	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  	line-height: 1.6;
}
section {
  	background-color: #eeeeee;
  	padding: 40px 20px;
  	font-size: 20px;
}
.custom-list {
	list-style: none;
  	padding-left: 0;
  	margin-bottom: 30px;
}
.custom-list li {
  	padding-left: 140px;
  	text-indent: -80px;
  	margin-bottom: 8px;
  	line-height: 1.5;
}
.map-container {
  	text-align: center;
  	margin: 40px 0;
}
iframe {
  	max-width: 100%;
  	border: 2px solid black;
  	border-radius: 8px;
}
.note {
  	margin-block: 10pt;                  /* 上下のマージンを20ptに統一 */
  	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
  	padding-left: 100px;
	text-indent: -80px;
	border-left: 4px solid #004080;
  	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  	line-height: 1.5;
}
.note p {
	margin-block: 4pt;                   /* 段落上下の間隔を縮小（通常より小さめ） */
}
.site-footer {
  	background: linear-gradient(to right, #004080, #001a33);
  	color: #f0f0f0;
  	text-align: center;
  	padding: 10px;
  	font-size: 14px;
  	margin-top: 0px;
}