@charset "utf-8";
/* CSS Document */

.main-visual{
padding-top: 50px;
padding-bottom: 80px;
}

.nav__wrapper{
padding: 30px;
}

.nav__wrapper a{
color: #4D3529;
}

.nav__wrapper a:hover{
text-shadow: 1px 1px 4px  #fff;
}


.Access{
background-color: #fff;	
padding: 120px 0;
	margin-top: 180px;
}

.Card{
display: flex;
justify-content: space-around;
}


.Card__text{
	padding: 0 20px;
}

.Card__text h3{
width: 200px;
padding: 10px 10px ;
}

.Card__text p{
    color: #2A5110;
    font-size: 16px;
    line-height: 2em;
    font-weight: bold;
	padding: 30px 0;
}

.img__about{
width:500px;
min-width: 300px;
}

.ft__btncontactus{
padding: 10px 0;
width: 400px;
}

.Card__map{
padding: 60px 20px 0;
}


@media (max-width: 767px){
.Card{
flex-direction: column;
}	
	
.Card__text h3{
margin: 0 auto;
padding-top: 0;
padding-bottom: 100px;
}
	
.Card__text p{
text-align: center;
line-height: 3em;
}
	
.ft__btncontactus{
margin: 0 auto;
padding-top: 40px;
width: 300px;
}
	
.img__about{
width:120px;
margin: 0 auto;
}

.Card__map{
	display: flex;
justify-content: center;
}
	
}