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

.miraito_fcRed {
  color: #db3a2a;
}

.miraito_fcBlue {
  color: #1c2788;
}

.miraito_rakukajiHeading {
  clear: both;
}

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

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

.miraito_rakukajiHeading.is-blue {
  background-color: #52c3f1;
}

.miraito_rakukajiHeading.is-blue:after {
  border-top-color: #52c3f1;
}

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

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

.miraito_rakukajiHeading.is-green {
  background-color: #34ada0;
}

.miraito_rakukajiHeading.is-green:after {
  border-top-color: #34ada0;
}

.miraito_column {
  position: relative;
}

.miraito_border {
  display: block;
  border-radius: 50px;
  padding: 8px 16px;
  font-size: 117.64706%;
  line-height: 150%;
}

.miraito_border.is-green {
  border: 5px solid #34ada0;
}

.miraito_border.is-pink {
  border: 5px solid #f74f84;
}

.f_size16 {
  font-size: 117.64706%;
  line-height: 150%;
}

/* ***************************
miraito_contentBox_01
*************************** */
.miraito_contentBox_01 .miraito_headBox {
  border: 4px solid #ec6e90;
  padding: 4px;
}

.miraito_contentBox_01 .miraito_headBox h2 {
  border: 2px solid #ec6e90;
  margin: 0;
  padding: 20px;
  position: relative;
}

.miraito_contentBox_01 .miraito_headBox h2 img:first-child {
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
}

/* ***************************
miraito_contentBox_02
*************************** */
.miraito_osojiBox {
  margin-top: 120px;
}

.miraito_osojiBox .miraito_column h4 {
  padding: 0 40px 0 40px;
  position: relative;
}

.miraito_osojiBox .miraito_column h4 strong {
  position: absolute;
  background-color: #81ad3c;
  color: #ffffff;
  border-radius: 20px;
  padding: 2px 5px 0px 5px;
  margin-right: 10px;
  left: 5px;
}

.miraito_osojiBox .miraito_column div:last-child {
  padding-left: 10px;
  position: relative;
}

.miraito_osojiBox .miraito_column div:last-child p:first-of-type {
  display: none;
}

/* ***************************
miraito_contentBox_03
*************************** */
.miraito_contentBox_03 .miraito_headBox {
  position: relative;
}

/* ***************************
miraito_plusBox
*************************** */
.miraito_plusBox {
  border-radius: 20px;
  position: relative;
  padding: 10px 20px 10px 20px;
}

.miraito_plusBox .miraito_column h4 img {
  margin-right: 5px;
  padding-bottom: 3px;
  vertical-align: middle;
}

.miraito_plusBox.is-green {
  background-color: #bfdeae;
}

.miraito_plusBox.is-orange {
  background-color: #fad4ba;
}

/* ***************************
miraito_contentBox_04
*************************** */
.miraito_contentBox_04 .miraito_headBox {
  margin: 0 auto;
  padding: 0 20px;
  background: url("/library/image/miraito/image/2022_spring/sugowaza/miraito_g04_img02.png") top left no-repeat;
}

.miraito_contentBox_04 .miraito_headBox p {
  font-size: 20px;
  padding-right: 20px;
  background: url("/library/image/miraito/image/2022_spring/sugowaza/miraito_g04_img03.png") bottom right no-repeat;
}

.miraito_contentBox_04 .miraito_makeBox {
  border: 4px solid #2ea7e0;
  border-radius: 20px;
  padding: 10px 20px;
}

.miraito_contentBox_04 .miraito_makeBox h3 {
  font-size: 20px;
}

.miraito_contentBox_04 .miraito_makeBox .miraito_column_item:first-child {
  text-align: center;
}

.miraito_contentBox_04 .miraito_makeBox .miraito_column_item:first-child span {
  display: block;
  vertical-align: middle;
}

.miraito_contentBox_04 .miraito_makeBox .miraito_column_item:first-child span img {
  margin-bottom: 10px;
}

.miraito_contentBox_04 .miraito_plusBox h3 {
  margin-bottom: 20px !important;
}

/* ***************************
miraito_contentBox_05
*************************** */
.miraito_contentBox_05 {
  border: 4px solid #eb6d8e;
  padding: 0 30px 10px 30px;
}

.miraito_contentBox_05 .miraito_column .miraito_labelBox {
  border-radius: 16px;
  background-color: #fff4f7;
  padding: 1px 15px;
  margin-bottom: 20px;
}

.miraito_contentBox_05 .miraito_column .miraito_labelBox h4 {
  padding: 0 0 0 35px;
  position: relative;
  color: #eb6d8e;
  font-size: 18px;
}

.miraito_contentBox_05 .miraito_column .miraito_labelBox h4 strong {
  font-size: 12px;
  position: absolute;
  border-radius: 20px;
  border: 2px solid #eb6d8e;
  padding: 0px 4px 0px 4px;
  margin-right: 10px;
  margin-top: 2px;
  left: 0px;
}