@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/*==========================================
 ヘッダーのスタイル
===========================================*/
/*logoの設定*/

/*==========================================
 メインイメージのスタイル
===========================================*/
h2#con-title {
	margin: 0 0 50px;
	color: #FF3366;
	font-size: 34px;
	text-align: center;
	font-weight: normal;
}
/*==========================================
 コンテンツエリア -> 『よくあるご質問』のスタイル
===========================================*/
#faq {
	width: 964px;
	margin: 0 auto;
	padding: 50px 0 0;
}
#faq h3 {
	margin: 0 0 1em;
	padding: 15px 15px 13px;
	font-size: 20px;
	background: #FF3366;
	color: #FFF;
}
#faq h4 {
	margin: 0;
	padding: 15px 15px 13px;
	font-size: 20px;
	background: #DDD;
	color: #1F1F1F;
}
.faq-cate {
	margin: 0 0 50px;
}
.faq-cate .inner {
	padding: 10px 10px 35px;
}
.faq-cate .inner p {
	margin: 0 0 20px;
}

/* スマホ向けおよび大型タブレット向けのレイアウトの指定 */
/* Media Queries */
@media only screen and (max-width: 767px) {

/*==========================================
 コンテンツエリア -> 『活動ニュース』のスタイル
===========================================*/
	#faq {
		width: 94%;
		padding: 10% 0 0;
	}
	h2#con-title {
		margin: 0 0 10%;
		font-size: 26px;
	}
	#faq h3 {
		margin: 0 0 1em;
		padding: 15px 15px 13px;
		font-size: 14px;
		background: #FF3366;
		color: #FFF;
	}
	#faq h4 {
		margin: 0;
		padding: 15px 15px 13px;
		font-size: 14px;
		background: #DDD;
		color: #1F1F1F;
	}
}