@charset "utf-8";

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

/*==========================================
 コンテンツエリア -> 『よくあるご質問』のスタイル
===========================================*/
#sdgs {
	width: 800px;
	margin: 0 auto;
}
#sdgs .content-title-area {
	width: 800px;
}
#sdgs .content-title-area h2 {
	margin: 0;
}
#sdgs h3 {
	margin: 0 0 12px;
	font-size: 19px;
}
#sdgs section#sdgs_top_con {
	margin: 0 0 75px;
}
#sdgs section.column2Wrap {
	margin: 0 0 47px;
}
#sdgs section.column2Wrap .column01 { float: left; width: 200px; }
#sdgs section.column2Wrap .column02 { float: right; width: 580px; }
#sdgs section p {
	margin: 0 0 1em;
}
#sdgs section.column2Wrap .column01 img {
	width: 100%;
}
#sdgs br.br-sp { display: none; }
#sdgs p a {
	color: #FF3366;
}
#sdgs p a:hover {
	text-decoration: none;
}
/* スマホ向けおよび大型タブレット向けのレイアウトの指定 */
/* Media Queries */
@media only screen and (max-width: 767px) {

/*==========================================
 コンテンツエリア -> 『活動ニュース』のスタイル
===========================================*/
	#sdgs {
		width: 94%;
	}
	#sdgs .content-title-area {
		width: 100%;
	}
	#sdgs section#sdgs_top_con {
		margin: 0 0 10%;
	}
	#sdgs section.column2Wrap {
		margin: 0 0 10%;
	}
	#sdgs section.column2Wrap .column01 { float: left; width: 30%; }
	#sdgs section.column2Wrap .column02 { float: right; width: 65%; }
	#sdgs h3 {
		font-size: 16px;
	}
	#sdgs h4 {
		font-size: 14px;
	}
	#sdgs section {
		margin: 0 0 5%;
	}
	#sdgs br.br-sp { display: block; }
}