@charset "UTF-8";

div.access_top{
	width: 100%;
	height: 300px;
	background-image:url(../images/access_top.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100%;
	overflow: hidden;
  	position: relative;
}

@media screen and (max-width: 768px) {
	div.access_top{
		height: 220px;
	}
	div.access_top img{
		height:155px;
		}
}
	
.title_area{
	width:100%;
	height:75%;
 	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

h2{
	margin:0;
	padding:0
}

.access {
    display: table;
    width: 100%;
	margin:40px 0;
}
.access > div {
    display: table-cell;
    border: 5px solid transparent;
}
.access p {
    display: block;
    width: 100%;
	margin-bottom:30px;
 
}

@media screen and (max-width:640px){
.access {
    display: block;
    overflow: hidden;
    letter-spacing: -.4em;
	text-align:center;
}
.access > div {
    display: inline-block;
    width: 100%;
    letter-spacing: normal;
    vertical-align: top;
}
}
	
@media screen and (min-width:900px){
.access ul{
	padding-left:50px;
}}

.access li{
	display: block;
	text-align:left;
	line-height:1em;
	width:100%;
}