
/* ------------------------------------------------- *
 *        Accessmap
 * ------------------------------------------------- */

#mainArea {
	position: relative;
	width: 100%;
	height:293px;
	background: url(../images/bg_main.jpg) no-repeat top center;
	background-size: cover;
}

.pankuzu, .pankuzu a{
	color: #FFF; }


/* contents */
	
.con1 {
	width: 900px;
	margin:0 auto 100px;
	text-align: left;
	color: #1E4682;
	font-size:16px;
	line-height:24px;
	position:relative;}
.con1_parea {
	float:left;
	width: 310px;}
.p_ttl {
	font-size: 20px;}
.p_txt {
	border-top:1px dotted #5C521A;}
.kanimap img {
	margin:45px 0 47px 30px;}
	
.con2 {
	width:100%;
	margin-right:auto;
	margin-left:auto;}
#map {
  margin: 0 auto;
  width: 100%;
  height: 397px;}
  
.con3 {
	width:900px;
	margin-right:auto;
	margin-left:auto;}
.con3_p {
	width:583px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;}
.con3_pttl {
	text-align:left;
	font-size:18px;}
	
@media only screen and (max-width: 640px) {

	#mainArea {
		position: relative;
		width: 100%;
		height:180px;
		background: url(../images/bg_main.jpg) no-repeat top center;
		background-size: cover;
	}
	/* contents */
	
	.con1 {
		width: 100%;
		margin: 0 auto 50px;
		text-align: center;
		color: #1E4682;}
	.con1_parea {
		width: 100%;
		text-align:center;}
	.p_ttl {
		font-size: 20px;}
	.p_txt {
		width:70%;
		border-top:1px dotted #5C521A;
		margin-left:auto;
		margin-right:auto;}
	.kanimap img {
		width:100%;
		margin: 0;}
	
	.con2 {
		width:100%;
		margin-right:auto;
		margin-left:auto;}
	
	.con3 {
		width:100%;
		margin-right:auto;
		margin-left:auto;}
	.con3_p {
		width:100%;
		margin-left:auto;
		margin-right:auto;
		text-align:left;}
	.con3_pttl {
		text-align:left;
		font-size:18px;}

}
