@charset "utf-8";

/*------------  campaign-list  ------------*/

#campaign-list { box-sizing: border-box; margin: 0 auto; padding: 35px 2% 10px; max-width: 1160px; }
#campaign-list .title { margin: 0 auto; padding: 0 0 30px; width: 338px; }
#campaign-list .campaign-inner { display: flex; flex-wrap: wrap; }
#campaign-list .block { box-sizing: border-box; padding: 0 1.5% 32px; width: 33.33333%; }
#campaign-list .block a { display: block; border-radius: 12px; overflow: hidden; background: #fff; }
#campaign-list .block .date { padding: 14px 5% 5px; font-size: 14px; line-height: 1.3; font-weight: 500; letter-spacing: 0.05em; }
#campaign-list .block .txt { padding: 0 5% 14px; font-size: 14px; font-weight: normal; line-height: 1.5; color:#323232; }

.btn-home { margin: 0 auto; padding: 0 0 70px; width: 320px; }
.btn-home a { display: block; height: 60px; background: url('/images/campaign/btn_home.png') no-repeat center #057eb0; background-size: 140px 18px; border-radius: 30px; text-indent: -9999px; overflow: hidden; }







@media screen and (max-width: 920px) {

  #campaign-list .title { width: 303px; }

}






@media screen and (max-width: 740px) {

  #campaign-list { padding: 20px 3% 5px; }
  #campaign-list .title { padding: 0 0 16px; width: 216px; }
  #campaign-list .campaign-inner { flex-direction: column; }
  #campaign-list .block { margin: 0 auto; padding: 0 2% 18px; width: auto; max-width: 480px; }
  #campaign-list .block .date { padding: 12px 3% 4px; font-size: 13px; }
  #campaign-list .block .txt { padding: 0 3% 12px; }

  .btn-home { padding: 0 0 30px; width: 260px; }
  .btn-home a { height: 48px; background-size: 108px 14px; border-radius: 24px; }

}