@charset "utf-8";
.quiz img{
	width: 360px;
	height: 90px;
	margin: 200px auto 20px;
}

.day{
	text-align: center;
	font-size: 12px;
	line-height: 1;
	margin: 0 auto 30px;
}

.qa{
	font-family:'メイリオ', 'Meiryo', sans-serif;
	text-align: center;
	font-size: 120px;
	font-weight: 900;
	line-height: 1;
	color: #254888;
}

.qa-sub1, .qa-sub2{
	text-align: center;
	font-size: 36px;
	margin: 0 auto 30px;
}

.qa-sub1{
	color: #254888;
}
.qa-sub2{
	color: #254888;
}

.question{
	text-align: center;
	font-size: 70px;
	font-weight: 900;
	line-height: 90px;
	margin: 0 auto 30px;
}


/****答え　アコーディオン****/

.quiz-box{
	width: 800px;
	margin: 0 auto;
}

.quiz-box2{
	width: 800px;
	margin: 0 auto;
}


.toggle {
	display				: none;
}
.Label {		/*タイトル*/
	font-size: 18px;
	text-align: center;
	padding				: 1.5em;
	display				: block;
	color				: #fff;
	background			: #254888;
	margin				: 0 0 30px;
}
.Label::before{		/*タイトル横の矢印*/
	content				:"";
	width				: 14px;
	height				: 14px;
	border-top			: 4px solid #fff;
	border-right		: 4px solid #fff;
	-webkit-transform	: rotate(45deg);
	position			: absolute;
	top					: calc( 50% - 8px );
	right				: 20px;
	transform			: rotate(135deg);
}
.Label, .content {
	width				: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility	: hidden;
	transform			: translateZ(0);
	transition			: all 0.3s;
}

.content {		/*本文*/
	margin: -30px auto 50px;
	height				: 0;
	padding				:0 90px;
	overflow			: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	background: #cad3e2;
	padding: 20px 90px 90px;
	height				: auto;
	transition			: all .5s;
}
.toggle:checked + .Label::before {
	transform			: rotate(-45deg) !important;
}


.answer{
	text-align: center;
	font-size: 30px;
	font-weight: 900;
	line-height: 45px;
	margin: 0 auto 30px;
	border-bottom: #000 solid 5px;
}

.kaisetsu{
	font-size: 16px;
}


.takuhai{
	width: 1080px;
	text-align: center;
	margin: 150px auto;
	border: solid 2px #000;
	padding: 50px 0;
}

.takuhai p{
	font-size: 36px;
	margin: 0 auto 10px;
	font-weight: 900;
}

.btnbox{
	width: 720px;
	margin: 50px auto;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.btnbox2{
	width: 720px;
	margin: 50px auto;
}

.icon_btnarea{
	margin: 0 auto 10px !important;
}

.pdf2{
	position: absolute;
	right: 13px;
	top: 19px;
}

.pdf2 img{
	width: 20px;
	height: 20px;
}




/*　■■■過去問題■■■　*/
.qa-sub3{
	text-align: center;
	font-size: 36px;
	margin: 0 auto 100px;
	color: #254888;
}

.past-box{
	width: 800px;
	margin: 0 auto 150px;
}

.past-box .line{
	width: 800px;
	height: 40px;
	position: relative;
	overfllow: auto;
}

.past-q{
	font-size: 20px;
	color: #fff;
	background-color:#254888;
	display: inline-block;
	padding:2px 5px;
	float: left;
}

.past-box .day{
	text-align: right !important;
	font-size: 12px;
	line-height: 1;
	padding: 10px 0 0;
	float: right;
}

.past-box .question{
	text-align: left;
	font-size: 30px;
	font-weight: 900;
	line-height: 40px;
	margin: 0 auto 20px;
}

.past-box .Label {		/*タイトル*/
	padding: 1em;
	margin: 0;
}

.past-box .content {		/*本文*/
	margin: 0 auto 50px;
}



 @media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
.quiz img{
	width: 90%;
	height: auto;
	margin: 80px auto 0px;
}

.day{
	font-size: 14px;
}

.question{
	font-size: 45px;
	line-height: 75px;
}


/****答え　アコーディオン****/
.quiz-box{
	width: 90%;
}

.toggle:checked + .Label + .content {	/*開閉時*/
	padding: 20px 20px 90px;
}

.icon_btnarea, .icon_btn, .icon_btn a, .icon_btn a:hover{
	width: 300px;
}

.takuhai{
	width: 90%;
}

.takuhai p{
	font-size: 30px;
}

.btnbox{
	width: 100%;
}

.btnbox2{
	width: 100%;
}

.icon_btnarea{
	margin: 0 auto 10px !important;
}



/*　■■■過去問題■■■　*/
.past-box{
	width: 90% !important;
	margin: 0 auto 150px;
}

.past-box .line{
	width: 100%;
}

.quiz-box2{
	width: 100%;
}


.answer{
	text-align: left;
}


}