@import url('deco.css');
body, h1, h2, p, ul {
	margin: 0;
	padding: 0;
}
body {
	background-color: #f0f0f0;
	font-family: Arial, sans-serif;
	
}
/* リンクの通常状態での色 */
a {
	color: blue; /* 例: 青色 */
}
/* リンクにホバー（マウスを重ねたとき）したときの色 */
a:hover {
	color: #ff6600; /* 例: オレンジ色 */
}
/* Style the header */
header {
	background-color: #0195f2;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	border-top: 8px solid #ff0;
}
header h1 {
	font-size: 24px;
}
/* Style the navigation menu */
nav ul {
	list-style-type: none;
}
nav ul li {
	display: inline;
	margin-right: 20px;
}
nav a {
	color: #fff;
	text-decoration: none;
}
/* Style the main content */
main {
	max-width: 1000px;
	margin: 20px auto;
	padding: 20px;
	background-color: #fff;
}
section {
	margin-bottom: 80px;
	line-height: 1.8;
	/* font-size: 14px; */
}
h2 {
	font-size: 240;
	color: #333;
}
h3 {
	font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	color: #333;
	/* line-height: 1.2; */
	font-weight: bold;
	padding: 0 0 10px 0;
}
dt {
	font-weight: 600;
}
dd {
	/* line-height: 2; */
	margin-inline-start: 0;
}

li {
	list-style: disc;
	margin-left: 20px;
	line-height: 1.4;
}
/* table01 */
#table01 {
	margin: 30px 0;
	width: 100%;
}
#table01 tr {
	border: 1px solid #b5b1b1;
}
#table01 th, #table01 td {
	width: 100%;
	padding: 10px 0;
	border: none;
}
#table01 th {
	width: 20%;
	background: #b2e1ff;
	text-align: center;
}
#table01 td {
	width: 100%;
	padding: 10px 0 10px 20px;
	border: none;
}
/* google map */
iframe {
	width: 90%;
	aspect-ratio: 16/9;
}
/* Style the footer */
footer {
	text-align: center;
	padding: 10px 0;
	background-color: #0195f2;
	color: #fff;
}
/* sp */
@media only screen and (max-width: 480px) {
	section {
		margin-bottom: 20px;
	}
	img {
		width: 90%;
	}
	#table01 th, #table01 td {
		width: 100%;
		display: block;
	}
	#table01 th {
		width: 100%;
		text-align: center;
	}
	#table01 td {
		padding-top: 0;
		padding: 10px 0;
		text-align: center;
	}
}