@charset "utf-8";
#howto-grid {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(15, auto);
  grid-gap: 10px;
}
.howto_area img {
  max-width: 100%;
}
.hg-01 {
  grid-column: 1;
  grid-row: 1/4;
}
.hg-02 {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 2em;
  font-weight: 400;
  grid-column: 2;
  grid-row: 1;
}
.hg-03 {
  font-size: 1.1em;
  font-weight: 400;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column: 2;
  grid-row: 2;
}
.hg-04 {
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  grid-column: 2;
  grid-row: 3;
}
.hg-05 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  grid-column: 1;
  grid-row: 4/7;
}
.hg-06 {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 2em;
  font-weight: 400;
  grid-column: 2;
  grid-row: 4;
}
.hg-07 {
  font-size: 1.1em;
  font-weight: 400;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column: 2;
  grid-row: 5;
}
.hg-08 {
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  grid-column: 2;
  grid-row: 6;
}
.hg-09 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  grid-column: 1;
  grid-row: 7/10;
}
.hg-10 {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 2em;
  font-weight: 400;
  grid-column: 2;
  grid-row: 7;
}
.hg-11 {
  font-size: 1.1em;
  font-weight: 400;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column: 2;
  grid-row: 8;
}
.hg-12 {
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  grid-column: 2;
  grid-row: 9;
}
.hg-13 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  grid-column: 1;
  grid-row: 10/13;
}
.hg-14 {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 2em;
  font-weight: 400;
  grid-column: 2;
  grid-row: 10;
}
.hg-15 {
  font-size: 1.1em;
  font-weight: 400;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column: 2;
  grid-row: 11;
}
.hg-16 {
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  grid-column: 2;
  grid-row: 12;
}
.hg-17 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  grid-column: 1;
  grid-row: 13/16;
}
.hg-18 {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 2em;
  font-weight: 400;
  grid-column: 2;
  grid-row: 13;
}
.hg-19 {
  font-size: 1.1em;
  font-weight: 400;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column: 2;
  grid-row: 14;
}
.hg-20 {
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  grid-column: 2;
  grid-row: 15;
}
.clean {
  display: grid;
  place-items: center;
  background: url(../images/products/back.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  height: 450px;
}
#indegredients-grid {
  margin-top: 30px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(12, auto);
  grid-gap: 10px;
}
.ig-01 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1em;
  font-weight: 400;
  grid-column: 1;
  grid-row: 1;
}
.ig-02 {
  display: flex;
  justify-content: flex-start;
  font-size: 2.5em;
  font-weight: 400;
  grid-column: 2;
  grid-row: 1;
}
.ig-03 {
  border: solid 1px black;
  padding: 10px;
  grid-column: 1/3;
  grid-row: 2;
}
.ig-04 {
  grid-column: 1/3;
  grid-row: 3;
}
.ig-05 {
  padding: 10px;
  grid-column: 1/3;
  grid-row: 4;
}
.ig-06 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1em;
  font-weight: 400;
  grid-column: 1;
  grid-row: 5;
}
.ig-07 {
  display: flex;
  justify-content: flex-start;
  font-size: 2.5em;
  font-weight: 400;
  grid-column: 2;
  grid-row: 5;
}
.ig-08 {
  border: solid 1px black;
  padding: 10px;
  grid-column: 1/3;
  grid-row: 6;
}
.ig-09 {
  grid-column: 1/3;
  grid-row: 7;
}
.ig-10 {
  display: flex;
  flex-wrap: nowrap;
  padding: 10px;
  grid-column: 1/3;
  grid-row: 8;
}
.ig-11 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1em;
  font-weight: 400;
  grid-column: 1;
  grid-row: 9;
}
.ig-12 {
  display: flex;
  justify-content: flex-start;
  font-size: 2.5em;
  font-weight: 400;
  grid-column: 2;
  grid-row: 9;
}
.ig-13 {
  border: solid 1px black;
  padding: 10px;
  grid-column: 1/3;
  grid-row: 10;
}
.ig-14 {
  grid-column: 1/3;
  grid-row: 11;
}
.ig-15 {
  padding: 10px;
  grid-column: 1/3;
  grid-row: 12;
}
.indegredients-area {
  text-align: center;
  margin: 0 auto;
}
.indegredients-area img {
  max-width: 100%;
}
.indegredients-area p {
  font-size: 1.3em;
  font-weight: 400;
}
.indegredients-area p1 {
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: 400;
  color: peachpuff;
}
.indegredients-area p2 {
  font-size: 1.1em;
  line-height: 1.5em;
}
.indegredients-area p3 {
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: 600;
}
.tokkyo-area {
  text-align: center;
  margin: 0 auto;
}
.tokkyo-area img {
  max-width: 100%;
}
.tokkyo-area p1 {
  font-size: 1em;
  line-height: 1.5em;
}
.tokkyo-area p2 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.5em;
}
.tokkyo-area p3 {
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.5em;
  color: peachpuff;
}
.mixmatch {
  padding-top: 50px;
  text-align: center;
  margin: 0 auto;
}
.mixmatch img {
  max-width: 100%;
}
.mixmatch p1 {
  font-size: 1em;
}
.mixmatch p2 {
  font-size: 1.1em;
  font-weight: 400;
  color: #61729e;
}
.l-creams {
  padding-top: 55px;
  text-align: center;
  margin: 0 auto;
}
.l-creams img {
  max-width: 100%;
}
.l-creams p {
  font-size: 1em;
}
.l-creams p1 {
  font-size: 1.2em;
}
.l-creams p2 {
  font-size: 1em;
  color: #61729e;
}
.l-creams p3 {
  font-size: 1em;
  color: orange;
}
#l-cream-grid {
  margin-top: 30px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(4, auto);
  grid-gap: 10px;
}
.lc-grid01 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 125px;
  width: 125px;
  grid-column: 1;
  grid-row: 1/3;
}
.lc-gird02 {
  text-align: left;
  grid-column: 2;
  grid-row: 1;
}
.lc-gird03 {
  text-align: left;
  grid-column: 2;
  grid-row: 2;
}
.lc-grid04 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 125px;
  width: 125px;
  grid-column: 1;
  grid-row: 3/5;
}
.lc-gird05 {
  text-align: left;
  grid-column: 2;
  grid-row: 3;
}
.lc-gird06 {
  text-align: left;
  grid-column: 2;
  grid-row: 4;
}
.texture_box img {
  max-width: 100%;
}
.texture_box {
  text-align: center;
  margin: 0 auto;
}
.texture_box p1 {
  font-size: 1.1em;
}
.texture_box p2 {
  font-size: 1.2em;
  font-weight: 400;
}
.texture_box p3 {
  font-size: 1.3em;
  font-weight: 400;
  color: #61729e;
}
.texture_box p4 {
  font-size: 1.2em;
  font-weight: 400;
  color: #61729e;
}
.texture-flex {
  justify-content: center;
  align-content: center;
  display: flex;
  flex-wrap: wrap;
}
.t-flex-01 {
  margin: 10px;
  border: solid 3px #99AACB;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ftf-grid {
  border: solid 3px #FFDAB9;
  padding: 15px;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;
  grid-template-rows: repeat(8, auto);
  grid-template-columns: repeat(2, auto);
  grid-gap: 7px;
  max-width: 500px;
}
.ftfg-01 {
  display: flex;
  align-content: flex-start;
  justify-content: center;
  height: auto;
  width: 50px;
  font-size: 2.5em;
  color: peachpuff;
  grid-column: 1;
  grid-row: 1/3;
}
.ftfg-02 {
  text-align: left;
  font-size: 1em;
  font-weight: 400;
  grid-column: 2;
  grid-row: 1;
}
.ftfg-03 {
  text-align: left;
  font-size: 0.9em;
  grid-column: 2;
  grid-row: 2;
}
.ftfg-04 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: auto;
  width: 50px;
  font-size: 2.5em;
  color: peachpuff;
  grid-column: 1;
  grid-row: 3/5;
}
.ftfg-05 {
  text-align: left;
  font-size: 1em;
  font-weight: 400;
  grid-column: 2;
  grid-row: 3;
}
.ftfg-06 {
  text-align: left;
  font-size: 0.9em;
  grid-column: 2;
  grid-row: 4;
}
.ftfg-07 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: auto;
  width: 50px;
  font-size: 2.5em;
  color: peachpuff;
  grid-column: 1;
  grid-row: 5/7;
}
.ftfg-08 {
  text-align: left;
  font-size: 1em;
  font-weight: 400;
  grid-column: 2;
  grid-row: 5;
}
.ftfg-09 {
  text-align: left;
  font-size: 0.9em;
  grid-column: 2;
  grid-row: 6;
}
.ftfg-010 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: auto;
  width: 50px;
  font-size: 2.5em;
  color: peachpuff;
  grid-column: 1;
  grid-row: 7/9;
}
.ftfg-011 {
  text-align: left;
  font-size: 1em;
  font-weight: 400;
  grid-column: 2;
  grid-row: 7;
}
.ftfg-012 {
  text-align: left;
  font-size: 0.9em;
  grid-column: 2;
  grid-row: 8;
}
.ftfg-013 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: auto;
  width: 50px;
  font-size: 2.5em;
  color: #61729e;
  grid-column: 1;
  grid-row: 9/11;
}
.ftfg-014 {
  text-align: left;
  font-size: 1em;
  font-weight: 400;
  grid-column: 2;
  grid-row: 9;
}
.ftfg-015 {
  text-align: left;
  font-size: 0.9em;
  grid-column: 2;
  grid-row: 10;
}
.ftfg-016 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: auto;
  width: 50px;
  font-size: 2.5em;
  color: #61729e;
  grid-column: 1;
  grid-row: 11/13;
}
.ftfg-017 {
  text-align: left;
  font-size: 1em;
  font-weight: 400;
  grid-column: 2;
  grid-row: 11;
}
.ftfg-018 {
  text-align: left;
  font-size: 0.9em;
  grid-column: 2;
  grid-row: 12;
}
#container {
  font-size: 0.9em;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 5px;
}
.hero_area_caption p1 {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
}
.hero_area_caption_top {
  margin: 0 auto;
  text-align: center;
}
.hero_area_caption_top img {
  max-width: 100%;
}
.hero_area_caption_top p {
  padding: 30px 0 0 0;
  text-align: center;
  line-height: 2.3em;
  font-size: 1em;
}
.hero_area_caption_top p1 {
  font-size: 1.5em;
  font-weight: 500;
  color: peachpuff;
}
.hero_area_caption_top p2 {
  font-size: 1.5em;
  font-weight: 500;
}
.hero_area_caption_top p3 {
  font-size: 0.8em;
}
.hero_area_caption h2 {
  font-family: 'Lato', sans-serif;
  font-size: 46px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 1.2;
  margin: 0 0 30px;
  text-align: center;
  color: lightsalmon;
}
.hero_area_caption h3 {
  font-family: 'Lato', sans-serif;
  font-size: 36px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 1.2;
  margin: 0 0;
  text-align: center;
  color: #888C98;
}
.hero_flex01 {
  color: indianred;
  font-weight: 400;
  font-size: 5em;
  display: inline-block;
}
.hero_flex02 {
  vertical-align: top;
  display: inline-block;
}
.hero_area_product_caption {
  margin: 0 auto;
  text-align: center;
}
.hero_area_product_caption img {
  max-width: 100%;
}
.hero_area_product_caption p1 {
  font-size: 1em;
  line-height: 1.3em;
}
.hero_area_product_caption p2 {
  font-size: 6em;
  color: peachpuff;
  font-weight: 400;
}
.hero_area_product_caption p3 {
  font-size: 1em;
  line-height: 1.3em;
  font-weight: 500;
}
.hero_area_product_caption p4 {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.5em;
}
.hero_area_product_caption p5 {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.5em;
}
.hero_area_product_caption hr {
  height: 1px;
  background: linear-gradient(to right, white, gray, white);
  border: none;
}
.hero_area_caption h2 {
  font-family: 'Lato', sans-serif;
  font-size: 46px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 1.2;
  margin: 0 0 30px;
  text-align: center;
  color: indianred;
}
.hero_area_caption h3 {
  font-family: 'Lato', sans-serif;
  font-size: 36px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 1.2;
  margin: 0 0;
  text-align: center;
  color: #888C98;
}
.hero_flex01 {
  color: indianred;
  font-weight: 400;
  font-size: 5em;
  display: inline-block;
}
.hero_flex02 {
  vertical-align: top;
  display: inline-block;
}
.hero_area_product_caption {
  margin: 0 auto;
  text-align: center;
}
.hero_area_product_caption p1 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 50px;
}
.hero_area_product_caption p2 {
  font-size: 1.2em;
  color: indianred;
  font-weight: 400;
  line-height: 1.5em;
}
.hero_area_product_caption p3 {
  font-size: 0.9em;
  line-height: 1.3em;
}
.hero_area_product_caption p4 {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.5em;
}
.hero_area_product_caption p5 {
  font-size: 1em;
  color: #FFFFFF;
  font-weight: 300;
  line-height: 1.5em;
}
.hero_area_text {
  margin: 0 auto;
  padding: 4px;
  width: 90%;
  background: linear-gradient(-90deg, #FFFFFF, #ffb6c1, #FFFFFF);
}
.hero_area_product_caption img {
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
}
.hero_area_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.hero_area_new_caption_bg {
  background-image: url("../images/products/lavien_medinic_img.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  margin: 5% auto;
  width: 90%;
  height: 667px;
  position: relative;
}
.hero_area_new_caption_bg p {
  text-shadow: #ffffff 1px 0 10px;
  font-weight: 400;
}
.hero_area_new_caption_p {
  padding: 5%;
  padding-top: 15%;
  text-shadow: 1px 1px 0 #FFF;
}
.hero_area_new_caption_p2 {
  margin-top: -3%;
  text-align: center;
}
.hero_area_new_caption_p2 p {
  text-shadow: #ffffff 1px 0 10px;
  font-size: 1.0rem;
  padding-bottom: 3%;
  line-height: 1.8rem;
  font-weight: 400;
}
.hero_area_new_caption_p2 p:first-child {
  padding-bottom: 1%;
}
.hero_area_new_caption_p2 p:nth-child(2) {
  padding-top: 50px;
}
.hero_area_new_caption_p2 h4 {
  color: cornflowerblue;
  letter-spacing: 3px;
}
.hero_area_new_caption_p2 h3 {
  line-height: 0.7;
  font-size: 22px;
  color: cornflowerblue;
  letter-spacing: 3px;
}
.problems {
  text-align: center;
  margin: 0 auto;
}
.problems p1 {
  font-size: 1.2em;
  font-weight: 300;
  color: peachpuff;
}
.problems p2 {
  font-size: 1.5em;
  font-weight: 600;
  color: peachpuff;
}
.problems img {
  max-width: 100%;
}
.problems_area {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  text-align: left;
}
.problems_list {
  list-style-type: none;
}
.problems_list li {
  display: block;
  font-size: 1.1em;
  line-height: 2.3em;
  padding-left: 2.5em;
  background-image: url("../images/products/roller_problems_check.png");
  background-repeat: no-repeat;
  background-size: 1.7em;
  background-position: left center;
}
.haf_box {
  margin: 0 auto;
  width: 300px;
  padding: 3px;
  border: solid 1px;
  border-radius: 5px;
}
.hero_area_text {
  margin: 0 auto;
  width: 90%;
  background: linear-gradient(-90deg, #FFFFFF, #ffb6c1, #FFFFFF);
}
.hero_area_product_caption img {
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
}
.hero_area_flex {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.indegredients h4.lead2 {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  border-bottom: 1px solid #029EBD;
  margin: 0;
  letter-spacing: 1px;
}
.indegredients h4.lead2 {
  letter-spacing: 0;
  color: #64aa38;
  margin: 30px 0 35px;
}
.title_flex_center {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.title_flex_center.mgnb60 {
  margin-bottom: 60px;
}
.title_flex_center.mgnb40 {
  margin-bottom: 40px;
}
.title_flex_center.mgnb20 {
  margin-bottom: 20px;
}
.features {
  margin: 0 auto;
  text-align: center;
}
.features img {
  max-width: 100%;
  height: auto;
}
.features-b {
  margin: 5px;
  padding: 10px;
  background: linear-gradient(to left, white, gray, white)
}
.features p1 {
  font-size: 0.9em;
  line-height: 1.2em;
}
.features p2 {
  font-size: 1.2em;
  font-weight: 500;
}
.features p3 {
  font-size: 1em;
  color: peachpuff;
}
.features p4 {
  font-weight: 400;
  font-size: 1.2em;
  color: peachpuff;
}
.features p5 {
  font-weight: 200;
  font-size: 1em;
  color: white;
}
.amino-icon {
  margin: 0 auto;
}
.amino-01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.amino-02 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.amino-h1 {
  text-align: center;
  width: 350px;
  font-size: 0.9em;
  padding: 3px;
  border: 1px solid;
  border-radius: 5px;
}
.amino-h2 {
  color: indianred;
  padding: 5px;
  text-align: center;
  width: 350px;
  font-size: 1.5em;
  font-weight: 400;
}
.amino-t {
  text-align: center;
}
.amino-01 td {
  font-size: 0.9em;
  padding: 3px;
}

.peptide-icon {
  margin: 0 auto;
}
.peptide-01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.peptide-02 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.peptide-h1 {
  text-align: center;
  width: 350px;
  font-size: 0.9em;
  padding: 3px;
  border: 1px solid;
  border-radius: 5px;
}
.peptide-h2 {
  color: cornflowerblue;
  padding: 5px;
  text-align: center;
  width: 350px;
  font-size: 1.5em;
  font-weight: 400;
}
.peptide-t {
  text-align: center;
}
.peptide-01 td {
  font-size: 0.9em;
  padding: 3px;
}

.c-flex4-2 {
  display: flex;
  flex-wrap: nowrap;
}
.c-flex00 {
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.c-flex01 {
  margin: 0 auto;
}
.c-flex02 {
  text-align: center;
}
.c-flex02 p1 {
  font-size: 1em;
  font-weight: 400;
}
.c-flex02 p2 {
  font-size: 0.8em;
}
.c-flex02 p3 {
  font-size: 0.9em;
}

.cf6-3 {
  display: flex;
  flex-wrap: nowrap;
}
.cf6-1 {
  margin: 5px;
}
.cf6-t {
  text-align: center;
}
.cf6-t p1 {
  font-size: 1em;
  font-weight: 400;
}
.cf6-t p2 {
  font-size: 0.8em;
}

.howto {
  margin: 0 auto;
  text-align: center;
}
.howto img {
  max-width: 100%;
}
.howto-01 {
  width: 60%;
  border-collapse: separate;
  border-spacing: 5px;
}
.howto-ex {
  width: 70%;
}
.howto-ex th {
  vertical-align: middle;
  text-align: center;
  padding: 8px;
  border: 1px solid #CD5A5C;
}
.howto-ex td {
  vertical-align: middle;
  text-align: left;
  border: 1px solid #CD5A5C;
  box-sizing: border-box;
  padding: 7px;
}
.howto-01 td {
  vertical-align: middle;
  text-align: left;
  padding: 5px;
  border-bottom: 1px solid #EDAFB0;
  border-right: 1px solid #EDAFB0;
}
.howto-01 th {
  vertical-align: middle;
  text-align: center;
  padding: 5px;
}
.howto_list {
  text-align: left;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.howto_area {
  line-height: 1em;
  margin: 0 auto;
  text-align: center;
}
.howto_area p1 {
  line-height: 1.5em;
  font-size: 1em;
}
.howto_area p2 {
  font-weight: 400;
  font-size: 1.2em;
}
.howto_area p3 {
  line-height: 1.5em;
  font-size: 1em;
  color: peachpuff;
}
.howto_area p4 {
  font-size: 0.9em;
}
.howto_area p5 {
  font-size: 1em;
  font-weight: 400;
  color: antiquewhite;
}
.howto_area table {
  margin-left: auto;
  margin-right: auto;
}
.howto_r img {
  width: 90%;
}
.howto_r {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.howto_r_flex {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.howto_r_f00 {
  width: 155px;
  height: 250px;
}
.arrow {
  width: 30px;
  height: 30px;
}
.recommend_area img {
  width: 100%;
}
.recommend_area {
  color: aliceblue;
  padding: 25px;
  background: url("../medinic_line_multi_peptide_repair_cream/images/recommend.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: auto;
  text-align: center;
  height: 1200px;
  width: 700px;
  display: flex;
  margin: 0 auto;
}
.recommend_area h2 {
  padding: 15px;
  color: indianred;
}
.recommend_area p1 {
  font-size: 1.1em;
  font-weight: 400;
}
.recommend_area p2 {
  font-size: 0.9em;
}
.recommd_top {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.recommd_top_5-2 {
  display: flex;
  flex-wrap: nowrap;
}
.recommd_top_5-3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.rcm {
  padding: 15px;
}
.recommend_list {
  margin: 0 0 0 20px;
  text-align: left;
  list-style-type: none;
}
.recommend_list li {
  display: block;
  font-size: 1.3em;
  line-height: 2.3em;
  padding-left: 2.5em;
  background-image: url("../images/products/roller_problems_check.png");
  background-repeat: no-repeat;
  background-size: 2em;
  background-position: left center;
}
.recommend_area section_title h3 {
  margin: 0 auto;
  text-align: center;
}
.qa-img {
  width: 100%;
  text-align: center
}
.hero_area_new_caption_pc {
  display: block;
}
.hero_area_new_caption_sp {
  display: none;
}
@media(max-width: 1000px) {
  .about_inner {
    height: 56vw;
    background-size: 100%;
  }
  .about_icon_col {
    width: 20%;
  }
  .about_icon_col_icon {
    width: 70%;
  }
  .about_icon_col p {
    font-size: 11px;
  }
  .hero_area_caption h2 h3 {
    font-size: 6.2vw;
    margin: 0 0 10px;
  }
}

@media(max-width: 1280px) {
  .hero_area_caption h2 h3 {
    font-size: 3vw;
  }
}
@media(min-width: 768px) {
  .about_main_mobile {
    display: none;
  }
}
@media(max-width: 767px) {
  #howto-grid {
    margin-left: auto;
    margin-right: auto;
    width: 85%;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(1, auto);
    grid-template-rows: repeat(20, auto);
    grid-gap: 10px;
  }
  .hg-01 {
    grid-column: 1;
    grid-row: 1;
  }
  .hg-02 {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 2em;
    font-weight: 400;
    grid-column: 1;
    grid-row: 2;
  }
  .hg-03 {
    font-size: 1.1em;
    font-weight: 400;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column: 1;
    grid-row: 3;
  }
  .hg-04 {
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    grid-column: 1;
    grid-row: 4;
  }
  .hg-05 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    grid-column: 1;
    grid-row: 5;
  }
  .hg-06 {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 2em;
    font-weight: 400;
    grid-column: 1;
    grid-row: 6;
  }
  .hg-07 {
    font-size: 1.1em;
    font-weight: 400;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column: 1;
    grid-row: 7;
  }
  .hg-08 {
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    grid-column: 1;
    grid-row: 8;
  }
  .hg-09 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    grid-column: 1;
    grid-row: 9;
  }
  .hg-10 {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 2em;
    font-weight: 400;
    grid-column: 1;
    grid-row: 10;
  }
  .hg-11 {
    font-size: 1.1em;
    font-weight: 400;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column: 1;
    grid-row: 11;
  }
  .hg-12 {
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    grid-column: 1;
    grid-row: 12;
  }
  .hg-13 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    grid-column: 1;
    grid-row: 13;
  }
  .hg-14 {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 2em;
    font-weight: 400;
    grid-column: 1;
    grid-row: 14;
  }
  .hg-15 {
    font-size: 1.1em;
    font-weight: 400;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column: 1;
    grid-row: 15;
  }
  .hg-16 {
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    grid-column: 1;
    grid-row: 16;
  }
  .hg-17 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    grid-column: 1;
    grid-row: 17;
  }
  .hg-18 {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 2em;
    font-weight: 400;
    grid-column: 1;
    grid-row: 18;
  }
  .hg-19 {
    font-size: 1.1em;
    font-weight: 400;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column: 1;
    grid-row: 19;
  }
  .hg-20 {
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    grid-column: 1;
    grid-row: 20;
  }
  .clean {
    display: grid;
    place-items: center;
    background: url(../images/products/back.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 270px;
  }
  #ftf-grid {
    margin: 0 auto;
    align-content: start;
    justify-content: center;
    display: grid;
    grid-template-rows: repeat(8, auto);
    grid-template-columns: repeat(2, auto);
    grid-gap: 7px;
    max-width: 500px;
  }
  #l-cream-grid {
    margin-top: 30px;
    display: grid;
    place-items: center;
    grid-template-columns: repeat(1, auto);
    grid-template-rows: repeat(6, auto);
    grid-gap: 10px;
  }
  .lc-grid01 {
    display: flex;
    align-content: center;
    justify-content: center;
    grid-column: 1;
    grid-row: 1;
  }
  .lc-gird02 {
    text-align: center;
    grid-column: 1;
    grid-row: 2;
  }
  .lc-gird03 {
    text-align: left;
    grid-column: 1;
    grid-row: 3;
  }
  .lc-grid04 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 125px;
    width: 125px;
    grid-column: 1;
    grid-row: 4;
  }
  .lc-gird05 {
    text-align: center;
    grid-column: 1;
    grid-row: 5;
  }
  .lc-gird06 {
    text-align: left;
    grid-column: 1;
    grid-row: 6;
  }
  .howto_list {
    text-align: left;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
  #container {
    font-size: 0.9em;
    display: grid;
    grid-template-rows: repeat(9, 1fr);
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
  .hero_area_caption_top {
    margin-top: 30px;
  }
  .qa-img img {
    width: 100%;
    text-align: center
  }
  .howto-01 th, td {
    display: block;
    width: 100%;
  }
  .component6-3.pc {
    display: none;
  }
  .component6-3.sp {
    padding: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .component6-3.sp img {
    max-width: 110%;
  }
  .cf6-3.sp {
    display: flex;
    flex-wrap: nowrap;
  }
  .cf6-1.sp {
    margin: 10px;
  }
  .cf6-t.sp {
    text-align: center;
  }
  .cf6-t.sp p1 {
    font-size: 1.1em;
    font-weight: 400;
  }
  .cf6-t.sp p2 {
    font-size: 0.9em;
  }
  .features_head_flex {
    margin-top: 30px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
  }
  .fhf-01 {
    color: indianred;
    font-size: 4em;
    display: inline-block;
  }
  .fhf-02 {
    display: inline-block;
    line-height: 1em;
  }
  .fhf-02 span {
    font-size: 0.9em;
    vertical-align: -4px;
  }
  .ftf-00 {
    margin: 0 5%;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 10px;
  }
  .hero_area_flex img {
    max-width: 100%;
  }
  .hero_area_flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }

  .peptide-01 td {
    font-size: 0.9em;
    padding: 3px;
    display: block;
    width: 100%;
  }
  .peptide-01 th {
    display: block;
    width: 100%;
  }
  .hero_area_caption_bg {
    background-image: url("../medinic_line_amino_silk_skin_ampoule/images/caption_bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    height: 450px;
  }
  .features_collgen {
    margin: 0 auto;
    display: block;
    flex-direction: column;
  }
  .howto_body h4 {
    font-size: 17px;
  }
  .title_flex_center.mgnb40 {
    margin-bottom: 20px !important;
  }
  .hero_area.toning_mist .hero_area_caption p.lead {
    font-size: 13px;
  }
  .about_inner {
    margin: 0 auto 60px;
    position: relative;
    height: auto;
    background: none;
  }
  .about_icon_flex {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: static;
    left: 0;
    width: 100%;
  }
  .about_icon_col {
    width: 50%;
  }
  .about_icon_col_icon {
    width: 45%;
    margin-bottom: 5px;
  }
  .about_icon_col p {
    font-size: 11px;
  }
  .indegredients_title_inner h4 {
    font-size: 16px;
    padding: 10px 5px;
    line-height: 1.4;
  }
  .indegredients_title_inner h5 {
    font-size: 16px;
    line-height: 1.4;
  }
  .indegredients_single_flex {
    display: inline-block;
    margin: 0 auto;
  }
  .indegredients_single_thumb {
    width: 30%;
  }
  .indegredients_single_flex p {
    text-align: center;
  }
  .recommend_area {
    color: aliceblue;
    height: 800px;
    width: auto;
    margin: 0 auto;
    text-align: center;
  }
  .problems_area {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    text-align: left;
  }
  .problems_area h2 {
    line-height: 1.5em;
    margin: 0 auto;
    text-align: center;
  }
  .problems_list {
    margin: 0 0 0 3%;
    text-align: left;
    list-style-type: none;
  }
  .problems_list li {
    display: block;
    font-size: 1em;
    line-height: 1.2em;
    padding-left: 1.2em;
    background-image: url("../images/products/roller_problems_check.png");
    background-repeat: no-repeat;
    background-size: 1em;
    background-position: left center;
  }
  .recommend_area section_title h3 {
    margin: 0 auto;
    text-align: center;
  }
  .hero_area_product_caption_under {
    margin: 10px;
    text-align: left;
    background: url(../medinic_line_amino_silk_skin_ampoule/images/caption_img.jpg) no-repeat left center;
    background-size: cover;
    line-height: 1.3;
  }
  .hero_area_product_caption_under p {
    margin-left: 5%;
  }
  .hero_area_product_caption_under p1 {
    margin-left: 2%;
    font-family: serif;
    color: cornflowerblue;
    font-size: 2em;
  }
  .hero_area_product_caption_under p2 {
    margin-left: 4%;
    font-family: serif;
    color: inherit;
    font-size: 1.1em;
  }
  .hero_area_product_caption_under p3 {
    margin-left: 7%;
    color: cornflowerblue;
    font-size: 0.9em;
  }
  .hero_area_product_caption_under p4 {
    margin-left: 7%;
    font-family: serif;
    color: cornflowerblue;
    font-size: 1.3em;
  }
  .hero_area_product_caption_under p5 {
    margin-left: 7%;
    color: inherit;
    font-size: 1.3em;
  }
  .hero_area_product_caption_under p6 {
    margin-left: 7%;
    font-size: 1.2em;
    font-weight: 500;
  }
  .hero_area_product_caption_under p7 {
    margin-left: 7%;
    color: inherit;
    font-size: 0.8em;
  }
  .hero_area_product_caption_under p8 {
    margin-left: 7%;
    color: cornflowerblue;
    font-size: 1.5em;
  }
  .flex-col-4 {
    display: flex;
    flex-direction: column;
  }
  .features_text {
    margin: 0 auto;
  }
  .bubble img {
    width: 100%;
  }
  .w-text {
    margin: 0 auto;
    text-align: center;
    width: 70%;
    color: aliceblue;
    line-height: 1.5em;
    background: #79A4FA;
    font-size: 1em;
  }
  .step_up_flex {
    display: flex;
    flex-direction: column;
  }
  .step_up0 {
    display: flex;
    flex-wrap: nowrap;
  }
  .upgrade img {
    width: 100%;
  }
}
@media(max-width: 600px) {
  .hero_area_caption h2 {
    font-size: 38px;
    margin-bottom: 15px;
  }
  .hero_area_caption h3 {
    font-size: 30px;
  }
  .hero_area_new_caption_pc {
    display: none;
  }
  .hero_area_new_caption_sp {
    display: block;
  }
  .hero_area_product_caption {
    padding: 25px 20px;
    text-align: left;
  }
  .hero_area_new_caption_p2 p {
    width: 70%;
  }
  .hero_area_new_caption_p2 p {
    text-shadow: #ffffff 1px 0 10px;
    padding-bottom: 2%;
  }
  .hero_area_new_caption_p2 p {
    font-size: 0.9rem;
    line-height: 1.8rem;
    font-weight: 400;
    max-width: 390px;
    margin: 0 auto;
    padding-top: 5%;
  }
  .hero_area_caption.sp {
    margin-top: 6vw;
  }
}
@media(max-width: 500px) {
  .ig-10 img {
    max-width: 32vw;
  }
}