@charset "UTF-8";

#header{
  pointer-events: none;
}

#header > *{
  pointer-events: auto;
}

/* ===============================================### 
LP初期設定
###=============================================== */
*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

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

}

html {
  font-size: 62.5%;
  height: 100%;
}

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


.header:not(.header__top){
  /* z-index: 0; */
}

.demo-content{
  /* --font-ja: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif; */
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  font-style: normal;
  font-feature-settings: "palt";
  color: #000;
  /* overflow: hidden; */
}

.demo-content{
  width: 100%;
  /* max-width: 140rem; */
  margin-inline: auto;
  overflow: clip;
}

.demo-content img,
.demo-content video{
  width: 100%;
  height: auto;
}


/* ===============================================### 
コンテンツ共通設定
###=============================================== */
.demo-content .content-sticky{
  /* position: sticky; */
  /* top: 0; */
}

.demo-content .content01,
.demo-content .content02,
.demo-content .content03{
  /* padding-top: 4rem; */
  /* padding-top: var(--banner-height); */
  /* padding-bottom: 4rem; */
  background-color: #fff;
}

.demo-content .content01.content-sticky,
.demo-content .content02.content-sticky,
.demo-content .content03.content-sticky{
  /* top: -20rem; */
}

.demo-content .content{
  position: relative;
  width: fit-content;
  margin-inline: auto;
}

.demo-content .content__image{
  width: 38rem;
  margin-bottom: 3.9rem;
}

.demo-content .content__text{
  margin-top: 3rem;
  font-size: 2rem;
  line-height: 1.6;
  text-align: center;
  letter-spacing: 0.05em;
}

/************** movie **************/
.demo-content .video-wrap{
  /* width: fit-content; */
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.demo-content .movie__button{
  position: absolute;
  top: 2.3rem;
  left: 3rem;
  z-index: 99999;
  font-size: 1.5rem;
  cursor: pointer;
}

.demo-content .movie__button .sound-off{
  display: none;
}

.demo-content .video {
  object-position: top center;
  display: block;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	height: 100%;
}
/* 1400px以上の場合 */ 
@media (min-width: 1400px) { 
	.demo-content .video { 
		width: 100vw; 
		height: auto;
	} 
}
/* 1400px未満の場合 */ @media (min-width: 768px) and (max-width: 1399px) { 
	.demo-content .video { 
    width: 100%;
    height: auto;
	}
}
@media (max-width: 767px){
  .demo-content .video{
    width: 100%;
    height: auto;
  }

  .demo-content .video-wrap{
    height: calc(1125 * (100vw /750));
  }
}

/************** flex **************/
.demo-content .flex-wrapper{
  display: flex;
  align-items: flex-start;
}

.demo-content .flex__item{
  width: 50%;
}
.demo-content .flex__item.left{
  /* height: 100vh; */
  position: sticky;
  top: 4rem;
  /* top: var(--banner-height); */
  /* z-index: 100000; */
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .demo-content .content-sticky{
  /* position: sticky; */
  /* top: 0; */
}

.demo-content .content01,
.demo-content .content02,
.demo-content .content03{
  padding-top: calc(190 * (100vw / 750));
  padding-bottom: calc(160 * (100vw / 750));
}

.demo-content .content01.content-sticky,
.demo-content .content02.content-sticky,
.demo-content .content03.content-sticky{
  /* top: 0; */
}

.demo-content .content{
  position: relative;
  width: fit-content;
  margin-inline: auto;
}

.demo-content .content__image{
  width: calc(592 * (100vw / 750));
}

.demo-content .content__text{
  margin-top: calc(30 * (100vw / 750));
  font-size: calc(25 * (100vw / 750));
}

/************** movie **************/
  .demo-content .movie__button{
    position: absolute;
    top: calc(25 * (100vw / 750));
    left: unset;
    right: calc(26 * (100vw / 750));
    /* z-index: 1; */
    font-size: calc(20 * (100vw / 750));
    cursor: pointer;
  }

  .demo-content .movie__button .sound-off{
    display: none;
  }

  /************** flex **************/
  .demo-content .flex-wrapper{
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .demo-content .flex__item{
    width: calc(750 * (100vw / 750));
  }

  .demo-content .flex__item.left{
    width: calc(750 * (100vw / 750));
    height: calc(1130 * (100vw / 750));
  }

  .demo-content .flex__item.right{
    position: relative;
    /* z-index: 1; */
    padding-top: calc(30 * (100vw / 750));
    background-color: #fff;
  }
}



/* ===============================================### 
アンカーリンク
###=============================================== */
.demo-content .sticky__nav{
  list-style: none;
  text-align: center;
  white-space: nowrap;
}

.demo-content .sticky__nav li{
  display: inline-block;
  margin-inline: 1rem;
  font-size: 2rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .demo-content .sticky__nav li{
    font-size: calc(30 * (100vw / 750));
  }
}


/* ===============================================### 
モーダル
###=============================================== */
.demo-content .modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  z-index: 100;
  background-color: rgba(000, 000, 000, 0.7);
  z-index: var(--zindex-modal);
}

/* モーダルがactiveの時 */
.demo-content .modal.is-active {
  opacity: 1;
  pointer-events: auto;
}

/* モーダル背景のオーバーレイ部分 */
.demo-content .modal__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: -1;
}

/* モーダルのコンテンツ */
.demo-content .modal__content {
  position: relative;
  background-color: #fff;
}

/* モーダルのボタン */
.demo-content .modal-button{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  /* background-color: #555; */
  font-size: 1.5rem;
  color: #914655;
  cursor: pointer;
}
.demo-content .modal-button > div {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.demo-content .modal-button > div:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  animation: 3s ease 0s infinite normal none running circle;
}
@keyframes circle {
  0% {
    scale: 1;
  }
  50% {
    scale: 1.25;
  }
  100% {
    scale: 1;
  }
}
.demo-content .modal-button > div p {
  position: relative;
  top: 0.1rem;
  z-index: 50;
  font-family: var(--font-bernina-sans);
  font-weight: 400;
  font-style: normal;
  line-height: 0.8;
}

/* .demo-content .content01.modal-content .modal-button.button01{
  top: 3.4rem;
  left: 16.5rem;
}

.demo-content .content01.modal-content .modal-button.button02{
  top: 14rem;
  left: 4rem;
} */
.demo-content .content01.modal-content .modal-button.button01{
  top: 14.5rem;
  left: 4.5rem;
}

.demo-content .content01.modal-content .modal-button.button02{
  top: 3.8rem;
  left: 17rem;
}

.demo-content .content01.modal-content .modal-button.button03{
  bottom: 20.6rem;
  right: 9.6rem;
}

.demo-content .content02.modal-content .modal-button.button01{
  top: 4.7rem;
  left: 23.6rem;
}

.demo-content .content02.modal-content .modal-button.button02{
  bottom: 13.4rem;
  left: 10.5rem;
}

.demo-content .content02.modal-content .modal-button.button03{
  bottom: 7.6rem;
  right: 2.7rem;
}

.demo-content .content03.modal-content .modal-button.button01{
  top: 16rem;
  left: 10.5rem;
}

.demo-content .content03.modal-content .modal-button.button02{
  top: 4.7rem;
  right: 13.1rem;
}

.demo-content .content03.modal-content .modal-button.button03{
  bottom: 3.5rem;
  right: 6.3rem;
}

.modal_button_deco {
  position: absolute;
  width: 0.2rem;
  top: 8.7rem;
  left: 18.8rem;
}

/* モーダルを閉じるボタン */
.demo-content .modal__close-btn {
  position: absolute;
  right: 14.2rem;
  bottom: 3rem;
  width: 5.6rem;
  height: 1.7rem;
  cursor: pointer;
  z-index: 10;
}

/* スライドの矢印部分 */
.demo-content .slide-button-prev{
  position: absolute;
  top: 50%;
  left: -5rem;
  transform: translateY(-50%);
  width: 3.2rem;
  height: 3.2rem;
  z-index: 1;
  cursor: pointer;
}

.demo-content .slide-button-next{
  position: absolute;
  top: 50%;
  right: -5rem;
  transform: translateY(-50%);
  width: 3.2rem;
  height: 3.2rem;
  z-index: 1;
  cursor: pointer;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .demo-content .modal {
    padding: calc(50 * (100vw / 750));
  }

  /* モーダルのコンテンツ */
  .demo-content .modal__content {
    width: calc(660 * (100vw / 750));
    padding: calc(20 * (100vw / 750));
  }

  /* モーダルのボタン */
  .demo-content .modal-button{
    width: calc(64 * (100vw / 750));
    height: calc(64 * (100vw / 750));
    font-size: calc(26 * (100vw / 750));
  }

  .demo-content .modal-button.button01{
    top: calc(100 * (100vw / 750));
    left: calc(30 * (100vw / 750));
  }

  .demo-content .modal-button.button02{
    top: calc(50 * (100vw / 750));
    left: calc(250 * (100vw / 750));
  }

  .demo-content .modal-button.button03{
    bottom: calc(100 * (100vw / 750));
    right: calc(30 * (100vw / 750));
  }

  /* モーダルを閉じるボタン */
  .demo-content .modal__close-btn {
    width: calc(96 * (100vw / 750));
    height: calc(32 * (100vw / 750));
  }

  /* スライドの矢印部分 */
  .demo-content .slide-button-prev {
    left: calc(24 * (100vw / 750));
    width: calc(30 * (100vw / 750));
    height: calc(60 * (100vw / 750));
    top: 30%;
  }
  .demo-content .slide-button-next {
    right: calc(24* (100vw / 750));
    width: calc(30 * (100vw / 750));
    height: calc(60 * (100vw / 750));
    top: 30%;
  }
}



/* ===============================================### 
250306_influencer
###=============================================== */
.pc_on {
  display: block !important;
}
.sp_on {
  display: none !important;
}
/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .pc_on {
    display: none !important;
  }
  .sp_on {
    display: block !important;
  }
}

/*******************************
fadeInSetting
*******************************/
.fadeInBlock{
  visibility: hidden;
  opacity: 0;
  /* transform: translateY(1.5rem); */
  transition: opacity 1.5s ease, transform 1.5s ease;
  pointer-events: none;
}

.fadeInBlock.view{
  visibility: visible;
  /* transform: translateY(0); */
  opacity: 1;
  pointer-events: inherit;
}


.demo-content .movie__button{
  width: 15.5rem;
}

.demo-content .movie__button .sound-off{
  width: 14.7rem;
  position: relative;
  z-index: 999999;
}

/* page_top */
.page_top {
  width: 54rem;
  margin: 0 auto;
  padding-top: 6rem;
  /* position: sticky; */
  /* top: -200rem; */
  height: fit-content;
}
.page_top_img {
  width: 100%;
  margin: 0 auto 11rem;
}
.page_top_ttl {
  font-size: 1.9rem;
  text-align: center;
  line-height: 2;
  letter-spacing: 0.06em;
  margin-bottom: 3rem;
}
.page_top_lead {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: justify;
  margin-bottom: 1.8rem;
}
.page_top_name {
  width: 17rem;
  margin-left: auto;
  margin-bottom: 9.8rem;
  position: relative;
  left: 2rem;
}
.about_ttl {
  font-size: 1.9rem;
  line-height: 2;
  letter-spacing: 0.06em;
  text-align: center;
  margin-bottom: 3.5rem;
}
.about_img {
  width: 44rem;
  margin: 0 auto 4rem;
  display: block;
}
.about_lead {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.035em;
  text-align: justify;
  margin-bottom: 6.3rem;
}
.link_area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 48.5rem;
  margin: 0 auto;
}
.link_button {
  width: 22.8rem;
}
.link_button:nth-of-type(3) {
  margin-top: 4rem;
}
.link_button_img {
  width: 100%;
  margin-bottom: 2rem;
  display: block;
}
.check_svg {
  width: 11.6rem;
  display: block;
}

/* content01 */
.content01  , .content02 , .content03 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
#UU250306influencer .demo-content .content01.content-sticky {
  /* top: -330rem; */
}
#UU250306influencer .demo-content .content02.content-sticky {
  /* top: -480rem; */
}
#UU250306influencer .demo-content .content03.content-sticky {
  /* top: -480rem; */
  padding-top: 8rem;
}
.content-inner {
  width: 54rem;
  margin: 0 auto
}
.content_top_01 {
  width: 26.9rem;
  margin: 0 auto 7rem;
}
.content_top_lineup_01 {
  width: 17rem;
  margin: 0 auto 3.2rem;
}
.content_ttl {
  font-size: 2.3rem;
  line-height: 1.8;
  letter-spacing: 0.06em;
  text-align: center;
  margin-bottom: 4rem;
}
.content_img.slide.js-slide {
  width: 54rem;
  margin-bottom: 7.6rem;
}
.voice_ttl {
  width: 18.5rem;
  margin: 0 auto 2.7rem;
}
.contents_lead {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: justify;
}
.border_area {
  margin-top: 1.7rem;
  border-top: solid 1px #828282;
  padding: 1.4rem 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content_item_name {
  font-size: 1.3rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
}
.buy_button {
  width: 9rem;
}
.attention_text {
  font-size: 1.1rem;
  letter-spacing: 0.04em;
  margin-top: 1.3rem;
}
.content_another {
  margin-top: 12rem;
}
.content_modal_block {
  margin-top: 10.6rem;
}
.view_details {
  width: 17.9rem;
  margin: 0 auto 2.9rem;
}
.list_area {
  margin-top: 3.7rem;
  border: solid 1px #828282;
}
.list_row {
  border-top: solid 1px #828282;
  padding: 1rem;
}
.list_row:first-of-type {
  display: flex;
  justify-content: center;
  border-top: none;
}
.list_flex_in {
  width: 50%;
}
.list_flex_in:nth-of-type(1) {
  padding-right: 1.5rem;
}
.list_flex_in:nth-of-type(2) {
  padding-left: 1.5rem;
}
.list_row p {
  font-size: 1.3rem;
  letter-spacing: 0.04em;
}

/*
///////////////////////////////////////////////////////////////////////////////////////
  PC__slickページネーション
///////////////////////////////////////////////////////////////////////////////////////
*/
/* ページネーションの位置調整 */
.content_img.slide .slick-dots {
  position: absolute;
  bottom: -2.3rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 0;
}

.content_img.slide .slick-dots li {
  margin: 0;
  width: fit-content;
  height: fit-content;
}

/* ドットの基本スタイル */
.content_img.slide .slick-pagination-bullet {
  width: 3.5rem;
  height: 0.3rem;
  background-color: #C8C8C8;
  position: relative;
  overflow: hidden;
  display: block;
}

/* アクティブドットのスタイル */
.content_img.slide .slick-pagination-active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #828282;
  animation: progress 4.5s linear forwards;
}

/* アニメーション */
@keyframes progress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

/* 矢印とドットのカスタマイズ */
.content_img.slide .slick-prev:before, .slick-next:before {
  content: url(../img/content_slick_prev.svg);
  display: block;
  width: 1.7rem;
  height: 3.1rem;
}
.content_img.slide .slick-next:before {
  transform: rotate(180deg);
}
.content_img.slide .slick-prev {left: 2rem;top: 49%;z-index: 20;}
.content_img.slide .slick-next {
  right: 1.6rem;
  top: 49%;
}

@media screen and (max-width: 767px) {
/*
///////////////////////////////////////////////////////////////////////////////////////
  SP__slickページネーション
///////////////////////////////////////////////////////////////////////////////////////
*/
/* ページネーションの位置調整 */
.slick-dots {
  bottom: calc(-60 * (100vw / 750));
  gap: calc(5 * (100vw / 750));
}

.slick-dots li {
  margin-right: calc(10 * (100vw / 750));
  width: 20px;
  height: 20px;
}

/* ドットの基本スタイル */
.slick-pagination-bullet {
  width: calc(50 * (100vw / 750));
  height: calc(5 * (100vw / 750));
}

}

/* モーダルのコンテンツ */
.demo-content .modal__content {
  width: 68rem;
}
.demo-content .modal__content .modal__slider.slide .modal__slide .modal__slide_flex {
  display: flex;
}
.demo-content .modal__content .modal__slider.slide .modal__slide .modal__slide_flex .modal__slide_flex_in {
  width: 50%;
}
.demo-content .modal__content .modal__slider.slide .modal__slide .modal__slide_flex .modal__slide_flex_in.text-block {
  padding-top: 6rem;
}
.text-block__inner {
  width: 25rem;
  margin: 0 auto;
}
.modal_ttl {
  text-align: center;
  font-family: var(--font-bernina-sans);
  font-weight: var(--fw-light);
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  color: #000000;
  margin-bottom: 1.8rem;
}
.modal_lead {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: justify;
  color: #000;
}

/* content02 */
.demo-content .content02 {
  background-color: #F0E9E6;
  padding-top: 8rem;
}
.content_top_02 {
  width: 30rem;
  margin: 0 auto 7.5rem;
}
.content_top_lineup_02 {
  width: 26.5rem;
  margin: 0 auto 3.1rem;
}

/* content03 */
.content_top_03 {
  width: 26.5rem;
  margin: 0 auto 7rem;
}
.content_top_lineup_03 {
  width: 24.9rem;
  margin: 0 auto 3.1rem;
}
.list_row.line_height_ct {
  line-height: 1.8;
  padding: 0.5rem 1rem;
}

/* column_content */
#UU250306influencer .demo-content .column_content.content-sticky {
  /* top: -330rem; */
  background: #fff;
  padding-top: 0;
  padding-bottom: 12rem;
}
.column_top {
  width: 100%;
  background: #914655;
  padding: 1.3rem 0;
  margin-bottom: 2.9rem;
}
.column_top_ttl {
  width: 9.7rem;
  margin: 0 auto;
}
.column_ttl {
  font-size: 2rem;
  line-height: 2;
  text-align: center;
  letter-spacing: 0.06em;
  margin-bottom: 3rem;
}
.column_img {
  width: 44rem;
  margin: 0 auto 3.9rem;
  display: block;
}
.list_area.column_list {
  margin-top: 6rem;
}

.profile_top {
  width: 13.2rem;
  margin: 12.5rem auto 3rem;
}
.profile_img {
  width: 22rem;
  margin: 0 auto 4.5rem;
}
.profile_name {
  font-size: 2rem;
  text-align: center;
  letter-spacing: 0.05em;
  margin-bottom: 4rem;
}
.profile_lead a {
  text-decoration: underline;
}
.insta_area {
  margin: 2.8rem auto 12.6rem;
}
.insta_ttl {
  font-size: 1.6rem;
  text-align: center;
  font-family: var(--font-bernina-sans);
  font-weight: var(--fw-semibold);
  margin-bottom: 1.9rem;
  letter-spacing: 0.05em;
}
.insta_detail {
  font-size: 1.5rem;
  text-align: center;
  font-family: var(--font-bernina-sans);
  font-weight: var(--fw-regular);
  letter-spacing: 0em;
  margin-bottom: 0.3rem;
  text-decoration: underline;
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 0.04em;
  text-decoration-skip-ink: none;
}
.insta_detail:last-of-type {
  margin-bottom: 0;
}

/* staff_area */
.staff_area {
  width: 35rem;
  margin: 0 auto 8rem;
  border-top: solid 1px #828282;
  border-bottom: solid 1px #828282;
  padding-bottom: 3.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.staff_ttl {
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  font-family: var(--font-bernina-sans);
  font-weight: var(--fw-semibold);
  text-align: center;
  padding: 0 1.2rem;
  background: #fff;
  color: #000;
  margin-bottom: 1.9rem;
  margin-top: -0.8rem;
}
.staff_lead {
  font-size: 1.4rem;
  letter-spacing: 0.075em;
  font-family: var(--font-bernina-sans);
  font-weight: var(--fw-light);
  text-align: center;
  line-height: 2;
  width: 100%;
}

/* all_item */
.all_item {
  width: 44rem;
  margin: 0 auto;
  display: block;
}

/* ===============================================### 
サイドテキスト
###=============================================== */
.side__text {
  position: fixed;
  bottom: 0%;
  right: 3rem;
  width: 12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%);
  white-space: nowrap;
  z-index: 800;
  /* transform: rotate(90deg); */
}
.side__text a {
  display: block;
}
@media screen and (max-width: 767px) {
  .side__text {
    right: calc(28*(100vw / 750));
    width: calc(180*(100vw / 750));
  }
}

/*** animation ***/
.js-show-text {
  opacity: 0;
  transition: opacity 1s ease;
}
.js-show-text.is-active {
  opacity: 1;
  transition: opacity 1s ease;
}


.border_area.border_area_2 {
  margin-top: 1.4rem;
}





/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {

.demo-content .video {
  top: unset;
  left: unset;
  transform: unset;
}

.demo-content .flex__item.left {
  display: none;
}

.page_top {
  width: calc(660* (100vw /750));
  padding-top: 0;
  /* top: calc(-4500* (100vw /750)); */
  margin-top: calc(-163* (100vw /750));
}
.page_top_img {
  width: calc(642* (100vw /750));
  margin: 0 auto calc(167* (100vw /750));
  margin-left: calc(0*(100vw / 750));
  position: relative;
  z-index: 5;
}
.page_top_ttl {
  font-size: calc(32* (100vw /750));
  margin-bottom: calc(30* (100vw /750));
}
.page_top_lead {
  font-size: calc(24* (100vw /750));
  margin-bottom: calc(23* (100vw /750));
}
.page_top_name {
  width: calc(250* (100vw /750));
  margin-bottom: calc(125* (100vw /750));
  left: calc(0* (100vw /750));
}
.about_ttl {
  font-size: calc(32* (100vw /750));
  margin-bottom: calc(43* (100vw /750));
  letter-spacing: 0.1em;
}
.about_img {
  width: calc(660* (100vw /750));
  margin: 0 auto calc(50* (100vw /750));
}
.about_lead {
  font-size: calc(24* (100vw /750));
  margin-bottom: calc(127* (100vw /750));
}
.link_area {
  flex-wrap: nowrap;
  width: calc(1508* (100vw /750));
  padding-right: calc(50*(100vw / 750));
}
.link_button {
  width: calc(456* (100vw /750));
}
.link_button:hover {
  opacity: 1 !important;
}
.link_button_img {
  margin-bottom: calc(46* (100vw /750));
}
.check_svg {
  width: calc(200* (100vw /750));
}
.scroll_area {
  overflow-x: scroll;
  width: calc(710*(100vw / 750));
  overflow-y: hidden;
  height: calc(770*(100vw / 750));
}
.link_button:nth-of-type(3) {
  margin-top: 0;
}

/*  */
#UU250306influencer .demo-content .content01.content-sticky {
  /* top: calc(-5200* (100vw /750)); */
}
.content-inner {
  width: 100%;
}
.content_top_01 {
  width: calc(448* (100vw /750));
  margin: 0 auto calc(117* (100vw /750));
}
.content_top_lineup_01 {
  width: calc(306* (100vw /750));
  margin: 0 auto calc(47* (100vw /750));
}
.content_ttl {
  font-size: calc(38* (100vw /750));
  margin-bottom: calc(62* (100vw /750));
}
.content_img.slide.js-slide {
  width: 100%;
  margin-bottom: calc(115* (100vw /750));
}
.voice_ttl {
  width: calc(269* (100vw /750));
  margin: 0 auto calc(37* (100vw /750));
}
.contents_lead {
  margin: 0 auto;
  width: calc(660* (100vw /750));
  font-size: calc(24* (100vw /750));
}
.border_area {
  width: calc(660* (100vw /750));
  margin-top: 0;
  margin: calc(28* (100vw /750)) auto 0;
  padding: calc(24* (100vw /750)) 0 0;
}
.content_item_name {
  font-size: calc(22* (100vw /750));
}
.buy_button {
  width: calc(135* (100vw /750));
  position: relative;
  top: calc(-4* (100vw /750));
  right: calc(17* (100vw /750));
}
.attention_text {
  font-size: calc(20* (100vw /750));
  margin-top: calc(35* (100vw /750));
  width: calc(660*(100vw / 750));
  margin-left: auto;
  margin-right: auto;
}
.content_modal_block {
  margin-top: calc(164* (100vw /750));
}
.view_details {
  width: calc(253* (100vw /750));
  margin: 0 auto calc(31* (100vw /750));
}
.demo-content .content__image {
  margin-bottom: calc(49* (100vw /750));
}
.list_area {
  margin-top: calc(60* (100vw /750));
  width: calc(660*(100vw / 750));
  margin: calc(45* (100vw /750)) auto 0;
}
.list_row {
  padding: calc(7* (100vw /750)) calc(20* (100vw /750));
}
.list_row p {
  font-size: calc(22* (100vw /750));
  line-height: 1.8;
}
.list_flex_in:nth-of-type(1) {
  padding-right: calc(30* (100vw /750));
}
.list_flex_in:nth-of-type(2) {
  padding-left: calc(30* (100vw /750));
}
.content_another {
  margin-top: calc(178* (100vw /750));
}

/*  */
#UU250306influencer .demo-content .content02.content-sticky {
  /* top: calc(-7800* (100vw /750)); */
}
.demo-content .content02 {
  padding-top: calc(120* (100vw /750));
}
.content_top_02 {
  width: calc(500* (100vw /750));
  margin: 0 auto calc(127* (100vw /750));
}
.content_top_lineup_02 {
  width: calc(484* (100vw /750));
  margin: 0 auto calc(46* (100vw /750));
}

/*  */
#UU250306influencer .demo-content .content03.content-sticky {
  /* top: calc(-7800* (100vw /750)); */
  padding-top: calc(118* (100vw /750));
  padding-bottom: calc(158* (100vw /750));
}
.content_top_03 {
  width: calc(441* (100vw /750));
  margin: 0 auto calc(116* (100vw /750));
}
.content_top_lineup_03 {
  width: calc(454* (100vw /750));
  margin: 0 auto calc(48* (100vw /750));
}
.list_row.line_height_ct {
  line-height: 1.8;
  padding: calc(7* (100vw /750)) calc(20* (100vw /750));
}

/*  */
.column_top {
  padding: calc(19* (100vw /750)) 0;
  margin-bottom: calc(45* (100vw /750));
}
.column_content-inner {
  width: calc(660* (100vw /750));
}
.column_img {
  width: calc(660* (100vw /750));
  margin: 0 auto calc(50* (100vw /750));
}

/*  */
.profile_top {
  width: calc(205* (100vw /750));
  margin: calc(166* (100vw /750)) auto calc(52* (100vw /750));
}
.profile_img {
  width: calc(440* (100vw /750));
  margin: 0 auto calc(83* (100vw /750));
}
.profile_name {
  font-size: calc(32* (100vw /750));
  margin-bottom: calc(46* (100vw /750));
}
.insta_area {
  margin: calc(70* (100vw /750)) auto calc(175* (100vw /750));
}
.insta_ttl {
  font-size: calc(28* (100vw /750));
  margin-bottom: calc(43* (100vw /750));
  letter-spacing: 0.04em;
}
.insta_detail {
  font-size: calc(24* (100vw /750));
  margin-bottom: calc(4* (100vw /750));
  letter-spacing: 0.04em;
}

/*  */
.staff_area {
  width: calc(580* (100vw /750));
  margin: 0 auto calc(100* (100vw /750));
  padding-bottom: calc(45* (100vw /750));
}
.staff_ttl {
  font-size: calc(28* (100vw /750));
  padding: 0 calc(16* (100vw /750));
  margin-bottom: calc(30* (100vw /750));
  margin-top: calc(-12* (100vw /750));
  letter-spacing: 0.04em;
}
#UU250306influencer .demo-content .column_content.content-sticky {
  /* top: calc(0* (100vw /750)); */
  padding-bottom: calc(0* (100vw /750));
}
.all_item {
  width: calc(540* (100vw /750));
}

/* interview */
.interview-inner {
  margin-top: calc(228* (100vw /750));
}
.interview_ttl {
  width: calc(443* (100vw /750));
  margin: 0 auto calc(55* (100vw /750));
}
.playback_button {
  width: calc(100* (100vw /750));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.demo-content .movie__button {
  width: calc(162 * (100vw / 750));
}
.demo-content .movie__button .sound-off {
  width: calc(153 * (100vw / 750));
}
.content_img.slide .slick-prev:before, .slick-next:before {
  width: calc(25 * (100vw / 750));
  height: calc(50 * (100vw / 750));
}
.content_img.slide .slick-prev {
  left: calc(17 * (100vw / 750));
}
.content_img.slide .slick-next {
  right: calc(5 * (100vw / 750));
  top: 50%;
}
.content_img.slide .slick-pagination-bullet {
  width: calc(60 * (100vw / 750));
  height: calc(4 * (100vw / 750));
}
.content_img.slide .slick-dots {
  bottom: calc(-30 * (100vw / 750));
  gap: calc(14 * (100vw / 750));
}


.demo-content .modal__content {
  width: calc(620 * (100vw / 750));
  padding: 0;
}
.demo-content .modal__content .modal__slider.slide .modal__slide .modal__slide_flex {
  flex-wrap: wrap;
}
.demo-content .modal__content .modal__slider.slide .modal__slide .modal__slide_flex .modal__slide_flex_in {
  width: 100%;
}
.demo-content .modal__content .modal__slider.slide .modal__slide .modal__slide_flex .modal__slide_flex_in.text-block {
  padding-top: calc(60* (100vw /750));
}
.text-block__inner {
  width: calc(540* (100vw /750));
  margin: 0 auto calc(132* (100vw /750));
}
.modal_ttl {
  font-size: calc(28* (100vw /750));
  margin-bottom: calc(45* (100vw /750));
}
.modal_lead {
  font-size: calc(24* (100vw /750));
}
.demo-content .modal__close-btn {
  right: 42%;
  bottom: calc(50 * (100vw / 750));
}



/* .demo-content .content01.modal-content .modal-button.button01{
  top: calc(47* (100vw /750));
  left: calc(257* (100vw /750));
}

.demo-content .content01.modal-content .modal-button.button02{
  top: calc(230* (100vw /750));
  left: calc(59* (100vw /750));
} */

.demo-content .content01.modal-content .modal-button.button01{
  top: calc(240* (100vw /750));
  left: calc(67* (100vw /750));
}

.demo-content .content01.modal-content .modal-button.button02{
  top: calc(57* (100vw /750));
  left: calc(263* (100vw /750));
}

.demo-content .content01.modal-content .modal-button.button03{
  bottom: calc(317* (100vw /750));
  right: calc(154* (100vw /750));
}

.demo-content .content02.modal-content .modal-button.button01{
  top: calc(74* (100vw /750));
  left: calc(358* (100vw /750));
}

.demo-content .content02.modal-content .modal-button.button02{
  top: calc(474* (100vw /750));
  left: calc(164* (100vw /750));
}

.demo-content .content02.modal-content .modal-button.button03{
  bottom: calc(113* (100vw /750));
  right: calc(40* (100vw /750));
}

.demo-content .content03.modal-content .modal-button.button01{
  top: calc(257* (100vw /750));
  left: calc(165* (100vw /750));
}

.demo-content .content03.modal-content .modal-button.button02{
  top: calc(73* (100vw /750));
  left: calc(324* (100vw /750));
}

.demo-content .content03.modal-content .modal-button.button03{
  bottom: calc(54* (100vw /750));
  right: calc(93* (100vw /750));
}

.modal_button_deco {
  width: calc(4* (100vw /750));
  top: calc(134* (100vw /750));
  left: calc(294* (100vw /750));
}

.border_area.border_area_2 {
  margin-top: calc(16* (100vw /750));
}

.column_top_ttl {
  width: calc(145* (100vw /750));
}
.column_ttl {
  font-size: calc(32* (100vw /750));
  margin-bottom: calc(42* (100vw /750));
}

.staff_lead {
  font-size: calc(24* (100vw /750));
  letter-spacing: 0.04em;
}

}

/*** 追記箇所 ***/
#UU250306influencer{
  font-feature-settings: "palt";
}

@media screen and (min-width: 768px) {
  .content01 .fadeInBlock.block01 .contents_lead{
    letter-spacing: 0.035em;
  }

  .content01 .fadeInBlock.block02 .attention_text{
    margin-top: 1.4rem;
  }

  .content02 .fadeInBlock.block02 .content_ttl{
    margin-bottom: 4.2rem;
  }

  .content02 .content_another{
    margin-top: 12.1rem;
  }

  .content02 .fadeInBlock.block03 .contents_lead,
  .content02 .fadeInBlock.block04 .contents_lead{
    letter-spacing: 0.035em;
  }

  .content03 .fadeInBlock.block01 .border_area{
    padding: 1.5rem 0 0;
  }

  .content03 .content_another{
    margin-top: 12.1rem;
  }

  .content03 .fadeInBlock.block02 .attention_text{
    margin-top: 1.4rem;
  }
}

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

  .fadeInBlock.start a:hover,
  .column_content .column_img:hover{
    opacity: 1;
  }
  
  .content02 .content_modal_block{
    margin-top: calc(165 * (100vw / 750));
  }

  .content03 .content_another{
    margin-top: calc(177 * (100vw / 750));
  }

  .content03 .fadeInBlock.block01 .border_area{
    padding: calc(23*(100vw / 750)) 0 0;
  }

  .content03 .fadeInBlock.block01 .content_img.slide.js-slide{
    margin-bottom: calc(113 * (100vw / 750));
  }

  .content03 .fadeInBlock.block04 .contents_lead{
    letter-spacing: 0.03em;
  }

  .column_content .contents_lead{
    letter-spacing: 0.035em;
  }
}


/* 0306 追加 */
/* information */
.information {
  width: 44rem;
  margin: 4rem auto 0;
  display: block;
}
@media screen and (max-width: 767px) {
  .information {
    width: calc(540* (100vw /750));
    margin: calc(60* (100vw /750)) auto 0;
  }
}

/* 0317 追加 */
.movie_wrap {
  margin: 12rem auto;
  width: 80rem;
}
.movie_inner {
  display: block;
  width: 100%;
  aspect-ratio: 645 / 363;
}
.movie_inner > iframe {
  width: 100%;
  height: 100%;
}
.movie_inner:last-of-type {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .movie_wrap {
    margin: calc(120* (100vw /750)) auto 0;
    width: calc(624* (100vw /750));
  }
  .movie_inner:last-of-type {
    margin-top: calc(60* (100vw /750));
  }
}