@charset "UTF-8";

/*------------------------------------------------------
  コンテンツ
------------------------------------------------------*/
#page-breath_bra .page-contents {
  max-width: 780px;
  margin: 0 auto;
}
@media screen and (max-width: 780px) {
  #page-breath_bra .page-contents {
    width: 100%;
  }
}

/*------------------------------------------------------
  CUSTOMER SERVICE
------------------------------------------------------*/
.customer-service {
  position: relative;
}
.customer-service .button_chat {
  position: absolute;
  right: 47px;
  bottom: 290px;
  width: 319px;
}
@media screen and (max-width: 780px) {
  .customer-service .button_chat {
    right: 5.641vw;
    bottom: 35.256vw;
    width: 38.462%;
  }
}

/*------------------------------------------------------
  Q&A
------------------------------------------------------*/
.qa {
  position: relative;
  margin-top: 117px;
}
.qa .qa-link {
  position: absolute;
  right: 86px;
  top: 593px;
  width: 239px;
}
@media screen and (max-width: 780px) {
  .qa {
    margin-top: 15vw;
  }
  .qa .qa-link {
    right: 10.256vw;
    top: 71.538vw;
    width: 29.231%;
  }
}

/*------------------------------------------------------
  video
------------------------------------------------------*/
.video {
  position: relative;
}
.video_wrapper {
  position: absolute;
  left: 50%;
  top: 273px;
  transform: translateX(-50%);
  max-width: 601px;
  width: 100%;
  aspect-ratio:16/9;
}
.video_wrapper iframe,
.video_wrapper video {
  width:100%;
  height:100%;
}
@media (width < 780px) {
  .video_wrapper,
  .video_wrapper {
    top: 35vw;
    width: 90%;
  }
}