@media all and (min-width: 768px), print {
  .is-hidden{
    display: none;
  }
  .js-draggable.dragging {
    cursor: grabbing;
  }
  .c-table-chart-cell a {
      text-decoration: underline;
      color: var(--primary-color-500);
  }
  .c-table-chart-cell a:hover {
      text-decoration: none;
  }
  .dt-buttons {
    margin-bottom: calc(8 / var(--font-size) * 1rem);
  }
  .buttons-excel.c-link-btn {
    font-size: 1rem;
  }
  .buttons-excel.c-link-btn:hover {
    --link-txt-color: var(--link-arrow-color);
  }
  #searchForm{
    width: calc(622 / var(--font-size)* 1rem);
    margin-left: auto;
    margin-right: auto;
  }
  .c-form{
      align-items: center;
  }
  .c-form__header{
      margin-top: 0;
  }
  .c-form__body{
    max-width: calc(350 / var(--font-size) * 1rem);
  }
  .c-form__body input,
  .c-form__body select{
    max-width: calc(350 / var(--font-size) * 1rem);
  }
  .c-table-chart__thead .c-table-chart-cell{
    text-align: center;
  }

  .is-sticky .dt-layout-table > .dt-layout-cell {
    overflow-x: scroll;
    border-radius: calc(16 / var(--font-size) * 1rem);
    border: var(--white-color) calc(2 / var(--font-size) * 1rem) solid;
  }
  .is-sticky .c-table-chart-cell--sticky {
    position: sticky;
    left: 0;
  }

  /* JS上書き */
  .search-table__result{
    position: absolute;
    margin-top: calc(18 / var(--font-size) * 1rem);
  }
  .product-search-result .search-table__result{
    margin-top: calc(26 / var(--font-size) * 1rem);
  }
  .dt-layout-row:has(.dt-length){
    margin-bottom: calc(16 / var(--font-size) * 1rem);
    text-align: end;
  }
  .dt-info{
    text-align: end;
  }
  .dt-paging{
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .dt-paging>nav{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(16 / var(--font-size) * 1rem);
  }
  .dt-column-title{
    color: var(--white-color);
    --txt-font-size: 14;
    --txt-line-height: 1.5;
    font-size: calc(var(--txt-font-size) / var(--font-size)* 1rem);
    line-height: var(--txt-line-height);
    overflow-wrap: break-word;
  }
  .c-table-chart__tbody .c-table-chart-cell{
    --txt-font-size: 14;
    --txt-line-height: 1.5;
    font-size: calc(var(--txt-font-size) / var(--font-size)* 1rem);
    line-height: var(--txt-line-height);
    overflow-wrap: break-word;
    word-break: break-all;
  }
  .dt-paging-button{
    --btn-bg-color: var(--white-color);
    --btn-border-color: var(--primary-color-500);
    --btn-txt-color: var(--primary-color-500);
    --btn-txt-font-size: 12;
    --btn-min-height: 64;
    --btn-px: 8;
    --btn-ico-size: 19;
    --btn-radius: 8;
    display: block;
    background-color: var(--btn-bg-color);
    border-radius: calc(var(--btn-radius) / var(--font-size)* 1rem);
    border: calc(1 / var(--font-size)* 1rem) solid var(--btn-border-color);
    transition: all 0.2s;
    padding: calc(8 / var(--font-size)* 1rem) calc(var(--btn-px) / var(--font-size)* 1rem);
    color: var(--btn-txt-color);
    text-align: center;
    font-size: calc(var(--btn-txt-font-size) / var(--font-size)* 1rem);
    font-weight: bold;
    line-height: 1.5;
    width: calc(36 / var(--font-size) * 1rem);
    height: calc(36 / var(--font-size) * 1rem);
  }
  .dt-paging-button:hover{
    --btn-bg-color: var(--primary-color-500);
    --btn-txt-color: var(--white-color);
  }
  .dt-paging-button.current{
    --btn-bg-color: var(--primary-color-300);
    --btn-border-color: var(--primary-color-300);
    --btn-txt-color: var(--black-color);
    pointer-events: none;
  }
  .dt-paging-button.first,
  .dt-paging-button.previous,
  .dt-paging-button.next,
  .dt-paging-button.last{
    width: calc(56 / var(--font-size) * 1rem);
    --btn-bg-color: var(--primary-color-500);
    --btn-txt-color: var(--white-color);
  }
  .dt-paging-button.first:hover,
  .dt-paging-button.previous:hover,
  .dt-paging-button.next:hover,
  .dt-paging-button.last:hover{
    --btn-bg-color: var(--white-color);
    --btn-txt-color: var(--primary-color-500);
  }

  /* agent-search */
  .maker-column .dt-column-title{
  }
  .maker-column .dt-column-title::after{
    display: block;
    content: "※補助対象メーカーとは異なります。";
    font-size: calc(12 / var(--font-size) * 1rem);
  }
  .agent-search-result .is-sticky .dt-layout-table > .dt-layout-cell .dt-layout-cell__in{
    min-width: calc(2000 / var(--font-size) * 1rem);
    max-height: calc(800 / var(--font-size) * 1rem);
  }
  .agent-search-result [data-dt-column="0"]{
    width: calc(150 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="1"]{
    width: calc(240 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="2"]{
    width: calc(160 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="3"]{
    width: calc(240 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="5"]{
    width: calc(300 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="6"]{
    width: calc(300 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="7"]{
    width: calc(140 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="8"]{
    width: calc(240 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="9"]{
    width: calc(240 / var(--font-size) * 1rem)!important;
  }
  /* sticky */
  .agent-search-result .c-table-chart__thead .c-table-chart-cell {
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .agent-search-result .c-table-chart__thead .c-table-chart-cell:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: var(--primary-color-500);
  }
  .agent-search-result .c-table-chart-cell:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: var(--gray-color-100);
  }
  .agent-search-result .c-table-chart__thead .c-table-chart-cell:nth-child(2) {
    position: sticky;
    left: calc(184 / var(--font-size) * 1rem);
    z-index: 2;
    background-color: var(--primary-color-500);
  }
  .agent-search-result .c-table-chart-cell:nth-of-type(2) {
    position: sticky;
    left: calc(184 / var(--font-size) * 1rem);
    z-index: 1;
    border-right: calc(2 / var(--font-size) * 1rem) solid var(--white-color);
    background-color: var(--gray-color-100);
  }
  .agent-search-result .c-table-chart-cell:nth-of-type(2) + .c-table-chart-cell {
    border-left: 0;
  }
  .agent-search-result .c-table-chart {
    border-spacing: 0;
    overflow: auto;
    border: none;
  }

  /* product-search */
  .product-search-result .is-sticky .dt-layout-table > .dt-layout-cell .dt-layout-cell__in{
    min-width: calc(2000 / var(--font-size) * 1rem);
    max-height: calc(800 / var(--font-size) * 1rem);
  }
  .product-search-result [data-dt-column="1"]{
    width: calc(140 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="2"]{
    width: calc(140 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="3"]{
    width: calc(240 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="4"]{
    width: calc(120 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="5"]{
    width: calc(120 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="6"]{
    width: calc(120 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="7"]{
    width: calc(120 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="8"]{
    width: calc(120 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="9"]{
    width: calc(120 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="10"]{
    width: calc(240 / var(--font-size) * 1rem)!important;
  }
  /* sticky */
  .product-search-result .c-table-chart__thead .c-table-chart-cell {
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .product-search-result .c-table-chart__thead .c-table-chart-cell:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: var(--primary-color-500);
  }
  .product-search-result .c-table-chart-cell:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: var(--gray-color-100);
  }
  .product-search-result .c-table-chart__thead .c-table-chart-cell:nth-child(2) {
    position: sticky;
    left: calc(223 / var(--font-size) * 1rem);
    z-index: 2;
    background-color: var(--primary-color-500);
  }
  .product-search-result .c-table-chart-cell:nth-of-type(2) {
    position: sticky;
    left: calc(223 / var(--font-size) * 1rem);
    z-index: 1;
    border-right: calc(2 / var(--font-size) * 1rem) solid var(--white-color);
    background-color: var(--gray-color-100);
  }
  .product-search-result .c-table-chart-cell:nth-of-type(2) + .c-table-chart-cell {
    border-left: 0;
  }
  .product-search-result .c-table-chart {
    border-spacing: 0;
    overflow: auto;
    border: none;
  }
}

@media screen and (max-width: 767px) {
  .is-hidden{
    display: none;
  }
  .c-table-chart-cell a {
      text-decoration: underline;
      color: var(--primary-color-500);
  }
  .c-table-chart-cell a:hover {
      text-decoration: none;
  }
  .dt-buttons {
    margin-bottom: calc(8 / var(--font-size) * 1rem);
  }
  .buttons-excel.c-link-btn {
    font-size: 1rem;
  }
  .c-form{
    align-items: center;
  }
  .c-form__header{
      margin-top: 0;
  }
  .c-table-chart__thead .c-table-chart-cell{
    text-align: center;
  }

  .is-sticky .dt-layout-table{
    margin-left: calc(-20 / var(--font-size) * 1rem);
    margin-right: calc(-20 / var(--font-size) * 1rem);
  }
  .is-sticky .dt-layout-table > .dt-layout-cell {
    overflow-x: scroll;
  }
  .is-sticky .dt-layout-cell__in{
    padding-left: calc(20 / var(--font-size) * 1rem);
    padding-right: calc(20 / var(--font-size) * 1rem);
    min-width: calc(2000 / var(--font-size) * 1rem);
  }
  .is-sticky .c-table-chart-cell--sticky {
    position: sticky;
    left: 0;
  }

  /* JS上書き */
  .search-table__result{
    position: absolute;
    margin-top: calc(18 / var(--font-size) * 1rem);
  }
  .product-search-result .search-table__result {
    margin-top: calc(26 / var(--font-size) * 1rem);
  }
  .dt-layout-row:has(.dt-length){
    margin-bottom: calc(16 / var(--font-size) * 1rem);
    text-align: end;
  }
  .dt-info{
    text-align: end;
  }
  .dt-paging{
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .dt-paging>nav{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(8 / var(--font-size) * 1rem);
  }
  .dt-column-title{
    color: var(--white-color);
    --txt-font-size: 14;
    --txt-line-height: 1.5;
    font-size: calc(var(--txt-font-size) / var(--font-size)* 1rem);
    line-height: var(--txt-line-height);
    overflow-wrap: break-word;
  }
  .c-table-chart__tbody .c-table-chart-cell{
    --txt-font-size: 14;
    --txt-line-height: 1.5;
    font-size: calc(var(--txt-font-size) / var(--font-size)* 1rem);
    line-height: var(--txt-line-height);
    overflow-wrap: break-word;
    word-break: break-all;
  }
  .dt-paging-button{
    --btn-bg-color: var(--white-color);
    --btn-border-color: var(--primary-color-500);
    --btn-txt-color: var(--primary-color-500);
    --btn-txt-font-size: 12;
    --btn-min-height: 64;
    --btn-px: 8;
    --btn-ico-size: 19;
    --btn-radius: 8;
    display: block;
    background-color: var(--btn-bg-color);
    border-radius: calc(var(--btn-radius) / var(--font-size)* 1rem);
    border: calc(1 / var(--font-size)* 1rem) solid var(--btn-border-color);
    transition: all 0.2s;
    padding: calc(8 / var(--font-size)* 1rem) calc(var(--btn-px) / var(--font-size)* 1rem);
    color: var(--btn-txt-color);
    text-align: center;
    font-size: calc(var(--btn-txt-font-size) / var(--font-size)* 1rem);
    font-weight: bold;
    line-height: 1.5;
    width: calc(36 / var(--font-size) * 1rem);
    height: calc(36 / var(--font-size) * 1rem);
    display: none;
  }
  .dt-paging-button.current{
    --btn-bg-color: var(--primary-color-300);
    --btn-border-color: var(--primary-color-300);
    --btn-txt-color: var(--black-color);
    pointer-events: none;
    display: block;
  }
  .ellipsis{
    display: none;
  }
  .dt-paging-button.first,
  .dt-paging-button.previous,
  .dt-paging-button.next,
  .dt-paging-button.last{
    width: calc(56 / var(--font-size) * 1rem);
    --btn-bg-color: var(--primary-color-500);
    --btn-txt-color: var(--white-color);
  }
  .dt-paging-button.previous,
  .dt-paging-button.next{
    display: block;
  }

  /* agent-search */
  .maker-column .dt-column-title{
  }
  .maker-column .dt-column-title::after{
    display: block;
    content: "※補助対象メーカーとは異なります。";
    font-size: calc(12 / var(--font-size) * 1rem);
  }
  .agent-search-result .is-sticky .dt-layout-table > .dt-layout-cell .dt-layout-cell__in{
    min-width: calc(1600 / var(--font-size) * 1rem);
  }
  .agent-search-result [data-dt-column="0"]{
    width: calc(170 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="1"]{
    width: calc(240 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="2"]{
    width: calc(160 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="3"]{
    width: calc(240 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="5"]{
    width: calc(300 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="6"]{
    width: calc(300 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="7"]{
    width: calc(140 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="8"]{
    width: calc(240 / var(--font-size) * 1rem)!important;
  }
  .agent-search-result [data-dt-column="9"]{
    width: calc(240 / var(--font-size) * 1rem)!important;
  }

  /* product-search */
  .product-search-result .is-sticky .dt-layout-table > .dt-layout-cell .dt-layout-cell__in{
    min-width: calc(1600 / var(--font-size) * 1rem);
  }
  .product-search-result [data-dt-column="1"]{
    width: calc(140 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="2"]{
    width: calc(140 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="3"]{
    width: calc(240 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="4"]{
    width: calc(120 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="5"]{
    width: calc(120 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="6"]{
    width: calc(120 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="7"]{
    width: calc(120 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="8"]{
    width: calc(120 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="9"]{
    width: calc(120 / var(--font-size) * 1rem)!important;
  }
  .product-search-result [data-dt-column="10"]{
    width: calc(240 / var(--font-size) * 1rem)!important;
  }
}