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

.page_01 .mtitle_big span {
  color: #97e63e;
}

.page_01 .mtitle_small::before {
  background-color: #97e63e;
}

.page_01 .mtitle_ribon:before {
  border-color: transparent #63a816 transparent transparent;
}

.page_01 .mtitle_ribon span {
  background: #97e63e;
  color: #333;
}

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

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

.page_01 .flow > li dl::before {
  background-color: #97e63e;
}

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

.page_02 .mtitle_big span {
  color: #6db6ff;
}

.page_02 .mtitle_small::before {
  background-color: #6db6ff;
}

.page_02 .mtitle_ribon:before {
  border-color: transparent #0783ff transparent transparent;
}

.page_02 .mtitle_ribon span {
  background: #6db6ff;
  color: #333;
}

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

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

.page_02 .flow > li dl::before {
  background-color: #6db6ff;
}

/* 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 #009c57;
}

.page_04 .mtitle_big span {
  color: #009c57;
}

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

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

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

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

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

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