@charset "UTF-8";

/* --------------- 共通 --------------- */
:root {
  --red: #d84848;
  --bred: #c00;
  --lred: #fbecec;

  --green: #1aa69a;
  --bgreen: #106961;
  --lgreen: #f2faf8;
  
  --bggrgn: #d6dddb;
  --bggr: #ebf3f1;
  --tbbggn: #e2eae8;
  --tbbgbl: #eaf6fd;  

  --blue: #0d72a6;  
  --lblue: #ddeff9;

  --yellow: #ff0;
}


/* --------------- CTA --------------- */

.cta {
  background: var(--bgor);
  padding: 1.5rem;
}

.cta li {
  margin: 1.5rem 0;
}
.cta li img {
  filter: drop-shadow(0 0.3rem 0.3rem #bbb);
}
.cta li:last-child img {
  filter: none;
}

.cta.f-cta {
  background: none;
  padding: 1.5rem 0;
}



/*----------------------------------------------------
タブレット用 750- 
----------------------------------------------------*/
@media screen and (min-width:750px) {

  /* --------------- CTA --------------- */
  .cta {
    padding: 5rem 1rem;
  }
  .cta ul {
    max-width: 144rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .cta li {
    width: 32%;
  }


  
}