@charset "UTF-8";
/* page css */
#u-content {
  padding: 50px;
}

#u-gray-box {
  background: #f2f2f2;
  padding: 30px;
  overflow: hidden;
}
#u-gray-box h4 {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  line-height: 1;
  margin: 0 0 13px;
}
#u-gray-box h5 {
  background: #858e99;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 45px;
  letter-spacing: 1px;
}
#u-gray-box .left {
  width: 100%;
  margin: 0 0 15px;
  border: 1px solid #858e99;
}
#u-gray-box .left .body {
  padding: 20px 20px 15px;
  overflow: hidden;
}
#u-gray-box .right {
  width: 100%;
  border: 1px solid #858e99;
}
#u-gray-box .right .body {
  padding: 20px 20px 15px;
}
#u-gray-box p.txt {
  margin: 0 0 8px;
}
#u-gray-box .m-btn {
  width: 367px;
  float: right;
  margin: 6px 0 0;
}
#u-gray-box .m-btn a {
  width: 301px;
  background-image: url(../../images/common/i_mail.png);
  background-color: #6d8eee;
}
#u-gray-box .tel-box {
  width: 35%;
  float: left;
}
#u-gray-box .tel-box p {
  margin: 0;
}
#u-gray-box .tel-box p.tel {
  font-size: 19px;
  color: #6d8eee;
  font-weight: bold;
  vertical-align: text-top;
  margin: 0 0 3px;
}
#u-gray-box .tel-box p.tel img {
  vertical-align: middle;
}
#u-gray-box p.tel-txt {
  font-size: 12px;
  text-align: center;
  margin: 0;
}
#u-gray-box p.tel-txt span {
  font-size: 14px;
  font-weight: bold;
}