@charset "UTF-8";

/* ::: wrapBg :::: */
.wrapBg {
  background:
          url("../img/babyleaf/about/bg_02.png") 0 0 no-repeat,
          url("../img/babyleaf/about/bg_03.png") 100% 0 no-repeat,
          url("../img/babyleaf/about/bg_04.png") 0 35% no-repeat,
          url("../img/babyleaf/about/bg_05.png") 100% 37% no-repeat,
          url("../img/babyleaf/about/bg_06.png") 0 84% no-repeat,
          url("../img/babyleaf/about/bg_07.png") 100% 84% no-repeat;
  background-size:
          120px 820px,
          166px 795px,
          105px 1460px,
          201px 1650px,
          120px 860px,
          130px 860px;
}


/* ::: blockIntroduction :::: */
/* mainTtl */
.leafAbout .mainTtl {
  padding: 45px 15px 35px 15px;
}

/* introductionTxt */
.leafAbout .introductionTxt {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 87.18%;
  text-align: center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url("../img/babyleaf/about/bg_01.png") top center no-repeat;
  background-size: cover;
}

/* introTxt */
.introTxt {
  margin: 0 auto 15px auto;
  text-align: center;
  line-height: 1.8;
  letter-spacing: .1em;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0 0 1px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 3px rgba(255,255,255,1), 0 0 5px rgba(255,255,255,1), 0 0 10px rgba(255,255,255,1), 0 0 15px rgba(255,255,255,1), 0 0 20px rgba(255,255,255,1), 0 0 25px rgba(255,255,255,1), 0 0 30px rgba(255,255,255,1), 0 0 30px rgba(255,255,255,1);
}


/* ::: blockRecipe :::: */
.blockRecipe {
  margin: 35px 0 25px 0;
  background: url("../img/babyleaf/about/bg_08.png") 50% 0 no-repeat;
  background-size: 42px 1px;
}

/* blockTitle */
.blockRecipe .blockTitle {
  padding: 30px 28% 12px 28%;
}

.blockRecipe .blockTitle img {
  width: 100%;
}

/* useing */
.useing {
  margin: 0 22px 0 24px;
}

.useing li {
  width: 100%;
  margin-bottom: 5px;
  list-style: none;
}
.useing a {
  display: block;
}

.useing img {
  width: 100%;
}


/* ::: blockSingleLeaf :::: */
.blockSingleLeaf {
  padding: 1px 0;
  background: url("../img/babyleaf/about/bg_08.png") 50% 0 no-repeat;
  background-size: 42px 1px;
}

/* blockTitle */
.blockSingleLeaf .blockTitle {
  padding: 30px 28% 12px 28%;
}

.blockSingleLeaf .blockTitle img {
  width: 100%;
}

/* listLeaf */
.listLeaf {
  margin: 0 24px;
}

.listLeaf li {
  margin-bottom: 18px;
  padding: 20px 12px;
  list-style: none;
  border-radius: 1px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
  background-color: rgba(255,255,255,0.5);
}

.listLeaf li:last-child {
  margin-bottom: 0;
}

.imgLeaf {
  display: block;
  margin-bottom: 10px;
  padding: 0 10px;
  width: 100%;
}

.listLeaf .desc {
  padding-left: 5px;
  line-height: 1.8;
  font-size: 15px;
}