/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 25 2024 | 01:51:53 */
.imagePrice__table {
  margin-top: 48px;

  @include mq-down {
    display: flex;
    font-size: 14px;
  }

  @include mq-mdlg() {
    margin-top: 40px;
  }

  thead {
    tr {
      @include mq-down {
        display: flex;
        flex-direction: column;
      }
    }
  }

  tbody {
    @include mq-down {
      display: flex;
    }

    tr {
      @include mq-down {
        display: flex;
        flex-direction: column;
      }
    }
  }

  th,td {
    &:not(:first-child) {
      border-left: 1px solid #abb8c3;

      @include mq-down {
        border: none;
      }
    }
  }

  th {
    text-align: center;
    padding: 24px 0;
    background: #2778be;
    color: #fff;

    &:nth-child(1),
	&:nth-child(2),
	&:nth-child(4) {
    width: 27%;
      @include mq-down {
        width: px-to-vw(110);
      }
    }
	
	&:nth-child(3) {
    width: 19%;
      @include mq-down {
        width: px-to-vw(110);
      }
    }
  }

  td {
    text-align: center;
    padding: 24px 20px;
    background: #fff;

    &:nth-child(1) {
      font-weight: 700;
      vertical-align: middle;

      @include mq-down {
        width: px-to-vw(215);
      }
    }

    &:nth-child(2),
    &:nth-child(3),
    &:nth-child(4) {
      width: px-to-vw(215);
    }

    ul {
      list-style: disc;
      padding-left: 20px;
    }
  }

  tr {
      border-bottom: 1px solid #abb8c3;	  

      @include mq-down {
        border: none;
      }
	  
  }
}