@charset "UTF-8";
/* CSS Document */

#access{
}
.calligraphy{
display: none;
}
.map{
width: 100%;
margin-bottom: 15px;
}
.text{
font-size: 12px;
line-height: 20px;
}
.text span{
font-size: 14px;
line-height: 28px;
}
.text small{
font-size: 11px;
}
.address{
float: left;
padding: 24px 0
}
.google-map{
float: right;
margin-top: 32px;
width: 100px;
height: 24px;
background: #a0a0a0;
border-radius: 12px;
}
.google-map a{
display: block;
color: #fff;
font-size: 10px;
line-height: 24px;
text-align: center;
}
.traffic{
clear: both;
}


#foot-illust{
display: none;
}

#footer{
margin: 95px auto 0;
}



/* タブレット・PC */
@media screen and (min-width: 600px) {

#access{
}
.calligraphy{
display: block;
margin: 223px 0 0 100px;
}
.map{
width: 504px;
}
.text{
margin: -295px 0 0 540px;
font-size: 13px;
line-height: 24px;
}
.text span{
font-size: 18px;
line-height: 24px;
}
.text small{
font-size: 13px;
}
.address{
padding: 24px 0
}
.google-map{
margin-top: 28px;
width: 150px;
height: 38px;
border-radius: 6px;
transition: all 0.2s ease 0s;
}
.google-map a{
font-size: 13px;
line-height: 38px;
}
.google-map:hover{
background: #666;
}
.traffic{
clear: both;
}




#foot-illust{
display: block;
margin: 200px 0 0;
text-align: center;
}
#foot-illust img{
margin-left: 90px;
}

#footer{
margin: 20px auto 0;
}

}