@charset "UTF-8";

.ttl {
 background-image: url("../img/access/ttl-bg.png");
}
.access_map_img {
	position: relative;
max-width: 1260px;
display: block;
margin-bottom: 40px;
	padding-bottom: 50px;
}
.access_map_img img {
width: 100%;
}
.access_map_img .ana-maas{
	position: absolute;
	bottom: 0;
	right: 0;
}
.access_block_title {
background: #F9F8F6;
border-left: 4px solid #8E7742;
border-top: solid 1px #E5E5E5;
border-right: solid 1px #E5E5E5;
border-bottom: solid 1px #E5E5E5;
padding: 10px 20px 10px 25px;
margin-bottom: 2em;
margin-top: 60px;
}
.access_block_title .access_area_title {
font-size: 2.0rem;
}
.access_list {
font-size: 1.6rem;
margin-left: 25px;
margin-bottom: 40px;
}
.access_list li {
padding-left: 20px;
background-image: url("../img/common/dot.svg");
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 10px;
display: block;
}
.bold_txt {
font-weight: 700;
}
.access_method {
font-size: 1.8rem;
font-weight: 700;
line-height: 100%;
margin-bottom: 20px;
margin-left: 25px;
display: block;
}
.access_box {
width: 100%-25px;
display: flex;
align-items: center;
margin-bottom: 10px;
margin-left: 25px;
border: solid 1px #E5E5E5;
}
.access_box_title {
width: 25%;
padding: 20px;
background-color: #A29A74;
color: #fff;
font-size: 1.6rem;
line-height: 145%;
}
.access_box_txt {
width: 75%;
padding: 0 15px 0 25px;
font-size: 1.6rem;
line-height: 145%;
}


/*スマートフォン*/

@media all and (max-width : 767px ){

.access_map_img {
margin-bottom: 20px;
	padding-bottom: 0;
}
	.access_map_img .ana-maas{
	position: relative;
		margin-top: 25px;
		text-align: center;
}
	.access_map_img .ana-maas img{
		margin: 0 auto;
}
.access_block_title {
padding: 10px 20px 10px 15px;
margin-bottom: 20px;
margin-top: 30px;
}
.access_block_title .access_area_title {
font-size: 1.4rem;
}
.access_list {
font-size: 1.2rem;
margin-left: 0px;
margin-bottom: 20px;
}
.access_list li {
padding-left: 15px;
background-position: left top;
margin-bottom: 10px;
}
.access_method {
font-size: 1.3rem;
margin-bottom: 10px;
margin-left: 0px;
}
.access_box {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
margin-bottom: 15px;
margin-left: 0px;
}
.access_box_title {
width: 100%;
padding: 10px;
font-size: 1.2rem;
line-height: 145%;
}
.access_box_txt {
width: 100%;
padding: 10px;
font-size: 1.2rem;
line-height: 145%;
}


}