@charset "utf-8";

a{
	color:#000;
}
ul{
	list-style-type:none;
}

section#access {
	width: 100%;
	margin: auto;
	padding-top: 120px;
}

/* アクセス */
.access-content {
    max-width: 1401px;
    width: 95%;
    margin: 60px auto;
	display:block;
}

#map_canvas{
	margin:60px auto 0;
}

.transition {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.transition .transition-back {
    background: rgba(255, 255, 255, 0.80);
    width: 100%;
    overflow: hidden;
	padding: 3% 0;
}

h2.name {
    font-size: 31px;
    padding-left: 5%;
    font-family: 'Libre Franklin', sans-serif;
}

span.jp {
    font-size: 15px;
    vertical-align: middle;
}


.transition .transition-back .t-left,.transition .transition-back .t-right {
    width: 50%;
    float: left;
    padding: 0 5%;
}

.transition .transition-back .t-left h3.transition-item,.transition .transition-back .t-right h3.transition-item {
    font-size: 120%;
    color: #ff0004;
    border-bottom: 3px solid #ff0004;
    line-height: 23px;
}

.a-icon {
    font-size: 21px;
    margin: 0 6px 0 0;
}
@media screen and (max-width: 991px){
section#access {
	width: 100%;
	margin: auto;
	padding-top: 70px;
}
}

@media screen and (max-width: 767px){
	.transition .transition-back .t-left,.transition .transition-back .t-right {
    width: 100%;
    float: left;
    padding: 0 5%;
}

.map {
    margin: 40px auto 0;
}

h2.name {
    font-size: 21px;
}

span.jp {
    display: block;
    margin: 5px auto 0;
}

}