/**
 * NFC.css
 * createdAt: 2016.04.14
 * updatedAt: 2016.05.27
 * updatedAt: 2024.11.15
 */
 
/*========================================

  .mod-tab-menu

========================================*/
.mod-tab-menu li a {
  color: #000;
  background-color: #e3e3e3;
}
.mod-tab-menu li a.current {
  color: #fff;
  background-color: #5d5d5d;
}
.mod-tab-menu.bottom {
  margin-top: 90px;
}

@media (max-width: 640px) {
  .mod-tab-menu.bottom {
    margin-top: 50px;
  }
}

/*========================================

  article

========================================*/
article h1 {
  display: none;
}
article section {
  margin-top: 100px;
}
article h1 + section {
  margin-top: 50px;
}
article h2 {
  margin: 40px 0;
  font-size: 143.8%;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
}
article p {
  margin-top: 20px;
}
article .img-box + p {
  margin-top: 40px;
}
article ul.list {
  padding: 0 0 0 18px;
  font-size: 93.8%;
}
article .img-box {
  margin: 0 auto;
  line-height: 0;
  text-align: center;
}
article p + .img-box {
  margin-top: 40px;
}
article .img-box.max-w610 {
  max-width: 610px;
}
article .img-box img {
  width: 100%;
  height: auto;
}
article .logo-box {
  display: block;
  margin: 25px auto 0;
  width: 85px;
  line-height: 0;
}
article .logo-box img {
  width: 100%;
  height: auto;
}
article .center {
  text-align: center;
}
article .clearfix:after {
  content: '';
  clear: both;
  display: block;
}

@media (max-width: 640px) {
  article section {
    margin-top: 80px;
  }
  article h2 {
    margin: 40px 0 30px;
  }
}


/*========================================

  .definition

========================================*/
ul.definition {
  display: block;
  margin: 0;
  /*padding: 20px 65px;*/
  padding: 2.1052631% 6.8421052%;
  list-style: none;
  /*background: #ebf4f7;*/
}
ul.definition li {
  display: table;
  box-sizing: border-box;
  /*padding: 40px 0;*/
  padding: 4.8780487% 0;
  width: 100%;
  border-top: 1px solid #006bb3;
}
ul.definition li:first-child {
  border-top: none;
}
ul.definition strong {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  width: 245px;
  font-size: 137.5%;
  line-height: 1.2;
  color: #006bb3;
  background-color: #ffffff;
}
ul.definition p {
  display: table-cell;
  vertical-align: middle;
  font-size: 87.5%;
}

@media (max-width: 640px) {
  ul.definition {
    padding: 25px 20px;
  }
  ul.definition li {
    display: block;
    margin: 25px 0 0;
    padding: 25px 0 0;
  }
  ul.definition li:first-child {
    margin: 0;
    padding: 0;
  }
  ul.definition strong {
    display: block;
    padding-left: 0;
    width: auto;
  }
  ul.definition p {
    display: block;
  }
}