@charset "utf-8";
/*=================================
	reset.css
================================ */

body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
	vertical-align: bottom;
}
address, caption, cite, code, dfn, em, strong, var {
	font-style: normal;
	font-weight: normal;
}
ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
a img {
	border: none;
}
.clear {
	clear: both;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
/*=================================
	general
================================ */

html {
	font-size: 62.5%;
	height: 100%;
}
body {
	font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Meiryo, Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.7;
	background: #fff;
}
a:link, a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: underline;
}

body {
	-webkit-text-size-adjust: 100%;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
	width/***/
	: auto;
	/*IE8のみ適用*/
}
#wrapper {
	width: 100%;
	text-align: center;
}
main {
	text-align: left;
}
.sec {
	margin-top: 80px;
}
.inner {
	width: 950px;
	margin: 0 auto;
}
.txt {
	padding: 10px;
}
.icon_click:after {
	content: url(../images/icon_click.png);
	margin-left: 7px;
}
.icon_blank:after {
	content: url(../images/icon_blank.png);
	margin-left: 7px;
}
a:hover img {
	opacity: 0.7;
}
/*-------------------- ■ START Media Queries ■ --------------------*/

@media (max-width: 1100px) {
	.inner {
		width: 100%;
		margin: 0;
	}
	/*1100*/}
/*=======================================
	header
=======================================*/

#header {
	width: 100%;
	text-align: center;
}
#header .inner {
	padding: 18px 0;
}
#header .logo, #header h1 {
	display: inline-block;
}
#header .logo {
	padding-right: 10px;
}
#header img {
	vertical-align: middle;
}
#header a {
	display: block;
}
/*-------------------- ■ START Media Queries ■ --------------------*/

@media (max-width: 640px) {
	#header .logo {
		display: block;
		padding-right: 0px;
		padding-bottom: 5px;
	}
	/*640*/}
/*=======================================
	contents
=======================================*/

.mainwrap {
	padding: 30px 0;
	text-align: center;
	background: #F0FAE9;
	-webkit-box-shadow: 0 5px 6px -6px #777 inset;
	-moz-box-shadow: 0 5px 6px -6px #777 inset;
	box-shadow: 0 5px 6px -6px #777 inset;
}
.mainv {
	padding: 0 0 50px;
	background: url(../images/supporter_main.jpg) no-repeat;
	background-size: cover;
}
.contentswrap {
	max-width: 1050px;
	width: 100%;
	margin: -50px auto 0;
	padding: 0 20px;
	background: #fff;
}
.inner .sec:first-child {
	margin-top: 0;
}
.stitle1 {
	display: block;
	width: 100%;
	padding: 18px 5px 18px 20px;
	font-size: 20px;
	line-height: 1;
	background: url(../images/heading-lv2_bg_03_green.png) no-repeat left top, url(../images/heading-lv2_bg_02_green.png) no-repeat right top, url(../images/heading-lv2_bg_01_green.png) repeat-x left top;
}
.stitle2 {
	padding: 10px 5px 3px 20px;
	background: url(../images/heading-lv3_bg_02_green.png) no-repeat left top, url(../images/heading-lv3_bg_01_green.png) repeat-x;
}
.contentswrap .inner {
	padding: 20px 0 0;
}
.goods_txt {
	float: left;
	width: 50%;
	margin-right: 10%;
}
.goods_logo {
	float: right;
	width: 40%;
}
.goods_logo a {
	display: table;
}
.goods_logo a p {
	display: table-cell;
	width: 50%;
	padding: 5px;
	vertical-align: middle;
}
.course {
	text-align: center;
	padding: 40px 10px;
}
.courselist li {
	float: left;
	width: 47%;
	margin-bottom: 40px;
}
.courselist li p {
	text-align: center;
	background: #fafafa;
}
.courselist li p a {
	display: block;
	padding: 40px 0;
}
.courselist li:nth-child(odd) {
	margin-right: 6%;
}
/*-------------------- ■ START Media Queries ■ --------------------*/

@media (max-width: 1200px) {
	.contentswrap {
		width: 95%;
		margin: -50px auto 0;
		background: #fff;
	}
	/*1200*/}
@media (max-width: 768px) {
	.mainv p {
		width: 90%;
		margin: 0 auto;
	}
	.goods_txt {
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	.goods_logo {
		float: none;
		width: 100%;
		margin-top: 30px;
		text-align: center;
	}
	.goods_logo a {
		margin: 0 auto;
	}
	/*768*/}
@media (max-width: 480px) {
	.contentswrap {
		max-width: 100%;
		width: 100%;
		margin: -50px 0 0;
		padding: 0 20px;
		background: #fff;
	}
	.stitle1 {
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1;
	}
	.courselist li {
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}
	.courselist li p a {
		display: block;
		padding: 20px 0;
	}
	.courselist li:nth-child(odd) {
		margin-right: 0;
	}
	/*480*/}



/*-------------------- ↓ 180110_リスト追記分 ↓ --------------------*/
ul#mapList {
	width: 100%;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
}

ul#mapList li {
	width: 100%;
	margin-right: 20px;
	margin-top: 10px;
	border: 2px solid #dadada;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 7px;
}

ul#mapList li h4 {
	margin: 0;
	text-align: left;
	font-weight: bold;
	font-size: 110%;
	border-left: 7px solid #9DCC3C;
	padding-left: 5px;
}
#change_list {
	display: none;
}

@media (max-width: 675px) {
#change_map {
	display: none;
}
#change_list {
	display: block;
}
}
/*-------------------- ↑ 180110_リスト追記分_ここまで ↑ --------------------*/




/*=======================================
	footer
=======================================*/

.pagetop {
	margin-top: 30px;
	text-align: center;
}
.pagetop a {
	padding-left: 15px;
	background: url(../images/ico_up.png) no-repeat left center;
}
#footer {
	margin-top: 30px;
	padding: 30px 0;
	text-align: center;
	background: #f7f7f7;
}
#footer a {
	display: inline-block;
}
.copyright {
	margin-top: 20px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #bababa;
}
/*-------------------- ■ START Media Queries ■ --------------------*/

@media (max-width: 480px) {
	#footer {
		padding: 30px;
	}
	#footer img {
		width: 60%;
	}
	/*480*/}