@charset "UTF-8";
.floatBnr {
  visibility: hidden; }

/*! CSS Used from: https://www8.hitachi.co.jp/css/jp/r1/common.css ; media=screen, print */
@media screen, print {
  div, ul, ul li, h1, p {
    margin: 0;
    padding: 0;
    line-height: 160%; }

  #Contents h1 {
    font-size: 100%;
    font-weight: normal; }

  #Contents ul li {
    list-style-type: none; }

  #Contents strong {
    font-weight: bold; }

  #Contents em {
    font-style: italic; }

  .ClearFix:after {
    content: "";
    display: block;
    clear: both; }

  #Contents a:link {
    text-decoration: underline;
    color: #c02; }

  #Contents a:visited {
    text-decoration: underline;
    color: #a94657; }

  #Contents a:hover {
    text-decoration: none;
    color: #0775b5; }

  #Contents a:active {
    text-decoration: none;
    color: #0775b5; }

  #Contents {
    min-width: 965px;
    /*965px*/
    background-color: #fff;
    padding-bottom: 1px;
    padding-top: 1rem;
    margin: 0 auto; } }
  @media screen and (max-width: 768px) {
    #Contents {
      min-width: 100%;
      width: auto;
      padding: 0; } }

@media screen, print {
  .GridSet {
    width: 100%; }

  .GridSet:after {
    content: "";
    display: block;
    clear: both; }

  .Grid3 {
    /*float: left;*/
    width: 770px;
    margin: 25px auto 0; } }
  @media screen and (max-width: 768px) {
    .Grid3 {
      width: 100%;
      padding: 0 5%; } }

@media screen, print {
  .PageTitleStyle1 {
    margin: 0 0 25px; }

  .PageTitleStyle1 h1 {
    font-size: 150%;
    font-weight: bold;
    line-height: 130%;
    color: #777; }

  .PageTitleStyle1 h1 a:link, .PageTitleStyle1 h1 a:visited, .PageTitleStyle1 h1 a:hover {
    text-decoration: none;
    color: #777; }

  .TextStyle1 {
    margin: 0 0 15px; }

  .TextStyle1 {
    font-size: 90%; }

  #Contents strong {
    /*color:#000;*/ }

  .Section {
    padding: 0 0 10px; } }
/*! CSS Used from: https://www8.hitachi.co.jp/css/jp/r1/print.css ; media=print */
@media print {
  #Contents {
    display: block;
    clear: right;
    margin: 0 auto;
    width: 965px;
    text-align: left; } }
/*! CSS Used from: https://www8.hitachi.co.jp/inquiry/usability5/css/jp/r1/inquiry.css ; media=screen, print */
@media screen, print {
  div.InquiryStepArea {
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 83%;
    overflow: hidden;
    text-align: left;
    background-color: #EFEFEF;
    box-sizing: content-box !important; } }
  @media screen and (max-width: 768px) {
    div.InquiryStepArea {
      background: none !important; } }

@media screen, print {
  div.InquiryStepArea ul.InquiryStep44 {
    margin: 0;
    padding: 0;
    background: url(/assets/contact/img/bg_3grid_4step4.gif) 0 50% no-repeat; } }
  @media screen and (max-width: 768px) {
    div.InquiryStepArea ul.InquiryStep44 {
      background: none; } }

@media screen, print {
  div.InquiryStepArea ul.InquiryStep44 li {
    width: 192px;
    float: left;
    margin: 0;
    padding: 0 48px 0 0;
    line-height: 1.2; }
    div.InquiryStepArea ul.InquiryStep44 li:nth-child(4) {
      background-color: #0193e8; } }
  @media screen and (max-width: 768px) {
    div.InquiryStepArea ul.InquiryStep44 li {
      width: 100%;
      float: none;
      padding: 0;
      margin-bottom: 10px;
      background-color: #eceeef;
      text-align: center; } }

@media screen, print {
  div.InquiryStepArea ul li.LastItem {
    padding: 0; } }
  @media screen and (max-width: 768px) {
    div.InquiryStepArea ul li.LastItem {
      margin-bottom: 0; } }

@media screen, print {
  div.InquiryStepArea ul li strong {
    display: block;
    color: #ffffff;
    padding: 10px 5px 10px 10px;
    line-height: 1.2;
    font-weight: bold; }

  div.InquiryStepArea ul li em {
    display: block;
    padding: 10px 5px 10px 10px;
    line-height: 1.2;
    font-style: normal;
    font-weight: bold; }

  #Contents ul li button {
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 100%; }

  .FormCompArea {
    margin-bottom: 25px; }

  .FormComp {
    margin: 0 auto;
    width: 280px;
    display: block; }

  .FormComp button.FormCompButton {
    width: 280px;
    padding: 10px 0 8px;
    background-color: #0093e8;
    border: 0;
    font-size: 90%;
    font-weight: bold;
    line-height: 140%;
    color: #ffffff;
    white-space: nowrap; }

  .FormComp button.FormCompButton:hover {
    background-color: #0775b5;
    border: 0;
    cursor: pointer;
    font-weight: bold; } }

/*# sourceMappingURL=contact_completion_add.css.map */