@charset "UTF-8";

body {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Meiryo";
}

a {
	color: #000;
	text-decoration-line: none;
}
a:hover {
	color: blue;
	text-decoration-line: underline;
}

h1 {
	text-align: center;
}
.s1 {
	font-size: 1.3rem;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

main {
	margin-right: auto;
	margin-left: auto;
}
	main a:link {
		color: #0000ee;
		text-decoration-line: none;
	}
	main a:hover {
		/*color: #0000ee;*/
		text-decoration-line: underline;
	}
	main a:visited {
		color: #551a8b;
	}

.h2_dw {
	border-bottom: 9px solid #298fcc;
	padding: 5px 10px 0px;
	margin: 10px auto;
}

.lst_1 {
	list-style-type: disc;
	/*margin-left: 1em;*/
	margin-right: 1.5em;
	margin-bottom: 3em;
}
	.lst_1 > li {
		padding-top: 0.5em;
	}
.lst_2 {
	list-style-type: decimal;
	/*margin-left: 1em;*/
	margin-right: 1.5em;
	margin-bottom: 3em;
}
	.lst_2 > li {
		padding-top: 0.5em;
	}
.triangle {
	margin-bottom: 4px;
	margin-right: 5px;
}

.span_1 {
	text-decoration-line: underline;
}
.p1 {
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 2em;
	margin-bottom: 2em;
}
.p_right {
	text-align: right;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 2em;
	margin-bottom: 2em;
}
.img_1 {
	margin-top: 0.75em;
	margin-bottom: 1.5em;
}

@media {
	#header_0 {
		text-align: left;
		margin: 10px;
	}

	.breadcrumb_navi {
		width: 100%;
	}

	footer {
		text-align: center;
		margin: 0 auto;
		font-size: 1em;
		margin-top: 2px;
	}
		#footer_1 {
			width: 100%;
			display: flex;
			justify-content: space-around;
			background-color: #c8c8cb;
		}
		address {
			background-color: #c8c8cb;
			display: flex;
			justify-content: space-around;
		}
		#footer_2 {
			width: 120px;
		}
		#footer_3 {
			width: 180px;
		}
}

@media (min-width: 500px) {
	footer {
		display: flex;
		justify-content: center;
		height: 130px;
		background-color: #c8c8cb;
	}
	#footer_1 {
		display: inline-block;
		justify-content: center;
		width: 25%;
	}
	#footer_3 {
		padding-left: 1em;
	}
}

@media (min-width: 720px) {
	body {
		width: 720px;
		margin: 10px auto;
	}

	#header_0 {
		width: 720px;
		margin: 10px;
	}

	.breadcrumb_navi {
		width: 720px;
	}

	footer {
		width: 720px;
	}
}

@media (min-width: 960px) {
	body {
		width: 960px;
		margin: 20px auto;
	}

	#header_0 {
		width: 960px;
	}

	.breadcrumb_navi {
		width: 960px;
	}

	footer {
		width: 960px;
	}
}