@charset "UTF-8";

.body_bath {
  background-size: 200% auto;
}

.ttl_ja {
  text-align: center;
}

main section {
  position: relative;
}

.content_inner {
  position: relative;
}

.voice-sec_ttl {
  color: rgba(34, 34, 34, 0.2);
  font-size: 110px;
  position: absolute;
  top: 0;
}

.voice_item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 4;
}

.voice_item_inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.voice_item p {
  text-align: center;
  position: absolute;
  font-weight: 600;
}

.voice_sec01_bg, .voice_sec02_bg01, .voice_sec02_bg02, .voice_sec04_bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 2;
}



@media print,
screen and (min-width:768px) {
  .ttl {
    padding: 318px 0 136px;
  }

  .voice-sec_ttl {
    font-size: 110px;
  }

  main section:nth-child(even) .voice-sec_ttl {
    left: -15px;
  }
  
  main section:nth-child(odd) .voice-sec_ttl {
    right: -8px;
  }

  .voice_item p {
    font-size: 18px;
    line-height: 1.9;
  }


  /* HAND SOAP PC */
  .voice_sec01 {
    margin-bottom: 100px;
  }

  .voice_sec01 .content_inner {
    height: 1112px;
  }

  .voice_sec01_img {
    width: 33%;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .voice_sec01_item01 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg01.png');
    width: 291px;
    height: 292px;
    right: 10.8%;
    top: 2%;
  }

  .voice_sec01_txt01 {
    width: 180px;
    left: 12%;
    top: 20%;
  }

  .voice_sec01_item02 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg01.png');
    width: 465px;
    height: 465px;
    left: -5%;
    top: 10%;
  }

  .voice_sec01_txt02 {
    width: 260px;
    left: 16%;
    top: 21%;
  }

  .voice_sec01_item03 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg03.png');
    width: 586px;
    height: 570px;
    left: 26%;
    top: 14%;
  }

  .voice_sec01_txt03 {
    width: 280px;
    left: 30%;
    top: 26%;
  }

  .voice_sec01_item04 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg02.png');
    width: 490px;
    height: 440px;
    right: -7%;
    top: 29%;
  }

  .voice_sec01_txt04 {
    width: 300px;
    left: 20%;
    top: 18%;
  }

  .voice_sec01_item05 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg02.png');
    width: 545px;
    height: 550px;
    left: 5%;
    bottom: 0%;
  }

  .voice_sec01_txt05 {
    width: 300px;
    left: 24%;
    top: 25%;
  }

  .voice_sec01_item06 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg01.png');
    width: 506px;
    height: 544px;
    right: 9%;
    bottom: -6.5%;
  }

  .voice_sec01_txt06 {
    width: 290px;
    left: 16%;
    top: 22%;
  }

  .voice_sec01_bg {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg_item01.png');
    width: 23%;
    height: 305px;
    right: -6%;
    top: -242px;
  }


  /* KITCHEN HERB PC */
  .voice_sec02 {
    margin-bottom: 100px;
  }

  .voice_sec02 .content_inner {
    height: 820px;
  }

  .voice_sec02_img {
    width: 47%;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .voice_sec02_item01 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg02.png');
    width: 450px;
    height: 383px;
    right: -6%;
    top: 13%;
  }

  .voice_sec02_txt01 {
    width: 220px;
    left: 27%;
    top: 21%;
  }

  .voice_sec02_item02 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg01.png');
    width: 450px;
    height: 383px;
    left: 9.7%;
    top: 18.4%;
  }

  .voice_sec02_txt02 {
    width: 225px;
    left: 20%;
    top: 24%;
  }

  .voice_sec02_item03 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg04.png');
    width: 614px;
    height: 572px;
    right: 10%;
    bottom: -8%;
  }

  .voice_sec02_txt03 {
    width: 290px;
    left: 13%;
    top: 25%;
  }

  .voice_sec02_bg01 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg_item02.png');
    width: 680px;
    height: 771px;
    left: -144px;
    top: -450px;
  }

  .voice_sec02_bg02 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg_item03.png');
    width: 29%;
    height: 409px;
    right: -9%;
    bottom: -76px;
  }


  /* RECEL HERB PC */
  .voice_sec03 .content_inner {
    height: 871px;
  }

  .voice_sec03_img {
    width: 48%;
    position: absolute;
    right: -3.5%;
    bottom: 0;
  }

  .voice_sec03_item01 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg02.png');
    width: 450px;
    height: 383px;
    right: 16%;
    top: 9%;
  }

  .voice_sec03_txt01 {
    width: 200px;
    left: 29%;
    top: 25%;
  }

  .voice_sec03_item02 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg05.png');
    width: 586px;
    height: 592px;
    left: -3.7%;
    top: 20.5%;
  }

  .voice_sec03_txt02 {
    width: 285px;
    left: 28%;
    top: 23%;
  }

  .voice_sec03_item03 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg01.png');
    width: 291px;
    height: 292px;
    right: 37%;
    bottom: 14%;
  }

  .voice_sec03_txt03 {
    width: 190px;
    left: 12%;
    top: 24%;
  }

  /* MY HERB PC */
  .voice_sec04 {
    margin-bottom: 400px;
  }

  .voice_sec04 .content_inner {
    height: 756px;
  }

  .voice_sec04_img {
    width: 42%;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .voice_sec05_img {
    width: 50%;
    position: absolute;
    right: 0;
    bottom: -30%;
  }

  .voice_sec04_item01 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg01.png');
    width: 347px;
    height: 389px;
    left: 16%;
    top: 3%;
  }

  .voice_sec04_txt01 {
    width: 200px;
    left: 17%;
    top: 25.5%;
  }

  .voice_sec04_item02 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg06.png');
    width: 462px;
    height: 627px;
    right: 27%;
    bottom: 4%;
  }

  .voice_sec04_txt02 {
    width: 280px;
    left: 15%;
    top: 49%;
  }

  .voice_sec04_item03 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg02.png');
    width: 450px;
    height: 422px;
    right: -4.5%;
    top: 23%;
  }

  .voice_sec04_txt03 {
    width: 240px;
    left: 24%;
    top: 26%;
  }

  .voice_comment {
    font-size: 18px;
    position: absolute;
    bottom: -10%;
    left: 7%;
    z-index: 5;
  }

}

@media screen and (max-width:767px) {
  .ttl {
    padding: 150px 0 40px;
  }

  .content_inner {
    max-width: 415px;
  }

  .voice-sec_ttl {
    font-size: 40px;
  }

  main section:nth-child(even) .voice-sec_ttl {
    left: -5px;
  }
  
  main section:nth-child(odd) .voice-sec_ttl {
    right: -5px;
  }

  .voice_item p {
    font-size: 14px;
    line-height: 1.8;
  }

  /* HAND SOAP SP */
  .voice_sec01 {
    margin-bottom: 50px;
  }

  .voice_sec01 .content_inner {
    height: 1600px;
  }

  .voice_sec01_img {
    width: 80%;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .voice_sec01_item01 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg01.png');
    width: 200px;
    height: 190px;
    right: -7%;
    top: 0%;
  }

  .voice_sec01_txt01 {
    width: 140px;
    left: 9%;
    top: 19%;
  }

  .voice_sec01_item02 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg07.png');
    width: 292px;
    height: 340px;
    left: -2%;
    top: 4%;
  }

  .voice_sec01_txt02 {
    width: 210px;
    left: 11%;
    top: 30%;
  }

  .voice_sec01_item03 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg08.png');
    width: 500px;
    height: 500px;
    right: -43%;
    top: 12%;
  }

  .voice_sec01_txt03 {
    width: 220px;
    left: 21%;
    top: 42%;
  }

  .voice_sec01_item04 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg02.png');
    width: 400px;
    height: 380px;
    left: -20%;
    top: 35%;
  }

  .voice_sec01_txt04 {
    width: 235px;
    left: 22%;
    top: 20%;
  }

  .voice_sec01_item05 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg09.png');
    width: 380px;
    height: 385px;
    right: -12%;
    top: 49%;
  }

  .voice_sec01_txt05 {
    width: 235px;
    left: 23%;
    top: 28%;
  }

  .voice_sec01_item06 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg01.png');
    width: 370px;
    height: 370px;
    left: -8%;
    top: 66.5%;
  }

  .voice_sec01_txt06 {
    width: 235px;
    left: 13%;
    top: 20%;
  }

  .voice_sec01_bg {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg_item01.png');
    width: 50%;
    height: 305px;
    right: -25%;
    top: -320px;
  }


  /* KITCHEN HERB SP */
  .voice_sec02 {
    margin-bottom: 50px;
  }

  .voice_sec02 .content_inner {
    height: 900px;
  }

  .voice_sec02_img {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .voice_sec02_item01 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg10.png');
    width: 365px;
    height: 281px;
    right: 0;
    top: 3.5%;
  }

  .voice_sec02_txt01 {
    width: 175px;
    left: 45%;
    top: 23%;
  }

  .voice_sec02_item02 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg01.png');
    width: 275px;
    height: 275px;
    left: -6%;
    top: 23%;
  }

  .voice_sec02_txt02 {
    width: 181px;
    left: 12%;
    top: 24%;
  }

  .voice_sec02_item03 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg11.png');
    width: 340px;
    height: 370px;
    right: -18%;
    top: 46%;
  }

  .voice_sec02_txt03 {
    width: 220px;
    left: 12%;
    top: 23%;
  }

  .voice_sec02_bg01 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg_item02_sp.png');
    width: 40%;
    height: 175px;
    left: -18%;
    top: -135px;
  }


  /* RECEL HERB SP */
  .voice_sec03 .content_inner {
    height: 830px;
  }

  .voice_sec03_img {
    width: 95%;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .voice_sec03_item01 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg12.png');
    width: 430px;
    height: 265px;
    left: -22%;
    top: 6%;
  }

  .voice_sec03_txt01 {
    width: 160px;
    left: 22%;
    top: 25%;
  }

  .voice_sec03_item02 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg13.png');
    width: 363px;
    height: 377px;
    right: -13%;
    top: 22.5%;
  }

  .voice_sec03_txt02 {
    width: 205px;
    left: 25%;
    top: 20.5%;
  }

  .voice_sec03_item03 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg01.png');
    width: 250px;
    height: 230px;
    left: 0%;
    top: 55%;
  }

  .voice_sec03_txt03 {
    width: 150px;
    left: 15%;
    top: 22%;
  }

  /* MY HERB SP */
  .voice_sec04 {
    margin-bottom: 100%;
  }

  .voice_sec04 .content_inner {
    height: 800px;
  }

  .voice_sec04_img {
    width: 90%;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .voice_sec05_img {
    width: 95%;
    position: absolute;
    right: 0;
    top: 105%;
  }

  .voice_sec04_item01 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg14.png');
    width: 338px;
    height: 228px;
    right: -5%;
    top: 4%;
  }

  .voice_sec04_txt01 {
    width: 145px;
    right: 9%;
    top: 19%;
  }

  .voice_sec04_item02 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg15.png');
    width: 341px;
    height: 293px;
    left: -3%;
    top: 22%;
  }

  .voice_sec04_txt02 {
    width: 220px;
    left: 8%;
    top: 30%;
  }

  .voice_sec04_item03 {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg02.png');
    width: 350px;
    height: 350px;
    right: -17.5%;
    top: 50%;
  }

  .voice_sec04_txt03 {
    width: 187px;
    left: 23%;
    top: 30%;
  }

  .voice_sec04_bg {
    background-image: url('/jpn/consumer/products/bath/voice/images/bg_item03.png');
    width: 50%;
    height: 305px;
    left: -25%;
    top: -150px;
  }

  .voice_comment {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 5%;
    z-index: 2;
  }

}