@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:960px){
.sp_br,
.tablet_br {
	display: none;
}
.sp {
	display: none;
}
	*{
		margin:0;
		padding:0px;
	}
	body {
		margin: 0px;
		padding: 0px;
		background-color: #ffffff;
		color: #000000;
		font-size: 16px;
		line-height: 1.8;
		letter-spacing: 0.075em;
		font-family: source-han-sans-japanese, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-feature-settings : "palt";
	}
	h1{}

	h2{}

	h3{
		width: 100%;
		max-width: 1000px;
		margin: auto auto 50px;
		font-size: 32px;
		font-weight: 500;
		text-align: center;
		letter-spacing: 0.2em;
		position: relative;
	}
	h3:before,
	h3:after {
		content: "";
		display: inline-block;
		width: 30%;
		height: 1px;
		background-color: #ffffff;
		position: absolute;
		top: 50%;
	}
	h3:before {
		left: 0;
	}
	h3:after {
		right: 0;
	}

	h4{
		width: 100%;
		margin: 100px auto 20px;
		font-size: 24px;
		font-weight: 500;
	}

	h5{}

	p{}

	table {
	    border-collapse: collapse;
	    border-spacing: 0;
	}

	th{}

	td{}

	ul,ol{}

	hr{margin:0px;padding:0px;}

	a{
		outline:none;
		text-decoration:none;
	}
	img {
		vertical-align: bottom;
	}
	a img{
		border:none;
	}
	.clearfix::after{
		content: "";
		display: block;
		clear: both;
	}
	header {
		width: 100%;
		height: 120px;
		background-color: #000000;
		color: #ffffff;
		position: relative;
	}
	footer {
		width: 100%;
		padding: 30px 0px;
	}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
.pc_br,
.sp_br {
	display: none;
}
.sp {
	display: none;
}
	*{
		margin:0;
		padding:0px;
	}
	body {
		margin: 0px;
		padding: 0px;
		background-color: #ffffff;
		color: #000000;
		font-size: 15px;
		line-height: 1.7;
		letter-spacing: 0.075em;
		font-family: source-han-sans-japanese, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-feature-settings : "palt";
	}
	h1{}

	h2{}

	h3{
		width: 100%;
		margin: auto auto 50px;
		font-size: 28px;
		font-weight: 500;
		text-align: center;
		letter-spacing: 0.2em;
		position: relative;
	}
	h3:before,
	h3:after {
		content: "";
		display: inline-block;
		width: 30%;
		height: 1px;
		background-color: #ffffff;
		position: absolute;
		top: 50%;
	}
	h3:before {
		left: 0;
	}
	h3:after {
		right: 0;
	}

	h4{
		width: 100%;
		margin: 100px auto 20px;
		font-size: 24px;
		font-weight: 500;
	}

	h5{}

	p{}

	table {
	    border-collapse: collapse;
	    border-spacing: 0;
	}

	th{}

	td{}

	ul,ol{}

	hr{margin:0px;padding:0px;}

	a{
		outline:none;
		text-decoration:none;
	}
	img {
		vertical-align: bottom;
	}
	a img{
		border:none;
	}
	.clearfix::after{
		content: "";
		display: block;
		clear: both;
	}

	header {
		width: 100%;
		height: 120px;
		background-color: #000000;
		color: #ffffff;
		position: relative;
	}
	footer {
		width: 100%;
		padding: 30px 0px;
	}
}

/* SP ================================================== */
@media all and (max-width:559px){
.pc_br,
.tablet_br {
	display: none;
}
.pc,.tablet {
	display: none;
}
	*{
		margin:0;
		padding:0px;
	}
	body {
		margin: 0px;
		padding: 0px;
		background-color: #ffffff;
		color: #000000;
		font-size: 14px;
		line-height:1.7;
		letter-spacing: 0.075em;
		font-family: source-han-sans-japanese, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-feature-settings : "palt";
	}
	h1{}

	h2{}

	h3{
		width: 90%;
		margin: auto auto 50px;
		font-size: 20px;
		font-weight: 500;
		text-align: center;
		letter-spacing: 0.2em;
		position: relative;
	}
	h3:before,
	h3:after {
		content: "";
		display: inline-block;
		width: 18%;
		height: 1px;
		background-color: #ffffff;
		position: absolute;
		top: 50%;
	}
	h3:before {
		left: 0;
	}
	h3:after {
		right: 0;
	}

	h4{
		width: 100%;
		margin: 70px auto 10px;
		font-size: 20px;
		font-weight: 500;
	}

	h5{}

	p{}

	table {
	    border-collapse: collapse;
	    border-spacing: 0;
	}

	th{}

	td{}

	ul,ol{}

	hr{margin:0px;padding:0px;}

	a{
		outline:none;
		text-decoration:none;
	}
	img {
		vertical-align: bottom;
	}
	a img{
		border:none;
	}
	.clearfix::after{
		content: "";
		display: block;
		clear: both;
	}

	header {
		width: 100%;
		height: 120px;
		background-color: #000000;
		color: #ffffff;
		position: relative;
	}
	footer {
		width: 100%;
		padding: 20px 0px;
	}
}