@charset "UTF-8";


:root {
  --lp-common-colr: #e4bba2;

  --fv-color: #F7AC69;

  --sec1-color: #D9CDDB;

  --sec2-color: #E3D4CF;

  --bg-color: #e3e1d9;
}

/* ページ共通___________________________*/
.emmi_lp {
  position: relative;
  /* font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif; */
  font-family: "yu-gothic-pr6n", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(24* (100vw / 750));
  letter-spacing: 0.075em;
  line-height: 2;
  overflow-x: clip;
}


@media screen and (max-width: 767px) {
  #footer_emmi {
    padding: 0;
  }

}

@media screen and (min-width: 768px) {
  #footer_emmi {
    margin-top: 0;
  }

  .emmi_lp {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 2;
  }

  .main-area {
    overflow: initial;
  }
}

.emmi_lp .img {
  /* background: #fff; */
  font-size: 0;
  position: relative;
}

.emmi_lp img,
.emmi_lp picture {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.emmi_lp a,
.emmi_lp picture,
.emmi_lp span {
  display: inline-block;
}

.emmi_lp a video {
  display: block;
  width: 100%;
}

@media screen and (min-width: 768px) {
  /* .img_wrap {
    background: #fff;
  } */
}

/* font */
.emmi_lp .ff_tra {
  font-family: trajan-sans-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
}

.emmi_lp .ff_prag {
  font-family: pragmatica, sans-serif;
  font-weight: 300;
}

.emmi_lp .ff_vdl {
  font-family: "vdl-v7mincho", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.emmi_lp .ff_psf {
  font-family: "psfournier-std", sans-serif;
  font-weight: 300;
  font-style: normal;
}

/* ▽_____________ credit ______________▽ */
.style_credit_block {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* .style_credit_block li:not(.credit_not_margin) {
  margin-right: calc(17* (100vw / 750));
} */

.style_credit_block::after {
  content: "";
  width: 100%;
}

.style_credit_block::before {
  content: "";
  order: 2;
  width: 100%;
}

.style_credit_block li {
  font-family: pragmatica, sans-serif;
  font-weight: 300;
  font-size: calc(22* (100vw / 750));
  letter-spacing: 0.05em;
  line-height: 1.8181818182;
  text-align: center;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .style_credit_block {
    margin-top: calc(60* (100vw / 750));
    gap: 0 calc(18* (100vw / 750));
  }
}

@media screen and (min-width: 768px) {
  .style_credit_block {
    /* justify-content: end; */
    margin: 6.8rem auto 0;
    width: 36rem;
  }

  .style_credit_block li {
    font-size: 1.4rem;
    line-height: 1.857;
  }

  .style_credit_block li:not(.credit_not_margin) {
    margin-right: 1.1rem;
  }
}

/* ▽_____________ fv ______________▽ */
.sec__fv {
  text-align: center;
  margin-top: calc(78* (100vw / 750));
}

.sec__fv h2+p {
  margin-top: calc(90* (100vw /750));
  letter-spacing: 0.07em;
}

@media screen and (min-width: 768px) {
  .sec__fv {
    width: 100rem;
    margin: 7.9rem auto 0;
  }

  .sec__fv h2+p {
    margin-top: 7.2rem;
    letter-spacing: 0.05em;
  }
}

/* ===============================================
  * item-wrap *
  =============================================== */
.item__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(92*(100vw / 750)) calc(53*(100vw / 750));
  margin-top: calc(129*(100vw / 750));
}

@media screen and (max-width: 767px) {

  .item__list--item,
  .js-slider-setColor {
    width: calc(300* (100vw /750));
  }
}

.item__list .--model {
  background: var(--lp-common-colr);
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(22* (100vw /750));
  line-height: 1;
  letter-spacing: 0.05em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(240* (100vw /750));
  height: calc(38* (100vw /750));
  margin: 0 auto;
}

.item__list .--name {
  color: #222;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(42* (100vw /750));
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.045em;
  margin-top: calc(18* (100vw /750));
}

.item__list .--credit {
  font-family: pragmatica, sans-serif;
  font-weight: 300;
  font-size: calc(27* (100vw / 750));
  letter-spacing: 0.025em;
  line-height: 1;
  text-align: center;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  margin-top: calc(29* (100vw /750));
}

.item__list--item:nth-child(n+3) .--name {
  margin-top: calc(28* (100vw /750));
}

@media screen and (min-width: 768px) {
  .item__list {
    width: 80rem;
    gap: 8.2rem 3.7rem;
    padding-left: 0.3rem;
    margin: 7.3rem auto 0;
  }

  .item__list--item {
    width: 31rem;
  }

  .item__list--item a {
    display: block;
  }

  .item__list--item .--img,
  .js-slider-setColor {
    width: 21.6rem;
    margin: 0 auto;
  }

  .item__list .--model {
    font-size: 1.4rem;
    letter-spacing: 0.025em;
    width: 15rem;
    height: 2.4rem;
    font-weight: 300;
  }

  .item__list .--name {
    font-size: 2.6rem;
    margin-top: 1rem;
    white-space: nowrap;
  }

  .item__list .--credit {
    font-size: 1.6rem;
    margin-top: 1.8rem;
  }

  .item__list--item:nth-child(n+3) .--name {
    margin-top: 1.9rem;
  }
}



/* ▽_____________ sec ______________▽ */
.sec__style {
  position: relative;
  width: calc(750* (100vw / 750));
  padding-top: calc(100* (100vw /750));
}

.sec_content,
.sec_content * {
  position: relative;
}

.sec__style:nth-child(even) {
  background: #fff;
}

.sec__style:nth-child(odd) {
  background: #f6f3f2;
}

@media screen and (min-width: 768px) {
  .sec__style {
    padding-top: 8rem;
    padding-bottom: 6rem;
  }
}


.img_area {
  display: grid;
  width: calc(750* (100vw /750));
}

.tx_area {
  text-align: center;
  padding: calc(77* (100vw /750)) 0 calc(92* (100vw /750));
}

.tx_area h3 {
  color: #222;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(44* (100vw /750));
  line-height: 1;
  letter-spacing: 0.02em;
}

.tx_area .insta_link {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(27* (100vw /750));
  line-height: 1;
  letter-spacing: 0.05em;
  margin-top: calc(29* (100vw /750));
}

.tx_area .--detail {
  margin-top: calc(53* (100vw /750));
}

@media screen and (min-width: 768px) {
  .sec_content {
    width: 140rem;
    margin: auto;
    display: flex;
    justify-content: flex-end;
  }

  .sec__style:nth-child(even) .sec_content {
    flex-direction: row-reverse;
  }

  .img_area {
    width: 80rem;
  }

  .tx_area {
    width: 60rem;
    text-align: center;
    padding: 7.9rem 0 0 0;
    height: fit-content;
    position: sticky;
    top: 0;
  }

  .tx_area h3 {
    font-size: 2.8rem;
  }

  .tx_area .insta_link {
    font-size: 1.4rem;
    margin-top: 1.6rem;
  }

  .tx_area .--detail {
    margin-top: 4.8rem;
  }
}

/* ===============================================
* sec__style1 *
=============================================== */
@media screen and (max-width: 767px) {
  .sec__style1 {
    margin: calc(150* (100vw /750)) auto 0;
  }

  .sec__style1 .img_area {
    grid-template-columns: calc(363* (100vw /750)) auto;
    grid-template-rows: calc(338* (100vw /750)) calc(263* (100vw /750)) auto;
  }

  .img01 {
    width: calc(468* (100vw /750));
    grid-area: 1/1/2/2;
  }

  .img02 {
    width: calc(387* (100vw /750));
    grid-area: 2/2/3/3;
    z-index: 1;
  }

  .img03 {
    width: calc(750* (100vw /750));
    grid-area: 3/1/3/3;
  }
}

@media screen and (min-width: 768px) {
  .sec__style1 {
    margin: 16rem auto 0;
  }

  .sec__style1 .img_area {
    grid-template-columns: 16rem 28rem auto;
    grid-template-rows: 4.5rem 32.6rem auto;
  }

  .img01 {
    width: 36rem;
    grid-area: 1/1/2/2;
    z-index: 1;
  }

  .img02 {
    width: 36rem;
    grid-area: 2/3/3/3;
  }

  .img03 {
    width: 59.5rem;
    grid-area: 3/2/3/3;
  }
}

@media screen and (min-width: 768px) and (max-height: 1000px) {
  .sec__style1 .img_area {
    grid-template-columns: calc(160* (100vh / 1000)) calc(280* (100vh / 1000)) auto;
    grid-template-rows: calc(45* (100vh / 1000)) calc(324* (100vh / 1000)) auto;
  }

  .img01 {
    width: calc(360* (100vh / 1000));
  }

  .img02 {
    width: calc(360* (100vh / 1000));
  }

  .img03 {
    width: calc(595* (100vh / 1000));
  }
}

/* ===============================================
* sec__style2 *
=============================================== */
@media screen and (max-width: 767px) {
  .sec__style2 .img_area {
    grid-template-columns: calc(345* (100vw /750)) auto;
    grid-template-rows: calc(364* (100vw /750)) auto;
  }

  .img04 {
    width: calc(405* (100vw /750));
    grid-area: 1/2/2/3;
    z-index: 1;
  }

  .img05 {
    width: calc(680* (100vw /750));
    grid-area: 2/1/3/3;
  }
}

@media screen and (min-width: 768px) {
  .sec__style2 .img_area {
    width: 72rem;
    grid-template-columns: 38.7rem auto;
    grid-template-rows: 32.5rem auto;
  }

  .img04 {
    width: 33.3rem;
    grid-area: 1/2/2/3;
    z-index: 1;
  }

  .img05 {
    width: 59.5rem;
    grid-area: 2/1/3/3;
  }

  .sec__style2 .tx_area .--detail {
    margin-top: 5.3rem;
  }
}

/* ===============================================
* sec__style3 *
=============================================== */
@media screen and (max-width: 767px) {
  .sec__style3 .img_area {
    grid-template-columns: calc(95* (100vw /750)) calc(223* (100vw /750)) auto;
    grid-template-rows: calc(419* (100vw /750)) calc(355* (100vw /750)) auto;
  }

  .img06 {
    width: calc(652* (100vw /750));
    grid-area: 1/2/2/3;
  }

  .img07 {
    width: calc(410* (100vw /750));
    grid-area: 2/1/3/2;
    z-index: 1;
  }

  .img08 {
    width: calc(432* (100vw /750));
    grid-area: 3/3/4/4;
  }

  .sec__style3 .style_credit_block li:nth-child(n+3) {
    order: 1;
  }
}

@media screen and (min-width: 768px) {
  .sec__style3 .img_area {
    grid-template-columns: 20.5rem 18.5rem auto;
    grid-template-rows: 30.2rem 21.3rem auto;
  }

  .img06 {
    width: 59.5rem;
    grid-area: 1/2/2/3;
  }

  .img07 {
    width: 34rem;
    grid-area: 2/1/3/2;
    z-index: 1;
  }

  .img08 {
    width: 36rem;
    grid-area: 3/3/4/4;
  }

  .sec__style3 .style_credit_block li:nth-child(n+3) {
    order: 1;
  }
}


/* ===============================================
* sec__style4 *
=============================================== */
@media screen and (max-width: 767px) {
  .sec__style4 .img_area {
    grid-template-columns: calc(257* (100vw /750)) auto;
    grid-template-rows: calc(272* (100vw /750)) auto;
  }

  .img09 {
    width: calc(437* (100vw /750));
    grid-area: 1/2/2/3;
    z-index: 1;
  }

  .img10 {
    width: calc(750* (100vw /750));
    grid-area: 2/1/3/2;
  }

  .sec__style4 .style_credit_block li:nth-child(n+3) {
    order: 1;
  }
}

@media screen and (min-width: 768px) {
  .sec__style4 .img_area {
    width: 74rem;
    grid-template-columns: 36rem auto;
    grid-template-rows: 23rem auto;
  }

  .img09 {
    width: 38rem;
    grid-area: 1/2/2/3;
    z-index: 1;
  }

  .img10 {
    width: 50.4rem;
    grid-area: 2/1/3/2;
  }

  .sec__style4 .style_credit_block li:nth-child(n+3) {
    order: 1;
  }

  .sec__style4 .tx_area .--detail {
    margin-top: 5.3rem;
  }
}


/* ===============================================
* sec__style5 *
=============================================== */
@media screen and (max-width: 767px) {
  .sec__style5 .img_area {
    grid-template-columns: calc(370*(100vw / 750)) auto;
    grid-template-rows: calc(328*(100vw / 750)) calc(293*(100vw / 750)) auto;
  }

  .img11 {
    width: calc(439* (100vw /750));
    grid-area: 1/1/2/2;
    z-index: 2;
  }

  .img12 {
    width: calc(380* (100vw /750));
    grid-area: 2/2/3/3;
    z-index: 1;
  }

  .img13 {
    width: calc(750* (100vw /750));
    grid-area: 3/1/4/3;
  }
}

@media screen and (min-width: 768px) {
  .sec__style5 .img_area {
    grid-template-columns: 14.5rem 31.5rem auto;
    grid-template-rows: 14rem 23rem auto;
  }

  .img11 {
    width: 34rem;
    grid-area: 1/3/2/4;
    z-index: 1;
  }

  .img12 {
    width: 36rem;
    grid-area: 2/1/3/2;
    z-index: 1;
  }

  .img13 {
    width: 59.5rem;
    grid-area: 3/2/4/4;
  }
}

/* ===============================================
* sec__style6 *
=============================================== */
@media screen and (max-width: 767px) {
  .sec__style6 .img_area {
    grid-template-columns: calc(350*(100vw / 750)) calc(13* (100vw /750)) auto;
    grid-template-rows: calc(200*(100vw / 750)) calc(620*(100vw / 750)) auto;
  }

  .img14 {
    width: calc(400* (100vw /750));
    grid-area: 1/2/2/3;
    z-index: 1;
  }

  .img15 {
    width: calc(576* (100vw /750));
    grid-area: 2/1/3/3;
  }

  .img16 {
    width: calc(387* (100vw /750));
    grid-area: 3/3/4/4;
    z-index: 1;
  }

  .sec__style6 .style_credit_block li:nth-child(n+3) {
    order: 1;
  }
}

@media screen and (min-width: 768px) {
  .sec__style6 .img_area {
    grid-template-columns: 38rem 8rem auto;
    grid-template-rows: 9.9rem 42.1rem auto;
  }

  .img14 {
    width: 34rem;
    grid-area: 1/3/2/4;
    z-index: 1;
  }

  .img15 {
    width: 50.4rem;
    grid-area: 2/1/3/3;
  }

  .img16 {
    width: 36rem;
    grid-area: 3/2/4/3;
    z-index: 1;
  }
}

/* ===============================================
* sec__style7 *
=============================================== */
@media screen and (max-width: 767px) {
  .sec__style7 .img_area {
    grid-template-columns: calc(120*(100vw / 750)) auto;
    grid-template-rows: calc(558*(100vw / 750)) auto;
  }

  .img17 {
    width: calc(630* (100vw /750));
    grid-area: 1/2/2/3;
  }

  .img18 {
    width: calc(418* (100vw /750));
    grid-area: 2/1/3/3;
    z-index: 1;
  }

  .sec__style7 .style_credit_block li:nth-child(n+4) {
    order: 1;
  }
}

@media screen and (min-width: 768px) {
  .sec__style7 .img_area {
    padding-top: 4rem;
    grid-template-columns: 29.6rem auto;
    grid-template-rows: 38.5rem auto;
  }

  .img17 {
    width: 50.4rem;
    grid-area: 1/2/2/3;
  }

  .img18 {
    width: 38rem;
    grid-area: 2/1/3/3;
    z-index: 1;
  }

  .sec__style7 .style_credit_block li:nth-child(n+3) {
    order: 1;
  }

  .sec__style7 .tx_area .--detail {
    margin-top: 5.3rem;
  }
}

/* ===============================================
* sec__style8 *
=============================================== */
@media screen and (max-width: 767px) {
  .sec__style8 .img_area {
    grid-template-columns: calc(65*(100vw / 750)) calc(95* (100vw /750)) auto;
    grid-template-rows: calc(270*(100vw / 750)) calc(480* (100vw /750)) auto;
  }

  .img19 {
    width: calc(397* (100vw /750));
    grid-area: 1/1/2/2;
    z-index: 1;
  }

  .img20 {
    width: calc(590* (100vw /750));
    grid-area: 2/3/3/4;
  }

  .img21 {
    width: calc(432* (100vw /750));
    grid-area: 3/2/4/3;
    z-index: 1;
  }

  .sec__style8 .style_credit_block li:nth-child(n+3) {
    order: 1;
  }
}

@media screen and (min-width: 768px) {
  .sec__style8 .img_area {
    grid-template-columns: 20.5rem 17.5rem auto;
    grid-template-rows: 26rem 25.5rem auto;
  }

  .img19 {
    width: 29.5rem;
    grid-area: 2/1/3/2;
    z-index: 1;
  }

  .img20 {
    width: 59.5rem;
    grid-area: 1/2/2/3;
  }

  .img21 {
    width: 36rem;
    grid-area: 3/3/4/4;
  }

  .sec__style8 .style_credit_block li:nth-child(n+3) {
    order: 1;
  }

  .sec__style8 .style_credit_block li:nth-child(n+5) {
    order: 2;
  }
}

/* ===============================================
* info__wrap *
=============================================== */
.info__wrap .--logo {
  width: calc(554*(100vw / 750));
  margin: calc(136*(100vw / 750)) auto 0;
  position: relative;
  left: calc(7* (100vw /750));
}

.info__wrap .--date {
  text-align: center;
  margin-top: calc(48*(100vw / 750));
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(38* (100vw /750));
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.info__wrap .--date span {
  display: block;
  font-size: calc(27* (100vw /750));
}

.info__wrap .--place {
  text-align: center;
  margin-top: calc(55* (100vw /750));
  line-height: 2;
}

@media screen and (min-width: 768px) {
  .info__wrap .--logo {
    width: 31.6rem;
    margin: 11.9rem auto 0;
    left: 0;
  }

  .info__wrap .--date {
    margin-top: 1.7rem;
    font-size: 2.2rem;
    line-height: 1.84;
  }

  .info__wrap .--date span {
    font-size: 1.6rem;
  }

  .info__wrap .--place {
    margin-top: 2.9rem;
  }
}

/* ===============================================
* youtube *
=============================================== */
.youtubeWrap {
  position: relative;
  margin: calc(140* (100vw /750)) auto 0;
  width: calc(672 * (100vw / 750));
  height: calc(378 * (100vw / 750));
}

.youtubeWrap::before {
  content: "";
  position: absolute;
  background: var(--lp-common-colr);
  width: calc(692 * (100vw /750));
  height: calc(398* (100vw /750));
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  top: calc(-10* (100vw /750));
}

@media screen and (max-width: 767px) {
  .youtubeWrap:not(.block10Wrap__youtubeWrap) {
    padding-bottom: calc(117* (100vw /750));
  }

  .block10Wrap__youtubeWrap iframe {
    width: calc(672 * (100vw / 750));
    height: calc(378 * (100vw / 750));
  }
}

@media screen and (min-width: 768px) {
  .youtubeWrap {
    width: 64rem;
    height: 36rem;
    margin: 12rem auto 0;
  }

  .youtubeWrap::before {
    width: 65.6rem;
    height: 37.6rem;
    top: -0.8rem;
  }

  .block10Wrap__youtubeWrap iframe,
  .block10Wrap__youtubeWrap video {
    width: 64rem;
    height: 36rem;
  }
}


/* ===============================================
* a.lp__btn  *
=============================================== */
a.lp__btn {
  width: calc(480* (100vw /750));
  height: calc(90* (100vw /750));
  margin: calc(188* (100vw /750)) auto calc(140* (100vw /750));
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(38* (100vw /750));
  line-height: 1;
  letter-spacing: 0.05em;
  color: #fff;
  background: var(--lp-common-colr);
}

@media screen and (min-width: 768px) {
  a.lp__btn {
    width: 27.4rem;
    height: 5.2rem;
    margin: 11rem auto 11.7rem;
    font-size: 2.2rem;
  }
}








/* ===============================================
* オートスライド　調整 *
=============================================== */
.auto_slider {
  overflow: hidden;
  width: 100%;
  height: calc(385*(100vw / 750));
  margin-top: calc(120*(100vw / 750));
}

.auto_slider .slick-list {
  overflow: visible;
}

.auto_slider_item {
  width: calc(440* (100vw /750));
}

.auto_slider .slick-slide:nth-child(even) {
  margin-top: calc(42* (100vw /750));
}

.auto_slider .slick-slide {
  position: relative;
  margin-right: calc(14.5* (100vw / 750)) !important;
  margin-left: calc(14.5* (100vw / 750)) !important;
}

.auto_slider .slick-slide::before {
  content: "";
  position: absolute;
  background: #a68b7f;
  width: 100%;
  height: 100%;
  top: calc(10* (100vw /750));
  left: calc(10* (100vw /750));
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .auto_slider {
    height: 34.8rem;
    margin-top: 12.6rem;
  }

  .auto_slider_item {
    width: 40rem;
  }

  .auto_slider .slick-slide:nth-child(even) {
    margin-top: 4rem;
  }

  .auto_slider .slick-slide {
    margin-right: 1.15rem !important;
    margin-left: 1.15rem !important;
  }

  .auto_slider .slick-slide::before {
    top: 0.8rem;
    left: 0.8rem;
  }
}

/* ===============================================
* アイテムスライド　調整 *
=============================================== */
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  bottom: calc(-12* (100vw /750));
  z-index: 1;
}

/* ドット___________________________*/
.slick-dots li {
  width: calc(12* (100vw /750)) !important;
  height: calc(12* (100vw /750)) !important;
  margin: 0 calc(5.5* (100vw /750)) !important;
}

.slick-dots li button {
  width: calc(13* (100vw /750)) !important;
  height: calc(13* (100vw /750)) !important;
  border-radius: 50% !important;
  padding: 0 !important;
  background: initial !important;
  z-index: 1 !important;
}

.slick-dots li.slick-active button {
  background: initial;
}

.slick-dots li button:before {
  content: "" !important;
  color: transparent !important;
  border-radius: 50%;
  font-size: 0 !important;
  line-height: 0 !important;
  opacity: 0.6 !important;
  width: calc(12* (100vw /750)) !important;
  height: calc(12* (100vw /750)) !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: -1 !important;
}

.js-slider-setColor .slick-dots li.slick-active button:before {
  opacity: 1 !important;
  background: #000;
  border: #000 calc(2* (100vw /750)) solid;
}

.js-slider-setColor .slick-dots li button:before {
  opacity: 1 !important;
  border: #000 calc(2* (100vw /750)) solid;
}

@media screen and (min-width: 768px) {

  .slick-dots {
    bottom: -1.2rem;
    left: -0.2rem;
    z-index: 1;
    position: absolute;
  }

  /* ドット___________________________*/
  .slick-dots li {
    width: 0.8rem !important;
    height: 0.8rem !important;
    margin: 0 0.3rem !important;
  }

  .slick-dots li button {
    width: 0.8rem !important;
    height: 0.8rem !important;
  }

  .slick-dots li button:before {
    width: 0.8rem !important;
    height: 0.8rem !important;
    box-sizing: border-box;
  }

  .js-slider-setColor .slick-dots li.slick-active button:before {
    border: #000 1px solid;
  }

  .js-slider-setColor .slick-dots li button:before {
    border: #000 1px solid;
  }
}














/* ▽ lp__foot_btn ▽ */
.emmi_lp .lp__foot_btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(560* (100vw / 750));
  height: calc(189* (100vw / 750));
  margin: calc(189* (100vw / 750)) auto 0;
  font-size: calc(40* (100vw / 750));
  letter-spacing: 0.045em;
  background: rgba(255, 255, 255, 0.45);
}

.emmi_lp .lp__foot_btn::before {
  content: "";
  position: absolute;
  background: url(../img/svg/all_btn_sp.svg) center/contain no-repeat;
  width: calc(640* (100vw / 750));
  height: calc(189* (100vw / 750));
  left: 50%;
  transform: translateX(-50%);
  top: calc(-1* (100vw / 750));
  z-index: 1;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .emmi_lp .lp__foot_btn {
    width: 34rem;
    height: 8.8rem;
    margin: -7rem auto 0;
    font-size: 2.4rem;
    letter-spacing: 0.045em;
  }

  .emmi_lp .lp__foot_btn::before {
    background: url(../img/svg/all_btn_pc.svg) center/contain no-repeat;
    width: 38rem;
    height: 8.8rem;
    top: 0;
  }
}









@media only screen and (min-width: 561px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {}

@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}






/* ▽_____________ animation ______________▽ */
/* .js-fadeIn {
  opacity: 0;
  transition: ease-in, opacity 1500ms;
}

.js-fadeIn.showFade {
  opacity: 1;
}

.js-fadeIn.prof__wrap,
.comment--wrap .js-fadeIn {
  transform: translateY(100px);
  transition: ease-in, opacity 1500ms, transform 1500ms;
}

.js-fadeIn.prof__wrap.showFade,
.comment--wrap .js-fadeIn.showFade {
  transform: translateY(0);
} */




.js-fadeIn .img_wrap {
  opacity: 0;
  transform: translateY(100px);
}

.js-fadeIn .img_wrap:nth-of-type(1) {
  transition: opacity 1500ms ease 0.3s, transform 1500ms ease 0.3s;
}

.js-fadeIn .img_wrap:nth-of-type(2) {
  transition: opacity 1500ms ease 0.7s, transform 1500ms ease 0.7s;
}

.js-fadeIn .img_wrap:nth-of-type(3) {
  transition: opacity 1500ms ease 1s, transform 1500ms ease 1s;
}

.js-fadeIn.showFade .img_wrap {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (min-width: 768px) {

  .js-fadeIn .img_wrap:nth-of-type(1) {
    transition: opacity 1500ms ease 1s, transform 1500ms ease 1s;
  }

  .js-fadeIn .img_wrap:nth-of-type(2) {
    transition: opacity 1500ms ease 1.4s, transform 1500ms ease 1.4s;
  }

  .js-fadeIn .img_wrap:nth-of-type(3) {
    transition: opacity 1500ms ease 1.8s, transform 1500ms ease 1.8s;
  }

}