@font-face {
  font-family: 'Fjalla One';
  src: url('/common/font/fjallaone-regular.eot');
  src: url('/common/font/fjallaone-regular.eot?#iefix') format('embedded-opentype'), url('/common/font/fjallaone-regular.woff') format('woff'), url('/common/font/fjallaone-regular.ttf') format('truetype'), url('/common/font/fjallaone-regular.svg#fjalla_oneregular') format('svg');
}
/* ==========================================================================
   Index
   ========================================================================== */
/* Merit
  ========================================================================== */
.merit {
  margin-top: 30px;
  padding: 0 40px;
}
.merit:first-child {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  body:not(.non-responsive) .merit {
    padding: 0 10px;
  }
}
.merit-title {
  padding: 10px;
  color: #fff;
  line-height: 1.3;
  font-size: 2.8em;
}
@media screen and (max-width: 768px) {
  body:not(.non-responsive) .merit-title {
    font-size: 1.6em;
  }
}
.merit-title.theme01 {
  background-color: #f7b800;
}
.merit-title.theme02 {
  background-color: #00beec;
}
.merit-title.theme03 {
  background-color: #4dc655;
}
.merit-title.theme04 {
  background-color: #f183ad;
}
/* Faq
  ========================================================================== */
.faq {
  margin-top: 30px;
}
.faq:first-child {
  margin-top: 0;
}
.faq .mod-accordion .mod-accordion_handle:before {
  content: none;
}
.faq .mod-accordion .mod-accordion_handle:hover {
  background-color: #f2f6fa;
}
/* Achievement
  ========================================================================== */
.achievement {
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  body:not(.non-responsive) .achievement {
    padding: 0 10px;
  }
}