@charset "UTF-8";
#index-outer {
	width: 65vmin;
	margin: 0 auto;
}
.prev-warpper {
	display:none;
}
.next-warpper {
	border-radius: 0.5em;
}
.initials-outer {
	margin:1em 0.5em 1em 0.5em;
}
.initials {
	font-size: 1.5em;
	font-weight:bold;
	background-color:rgb(255, 204, 0);
	margin-bottom:0.5em;
	padding: 0.15em 0.5em 0.15em 0.5em;
}
.quest-wrapper{
	margin: 0 0.5em;
}
.quest-outer {
	list-style:none;
	margin:0;
	padding:0;
}
.quest-outer li {
	margin: 1em 0;
	text-align:center;
	border-radius: 1em;

}
.caution {
    font-size: small;
    color: red;
}
@media screen and (orientation:landscape) {
	#index-outer {
		width: initial;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content:center;
		justify-content:center;
	}
	.initials-outer {
		width: calc(100%/2.2);
	}
}
@media screen and (min-width: 768px) and (orientation: portrait) {
}
@media screen and (min-height: 768px) and (orientation:landscape) {
	.initials-outer {
		width: calc(100%/2.5);
	}
}