@charset "UTF-8";

#header_t .header_logo.is-pc {
  display: block;
  width: 825px;
  height: auto;
}
#header_t .header_logo.is-sp {
  display: none;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  #header_t .header_logo.is-pc {
    display: none;
  }
  #header_t .header_logo.is-sp {
    display: block;
  }
}

#inquiry-body #nttf-table01 .bill,
#inquiry-body #nttf-table02 .bill {
  border: #ff9c98 2px solid;
  padding: 10px;
}
#nttf-table01 + #nttf-table02 {
  margin-top: 3em;
}

#inquiry-body #nttf-table01 .orangebox dl,
#inquiry-body #nttf-table02 .orangebox dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  background-color: #fc9;
  border: 2px solid red;
  font-size: 16px;
}

#inquiry-body #nttf-table01 .orangebox dt,
#inquiry-body #nttf-table02 .orangebox dt  {
  color: #f00;
  padding: 5px 10px;
}
#inquiry-body #nttf-table01 .orangebox dd,
#inquiry-body #nttf-table02 .orangebox dd {
  padding: 5px 10px;
}
#inquiry-body #nttf-table01 .orangebox dd span,
#inquiry-body #nttf-table02 .orangebox dd span {
  padding: 0 0 0 0.5em;
}

#inquiry-body #nttf-table01 .date_blue,
#inquiry-body #nttf-table02 .date_blue {
  color: #4f74f2;
}

#inquiry-body #nttf-table01 .orangebox + .orangebox,
#inquiry-body #nttf-table02 .orangebox + .orangebox {
  margin-top: 2em;
}


#inquiry-body #nttf-table01 table + table,
#inquiry-body #nttf-table02 table + table {
 margin-top: 2em
}

#inquiry-body #nttf-table01 table tr.highlight_green,
#inquiry-body #nttf-table02 table tr.highlight_green {
  border: solid 5px #8ecd49;
}

#inquiry-body #nttf-table01 table th,
#inquiry-body #nttf-table02 table th {
  border: solid 2px #4884BA;
  background-color: #ccecff;
  color: #3a26ff;
  padding: 5px 10px;
}
#inquiry-body #nttf-table01 table th[rowspan="3"],
#inquiry-body #nttf-table02 table th[rowspan="3"] {
  width: 1em!important;
}
#inquiry-body #nttf-table01 table td,
#inquiry-body #nttf-table02 table td {
  text-align: right;
  padding: 5px 10px;
}
#inquiry-body #nttf-table01 table td.text_center,
#inquiry-body #nttf-table02 table td.text_center {
  text-align: center;
}
#inquiry-body #nttf-table01 table span.color_clear,
#inquiry-body #nttf-table02 table span.color_clear {
  color: transparent;
}


@media screen and (max-width: 767px){

  #header_t {
    width: 100%;
  }

  #header_t h1 {
    width: 95%;
  }

  #header_t .header_logo {
    width:100%;
    height: auto;
  }

  #inquiry-body #nttf-table01 .orangebox dl,
  #inquiry-body #nttf-table02 .orangebox dl,
  #inquiry-body #nttf-table01 .orangebox dt,
  #inquiry-body #nttf-table02 .orangebox dt,
  #inquiry-body #nttf-table01 .orangebox dd,
  #inquiry-body #nttf-table02 .orangebox dd {
    font-size: 12px!important;
  }

  #inquiry-body #nttf-table01 .orangebox dt,
  #inquiry-body #nttf-table02 .orangebox dt,
  #inquiry-body #nttf-table01 .orangebox dd,
  #inquiry-body #nttf-table02 .orangebox dd {
    font-size: 12px!important;
    padding: 5px;
  }

  #inquiry-body #nttf-table01 table,
  #inquiry-body #nttf-table02 table {
    display: table;
    border:0;
    font-size: 12px;
  }
  #inquiry-body #nttf-table01 table thead,
  #inquiry-body #nttf-table01 table tbody,
  #inquiry-body #nttf-table02 table thead,
  #inquiry-body #nttf-table02 table tbody {
    display: table-row-group;
  }
  #inquiry-body #nttf-table01 table tr,
  #inquiry-body #nttf-table02 table tr {
    display: table-row;
    width:100%;
    font-size: 12px;
  }
  #inquiry-body #nttf-table01 table th,
  #inquiry-body #nttf-table02 table th {
    display: table-cell;
    white-space: normal;
    width: 10em!important;
    max-width: 100%;
    font-size: 12px;
    padding: 5px;
  }
  #inquiry-body #nttf-table01 table td,
  #inquiry-body #nttf-table02 table td {
    display: table-cell;
    white-space: normal;
    width: inherit;
    max-width: 100%;
    font-size: 12px;
    padding: 5px;
  }

}