/*Campaign*/
/*Breakpoints*/
.jumbotron {
  background-image: url("../img/2018campaign_summer/top-hero.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  min-height: 520px;
  background-color: #F5E800;
  padding: 8px;
  border-radius: 0; }
  .jumbotron-box.ie11 {
    max-width: none;
    padding: 0 1rem;
    width: 100%; }

.hero {
  min-height: 320px;
  background-color: #F5E800;
  padding: 8px;
  padding: 0;
  border-radius: 0; }
  .hero-box.ie11 {
    max-width: none;
    padding: 0 1rem;
    width: 100%; }

.importantsection {
  min-height: 400px; }
  .importantsection-box.ie11 {
    max-width: none;
    padding: 0 1rem;
    width: 100%; }

.featuresection {
  background-color: #FAFAEB; }
  .featuresection-box.ie11 {
    max-width: none;
    padding: 0 1rem;
    width: 100%; }

.feature__title {
  text-indent: 44px;
  position: relative; }
  .feature__title::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 32px;
    background-image: url("../img/2018campaign_summer/5th-title-icon.svg");
    background-repeat: none; }

#svg-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

.top-board {
  background-color: #fff;
  border: 4px solid #0086D0;
  border-radius: 16px; }
  .top-board__small {
    background-color: #fff;
    border: 3px solid #0086D0;
    border-radius: 8px; }

.records {
  background-color: #FF5050;
  border: 2px solid #FF5050;
  color: #fff;
  padding: 8px 8px;
  width: 108px;
  text-align: center; }
  .records__title {
    background-color: none;
    border: 2px solid #FF5050;
    color: #FF5050;
    padding: 8px 8px;
    width: 108px;
    text-align: center; }

.event-back {
  background-color: #fff;
  border-radius: 16px;
  z-index: 1; }
  .event-back__img {
    border-radius: 24px;
    position: relative;
    z-index: 2; }
  .event-back__character {
    position: absolute;
    z-index: 3;
    top: 168px;
    right: 32px; }
    @media (min-width: 768px) {
      .event-back__character {
        top: 24px;
        right: 24px; } }
    @media (min-width: 1200px) {
      .event-back__character {
        top: 72px;
        right: 24px; } }

.customersvoice-back {
  background-color: #fff;
  border-radius: 16px; }

.request_banner {
  background-color: #F5E800;
  border-radius: 16px; }

.appbar {
  background-color: #F5E800; }

.additional-course-back {
  background-repeat: no-repeat;
  background-position: 0 0;
  border: 3px solid #0086D0;
  border-radius: 8px; }

.underline {
  text-decoration: underline; }

.summerblue {
  color: #0086D0; }

.summerrightblue {
  color: #00a9d7; }

.summerred {
  color: #FF5050; }

.ikunopink {
  color: #e56d9f; }

.bg-summerblue {
  background-color: #0086D0; }

.bg-summerrightblue {
  background-color: #00a9d7; }

.border-top-bk {
  border-top: 2px solid #000; }

.border-top-summerblue {
  border-top: 2px solid #0086D0; }

.fab {
  position: fixed;
  bottom: 8px;
  right: 8px;
  z-index: 10; }
  .fabimg {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); }

.fadein3 {
  animation: fadeIn 3s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal; }

dl.price {
  list-style-type: none;
  padding-left: 0; }

.tag {
  padding: 2px 8px;
  color: #fff; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }