@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?dlnjoj");
  src: url("fonts/icomoon.eot?dlnjoj#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?dlnjoj") format("truetype"), url("fonts/icomoon.woff?dlnjoj") format("woff"), url("fonts/icomoon.svg?dlnjoj#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.convenienceStore {
  margin: 20px auto;
  padding: 20px;
  border: 1px solid #E0E0E0;
}

.convenienceStore__figure {
  text-align: center;
}

.convenienceStore__figure img {
  max-width: 560px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .convenienceStore__figure img {
    max-width: 280px;
  }
}

.convenienceStore__complement {
  display: table;
  margin: 0 auto;
  table-layout: fixed;
}

.convenienceStore__icon {
  display: table-cell;
  vertical-align: middle;
  width: 85px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .convenienceStore__icon {
    width: 45px;
  }
}

.convenienceStore__txt {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .convenienceStore__txt {
    font-size: 12px;
    line-height: 1.5;
  }
}

.convenienceStore .list--img {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .convenienceStore .list--img {
    margin-right: -14px;
    margin-bottom: 0;
  }
}

.convenienceStore .list--img li {
  display: inline-block;
  letter-spacing: 0;
  margin-right: 2em;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .convenienceStore .list--img li li {
    margin-right: 14px;
  }
}

.creditCardList {
  margin: 20px auto;
  padding: 20px;
  border: 1px solid #E0E0E0;
}

@media screen and (max-width: 768px) {
  .creditCardList {
    padding: 20px 0;
  }
}

.creditCardList ul {
  margin: 0 0 -40px;
  letter-spacing: -.4em;
}

@media screen and (max-width: 768px) {
  .creditCardList ul {
    margin-bottom: -20px;
  }
}

.creditCardList li {
  display: inline-block;
  width: 12.5%;
  margin-bottom: 40px;
  letter-spacing: 0;
  text-align: center;
  vertical-align: top;
}

@media screen and (max-width: 1279px) {
  .creditCardList li {
    width: 14.285%;
  }
}

@media screen and (max-width: 1179px) {
  .creditCardList li {
    width: 16.66%;
  }
}

@media screen and (max-width: 768px) {
  .creditCardList li {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 567px) {
  .creditCardList li {
    width: 20%;
  }
}

@media screen and (max-width: 374px) {
  .creditCardList li {
    width: 25%;
  }
}

.creditCardList__item img {
  width: 40px;
}

.creditCardList__name {
  margin-top: 7px;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .creditCardList__name {
    margin-top: 6px;
    font-size: 10px;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
}

@media screen and (max-width: 768px) {
  ul.list--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
  }
  ul.list--inline > li {
    margin-left: .5em;
    margin-right: .5em;
    margin-bottom: 20px;
  }
  ul.list--inline > li:last-child {
    margin-bottom: 0;
  }
  ul.list--inline img {
    height: 45px;
    width: auto;
  }
}