@charset "UTF-8";
/*--------------------------
>> contents 19xx
--------------------------*/

/*--------------------Reset*/
* {
  margin: 0px;
  padding: 0px;
}
/*
.ad {
  display: none !important;
}*/
#commonFooter {
  margin-top: 0 !important;
}

#mq_genifique section {
  padding: 0 !important;
}

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

#mq_genifique {
  width: 100%;
  color: #000;
  line-height: 1;
  word-break: normal;
  line-break: strict;
  /*position: relative;*/
}

#mq_genifique 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_genifique p {
  font-size: 3.7333333vw;
  line-height: 1.714;
}

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

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


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

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

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


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

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



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


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

/*--------------------------------------------------------------------------------------
mq_contents
-------------------------------------------------------------------------------------- */

/*--------------------------------------------------------------------------------アニメーション共通 */
#mq_genifique .fadeup {
  -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 .5s ease 0s;
  -ms-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

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


/*fadein*/
#mq_genifique .fadein {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(0.165, 0.8, 0.45, 1) 0s;
  -ms-transition: all 1s cubic-bezier(0.165, 0.8, 0.45, 1) 0s;
  -moz-transition: all 1s cubic-bezier(0.165, 0.8, 0.45, 1) 0s;
  transition: all 1s cubic-bezier(0.165, 0.8, 0.45, 1) 0s;
}

#mq_genifique .fadein.is-active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=1);
  opacity: 1;
}

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


/*-------------------------------------------------------------------------------- loading*/
#mq_genifique .loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #cfe0e5;
  z-index: 1000;
  /*display: none;*/
}

#mq_genifique .loading_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#mq_genifique .loading_text {
  width: 89.66666vw;
  height: 18.93333vw;
  position: relative;
}

#mq_genifique .loading_letter {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease;
}

#mq_genifique .loading_noel {
  width: 36.933333vw;
  margin: 5.3333vw auto 0;
  opacity: 0;
  transition: opacity 1s ease 5s;
}


#mq_genifique .loading_letter.is-show,
#mq_genifique .loading_noel.is-show {
  opacity: 1;
}
/*----------------------------------------------------------------------------sns */


#mq_genifique .sns {
  margin: 0 auto 9.3333vw;
  text-align: center;
}

#mq_genifique .sns li {
  width: 8vw;
  display: inline-block;
  margin: 0 2vw;
}

#mq_genifique .link {

}

#mq_genifique .share {
  text-align: center;
}

#mq_genifique .share_headings {
  margin-bottom: 4vw;
  width: 20.4vw;
  display: inline-block;
  text-align: center;
}

#mq_genifique .contact {
  font-weight: bold;
  margin-bottom: 4vw;
  margin-left: 4vw;
}

#mq_genifique .credit {
  width: 92vw;
  margin: 0 auto 9.3333vw;
  font-size: 2.6666vw;
  line-height: 1.5;
  color: #666;
}

/*--------------------------------------------------------------------------------mv  */
#mq_genifique .mv {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/genifique2010/img/mv_bg_sp@2x.jpg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 122.6666vw;
  position: relative;
  transition: all 1s ease;
  /*opacity: 0;*/
  -webkit-filter:blur(8px);
  -moz-filter:blur(8px);
  -ms-filter:blur(8px);
  filter:blur(8px);
  z-index: 1;
  overflow: hidden;
}

#mq_genifique .mv.is-show {
  opacity: 1;
  -webkit-filter:blur(0);
  -moz-filter:blur(0);
  -ms-filter:blur(0);
  filter:blur(0);
}

#mq_genifique .mv_inner {
  position:  absolute;
  height: 176vw;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

#mq_genifique .mv .container {
  height: 176vw;
}

#mq_genifique .mv_snow {
  height: 176vw;
  -webkit-filter:blur(0);
  -moz-filter:blur(0);
  -ms-filter:blur(0);
  filter:blur(0);
}

#mq_genifique .mv_main {
  height: 122.66666vw;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-filter:blur(8px);
  -moz-filter:blur(8px);
  -ms-filter:blur(8px);
  filter:blur(8px);
  transition: all 1s ease-in;
}

#mq_genifique .mv_main.is-show {
  -webkit-filter:blur(0);
  -moz-filter:blur(0);
  -ms-filter:blur(0);
  filter:blur(0);
}

#mq_genifique .mv_text {
  width: 86.466665vw;
  position: absolute;
  top: 101.7333333vw;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 1s ease-in 1s;
}

#mq_genifique .mv_noel {
  width: 42.533333vw;
  position: absolute;
  top: 129.6666vw;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 1s ease-in 1.5s;
}

#mq_genifique .mv_text.is-show,
#mq_genifique .mv_noel.is-show,
#mq_genifique .mv_catch.is-show {
  opacity: 1;
}

#mq_genifique .mv_catch {
  position: absolute;
  height: 26.933333vw;
  top: 145.733333vw;
  left: 4vw;
  transition: all 1s ease-in 2s;
  overflow: hidden;
  transition-property: 0;
  width: 97.333333vw;
}

#mq_genifique .btn_interview {
  margin: -3vw auto 10.6666vw;
  z-index: 2;
  position: relative;
}

#mq_genifique .btn_interview a {
  display: block;
  width: 92vw;
  height: 32vw;
  margin: 0 auto;
}

#mq_genifique .index01 {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/genifique2010/img/block01_bg_sp@2x.jpg);
  background-repeat: no-repeat;
  background-size: 100vw calc(100% - 176vw);
  background-position: center 176vw
}

/*--------------------------------------------------------------------------------block01 */
#mq_genifique .block01 {
  padding-bottom: 10.6666vw;
}

#mq_genifique .block01_headings {
  width: 93.066666vw;
  margin: 0 auto 6.6666vw;
}


#mq_genifique .block01_lead {
  margin-bottom: 10.6666vw;
}

#mq_genifique .block01_main {
  display: flex;
  flex-direction: column;
}

#mq_genifique .block01_left {
  z-index: 0;
  order: 2;
}

#mq_genifique .block01_right {
  order: 1;
  z-index: 2;
}

#mq_genifique .bracket {
  padding: 5.3333vw;
  position: relative;
  margin-bottom: 4vw;
}

#mq_genifique .bracket::before,
#mq_genifique .bracket::after{
  position: absolute;
  display: block;
  content: '';
  width: 12.8vw;
  height: 12.8vw;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/genifique2010/img/bracket_sp@2x.png);
  background-size: contain;
}

#mq_genifique .bracket::before {
  top: 0;
  left: 0;
}

#mq_genifique .bracket::after {
  bottom: 0;
  right: 0;
  transform: rotate(-180deg);
}

#mq_genifique .bracket_headigns {
  width: 81.2vw;
  margin-bottom: 4vw;
}

#mq_genifique .block01_name {
  margin-bottom: 9.3333vw;
  width: 31.866666vw;
}

#mq_genifique .block01_item {
  background-color: #fff;
  padding: 5.3333vw;
  width: 100%;
  margin-bottom: 5.3333vw;
}

#mq_genifique .block01_item-headings {
  font-weight: bold;
  margin-bottom: 2.6666vw;
  font-size: 3.2vw;
}

#mq_genifique .block01_item-text {
  font-size: 3.2vw;
  line-height: 1.5;
}

#mq_genifique .block01_item-text {
  font-size: 3.2vw;
  line-height: 1.5;
}

#mq_genifique .block01_credit {
  font-size: 2.6666vw;
  color: #666;
  margin-bottom: 10.666vw;
}

#mq_genifique .block01_ph {
  width: 84vw;
  margin-left: auto;
  margin-right: -4vw;
  position: relative;
  z-index: 0;
  margin-bottom: 21.3333vw;
}

#mq_genifique .block01_ph::before {
  position: absolute;
  display: block;
  content: '';
  width: 84vw;
  height: 112vw;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/genifique2010/img/block01_ph-bg@2x.jpg);
  background-size: contain;
  z-index: -1;
  top: 10.6666vw;
  left: -8vw;
  opacity: 0;
  transition: all 1s ease .5s;
}

#mq_genifique .block01_ph.is-active::before {
  opacity: 1;
}

#mq_genifique .btn_brandsite a {
  display: block;
  width: 84vw;
  height: 22.9333vw;
  margin: 0 auto;
}


/*--------------------------------------------------------------------------------block02 */

#mq_genifique .block02 {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/genifique2010/img/block02_bg_sp@2x.jpg);
  background-size: 100vw 266.6666vw;
  background-repeat: repeat-y;
  padding-top: 9.3333vw;
}

#mq_genifique .block02 .container {
  width: 100%;
  margin: 0;
}

#mq_genifique .block02_wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 16vw;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/genifique2010/img/block02_main_sp@2x.jpg);
  background-size: 100vw 189.3333vw;
  background-position: center 0;
  background-repeat: no-repeat;
  margin-top: -4vw;
  position: relative;
  z-index: 1;
}


#mq_genifique .block02_left {
  order :2;
}


#mq_genifique .block02_ph {
  width: 57.3333vw;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}


#mq_genifique .block02_detail {
  background-color: #fff;
  width: 92vw;
  padding: 5.3333vw;
  margin: 0 auto 5.3333vw;
}


#mq_genifique .block02_detail-headings {
  font-weight: bold;
  margin-bottom: 2.6666vw;
}


#mq_genifique .block02_detail-text {
  margin-bottom: 2.6666vw;
}

#mq_genifique .block02_detail-caution {
  font-size: 2.6666vw;
  color: #666;
}

#mq_genifique .block02_detail-headings .red {
  color: #d61b52;
}

#mq_genifique .block02_item {
  width: 92vw;
  margin: 0 auto;
}

#mq_genifique .block02_item-headings {
  font-weight: bold;
  margin-bottom: 2.666vw;
}

#mq_genifique .block02_item-text {
  margin-bottom: 1.3333vw;
  font-size: 3.3733vw;
  line-height: 1.714;
}


#mq_genifique .block02_item-credit {
  font-size: 2.6666vw;
  margin-bottom: 9.3333vw;
}

#mq_genifique .block02_right {
  order: 1;
}

#mq_genifique .block02_headings {
  width: 79.2vw;
  margin: 0 auto 6.6666vw;
}

#mq_genifique .block02_lead {
  margin: 0 auto 104vw;
  width: 92vw;
}

#mq_genifique .block02_secret {
  background-color: #fff;
  padding-top: 9.3333vw;
}

#mq_genifique .block02_secret_headings {
  margin: 0 auto 5.3333vw;
  width: 63.7333vw;
}

#mq_genifique .block02_secret-list {
  width: 92vw;
  margin: 0 auto 5.3333vw;
}

#mq_genifique .block02_secret-item {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/genifique2010/img/block02_secret-bg@2x.jpg);
  background-size: 66.6666vw 66.6666vw;
  background-repeat: no-repeat;
  background-position: center 0;
  margin-bottom: 2.6666vw;
  height: 66.6666vw;
}

#mq_genifique .block02_secret-number {
  margin: 0 auto 5.3333vw;
  text-align: center;
  padding-top: 5.3333vw;
}

#mq_genifique .block02_secret-item:first-child .block02_secret-number {
  padding-top: 13.3333vw;
}

#mq_genifique .block02_secret-text {
  width: 82vw;
  margin: 0 auto;
}

#mq_genifique .block02_secret-caution {
  font-size: 2.6666vw;
  line-height: 1.5;
  color: #666;
  width: 92vw;
  margin: 0 auto;
  padding-bottom: 10.6666vw;
}

#mq_genifique .block02 .btn_brandsite {
  width: 100vw;
  height: 40vw;
  background-color: #fff;
}


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

#mq_genifique .block03_lead {
  width: 56vw;
  margin: 0 auto 4vw;
}

#mq_genifique .block03_headings {
  margin: 0 auto 5.3333vw;
  width: 89.533333vw;
}

#mq_genifique .block03_movie {
  margin: 0 auto 5.333vw;
  text-align: center;
  width: 100vw;
  margin-left: -4vw;
}

#mq_genifique .block03_movie iframe {
  width: 100vw;
  height: 56.28vw;
}

#mq_genifique .block03_caution {
  font-size: 2.666vw;
  color: #666;
  margin-bottom: 1.3333vw;
}

#mq_genifique .block03_credit {
  font-size: 2.666vw;
  color: #666;
}


/*--------------------------------------------------------------------------------block04 */
#mq_genifique .block04 {
  padding-top: 9.3333vw;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/genifique2010/img/block04_ph_sp@2x.jpg);
  background-size: 100vw auto;
  background-repeat: no-repeat;
  background-position: center 0;

}

#mq_genifique .block04_headings {
  width: 86.8686vw;
  margin: 0 auto 90.4vw;
}

#mq_genifique .block04_lead {
  margin-bottom: 5.3333vw;
}


#mq_genifique .block04_item {
}

#mq_genifique .block04_item-headings {
  width: 38.1333vw;
  margin-bottom: 2.6666vw;
}

#mq_genifique .block04_item-text {
  margin-bottom: 2.6666vw;
  font-size: 3.2vw;
}

#mq_genifique .block04_item-credit {
  font-size:  2.6666vw;
  margin-bottom: 9.3333vw;
}

#mq_genifique .btn_detail {
  width: 92vw;
  height:  32vw;
  margin: 0 auto 10.6666vw;
}

#mq_genifique .btn_detail a {
  display: block;
  width: 92vw;
  height:  32vw;
}


/*--------------------------------------------------------------------------------block05 */
#mq_genifique .block05 {
  padding-top: 9.3333vw;
  padding-bottom: 10.66666vw;
  background-color: #fff2f4;
  margin-bottom: 10.66666vw;
}

#mq_genifique .block05_catch {
  width: 57.46666vw;
  margin: 0 auto 2.6666vw;

}

#mq_genifique .block05_headings {
  width: 81.53333vw;
  margin: 0 auto 5.333vw;

}
#mq_genifique .block05_wrapper {

}

#mq_genifique .block05_left {

}
#mq_genifique .block05_right {
  background-color: #fff;
  width: 96vw;
  padding: 4vw;
  margin-left: -4vw;
  margin-bottom: 8vw;
}

#mq_genifique .block05_course-catch {
  margin: 0 auto 2.666vw;
  width:48vw
}

#mq_genifique .block05_course-headings {
  margin: 0 auto 5.3333vw;
  width: 82.8666vw;
}

#mq_genifique .block05_course-ph {
  margin-bottom: 4vw;
}

#mq_genifique .block05_course-caution {
  font-size: 2.6666vw;
  color: #666;
  margin-bottom: 4vw;
  text-align: center;
}

#mq_genifique .block05_course-text {
  margin-bottom: 5.333vw;
}


#mq_genifique .block05_set-headings {
  font-weight: bold;
  margin-bottom: 1.33333vw;
}

#mq_genifique .block05_set-text {
  font-size: 3.2vw;
  line-height: 1.5;
  margin-bottom: 2.6666vw;
}

#mq_genifique .block05_set-caution {
  font-size: 2.666666vw;
  line-height: 1.5;
  margin-bottom: 5.3333vw;
  color: #666;
}

#mq_genifique .block05_present {
}

#mq_genifique .block05_present-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 6.6666vw;
  width: 65.3333vw;
}

#mq_genifique .block05_present-left {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

#mq_genifique .block05_present-right {
  width: 32vw;
}

#mq_genifique .block05_present-textarea {

}

#mq_genifique .block05_present-text {
  font-weight: bold;
  font-size: 3.7333vw;
  line-height: 1.5;
  margin-bottom: 2.6666vw;
}

#mq_genifique .block05_present-caution {
  color: #666;
  font-size: 2.6666vw;
}

#mq_genifique .btn_delivery {
  width: 84vw;
  height: 22.93333vw;
  margin: 0 auto;
}

#mq_genifique .btn_delivery a {
  display: block;

  margin: 0 auto;
}


#mq_genifique .btn_interview-large {
  height: 92vw;
  margin-top: 0;
}


/*----------------------------------------------------------------------------インタビュー */

/*----------------------------------------------------------------------------インタビュー mv */
#mq_genifique .interview-mv {
  position: relative;
  margin-bottom: 10.6666vw;
}

#mq_genifique .interview-mv .pr {
  right: -4vw;
}


#mq_genifique .interview-mv_inner {
  background-size: 100vw 79.2vw;
  height: 179.2vw;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/genifique2010/img/interview-mv_bg_sp@2x.jpg);
  background-position: center 100vw;
  margin-bottom: 10.6666vw;
  background-repeat: no-repeat;
  transition: opacity 1s ease;
  opacity: 0;
}

#mq_genifique .interview-mv_inner .container {
  position: relative;
  /*width: 100vw;*/
  /*margin-left: -4vw;*/
  height: 179.2vw;
}

#mq_genifique .interview-mv_catch {
  position: absolute;
  width: 14.6666vw;
  top: 8vw;
  left: 0;
  z-index: 2;
  transition: opacity 1s ease .5s;
  opacity: 0;
}

#mq_genifique .interview-mv_ph {
  position: absolute;
  width: 100vw;
  top: 0;
  left: -4vw;
  transition: opacity 1s ease 0;
  opacity: 0;
}

#mq_genifique .interview-mv_inner.is-show,
#mq_genifique .interview-mv_catch.is-show,
#mq_genifique .interview-mv_ph.is-show,
#mq_genifique .interview-mv_lead.is-show,
#mq_genifique .interview-mv_text.is-show {
  opacity: 1;
}



#mq_genifique .interview-mv_title {
  position: absolute;
  top: 93.3333vw;
  left: 50%;
  transform: translateX(-50%);
  width: 75.6vw;
  height: 36.2666vw;
  margin: 0 auto;
}

#mq_genifique .interview-mv_letter {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease;
}

#mq_genifique .interview-mv_letter.is-show {
  opacity: 1;
}

#mq_genifique .interview-mv_lead {
  position: absolute;
  width: 70.2666666vw;
  top: 85.2vw;
  left: 0;
  left: 50%;
  transition: all 1s ease 1s;
}

#mq_genifique .interview-mv_name {
  position: absolute;
  width: 28.466666vw;
  top: 133.333333vw;
  left: 50%;
  transition: all 1s ease 3.5s;
}

#mq_genifique .interview-mv_lead,
#mq_genifique .interview-mv_name {
  -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(-50%, 40px);
}


#mq_genifique .interview-mv_lead.is-show,
#mq_genifique .interview-mv_name.is-show {
  -webkit-transform: translate(0, 0);
  filter: alpha(opacity=100);
  opacity: 1;
  transform: translate(-50%, 0);
}


#mq_genifique .interview-mv_text {
  position: absolute;
  width: 92vw;
  left: 4vw;
  top: 142.666666vw;
  text-align: center;
  opacity: 0;
  transition: opacity 1s ease 4s;
  z-index: 3;
  text-align: left;
}


/*----------------------------------------------------------------------------インタビュー happiness */
#mq_genifique .happiness {
  margin-bottom: 10.666vw;
}

#mq_genifique .happiness_headings {
  margin: 0 auto 6.6666vw;
  width: 55.6vw;
}

#mq_genifique .happiness_lead {
  margin-bottom: 10.6666vw;
}

#mq_genifique .happiness_wrapper {
  width: 100vw;
  margin-left: -4vw;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/genifique2010/img/happiness_bg_sp@2x.jpg);
  background-size: 74.666666vw auto;
  background-position: 0 16vw;
  background-repeat: no-repeat;
}

#mq_genifique .happiness_ph1 {
  width: 84vw;
  margin-left: 16vw;
  margin-bottom: 10.6666vw;
}

#mq_genifique .happiness_ph2 {
  position: relative;
  width: 100vw;
  margin-left: -4vw;
  height: 48vw;
  z-index: 0;
  margin-top: 9.3333vw;
}

#mq_genifique .happiness_ph2::before {
  display: block;
  content: '';
  position: absolute;
  width: 64vw;
  height: 48vw;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/genifique2010/img/happiness_ph2_sp@2x.jpg);
  background-size: 64vw 48vw;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  transition: opacity 1s ease;
}

#mq_genifique .happiness_ph2::after {
  display: block;
  content: '';
  position: absolute;
  width: 64vw;
  height: 48vw;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/genifique2010/img/happiness_ph2-bg_sp@2x.jpg);
  background-size: 64vw 48vw;
  top: 16vw;
  right: 0;
  transition: opacity 1s ease .5s;
  z-index: -1;
  opacity: 0;
}

#mq_genifique .happiness_ph2.is-active::before,
#mq_genifique .happiness_ph2.is-active::after {
  opacity: 1;
}

#mq_genifique .happiness_ph3 {
  width: 92vw;
  margin-left: auto;
}

#mq_genifique .happiness_textarea {
}

#mq_genifique .happiness_list {

}

#mq_genifique .happiness_item {
  width: 92vw;
  margin: 0 auto 9.3333vw;
}




#mq_genifique .happiness_list-headings {
  margin-bottom: 5.3333vw;
  z-index: 2;
  position: relative;
}

#mq_genifique .happiness_list-headings img {
  height: 4vw;
  width: auto;
}


#mq_genifique .happiness_text {
}


/*----------------------------------------------------------------------------インタビュー happiness-time */

#mq_genifique .happiness-time {
  padding-top: 10.6666vw;
  padding-bottom: 9.3333vw;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/3rd-special-maquia.hpplus.jp/special/mq/02/genifique2010/img/happiness-time_bg_sp@2x.jpg);
  background-size: 100vw auto;
  background-repeat: no-repeat;
  margin-bottom: 9.3333vw;
}

#mq_genifique .happiness-time_headings {
  margin: 0 auto 6.6666vw;
  width: 69.2vw;
}

#mq_genifique .happiness-time_lead {
  margin-bottom: 10.6666vw;

}

#mq_genifique .happiness-time_wrapper {

}


#mq_genifique .happiness-time_left {
  position: relative;
  height: 112vw;
  margin-bottom: 10.6666vw;
}

#mq_genifique .happiness-time_right {
}

#mq_genifique .happiness-time_ph {
  position: absolute;
  width: 84vw;
  top: 0;
  left: -4vw;
}

#mq_genifique .happiness-time_name {
  position: absolute;
  width: 12.1333vw;
  bottom: -2vw;
  left: 77.3333vw;
}

#mq_genifique .happiness-time_list {

}
#mq_genifique .happiness-time_item {
  margin-bottom: 9.3333vw;
  opacity: 0;
}

#mq_genifique .is-active .happiness-time_item {
  opacity: 1;
}

#mq_genifique .happiness-time_list-headings {
  margin-bottom: 5.3333vw;
}

#mq_genifique .happiness-time_list-headings img {
  width: auto;
  height: 4vw;
}
#mq_genifique .happiness-time_item:first-child {
  transition: opacity 1s ease .5s;
}

#mq_genifique .happiness-time_item:nth-child(2) {
  transition: opacity 1s ease 1s;
}

#mq_genifique .happiness-time_item:nth-child(3) {
  transition: opacity 1s ease 1.5s;
}

#mq_genifique .happiness-time_list-text {

}
#mq_genifique .happiness-time_credit {
  font-size: 2.666vw;
  line-height: 1.5;
  color: #666;
  margin-bottom: 9.3333vw;
}

#mq_genifique .profile {

}

#mq_genifique .profile_headings {
  width: 12.8vw;
  margin-bottom: 2.66666vw;
  margin-left: 6vw;
}

#mq_genifique .profile_text {
  width: 81.3333vw;
  font-size: 3.2vw;
  line-height: 1.5;
  margin: 0 auto;
}

#mq_genifique .btn_introduction {
  width: 92vw;
  height:  32vw;
  margin: 0 auto 10.6666vw;
}

#mq_genifique .btn_introduction a {
  display: block;
  width: 92vw;
  height:  32vw;
}