@charset "UTF-8";

#FU260219influencer {

  --pc-width: 1400;

  --sp-width: 750;

  --pc-artboard-width: 450;

  --sp-artboard-width: 750;

  --formula: calc(var(--variable) * var(--ratio));

  --formula_pc: calc(var(--variable) * 1);

}



@media (min-width: 1401px) {

  #FU260219influencer {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: 1px;

  }

}



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

  #FU260219influencer {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: calc(100vw / var(--pc-width));

  }

}



@media (max-width: 767px) {

  #FU260219influencer {

    --ratio: 1;

    --variable: calc(100vw / var(--sp-width));

  }

}



#FU260219influencer img {

  display: block;

  width: 100%;

  height: auto;

}



#FU260219influencer h2,

#FU260219influencer h3,

#FU260219influencer p,

#FU260219influencer li {

  margin-block: calc((1em - 1lh) / 2);

}



#FU260219influencer .invisible-heading {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}

/* 

//////////////////////////////////////////////////////////////////////////////////////////

common settings

//////////////////////////////////////////////////////////////////////////////////////////

*/

#FU260219influencer {

  position: relative;

  display: flex;

  font-feature-settings: "palt";

  --bg-color: #f8eeef;

  --dark-gray: #333333;

  --pink: #cd9ca3;

  --red: #a82c31;

  --light-gray: #999999;

  --font-hiragino: "hiragino-kaku-gothic-pron", sans-serif;

  --font-marlide: "marlide-display-variable", sans-serif;

  --font-light: 300;

  --font-marlide-weight: "wght" 500;

  margin: 0 0 calc(200 * var(--formula)) 0;

}

#FU260219influencer .sec-set {

  position: relative;

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

}

#FU260219influencer .lp-left-area,

#FU260219influencer .lp-right-area {

  flex: 1;

  top: var(--lpHeaderHeight);

  height: calc(100vh - var(--lpHeaderHeight));

  position: sticky;

  background: var(--bg-color);

  display: grid;

  place-items: center;

}

#FU260219influencer .lp-main-area {

  width: calc(450 * var(--formula_pc));

  overflow-x: clip;

}

#FU260219influencer [class*="__profile-cont"] {

  display: flex;

  flex-direction: column;

  align-items: start;

  position: absolute;

  gap: calc(23 * var(--formula));

}

#FU260219influencer [id*="__h3"] {

  font-family: var(--font-marlide);

  color: var(--dark-gray);

  font-size: calc(64 * var(--formula));

  line-height: 1.1;

  letter-spacing: 0.05em;

  text-align: left;

  font-variation-settings: var(--font-marlide-weight);

}

#FU260219influencer [class*="__job"] {

  font-family: var(--font-marlide);

  color: var(--dark-gray);

  font-size: calc(30 * var(--formula));

  line-height: 1;

  letter-spacing: 0.05em;

  text-align: left;

  font-variation-settings: var(--font-marlide-weight);

}

#FU260219influencer [class*="__instaid"] {

  position: relative;

  font-family: var(--font-marlide);

  color: var(--dark-gray);

  font-size: calc(24 * var(--formula));

  line-height: 1;

  letter-spacing: 0.05em;

  text-align: left;

  display: flex;

  font-variation-settings: var(--font-marlide-weight);

  padding: calc(19 * var(--formula)) 0 0 0;

  gap: calc(10 * var(--formula));

}

#FU260219influencer [class*="__instaid"]::before {

  content: "";

  width: calc(30 * var(--formula));

  height: calc(30 * var(--formula));

  background-image: url(../img/common-insta-01.svg);

  background-repeat: no-repeat;

  background-size: contain;

}

#FU260219influencer [class*="__credit"] {

  font-family: var(--font-marlide);

  color: var(--dark-gray);

  font-size: calc(20 * var(--formula));

  line-height: 1.5;

  letter-spacing: 0.05em;

  display: flex;

  flex-direction: column;

  gap: calc(10 * var(--formula));

  font-variation-settings: var(--font-marlide-weight);

}

#FU260219influencer [class*="-obj-"] {

  position: absolute;

  z-index: 5;

}

#FU260219influencer [class*="-img-"] {

  position: absolute;

}

#FU260219influencer [class*="__inner-cont"] {

  display: flex;

  position: absolute;

}

#FU260219influencer [class*="common-border"],

#FU260219influencer [class*="common-border"] img {

  width: calc(750 * var(--formula));

  height: 1px;

}



#FU260219influencer .slide-up {

  opacity: 0;

  transition: all 1s ease;

  transform: translateY(30px);

}

#FU260219influencer .is-visible.slide-up,

#FU260219influencer .is-visible .slide-up {

  opacity: 1;

  transform: translateY(0);

}



#FU260219influencer .fade-in {

  transition: all 1s ease;

  opacity: 0;

}

#FU260219influencer .is-visible .fade-in {

  opacity: 1;

}

#FU260219influencer .delay1 {

  transition-delay: 0.6s;

}

#FU260219influencer .delay2 {

  transition-delay: 1.2s;

}

#FU260219influencer .delay3 {

  transition-delay: 1.8s;

}



#FU260219influencer .lp-left__txt-cont {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: calc(23 * var(--formula_pc));

}



#FU260219influencer .lp-pc-txt-01 {

  width: calc(372 * var(--formula_pc));

}



#FU260219influencer .lp-left__txt {

  font-family: var(--font-hiragino);

  color: var(--dark-gray);

  font-size: calc(15 * var(--formula_pc));

  line-height: 1;

  letter-spacing: 0.05em;

  text-align: center;

  font-weight: var(--font-light);

}



#FU260219influencer .teaser-cont {

}



#FU260219influencer #lp-ttl {

}

#FU260219influencer .teaser__mv-cont1 {

  display: grid;

  place-items: center;

}



#FU260219influencer .lp-mv-img-01 {

  width: calc(750 * var(--formula));

  grid-area: 1/1;

  z-index: 1;

  position: relative;

}



#FU260219influencer .teaser__txt-cont {

  grid-area: 1/1;

  z-index: 5;

  gap: calc(30 * var(--formula));

  display: flex;

  flex-direction: column;

}



#FU260219influencer .lp-mv-txt-01 {

  width: calc(646 * var(--formula));

}

#FU260219influencer .lp-mv__txt {

  font-family: var(--font-hiragino);

  color: var(--dark-gray);

  font-size: calc(28 * var(--formula));

  line-height: 1;

  letter-spacing: 0.05em;

  text-align: center;

  font-weight: var(--font-light);

}

#FU260219influencer .teaser__txt {

  font-family: var(--font-hiragino);

  color: var(--dark-gray);

  font-size: calc(24 * var(--formula));

  line-height: 2.2;

  letter-spacing: 0.05em;

  text-align: center;

  font-weight: var(--font-light);

  padding: calc(120 * var(--formula)) 0 calc(100 * var(--formula)) 0;

}



#FU260219influencer .teaser-obj-01 {

  width: calc(90 * var(--formula));

  bottom: calc(548 * var(--formula));

  right: calc(59 * var(--formula));

}



#FU260219influencer .teaser__slide-cont {

  display: flex;

  width: 100%;

  justify-content: center;

  margin: calc(39 * var(--formula)) 0 calc(38 * var(--formula))

    calc(28 * var(--formula));

  align-items: center;

  gap: calc(63 * var(--formula));

}



#FU260219influencer #teaser {

  width: calc(220 * var(--formula));

}

#FU260219influencer .splide__arrow {

  width: calc(22 * var(--formula));

  height: calc(70 * var(--formula));

  border-radius: unset;

  background: unset;

  opacity: 1;

}

#FU260219influencer .splide__arrow--prev {

  background-image: url(../img/teaser-arrow-01.svg);

  background-size: contain;

  background-repeat: no-repeat;

  left: calc(-31 * var(--formula));

}

#FU260219influencer .splide__arrow--next {

  background-image: url(../img/teaser-arrow-02.svg);

  background-size: contain;

  background-repeat: no-repeat;

  right: calc(-31 * var(--formula));

}



#FU260219influencer .splide__arrow svg {

  display: none;

}



#FU260219influencer .common-border--2 {

  margin: calc(58 * var(--formula)) 0 0 0;

}



#FU260219influencer .splide__slide {

  width: calc(220 * var(--formula));

}



#FU260219influencer .teaser__item-cont {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: calc(30 * var(--formula));

  margin: 0 0 0 0;

}



#FU260219influencer .teaser__h3 {

  font-family: var(--font-marlide);

  color: var(--dark-gray);

  font-size: calc(58 * var(--formula));

  line-height: 1.1;

  letter-spacing: 0.05em;

  text-align: center;

  font-variation-settings: var(--font-marlide-weight);

}



#FU260219influencer .teaser__price {

  font-family: var(--font-marlide);

  color: var(--dark-gray);

  font-size: calc(36 * var(--formula));

  line-height: 1;

  letter-spacing: 0.05em;

  text-align: center;

  font-variation-settings: var(--font-marlide-weight);

}

#FU260219influencer .teaser__price span {

  font-size: calc(28 * var(--formula));

  line-height: 1.2857;

  letter-spacing: 0.05em;

  text-align: center;

  font-variation-settings: var(--font-marlide-weight);

}



#FU260219influencer .teaser__color-var {

  font-family: var(--font-marlide);

  color: var(--dark-gray);

  font-size: calc(34 * var(--formula));

  line-height: 1.2;

  letter-spacing: 0.05em;

  text-align: center;

  font-variation-settings: var(--font-marlide-weight);

}



#FU260219influencer .teaser__color--pink {

  color: var(--pink);

}

#FU260219influencer .teaser__color--red {

  color: var(--red);

  margin-left: calc(8 * var(--formula));

  margin-right: calc(8 * var(--formula));

}

#FU260219influencer .teaser__color--gray {

  color: var(--light-gray);

}

#FU260219influencer .teaser__color--gray span {

  font-size: calc(26 * var(--formula));

  line-height: 1.5692;

  letter-spacing: 0.05em;

}



#FU260219influencer .sec1 {

  height: calc(1978 * var(--formula));

}



#FU260219influencer .sec1-obj-01 {

  width: calc(98 * var(--formula));

  top: calc(-18 * var(--formula));

  left: calc(63 * var(--formula));

}



#FU260219influencer .sec1__profile-cont {

  top: calc(274 * var(--formula));

  left: calc(40 * var(--formula));

}



#FU260219influencer .sec1__inner-cont {

  top: calc(199 * var(--formula));

  right: 0;

  flex-direction: column;

  gap: calc(23 * var(--formula));

}



#FU260219influencer .sec1-img-01 {

  width: calc(360 * var(--formula));

  position: relative;

}



#FU260219influencer .sec1__credit {

  text-align: right;

  padding: 0 calc(24 * var(--formula)) 0 0;

}



#FU260219influencer .sec1-img-02 {

  width: calc(320 * var(--formula));

  top: calc(603 * var(--formula));

  left: calc(40 * var(--formula));

}



#FU260219influencer .sec1-img-03 {

  width: calc(330 * var(--formula));

  right: calc(30 * var(--formula));

  bottom: calc(490 * var(--formula));

  z-index: 5;

}



#FU260219influencer .sec1-img-04 {

  width: calc(300 * var(--formula));

  bottom: calc(200 * var(--formula));

  left: calc(120 * var(--formula));

  z-index: 1;

}



#FU260219influencer .sec2 {

  height: calc(1729 * var(--formula));

}



#FU260219influencer .sec2-obj-01 {

  width: calc(110 * var(--formula));

  top: calc(-220 * var(--formula));

  right: calc(101 * var(--formula));

}



#FU260219influencer .sec2__profile-cont {

  top: calc(115 * var(--formula));

  left: calc(400 * var(--formula));

}



#FU260219influencer .sec2-img-01 {

  width: calc(360 * var(--formula));

  top: 0;

  left: 0;

}



#FU260219influencer .sec2-img-02 {

  width: calc(270 * var(--formula));

  top: calc(494 * var(--formula));

  right: 0;

}



#FU260219influencer .sec2-img-03 {

  width: calc(380 * var(--formula));

  bottom: calc(485 * var(--formula));

  left: calc(60 * var(--formula));

  z-index: 5;

}



#FU260219influencer .sec2__inner-cont {

  bottom: calc(200 * var(--formula));

  right: calc(40 * var(--formula));

  flex-direction: row-reverse;

  z-index: 1;

  gap: calc(24 * var(--formula));

  align-items: end;

}



#FU260219influencer .sec2-img-04 {

  width: calc(330 * var(--formula));

  position: relative;

}



#FU260219influencer .sec2__credit {

  text-align: right;

  padding: 0 0 calc(3 * var(--formula)) 0;

}



#FU260219influencer .sec3 {

  height: calc(1830 * var(--formula));

}



#FU260219influencer .sec3-obj-01 {

  width: calc(109 * var(--formula));

  top: calc(-90 * var(--formula));

  right: calc(139 * var(--formula));

}



#FU260219influencer .sec3__profile-cont {

  top: calc(526 * var(--formula));

  left: calc(60 * var(--formula));

}



#FU260219influencer .sec3-img-01 {

  width: calc(300 * var(--formula));

  top: 0;

  left: calc(60 * var(--formula));

}



#FU260219influencer .sec3-img-02 {

  width: calc(360 * var(--formula));

  right: 0;

  top: calc(160 * var(--formula));

}



#FU260219influencer .sec3-img-03 {

  width: calc(360 * var(--formula));

  bottom: calc(580 * var(--formula));

  right: 0;

  z-index: 5;

}



#FU260219influencer .sec3__inner-cont {

  bottom: calc(200 * var(--formula));

  left: calc(60 * var(--formula));

  align-items: end;

  gap: calc(25 * var(--formula));

}



#FU260219influencer .sec3-img-04 {

  width: calc(400 * var(--formula));

  position: relative;

  z-index: 1;

}



#FU260219influencer .sec3__credit {

  padding: 0 0 calc(3 * var(--formula)) 0;

}



#FU260219influencer .sec4 {

  height: calc(1654 * var(--formula));

}



#FU260219influencer .sec4-obj-01 {

  width: calc(103 * var(--formula));

  top: calc(-70 * var(--formula));

  left: calc(153 * var(--formula));

}



#FU260219influencer .sec4__profile-cont {

  top: calc(596 * var(--formula));

  right: calc(51 * var(--formula));

}



#FU260219influencer .sec4__instaid {

  gap: calc(14 * var(--formula));

}



#FU260219influencer .sec4-img-01 {

  width: calc(360 * var(--formula));

  top: 0;

  right: 0;

}



#FU260219influencer .sec4-img-02 {

  width: calc(300 * var(--formula));

  top: calc(180 * var(--formula));

  left: calc(45 * var(--formula));

}



#FU260219influencer .sec4-img-04 {

  width: calc(360 * var(--formula));

  bottom: calc(200 * var(--formula));

  right: 0;

}



#FU260219influencer .sec4__inner-cont {

  bottom: calc(460 * var(--formula));

  left: calc(45 * var(--formula));

  flex-direction: column;

  gap: calc(24 * var(--formula));

}



#FU260219influencer .sec4-img-03 {

  width: calc(300 * var(--formula));

  position: relative;

}



#FU260219influencer .sec5 {

  height: calc(1479 * var(--formula));

}



#FU260219influencer .sec5-obj-01 {

  width: calc(110 * var(--formula));

  top: calc(-80 * var(--formula));

  right: calc(119 * var(--formula));

}



#FU260219influencer .sec5__profile-cont {

  top: calc(615 * var(--formula));

  left: calc(30 * var(--formula));

}

#FU260219influencer .sec5-img-01 {

  width: calc(360 * var(--formula));

  top: 0;

  left: calc(30 * var(--formula));

}



#FU260219influencer .sec5-img-02 {

  width: calc(300 * var(--formula));

  top: calc(240 * var(--formula));

  right: calc(30 * var(--formula));

}



#FU260219influencer .sec5-img-03 {

  width: calc(370 * var(--formula));

  bottom: calc(194 * var(--formula));

  right: calc(70 * var(--formula));

}



#FU260219influencer .sec5__inner-cont {

  bottom: 0;

  left: 0;

  align-items: end;

  gap: calc(25 * var(--formula));

}



#FU260219influencer .sec5-img-04 {

  width: calc(270 * var(--formula));

  position: relative;

}



#FU260219influencer .sec5__credit {

  padding: 0 0 calc(3 * var(--formula)) 0;

}



#FU260219influencer .lp-footer {

  margin: calc(220 * var(--formula)) 0 calc(260 * var(--formula)) 0;

}



#FU260219influencer .lp-footer-btn-01 {

  width: calc(600 * var(--formula));

}



#FU260219influencer .lp-pc-btn-01 {

  width: calc(176 * var(--formula_pc));

}

@media (max-width: 767px) {

  #FU260219influencer {

    margin: 0 0 0 0;

  }

  #FU260219influencer .lp-left-area,

  #FU260219influencer .lp-right-area {

    display: none;

  }

  #FU260219influencer .lp-main-area {

    width: 100%;

  }

}