@charset "utf-8";
/* CSS Document */

body {
	background-color: #fff;
	font-family: "Noto Sans JP", sans-serif, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 18px;
	line-height: 1.8;
	color: #000;
	word-wrap: break-word;
	overflow-wrap: break-word;
	min-width: 1024px;
	-webkit-text-size-adjust: 100%; /* フォントサイズ自動調整 */
}

p {
	margin-bottom: 30px;
}

table {
	width: 100%;
	margin-bottom: 30px;
	word-break: break-all;
	word-wrap: break-word;
}

table tr td *:last-child {
	margin-bottom: 0;
}

iframe {
	border: none;
}

a {
	color: #666;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
	backface-visibility: hidden;
}

a:hover img {
	filter: Alpha("opacity=80");
	opacity: 0.8;
}

img {
	height: auto;
}


/*__________ TAB-SP __________*/
@media screen and (max-width: 959px) {}


/*__________ TAB __________*/
@media screen and (max-width: 959px) and (min-width: 768px) {

	body {
		min-width: 768px;
	}

}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

	body {
		/* min-width: 100%; */
		min-width: 320px;
	}

}


/* --------------------------------------------------------------
WRAP,HEADER,FOOTER
-------------------------------------------------------------- */
#wrap {
	position: relative;
}

footer p {
	margin-bottom: 0;
}

#footer {
	border-top: 1px solid #ec6c00;
}

#footerArea {
	width: 1024px;
	margin: 0 auto;
	padding: 50px 12px;
}

#footerArea #footAdd {
	text-align: center;
}

#footerArea #footAdd p.name {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 20px;
}

#copy {
	background-color: #ec6c00;
}

#copy p {
	width: 1024px;
	margin: 0 auto;
	padding: 10px 12px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

#pageTop p {
	position: fixed;
	right: 10px;
	bottom: 10px;
	margin-bottom: 0;
}

#pageTop p a {
	border-radius: 100%;
	display: block;
}

#pageTop p a img {
	background: #ec6c00;
	border-radius: 100%;
	width: 60px;
	height: auto;
}


/*__________ TAB-SP __________*/
@media screen and (max-width: 959px) {

	#copy p {
		padding: 10px;
	}

}


/*__________ TAB __________*/
@media screen and (max-width: 959px) and (min-width: 768px) {

	#footerArea {
		width: 768px;
		padding: 50px 10px;
	}

	#copy p {
		width: 768px;
	}

}


/*__________ SP __________*/
@media screen and (max-width: 767px) {

	#footerArea {
		width: auto;
		min-width: 320px;
		max-width: 520px;
		padding: 30px 10px;
	}

	#copy p {
		width: auto;
		min-width: 320px;
		max-width: 520px;
	}

	#pageTop p a img {
		width: 50px;
	}

}