@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 img {
	display: block;
	margin: 10px auto 15px;
}
.answerContent span {
	color: #265C9C;
	font-weight: 900;
}
.answerContent ol li {
	text-indent: -1.3em;
	padding-left: 1.3em;
}
.tenkaiQ7table{
	border: 1px solid #CCC;
}
.tenkaiQ7table dt {
	text-align: center;
	background: #E4E4E4;
	border-bottom: 1px solid #CCC;
	padding: 2px 4px;
}
.tenkaiQ7table dd {
	border-bottom: 1px solid #CCC;
	padding: 3px 5px;
}
.tenkaiQ7table dd:last-child {
	border-bottom: none;
}

/* 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%;
}
.answerContent img {
	margin: 10px 0 15px 0;
}
.tenkaiQ7table {
	width: 50%;
}
.tenkaiQ7table dt {
	text-align: left;
	padding-left: 15px;
}

}