@charset "utf-8";

#contents{
	margin:15px;
}
.main > p,.faq{
	max-width: 40em;
}
.faq{
}
.faq-dt{
	border-left: 3px solid #679;
	cursor: pointer;
	padding: 5px 10px;
	margin-top: 15px;
}
.faq-dt > h3{color: #679;}
.faq-dd{
	margin-left: 3px;
	padding:0 10px;
}
.system{
	background: #ddd;
	padding: 8px;
	margin-bottom: 3px;
	max-width: 28.2em;
}
.fee{
	font-size: 1.1em;
}
.balloon{
	max-width: 30em;
	background: #fff;
	padding: 5px;
	font-size: .9em;
	margin-top: 20px;
	position: relative;
}
.balloon::before{
	content: "";
	display: block;
	position: absolute;
	border-style: solid;
	border-width: 0 6px 18px;
	border-color: #fff transparent;
	top: -18px;
	left: 5em;
	width: 0px;
	height: 0px;
}
.fee > div,.balloon > div{
	padding: .2em;
}
.fee > :nth-child(2n+1){
	text-align: center;
	width: 10em;
}
.fee > :nth-child(2n+1),.balloon > :nth-child(2n+1){
	background: #679;
	color: #fff;
	padding: .2em .5em;
}
@media screen and (max-width: 440px){
	.balloon{
		flex-direction: column;
		width: 11em;
		text-align: center;
	}
	.balloon > :nth-child(2n){
	}
}