/* Scss Document */
#page_ttl h1 {
  background: url(../images/price/ico_page_ttl.png) top 1em center no-repeat;
}

.note li {
  margin-bottom: .5em;
  padding-left: 1em;
  text-indent: -1em;
}

#price .note li.txt-red {
  font-size: 1.6rem;
}
#price th.class {
  background: #FFE8E1;
}
#price td.price {
  width: 20%;
  text-align: center;
}
#price td.price1 {
  width: 15%;
  text-align: center;
}
#price td {
  text-align: center;
}
#price .kunien {
  padding: 20px 170px;
  background: url(../images/price/kunien_01.png) center right 20px no-repeat, url(../images/price/kunien_02.png) center left 30px no-repeat #e50012;
  border-radius: 10px;
}
#price .kunien h3 {
  color: #FFF;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
#price .kunien p {
  color: #FFF;
  font-size: 1.8rem;
}
#price .student {
  padding: 20px 60px;
  background: #8F70AE;
  border-radius: 10px;
}
#price .student p {
  color: #FFF;
  font-size: 1.8rem;
}
#price .student p.note {
  font-size: 1.4rem;
}

#event .content_inner {
  background: url(../images/price/event_bg.png) bottom 60px right 80px no-repeat, #FDFFE1;
}
#event .event_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  #page_ttl h1 {
    background: none;
  }

  #price .kunien {
    padding: 3.33vw;
    background: #e50012;
    -webkit-background-size: 15vw;
    background-size: 15vw;
  }
  #price .kunien h3 {
    margin-bottom: .5em;
    font-size: 2.0rem;
  }
  #price .kunien p {
    font-size: 1.6rem;
  }
  #price .student {
    padding: 3.33vw;
  }
  #price .student p {
    font-size: 1.6rem;
  }
  #price .student .flex_left {
    text-align: center;
  }

  #event .content_inner {
    padding-bottom: 90vw;
    background: url(../images/price/event_bg.png) bottom 0 right 0 no-repeat, #FDFFE1;
    background-size: 100%;
  }
  #event .event_list {
    flex-wrap: wrap;
    margin-bottom: 3vw;
  }
  #event .event_list_item {
    width: 49%;
  }
}