/* **
common
** */
.miraito_fcBrown {
  color: #7c4d22;
}

.miraito_fcRed {
  color: #db3a2a;
}

.miraito_fcBlue {
  color: #1c2788;
}

.miraito_rakukajiHeading.is-brown {
  background-color: #7c4d22;
}

.miraito_rakukajiHeading.is-brown:after {
  border-top-color: #7c4d22;
}

.miraito_rakukajiHeading.is-blue {
  background-color: #036eb8;
}

.miraito_rakukajiHeading.is-blue:after {
  border-top-color: #036eb8;
}

.miraito_rakukajiHeading.is-pink {
  background-color: #e85298;
}

.miraito_rakukajiHeading.is-pink:after {
  border-top-color: #e85298;
}

/* **
miraito_BeforeBox
** */
.miraito_BeforeBox {
  position: relative;
}

.miraito_BeforeBox img {
  position: absolute;
  left: 15px;
  top: -110px;
}

.miraito_BeforeBox span {
  background-image: linear-gradient(to top, #fff67f 0, #fff67f 5px, transparent 5px, transparent 100%);
  background-position: 0 -4px;
}

/* **
miraito_AfterBox
** */
.miraito_AfterBox,
.miraito_AfterBox2 {
  padding-top: 35px;
}
.miraito_AfterBox h3,
.miraito_AfterBox2 h3 {
  position: absolute;
  left: 25px;
  top: -35px;
  margin: 0;
}
.miraito_AfterBox .miraito_subHeading,
.miraito_AfterBox2 .miraito_subHeading {
  background-color: #ffffff;
  border: solid 1px #cccccc;
}

.miraito_AfterBox_inner,
.miraito_AfterBox2_inner {
  position: relative;
  padding: 70px 30px 30px 30px;
}
.miraito_AfterBox_inner {
  border-top: 6px solid #6c9bd2;
  background-color: #f1f8fc;
}
.miraito_AfterBox2_inner {
  border-top: 6px solid #e85298;
  background-color: #fdf5f8;
}