/*
* Local CSS
* Author:Michinobu Nishimoto from Asuka-Design
* Ver:1.0
*/
@charset "utf-8";

@media screen and (max-width: 640px){
/*--------------------------------------------------------
    SmartPhone 640px start
--------------------------------------------------------*/
#er_data #intro h4.catch{
    font-size: 1.5em;

}
#er_data #map {
	background: none;
    width: 100%;
}
#er_data #map dl dt {
	float: left;
}
#er_data #map dl dt {
	float: left;
}
.er-sp-view {
display: block;	
}
.sp_photo {
	width:100%!important;
	height:auto!important;
}

.sp_photo2 {
	width:50%!important;
	height:auto!important;
}


.sp_line {
	width:100%!important;
	height:auto!important;
}

.sp_table {
	width:100%!important;
}

.sp_font_small {
	font-size:98%!important;
}

/*idea*/
.idea_bara,
.idea_barb,
.idea_barc {
	width:100%;
	height:auto;
	}
.idea_bara {
	background-image:none;
	background-color:#4d9e84;
	border-left:5px solid #a5cdc0;
	}

.idea_barb {
	background-image:none;
	background-color:#6fafc1;
	border-left:5px solid #b6d6df;
	}

.idea_barc {
	background-image:none;
	background-color:#f2746a;
	border-left:5px solid #f7b8b3;
	}
	.erPhotoBox-c1{
      width: 100%;
			max-width: 100%!important;
  }
  .erPhotoBox-c2{
      width: 100%;
			max-width: 100%!important;
  }


}

/* End of SmartPhone 640px */






@media screen and (max-width: 320px){
/*--------------------------------------------------------
    SmartPhone 320px start
--------------------------------------------------------*/


/* End of Smartphone 320px */
}