@charset "utf-8";
/* CSS Document */
.about_placenta {
  margin-bottom: 5rem;
}

.about_placenta_text,
.about_placenta_img,
.target {
  flex-basis: 48%;
}

.about_placenta_01 .about_placenta_text,
.about_placenta_02 .about_placenta_img,
.about_placenta_03 .target:first-child {
  margin-right: 4%;
}

.about_placenta_01,
.about_placenta_02 {
  margin-bottom: 3rem;
}

.about_placenta_text p {
  line-height: 2;
}

.about_placenta_text p:not(:last-child) {
  margin-bottom: 1.5em;
}

.about_placenta_03 .sec_ttl {
  margin-bottom: 1.5rem;
}

.placenta_effect,
.placenta_component {
  padding: 0 20px;
  text-align: center;
}

.placenta_effect {
  margin-bottom: 5rem;
}
.placenta_sec {
  max-width: 1000px;
  margin: 10px auto;
}
.placenta_table {
  width: 100%;
}
.placenta_table td,
.placenta_table th {
  text-align: center;
  border: 1px solid #ccc;
  padding: 10px 5px;
}
.placenta_table th {
  color: #e62e8b;
  width: 30%;
}
.placenta_list {
  display: flex;
  flex-flow: wrap;
  border: solid #ccc;
  border-width: 1px 0 0 1px;
}
.placenta_list li {
  border: 1px solid #ccc;
  border-width: 0 1px 1px 0;
  flex-grow: 1;
  color: #e62e8b;
  width: 24%;
  padding: 10px 0;
}
h3.sec_ttl {
  margin: 2rem auto;
}
@media screen and (max-width: 736px) {
  .about_placenta {
    margin-bottom: 3rem;
  }

  .about_placenta_text,
  .about_placenta_img,
  .target {
    flex-basis: auto;
  }

  .about_placenta_01 .about_placenta_text,
  .about_placenta_02 .about_placenta_img,
  .about_placenta_03 .target:first-child {
    margin-right: 0;
  }

  .about_placenta_02 {
    flex-direction: column-reverse;
  }

  .about_placenta_01,
  .about_placenta_02 {
    margin-bottom: 2rem;
  }

  .about_placenta_03 .target:first-child {
    margin-bottom: 2rem;
  }

  .about_placenta_text p {
    font-size: 0.75rem;
    margin-bottom: 1.5em;
  }

  .about_placenta_03 .sec_ttl {
    margin-bottom: 1rem;
  }

  .placenta_effect,
  .placenta_component {
    padding: 0;
  }

  .placenta_effect {
    margin-bottom: 3rem;
  }
}