@charset "UTF-8";

#head{zoom:1}

@media screen and (max-width: 640px) {

/****************************head****************************/

#head h2 img{display:none}

#head h2 span{
background:#ccc;
border-top:2px solid #3A3A3A;
display:block;
font-size:140%;
font-weight:bold;
padding:5px 0 7px;
text-align:center}

#head ul#headLink li:nth-child(1),
#head ul#headLink li:nth-child(2),
#head ul#headLink li:nth-child(3){display:none}

#foot{margin:0 10px}

#foot address{text-align:center}

#foot address span{display:none}

#foot dl{
float:none;
margin:0 0 15px;
text-align:left;
width:100%}

#foot ul{
float:none;
text-align:left;
width:100%}

#product #main .sectionH4 .pict,
#service #main .sectionH4 .pict{
float:none;
margin:0 0 20px;
text-align:center;
width:auto}

#product #main .sectionH4 .pict img,
#service #main .sectionH4 .pict img{width:auto}

#product #main .sectionH4 .detail{
float:none;
width:auto}

#work #main ul li,
#work #main ul li.note{
float:none;
margin:0 0 20px;
width:auto}

#work #main ul li img{width:auto}

#map{width:520px!important}

#work #main ul li dl dd:nth-child(2){
margin:0 auto;
text-align:center}





}