@charset "utf-8";

body {
	margin: 0;
	padding: 0;
}

/* 共通画面設定 */
.p-quiz {
/*	width: 600px;*/
	margin: 4% auto;
	padding: 0 2%;
	text-align: center;
	max-width: 1100px;
}

/* メイン（main）*/

/* コンテンツの配置設定 */
.contents {
	display: flex;
	justify-content: center;
}

main {
	max-width: 800px;
	padding: 0 4%;
}

/* サイドバー（aside）*/
aside {
	width: 30%;
	margin: 10% 0 0 2%;
	border-left: 1px #090 solid;
	padding: 2%;

}


/* 級テスト設定 */
.deza {
/*	margin-top: 2rem;*/
}

.about {
	text-align: left;
}

.about h3 {
	padding: 2%;
}

body {
	font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

h1 {
	margin: 5% 0;
	font-size: 1.5rem;
	color: green;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
/*	border-bottom: 3px #090 solid;*/
}

.contents h2 {
	margin-bottom: 2%;
}

.contents h3 {
	margin: 1.5% 0;
}

.contents a {
	color: black;
	text-decoration: none;
}

.contents a:hover {
	color: #0bd
}

.iframe {
	max-width: 2% 0;
}


.osusume h2 {
	font-size: 1rem;
}

.osusume p {
	font-size: 0.5rem;
}

.c-btn {
	padding: 2px;
}

/* モバイル対応 -------------------------------- */
@media (max-width: 600px) {
	.p-quiz {
		max-width: 600px;
	}
	main {
		max-width: 400px;
		padding: 0 4%;
	}

	/* サイドバー（aside）*/
	aside {
		width: 200px;
	}

	h1 {
		font-size: 1rem;
		padding-bottom: 20px;
	}

	.contents h2 {
		font-size: 0.8rem;
		padding-bottom: 20px;
	}

	.contents h3 {
		font-size: 0.8rem;
		padding-bottom: 15px;
	}

}