@media screen and (max-width: 750px) {
  /* leader
  --------------------------------------------------------- */
  .leader:after {
    background-image: url(../common_re/img/icon/icon_money_sp.png); }

  /* how
  ------------------------------------------- */
  #how {
    padding: 35px 0 0;
    background: url(../cost/img/bg_how_sp.jpg) center top no-repeat;
    background-size: 100%; }
    #how h2 + p {
      font-size: 15px;
      margin-bottom: 40px; }
    #how ul {
      text-align: center; }
      #how ul li {
        float: left;
        width: 48.5%; }
        #how ul li:nth-child(even) {
          float: right; }
        #how ul li:nth-child(n+3) {
          margin-top: 3%; }
        #how ul li a {
          display: block; }
          #how ul li a figcaption {
            border-top: 1px solid #dadada;
            border-left: 1px solid #dadada;
            border-right: 1px solid #dadada;
            border-bottom: 4px solid #ffe100;
            line-height: 1.3;
            font-weight: bold;
            font-size: 14px;
            padding: 10px 0;
            position: relative; }
            #how ul li a figcaption:after {
              content: "";
              display: block;
              width: 6px;
              height: 6px;
              border-top: 1px solid #000;
              border-right: 1px solid #000;
              -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
              position: absolute;
              top: 50%;
              right: 12px;
              margin-top: -4px; }
            #how ul li a figcaption span b {
              display: block;
              font-size: 13px;
              margin-top: 2px; }

  #cost {
    background: #f9f8f3; } }