.bodys {
  margin-top: 100px;
}

/*------------------------------

		company_profile

------------------------------*/

.cp dl{
  margin-top:20px;
}
.cp .hr{
  border-top:2px solid #ccc;
  padding-top:10px;
}



@media screen and (min-width: 951px) { /*------951px以上------*/
  .cp div.ta{
  display:table; border-bottom:2px solid #7d9cc1;
  }

  .cp section span{
    display:table-cell;
  }
  .cp span.br{
    display:block;
  }

  .cp span.dt{
    height:100%;
    background-color:#003e66;
    color:#fff;
    font-weight:bold;
    text-align:center;
    padding:16px 0px;
    width:200px;
  }
  .cp span.dd{
    width:620px;
    padding:16px;
  }
  .cp span.dd span{
    width:100%;
  }

  .map{
    display:block;
    max-width:500px;
    width:100%;
    height:280px;
    margin:16px 0px;
  }
}
@media screen and (max-width: 950px) and (min-width:541px){ /*------950px以下------*/
  .cp div.ta{
  display:table; width:100%; border-bottom:2px solid #7d9cc1;
  }

  .cp section span{
    display:table-cell;
  }
  .cp span.br{
    display:block;
  }

  .cp span.dt{
    height:100%;
    background-color:#003e66;
    color:#fff;
    font-weight:bold;
    text-align:center;
    padding:16px 0px;
    width:24%;
  }

  .cp span.dd{
    background-color:transparent;
    width:60%;
    padding:16px;
  }
  .map{
    display:block;
    max-width:450px;
    width:100%;
    height:240px;
    margin:16px 0px;
  }
}

@media screen and (max-width: 540px) { /*------540px以下------*/
  .cp div.centering{
    display:block;
    max-width:60%;
    margin:0 auto;
  }
  .cp div.centeringa{
    display:block;
    max-width:50%;
    margin:0 auto;
  }
  .cp div.centering .left,.cp div.centeringa .left{
    text-align:left;
  }
  .cp span.br{
    display:block;
  }
  .cp span.dt {
    text-align:center;
    display:block;
    width:100%;
    background-color:#003e66;
    color:#fff;
    font-weight:bold;
    padding:4px 0px;
    border-bottom:none;
  }
  .cp span.dd {
    text-align:center;
    width:100%;
    padding:10px 0px;
    border-bottom:none;
  }
  .map{
    width:100%;
    height:240px;
    margin:16px 0px;
  }
}
@media screen and (max-width: 360px) { /*------360px以下------*/
  .cp div.centering{
    display:block;
    max-width:100%;
    margin:0 auto;
  }
  .cp div.centeringa{
    display:block;
    max-width:80%;
    margin:0 auto;
  }
}