/* CSS Document */

.help_contact{
	background:#e2f6f5;
	border-radius:15px;
	padding:15px;
}
.help_contact:after {
	display: block;
	clear: both;
	content: "";
}
.help_contact_title{
	float:left;
	background:#ffffff;
	width:200px;
	border-radius:10px;
	padding:10px;
	text-align:center;
	min-height:9em;
}
.help_contact_title h5{
	background:none;
	font-size:180%;
	padding:0;
	margin:1ex;
}
.help_contact_title h5:first-child{
	margin-top:1.8em;
}
.help_contact_body{
	text-align:center;
	float:right;
	width:400px;
}
.help_contact_title p{
	margin:1ex;
}
.help_contact_body p{
	margin:1ex;
}
.help_contact_body .huge_tel_number{
	font-size:220%;
	padding:0.3ex 0 0.3ex 2em;
}



.faq_accordion{
	margin:1em 0;
	padding:0;
	list-style-type:none;
}
.faq_accordion li{
	margin:0 0;
	padding:0;
}

.faq_accordion .faq_q{
	margin:1ex 0;
	padding:0;
}

.faq_accordion .faq_a{
	margin:1ex 0 1em;
	padding:0;
}



.faq_accordion .faq_q{
	padding:10px;
	background:#edf7f7 url(../img/help_icon_q.png) 20px 50% no-repeat;
	background-size:32px;
	font-weight:bold;
}
.faq_accordion .faq_q a{
	padding:1ex 30px 1ex 54px;
	display:block;
	background:url(../img/help_icon_expand.png) 100% 50% no-repeat;
	background-size:20px;
	text-decoration:none;
}
.faq_accordion .opened .faq_q a{
	background:url(../img/help_icon_close.png) 100% 50% no-repeat;
	background-size:20px;
}
.faq_accordion .faq_a{
	padding:10px 100px 10px 64px;
	background: url(../img/help_icon_a.png) 20px 50% no-repeat,
		url(../../common/img/h3_bg/teach_c.png) 98% 50% no-repeat,
		#fff3f3;
	background-size:32px,auto 120px;
	display:none;
}
.faq_accordion li:nth-child(3n+1) .faq_a{
	background-image: url(../img/help_icon_a.png),url(../../common/img/h3_bg/teach_c.png);
	background-size:32px,auto 120px;
}
.faq_accordion li:nth-child(3n+2) .faq_a{
	background-image: url(../img/help_icon_a.png),url(../../common/img/h3_bg/teach_f.png);
	background-size:32px,auto 120px;
}
.faq_accordion li:nth-child(3n+3) .faq_a{
	background-image: url(../img/help_icon_a.png),url(../../common/img/h3_bg/teach_m.png);
	background-size:32px,auto 120px;
}
.hidden_mirukku .faq_accordion li:nth-child(3n+3) .faq_a{
	background-image: url(../img/help_icon_a.png),url(../../common/img/h3_bg/teach_m_hide.png);
}
.faq_accordion .faq_q p,
.faq_accordion .faq_a p{
	margin:1ex 0;
}


.faq_accordion li .faq_a.message_balloon::after{
	display: none;
}
.faq_accordion li:nth-child(3n+3) .faq_a.message_balloon::after{
	display: block;
	left: auto;
	right: 5px;
	top: -80px;
}




@media only screen and (max-width: 639px){

	.help_contact_title{
		float:none;
		width:auto;
		min-height:auto;
	}
	.help_contact_title h5{
		font-size:180%;
	}
	.help_contact_body{
		float:none;
		width:auto;
	}
	.help_contact_title h5:first-child{
		margin:0.5ex;
	}
	.help_contact_title p{
		margin:1ex;
	}
	.help_contact_body p{
		margin:1ex;
		text-align:left;
	}
	.help_contact_body .huge_tel_number{
		font-size:150%;
		padding:0.1ex 0 0.1ex 2em;
	}


	.faq_accordion .faq_a{
		padding:10px 10px 10px 64px;
	}
	.hidden_mirukku .faq_accordion li:nth-child(3n+3) .faq_a{
		background-image: url(../img/help_icon_a.png),none;
	}
	.faq_accordion li:nth-child(n) .faq_a{
		background:#fff3f3 url(../img/help_icon_a.png) 20px 50% no-repeat;
		background-size:32px,auto 120px;
	}
	.faq_accordion li:nth-child(3n+3) .faq_a.message_balloon::after{
		display: none;
	}
}