@charset "utf-8";

@media screen and (min-width: 0px) and (max-width: 700px) {

.box_inner_click { /* mo-タップできます-薄め */
background: rgba(0,0,0,0.4);
}

.access_wrapper {
display: flex;
flex-flow: column nowrap;
width: 96%;
margin: 2rem 0 0 0;
position: relative;
}

.access_inner_left {
display: flex;
flex-flow: column wrap;
align-items: center;
justify-content: center;
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
font-size: 100%;
height: 12rem;
}

.access_inner_right {
display: none;
}

.bus_access_wrapper {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: space-between;
width: 96%;
}

.bus_access {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
margin: 2rem 0 0 0;
}

.bus_access:last-child {
margin: 2rem 0;
}

.bus_access_1 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 2rem 0 0 0;
box-sizing: border-box;
text-align: center;
}

.train_and_bus {
font-weight: bold;
}

.bus_access_2 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
height: 7em;
box-sizing: border-box;
position: relative;
background: #ffeddb;
}


}




@media screen and (min-width: 701px) { 

.box_inner_click { /* pc-タップできます-薄め */
background: rgba(0,0,0,0.3);
}

.access_wrapper {
display: flex;
flex-flow: row nowrap;
width: 96%;
margin: 2rem 0 0 0;
position: relative;
transition-duration: 1s;
}

.access_inner_left {
display: flex;
flex-flow: column wrap;
align-items: center;
justify-content: center;
width: 65%;
margin: 0;
padding: 0;
box-sizing: border-box;
font-size: 100%;
}

.access_inner_right {
display: flex;
align-items: center;
justify-content: center;
width: 36%;
}

.bus_access_wrapper {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
width: 96%;
}

.bus_access {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 49%;
margin: 2rem 0;
}

.bus_access_1 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 2rem 0 0 0;
box-sizing: border-box;
text-align: center;
}

.train_and_bus {
font-weight: bold;
}

.bus_access_2 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
height: 8rem;
box-sizing: border-box;
position: relative;
background: #ffeddb;
transition-duration: 1s;
}

.bus_access_2:hover {
transform: scale(0.9,0.9);
transition-duration: 0.3s;
}



}