#container {
    padding-top: 100px;
    padding-bottom: 18px;
}



/*============================================================================

	#mainvisual

============================================================================*/

#mainvisual {
    height: 1078px;
    background-image: none;
}
.main_slide {
    position: absolute;
    right: 0;
    width: 58%;
    height: 790px;
}



.main_img {
    position: absolute;
    bottom: 0;
    left: 4px;
    width: 473px;
}
.main_img:before {
    position: absolute;
    top: -117px;
    right: 0;
    width: 2000px;
    height: 545px;
    background-color: #abd1b6;
    content: "";
    z-index: -1;
}
.mobile .main_img {
    bottom: -110px;
  	left: 0;
  	width: 60%;
	  z-index: -1;
}


.footer_info {
    border-top: none;
}
.footer_map{
	display:block;
	height: 450px;
}
.footer_map .inner {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.footer_map_bnr {
    position: absolute;
    bottom: 46px;
    right: 1px;
}
.footer_map_bnr a {
    padding: 11px 22px 10px 49px;
    background-color: #71a5a4;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 1.8px;
}
.footer_map_bnr a:before {
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 27px;
    width: 11px;
    height: 16px;
    margin: auto;
    background-image: url(../images/footer_map_icon.png);
    background-repeat: no-repeat;
    content: "";
}
.footer_map_bnr a:hover {
    background-color: #abd1b6;
}






@media screen and (max-width:640px) {
/* スマホ */
#mainvisual{
	height:440px;
}
	
.main_slide {
  width: 270px;
	height: auto;
	right: -5px;
	top: 62px;
}

.main_img:before{
	top: -90px;
  left: -60px;
  height: 120%;
  width: 200%;
}
	
#container{
	padding-top: 460px;
	padding-bottom: 0;
}

}
/* iphone5 */
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
	
.mobile .main_img{
	bottom: -90px;
}
	
.main_info{
	top:550px;
}
	
}


/* iPad*/
@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2){
	.mobile .main_img{
		bottom: -10px;
	}
	
	.main_img:before{
		top: -67px;
		right: 240px;
		height: 473px;
	}
}