@-webkit-keyframes faidout {
	0%{opacity:1;}
	99.9%,to{opacity:0;}
}
@-webkit-keyframes faidin {
	0%{opacity:0;}
	99.9%,to{opacity:1;}
}
input{padding:0px;
	opacity:1;width:0px;
	margin:0px:
}

h1{
	border-left:20px solid #000080;
	border-bottom:1px solid #000080;
	padding:0px 0px 0px 20px;
	color:#000080;
	font-size:1em;
}
.num{
	border-radius:50%;
	display:inline;	border:1px solid #000080;
	font-size:1em;
	padding:0.3em 0.1em;
	background:#4169e1;
	color:#ffffff;
}
.qa{
padding:0px;	margin:10px 0px;
}
.qa h2{
	border-bottom:1px solid #000080;
	width:100%
	font-size:1em;
	padding-left:10px;
	margin-bottom:10px;
	color:#000080;
}
.answer {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: all 0.2s ease;
	background;#f5f5dc;
}
.answer2 {
	overflow: hidden;
	max-height: 0;
	margin:10px 10px 10px 10px;
}
label span{
	color:#000080;
}
.answer label{/*詳しくみる*/
	border-bottom:1px solid #000080;
	width:100%
	display:block;
	width:100%
	height:100%;
	margin:0px;
	font-weight:bold;
	color:#000080;
}
input:checked ~ .answer {
	max-height: 100em;
	background:#ffffe0;
}
/*			checked*/
input:checked ~ .answer p{
	-webkit-animation:faidin 0.2s ease 0.1s both;
	margin:0px;
	padding:5px;

}
/*			checked    answer2*/

.answer input:checked ~ .answer2 {
margin:0px;
border-bottom:1px solid #000080;	width:100%;
	max-height: 100%;
	-webkit-transition: max-height 0.5s ease;
	        transition: max-height 0.5s ease;
padding:0px;
}
.answer input:checked ~ .answer2 p{
	-webkit-animation:faidin 1s ease 1s both;
	margin:0px;

}
.answer input:checked ~ label{
	-webkit-animation:faidout 0.1s ease 0s both;
height:0px;
}
.qa input[type=checkbox]:checked ~ label span{
    display: inline-block;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.answer2 table{
	border-collapse: collapse;
}
.answer2 table th{
	width:30%;
	background:#7fffd4;
}
.answer2 table td{
	padding:10px;
	text-align:right;
}