@charset "utf-8";

	/*-	jp-faq
-----------------------------------------------------------------------*/
#jp-page-gakki-faq {
	margin-top: 20px;
}

#jp-page-gakki-faq-all {

	background: #000;
}

#jp-page-gakki-faq-wrap {
	padding: 40px;
}

#jp-page-gakki-faq-title {
	margin-bottom: 20px;
}

	#jp-page-gakki-faq-title img {
		width: auto;
		height: auto;
	}

@media screen and (max-width: 767px) {

	#jp-page-gakki-faq-all {
		width: auto;
	}

	#jp-page-gakki-faq-wrap {
		padding: 10px;
	}

	#jp-page-gakki-faq-title {
		margin: 20px 0px;
	}

		#jp-page-gakki-faq-title img {
			width: auto;
			height: auto;
		}
}

	/*-	jp-page-gakki-main
-----------------------------------------------------------------------*/
h1{
	color: #FFF;
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
	font-size: 250%;
	font-weight: bold;
}

.jp-page-gakki-faq-box {
	padding: 40px;
	border: outset 4px #BDBDBD;
}

	.jp-page-gakki-faq-box .jp-page-gakki-faq-article {
		margin-top: 60px;
	}

	.jp-page-gakki-faq-box .jp-page-gakki-faq-article:first-child {
		margin-top: 0px;
	}

		.jp-page-gakki-faq-box .jp-page-gakki-faq-article h2 {
			margin-bottom: 10px;
			color: #fff005;
			font-weight: bold;
			font-size: 23px;
		}

			.jp-page-gakki-faq-box .jp-page-gakki-faq-article h2 .jp-page-gakki-faq-article-num {
				display: inline-block;
				width: 23px;
				height: 23px;
				margin-right: 5px;
				border-radius: 50%;
				background: #fff005;
				color: #000;
				font-weight: bold;
				font-size: 16px;
				text-align: center;
			}

		.jp-page-gakki-faq-box .jp-page-gakki-faq-article h3 {
			margin-bottom: 15px;
			color: #fff;
			font-weight: bold;
			font-size: 18px;
		}

		.jp-page-gakki-faq-box .jp-page-gakki-faq-article p {
			font-size: 14px;
		}

			.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner {
				margin-bottom: 30px;
			}

			.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner:after {
				content: "";
				display: block;
				clear: both;
				visibility: hidden;
			}

				.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner .jp-page-gakki-faq-inner-bold {
					display: block;
					font-weight: bold;
				}

				.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner img {
					margin-right: 10px;
				}

				.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner .jp-page-gakki-faq-article-img {
					float: left;
					width: 300px;
					margin-right: 30px;
				}

					.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner .jp-page-gakki-faq-article-img p {
						margin: 10px 0px 0px 0px;
						font-size: 12px;
					}

				.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner .jp-page-gakki-faq-article-text {
					float: left;
					width: 490px;
				}

				.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner ul {
				}

					.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner ul li {
						float: left;
						margin-left: 20px;
					}

					.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner ul li:first-child {
						margin-left: 0px;
					}

					.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner ul.jp-page-gakki-faq-article-mImg li {
						float: left;
						width: 260px;
					}

						.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner ul.jp-page-gakki-faq-article-mImg p {
							font-size: 12px;
						}

					.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner ul.jp-page-gakki-faq-article-sImg li {
						float: left;
						width: 190px;
					}

						.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner .jp-page-gakki-faq-article-sImg p {
							margin: 10px 0px 0px 0px;
							font-size: 12px;
						}

	.jp-page-gakki-faq-box p {
		margin-bottom: 16px;
		color: #fff;
		font-size: 16px;
	}

@media screen and (max-width: 767px) {
	.jp-page-gakki-faq-box {
		padding: 10px;
	}

		.jp-page-gakki-faq-box .jp-page-gakki-faq-article {
			margin-top: 30px;
		}

		.jp-page-gakki-faq-box .jp-page-gakki-faq-article:first-child {
			margin-top: 0px;
		}

		.jp-page-gakki-faq-box .jp-page-gakki-faq-article h2 {
			margin-bottom: 10px;
			color: #fff005;
			font-weight: bold;
			font-size: 20px;
		}

			.jp-page-gakki-faq-box .jp-page-gakki-faq-article h2 .jp-page-gakki-faq-article-num {
				width: 21px;
				height: 21px;
				font-size: 14px;
				text-align: center;
			}

		.jp-page-gakki-faq-box .jp-page-gakki-faq-article h3 {
			text-align: center;
		}

		.jp-page-gakki-faq-box p {
			margin-bottom: 12px;
			font-size: 12px;
		}

			.jp-page-gakki-faq-box p img {
				width: 100%;
				height: auto;
			}

				.jp-page-gakki-faq-box .jp-page-gakki-faq-article img {
					width: 100%;
					height: auto;
					margin: 0px auto;
  				display: block;
				}

					.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner ul li {
						float: none;
						margin-left: 0px;
					}

					.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner ul.jp-page-gakki-faq-article-sImg {
					}

						.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner ul.jp-page-gakki-faq-article-sImg li {
							width: 50%;
							height: 250px;
						}

							.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner ul.jp-page-gakki-faq-article-sImg li p {
								display: block;
								width: 190px;
								margin: 0px auto;
							}

						.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner ul.jp-page-gakki-faq-article-mImg li {
							float: none;
							width: 260px;
							margin: 0px auto;
						}

							.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner ul.jp-page-gakki-faq-article-sImg img {
								margin-bottom: 0px;
							}

					.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner img {
						display: block;
						width: auto;
						height: auto;
						margin: 0px auto 15px;
					}

					.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner .jp-page-gakki-faq-article-img {
						float: none;
						width: 300px;
						margin: 0px auto;
					}

					.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner .jp-page-gakki-faq-article-img p {
						margin: 10px 0px 20px 0px;
					}

				.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner .jp-page-gakki-faq-article-text {
					width: 100%;
				}

}

@media screen and (max-width: 500px) {
	.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner ul.jp-page-gakki-faq-article-sImg li {
		float: none;
		width: 100%;
		height: auto;
		margin: 0px auto 10px;
	}

		.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner ul.jp-page-gakki-faq-article-sImg li p {
			width:190px;
		}

	.jp-page-gakki-faq-box .jp-page-gakki-faq-article .jp-page-gakki-faq-article-inner .jp-page-gakki-faq-article-img {
		width: auto;
	}
}