@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
.mianImg {
	margin-bottom: 55px;
	text-align: center;
}

.linkBox {
	margin-bottom: 50px;
	padding: 24px 0;
	background-color: #2B97DF;
}

.linkBox ul {
	margin: 0 auto;
	width: 520px;
}

.linkBox li {
	float: left;
	overflow: hidden;
	zoom: 1;
}

.linkBox li a {
	float: left;
	display: block;
}

.linkBox li a.link {
	margin-right: -32px;
}

#main {
	margin-bottom: 0;
	text-align: center;
}
#main .linkUl {
  margin: 40px 0 75px 65px;
}
#main .linkUl li {
  padding-right: 21px;
  float: left;
}
#main .linkUl li a {
  padding: 21px 0 19px;
  font-weight: bold;
  width: 405px;
  font-size: 18px;
  display: block;
	/*min-height:55px;*/
  color: #fff;
  text-align: center;
  background-color: #2B97DF;
  border-radius: 8px;
  position: relative;
  behavior: url(../common/js/pie.htc);
}

@media all and (min-width: 0) and (max-width: 1064px) {
	.mianImg img {
		width: 100%;
	}
}

@media all and (min-width: 0) and (max-width: 640px) {
	body {
		min-width: inherit;
	}

	.mianImg {
		margin: 0 12px 13px;
	}

	.mianImg img {
		width: 100%;
	}
	#main .linkUl {
	  margin: 0;
		width:100%;
	}
	#main .linkUl li {
	  padding-right: 21px;
	  float: left;
		width:100%;
		margin:18px 0 0;
		vertical-align:middle;
		display:table;
	}
	#main .linkUl li a {
	  padding: 21px 0 19px;
		vertical-align:middle;
	  font-weight: bold;
	  width: 100%;
	  font-size: 14px;
	  display: table-cell;
		/*min-height:55px;*/
	  color: #fff;
	  text-align: center;
	  background-color: #2B97DF;
	  border-radius: 8px;
	  position: relative;
	  behavior: url(../common/js/pie.htc);
	}
	.linkBox {
		margin-bottom: 15px;
		padding: 16px 40px 12px;
	}

	.linkBox ul {
		width: auto;
	}

	.linkBox li {
		padding-bottom: 5px;
		float: none;
		width: 100%;
	}

	.linkBox li a {
		width: 54.7%;
	}

	.linkBox li a.link {
		width: 52%;
		margin-right: -6.7%;
	}

	.linkBox li img {
		width: 100%;
	}

	.linkBox li:last-child a {
		width: 57.7%;
	}

	.linkBox li:last-child .link {
		width: 49%;
	}

	#main {
		margin: 0 12px 43px;
	}

	#main img {
		width: 100%;
	}

}