@charset "UTF-8";


:root {
  --fv-color: #F7AC69;

  --sec1-color: #D9CDDB;

  --sec2-color: #E3D4CF;
}

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

img.EmbeddedMediaImage {
    object-fit: cover;
}

@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.025em;
  }

  .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%;
}

/* 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_toppan {
  font-family: "toppan-bunkyu-gothic-pr6n", serif;
  font-weight: 400;
  font-style: normal;
}

.emmi_lp .ff_haboro {
  font-family: haboro-contrast-normal, sans-serif;
  font-weight: 400;
  font-style: normal;
}

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

/* .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: end;
  white-space: nowrap;
}

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

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

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

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





@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));
  }
}

















/* ▽_____________ lp all ______________▽ */
.bg {
  position: relative;
  width: 100%;
}

.bg::before {
  content: "";
  position: absolute;
  width: 100%;
  background: #000;
  opacity: 0.05;
  z-index: -1;
}

.sec {
  width: calc(645 * (100vw / 750));
  margin: auto;
}

.sec .about .creditTtl a,
.look .about .aboutTtl {
  font-family: 'Noto Sans', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  letter-spacing: 0;
}

.sec .about .iconWrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.sns__wrap .insta:not(.ttl) {
  border: 1px solid #000;
  font-family: 'Noto Sans', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  text-align: center;
}

.sns__wrap .insta ul {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  letter-spacing: 0;
}
.sns__wrap .instaLille .insta.ttl {
  font-family: 'Noto Sans', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}





/* ▽_____________ lp sp ______________▽ */
@media screen and (max-width: 767px) {
  .sec__fv p {
    margin: calc(130 * (100vw / 750)) auto calc(65 * (100vw / 750));
    letter-spacing: 0.025em;
    text-align: center;
  }

  .sec.--01 {
    margin-bottom: calc(118 * (100vw / 750));
  }

  .sec .sec__titleWrap {
    position: relative;
    height: calc(165 * (100vw / 750));
    margin: auto;
    z-index: 10;
  }

  .sec .sec__titleWrap * {
    width: auto;
    height: 100%;
  }

  .sec.--01 .sec__titleWrap {
    margin-bottom: calc(55 * (100vw / 750));
  }

  .sec.--01 .imgWrap {
    margin: 0 auto calc(48 * (100vw / 750));
  }

  .sec .about .creditTtl a:first-line {
    font-size: calc(35 * (100vw / 750));
    line-height: 1.657;
    letter-spacing: 0.025em;
  }

  .sec .about .creditTtl a {
    font-size: calc(32 * (100vw / 750));
    font-weight: 700;
    line-height: 1.75;
  }

  .look .about .aboutTtl {
    font-size: calc(30 * (100vw / 750));
    font-weight: 700;
    line-height: 1.767;
    letter-spacing: 0.1em;
  }

  .sec .about .creditTtl {
    margin: 0 0 calc(33 * (100vw / 750));
  }

  .look .about .aboutTtl {
    margin: 0 0 calc(38 * (100vw / 750));
  }

  .sec .about .leadTxt,
  .look .about .leadTxt {
    font-size: calc(24 * (100vw / 750));
    line-height: 2;
    letter-spacing: 0.025em;
  }

  .sec .about .iconWrap {
    gap: calc(47 * (100vw / 750));
    margin: calc(48 * (100vw / 750)) 0 0;
  }

  .sec .about .iconWrap img {
    height: calc(143 * (100vw / 750));
    width: auto;
  }

  .sec .about .iconWrap img:nth-of-type(2) {
    height: calc(143 * (100vw / 750));
    width: auto;
  }

  /* sec 02 */
  .bg.--01::before {
    height: 100%;
  }

  .sec.--02 {
    padding: calc(60 * (100vw / 750)) 0 calc(100 * (100vw / 750));
    margin-bottom: calc(60 * (100vw / 750));
  }

  .sec.--02 .sec__titleWrap {
    height: calc(165 * (100vw / 750));
    margin-bottom: calc(50 * (100vw / 750));
  }

  .sec.--02 .imgWrap {
    margin: 0 auto calc(45 * (100vw / 750));
  }

  /* sec 03 */
  .sec.--03 {
    margin-bottom: calc(125 * (100vw / 750));
  }

  .sec.--03 .sec__titleWrap {
    height: calc(415 * (100vw / 750));
    text-align: right;
    margin-bottom: calc(-25 * (100vw / 750));
  }

  .sec.--03 .imgWrap {
    margin: 0 auto calc(46 * (100vw / 750));
  }

  /* look 01 */
  .look {
    position: relative;
    margin-bottom: calc(118 * (100vw / 750));
  }

  .bg.--02::before {
    top: calc(680 * (100vw / 750));
    height: calc(2535 * (100vw / 750));
  }

  .look.--01 {
    margin-bottom: calc(140 * (100vw / 750));
  }

  .look .look__titleWrap {
    position: relative;
    width: calc(140 * (100vw / 750));
    z-index: 10;
  }

  .look.--01 .look__titleWrap {
    margin: 0 calc(28 * (100vw / 750)) calc(-370 * (100vw / 750)) auto;
  }

  .look.--01 .imgWrap.--01 {
    width: calc(680 * (100vw / 750));
    margin-bottom: calc(-45 * (100vw / 750));
  }

  .look.--01 .imgWrap.--02.slider {
    width: calc(500 * (100vw / 750));
    margin: 0 0 calc(47 * (100vw / 750)) auto;
  }

  .look.--01 .imgWrap.--03.slider {
    width: calc(550 * (100vw / 750));
    margin: 0 0 calc(40 * (100vw / 750)) calc(52 * (100vw / 750));
  }

  .look.--01 .imgWrap.--04 {
    display: flex;
    width: 100%;
    margin: 0 0 0 auto;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: calc(15 * (100vw / 750));
    align-items: flex-end;
  }

  .look.--01 .imgWrap.--04>a {
    width: calc(420 * (100vw / 750));
  }

  .look.--01 .creditWrap,
  .look.--04 .creditWrap {
    margin-bottom: calc(-7* (100vw / 750));
    line-height: 1.8;
    text-align: left;
  }

  .look .creditWrap * {
    font-family: pragmatica, sans-serif;
    font-weight: 300;
    font-size: calc(22* (100vw / 750));
    letter-spacing: 0.05em;
    width: fit-content;
  }

  .look.--01 .about {
    width: calc(645 * (100vw / 750));
    margin: 0 auto calc(87 * (100vw / 750));
  }

  /* look 02 */
  .look.--02 {
    margin-bottom: calc(190 * (100vw / 750));
  }

  .look.--02 .look__titleWrap {
    margin: 0 0 calc(-370 * (100vw / 750)) calc(50 * (100vw / 750));
  }

  .look.--02 .look__gridWrap:first-of-type {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .look.--02 .about {
    width: calc(435 * (100vw / 750));
    margin: calc(13 * (100vw / 750)) auto calc(68 * (100vw / 750)) calc(265 * (100vw / 750));
  }

  .look.--02 .imgWrap.--01.slider {
    width: calc(640 * (100vw / 750));
    margin: 0 0 calc(80 * (100vw / 750)) 0;
  }

  .look.--02 .imgWrap.--02 {
    width: calc(440 * (100vw / 750));
    margin: 0 0 calc(-230 * (100vw / 750)) auto;
  }

  .look.--02 .imgWrap.--03 {
    width: calc(400 * (100vw / 750));
    margin: 0 0 calc(35 * (100vw / 750)) 0;
  }

  .look.--02 .creditWrap,
  .look.--03 .creditWrap,
  .look.--05 .creditWrap {
    line-height: 1.68;
  }

  .look.--02 .creditWrap {
    text-align: center;
  }

  .look.--02 .creditWrap li,
  .look.--03 .creditWrap li,
  .look.--05 .creditWrap li {
    display: inline-block;
    margin-right: calc(10 * (100vw / 750));
  }

  .look.--02 .creditWrap li.credit_not_margin,
  .look.--03 .creditWrap li.credit_not_margin,
  .look.--05 .creditWrap li.credit_not_margin {
    margin-right: 0;
  }

  /* look 03 */
  .bg.--03::before {
    top: calc(80 * (100vw / 750));
    height: calc(1850 * (100vw / 750));
  }

  .look.--03 {
    margin-bottom: calc(137 * (100vw / 750));
  }

  .look.--03 .look__titleWrap {
    margin: 0 calc(25 * (100vw / 750)) calc(-545 * (100vw / 750)) auto;
  }

  .look.--03 .imgWrap.--01.slider {
    width: calc(620 * (100vw / 750));
    margin: 0 auto calc(68 * (100vw / 750));
  }

  .look.--03 .imgWrap.--02 {
    width: calc(365 * (100vw / 750));
    margin-top: calc(60 * (100vw / 750));
  }

  .look.--03 .imgWrap.--03 {
    width: calc(365 * (100vw / 750));
    margin: 0 0 calc(35 * (100vw / 750)) 0;
  }

  .look.--03 .about {
    width: calc(620 * (100vw / 750));
    margin: 0 auto calc(45 * (100vw / 750));
  }

  .look.--03 .creditWrap {
    width: calc(620 * (100vw / 750));
    margin: 0 auto calc(70 * (100vw / 750));
    text-align: left;
  }

  .look.--03 .look__gridWrap:last-of-type {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  /* look 04 */
  .look.--04 {
    margin-bottom: calc(140 * (100vw / 750));
  }

  .look.--04 .look__titleWrap {
    margin: 0 0 calc(-410 * (100vw / 750)) calc(34 * (100vw / 750));
  }

  .look.--04 .imgWrap.--01 {
    width: calc(620 * (100vw / 750));
    margin: 0 0 0 auto;
  }

  .look.--04 .imgWrap.--02.slider {
    width: calc(610 * (100vw / 750));
    margin-bottom: calc(50 * (100vw / 750));
  }

  .look.--04 .imgWrap.--03 {
    width: calc(420 * (100vw / 750));
  }

  .look.--04 .look__gridWrap:last-of-type {
    display: flex;
    width: 100%;
    margin: 0 0 0 auto;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: calc(13 * (100vw / 750));
    align-items: flex-end;
  }

  .look.--04 .about {
    width: calc(645 * (100vw / 750));
    margin: 0 auto calc(45 * (100vw / 750));
  }

  .look.--04 .creditWrap {
    margin-bottom: calc(-12* (100vw / 750));
  }

  /* look 05 */
  .bg.--04::before {
    top: calc(180 * (100vw / 750));
    height: calc(2255 * (100vw / 750));
  }

  .look.--05 {
    margin-bottom: calc(145 * (100vw / 750));
  }

  .look.--05 .look__titleWrap {
    position: absolute;
    right: calc(10 * (100vw / 750));
  }

  .look.--05 .imgWrap.--01 {
    width: calc(580 * (100vw / 750));
    margin-bottom: calc(-45 * (100vw / 750));
  }

  .look.--05 .imgWrap.--02 {
    width: calc(460 * (100vw / 750));
    margin: 0 calc(30 * (100vw / 750)) calc(47 * (100vw / 750)) auto;
  }

  .look.--05 .imgWrap.--03 {
    width: calc(560 * (100vw / 750));
    margin: 0 0 calc(34 * (100vw / 750)) 0;
  }

  .look.--05 .about {
    width: calc(645 * (100vw / 750));
    margin: 0 auto calc(87 * (100vw / 750));
  }

  .look.--05 .creditWrap {
    margin: 0 0 calc(255 * (100vw / 750)) calc(40 * (100vw / 750));
  }

  .look.--05 .imgWrap.--04 {
    position: relative;
    width: calc(420 * (100vw / 750));
    margin: 0 calc(85 * (100vw / 750)) calc(50 * (100vw / 750)) auto;
  }

  .look.--05 .imgWrap.--04 .bg {
    position: absolute;
    top: calc(-140 * (100vw / 750));
    left: calc(-160 * (100vw / 750));
    z-index: -1;
  }

  .look.--05 .look__gridWrap:last-of-type p {
    width: calc(580 * (100vw / 750));
    margin: auto;
  }

  /* sns */
  .sns__wrap .insta:not(.ttl) {
    max-width: calc(620 * (100vw / 750));
    padding: calc(60 * (100vw / 750)) calc(60 * (100vw / 750)) calc(50 * (100vw / 750));
    margin: 0 auto calc(155 * (100vw / 750));
  }

  .sns__wrap .imgWrap.--01 {
    margin-bottom: calc(35 * (100vw / 750));
  }

  .sns__wrap .name {
    margin-bottom: calc(7 * (100vw / 750));
    font-size: calc(40 * (100vw / 750));
    font-weight: 700;
    letter-spacing: 0.05em;
  }

  .sns__wrap .nameJp {
    margin-bottom: calc(35 * (100vw / 750));
    font-size: calc(26 * (100vw / 750));
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
  }

  .sns__wrap .leadTxt {
    white-space: nowrap;
    letter-spacing: 0;
  }

  .sns__wrap .leadTxt {
    margin-bottom: calc(13 * (100vw / 750));
  }

  .sns__wrap .insta ul {
    font-size: calc(24 * (100vw / 750));
  }

  .sns__wrap .insta ul li span:nth-of-type(2) {
    margin: auto calc(7 * (100vw / 750));
  }

  .sns__wrap .instaLille .insta.ttl {
    font-size: calc(30 * (100vw / 750));
    margin-bottom: calc(40 * (100vw / 750));
  }

  .sns__wrap .instaLille .lille {
    width: calc(660 * (100vw / 750));
    margin: 0 auto calc(125 * (100vw / 750));
  }

  .emmi_lp a.lp__foot_btn {
    display: block;
    width: calc(500 * (100vw / 750));
    height: calc(85 * (100vw / 750));
    margin: 0 auto calc(135 * (100vw / 750));
  }

  .emmi_lp .staff {
    font-family: pragmatica, sans-serif;
    font-size: calc(22 * (100vw / 750));
    line-height: 2.182;
    text-align: center;
    margin-bottom: calc(135 * (100vw / 750));
  }

}




/* ▽_____________ lp pc ______________▽ */
@media screen and (min-width: 768px) {
  .sec__fv {
    
width: 100rem;
    
margin: auto;
  }
  .sec__fv p {
    margin: 7.2rem auto 5.6rem;
    line-height: 2.143;
    letter-spacing: 0.025em;
    text-align: center;
  }

  .sec.--01 {
    margin-bottom: 7.8rem;
  }

  .sec .sec__titleWrap {
    position: relative;
    height: 10.65rem;
    margin: auto;
    text-align: center;
    z-index: 10;
  }

  .sec .sec__titleWrap * {
    width: auto;
    height: 100%;
  }

  .sec.--01 .sec__titleWrap picture{
    transform: translateX(5.3rem);
  }

  .sec.--01 .sec__titleWrap {
    margin-bottom: 4.2rem;
  }

  .sec.--01 .sec__gridWrap{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 80rem;
    margin: auto;
  }

  .sec.--01 .imgWrap {
    width: 36rem;
    margin: 0;
  }

  .sec.--01 .about {
    width: 38rem;
    margin-top: 5.3rem;
  }

  .sec .about .creditTtl a:first-line {
    font-size: 2.0rem;
    line-height: 1.657;
    letter-spacing: 0.025em;
  }

  .sec .about .creditTtl a {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.9;
  }

  .look .about .aboutTtl {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.767;
    letter-spacing: 0.025em;
  }

  .sec .about .creditTtl {
    margin: 0 0 1.7rem;
  }

  .look .about .aboutTtl {
    margin: 0 0 2.4rem;
    letter-spacing: 0.1em;
  }

  .sec .about .leadTxt,
  .look .about .leadTxt {
    font-size: 1.4rem;
    line-height: 2.143;
    letter-spacing: 0.05em;
  }

  .sec .about .iconWrap {
    gap: 3.3rem;
    margin: 3.1rem 0 0;
  }

  .sec .about .iconWrap img {
    height: 8.2rem;
    width: auto;
  }

  .sec .about .iconWrap img:nth-of-type(2) {
    /* height: 14.3rem; */
    width: auto;
  }

  /* sec 02 */
  .bg.--01::before {
    top: -14rem;
    height: 76rem;
  }

  .sec.--02 {
    position: relative;
    width: 80rem;
    margin-bottom: 9.8rem;
  }

  .sec.--02 .sec__titleWrap {
    width: fit-content;
    height: 10.57rem;
    margin: 0;
    margin-bottom: 6rem;
  }

  .sec.--02 .imgWrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 36rem;
  }

  .sec.--02 .about{
    width: 38rem;
    margin-left: 0.7rem;
  }

  /* sec 03 */
  .sec.--03 {
    position: relative;
    width: 80rem;
    margin-bottom: 11.9rem;
  }

  .sec.--03 .sec__titleWrap {
    height: 10.65rem;
    text-align: right;
    margin-bottom: -0.7rem;
  }

  .sec.--03 .sec__gridWrap{
    display: flex;
    justify-content: space-between;
  }

  .sec.--03 .sec__titleWrap.num {
    position: absolute;
    right: 0;
    bottom: 4.7rem;
    height: 2.9rem;
  }

  .sec.--03 .imgWrap {
    width: 36rem;
  }

  .sec.--03 .about {
    width: 38rem;
    margin-top: 9.3rem;
  }

  /* look 01 */
  .look {
    position: relative;
    margin-bottom: 11.8rem;
  }

  .bg.--02::before {
    top: 35rem;
    height: 93.2rem;
  }

  .look.--01 {
    width: 80rem;
    margin: 0 auto 24rem;
  }

  .look .look__titleWrap {
    position: relative;
    width: 8.3rem;
    z-index: 10;
  }

  .look.--01 .look__titleWrap {
    position: absolute;
    top: 0;
    right: -1.5rem;
  }

  .look.--01 .look__gridWrap{
    position: relative;
  }

  .look.--01 .look__gridWrap:first-of-type {
    display: grid;
    grid-template-columns: 32rem 6rem 38rem;
    grid-template-rows: 6rem 15rem 32rem 14.5rem 6.5rem 1fr;
  }

  .look.--01 .imgWrap.--01 {
  grid-area: 3 / 3 / 5 / 1;
  z-index: 10;
  }

  .look.--01 .imgWrap.--02 {
  grid-area: 2 / 4 / 5 / 2;
  }

  .look.--01 .look__gridWrap > .imgWrap.--03 {
    position: absolute;
    top: 25rem;
    left: 9rem;
    width: 32.0rem;
  }

  .look.--01 .imgWrap.--04 {
    display: flex;
    width: 100%;
    margin: 0 0 0 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 2.4rem;
    align-items: flex-end;
    margin-top: -13.3rem;
  }

  .look.--01 .imgWrap.--04>a {
    width: 36rem;
  }

  .look.--01 .creditWrap,
  .look.--04 .creditWrap {
    margin-bottom: 0;
    line-height: 1.8;
    text-align: right;
  }

  .look .creditWrap * {
    font-family: pragmatica, sans-serif;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.857;
    letter-spacing: 0.05em;
    width: fit-content;
  }
  .look.--01 .creditWrap li,
  .look.--04 .creditWrap li{
    width: 100%;
    text-align: right;
  }

  .look.--01 .about {
  grid-area: 8 / 3 / 7 / 1;
  margin-top: 5.5rem;
  }

  .look .about .leadTxt{
    line-height: 2;
  }

  /* look 02 */
  .look.--02 {
    width: 80rem;
    margin: auto;
    margin-bottom: 11.3rem;
  }

  .look.--02 .look__titleWrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
  }

  .look.--02 .look__gridWrap:first-of-type {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 7rem;
  }

  .look.--02 .look__gridWrap:last-of-type {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 70rem;
    margin: auto;
    margin-bottom: 2.6rem;
  }

  .look.--02 .about {
    width: 33.0rem;
    margin-bottom: 0.1rem;
  }

  .look.--02 .imgWrap.--01.slider {
    width: 43rem;
    margin: 6rem 0 0 0;
  }

  .look.--02 .imgWrap.--02 {
    width: 38.0rem;
  }

  .look.--02 .imgWrap.--03 {
    width: 30rem;
    margin-top: 18.5rem;
  }

  .look.--02 .creditWrap,
  .look.--03 .creditWrap,
  .look.--05 .creditWrap {
    line-height: 1.68;
  }

  .look.--02 .creditWrap {
    text-align: center;
  }

  .look.--02 .creditWrap li,
  .look.--03 .creditWrap li,
  .look.--05 .creditWrap li {
    display: inline-block;
    margin-right: 0.7rem;
  }

  .look.--02 .creditWrap li.credit_not_margin,
  .look.--03 .creditWrap li.credit_not_margin,
  .look.--05 .creditWrap li.credit_not_margin {
    margin-right: 0;
  }

  /* look 03 */
  .bg.--03::before {
    top: 14rem;
    height: 96.7rem;
  }

  .look.--03 {
    width: 80rem;
    margin: auto;
    margin-bottom: 19rem;
  }

  .look.--03 .look__titleWrap {
    position: absolute;
    top: 2.4rem;
    left: 41.8rem;
    margin: auto;
  }

  .look.--03 .imgWrap.--01.slider {
    width: 44.0rem;
    margin-bottom: 10.1rem;
  }

  .look.--03 .about {
    width: 44.0rem;
    margin-bottom: 3.2rem;
  }

  .look.--03 .creditWrap {
    width: 62.0rem;
    margin: 0;
    text-align: left;
  }

  .look.--03 .look__gridWrap:last-of-type {
    position: absolute;
    top: 36.8rem;
    right: 0rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2rem;
    width: 30rem;
  }

  /* look 04 */
  .look.--04 {
    width: 80rem;
    margin: auto;
    margin-bottom: 12rem;
  }

  .look.--04 .look__titleWrap {
    margin: 0 0 -17.7rem 0;
  }

  .look.--04 .look__gridWrap{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0rem;
  }

  .look.--04 .imgWrap.--01 {
    width: 38.0rem;
    margin: 0 0 0 6rem;
  }

  .look.--04 .imgWrap.--02.slider {
    width: 38.0rem;
    margin: 12rem 0 5.0rem -2rem;
    z-index: 10;
  }

  .look.--04 .imgWrap.--03 {
    width: 30.0rem;
  }

  .look.--04 .look__gridWrap:last-of-type {
    display: flex;
    width: 100%;
    margin: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 6rem;
    align-items: flex-end;
  }

  .look.--04 .about {
    width: 44.0rem;
    margin-bottom: -0.8rem;
  }

  .look.--04 .creditWrap {
    position: absolute;
    top: 79.8rem;
    right: 0;
    text-align: right;
  }

  /* look 05 */
  .bg.--04::before {
    top: 14rem;
    height: 94.3rem;
  }

  .look.--05 {
    width: 80rem;
    margin: auto;
    margin-bottom: 14.5rem;
  }

  .look.--05 .look__titleWrap {
    position: absolute;
    right: 0;
  }

  .look.--05 .imgWrap.--01 {
    width: 42.0rem;
    margin: 0 12rem -12rem auto;
  }

  .look.--05 .imgWrap.--02 {
    width: 34.0rem;
    margin: 0 0 3.7rem 0;
  }

  .look.--05 .imgWrap.--03 {
    width: 38.0rem;
    margin: 0 0 2.6rem auto;
  }

  .look.--05 .about {
    position: absolute;
    top: 66.2rem;
    left: 42rem;
    width: 38rem;
  }

  .look.--05 .creditWrap {
    text-align: right;
    margin: 0 0 32.5rem 4.0rem;
  }

  .look.--05 .imgWrap.--04 {
    position: relative;
    width: 28rem;
    margin: 0 0 2.4rem auto;
  }

  .look.--05 .imgWrap.--04 .bg {
    position: absolute;
    top: -10rem;
    left: -5rem;
    z-index: -1;
  }

  .look.--05 .look__gridWrap:last-of-type p {
    margin: auto;
  }
  
  .look.--05 .look__gridWrap:last-of-type{
    position: absolute;
    top: 132.3rem;
    left: 0rem;
    width: 33.0rem;
  }

  /* sns */
  .sns__wrap .insta:not(.ttl) {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2.3rem;
    width: 66rem;
    padding: 1rem 1rem 0.9rem;
    margin: 0 auto 11.5rem;
    text-align: left;
  }

  .sns__wrap .imgWrap.--01 {
  width: 26rem;
  }

  .sns__wrap .name {
    margin: 1.4rem 0 1.4rem 0;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
  }

  .sns__wrap .nameJp {
    margin-bottom: 2.3rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
  }

  .sns__wrap .leadTxt {
    white-space: nowrap;
    letter-spacing: 0;
  }

  .sns__wrap .leadTxt {
    margin-bottom: 1.3rem;
  }

  .sns__wrap .insta ul {
    font-size: 1.4rem;
  }

  .sns__wrap .insta ul li span:nth-of-type(2) {
    margin: auto 0.4rem;
  }

  .sns__wrap .instaLille .insta.ttl {
    font-size: 2rem;
    margin-bottom: 2.7rem;
    letter-spacing: 0.025em;
  }

  .sns__wrap .instaLille .lille {
    width: 40rem;
    margin: 0 auto 9.8rem;
  }

  .emmi_lp a.lp__foot_btn {
    display: block;
    width: 34rem;
    margin: 0 auto 7.1rem;
  }

  .emmi_lp .staff {
    font-family: pragmatica, sans-serif;
    font-size: 1.2rem;
    line-height: 2.2;
    text-align: center;
    margin-bottom: 10.9rem;
    letter-spacing: 0.05em;
  }
}










/* ▽_____________ animation ______________▽ */
.js-fadeIn {
  opacity: 0;
  transition: ease-in, opacity 1500ms, transform 1000ms;
  transform: translate3d(0, 2.5rem, 0);
}

.js-fadeIn.showFade {
  opacity: 1;
  transform: translateX(0);
  transform: translateY(0);
  transform: translate3d(0, 0, 0);
}
.emmi_lp.js-fade {
  opacity: 0;
  transition: ease-in, opacity 2500ms, transform 1000ms;
}
.emmi_lp.js-fade.active {
  opacity: 1;
}