@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, h2, form, input, p {
    margin: 0;
    padding: 0;
    line-height: 160%; }

  #Contents h1, #Contents h2 {
    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: #0093e8; }

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

  #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: 965px;*/
    width: 100%; }

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

  .Grid3 {
    /*float: left;*/
    width: 770px;
    margin: 0 auto; } }
  @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;
    font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif; }

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

  #Contents h2 {
    margin: 0 0 5px;
    padding: 0 0 10px 0;
    background: url(/assets/contact/img/balloon_down.gif) no-repeat 40px bottom; }

  #Contents h2 span {
    display: block;
    padding: 10px 15px;
    font-size: 110%;
    font-weight: bold;
    color: #575757;
    line-height: 130%;
    background-color: #f2f2f2; }

  .TextStyle1 {
    margin: 0 0 15px; }

  .TextStyle1 {
    font-size: 90%; }

  .LinkListStyle1 {
    margin: -5px 0 15px; }

  .LinkListStyle1 {
    font-size: 90%; }

  .LinkListStyle1 li {
    margin: 0;
    padding: 5px 0 0 0;
    line-height: 140%; }

  .LinkListStyle1 li a {
    padding: 0 17px 0 0;
    background-repeat: no-repeat;
    background-position: right center; }

  .LinkListStyle1 li a:link, .LinkListStyle1 li a:visited {
    text-decoration: none;
    background-image: url(/assets/contact/img/icon_link_right_hd.gif);
    background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -ms-background-size: 16px 16px; }

  .LinkListStyle1 li a:hover, .LinkListStyle1 li a:active {
    text-decoration: underline;
    background-image: url(/assets/contact/img/icon_link_right_hover_hd.gif);
    background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -ms-background-size: 16px 16px; }

  li.NewWin a {
    background-image: url(/assets/contact/img/icon_new_window_hd.gif) !important; }

  #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; } }

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

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

@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; }

  .FormAgreeArea {
    width: 688px;
    margin: 0 auto; } }
  @media screen and (max-width: 768px) {
    .FormAgreeArea {
      width: 100%; } }

@media screen, print {
  .FormAgree {
    float: left;
    margin: 0 12px 25px 12px;
    display: block; } }
  @media screen and (max-width: 768px) {
    .FormAgree {
      float: none;
      margin: 0 0 20px; }
      .FormAgree:last-child {
        margin: 0; } }

@media screen, print {
  .FormAgree button.FormAgreeButton {
    width: 320px;
    padding: 5px 0;
    background-color: #0093e8;
    border: 0;
    font-size: 90%;
    font-weight: bold;
    line-height: 140%;
    color: #ffffff;
    white-space: nowrap; } }
  @media screen and (max-width: 768px) {
    .FormAgree button.FormAgreeButton {
      width: 80%;
      margin: 0 auto; } }

@media screen, print {
  .FormAgree button.FormAgreeButton:hover {
    background-color: #0775b5;
    border: 0;
    cursor: pointer;
    font-weight: bold; }

  .FormAgree button.FormAgreeCorrection {
    width: 320px;
    padding: 5px 0;
    background-color: #cccccc;
    border: 0;
    font-size: 90%;
    font-weight: bold;
    line-height: 140%;
    white-space: nowrap; } }
  @media screen and (max-width: 768px) {
    .FormAgree button.FormAgreeCorrection {
      width: 80%;
      margin: 0 auto; } }

@media screen, print {
  .FormAgree button.FormAgreeCorrection:hover {
    background-color: #bbbbbb;
    border: 0;
    cursor: pointer;
    font-weight: bold; }

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

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