@charset "UTF-8";
body{
  letter-spacing: 1px;
}
.title_area{
	margin: 50px auto;
}
.access_inner{
  width: 80%;
  margin: 0 auto;
  padding-bottom: 4em;
}
.inner h3{
  color: #256069;
  font-size: 24px;
  padding: 0 0 1em;
  text-align: center;
}
.inner .access-content li{
  color: #333333;
}
.inner .access-content li.address::before {
	position: absolute;
	content: url(../../access/img/address.png);
	color: #fff;
	left: -25px;
}
.inner .access-content li.train::before {
	position: absolute;
	content: url(../../access/img/train.png);
	color: #fff;
	left: -25px;
}
.access_btn{
}
.access_btn a{
  display: block;
  color:white;
  width: 100%;
  background-color:	#256069;
  margin: 50px 0;
  padding: 15px;
  text-align: center;
  text-decoration: none;
}
.access_btn h3{
  color: white;
  display: inline;
  font-size: 2rem;
}
.access_btn img{
  margin-left: 20px;
}
@media screen and (max-width: 1024px) {
  .inner{
    width: 90%;
  }
  .title_area{
    margin: 80px auto 30px;
  }	
}

@media screen and (max-width: 768px) {
  .access_btn a{
    margin: 25px 0;
  }
  .access_btn h3{
    font-size: 1.5rem;
  }
  .access_btn img{
    margin-left: 0;
  }
 }

@media screen and (max-width: 480px) {
.access_inner{
    width: 100%;
}