@charset "UTF-8";
/*
  /rakurakucloud/jidootai/asset/css/object/module/m-price-table.css
  料金プラン比較表モジュール用CSS
*/
.m-price-table-section{
  overflow: hidden;
}
.m-price-table {
  overflow: hidden;
}
.m-price-table__scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: block;
  max-width: 100%; 
  min-width: 0;
}
.m-price-table__inner{
  min-width: 600px;
  width: 100%;
}
.m-price-table__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px 0;
  table-layout: fixed;
}
.m-price-table__head-row {
  background-color: var(--gray-bg-02);
}
.m-price-table__head-empty {
  width: 34%;
  border-bottom: 1px solid var(--gray-08);
}
.m-price-table__head-plan {
  width: 33%;
  text-align: center;
  padding: 16px 10px;
  color: var(--white);
  background-color: var(--gray-06);
  border-bottom: 1px solid var(--gray-08);
}
.m-price-table__plan-note {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  @media screen and (max-width: 600px) {
    font-size: 13px;
  }
}
.m-price-table__plan-name {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 5px 0 0;
  color: var(--white);
  &.m-price-table__plan-name--pro {
    color: var(--rjidootai-primary);
  }
  @media screen and (max-width: 600px) {
    font-size: 16px;
  }
}
.m-price-table__row{
  background-color: var(--white);
}
.m-price-table__row-head {
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: var(--black);
  padding: 20px;
  border-bottom: 1px solid var(--gray-08);
  @media screen and (max-width: 600px) {
    padding: 16px 12px;
  }
}
.m-price-table__cell {
  text-align: center;
  padding: 20px 10px;
  border-bottom: 1px solid var(--gray-08);
  @media screen and (max-width: 600px) {
    padding: 16px 8px;
  }
}
.m-price-table__value {
  display: block;
  font-size: 20px;
  line-height: 1.5;
  color: var(--black);
  &.m-price-table__value--accent {
    color: var(--rjidootai-primary);
  }
  @media screen and (max-width: 600px) {
    font-size: 16px;
  }
}
.m-price-table__note {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-01);
  margin: 5px 0 0;
  @media screen and (max-width: 600px) {
    font-size: 12px;
  }
}
.m-price-annotation{
  margin: 20px 0 0;
  &.m-price-annotation--right {
    text-align: right;
  }
}

/*
  比較表（4列・強調列）md_02_trial 他社システム比較用
*/
.m-price-table__table--compare {
  .m-price-table__head-empty {
    width: 16.5%;
    background-color: transparent;
    border-bottom: none;
  }
  .m-price-table__head-plan {
    width: 25.4%;
    vertical-align: bottom;
    border-bottom: 1px solid var(--gray-bg-01);
  }
  .m-price-table__head-plan--rjidootai {
    width: 32.7%;
    background-color: var(--rjidootai-primary);
  }
  .m-price-table__row-head {
    text-align: center;
    background-color: var(--gray-bg-02);
    border-bottom: 1px solid var(--gray-bg-01);
  }
  .m-price-table__cell {
    border-bottom: 1px solid var(--gray-bg-01);
  }
  .m-price-table__note {
    color: var(--black);
    &.m-price-table__note--accent {
      color: var(--rjidootai-primary);
      font-weight: 700;
    }
  }
}
.m-price-table__row-head-note {
  display: block;
  font-size: 14px;
  line-height: 1.5;
}
.m-price-table__cell--rjidootai {
  background-color: var(--rjidootai-bg-sub-03);
}