@charset "UTF-8";
 /*スマホ用*/
@media screen and (max-width:767px) {
    /* #menu is the original menu */
#menu {
        display:none;
    }

.slicknav_menu {
        display:block;
    }

#headerWrap{
    display:none;
  }

#wrap{
    max-width:100%;
    height:auto;
    background:url(../img/bg_top.jpg) center;
    background-size:cover;
  }
h2{
  margin: 0 auto;
  font-size: 35px;
  height: 60px;
}
h3{
  margin: 0 auto 40px auto;
  font-weight: ;
  font-size: 18px;
}

#company{
  height:850px;
}
dl {
  line-height: 2;
  letter-spacing: 2px;
  width: auto;
  margin: 0 30px;

}
dl dt {
  clear: left;
  display: block;
  float: none;
  width: auto;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: #db2d76;
  padding-bottom: 5px;
}
dl dd {
  display: block;
  float: none;
  width: 100%;
  padding-bottom: 30px;
  text-align: center;
  font-size: 12px;
}
.cs{
  display: none;
}

.cs2{
  width:100%;
  height:auto;
  margin:0 auto;
  position:absolute;
  top:150px;
  text-align:center;
}
.cs2 img{
width: 200px;
}
.contents_in{
  padding:50px 0 60px;
}
#map_canvas {
}
.list_inner{
  max-width:100%;
  height:auto;
  margin:0 auto;
}

.list_inner img{
  width:200px;
  height:auto;
}
.list_inner h2{
  padding-bottom: 20px;
}
.list_inner div{
  width:320px;
  height:250px;
  margin: 0 auto;
  float: none;
}
.list_inner .link_inner{
  height:62px;
  margin-bottom: 20px;
}

#wrap div.copy{
  display: none;
}
}

@media screen and (min-width:768px){
  #wrap{
    max-width:100%;
    height:auto;
    background-attachment:scroll;
    background-size:cover;
}

.list_inner{
  max-width:100%;
  height:auto;
  margin:0 auto;
}

.list_inner div.link{
  width:50%;
}
.list_inner div div{
  width:100%;
  margin-bottom: 20px;
}
.cs2{
    display:none;
    }
    #list dl {
  line-height: 2;
  letter-spacing: 2px;
  width: 350px;
  padding:0 60px;

}
#list dl dt {
  clear: left;
  display: block;
  float: left;
  width: 150px;
  text-align: left;

}
#list dl dd {
  display: block;
  float: left;
  padding-bottom: 25px;
  text-align: left;
  width: 200px;
}

}