/* ==========================================================
Fonts
========================================================== */
.m-plus, .sub-title, .under .box-title h3, .box h3 {
  font-family: 'M PLUS Rounded 1c', sans-serif; }

/* ==========================================================
PAGE TITLE
========================================================== */
.title-page {
  background-image: url(/common/images/header_title_juniorhighschool.jpg); }

/* SUB TITLE ------------------------------------------------*/
.sub-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  color: #0b318f;
  text-align: center;
  margin-bottom: 40px; }
  @media (max-width: 750px) {
    .sub-title {
      font-size: 32px;
      text-align: left; } }

.bar {
  border: none;
  border-bottom-width: 20px;
  border-bottom-style: solid;
  margin-bottom: 0; }

.bar-pink {
  border-color: #fcebeb; }

.bar-yellow {
  border-color: #fff6e2; }

.bar-yellowgreen {
  border-color: #f6f9e6; }

.bar-green {
  border-color: #e7f3e4; }

.bar-warter {
  border-color: #e5eff9; }

.bar-lavender {
  border-color: #e4e5f3; }

.bar-lilac {
  border-color: #f1e6f2; }

.big-title {
  font-size: 29px;
  line-height: 30px;
  font-weight: bold;
  line-height: 1.2em; }

.medium-title {
  font-size: 20px; }

.under .box-title {
  background-image: url(/common/images/icon_school@2x.png);
  background-size: 76.44px auto;
  background-repeat: no-repeat;
  padding-left: 96.44px;
  padding-bottom: 10px;
  position: relative; }
  .under .box-title * {
    line-height: 1em; }
  .under .box-title h3 {
    color: #0b318f;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 47px; }
    @media (max-width: 750px) {
      .under .box-title h3 {
        font-size: 40px; } }
  .under .box-title p.title-sub {
    font-size: 21px; }

.txt-blue {
  color: #0b318f; }

.txt-bold {
  font-weight: bold; }

.mb-0 {
  margin-bottom: 0; }
  .mb-0 li {
    margin-bottom: 0; }

/* elementaryschool ------------------------------------------------*/
.box h3 {
  font-size: 58px;
  font-weight: 700;
  line-height: 1.1;
  color: #0b318f;
  margin-bottom: 30px; }
  @media (max-width: 750px) {
    .box h3 {
      font-size: 45px; } }
  .box h3 span {
    background-image: url(/common/images/bar_rainbow.png);
    background-size: 100% 10px;
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    padding-bottom: 10px;
    width: 550px;
    max-width: 100%; }

.box p, .box li {
  text-align: justify; }
  .box p span, .box li span {
    color: #0b318f; }

.bg-blue {
  background: #f3f8fc; }