main .wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem; }
  main .wrap ul li {
    width: calc(32% - 3.5rem /3);
    margin-right: 3.5rem; }
    main .wrap ul li:nth-child(3n) {
      margin-right: 0; }
    main .wrap ul li:nth-child(-n+3) {
      margin-bottom: 7.5rem; }
    main .wrap ul li .type dt {
      font-weight: bold;
      font-size: 1.7rem;
      margin-bottom: .5rem; }
    main .wrap ul li .monthly {
      background: #b50005;
      display: flex;
      margin-top: 1rem; }
      main .wrap ul li .monthly dt, main .wrap ul li .monthly dd {
        width: 50%;
        font-weight: bold;
        text-align: center;
        color: #fff;
        padding: 5px; }
      main .wrap ul li .monthly dt {
        border-right: 1px solid #fff; }

@media screen and (max-width: 980px) {
  main .wrap ul li {
    width: calc(50% - 3.5rem /2);
    margin: 0 3.5rem 3.5rem 0 !important; }
    main .wrap ul li:nth-child(2n) {
      margin-right: 0 !important; }
    main .wrap ul li:nth-child(5), main .wrap ul li:last-child {
      margin-bottom: 0 !important; }
    main .wrap ul li img {
      display: block;
      margin: 0 auto 1rem; } }
@media screen and (max-width: 600px) {
  main .wrap ul {
    display: block; }
    main .wrap ul li {
      width: 100%;
      margin: 0 auto 2rem !important; }
      main .wrap ul li:last-child {
        margin-bottom: 0 !important; } }