@charset "UTF-8";

/*--------------------------
>>  mqcontents
--------------------------*/

/*--------------------Reset*/
* {
  margin: 0px;
  padding: 0px;
}

#commonFooter {
  margin-top: 0 !important;
}

#mq_larocheposay section {
  padding: 0 !important;
}

/*--------------------Common*/

#mq_larocheposay {
  width: 100%;
  line-height: 1;
  word-break: normal;
  line-break: strict;
  /*position: relative;*/
  color: 000;
  overflow: hidden;
  backface-visibility: hidden;/* animation時のにじみ防止 */
  -webkit-backface-visibility: hidden;/* animation時のにじみ防止 */
  -webkit-font-smoothing: antialiased;/* animation時の文字にじみ防止 */
  -moz-osx-font-smoothing: grayscale;/* animation時の文字にじみ防止 */
}

#mq_larocheposay img {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
  width: 100%;
  height: auto;
  backface-visibility: hidden;/* animation時のにじみ防止 */
  -webkit-backface-visibility: hidden;/* animation時のにじみ防止 */
  -webkit-font-smoothing: antialiased;/* animation時の文字にじみ防止 */
  -moz-osx-font-smoothing: grayscale;/* animation時の文字にじみ防止 */
}

#mq_larocheposay p {
  font-size: 3.75vw;
  line-height: 1.5;
}

#mq_larocheposay .credit {
  font-size: 3.125vw;
  line-height: 1.5;
}

#mq_larocheposay .bold {
  font-weight: bold;
}


#mq_larocheposay .sup {
  font-size: 75.5%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}

#mq_larocheposay .is-pc {
  display: none;
}

#mq_larocheposay .is-sp {
  display: block;
}


#mq_larocheposay br.is-pc {
  display: none;
}

#mq_larocheposay br.is-sp {
  display: inline-block;
}



/*Clearfix*/
#mq_larocheposay .cf:before,
#mq_larocheposay .cf:after {
  content: "";
  display: block;
  overflow: hidden;
}
#mq_larocheposay .cf:afte {
  clear: both;
}
#mq_larocheposay .cf {
  zoom: 1;
}
#mq_larocheposay .clear {
  clear: both;
}


/*Layout*/
#mq_larocheposay .container {
  width: 92vw;
  margin: 0 4vw;
}

/*--------------------------------------------------------------------------------------
mq_larocheposay
-------------------------------------------------------------------------------------- */
/*-------------------------------------------------------------------------------- pr */
#mq_larocheposay .pr {
  width: 30px;
  height: 17px;
  z-index: 2;
  margin-top: 15px;
  margin-right: 15px;
  margin-left: auto;
}


/*---------------------------------------------------------------------------- share/contact/credit */
#mq_larocheposay .share {
  margin: 16vw auto 9.3333vw;
}

#mq_larocheposay .share_headings {
  width: 21.8666vw;
  margin: 0 auto 4vw;
}


#mq_larocheposay .share_list {
  text-align: center;
  display: flex;
  justify-content: center;
}

#mq_larocheposay .share_list-item {
  width: 8vw;
}

#mq_larocheposay .share_list-item:first-child {
  margin-right: 4vw;
}

#mq_larocheposay .contact {
  font-size: 3.6vw;
  margin-bottom: 4vw;
  text-align: center;

}

#mq_larocheposay .credit {
  color: #9f9f9f;
  font-size: 2.6666vw;
  line-height: 1.5;
  margin-bottom: 12vw;
}

/*----------------------------------------------------------------------------btn */
#mq_larocheposay .btn {
  width: 89.3333vw;
  height: 18.66666vw;
  margin: 0 auto;
}

#mq_larocheposay .btn a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 4.266666vw;
  line-height: 5.333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  transition-delay: all .5s ease;
  position: relative;
  color: #fff;
}

#mq_larocheposay .btn a::before {
  position: absolute;
  display: block;
  content: '';
  width: 4vw;
  height: 4vw;
  background-size: 4vw 4vw;
  right: 2.6666vw;
  top: 50%;
  transform: translateY(-50%);
}

#mq_larocheposay .btn a:hover {
  opacity: .6;
}


#mq_larocheposay .btn-official a {
  background-color: #008fd3;
  justify-content: flex-start;
  text-align: left;
  padding-left: 8vw;
}

#mq_larocheposay .btn-official a::before {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/larocheposay2104/img/icon_window-white@2x.png);
}


#mq_larocheposay .btn-detail1,
#mq_larocheposay .btn-detail2 {
  width: 72vw;
  height: 16vw;
}

#mq_larocheposay .btn-detail1 a::before,
#mq_larocheposay .btn-detail2 a::before {
  right: 4vw;
}

#mq_larocheposay .btn-detail1 a {
  background-color: #feaeb1;
}

#mq_larocheposay .btn-detail1 a::before {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/larocheposay2104/img/icon_window-white@2x.png);
}

#mq_larocheposay .btn-detail2 a {
  background-color: #fdfcd3;
  color: #5d5d5d;
}


#mq_larocheposay .btn-detail2 a::before {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/larocheposay2104/img/icon_window-grey@2x.png);
}

/*-------------------------------------------------------------------------------- mv */
#mq_larocheposay .mv {
  margin-bottom: 6.6666vw;
  opacity: 0;
}

#mq_larocheposay .mv.is-show {
  transition: opacity ease 1s;
  opacity: 1;
}


#mq_larocheposay .mv .container {
  position: relative;
  width: 100vw;
  margin-left: 0;
  height: 223.3333vw;
}

#mq_larocheposay .mv_ph {
  position: absolute;
  width: 84.06666vw;
  top: 5.3333vw;
  left: 7.96666vw;
}

#mq_larocheposay .mv_subtitle {
  position: absolute;
  width: 53.4vw;
  top: 122vw;
  left: 23.3vw;
  opacity: 0;
}

#mq_larocheposay .is-show .mv_subtitle {
  transition: opacity 1s ease .5s;
  opacity: 1;
  transform: translate(0,0);
}

#mq_larocheposay .mv_title {
  position: absolute;
  top: 141.33333vw;
  left: 11.13333vw;
  width: 77.73333vw;
  opacity: 0;
}

#mq_larocheposay .is-show .mv_title {
  transition: opacity 1s ease 1s;
  opacity: 1;
  transform: translate(0,0);
}

#mq_larocheposay .mv_title::before,
#mq_larocheposay .mv_title::after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  transform:translateX(-50%);
  width: 0;
  height: 2px;
  background-color: #008fd3;
  transition: width 1s ease 1s;
}

#mq_larocheposay .mv_title::before {
  margin-top: -5.3333vw;
}

#mq_larocheposay .mv_title::after {
  bottom: -6.66666vw;
}



#mq_larocheposay .is-show .mv_title::before,
#mq_larocheposay .is-show .mv_title::after {
  width: 13.333vw;
}


#mq_larocheposay .mv_lead {
  position: absolute;
  top: 177.3333vw;
  left: 23.4vw;
  width: 53.2vw;
  opacity: 0;
  transform: translate(0,20px);
}

#mq_larocheposay .is-show .mv_lead {
  transition: opacity 1s ease 1.5s;
  opacity: 1;
  transform: translate(0,0);
}



#mq_larocheposay .mv_product1 {
  position: absolute;
  width: 14.06666vw;
  top: 13.3333vw;
  right: 9.3333vw;
  z-index: 2;
  opacity: 0;
  transform: translate(0,40px);
}

#mq_larocheposay .is-show .mv_product1 {
  transition: opacity 1s ease 2s;
  opacity: 1;
  transform: translate(0,0);
}

#mq_larocheposay .mv_product1-bg {
  position: absolute;
  width: 19.66666vw;
  top: 33vw;
  right: 0;
  opacity: 0;
  transform: translate(0,40px);
}

#mq_larocheposay .is-show .mv_product1-bg {
  transition: opacity 1s ease 2s;
  opacity: 1;
  transform: translate(0,0);
}

#mq_larocheposay .mv_product2 {
  position: absolute;
  width: 14.1333vw;
  top: 78vw;
  left: 3vw;
  z-index: 2;
  opacity: 0;
  transform: translate(0,40px);
}

#mq_larocheposay .is-show .mv_product2 {
  transition: opacity 1s ease 2.5s;
  opacity: 1;
  transform: translate(0,0);
}

#mq_larocheposay .mv_product2-bg {
  position: absolute;
  width: 21.93333vw;
  left: 9vw;;
  top: 100.5vw;
  opacity: 0;
  transform: translate(0,40px);
}

#mq_larocheposay .is-show .mv_product2-bg {
  transition: opacity 1s ease 2.5s;
  opacity: 1;
  transform: translate(0,0);
}



#mq_larocheposay .mv_square1 {
  position: absolute;
  width: 17.3333vw;
  height: 17.3333vw;
  background-color: rgba(253,252,211,.5);
  top: 1.3333vw;
  left: 3vw;
  opacity: 0;
  transform: translate(0,30px);
}

#mq_larocheposay .is-show .mv_square1 {
  transition: opacity 1s ease 3s;
  opacity: 1;
  transform: translate(0,0);
}


#mq_larocheposay .mv_square2 {
  position: absolute;
  width: 17.3333vw;
  height: 17.3333vw;
  top: 206vw;
  right: 4vw;
  background-color: rgba(254,177,174,.3);
  opacity: 0;
  transform: translate(0,30px);
}

#mq_larocheposay .is-show .mv_square2 {
  opacity: 1;
  transition: opacity 1s ease 3.5s;
  transform: translate(0,0);
}

/*-------------------------------------------------------------------------------- block01 */
#mq_larocheposay .block01 {

}

#mq_larocheposay .block01_headings {
  margin: 0 auto 5.3333vw;
  width: 90.9333vw;
}

#mq_larocheposay .block01_text {
  font-size: 3.2vw;
  line-height: 1.9166666;
  color: #5d5d5d;
  text-align: center;
  letter-spacing: .1em;
  margin-bottom: 5.3333vw;
}

#mq_larocheposay .block01_name {
  width: 44.06666vw;
  margin-left: auto;
  margin-bottom: 14.6666vw;
}


/*-------------------------------------------------------------------------------- block02 */
#mq_larocheposay .block02 {
  background-color: rgba(250,243,233,.65);
  padding-top: 10.6666vw;
  padding-bottom: 8vw;
}

#mq_larocheposay .block02_headings {
  width: 67.53333vw;
  margin: 0 auto 10.6666vw;

}

#mq_larocheposay .block02_list {
}

#mq_larocheposay .block02_list-item {
  width: 100%;
  background-color: #fff;
  padding: 10.6666vw 10vw;
  position: relative;
  margin-bottom: 9.3333vw;
}

#mq_larocheposay .block02_list-item::before {
  display: block;
  content: '';
  position: absolute;
  background-color: #dae9f7;
  width: 0;
  height: 9.3333vw;
  left: 50%;
  transform: translateX(-50%);
  top: -4.666vw;
  transition: all .8s ease .5s;
}

#mq_larocheposay .block02_list-item.is-active::before {
  width: 9.3333vw;
}

#mq_larocheposay .block02_list-item:last-child {
  margin-bottom: 0;
}


#mq_larocheposay .block02_list-headings {
  margin: 0 auto 4vw;
  text-align: center;
}

#mq_larocheposay .block02_list-headings img {
  width: auto;
  height: 14.5333vw;
}

#mq_larocheposay .block02_list-item:first-child


#mq_larocheposay .block02_list-text {
  font-size: 3.2vw;
  line-height: 1.641666;
}


/*-------------------------------------------------------------------------------- block03 */
#mq_larocheposay .block03 {
  margin-bottom: 16vw;
}

#mq_larocheposay .block03_wrapper {
  position: relative;
  z-index: 0;
}

#mq_larocheposay .block03_wrapper::before {
  display: block;
  content:'';
  position: absolute;
  top: 0;
  left: -4vw;
  width: 100vw;
  height: 62vw;
  background-color: #faf3e9;
  z-index: -1;
}

#mq_larocheposay .block03_ph {
  margin-bottom: 4vw;
}


#mq_larocheposay .block03_headings {
  width: 52.1333vw;
  margin-bottom: 2.6666vw;
}

#mq_larocheposay .block03_product1,
#mq_larocheposay .block03_product2 {
  padding: 4vw;
  margin-bottom: 4vw;
}

#mq_larocheposay .block03_product1 {
  background-color: rgba(253,252,211,.5);
}

#mq_larocheposay .block03_product2 {
  background-color: rgba(254,243,230,.5);
}

#mq_larocheposay .block03_product-text {
  font-size: 3.2vw;
  line-height: 1.466;
}

#mq_larocheposay .block03_product-credit {
  font-size: 2.66666vw;
  line-height: 2;
}

#mq_larocheposay .block03_caution {
  color: #262626;
  font-size: 2.6666vw;
  line-height: 1.6;
  margin-bottom: 9.3333vw;
}



/*-------------------------------------------------------------------------------- block04 */
#mq_larocheposay .block04 {
  padding-bottom: 12vw;
}

#mq_larocheposay .block04_subheadings {
  width: 78.133333vw;
  margin: 0 auto 2.6666vw;
}

#mq_larocheposay .block04_headings {
  width: 87.9333vw;
  margin: 0 auto 4vw;
}

#mq_larocheposay .block04_ph {
  width: 100vw;
  margin-left: -4vw;
}

#mq_larocheposay .block04_headings {
  position: relative;
}

#mq_larocheposay .block04_headings::before {
  position: absolute;
  display: block;
  content: '';
  background-color: rgba(173,220,246,.5);
  width: 0;
  height: 18.6666vw;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  z-index: -1;
  transition: all .8s ease .5s;
}

#mq_larocheposay .block04_headings.is-active::before {
  width: 18.6666vw;
}


#mq_larocheposay .block04_product-text {
  color: #555;
  font-size: 3.2vw;
  width: 89.3333vw;
}


#mq_larocheposay .block04_product-credit {
  font-size: 2.666vw;
  line-height: 2;
  color: #555;
  margin-bottom: 5.3333vw;
  width: 89.3333vw;
}


#mq_larocheposay .block04_block1 {
  margin-bottom: 10vw;
}

#mq_larocheposay .block04_block1 .block04_ph {
}

#mq_larocheposay .block04_block1 .block04_catch {
  width: 60.86666vw;
  margin-left: 23.7333vw;
  margin-top: -23.3333vw;
  margin-bottom: 16vw;
}


#mq_larocheposay .block04_block1 .block04_headings {
  width: 56.8vw;
  margin-bottom: 9.3333vw;
}

#mq_larocheposay .block04_block1 .block04_lead {
  width: 89.2vw;
  margin: 0 auto 8vw;
}

#mq_larocheposay .block04_block1 .block04_product-wrapper {
  position: relative;
  height: 88.6666vw;
  margin-bottom: 9vw;r
}


#mq_larocheposay .block04_block1 .block04_product {
  position: absolute;
  width: 29.5333vw;
  top: 0;
  left: 16.6666vw;
  z-index: 2;
}

#mq_larocheposay .block04_block1 .block04_product-bg {
  position: absolute;
  width: 43.3333vw;
  top: 42vw;
  right: 13.333vw;
}



#mq_larocheposay .btn-detail1 {

}


#mq_larocheposay .block04_block2 {

}

#mq_larocheposay .block04_block2 .block04_catch {
  width: 61.6vw;
  margin-top: -24vw;
  margin-left: 26vw;
  margin-bottom: 16vw;
}


#mq_larocheposay .block04_block2 .block04_headings {
  width: 59.866666vw;
  margin-bottom: 9.3333vw;
}


#mq_larocheposay .block04_block2 .block04_lead {
  width: 60.6666vw;
  margin: 0 auto 8vw;
}

#mq_larocheposay .block04_block2 .block04_product-wrapper {
  position: relative;
  height: 90.26666vw;
  margin-bottom: 6.6666vw;
}

#mq_larocheposay .block04_block2 .block04_product {
  position: absolute;
  width: 29.93333vw;
  top: 0;
  right: 15.3333vw;
  z-index: 2;
}

#mq_larocheposay .block04_block2 .block04_product-bg {
  position: absolute;
  width: 45.06666vw;
  top: 48vw;
  left: 10.666vw;
}


/*-------------------------------------------------------------------------------- block05 */
#mq_larocheposay .block05 {
  background-color: #dae9f7;
  padding: 6.666vw 0 10.66666vw;
  margin-bottom: 12vw;
}

#mq_larocheposay .block05.block05-1 {
  margin-bottom: 0;
  padding-bottom: 12vw;
}

#mq_larocheposay .block05.block05-2 {
  padding-top: 0;
}


#mq_larocheposay .block05_subheadings {
  width: 31.9333vw;
  margin: 0 auto 5.33vw;
  position: relative;
  z-index: 0;
}

#mq_larocheposay .block05_subheadings::before {
  position: absolute;
  display: block;
  content: '';
  width: 0;
  height: 7.93333vw;
  z-index: -1;
  background-color:  rgba(253,252,211,.65);
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  transition: width .8s ease .5s;
}


#mq_larocheposay .block05_subheadings.is-active::before {
  width: 7.9333vw;
}

#mq_larocheposay .block05_headings {
  margin: 0 auto 8vw;
  width: 76.5333vw;
  position: relative;
  z-index: 0;
}

#mq_larocheposay .block05_headings::before {
  position: absolute;
  display: block;
  content: '';
  width: 0;
  height: 1.6vw;
  background-color: #f9c7c6;
  bottom: 9.5vw;
  left: 0;
  z-index: -1;
  transition: width .8s ease .5s;
}


#mq_larocheposay .block05_headings.is-active::before {
  width: 70.9333vw;
}

#mq_larocheposay .block05_teacher {
}

#mq_larocheposay .block05_teacher-left {
  background-color: rgba(0,119,191,.4);
  width: 59.066666vw;
  height: 73.8667vw;
  padding-top: 0px;
  padding-left: 0px;
  position: relative;
  margin: 0 auto 4vw;
  transform: translate(-40px,0);
}

#mq_larocheposay .block05_teacher-left.is-active {
  opacity: 1;
  transform: translate(0,0);
}

#mq_larocheposay .block05_teacher-left::before {
  position: absolute;
  display: block;
  content: '';
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/larocheposay2104/img/block05_teacher-ph_sp@2x.jpg);
  width: 100%;
  height: 100%;
  background-size: 59.066666vw 73.86666vw;
  margin-top: -2.6666vw;
  margin-left: -2.6666vw;
  z-index: 2;
  opacity: 0;
  transition: all .8s ease .5s;
  transform: translate(-40px,0);
}

#mq_larocheposay .block05_teacher-left.is-active::before {
  opacity: 1;
  transform: translate(0,0);
}


#mq_larocheposay .block05_teacher-right {
  text-align: center;
}


#mq_larocheposay .block05_teacher-profile {
  background-color: #fff;
  border-radius: 10px;
  padding: 5.3333vw;
  display: inline-block;
  margin-bottom: 5.3333vw;
}

#mq_larocheposay .block05_teacher-name {
  color: #008fd3;
  font-weight: bold;
  font-size: 3.7333vw;
  margin-bottom: 1.3333vw;
}

#mq_larocheposay .block05_teacher-name span {
  font-size: 4.53333vw;
}

#mq_larocheposay .block05_teacher-profile-text {
  color: #4b4b4b;
  font-size: 3.2vw;
  line-height: 1.6666;
  text-align: left;
}

#mq_larocheposay .block05_teacher-lead {
  font-size: 3.73333vw;
  line-height: 2;
  color: #333;
  text-align: left;
  font-weight: bold;
  margin-bottom: 9.3333vw;
}

#mq_larocheposay .block05_list {

}

#mq_larocheposay .block05_list-item {
  margin-bottom: 12vw;
}

#mq_larocheposay .block05_list-item:last-child {
  margin-bottom: 0;
}

#mq_larocheposay .block05_list-item-left {
  padding-left: 7.9vw;
  position: relative;
}

#mq_larocheposay .block05_list-item-left::before {
  position: absolute;
  display: block;
  content:'';
  width: 2px;
  height: 0;
  top: 0;
  left: 0;
  background-color: #008fd3;
  transition: all .8s ease;
}


#mq_larocheposay .is-active .block05_list-item-left::before {
  height: 100%;
}


#mq_larocheposay .block05_list-item:first-child {
  display: flex;
  flex-direction: column;
}

#mq_larocheposay .block05_list-item:first-child .block05_list-item-left {
  order: 2;
}
#mq_larocheposay .block05_list-item:first-child .block05_list-item-right {
  order: 1;
  width: 82.2667vw;
  margin: 0 auto 10.6666vw;
}

#mq_larocheposay .block05_list-item:first-child .figure {
  width: 78.9333vw;
  margin-top: 2.6666vw;
  margin-bottom: 2.6666vw;
}
#mq_larocheposay .block05-2 .block05_list-item:nth-child(3) {
  margin-top: 16vw;
}

#mq_larocheposay .block05_question {
  position: relative;
  padding-left: 13.3333vw;
  display: flex;
  align-items: center;
  height: 13.3333vw;
  margin-bottom: 5.333vw;
  display: inline-flex;
  z-index: 0;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/larocheposay2104/img/block05_question_sp@2x.png);
  background-size: 13.333vw 13.3333vw;
  background-repeat: no-repeat;
}

#mq_larocheposay .block05-2 .block05_list-item:nth-child(3) .block05_question::before {
  position: absolute;
  display: block;
  content: '';
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/larocheposay2104/img/block05_question6-catch_sp@2x.png);
  background-size: 50.4vw 6.8vw;
  background-repeat: no-repeat;
  width: 50.4vw;
  height: 6.8vw;
  top: -8.666vw;
  left: 10vw;
}

#mq_larocheposay .block05_question img {
  height: 11.86666vw;
  width: auto;
}


#mq_larocheposay .block05_answer {
  position: relative;
  display: flex;
  align-items: center;
  height: 13.333vw;
  padding-left: 16vw;
  margin-bottom: 20px;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/larocheposay2104/img/block05_answer_sp@2x.png);
  background-size: 13.333vw 13.333vw;
  background-repeat: no-repeat;
  opacity: 0;
  transition: all ease .8s .5s;
  transform: translate(0, 40px);
}

#mq_larocheposay .is-active .block05_answer {
  opacity: 1;
  transform: translate(0, 0);
}

#mq_larocheposay .block05_answer img {
  height: 11.33333vw;
  width: auto;
}

#mq_larocheposay .block05_answer-text {
  font-size: 3.6666vw;
  line-height: 2;
  opacity: 0;
  transition: all ease .8s 1s;
  transform: translate(0, 40px);
}

#mq_larocheposay .is-active .block05_answer-text {
  opacity: 1;
  transform: translate(0, 0);
}

#mq_larocheposay .block05 figure {
  margin-top: 2.666vw;
}

#mq_larocheposay .block05 figcaption {
  font-size: 3.2vw;
  line-height: 1.666666;
  margin-top: 2.666vw;
  text-align: left;
}

#mq_larocheposay .block05 .block05_list-item:first-child figure {
  transition: all ease .8s 1.5s;
  transform: translate(0, 40px);
  opacity: 0;
}

#mq_larocheposay .block05 .block05_list-item.is-active figure {
  opacity: 1;
  transform: translate(0, 0);
}



#mq_larocheposay .block05-2 .block05_list-item:nth-child(3) figure {
  margin-top: 8vw;
  text-align: center;
}

#mq_larocheposay .block05-2 .block05_list-item:nth-child(3) figure img {
  width: 82.6666vw;
}


/*fadein*/
#mq_larocheposay .fadein {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 40px);
  -webkit-transform-style: preserve-3d;
  backface-visibility: hidden;
  filter: alpha(opacity=0);
  opacity: 0;
  transform: translate(0, 40px);
  transform-style: preserve-3d;
  -webkit-transition: all .8s ease 0s;
  -ms-transition: all .8s ease 0s;
  -moz-transition: all .8s ease 0s;
  transition: all .8s ease 0s;
}

#mq_larocheposay .fadein.is-active {
  -webkit-transform: translate(0, 0);
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translate(0, 0);
}