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

.access-title-photo-left-wrapper {
display: flex;
flex-flow: row nowrap;
width: 96%;
margin: 2rem 0% 0rem 0%;
position: relative;
}

.access-icon-right {
display: none;
align-items: center;
justify-content: center;
width: 30%;
padding: 0% 3% 0rem 0rem;
box-sizing: border-box;
}

.access-title-balloon-left {
display: flex;
flex-flow: column wrap;
align-items: center;
justify-content: center;
width: 100%;
height: 12rem;
}

.access-title-balloon-left-inner {
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
justify-content: center;
padding: 0rem 0% 0.3rem 0rem;
box-sizing: border-box;
}

.shozaichi {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
font-weight: bold;
}

.box-inner-click {
background: rgba(0,0,0,0.4);
}

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

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

.car-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: 0% 0% 2rem 0%;
}

.bus-access-1 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 2rem 0% 0rem 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) { 

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

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

.access-title-balloon-left {
display: flex;
flex-flow: column wrap;
align-items: center;
justify-content: center;
width: 65%;

padding: 0% 0% 0rem 0rem;
box-sizing: border-box;
font-size: 100%;
}

.shozaichi {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
font-weight: bold;
}

.box-inner-click {
background: rgba(0,0,0,0.3);
}

.access-title-photo-left-wrapper:hover {
box-shadow: 10px 15px 10px 0px rgba(0,0,0,0.4);
transform: translateY(-10px);
transition-duration: 0.3s;
}

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

.car-access-wrapper:hover {
box-shadow: 10px 15px 10px 0px rgba(0,0,0,0.4);
transform: translateY(-10px);
transition-duration: 0.3s;
}

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

.car-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% 2rem 0%;
}

.bus-access-1 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 2rem 0% 0rem 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;
}



}