body {
  background-color: #fcfcfc;
}

.inner {
  position: relative;
  max-width: 1380px;
  margin: 0 auto;
  padding-left: 5rem;
  padding-right: 5rem;
}

@media only screen and (max-width: 480px), only screen and (min-width: 481px) and (max-width: 768px) {
  .inner {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

.main-inner {
  position: relative;
  max-width: 1092px;
  margin: 0 auto;
  padding-left: 5rem;
  padding-right: 5rem;
}

@media only screen and (max-width: 480px), only screen and (min-width: 481px) and (max-width: 768px) {
  .main-inner {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

.yellow_border {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(60%, #fff333));
  background: linear-gradient(transparent 70%, #fff333 60%);
}

.yellow {
  color: #fff333;
}

.yellow-2 {
  color: #fffc00;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: 500;
}

.common-title-blue {
  background-color: #0187c9;
  color: #fcfcfc;
  text-align: center;
  font-weight: 500;
  padding-top: 4rem;
  padding-bottom: 3.3rem;
  font-size: 3.6rem;
  letter-spacing: .025em;
  border-radius: 5px;
  margin-bottom: 5.7rem;
  position: relative;
}

@media only screen and (min-width: 481px) and (max-width: 768px), only screen and (max-width: 480px) {
  .common-title-blue {
    font-size: 3rem;
    padding-top: 3rem;
    padding-bottom: 2.3rem;
  }
}

@media only screen and (max-width: 480px) {
  .common-title-blue {
    font-size: 2.4rem;
    padding-top: 2rem;
    padding-bottom: 1.3rem;
  }
}

@media only screen and (max-width: 480px), only screen and (min-width: 481px) and (max-width: 768px) {
  .pc {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}

.only_smp {
  display: none;
}

@media only screen and (max-width: 350px) {
  .only_smp {
    display: inline-block;
  }
}

.only_s {
  display: none;
}

@media only screen and (max-width: 480px) {
  .only_s {
    display: inline-block;
  }
}

.tab {
  display: none;
}

@media only screen and (max-width: 480px), only screen and (min-width: 481px) and (max-width: 768px) {
  .tab {
    display: inline-block;
  }
}

.orange {
  color: #ff9900;
}
/*# sourceMappingURL=style.css.map */