/* ***************************
common
*************************** */
.miraito_heading {
  border-bottom-color: #92bfe6;
}

.miraito_subHeading {
  background-color: #edf5fa;
  border-color: #cfd9e3;
}

.miraito_list.is-lightgreen li:before {
  background-color: #94c562;
}
.miraito_list.is-lightblue li:before {
  background-color: #96cae6;
}
.miraito_list.is-yellowgreen li:before {
  background-color: #ebe141;
}
.miraito_list.is-pink li:before {
  background-color: #eeb7ce;
}

/* ***************************
miraito_leadBox
*************************** */
.miraito_leadBox {
  position: relative;
  padding: 32px 0 0;
}

.miraito_leadBox_inner {
  padding: 32px 19px 30px;
  border: 6px solid #ddf0f3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.miraito_leadBox_img {
  position: absolute;
  margin: 0;
  top: 0;
  left: 24px;
}

.miraito_leadBox_ttl {
  font-size: 117.64706%;
  line-height: 150%;
  font-weight: bold;
}

.miraito_leadBox_text {
  margin-top: 10px;
}

/* ***************************
miraito_makeBox
*************************** */
.miraito_makeBox {
  display: table;
  width: 100%;
}
.miraito_makeBox + .miraito_makeBox {
  margin-top: 20px;
}

.miraito_makeBox_img {
  display: table-cell;
  width: 200px;
}

.miraito_makeBox_text {
  display: table-cell;
  padding-left: 10px;
}

/* ***************************
miraito_bgBox
*************************** */
.miraito_bgBox {
  position: relative;
  padding-top: 18px;
}

* + .miraito_bgBox {
  margin-top: 25px;
}

.miraito_bgBox_inner {
  display: table;
  width: 100%;
  padding: 10px 0;
  background: #e6f4fd;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.miraito_bgBox_before {
  position: absolute;
  top: 0;
  left: 0;
}

.miraito_bgBox_desc {
  display: table-cell;
  padding: 22px 17px 10px 25px;
  vertical-align: top;
}

.miraito_bgBox_ttl {
  font-size: 117.64706%;
  line-height: 150%;
  font-weight: bold;
  color: #1a2888;
}

.miraito_bgBox_text {
  margin-top: 4px;
  padding-top: 5px;
  border-top: 1px dotted #1a2888;
  color: #1a2888;
}

.miraito_bgBox_img {
  display: table-cell;
  width: 144px;
  padding: 0 21px;
  text-align: center;
  vertical-align: top;
}

/* ***************************
miraito_pointBox
*************************** */
.miraito_pointBox {
  display: table;
  width: 100%;
  margin-bottom: 28px;
  padding: 17px 20px 12px;
  border: 4px solid;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.miraito_pointBox.is-blue {
  border-color: #006bb6;
}
.miraito_pointBox.is-pink {
  border-color: #eb6d8e;
}

* + .miraito_pointBox {
  margin-top: 30px;
}

.miraito_pointBox_desc {
  display: table-cell;
}

.miraito_pointBox_ttl {
  font-size: 117.64706%;
  line-height: 150%;
}

.miraito_pointBox.is-blue .miraito_pointBox_ttl {
  color: #006bb6;
}
.miraito_pointBox.is-pink .miraito_pointBox_ttl {
  color: #eb6d8e;
}

.miraito_pointBox_text {
  margin-top: 5px;
  padding-top: 3px;
  border-top: 1px dotted #232323;
  font-size: 102.94118%;
  line-height: 172%;
}

.miraito_pointBox_img {
  display: table-cell;
  padding: 0 14px 0 44px;
}

/* ***************************
miraito_recoHead
*************************** */
.miraito_recoHead {
  padding-bottom: 3px;
  margin-bottom: 9px;
  border-bottom: 1px dashed #cccccc;
  font-size: 117.64706%;
  line-height: 150%;
  font-weight: bold;
}
.miraito_recoHead.is-green {
  color: #178e28;
}
.miraito_recoHead.is-pink {
  color: #d2568c;
}
.miraito_recoHead.is-brown {
  color: #6e4c17;
}
.miraito_recoHead.is-yellow {
  color: #caa01e;
}
