/*
  /rakurakucloud/mailmarketing/asset/css/page/p-plan-fv.css
  planページFV＋次セクション用CSS
*/
/* おすすめプラン */
.p-plan {
  /* fv */
  .m-fv-lower {
    @media screen and (max-width: 840px) {
      padding: 40px 20px 90px;
    }
  }
  .m-fv-lower-cta {
    @media screen and (max-width: 840px) {
      top: -36px;
    }
    @media screen and (max-width: 600px) {
      top: -40px;
    }
  }
  .m-plan-table__tr--border {
    border: none;
  }
  .m-plan-table__head-th {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
  }
  .m-plan-table__large-th {
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    line-height: 2;
    @media screen and (max-width: 840px) {
      font-size: 40px;
    }
  }
  .m-plan-table__dots {
    background-image: radial-gradient(circle at center, var(--rmailmarketing-dark) 20%, transparent 20%);
    background-position: bottom right;
    background-repeat: repeat-x;
    background-size: 1em 0.3em;
    padding: 0 0 10px;
  }
  .m-plan-table__th {
    text-align: center;
    border-bottom: 2px solid var(--white);
    &:first-of-type {
      width: 20%;
      padding: 0;
    }
  }
  .m-plan-table__sub-th {
    font-size: 16px;
    padding: 15px 0px 15px 30px;
    @media screen and (max-width: 600px) {
      font-size: 14px;
    }
  }
}