@charset "UTF-8";

/* -----------------------------------------------------------
	Contents
----------------------------------------------------------- */


#naviN ul li:nth-of-type(9) a {
	border-bottom: 2px solid #000 !important;
}

/*---------------------------------------------*/


dl {
	font-size: 1.3rem;
	margin: 2em;
}

dt {
	margin-bottom: 1em;
	font-weight: 900;
}
dd {
	margin-bottom: 2em;
	padding-bottom: 2em;
}
dd:not(:last-of-type) {
	border-bottom: 1px dotted #ccc;
}
dt,dd {
	display: flex;
	align-items: flex-start;
}
dl span {
	width: 5%;
}
dl div {
	width: 90%;
}
dt::before,
dd::before {
	font-size: 120%;
	font-weight: 500;
	display: inline-block;
	border-radius: 5px;
	color: #fff;
	padding: 0.1em 0 0.2em 0;
	width: 5%;
	text-align: center;
}

dt::before {
	content: "Q";
	background-color: #b3b4ea;
}
dd::before {
	content: "A";
	background-color: #8bdadf;
}
dt span,
dd span {
	font-size: 150%;
	margin: 0 0 0 0.3em;
	font-weight: 500;
}
dt span {
	color: #b3b4ea;
}
dd span {
	color: #8bdadf;
}
dt div{
	padding-top: 0.3em;
}

@media screen and (max-width: 640px) {
dl {
	font-size: 3vw;;
	margin: 2em 0.5em;
}
dt span,
dd span {
	margin: 0 0.2em 0 0.3em;
}
}