#pageHeader {
	margin: 0px auto;
	padding-left: 16px;
	width: 100%;
	height: 80px;
}

#pageHeader h2 {
	float: left;
	margin-top: 30px;
	padding-left: 16px;
	font-weight: normal;
}


#pageHeaderLink {
	display: none;
}



#content {
	width: 100%;
	padding: 64px 16px;
	margin: 0px auto;
	text-align: left;
}

#content { background: #fff; }


.first > li {
	line-height: 3.5em;
	font-weight: bold;
}

.second > li {
	padding-left: 1em;
	padding-bottom: 16px;
	line-height: 1.75em;
	font-weight: normal;
}

.third > li {
	padding-left: 3em;
	text-indent: -2em;
	padding-bottom: 8px;
	line-height: 1.5em;
	font-weight: normal;
	list-style-type: disc;
	list-style-position: inside;
}





/********************************
	Smart Phone & tablet CSS
	～1023px
********************************/

@media screen and (max-width: 1023px) {
	/* スマホの場合の背景画像 */
	.section1:before {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		z-index: -1;
	}

	/* スマホの場合は同じ要素の背景画像を変更する */
	.section1.bgA:before {
		background-image: url(../images/bg_photo.png);
	}

	.section1.bgB:before {
		background-image: url(../images/bg_photo.png);
	}
}




/********************************
	Tablet CSS
	768～1023px
********************************/

@media screen and (min-width: 768px) and (max-width: 1023px) {

	/* CONTENT */
	#pageHeader {
		margin: 0px auto;
		padding: 0;
		width: 100%;
		height: 140px;
	}

	#pageHeader h2 {
		float: left;
		padding-left: 16px;
		margin-top: 58px;
	}

	#pageHeaderLink {
		display: inline;
		float: right;
		margin-top: 36px;
		width: 450px;
	}

	#pageHeader ul {
		margin: 1px 0;
		height: 24px;
		clear: both;
	}

	#pageHeader li {
		float: left;
		width: 110px;
		padding: 0px 8px;
		text-align: center;
		border-right: 1px solid #000;
		font-size: 0.875em;
	}

	#pageHeader li > a{
		color: #000;
	}

	#pageHeader li > a:hover {
		text-decoration: underline;
	}

	#pageHeader li > span {
		padding: 2px 6px;
		color: #fff;
		background: #30b1c9;
		border: 0px solid #fff;
		border-radius: 8px;
		box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
		-webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
		-moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	}


	#content {
		width: 100%;
		padding: 64px 16px;
		margin: 0px auto;
		text-align: left;
	}

	#content { background: #fff; }







}


/********************************
	PC CSS
	1024px～
********************************/

@media screen and (min-width: 1024px) {

	/* スマホの場合の背景画像 */
	.section1:before {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		z-index: -1;
	}

	/* スマホの場合は同じ要素の背景画像を変更する */
	.section1.bgA:before {
		background-image: url(../images/bg_photo.png);
	}

	.section1.bgB:before {
		background-image: url(../images/bg_photo.png);
	}

	/* スマホの場合の背景画像 */
	.section1:before {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		z-index: -1;
	}



	#pageHeader {
		margin: 0px auto;
		padding: 0px;
		width: 1024px;
		height: 140px;
	}

	#pageHeader h2 {
		float: left;
		margin-top: 58px;
	}

	#pageHeaderLink {
		display: inline;
		float: right;
		margin-top: 36px;
		width: 450px;
	}

	#pageHeader ul {
		margin: 1px 0;
		height: 24px;
		clear: both;
	}

	#pageHeader li {
		float: left;
		width: 110px;
		padding: 0px 8px;
		text-align: center;
		border-right: 1px solid #000;
		font-size: 0.875em;
	}

	#pageHeader li > a{
		color: #000;
	}

	#pageHeader li > a:hover {
		text-decoration: underline;
	}

	#pageHeader li > span {
		padding: 2px 6px;
		color: #fff;
		background: #30b1c9;
		border: 0px solid #fff;
		border-radius: 8px;
		box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
		-webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
		-moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	}


	#content {
		width: 1024px;
		padding: 64px 16px;
		margin: 0px auto;
		text-align: left;
	}

	#content { background: #fff; }



}