@charset "utf-8";

html {
    scroll-behavior: smooth;
    color: #1A1A1A;
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
br.PC {
	display: block;
	}
img.banner {
	display: block;
	margin: 0 auto 120px;
}
img.PC_on {
	display: block;
}
img.responsive_on {
	display: none;
}

header {
	background: url(../img/img_top_img01.jpg);
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100vh;
}
header p {
	width: 100%;
	height: 100vh;
	padding: 48px 0;
	font-weight: bold;
	font-size: 1.25em;
	text-align: center;
	background: rgba(255, 255, 255, .85);
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
}
header p span {
	font-size: 1.5em;
	font-weight: bold;
	color: #25847a;
}
header p img {
	width: 320px;
}

footer {
	color: #1A948C;
	font-weight: bold;
}
footer img {
	display: block;
	margin: 60px auto;
}
footer ul {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	max-width: 960px;
	list-style: none;
	margin: 60px auto;
}
footer li {
    /*コレ*/width:100%;
    padding: 10px;
    text-align: center;
	color: #1A1A1A;
}
footer p {
	color: #FFF;
	background-color: #1A948C;
	width: 100%;
	margin: 60px 0 0;
	padding: 1em 0;
	text-align: center;
}

/** Responsive 768px以下 **/
@media screen and (max-width:768px) {
	header {
		background: url(../img/img_top_img01s.jpg);
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 100vh;
	}
	header p {
		padding: 10% 12px;
		font-weight: bold;
		font-size: 1em;
		text-align: left;
		background: rgba(255, 255, 255, .85);
	}
	span {
		display: block;
		font-size: 1.5em;
		text-align: center !important;
	}
	header p img {
		display: block;
		width: 240px;
		text-align: center;
		margin: 0.5em auto;
	}
	header p br.sp {
		display: none;
	}
	footer img {
		width: 100%;
		max-width: 240px;
	}
	footer ul {
		display: block;
		margin: 60px auto;
	}

}
/** Responsive 380px以下 **/
@media screen and (max-width:380px) {
	header p {
		padding: 10% 12px;
		font-weight: bold;
		font-size: 0.8em;
		text-align: left;
		background: rgba(255, 255, 255, .85);
	}
	header p span {
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
	}
	header p img {
		width: 50%;
		margin: 1em auto;
	}
}