@charset "UTF-8";
/* アニメーションベンダープレフィックス込み指定 */
/* アニメーションベンダープレフィックス込み指定 */
/* page_01
----------------------------------*/
.page_01 .mtitle_big::after {
  border-bottom: 2px solid #296cb2;
}

.page_01 .mtitle_big span {
  color: #296cb2;
}

.page_01 .mtitle_small::before {
  background-color: #296cb2;
}

.page_01 .mtitle_ribon:before {
  border-color: transparent #163a5f transparent transparent;
}

.page_01 .mtitle_ribon span {
  background: #296cb2;
  color: #fff;
}

.page_01 .flow > li .icon.free {
  background-color: #296cb2;
  color: #333;
}

.page_01 .flow > li .icon.free::after {
  border-color: transparent transparent transparent #296cb2;
}

.page_01 .flow > li dl::before {
  background-color: #296cb2;
}

/* page_02
----------------------------------*/
.page_02 .mtitle_big::after {
  border-bottom: 2px solid #8ec5fc;
}

.page_02 .mtitle_big span {
  color: #8ec5fc;
}

.page_02 .mtitle_small::before {
  background-color: #8ec5fc;
}

.page_02 .mtitle_ribon:before {
  border-color: transparent #2b92f9 transparent transparent;
}

.page_02 .mtitle_ribon span {
  background: #8ec5fc;
  color: #333;
}

.page_02 .flow > li .icon.free {
  background-color: #8ec5fc;
  color: #333;
}

.page_02 .flow > li .icon.free::after {
  border-color: transparent transparent transparent #8ec5fc;
}

.page_02 .flow > li dl::before {
  background-color: #8ec5fc;
}

/* page_03
----------------------------------*/
.page_03 .mtitle_big::after {
  border-bottom: 2px solid #f093fb;
}

.page_03 .mtitle_big span {
  color: #f093fb;
}

.page_03 .mtitle_middle::after {
  background-color: #f093fb;
}

.page_03 .mtitle_small::before {
  background-color: #f093fb;
}

.page_03 .mtitle_ribon:before {
  border-color: transparent #e231f7 transparent transparent;
}

.page_03 .mtitle_ribon span {
  background: #f093fb;
  color: #333;
}

.page_03 .flow > li .icon.free {
  background-color: #f093fb;
}

.page_03 .flow > li .icon.free::after {
  border-color: transparent transparent transparent #f093fb;
}

.page_03 .flow > li dl::before {
  background-color: #f093fb;
}

/* page_04
----------------------------------*/
.page_04 .mtitle_big::after {
  border-bottom: 2px solid #004896;
}

.page_04 .mtitle_big span {
  color: #004896;
}

.page_04 .mtitle_small::before {
  background-color: #004896;
}

.page_04 .mtitle_ribon:before {
  border-color: transparent #001730 transparent transparent;
}

.page_04 .mtitle_ribon span {
  background: #004896;
  color: #333;
}

.page_04 .flow > li .icon.free {
  background-color: #004896;
}

.page_04 .flow > li .icon.free::after {
  border-color: transparent transparent transparent #004896;
}

.page_04 .flow > li dl::before {
  background-color: #004896;
}