/* ***************************
common
*************************** */
.miraito_heading {
  border-bottom-color: #6a3a0d;
}

.miraito_border.is-green {
  border-color: #99d8d3;
}

.miraito_list.is-pink li:before {
  background: #e61273;
}

.miraito_list.is-brown li:before {
  background: #7c532c;
}

.miraito_list.is-green li:before {
  background: #99d8d3;
}

.miraito_makeList.is-bluegreen .miraito_makeList_symbol {
  color: #0fa599;
}

.miraito_fcBrown {
  color: #763b11;
}

.miraito_fcBlue {
  color: #1c2788;
}

.mt8 {
  margin-top: 8px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.miraito_textLine:after {
  height: 8px;
}

.miraito_textLine.is-white:after {
  background-color: #ffffff;
}

hr {
  clear: both;
  background-color: #6a3a0d;
}

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

/* ***************************
miraito_ColumnBox_01
*************************** */
.miraito_ColumnBox_01 {
  background-color: #fee694;
  padding: 40px 0;
}

.miraito_ColumnBox_01 .miraito_column {
  width: 800px;
  padding: 0 20px;
}

/* ***************************
miraito_ColumnBox_02
*************************** */
.miraito_ColumnBox_02 {
  margin-top: 75px;
  padding: 40px 20px 20px 20px;
  background: repeating-linear-gradient(0deg, #ffffff 0px, #ffffff 8px, #f3f2f7 8px, #f3f2f7 16px);
}

.miraito_ColumnBox_02 h2 img {
  margin-left: 40px;
}

.miraito_ColumnBox_02 .miraito_column .miraito_column_item {
  position: relative;
}

.miraito_ColumnBox_02 .miraito_column .miraito_column_item p:first-child {
  position: absolute;
  top: -50px;
  right: 20px;
}

.miraito_ColumnBox_02 .miraito_column .miraito_column_item:first-child p:first-child {
  right: auto;
  left: 20px;
}

/* ***************************
miraito_ColumnBox_03
*************************** */
.miraito_ColumnBox_03 {
  margin-top: 75px;
}

.miraito_ColumnBox_03 .miraito_headerBox_top,
.miraito_ColumnBox_03 .miraito_headerBox_bottom {
  margin: 0 auto;
  width: 828px;
  height: 45px;
  background: repeating-linear-gradient(90deg, #ffffff 0px, #ffffff 12px, #d8cadb 12px, #d8cadb 24px);
}

.miraito_ColumnBox_03 .miraito_headerBox {
  margin: 12px 0 6px 0;
  height: 196px;
  background: repeating-linear-gradient(0deg, #ffffff 0px, #ffffff 12px, #d8cadb 12px, #d8cadb 24px);
}

.miraito_ColumnBox_03 .miraito_headerBox .n_block {
  background-color: #ffffff;
  width: 770px;
  padding: 30px 0 6px 0;
  margin: 0 auto;
  height: 160px;
}

.miraito_ColumnBox_03 .miraito_heading {
  font-size: 161.76471%;
  line-height: 128%;
  border-color: #232323;
}

.miraito_ColumnBox_03 .miraito_heading img {
  vertical-align: middle;
}

.miraito_ingredientList.is-purple li:before {
  background-color: #b70e5e;
}

/* ***************************
miraito_ColumnBox_04
*************************** */
.miraito_ColumnBox_04 {
  background-color: #cce1bb;
  margin-top: 55px;
  padding: 50px 30px 5px 30px;
}

.miraito_ColumnBox_04 .miraito_headerBox {
  width: 780px;
  position: relative;
}

.miraito_ColumnBox_04 .miraito_headerBox p {
  position: absolute;
  right: 30px;
}

.miraito_ColumnBox_04 .miraito_headerBox p:first-child {
  width: 156px;
  position: absolute;
  left: 0;
}

.miraito_ColumnBox_04 .miraito_headerBox p:last-child {
  position: relative;
  right: 0;
  left: 0;
}

.miraito_ColumnBox_04 .miraito_column_item {
  width: 33%;
}

.miraito_ColumnBox_04 .miraito_column_item strong {
  font-size: 117.64706%;
  line-height: 150%;
  background-image: url("/library/image/miraito/image/2021_summer/feature/miraito_g04_bg02.png");
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 12px;
}

.miraito_ColumnBox_04 .miraito_column_item:first-child strong {
  background-image: url("/library/image/miraito/image/2021_summer/feature/miraito_g04_bg01.png");
  padding-bottom: 10px;
}

.miraito_ColumnBox_04 .miraito_column_item:last-child strong {
  background-image: url("/library/image/miraito/image/2021_summer/feature/miraito_g04_bg03.png");
  padding-bottom: 15px;
}

/* ***************************
miraito_ColumnBox_05
*************************** */
.miraito_ColumnBox_05 {
  margin-top: 140px;
  position: relative;
}

.miraito_ColumnBox_05 .miraito_heading {
  border-bottom-color: #487c8e;
}

.miraito_ColumnBox_05 .miraito_headerBox_top {
  position: absolute;
  margin: 0 auto;
  top: -70px;
  left: 110px;
  height: 310px;
  width: 620px;
  background-color: #b6e6c3;
  border-radius: 310px 310px 0 0;
  z-index: -1;
}

.miraito_ColumnBox_05 .miraito_headerBox {
  background-color: #b6e6c3;
  padding-bottom: 30px;
}

.miraito_ColumnBox_05 .miraito_headerBox_bottom {
  margin: 0 auto;
  width: 840px;
  height: 30px;
  background: repeating-linear-gradient(90deg, #dcf3e2 0px, #dcf3e2 8px, #ffffff 8px, #ffffff 16px);
}