@charset "UTF-8";
/*====================================
	for design.html
	Date of 2016.6.9
====================================*/

.faqBox {
	margin-bottom: 25px;
}
.faqBox > dt{
    display :block;
    cursor :pointer;
	margin-bottom: 15px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
}
.faqBox > dd {
    display: none;
	vertical-align: middle;
}
.questionNumber {
	width: 10%;
	display: inline-block;
	margin-right: 2%;
	color: #58647F;
	font-size: 125%;
	font-weight: 900;
	vertical-align: top;
}
.questionContent {
	color: #172A87;
	width: 85%;
	display: inline-block;
}
.answer {
	display: inline-block;
	width: 7%;
	margin-right: 5%;
	color: #FFF;
	text-align: center;
	background: #586480;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	vertical-align: top;
	margin-top: 4px;
}
.answerContent {
	display: inline-block;
	width: 85%;
	font-size: 90%;
}
.answerContent span {
	color: #265C9C;
	font-weight: 900;
}
.answerContent ol li {
	text-indent: -1.3em;
	padding-left: 1.3em;
}


/* 480px */
@media print, screen and (min-width: 480px){
.questionNumber {
	width: 10%;
	margin-right: 1%;
	text-align: center;
}
.questionContent {
	width: 85%;
}
.answer {
	width: 5%;
	margin: 0 3%;
}
.answerContent {
	width: 87%;
}
}

/* 769px */
@media print, screen and (min-width: 769px){
.faqBox > dt:hover {
	opacity: 0.4;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
}
.questionNumber {
	width: 6%;
	margin-right: 1%;
}
.questionContent {
	width: 87%;
}
.answer {
	width: 4%;
	margin: 0 2% 0 1%;
}
.answerContent {
	width: 90%;
}

}