.sec-plan li .item{ align-items: center; background-color: #f3f8fb; display: flex; justify-content: center; min-height: 4em;}
.sec-plan li .img{ display: flex; align-items: center; justify-content:flex-start;}
.sec-plan .annotation{ color: #808080; font-size: .7857em; margin-top: 1.5em; padding:0;}

@media screen and (max-width:767px){
  .sec-plan ul { display: flex; flex-direction: column; flex-wrap: wrap;}
  .sec-plan li { width: 100%; }
  .sec-plan li .item{ padding: 0 .5em;}
  .sec-plan li .wrap{ padding: 1em 0.5em 0.5em; display:inline-block;}
  .sec-plan li .img{ margin-top: 8px;}
  .sec-plan li .img img{ width:40%; margin: 0;}
  .sec-plan li .img span{ color: #808080; font-size: .7857em; margin-left: 8px;}
  .sec-coupon .c-coupon__data--bottom .c-code p { width: 100%; display: flex; white-space: nowrap; justify-content: space-between; margin-top: 1em;}
  .sec-coupon .c-coupon__data--bottom .c-code p span{ white-space: nowrap; width: calc(50% - .25em); }
  .sec-coupon .c-coupon__data--bottom .c-code p span.txt{ line-height:2.2; display: flex; justify-content: center; align-items: center;}
}
@media screen and (min-width:768px){
  .sec-plan ul {display: flex; flex-wrap: wrap;}
  .sec-plan li { width:100%; display: flex; margin: 2px 0;}
  .sec-plan li .item { font-size: .875em; width: 16%;}
  .sec-plan li .wrap{ padding: 0.5em 1.5538em;}
  .sec-plan li .img{ margin-top: 8px;}
  .sec-plan li .img img{ width:22%; margin:0;}
  .sec-plan li .img span{ color: #808080; font-size: .7857em; margin-left: 8px;}
  .sec-coupon .c-coupon__data--bottom p .label{ width: 9em; }
}