.company_info {
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
  line-height: 1.7;
}

.company_info dl {
  font-size: 0;
  letter-spacing: -.4em;
}

.company_info dt {
  display: inline-block;
  width: 320px;
  margin-bottom: 40px;
  font-size: 18px;
  vertical-align: top;
  font-weight: bold;
  letter-spacing: .08em;
}

.company_info dd {
  display: inline-block;
  width: 640px;
  margin-bottom: 45px;
  font-size: 18px;
  vertical-align: top;
  letter-spacing: .08em;
}

.company_info dd .post {
  font-size: 15px;
  font-weight: bold;
}

.company_info dd .name + .post {
  margin-top: 28px;
}

.att {
  font-size: 76%;
}

.map_wrap {
  position: relative;
  width: 100%;
  height: 400px;
  margin-top: 70px;
  overflow: hidden;
}

.map_wrap .map_info {
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-150%);
      -ms-transform: translateX(-150%);
          transform: translateX(-150%);
  width: 320px;
  height: 320px;
  padding: 40px;
  color: #fff;
  line-height: 1.6;
  letter-spacing: .08em;
  background: #e2027c;
  background: -webkit-linear-gradient(left, #e2027c 0%, #311e87 100%);
  background: -webkit-gradient(linear, left top, right top, from(#e2027c), to(#311e87));
  background: linear-gradient(to right, #e2027c 0%, #311e87 100%);
  z-index: 1;
}

.map_wrap .map_info .map_logo {
  width: 150px;
}

.map_wrap .map_info .map_address {
  margin-top: 30px;
  font-size: 12px;
}

.map_wrap .map {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
}

@media screen and (max-width: 750px) {
  .company_info {
    line-height: 1.7;
  }
  .company_info dt {
    width: 100%;
    margin-bottom: 2px;
    font-size: 14px;
  }
  .company_info dd {
    width: 100%;
    margin-bottom: 29px;
    font-size: 14px;
  }
  .company_info dd .post {
    font-size: 12px;
    font-weight: bold;
  }
  .company_info dd .name + .post {
    margin-top: 28px;
  }
  .map_wrap {
    height: 200px;
    margin-top: 50px;
  }
  .map_wrap .map_info {
    top: 20px;
    left: 0;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    width: 165px;
    height: 165px;
    padding: 20px;
    line-height: 1.6;
    letter-spacing: .08em;
  }
  .map_wrap .map_info .map_logo {
    width: 105px;
  }
  .map_wrap .map_info .map_address {
    margin-top: 10px;
    font-size: 12px;
  }
  .map_wrap .map {
    width: 130%;
    height: 100%;
  }
}