/*Mv
=======================================================*/
.mv{
  position: relative;
  z-index: 0;
}
.mv-catch{
  width: 840px;
  margin: 0 auto;
  position: relative;
  color: #fff;
}
.mv-catch img{
  width: 100%;
  object-fit: contain;
}

@media screen and (max-width: 1000px){
}
@media screen and (max-width: 840px){
  .mv-catch{
    width: 100%;
  }
}

/*導入 intro
=======================================================*/
.intro-txt1{
  font-size: 54px;
  line-height: 1.4;
  margin: 30px 0 0;
  position: relative;
}
.intro-txt1::before{
  content: "";
  background: url(/wp-content/themes/b-pro/img/deco01.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  width: 10%;
  height: 80%;
  bottom: 0;
}
.intro-txt1::after{
  content: "";
  background: url(/wp-content/themes/b-pro/img/deco02.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  width: 10%;
  height: 80%;
  bottom: 0;
}
.intro-txt1 span.fc-p{
  display: block;
  font-size: 58px;
}
.intro-list{
  width: 800px;
  margin: 30px auto;
  background: #D6D2D2;
  text-align: left;
  position: relative;
  padding: 30px 0;
}
.intro-list::after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #D6D2D2;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.intro-list ul{
  width: fit-content;
  margin: 0 auto;
  line-height: 2;
}
.intro-list ul li{
  font-size: 20px;
  display: flex;
  align-items: center;
}
.intro-list ul li::before{
  content: "";
  background: url(/wp-content/themes/b-pro/img/deco03.png) no-repeat;
  background-size: contain;
  width: 35px;
  height: 25px;
}
.intro-revolution{
  background: url(/wp-content/themes/b-pro/img/intro-bg1.png);
  background-repeat: repeat;
  font-size: 27px;
  padding: 120px 0 100px;
  margin-top: -100px;
  margin-bottom: -50px;
}
.intro-revolution span.fc-p.bg-y{
  display: block;
  width: fit-content;
  margin: 10px auto;
  font-size: 32px;
}
.intro-revolution span.fc-p{
  font-size: 30px;
}
.intro-change span.marker-y1{
  display: block;
  width: fit-content;
  margin: 20px auto;
  font-size: 40px;
}
.intro-change-txt{
  font-size: 26px;
}
.intro-change-txt span.ff-NBo{
  font-size: 30px;
}
img.intro5{
  max-width: 840px;
  margin: 20px auto;
  object-fit: contain;
}

@media screen and (max-width: 768px){
  .intro-txt1{
    font-size: 24px;
  }
  .intro-txt1 span.fc-p{
    display: block;
    font-size: 28px;
    line-height: 1;
  }
  .intro-txt1::before{
    width: 40px;
    height: 60px;
  }
  .intro-txt1::after{
    width: 40px;
    height: 60px;
  }
  .intro-list{
    width: 90%;
    padding: 20px 0;
  }
  .intro-list::after{
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #D6D2D2;
    bottom: -15px;
  }
  .intro-list ul li{
    font-size: 13px;
  }
  .intro-list ul li::before{
    width: 25px;
    height: 15px;
  }
  .intro-revolution{
    font-size: 17px;
    padding: 100px 0 70px;
  }
  .intro-revolution span.fc-p.bg-y{
    font-size: 22px;
  }
  .intro-revolution span.fc-p{
    font-size: 20px;
  }
  .intro-change span.marker-y1{
    font-size: 22px;
  }
  .intro-change-txt{
    font-size: 15px;
  }
  .intro-change-txt span.ff-NBo{
    font-size: 22px;
  }
  img.intro5{
    max-width: 108%;
    width: 108%;
    margin-left: -8%;
  }
}

/*悩み trouble
=======================================================*/
.trouble-bust{
  position: relative;
  font-size: 45px;
  width: fit-content;
  margin: 0 auto;
}
.trouble-bust::before{
  content: "";
  background: url(/wp-content/themes/b-pro/img/deco04.png) no-repeat;
  background-size: contain;
  width: 44px;
  height: 50px;
  position: absolute;
  left: -20%;
  top: -20%;
}
.trouble-bust-flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.trouble-bust-flex-txt{
  text-align: left;
  margin: 50px 0;
}
.trouble-bust-flex-txt1{
  font-size: 26px;
  line-height: 2;
}
.trouble-bust-flex-txt2{
  font-size: 45px;
  margin-top: 30px;
  line-height: 1.5;
}
.trouble-bust-flex img{
  width: 35%;
  object-fit: contain;
  position: absolute;
  right: 0;
}
.trouble-effort{
  font-size: 26px;
  margin: 10px 0;
}
.trouble-despair{
  font-size: 32px;
  margin: 20px 0 10px;
  line-height: 1.5;
}
.trouble-despair span.fc-r{
  font-size: 38px;
}
.trouble-largebust{
  font-size: 35px;
}
.trouble-sns{
  background: url(/wp-content/themes/b-pro/img/troublesns-bg.png) no-repeat;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 50px;
  margin-top: 50px;
  margin-bottom: 40px;
}
.trouble-sns img{
  margin-top: -100px;
  margin-bottom: -100px;
  width: 750px;
  object-fit: contain;
}
.trouble-dream{
  position: relative;
  margin-bottom: 30px;
}
.trouble-dream-txt{
  position: absolute;
  z-index: 1;
  top: 37%;
  right: 20%;
  text-align: left;
  font-size: 22px;
}
.trouble6{
  max-width: 30%;
}
.trouble7{
  width: 750px;
}
.trouble-good{
  font-size: 40px;
  line-height: 1.3;
  margin-top: 10px;
  margin-bottom: 30px;
}
.trouble-good span.fc-p.ff-NSB{
  display: block;
  font-size: 50px;
}
.trouble-good span.marker-y1{
  font-size: 45px;
}
.trouble-sale{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 20px auto;
}
img.trouble-sale-img{
  width: 30%;
  margin: 0;
}
.trouble-sale-txt{
  text-align: left;
  font-size: 32px;
}
.trouble-easy{
  font-size: 28px;
  margin: 30px auto;
}
.trouble-easy-main{
  font-size: 38px;
}
.trouble-easy-main span.marker-y1{
  font-size: 45px;
}
.trouble-howtouse{
  padding: 30px 0;
}
.trouble-howtouse-intro{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.trouble-howtouse-intro-txt{
  font-size: 25px;
  text-align: left;
}
img.trouble-howtouse-intro-img{
  width: 23%;
  margin: 0;
}
.trouble-howtouse-list{
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
}
.trouble-howtouse-list img.num-img{
  width: 40px;
  margin: 0 20px 0 0;
  object-fit: contain;
}
.trouble-howtouse-list-txt{
  font-size: 20px;
  text-align: left;
}
.trouble-howtouse-list-point{
  position: relative;
  background: #fff;
}
.trouble-howtouse-list-point img.point-img{
  position: absolute;
  top: -25%;
}
.trouble-howtouse-list-point-txt{
  position: relative;
  z-index: 1;
  font-size: 20px;
  text-align: left;
  padding: 20px;
  margin-top: 20px;
}
.trouble-ideal{
  margin: 20px auto 40px;
}
.trouble-ideal-txt{
  font-size: 30px;
  margin-top: 30px;
  line-height: 2;
}

@media screen and (max-width: 768px){
  .trouble-bust{
    font-size: 25px;
  }
  .trouble-bust::before{
    width: 26px;
    height: 29px;
  }
  .trouble-bust-flex-txt{
    margin: 20px 0;
  }
  .trouble-bust-flex-txt1{
    font-size: 13px;
    line-height: 1.8;
  }
  .trouble-bust-flex-txt2{
    font-size: 22px;
    margin-top: 10px;
  }
  .trouble-bust-flex img{
    width: 22%;
  }
  .trouble-effort{
    font-size: 16px;
  }
  .trouble-despair{
    font-size: 15px;
  }
  .trouble-despair span.fc-r{
    font-size: 20px;
  }
  .trouble-largebust{
    font-size: 17px;
  }
  .trouble-sns{
    padding-top: 70px;
    margin-top: 30px;
  }
  .trouble-sns img{
    max-width: 125%;
    width: 125%;
    margin-left: -16%;
  }
  .trouble-dream-txt{
    top: 34%;
    right: 12%;
    font-size: 3vw;
  }
  .trouble-good{
    font-size: 20px;
  }
  .trouble-good span.fc-p.ff-NSB{
    font-size: 30px;
  }
  .trouble-good span.marker-y1{
    font-size: 25px;
  }
  .trouble-sale-txt{
    font-size: 17px;
  }
  .trouble-easy{
    font-size: 20px;
  }
  .trouble-easy-main{
    font-size: 19px;
  }
  .trouble-easy-main span.marker-y1{
    font-size: 23px;
  }
  .trouble-howtouse-intro-txt{
    font-size: 15px;
  }
  img.trouble-howtouse-intro-img{
    width: 25%;
  }
  .trouble-howtouse-list img.num-img{
    width: 25px;
    margin-right: 10px;
  }
  .trouble-howtouse-list-txt{
    font-size: 14px;
  }
  .trouble-howtouse-list-point-txt{
    font-size: 13px;
    padding: 10px;
    margin-top: 10px;
    line-height: 1.6;
  }
  .trouble-howtouse-list-point img.point-img{
    width: 30%;
    left: -3%;
  }
  .trouble-ideal-txt{
    font-size: 17px;
  }
}

@media screen and (max-width: 499px){
  .trouble-bust-flex img{
    width: 35%;
  }
  .trouble-dream-txt{
    top: 38%;
    right: 7%;
    font-size: 13px;
    line-height: 1.3;
  }
}

/*成分 component 
=======================================================*/
.component-eslatin{
  background: linear-gradient(164deg, rgba(249,156,156,1) 0%, rgba(235,69,140,1) 30%, rgba(117,85,213,1) 70%, rgba(223,148,241,1) 100%);
  padding-bottom: 40px;
}
.component-eslatin-txt{
  font-size: 30px;
  line-height: 1.7;
  padding: 40px 0 20px;
}
.component-eslatin-txt span.ff-NBo{
  font-size: 35px;
}
.component-eslatin-bubble{
  position: relative;
  background: #fff;
  width: fit-content;
  margin: 0 auto 40px;
  font-size: 30px;
  padding: 5px 20px;
}
.component-eslatin-bubble::after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #fff;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.component-eslatin-bubble span.ff-NEB{
  font-size: 35px;
}
.component-eslatin-square{
  font-size: 35px;
  width: fit-content;
  margin: 0 auto;
  padding: 5px 20px;
}
.component-chosen{
  background: url(/wp-content/themes/b-pro/img/component2-pc.jpg) no-repeat;
  background-size: cover;
  padding: 50px 0 300px;
  background-position: 100% 67%;
}
.component-chosen-txt{
  width: fit-content;
  font-size: 30px;
  padding: 5px 20px;
  margin-bottom: 20px;
}
.component-mote{
  background: url(/wp-content/themes/b-pro/img/component3-pc.png) ,linear-gradient(100deg, rgba(236,234,235,1) 15%, rgba(245,245,247,1) 50%);
  background-repeat: no-repeat, no-repeat;
  background-position: 24%, center;
  padding: 50px 0 200px;
  background-size: contain;
}
.component-mote-txt{
  color: #fff;
  font-size: 40px;
  background: #FF65C7;
  width: fit-content;
  margin-bottom: 50px;
  margin-left: auto;
  padding: 5px 20px;
  position: relative;
}
.component-mote-txt::after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 40px solid transparent;
  border-top: 50px solid #FF65C7;
  bottom: -40px;
  left: 4%;
  transform: rotate(23deg);
}
.component-mote-txt span.fc-y{
  font-size: 60px;
  line-height: 1.2;
}
.component-decollet{
  background: linear-gradient(150deg, rgba(249,156,156,1) 0%, rgba(235,69,140,1) 27%, rgba(117,85,213,1) 71%, rgba(223,148,241,1) 96%);
  padding: 50px 0;
}
.component-decollet-top-txt{
  font-size: 50px;
  line-height: 1.5;
  margin-bottom: 40px;
}
span.component-decollet-top-txt-s{
  font-size: 25px;
  display: block;
  margin-bottom: 10px;
}
.component-decollet-top-txt span.fc-y{
  font-size: 60px;
}
img.component4{
  width: 100%;
}
.component-decollet-approach{
  background:rgba(255,255,255,0.3);
}
.component-decollet-approach{
  position: relative;
  font-size: 40px;
  margin: 50px 0 130px;
  padding: 10px 0;
}
.component-decollet-approach::after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  border-top: 40px solid rgba(255, 255, 255, 0.3);
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
img.component5{
  width: 100%;
}
.component-science{
  display: flex;
  align-items: center;
  margin-top: 40px;
  justify-content: center;
}
.component-science img.component6{
  margin: 0;
}
.component-science-txt{
  text-align: left;
  font-size: 30px;
  margin-left: 30px;
  line-height: 1.6;
}
.component-science-txt span.tac{
  display: block;
  margin-top: -30px;
  margin-bottom: 10px;
}
span.component-science-txt-s{
  display: block;
  font-size: 26px;
  margin-top: 5px;
}
.component-science-txt .deco7{
  margin: 0;
}

@media screen and (max-width: 768px){
  .component-eslatin-txt{
    font-size: 18px;
    padding: 20px 0 10px;
  }
  .component-eslatin-txt span.ff-NBo{
    font-size: 21px;
  }
  .component-eslatin-bubble{
    font-size: 18px;
    margin: 0 auto 30px;
  }
  .component-eslatin-bubble::after{
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    bottom: -20px;
  }
  .component-eslatin-bubble span.ff-NEB {
    font-size: 20px;
  }
  .component-eslatin-square{
    font-size: 23px;
    padding: 5px 10px;
  }
  .component-chosen{
    background: url(/wp-content/themes/b-pro/img/component2.png) no-repeat;
    background-size: cover;
    padding: 40px 0 80px;
    background-position: 100%;
  }
  .component-chosen-txt{
    font-size: 15px;
    padding: 5px 10px;
  }
  .component-mote{
    background: url(/wp-content/themes/b-pro/img/component3.png) no-repeat;
    background-size: cover;
    padding: 50px 0 100px;
  }
  .component-mote-txt{
    font-size: 20px;
    padding: 5px 10px;
    margin-bottom: 35px;
  }
  .component-mote-txt::after{
    border-left: 0px solid transparent;
    border-right: 30px solid transparent;
    border-top: 40px solid #FF65C7;
    bottom: -30px;
  }
  .component-mote-txt span.fc-y{
    font-size: 29px;
  }
  .component-decollet{
    padding: 30px 0;
  }
  span.component-decollet-top-txt-s{
    font-size: 17px;
    margin-bottom: 0;
  }
  .component-decollet-top-txt{
    font-size: 26px;
    line-height: 1.7;
    margin-bottom: 30px;
  }
  .component-decollet-top-txt span.fc-y {
    font-size: 30px;
  }
  .component-decollet-approach{
    font-size: 20px;
    margin: 40px 0 70px;
  }
  .component-decollet-approach::after{
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 20px solid rgba(255, 255, 255, 0.3);
    bottom: -40px;
  }
  .component-science img.component6{
    width: 35%;
  }
  .component-science-txt{
    width: 58%;
    font-size: 15px;
    margin-left: 10px;
  }
  .component-science-txt .deco7{
    width: 60%;
  }
  .component-science-txt span.tac{
    margin-top: -10px;
  }
  span.component-science-txt-s{
    font-size: 14px;
    width: fit-content;
    margin-top: 0;
  }
}

/*購入
=======================================================*/
.purchase{
  background: url(/wp-content/themes/b-pro/img/purchase-bg.png) no-repeat;
  background-size: cover;
}
.purchase .common2{
  position: relative;
}
.bpro-item{
  position: absolute;
  left: 9%;
  top: 15%;
  width: 11%;
}
.purchase-wrap{
  padding: 20px;
}
img.purchase-ttl{
  width: 80%;
  margin: 0 -5% 0 auto;
}
.purchase-wrap img.purchase1{
  max-width: calc(100% + 20px);
  width: calc(100% + 20px);
}
a.purchase-btn{
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}
.purchase-note{
  text-align: left;
  padding: 20px 0 30px;
}

@media screen and (max-width: 768px){
  img.purchase-ttl{
    margin: 0 0 0 auto;
    max-width: 75%;
  }
  .bpro-item{
    left: 10%;
  }
  .purchase-wrap{
    padding: 10px;
  }
  .purchase-wrap img.purchase1 {
    max-width: calc(100% + 20px + -2%);
    width: calc(100% + 20px + -2%);
  }
  .purchase-note{
    font-size: 10px;
  }
}

/*お客様のお声 voice
=======================================================*/
.voice-wrap{
  background: #F9F9F9;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  text-align: left;
  padding: 30px;
  margin-bottom: 20px;
}
.voice-wrap:last-child{
  margin-bottom: 0;
}
.voice-img{
  width: 100px;
  object-fit: contain;
  margin: 0;
}
.voice-box{
  width: calc(100% - 120px);
}
.voice-box-name{
  font-size: 22px;
  height: 60px;
  line-height: 60px;
}
.voice-box-txt{
  font-size: 17px;
}
.voice-box-icon{
  display: flex;
  margin-top: 30px;
}
.voice-box-icon img {
  margin: 0 30px 0 0;
}

@media screen and (max-width: 768px){
  .voice-wrap{
    padding: 15px;
  }
  .voice-img{
    width: 50px;
  }
  .voice-box {
    width: calc(100% - 60px);
  }
  .voice-box-name {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  }
  .voice-box-txt {
    font-size: 11px;
  }
  .voice-box-icon{
    margin-top: 20px;
  }
  .voice-box-icon img {
    margin: 0 20px 0 0;
    height: 16px;
    object-fit: contain;
  }
}

/*よくある質問 faq
=======================================================*/
.faq-box{
  margin-bottom: 30px;
}
.faq-box:last-child{
  margin-bottom: 0;
}
.faq-q-box{
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
.faq-a-box{
  display: flex;
  align-items: flex-start;
  background: #FFF2FA;
  padding: 20px;
}
.faq-q-box img,
.faq-a-box img{
  object-fit: contain;
  width: 50px;
  margin: 0 20px 0 0;
}
.faq-q-box-txt{
  text-align: left;
  font-size: 20px;
}
.faq-a-box-txt{
  text-align: left;
  font-size: 17px;
}

@media screen and (max-width: 768px){
  .faq-a-box{
    padding: 15px;
  }
  .faq-q-box img,
  .faq-a-box img{
    width: 35px;
    margin: 0 10px 0 0;
  }
  .faq-q-box-txt{
    font-size: 15px;
  }
  .faq-a-box-txt{
    font-size: 13px;
  }
}

/*お試しできるチャンス chance
=======================================================*/
.chance-box-top{
  position: relative;
  width: fit-content;
  margin: 0 auto;
}
.chance-box-top-deco{
  position: absolute;
  left: 2%;
  width: fit-content;
  padding: 0 10px;
  font-size: 35px;
  transform: rotate(-9deg);
}
.chance-box-txt-top{
  font-size: 50px;
  line-height: 1.6;
  margin: 40px 0 30px;
}
.chance-box-txt-top span.ff-NBo{
  font-size: 55px;
}
.chance-box-txt-top-s{
  font-size: 35px;
}

@media screen and (max-width: 768px){
  .chance-box-top-deco{
    font-size: 19px;
    top: -7%;
    padding: 0 5px;
  }
  .chance-box-txt-top{
    font-size: 20px;
    margin: 30px 0 20px;
  }
  .chance-box-txt-top span.ff-NBo{
    font-size: 23px;
  }
  .chance-box-txt-top-s {
    font-size: 18px;
  }
}