@charset "UTF-8";

/* ページ共通___________________________*/
.emmi_lp {
  position: relative;
  --font-gothic: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --font-haboro: "haboro-contrast-normal", sans-serif;
  --font-pragma: "pragmatica", sans-serif;
  --fw-thin: 100;
  --fw-book: 300;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 600;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-blue: #677591;
  --color-lightblue: #A9CFED;
  --color-gray: #909090;
  overflow-x: clip;
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 560;
  --sp-artboard-width: 300;
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
  --variable: calc(100vw / var(--pc-width));
}


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

  .pc-only {
    display: none !important;
  }
}

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

  .emmi_lp {
    /* font-size: 1.4rem;
    letter-spacing: 0.025em;
    line-height: 2.1428571429; */
  }

  .main-area {
    overflow: initial;
  }

  .sp-only {
    display: none !important;
  }
}

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

.emmi_lp img,
.emmi_lp picture,
.emmi_lp video {
  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_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 ______________▽ */
.credit__wrap::after {
  content: "";
  width: 100%;
}

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

.credit__wrap li {
  font-family: var(--font-pragma);
  font-weight: var(--fw-light);
  font-size: calc(22* var(--variable)* var(--ratio));
  letter-spacing: 0.05em;
  line-height: 1.8181818182;
}

@media screen and (min-width: 768px) {
  .credit__wrap li {
    font-size: min(16.4267 * (100vw/1400), 16.4267px);
    line-height: 1.8181801579;
  }
}

/* ▽_____________ fv ______________▽ */
.sec__fv {
  text-align: center;
  margin-top: calc(58* var(--variable)* var(--ratio));
}

.sec__fv .sec__fv_lead {
  font-family: var(--font-gothic);
  font-weight: var(--fw-medium);
  font-size: calc(24* var(--variable)* var(--ratio));
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: calc(71* var(--variable)* var(--ratio));
}

@media screen and (min-width: 768px) {
  .sec__fv {
    margin-top: 0;
  }
  .sec__fv .sec__fv_lead {
    font-size: min(18*(100vw / 1400), 18px);
    margin-top: min(44*(100vw / 1400), 44px);
  }
}






/* ▽_____________ sec ______________▽ */
.sec,
.sec__content-wrap,
.sec__content-item {
  position: relative;
  z-index: 2;
}

.imgttl {
  position: absolute;
}

/* @media screen and (min-width: 768px) {
  .sec__content-item::before {
    width: 10rem;
    height: 13.7rem;
  }
} */

.sec .sec__content-item .img__num {
  font-family: var(--font-haboro);
  font-weight: var(--fw-book);
  font-size: calc(132* var(--variable)* var(--ratio));
  letter-spacing: -0.025em;
  position: absolute;
  pointer-events: none;
  color: var(--color-gray);
  z-index: 5;
}

/* ===============================================
* sec1 *
=============================================== */
  .sec1::before {
    content: " ";
    background-image: url(../img/sec01_bg01.png);
    background-repeat: no-repeat;
    width: calc(740* var(--variable)* var(--ratio));
    position: absolute;
    left: calc(-15* var(--variable)* var(--ratio));
    top: calc(-95* var(--variable)* var(--ratio));
    height: calc(1015* var(--variable)* var(--ratio));
    background-size: contain;
    z-index: 0;
  }
  .sec1::after {
    content: " ";
    background-image: url(../img/sec01_bg02.png);
    background-repeat: no-repeat;
    width: calc(880* var(--variable)* var(--ratio));
    position: absolute;
    left: calc(42* var(--variable)* var(--ratio));
    top: calc(742* var(--variable)* var(--ratio));
    height: calc(1207* var(--variable)* var(--ratio));
    background-size: contain;
    z-index: 0;
  }
  .sec1 .sec__content-item--1 {
    width: calc(750* var(--variable)* var(--ratio));
    margin: calc(142* var(--variable)* var(--ratio)) auto 0;
    position: relative;
  }
  .sec1 .sec__content-item--1 .sec__txt_box {
    align-items: center;
  }
  .sec1 .sec__content-item--1 .sec__sub_title {
    width: calc(348* var(--variable)* var(--ratio));
    margin: 0 auto;
  }
  .sec1 .sec__content-item--1 .sec__title {
    font-family: var(--font-haboro);
    font-size: calc(78* var(--variable)* var(--ratio));
    letter-spacing: 0.025em;
    color: var(--color-blue);
    font-weight: var(--fw-book);
    text-align: center;
    margin: calc(20* var(--variable)* var(--ratio)) auto 0;
  }
  .sec1 .sec__content-item--1 .sec__lead {
    font-family: var(--font-gothic);
    font-size: calc(24* var(--variable)* var(--ratio));
    letter-spacing: 0.05em;
    line-height: 2;
    font-weight: var(--fw-medium);
    text-align: center;
    margin: calc(24* var(--variable)* var(--ratio)) auto 0;
  }
  .sec1 .sec__content-item--1 .item__img_box {
    width: calc(495* var(--variable)* var(--ratio));
    margin: 0 auto;
    margin-top: calc(46* var(--variable)* var(--ratio));
  }
  .sec1 .sec__content-item--1 .credit__wrap {
    text-align: center;
    margin-top: calc(30* var(--variable)* var(--ratio));
  }

  .sec1 .sec__content-item--2 {
    width: calc(750* var(--variable)* var(--ratio));
    margin: calc(152* var(--variable)* var(--ratio)) 0 0 0;
  }
  .sec1 .sec__content-item--2 .item__img_box01 {
    width: calc(720* var(--variable)* var(--ratio));
    margin-left: 0;
    position: relative;
  }
  .sec1 .sec__content-item--2 .item__img_box01::before {
    content: " ";
    background-image: url(../img/sec01_bg03.png);
    background-repeat: no-repeat;
    width: calc(740* var(--variable)* var(--ratio));
    position: absolute;
    left: calc(-95* var(--variable)* var(--ratio));
    top: calc(1050* var(--variable)* var(--ratio));
    height: calc(1015* var(--variable)* var(--ratio));
    background-size: contain;
    z-index: -1;
  }
  .sec1 .sec__content-item--2 .img__num {
    top: calc(-90* var(--variable)* var(--ratio));
    left: calc(16* var(--variable)* var(--ratio));
  }

  .sec1 .sec__content-item--2 .item__img_box02 {
    width: calc(540* var(--variable)* var(--ratio));
    margin-left: calc(210* var(--variable)* var(--ratio));
    margin-top: calc(70* var(--variable)* var(--ratio));
  }
  .sec1 .sec__content-item--2 .credit__wrap {
    width: calc(630* var(--variable)* var(--ratio));
    margin-top: calc(32* var(--variable)* var(--ratio));
    margin-left: calc(40* var(--variable)* var(--ratio));
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 0 calc(18* var(--variable)* var(--ratio));
  }

  .sec1 .sec__content-item--3 {
    width: calc(750* var(--variable)* var(--ratio));
    margin: 0 auto;
    margin-top: calc(161* var(--variable)* var(--ratio));
  }

  .sec1 .sec__content-item--3 .item__img_box01 {
    width: calc(690* var(--variable)* var(--ratio));
    margin: 0 auto;
    position: relative;
  }
  .sec1 .sec__content-item--3 .item__img_box01::after {
    content: " ";
    background-image: url(../img/sec01_bg04.png);
    background-repeat: no-repeat;
    width: calc(880* var(--variable)* var(--ratio));
    position: absolute;
    left: calc(-190* var(--variable)* var(--ratio));
    top: calc(880* var(--variable)* var(--ratio));
    height: calc(657* var(--variable)* var(--ratio));
    background-size: contain;
    z-index: -1;
  }
  .sec1 .sec__content-item--3 .img__num {
    top: calc(-90* var(--variable)* var(--ratio));
    right: calc(-16* var(--variable)* var(--ratio));
  }

  .sec1 .sec__content-item--3 .item__img_box02 {
    margin-top: calc(100* var(--variable)* var(--ratio));
  }

  .sec1 .sec__content-item--3 .js-slider-set3_item img {
    width: calc(420* var(--variable)* var(--ratio));
    margin-left: calc(7* var(--variable)* var(--ratio));
    margin-right: calc(7* var(--variable)* var(--ratio));
  }
  .sec1 .sec__content-item--3 .slick-list {
    padding-left: calc(150* var(--variable)* var(--ratio));
    padding-right: calc(150* var(--variable)* var(--ratio));
  }

  .sec1 .sec__content-item--3 .credit__wrap {
    width: calc(650* var(--variable)* var(--ratio));
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: calc(32* var(--variable)* var(--ratio));
    gap: 0 calc(18* var(--variable)* var(--ratio));
    justify-content: center;
  }

@media screen and (min-width: 768px) {
  .sec .sec__content-item .img__num {
    font-size: min(98.56 * (100vw/1400), 98.56px);
  }
  .sec1::before {
    width: min(553*(100vw / 1400), 553px);
    left: max(-9*(100vw / 1400), -9px);
    top: max(-70*(100vw / 1400), -70px);
    height: min(758*(100vw / 1400), 758px);
  }
  .sec1::after {
    width: min(657*(100vw / 1400), 657px);
    left: min(30*(100vw / 1400), 30px);
    top: min(555*(100vw / 1400), 555px);
    height: min(901*(100vw / 1400), 901px);
  }
  .sec1 .sec__content-item--1 {
    width: min(560 * (100vw/1400), 560px);
    margin: min(95*(100vw / 1400), 95px) auto 0;
  }
  .sec1 .sec__content-item--1 .sec__sub_title {
    width: min(262 * (100vw/1400), 262px);
  }
  .sec1 .sec__content-item--1 .sec__title {
    font-size: min(58.24 * (100vw/1400), 58.24px);
    margin: min(15*(100vw / 1400), 15px) auto 0;
  }
  .sec1 .sec__content-item--1 .sec__lead {
    font-size: min(18*(100vw / 1400), 18px);
    margin: min(18*(100vw / 1400), 18px) auto 0;
  }
  .sec1 .sec__content-item--1 .item__img_box {
    width: min(369.6 * (100vw/1400), 369.6px);
    margin-top: min(35*(100vw / 1400), 35px);
  }
  .sec1 .sec__content-item--1 .credit__wrap {
    margin-top: min(23*(100vw / 1400), 23px);
  }

  .sec1 .sec__content-item--2 {
    width: min(560 * (100vw/1400), 560px);
    margin: min(113*(100vw / 1400), 113px) 0 0 0;
  }
  .sec1 .sec__content-item--2 .item__img_box01 {
    width: min(537.6 * (100vw/1400), 537.6px);
  }
  .sec1 .sec__content-item--2 .item__img_box01::before {
    width: min(553*(100vw / 1400), 553px);
    left: max(-75*(100vw / 1400), -75px);
    top: min(775*(100vw / 1400), 775px);
    height: min(758*(100vw / 1400), 758px);
  }
  .sec1 .sec__content-item--2 .img__num {
    top: max(-68*(100vw / 1400), -68px);
    left: min(12*(100vw / 1400), 12px);
  }

  .sec1 .sec__content-item--2 .item__img_box02 {
    width: min(403*(100vw / 1400), 403px);
    margin-left: min(157*(100vw / 1400), 157px);
    margin-top: min(53*(100vw / 1400), 53px);
  }
  .sec1 .sec__content-item--2 .credit__wrap {
    width: min(460*(100vw / 1400), 460px);
    margin-top: min(23*(100vw / 1400), 23px);
    margin-left: min(30*(100vw / 1400), 30px);
    gap: 0 min(13*(100vw / 1400), 13px);
  }

  .sec1 .sec__content-item--3 {
    width: min(560*(100vw / 1400), 560px);
    margin-top: min(120*(100vw / 1400), 120px);
  }

  .sec1 .sec__content-item--3 .item__img_box01 {
    width: min(515.2 * (100vw/1400), 515.2px);
  }
  .sec1 .sec__content-item--3 .item__img_box01::after {
    width: min(657*(100vw / 1400), 657px);
    left: max(-145*(100vw / 1400), -145px);
    top: min(655*(100vw / 1400), 655px);
    height: min(491*(100vw / 1400), 491px);
  }
  .sec1 .sec__content-item--3 .img__num {
    top: max(-68*(100vw / 1400), -68px);
    right: max(-11*(100vw / 1400), -11px);
  }

  .sec1 .sec__content-item--3 .item__img_box02 {
    margin-top:  min(74 * (100vw/1400), 74px);
  }

  .sec1 .sec__content-item--3 .js-slider-set3_item img {
    width: min(313.6 * (100vw/1400), 313.6px);
    margin-left: min(5 * (100vw/1400), 5px);
    margin-right: min(5 * (100vw/1400), 5px);
  }
  .sec1 .sec__content-item--3 .slick-list {
    padding-left: min(122 * (100vw/1400), 122px);
    padding-right: min(122 * (100vw/1400), 122px);
  }

  .sec1 .sec__content-item--3 .credit__wrap {
    width: min(490*(100vw / 1400), 490px);
    margin-top: min(23*(100vw / 1400), 23px);
    gap: 0 min(14*(100vw / 1400), 14px);
  }
}


/* ===============================================
* sec2 *
=============================================== */
.sec2::before {
  content: " ";
  background-image: url(../img/sec01_bg05.png);
  background-repeat: no-repeat;
  width: calc(780* var(--variable)* var(--ratio));
  position: absolute;
  right: calc(-82* var(--variable)* var(--ratio));
  top: calc(-115* var(--variable)* var(--ratio));
  height: calc(1070* var(--variable)* var(--ratio));
  background-size: contain;
  z-index: 0;
}
.sec2::after {
  content: " ";
  background-image: url(../img/sec01_bg06.png);
  background-repeat: no-repeat;
  width: calc(750* var(--variable)* var(--ratio));
  position: absolute;
  left: calc(0* var(--variable)* var(--ratio));
  top: calc(720* var(--variable)* var(--ratio));
  height: calc(805* var(--variable)* var(--ratio));
  background-size: contain;
  z-index: 0;
}
.sec2 .sec__content-item--1 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: calc(131* var(--variable)* var(--ratio)) auto 0;
  position: relative;
}
.sec2 .sec__content-item--1 .sec__txt_box {
  align-items: center;
}
.sec2 .sec__content-item--1 .sec__sub_title {
  width: calc(348* var(--variable)* var(--ratio));
  margin: 0 auto;
}
.sec2 .sec__content-item--1 .sec__title {
  font-family: var(--font-haboro);
  font-size: calc(78* var(--variable)* var(--ratio));
  letter-spacing: 0.025em;
  color: var(--color-blue);
  font-weight: var(--fw-book);
  text-align: center;
  margin: calc(20* var(--variable)* var(--ratio)) auto 0;
}
.sec2 .sec__content-item--1 .sec__lead {
  font-family: var(--font-gothic);
  font-size: calc(24* var(--variable)* var(--ratio));
  letter-spacing: 0.05em;
  line-height: 2;
  font-weight: var(--fw-medium);
  text-align: center;
  margin: calc(24* var(--variable)* var(--ratio)) auto 0;
}
.sec2 .sec__content-item--1 .item__img_box {
  width: calc(510* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(47* var(--variable)* var(--ratio));
}
.sec2 .sec__content-item--1 .credit__wrap {
  text-align: center;
  margin-top: calc(30* var(--variable)* var(--ratio));
}

.sec2 .sec__content-item--2 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: calc(152* var(--variable)* var(--ratio)) 0 0 0;
  position: relative;
  z-index: 10;
}
.sec2 .sec__content-item--2 .item__img_box01 {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.sec2 .sec__content-item--2 .credit__wrap {
  width: calc(630* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(32* var(--variable)* var(--ratio));
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 calc(18* var(--variable)* var(--ratio));
}

.sec2 .sec__content-item--3 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(90* var(--variable)* var(--ratio));
  position: relative;
}
.sec2 .sec__content-item--3::before {
  content: " ";
  background-image: url(../img/sec01_bg07.png);
  background-repeat: no-repeat;
  width: calc(880* var(--variable)* var(--ratio));
  position: absolute;
  left: calc(-110* var(--variable)* var(--ratio));
  top: calc(-282* var(--variable)* var(--ratio));
  height: calc(1207* var(--variable)* var(--ratio));
  background-size: contain;
  z-index: -1;
}
.sec2 .sec__content-item--3 .item__img_box01 {
  width: calc(465* var(--variable)* var(--ratio));
  margin-left: 0;
  position: relative;
  z-index: 5;
}
.sec2 .sec__content-item--3 .item__img_box02 {
  width: calc(435* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(430* var(--variable)* var(--ratio));
  right: calc(0* var(--variable)* var(--ratio));
}

.sec2 .sec__content-item--4 {
  width: calc(440* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(490* var(--variable)* var(--ratio));
}

@media screen and (min-width: 768px) {
  .sec2::before {
    width: min(582.4*(100vw / 1400), 582.4px);
    right: max(-60*(100vw / 1400), -60px);
    top: max(-88*(100vw / 1400), -88px);
    height: min(799*(100vw / 1400), 799px);
  }
  .sec2::after {
    width: min(560*(100vw / 1400), 560px);
    left: min(0*(100vw / 1400), 0px);
    top: min(537*(100vw / 1400), 537px);
    height: min(601*(100vw / 1400), 601px);
  }
  .sec2 .sec__content-item--1 {
    width: min(560*(100vw / 1400), 560px);
    margin: min(98*(100vw / 1400), 98px) auto 0;
  }
  .sec2 .sec__content-item--1 .sec__sub_title {
    width: min(262 * (100vw/1400), 262px);
  }
  .sec2 .sec__content-item--1 .sec__title {
    font-size: min(58* (100vw/1400), 58px);
    margin: min(15* (100vw/1400), 15px) auto 0;
  }
  .sec2 .sec__content-item--1 .sec__lead {
    font-size: min(18* (100vw/1400), 18px);
    margin: min(18* (100vw/1400), 18px) auto 0;
  }
  .sec2 .sec__content-item--1 .item__img_box {
    width: min(381*(100vw / 1400), 381px);
    margin-top: min(34*(100vw / 1400), 34px);
  }
  .sec2 .sec__content-item--1 .credit__wrap {
    margin-top: min(24* (100vw/1400), 24px);
  }
  
  .sec2 .sec__content-item--2 {
    width: min(560* (100vw/1400), 560px);
    margin: min(112*(100vw / 1400), 112px) 0 0 0;
  }
  .sec2 .sec__content-item--2 .credit__wrap {
    width: min(400* (100vw/1400), 400px);
    margin-top: min(23* (100vw/1400), 23px);
    gap: 0 min(12*(100vw / 1400), 12px);
  }
  
  .sec2 .sec__content-item--3 {
    width: min(560* (100vw/1400), 560px);
    margin-top: min(68*(100vw / 1400), 68px);
  }
  .sec2 .sec__content-item--3::before {
    width: min(657*(100vw / 1400), 657px);
    left: max(-80*(100vw / 1400), -80px);
    top: max(-212*(100vw / 1400), -212px);
    height: min(901*(100vw / 1400), 901px);
  }
  .sec2 .sec__content-item--3 .item__img_box01 {
    width: min(347.2* (100vw/1400), 347.2px);
  }
  .sec2 .sec__content-item--3 .item__img_box02 {
    width: min(324.8* (100vw/1400), 324.8px);
    top: min(322*(100vw / 1400), 322px);
    right: min(0* (100vw/1400), 0px);
  }
  
  .sec2 .sec__content-item--4 {
    width: min(329* (100vw/1400), 329px);
    margin-top: min(366*(100vw / 1400), 366px);
  }
}

/* ===============================================
* sec3 *
=============================================== */
.sec3::before {
  content: " ";
  background-image: url(../img/sec01_bg08.png);
  background-repeat: no-repeat;
  width: calc(740* var(--variable)* var(--ratio));
  position: absolute;
  left: calc(0* var(--variable)* var(--ratio));
  top: calc(30* var(--variable)* var(--ratio));
  height: calc(1015* var(--variable)* var(--ratio));
  background-size: contain;
  z-index: 0;
}
.sec3::after {
  content: " ";
  background-image: url(../img/sec01_bg09.png);
  background-repeat: no-repeat;
  width: calc(880* var(--variable)* var(--ratio));
  position: absolute;
  right: calc(-250* var(--variable)* var(--ratio));
  top: calc(538* var(--variable)* var(--ratio));
  height: calc(1207* var(--variable)* var(--ratio));
  background-size: contain;
  z-index: 0;
}
.sec3 .sec__content-item--1 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: calc(165* var(--variable)* var(--ratio)) auto 0;
  position: relative;
}
.sec3 .sec__content-item--1 .sec__txt_box {
  align-items: center;
}
.sec3 .sec__content-item--1 .sec__sub_title {
  width: calc(221* var(--variable)* var(--ratio));
  margin: 0 auto;
}
.sec3 .sec__content-item--1 .sec__title {
  font-family: var(--font-haboro);
  font-size: calc(65* var(--variable)* var(--ratio));
  letter-spacing: 0.05em;
  color: var(--color-blue);
  font-weight: var(--fw-book);
  line-height: 1.4;
  text-align: center;
  margin: calc(12* var(--variable)* var(--ratio)) auto 0;
}
.sec3 .sec__content-item--1 .sec__title span {
  font-size: calc(58* var(--variable)* var(--ratio));
}
.sec3 .sec__label {
  font-family: var(--font-haboro);
  font-size: calc(36* var(--variable)* var(--ratio));
  letter-spacing: 0.05em;
  font-weight: var(--fw-book);
  text-align: center;
  background-color: var(--color-blue);
  color: var(--color-white);
  padding: calc(5* var(--variable)* var(--ratio));
}
.sec3 .sec__content-item--1 .sec__label {
  width: calc(300* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(43* var(--variable)* var(--ratio));
}
.sec3 .sec__content-item--1 .item__img_box {
  width: calc(690* var(--variable)* var(--ratio));
  margin-left: calc(60* var(--variable)* var(--ratio));
  margin-top: calc(120* var(--variable)* var(--ratio));
}
.sec3 .sec__content-item--1 .credit__wrap {
  margin-top: calc(28* var(--variable)* var(--ratio));
}

.sec3 .sec__content-item--2 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: calc(153* var(--variable)* var(--ratio)) 0 0 0;
}
.sec3 .sec__content-item--2 .sec__label {
  width: calc(400* var(--variable)* var(--ratio));
  margin: 0 auto;
}
.sec3 .sec__content-item--2 .item__img_box01 {
  width: calc(495* var(--variable)* var(--ratio));
  margin-left: 0;
  margin-top: calc(80* var(--variable)* var(--ratio));
  position: relative;
}
.sec3 .sec__content-item--2 .img_txt_box {
  width: calc(385* var(--variable)* var(--ratio));
  position: absolute;
  left: calc(330* var(--variable)* var(--ratio));
  top: calc(305* var(--variable)* var(--ratio));
  z-index: 5;
}
.sec3 .img_title {
  font-family: var(--font-haboro);
  font-weight: var(--fw-book);
  font-size: calc(68* var(--variable)* var(--ratio));
  letter-spacing: 0.05em;
  color: var(--color-blue);
  text-align: right;
}
.sec3 .img_sub_title {
  font-family: var(--font-haboro);
  font-weight: var(--fw-thin);
  font-size: calc(52* var(--variable)* var(--ratio));
  letter-spacing: 0.05em;
  color: var(--color-blue);
  text-align: right;
  margin-top: calc(18* var(--variable)* var(--ratio));
}
.sec3 .img_lead {
  font-family: var(--font-gothic);
  font-weight: var(--fw-medium);
  font-size: calc(23* var(--variable)* var(--ratio));
  letter-spacing: 0.05em;
  text-align: justify;
  margin-top: calc(43* var(--variable)* var(--ratio));
  line-height: 2;
}

.sec3 .sec__content-item--3 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(236* var(--variable)* var(--ratio));
  position: relative;
}
.sec3 .sec__content-item--3::before {
  content: " ";
  background-image: url(../img/sec01_bg10.png);
  background-repeat: no-repeat;
  width: calc(880* var(--variable)* var(--ratio));
  position: absolute;
  right: calc(-154* var(--variable)* var(--ratio));
  top: calc(-120* var(--variable)* var(--ratio));
  height: calc(1268* var(--variable)* var(--ratio));
  background-size: contain;
  z-index: 0;
}
.sec3 .sec__content-item--3 .item__img_box01 {
  width: calc(510* var(--variable)* var(--ratio));
  margin-left: calc(240* var(--variable)* var(--ratio));
  position: relative;
  z-index: 5;
}
.sec3 .sec__content-item--3 .item__img_box01 .img_txt_box {
  width: calc(370* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(68* var(--variable)* var(--ratio));
  left: calc(-200* var(--variable)* var(--ratio));
  z-index: 7;
}
.sec3 .sec__content-item--3 .item__img_box01 .img_title {
  text-align: left;
  line-height: 1.3970588235;
}
.sec3 .sec__content-item--3 .item__img_box01 .img_sub_title {
  text-align: left;
  margin-top: calc(8* var(--variable)* var(--ratio));
}

.sec3 .sec__content-item--3 .item__img_box02 {
  width: calc(495* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(600* var(--variable)* var(--ratio));
  left: 0;
}
.sec3 .sec__content-item--3 .item__img_box02 .img_txt_box {
  width: calc(495* var(--variable)* var(--ratio));
  position: absolute;
  top: calc(483* var(--variable)* var(--ratio));
  right: calc(-216* var(--variable)* var(--ratio));
  z-index: 7;
  pointer-events: none;
}
.sec3 .sec__content-item--3 .item__img_box02 .img_title {
  line-height: 1.3970588235;
}
.sec3 .sec__content-item--3 .item__img_box02 .img_sub_title {
  margin-top: calc(7* var(--variable)* var(--ratio));
  letter-spacing: 0.025em;
}
.sec3 .sec__content-item--3 .item__img_box02 .img_lead {
  text-align: right;
}
.sec3 .sec__content-item--4 {
  width: calc(440* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(905* var(--variable)* var(--ratio));
  padding-bottom: calc(156* var(--variable)* var(--ratio));
}

@media screen and (min-width: 768px) {
  .sec3::before {
    width: min(553* (100vw/1400), 553px);
    left: min(0* (100vw/1400), 0px);
    top: min(22*(100vw / 1400), 22px);
    height: min(758* (100vw/1400), 758px);
  }
  .sec3::after {
    width: min(657*(100vw / 1400), 657px);
    right: max(-186*(100vw / 1400), -186px);
    top: min(400*(100vw / 1400), 400px);
    height: min(901*(100vw / 1400), 901px);
  }
  .sec3 .sec__content-item--1 {
    width: min(560* (100vw/1400), 560px);
    margin: min(123*(100vw / 1400), 123px) auto 0;
  }
  .sec3 .sec__content-item--1 .sec__sub_title {
    width: min(167* (100vw/1400), 167px);
  }
  .sec3 .sec__content-item--1 .sec__title {
    font-size: min(49* (100vw/1400), 49px);
    margin: min(7*(100vw / 1400), 7px) auto 0;
  }
  .sec3 .sec__content-item--1 .sec__title span {
    font-size: min(43* (100vw/1400), 43px);
  }
  .sec3 .sec__label {
    font-size: min(27* (100vw/1400), 27px);
    padding: min(4*(100vw / 1400), 4px);
  }
  .sec3 .sec__content-item--1 .sec__label {
    width: min(216*(100vw / 1400), 216px);
    margin: 0 auto;
    margin-top: min(23*(100vw / 1400), 23px);
  }
  .sec3 .sec__content-item--1 .item__img_box {
    width: min(515*(100vw / 1400), 515px);
    margin-left: min(45*(100vw / 1400), 45px);
    margin-top: min(90*(100vw / 1400), 90px);
  }
  .sec3 .sec__content-item--1 .credit__wrap {
    margin-top: min(23* (100vw/1400), 23px);
  }
  
  .sec3 .sec__content-item--2 {
    width: min(560*(100vw / 1400), 560px);
    margin: min(112*(100vw / 1400), 112px) 0 0 0;
  }
  .sec3 .sec__content-item--2 .sec__label {
    width: min(292*(100vw / 1400), 292px);
    margin: 0 auto;
  }
  .sec3 .sec__content-item--2 .item__img_box01 {
    width: min(370* (100vw/1400), 370px);
    margin-top: min(59*(100vw / 1400), 59px);
  }
  .sec3 .sec__content-item--2 .img_txt_box {
    width: min(300*(100vw / 1400), 300px);
    left: min(234*(100vw / 1400), 234px);
    top: min(229*(100vw / 1400), 229px);
  }
  .sec3 .img_title {
    font-size: min(51* (100vw/1400), 51px);
  }
  .sec3 .img_sub_title {
    font-size: min(39*(100vw / 1400), 39px);
    margin-top: min(12*(100vw / 1400), 12px);
  }
  .sec3 .img_lead {
    font-size: min(17*(100vw / 1400), 17px);
    margin-top: min(33*(100vw / 1400), 33px);
  }
  .sec3 .sec__content-item--2 .img_txt_box .img_lead {
    padding-left: min(10*(100vw / 1400), 10px);
    padding-right: min(7*(100vw / 1400), 7px);
  }
  .sec3 .sec__content-item--3 {
    width: min(560* (100vw/1400), 560px);
    margin-top: min(176*(100vw / 1400), 176px);
  }
  .sec3 .sec__content-item--3::before {
    width: min(657*(100vw / 1400), 657px);
    right: max(-115*(100vw / 1400), -115px);
    top: max(-90*(100vw / 1400), -90px);
    height: min(947*(100vw / 1400), 947px);
  }
  .sec3 .sec__content-item--3 .item__img_box01 {
    width: min(381* (100vw/1400), 381px);
    margin-left: min(179* (100vw/1400), 179px);
  }
  .sec3 .sec__content-item--3 .item__img_box01 .img_txt_box {
    width: min(299*(100vw / 1400), 299px);
    top: min(51*(100vw / 1400), 51px);
    left: max(-149*(100vw / 1400), -149px);
  }
  .sec3 .sec__content-item--3 .item__img_box01 .img_sub_title {
    margin-top: min(4*(100vw / 1400), 4px);
  }
  .sec3 .sec__content-item--3 .item__img_box02 {
    width: min(370* (100vw/1400), 370px);
    top: min(448*(100vw / 1400), 448px);
    left: 0;
  }
  .sec3 .sec__content-item--3 .item__img_box02 .img_txt_box {
    width: min(348*(100vw / 1400), 348px);
    top: min(361*(100vw / 1400), 361px);
    right: max(-160*(100vw / 1400), -160px);
  }
  .sec3 .sec__content-item--3 .item__img_box02 .img_sub_title {
    margin-top: min(4*(100vw / 1400), 4px);
  }
  .sec3 .sec__content-item--4 {
    width: min(329*(100vw / 1400), 329px);
    margin: 0 auto;
    margin-top: min(675*(100vw / 1400), 675px);
    padding-bottom: min(100*(100vw / 1400), 100px);
  }
}


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

.model__img.js-fadeIn {
  transition-property: opacity;
  transition-timing-function: ease-in;
  transition-duration: 1500ms;
}

  .js-fadeIn.fade_left {
    transform: translateX(calc(50*(100vw / 750)));
    transition-property: all;
    transition-duration: 1000ms;
    transition-timing-function: ease;
  }

  .js-fadeIn.fade_left.showFade {
    transform: translateX(0);
  }

  .js-fadeIn.fade_top {
    transform: translateY(calc(50*(100vw / 750)));
    transition-property: all;
    transition-duration: 1000ms;
    transition-timing-function: ease;
  }

  .js-fadeIn.fade_top.showFade {
    transform: translateY(0);
  }

@media (min-width: 768px) {
  .js-fadeIn.fade_left {
    transform: translateX(50px);
    transition-property: all;
    transition-duration: 1500ms;
    transition-timing-function: ease;
  }
  .js-fadeIn.fade_top {
    transform: translateY(50px);
    transition-property: all;
    transition-duration: 1500ms;
    transition-timing-function: ease;
  }
}

/* 
.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);
} */


/* slide-in-inner___________________________*/
.slide-in {
  overflow: hidden;
  display: inline-block;
}

.slide-in_inner {
  display: inline-block;
  font-family: "sofia-pro", sans-serif;
  font-weight: 200;
  font-style: normal;
  color: #304463;
}

/*左右のアニメーション*/
.leftAnime {
  opacity: 0;
  /*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
  animation-name: slideTextX100;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  opacity: 0;
  height: 100%;
}


@keyframes slideTextX100 {
  from {
    transform: translateY(-100%);
    /*要素を左の枠外に移動*/
    opacity: 0;
  }

  to {
    transform: translateY(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}

.slideAnimeRightLeft {
  animation-name: slideTextX-100;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  opacity: 0;
  height: 100%;
}


@keyframes slideTextX-100 {
  from {
    transform: translateY(100%);
    /*要素を右の枠外に移動*/
    opacity: 0;
  }

  to {
    transform: translateY(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}

.derayanime {
  font-family: "sofia-pro", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.derayanime .js-fadeIn {
  transition: ease-in, opacity 0;
}

.derayanime .deray01 {
  transition-delay: 0.3s;
}

.derayanime .deray02 {
  transition-delay: 0.5s;
}

.derayanime .deray03 {
  transition-delay: 0.7s;
  font-weight: 300;
  margin-top: calc(8* (100vw /750));
}

@media (max-width: 767px) {
  .emmi_lp .sticky-container {
    width: calc(1120 *(100vw / 1120)); /* 固定幅を指定 */
  }
  .emmi_lp .sec__fv_pc {
    width: calc(560 *(100vw / 1120));
  }
  /* .emmi_lp .sticky-contents {
    width: calc(560 *(100vw / 1120));
    overflow: clip;
  } */
}

@media (min-width: 768px) {
  .emmi_lp {
    width: 100%;
    background-color: rgba(169, 207, 237, .25);
  }
  .emmi_lp .sticky-container {
    display: flex;
    max-width: 1120px; /* 固定幅を指定 */
    width: 100%;       /* 追加：親要素に合わせて広げる */
    margin: 0 auto;
    background-color: var(--color-white);
  }
  .emmi_lp .sec__fv_pc {
    width: 560px;
    height: 100vh;
    position: sticky;
    left: 0px;
    top: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: clip;
    /* align-items: center; */
  }
  .emmi_lp .sec__fv_pc .model__img img {
    height: 100vh;
    width: auto;
    object-fit: cover;
    object-position: right;
    position: absolute;
    right: 0;
    top: 0;
  }
  /* .emmi_lp .sec__fv_pc .change_img {
    width: 56rem;
    margin: 0 auto;
    margin-top: 2.7rem;
  } */
  .emmi_lp .sticky-contents {
    width: 560px;
    overflow: clip;
  }
}

@media screen and (min-width: 768px){
  .change_img_wrap{
    position: relative;
  }
  .change_img{
    position: absolute;
    opacity: 0;
    transition: all 0.5s;
    visibility: hidden;
  }
  .change_img.active{
    opacity: 1;
    visibility: visible;
  }
}

  /* LOOP */
  .lineup_outer {
    width: 100%;
    margin: 0 auto;
  }
  .lineup_outer .lineup_list,  .lineup_outer .lineup_list2 {
    box-sizing: border-box;
    width: calc(750* var(--variable)* var(--ratio));
    margin: 0 auto;
  }
  .lineup_outer .lineup_list {
    margin-top: calc(120* var(--variable)* var(--ratio));
  }
  .lineup_outer .lineup_list2 {
    margin-top: calc(88* var(--variable)* var(--ratio));
  }
  .lineup_outer .swiper-slide {
    width: calc(276* var(--variable)* var(--ratio)) !important;
    margin-right: calc(14* var(--variable)* var(--ratio));
  }
  .lineup_outer .swiper-wrapper {
    transition-timing-function: linear;
  }

  @media screen and (min-width: 768px){
    .lineup_outer .lineup_list,  .lineup_outer .lineup_list2 {
      width: min(560 * (100vw/1400), 560px);
      margin: 0 auto;
    }
    .lineup_outer .lineup_list {
      margin-top: 0;
    }
    .lineup_outer .lineup_list2 {
      margin-top: min(64*(100vw / 1400), 64px);
    }
    .lineup_outer .swiper-slide {
      width: min(206 * (100vw/1400), 206px) !important;
      margin-right: min(10.5 * (100vw/1400), 10.5px);
    }
  }