@charset "UTF-8";
/*
<img class="dummy" src="/fashion/list/2509_fff/images/dummy.webp?$staticlink$" alt="" width="" height="" fetchpriority="high">
 */
.dummy {
  position: absolute;
  top: 58px;
  left: 0;
  width: 100%;
  opacity: 0.7;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}
.dummy img {
}

/*
@keyframes modal-video-inner {
    from {
        transform: translate(0, 0)
    }

    to {
        transform: translate(0, 0)
    }
}*/

/*=============================================================

	Date: 2025-09-04
	CSS Document ： fff book 仮想LP

=============================================================*/
/*------------------------------------
仮想LP用ベース
------------------------------------*/
.fca_cat-hero {
  z-index: 1;
}
.fca_cat-hero, .fca_cat-hero .sr_page-shopping-result__free {
  overflow: visible !important;
}
.fca_cat-hero .sr_page-shopping-result__free .fca_container__in {
  max-width: 100%;
}
.fca_cat-hero .sr_page-shopping-result__free .fca_container {
  padding: 0;
}
.fca_page-shop-category__body {
  margin-top: 0;
}
/*------------------------------------

ベース

------------------------------------*/
.pc {
  display: block;
}
.sp {
  display: none;
}
.bold_ct {
  font-weight: bold;
}
.fsc_gheader-wrap {
  transition: all 0.3s;
}
/* body.fixed-body .fsc_gheader-wrap {
  opacity: 0;
  pointer-events: none;
} */
/*------------------------------------

wrapper

------------------------------------*/
#wrapper {
  width: 100%;
  font-size: 130%;
  font-weight: bold;
  line-height: 1.7;
  font-size: 1.46rem;
  letter-spacing: 0.07em;
  text-align: center;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*animation: fadeIn_ct 0.5s 0.8s both;*/
  /* opacity: 1;*/
  overflow: hidden;
  animation: fadeSimple 1.0s ease 0.3s forwards;
}

@keyframes fadeSimple {
  0% {
    opacity: 0;
  }
   100% {
    opacity: 1;
  }
}

#wrapper img {
  height: auto;
  max-width: 100%;
  /* width: 100%; */
}
#wrapper ul {
  padding: 0;
  list-style: none;
}
#wrapper-inner {
    width: 100%;
}
/* hover */
#wrapper a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  #wrapper a {
    transition: all 0.3s;
  }
  #wrapper a:hover {
    opacity: 0.7;
  }
}

/*------------------------------------

FV

------------------------------------*/
#fv-wrap {max-width: 790px;margin: 0 auto;position: relative;padding: 76px 0;}

#fv-wrap .fv-ttl {
}

#fv-wrap .fv-ttl h2 {position: absolute;top: 5.8%;z-index: 2;width: 26.5%;left: 5.7%;display: flex;justify-content: flex-start;align-items: flex-start;gap: 10%;}

#fv-wrap .fv-ttl h2 .fv-ttl01 {order: 1;width: 20%;}

#fv-wrap .fv-ttl h2 .fv-ttl02 {width: 73%;}



#fv-wrap .fv-ttl h2 .fv-ttl01 {
    animation: slideMask-top 1.2s cubic-bezier(0.22, 1, 0.26, 1.1) 1.4s both;
}
#fv-wrap .fv-ttl h2 .fv-ttl02 {
    animation: slideMask-top 2.0s cubic-bezier(0.22, 1, 0.26, 1.1) 1.7s both;
}

@keyframes slideMask-top {
  from {
    clip-path: inset(0 0 100% 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}


#fv-wrap .fv-ttl h3 {position: absolute;bottom: 6%;left: 6%;text-align: left;letter-spacing: 0.15em;font-size: 118%;z-index: 2;}

#fv-wrap .fv-ttl h3 span {background: #000;color: #FFF;padding: 0 0.4em;line-height: 1.8;width: fit-content;display: block;margin: -0.2em 0;font-family: "游ゴシック体 Pr6N M";}

#fv-wrap .fv-ttl h3 span {
    animation: slideMask-left 1.5s cubic-bezier(0.22, 1, 0.26, 1.1) 2.6s both;
}
#fv-wrap .fv-ttl h3 span:nth-child(2){
    animation-delay: 2.8s;
} 


@keyframes slideMask-left {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes slideMask-right {
  from {
    clip-path: inset(0 0 0 100%);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}



/* スライダー */
#fv-wrap .swiper.mainSwiper {
    /* width: max-content; */
    margin-left: 23.5%;
    width: 650px;
    aspect-ratio: 1/1;
}

#fv-wrap .swiper.mainSwiper .swiper-wrapper {
}

#fv-wrap .swiper.mainSwiper .swiper-wrapper .swiper-slide {
}

#fv-wrap .swiper.mainSwiper .swiper-wrapper .swiper-slide img {
}


/*------------------------------------

サイドナビ：PC表示

------------------------------------*/
.side-pc {display: flex;justify-content: center;align-items: center;top: 0;left: 3%;width: 94%;position: fixed;height: 100vh;pointer-events: none;z-index: 10;}

.side-pc  img {max-width: 173px;width: 14vw;}
.side-pc::after {display: block;width: calc(800px + 30vw);height: 100%;content: '';/* position: absolute; *//* top: 0; *//* left: 0; */}
@media (max-width: 1200px) {
  .side-pc {
    display:none;
  }
}

/*------------------------------------

導入

------------------------------------*/
#introduction {padding: 0;}

#introduction p {font-size: 87%;line-height: 1.9;}


/*------------------------------------

共通

------------------------------------*/

#main-contents {
    width: 750px;
    margin: 0 auto;
    font-family: "游ゴシック体 Pr6N M";
}
.side-title {
  position: absolute;width: 79px;right: -79px;
    opacity: 0;
}

.contents-block.anime-active .side-title {
animation: fadeIn .7s ease 0.1s forwards;
}

@keyframes fadeIn {
  0% {
      opacity: 0;
    transform: translateY(2em);
  }
   100% {
       opacity: 1;
    transform: translateY(0);
  }
}

.c-title {clip-path: inset(0 100% 0 0);}
.contents-block.anime-active .c-title {
animation: slideMask-left 2.9s cubic-bezier(0.22, 1, 0.26, 1.1) 0.0s both;}


p.p-txt {line-height: 1.8;margin: 1.5em 0;}

.contents-block {
    position: relative;
    padding: 2.4em 0;
}
.contents-inner {    position: relative;}
.bg-gray {
         display: block;
         width: 200vw;
         height: 59%;
         content: '';
         position: absolute;
         bottom: 0;
         left: -100vw;
         background:#F0F3F5;/*#F0F3F5*/
         z-index: 0;
         }

/*------------------------------------

New color

------------------------------------*/
#new-color {position: relative;/* margin: 2.4em 0; */}

#new-color .side-title {
    top: 16.4%;
}

#new-color .new01,
#new-color .new02{font-size: 160%;margin: 0;text-align: left;letter-spacing: 0.12em;font-family: "游ゴシック体 Pr6N D";}

#new-color .new01 {margin: 0 8%;opacity: 0;}

#new-color .new02 {margin: 1% 14% 1.1em;opacity: 0;}


#new-color.anime-active .new01 {
    animation: new-fade01 .7s ease 0.1s both;
}
@keyframes new-fade01 {
  0% {
      opacity: 0;
    transform: translateY(1.5em) rotate(0);
  }
   100% {
       opacity: 1;
    transform: translateY(0) rotate(-5deg);
  }
}
#new-color.anime-active .new02 {
    animation: new-fade02 .7s ease 0.5s both;
}
@keyframes new-fade02 {
  0% {
      opacity: 0;
    transform: translateY(1.5em) rotate(0);
  }
   100% {
       opacity: 1;
    transform: translateY(0) rotate(-12deg);
  }
}

#new-color .new03 {
    clip-path: inset(0 100% 0 0);
}
#new-color.anime-active .new03 {
     animation: slideMask-left 2.9s cubic-bezier(0.22, 1, 0.26, 1.1) 1.0s both;
}

#new-color .new03 img {width: 76.5%;padding-left: 3.5%;}

/* スライダー */
#new-color .swiper.newColorSwiper {margin: -15% auto 0;width: 78%;border-radius: 50%;border: 1px solid #FFF;}

#new-color .swiper.newColorSwiper .swiper-wrapper {
}

#new-color .swiper.newColorSwiper .swiper-wrapper .swiper-slide {
}

#new-color .swiper.newColorSwiper .swiper-wrapper .swiper-slide img {transform: scale(1.01);}

#new-color p.p-txt {
}

.anchor-btn-wrap {
  width:max-content;
  display: block;
  margin: 0 auto;
}

.anchor-btn-wrap .anchor-btn{
  border: 1px solid #000;
  color: #FFF;
  background: #000;
  width: max-content;
  margin: 1.55em auto 3em;
  position: relative;
  padding: 0.72em 3.3em;
  font-size: 105%;
  letter-spacing: 0.2em;
  cursor: pointer;
  transition: all 0.3s;
  font-family: "游ゴシック体 Pr6N M";
}
.anchor-btn-wrap .anchor-btn::after {
  display: block;
  width: 1.3em;
  height: 100%;
  content: '';
  background-image: url("../images/arrow_bottom_w.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 1.0em;
  transition: transform 0.2s ease;
}

@media (hover: hover) {
.anchor-btn-wrap:hover .anchor-btn::after {
  transform: translateY(5px); /* ← 左方向へ移動 */
}
}

#new-color .anchor-btn-wrap .anchor-btn .btn-txt {
}

#new-color .anchor-btn-wrap .anchor-btn .btn-txt .txt-en {
}

/* デフォルトの丸 */
.newColorSwiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;         /* 白地 */
  border: 1px solid #000;   /* 黒い枠 */
  opacity: 1;               /* 薄くならないように */
  margin: 0 4px !important;
}

/* アクティブの丸 */
.newColorSwiper .swiper-pagination-bullet-active {
  background: #000;         /* 黒塗り */
  border-color: #000;       /* 枠も黒 */
}


/*------------------------------------

Lesson

------------------------------------*/
#lesson {padding: 3.5em 0 2em;}

#lesson .bg-gray {/* display: none; */height: 40%;}

#lesson .contents-inner {
}

#lesson .contents-inner .side-title {top: -3%;}

#lesson .contents-inner .c-title {
}

#lesson .contents-inner .c-title img {
}

/* スライダー */
.itemsSwiper-wrap {
  position: relative;
  overflow: visible; /* ←外にボタンがはみ出ても見えるように */
  width: 71%;
  margin: 2em auto 0;
}


#lesson .contents-inner .swiper.itemsSwiper{}

#lesson .contents-inner .swiper.itemsSwiper .swiper-wrapper {
}

#lesson .contents-inner .swiper.itemsSwiper .swiper-wrapper .swiper-slide {
}

#lesson .contents-inner .swiper.itemsSwiper.swiper-wrapper .swiper-slide figure {
}

#lesson .contents-inner .swiper.itemsSwiper .swiper-wrapper .swiper-slide figure img {
}

#lesson .contents-inner .swiper.itemsSwiper .swiper-wrapper .swiper-slide figure figcaption {/*background: #F0F3F5;*/display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 0.5em 0.7em;margin: 1.2em 0;}

#lesson .contents-inner .swiper.itemsSwiper .swiper-wrapper .swiper-slide figure figcaption .step {background: #000;color: #FFF;padding: 0.2em 0.9em;font-size: 80%;font-family: "Jost", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}

#lesson .contents-inner .swiper.itemsSwiper .swiper-wrapper .swiper-slide figure figcaption .name {font-size: 115%;font-family: "游ゴシック体 Pr6N B";}

#lesson .contents-inner .swiper.itemsSwiper .swiper-wrapper .swiper-slide figure figcaption p {display: block;width: 100%;white-space: nowrap;margin: 0;font-family: "游ゴシック体 Pr6N D";}

/* ページネーション（1/6） */
.itemsSwiper-wrap .swiper-pagination {
  color: #000;
  /* font-size: 14px; */
  position: absolute;
  top: 476px;
  height: 2em;
  right: 5%;
  left: auto;
  letter-spacing: -0.1em;
  width: fit-content;
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/* 矢印ナビゲーション */


.itemsSwiper-wrap .swiper-button-prev {
  background-image:url('../images/arrow_prev.webp'); /* 左矢印画像 */
  left: 10px;
}
.itemsSwiper-wrap .swiper-button-next {
  background-image: url('../images/arrow_next.webp'); /* 右矢印画像 */
  right: 10px;
}


.itemsSwiper-wrap .swiper-button-prev,
.itemsSwiper-wrap .swiper-button-next {
  width: 2.9em;
  top: 37%;
  height: auto;
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease; /* ← アニメーション */
}

/* デフォルト矢印 */
.itemsSwiper-wrap .swiper-button-prev {
  background-image: url('../images/arrow_prev.webp');
  left: -10%;
}
.itemsSwiper-wrap .swiper-button-next {
  background-image: url('../images/arrow_next.webp');
  right: -10%;
}
@media (hover: hover) {
/* hover で「進行方向」へ少し移動 */
.itemsSwiper-wrap .swiper-button-prev:hover {
  transform: translateX(-5px); /* ← 左方向へ移動 */
}
.itemsSwiper-wrap .swiper-button-next:hover {
  transform: translateX(5px); /* ← 右方向へ移動 */
}
}
/* Swiper のデフォルト矢印文字は消す */
.itemsSwiper-wrap .swiper-button-prev::after,
.itemsSwiper-wrap .swiper-button-next::after {
  display: none;
}

/* デフォルトの ::after 文字は消す */
.itemsSwiper-wrap .swiper-button-prev::after,
.itemsSwiper-wrap .swiper-button-next::after {
  display: none;
}

/*------------------------------------

Reason

------------------------------------*/

#reason {padding: 4.5em 0 1em;}

#reason .side-title {
}

#reason .c-title {
}

#reason .c-title img {
}

#reason > .p-txt {
    width: 90%;
    margin: 1.5em auto;
    text-align: justify;
}

#reason .reason-list {margin: 4em 0 4.4em;position: relative;padding-bottom: 2.5em;}

#reason .reason-list .reason-bg {background: #F0F3F5;position: absolute;height: 100%;width: 100%;left: calc(-750px + 27%);}
#reason .reason-list .reason-bg::before {
display: block;
width: 1px;
height: 70%;
content: '';
background:#000;
position: absolute;
top: 10%;
right:5.75em;
}
/*  */
.reason-item {display: flex;justify-content: space-between;align-items: flex-start;position:relative}

.reason-item .reason-title {text-align: start;white-space: nowrap;writing-mode: vertical-rl;text-orientation: upright;font-feature-settings: 'vert'on;/* margin: auto 0 0; */letter-spacing: 0.15em;font-size: 138%;margin: 1.0em 0 0 1.2em;background: #F0F3F5;padding: 0.8em 0;font-family: "游ゴシック体 Pr6N D";}

.reason-item .reason-box {margin: 3.2em 0 0;width: 80%; opacity: 0;}

.reason-item.anime-active .reason-box {
animation: fadeRight .7s ease 0s forwards;
}

@keyframes fadeRight {
  0% {
      opacity: 0;
    transform: translateX(2em);
  }
   100% {
       opacity: 1;
    transform: translateX(0);
  }
}


.reason-item .reason-box figure {
}

.reason-item .reason-box figure img {width: 100%;}

.reason-item .reason-box figure figcaption {
}

.reason-item .reason-box figure figcaption .p-txt {text-align: justify;font-size: 95%;width: 81%;margin-left: 15%;margin: 1em 0 0 15%;}

/*  */
#reason02 {
}

#reason02 .reason-title {
}

#reason02 .reason-box {
}

#reason02 .reason-box .reason-tag {border: 1px solid #000;border-radius: 2em;padding: 0.4em 1.3em;font-size: 112%;letter-spacing: 0.1em;width: max-content;margin: 0.4em 0 1.18em;background: #FFF;font-family: "游ゴシック体 Pr6N D";
opacity: 0;}


.reason-item.anime-active .reason-box .reason-tag {
animation: fadeRight .7s ease 0s forwards;
}
.reason-item.anime-active .reason-box .reason-tag:nth-child(2) {
animation-delay: 0.4s;
}
.reason-item.anime-active .reason-box .reason-tag:nth-child(3) {
animation-delay: 0.8s;
}

/*  */
#reason03 {margin-top: 2em;}

#reason03 .reason-title {
}

#reason03 .reason-box {margin: 2.2em 0 0;}

#reason03 .reason-box figure {
}

#reason03 .reason-box figure .movie-btn.js-modal-video {
 transition: all 0.3s;
}
@media (hover: hover) {
  #reason03 .reason-box figure .movie-btn.js-modal-video:hover{
    opacity:0.7;
  }
}

#reason03 .reason-box figure .movie-btn.js-modal-video img {
}

#reason03 .reason-box figure figcaption {
}

#reason03 .reason-box figure figcaption .p-txt {
}

#reason .anchor-btn-wrap {
}

#reason .anchor-btn-wrap .campaign-txt {/* width: 98%; */}

#reason .anchor-btn-wrap .anchor-btn {margin-top: 0.5em;}

#reason .anchor-btn-wrap .anchor-btn .btn-txt {font-family: "游ゴシック体 Pr6N D";}

.txt-en {font-family: "Jost", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal; letter-spacing:0.1em;}


/*------------------------------------

Interview

------------------------------------*/
#interview {padding: 2.0em 0;}

#interview .image-box {
    border: 1px solid #000;
    /* width: max-content; */
    position: relative;
}
.interview-item {
  margin: 4em 0 3em;
}

/* インタビュー扉 */
#interview .interview-head {position: relative;}

#interview .interview-head .interview-head-image {
}

#interview .interview-head .side-title {right: auto;left: 0.5%;top: 5.3%;width: 9.8%;}

#interview .interview-head .c-title {position: absolute;top: 6%;left: 0;width: 100%;}

#interview .interview-head .c-title .sub-title {font-size: 85%;display: block;width: max-content;margin: 0 auto 1.2em;border-bottom: 1px solid #000;padding: 0 0.1em 0.3em;font-family: "游ゴシック体 Pr6N D";}

#interview .interview-head .c-title img {
}

#interview .interview-list {
}
#interview .interview-image {
    position: relative;
}
#interview .interview-list .interview-title {position: relative;z-index: 1;}
#interview .interview-list .interview-title span {clip-path: inset(0 100% 0 0);background: #000;color: #FFF;padding: 0 0.4em;line-height: 1.2;letter-spacing:0.14em;width: fit-content;display: block;margin: 0 0 0.59em;font-size: 119%;font-family: "游ゴシック体 Pr6N D";}


#interview .interview-list .interview-item.anime-active .interview-title span  {
    animation: slideMask-left 1.5s cubic-bezier(0.22, 1, 0.26, 1.1) 0.0s both;
}
#interview .interview-list .interview-item.anime-active .interview-title span:nth-child(2){
    animation-delay: 0.3s;
} 
#interview .interview-list .interview-item.anime-active .interview-title span:nth-child(3){
    animation-delay: 0.6s;
} 

#interview .p-txt {font-size: 77%;text-align: justify;width: 80%;margin: 2.0em auto;line-height: 2.15;}

#interview .p-txt .marker {background: #FFD6DC;font-family: "游ゴシック体 Pr6N D";}

/* 01 */
#interview01 {margin: 0;}

#interview01 .interview-image {}

#interview01 .interview-image .interview-title {margin: -1em 2em 0;}

#interview01 .interview-image .interview-title span {}



/* 02 */
#interview02 {
}

#interview02 .interview-image {
}

/* スライダー */
#interview02 .interview-image .image-box01 {width: 90%;margin-left: 10%;}

#interview02 .interview-image .image-box01 .swiper.interviewSwiper {
    /* width: 80%; */
}

.interview-image swiper.interviewSwiper .swiper-wrapper {
}

.interview-image .swiper.interviewSwiper .swiper-wrapper .swiper-slide {
}

.interview-image .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure {
  margin:0;
}

.interview-image .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure img {
}

#interview02 .interview-image .interview-title {position: absolute;top: 15%;left: 2%;}

#interview02 .interview-image .interview-title span {
}

#interview02 .p-txt {
}

#interview02 .p-txt .marker {
}

/* 03 */
#interview03 {
}

#interview03 .interview-image {margin-bottom: 2.4em;}

#interview03 .interview-image .image-box01 {width: 54%;margin-left: 6%;}

#interview03 .interview-image .image-box01 img {
}

/* スライダー */
#interview03 .interview-image .image-box02 {width: 40.5%;margin: -28% 0 0 55%;}

#interview03 .interview-image .image-box02 .swiper.interviewSwiper {
}

#interview03 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper {
}

#interview03 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper .swiper-slide {
}

#interview03 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure {
}

#interview03 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure img {
}

.interview-image .item-caption {
  position:absolute;
  top: 102%;
  right:0;
  margin: 0;
  font-size: 61%;
  color: #808080;
}

#interview03 .interview-image .interview-title {position: absolute;top: 5%;left: 50%;}

#interview03 .interview-image .interview-title span {
}

#interview03 .p-txt {
}

#interview03 .p-txt .marker {
}

/* 04 */
#interview04 {
}

#interview04 .interview-image {margin-bottom: 2.4em;}

#interview04 .interview-image .image-box01 {width: 54%;margin-left: 41%;}

#interview04 .interview-image .image-box01 img {
}

/* スライダー */
#interview04 .interview-image .image-box02 {width: 40.5%;margin: -28% 0 0 5%;}

#interview04 .interview-image .image-box02 .swiper.interviewSwiper {
}

#interview04 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper {
}

#interview04 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper .swiper-slide {
}

#interview04 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure {
}

#interview04 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure img {
}

#interview04 .interview-image .image-box02 .item-caption {right: auto;left: 0;}

#interview04 .interview-image .interview-title {position: absolute;top: 4%;left: 13%;}

#interview04 .interview-image .interview-title span {
}

#interview04 .p-txt {
}

#interview04 .p-txt .marker {
}

/* 05 */
#interview05 {
}

#interview05 .interview-image {
}

/* スライダー */
#interview05 .interview-image .image-box01 {width: 68%;margin: 0 0 0 5%;}

#interview05 .interview-image .image-box01 .swiper.interviewSwiper {
}

#interview05 .interview-image .image-box01 .swiper.interviewSwiper .swiper-wrapper {
}

#interview05 .interview-image .image-box01 .swiper.interviewSwiper .swiper-wrapper .swiper-slide {
}

#interview05 .interview-image .image-box01 .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure {
}

#interview05 .interview-image .image-box01 .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure img {
}

#interview05 .interview-image .interview-title {position: absolute;top: 27%;left: 59%;}

#interview05 .interview-image .interview-title span {
}

#interview05 .p-txt {
}

#interview05 .p-txt .marker {
}

/*------------------------------------

プロフィール

------------------------------------*/
#profile {
}

#profile .side-title {
}

#profile .prof-head {
}

#profile .prof-head .prof-photo {
}

#profile .prof-head .prof-name {margin: 0.6em;font-size: 145%;display: flex;justify-content: center;align-items: center;gap: 0.5em;font-family: "游ゴシック体 Pr6N D";}

#profile .prof-head .prof-name .prof-sub {font-size: 70%;}

#profile .prof-head .prof-name .prof-main {display: flex;justify-content: center;align-items: center;gap: 0.2em;}

#profile .prof-head .prof-name .prof-main .min-txt {font-size: 48%;}

#profile .prof-txt {font-size: 80%;width: 80%;margin: 0 auto 0;text-align: justify;}

#profile .prof-txt .p-txt {margin: 0;line-height: 2.1;}

#profile .prof-txt .insta-link {display: flex;justify-content: flex-start;align-items: center;gap: 0.5em;margin: 1em 0;}

#profile .prof-txt .insta-link img {width: 1.6em;}

#profile .prof-txt .insta-link span {font-family: "Jost", sans-serif;font-optical-sizing: auto;font-weight: 500;font-size: 110%;font-style: normal;letter-spacing:0.1em;}


/*------------------------------------

購入方法

------------------------------------*/

#buy-area {
}

#buy-area .contents-inner {
    background: #F0F3F5;
    margin: 0 -500%;
    padding: 2.6em 500%;
}

#buy-area .c-title {
}

#buy-area .c-title img {
}

.spec-wrap {display: flex;justify-content: center;align-items: center;margin: 2.7em auto 2em;gap: 1.5em;}

.spec-wrap .spec-image {
}

.spec-wrap .spec-txt {text-align: justify;font-size: 81%;font-family: "游ゴシック体 Pr6N D";}

.spec-wrap .spec-txt .spec-name {
}

.spec-wrap .spec-txt .spec-price {display: block;}

.spec-wrap .spec-txt .spec-price .spec-num {font-size: 180%;font-family: "Jost", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;letter-spacing: 0.0em;}

/* 月々のお申し込み */
.buy-btn {border: 1px solid #000;color: #FFF;background: #000;display: block;width: max-content;margin: 0em auto 0;position: relative;padding: 0.4em 0.9em;font-size: 105%;min-height: 3em;letter-spacing: 0.2em;cursor: pointer;transition: all 0.3s;width: 74%;display: flex;justify-content: space-between;align-items: center;font-family: "游ゴシック体 Pr6N D";}

.buy-btn .btn-icon {font-size: 69%;background: #FFF;line-height: 1.2;letter-spacing: 0;width: 4.4em;padding-top: 0.25em;aspect-ratio: 1/1;display: flex;justify-content: center;align-items: center;border-radius: 50%;color: #000;flex-shrink: 1;}

.buy-btn .btn-txt {font-size: 89%;line-height: 1.35;letter-spacing: 0.1em;color:#FFF;}

.buy-btn .btn-arrow {width: 1.4em;aspect-ratio: 1/1;background-image: url(../images/link_arrow.webp);background-repeat: no-repeat;background-position: center;background-size:contain;
  transition: transform 0.2s ease;
}

@media (hover: hover) {
.buy-btn:hover  .btn-arrow {
  transform: translateX(5px); /* ← 左方向へ移動 */
}
}
/* 6回エントリー */
#buy-area .entry-campaign {width: 78%;display: block;margin: 1.8em auto 0.5em;}

#buy-area .entry-campaign source {
}

#buy-area .entry-campaign img {
}

#buy-area .buy-btn.red-btn {background: #C1272D;border-color: #C1272D;}

#buy-area .buy-btn.red-btn .btn-icon {color: #C1272D;}

#buy-area .buy-btn.red-btn .btn-txt {
}

#buy-area .buy-btn.red-btn .btn-txt .min-txt {display: block;font-size: 67%;line-height: 1.7;}

#buy-area .buy-btn.red-btn .btn-arrow {
}

#buy-area .btn-note {margin: 0.7em;font-size: 65%;}

/*------------------------------------

いっしょ買い

------------------------------------*/

#set-buy {padding: 1.3em 0 2em;}

#set-buy .c-title {
    clip-path: inset(0 0 0 0);
}

#set-buy .c-title img {
}

#set-buy p {font-size: 75%;margin: 1em auto;font-family: "游ゴシック体 Pr6N D";}

#set-buy .spec-wrap.set-spec {position: relative;background: #FAFBE3;padding: 1.3em;width: max-content;margin: 0 auto;}

#set-buy .spec-wrap.set-spec .set-icon {position: absolute;top: -12%;left: -6%;}

#set-buy .spec-wrap.set-spec .spec-image {border: 2px solid #FFF;}

#set-buy .spec-wrap.set-spec .spec-txt {
}

#set-buy .spec-wrap.set-spec .spec-txt .spec-name {
}

#set-buy .spec-wrap.set-spec .spec-txt .spec-price {
}

#set-buy .spec-wrap.set-spec .spec-txt .spec-price .spec-num {font-size: 100%;}

#set-buy .spec-wrap.set-spec .spec-txt .spec-price.spec-red {color: #C1272D;font-size: 180%;line-height: 1.3;margin-bottom: 0.3em;}

#set-buy .spec-wrap.set-spec .spec-txt .spec-price.spec-red .spec-num {}

#set-buy .spec-wrap.set-spec .spec-txt .buy-btn {width: auto;}
#set-buy .spec-wrap.set-spec .spec-txt .buy-btn::before{
  display: block;
width: 0.5em;
height: 100%;
content: '';
}
#set-buy .spec-wrap.set-spec .spec-txt .buy-btn .btn-txt {
}

#set-buy .spec-wrap.set-spec .spec-txt .buy-btn .btn-arrow {
}

/*------------------------------------

追従ボタン

------------------------------------*/

.fixed-btn {background: #000;border-radius: 50%;aspect-ratio: 1;width: 120px;position: fixed;bottom: 66px;right: 30px;z-index: 100;transition: all 0.3s;}

.fixed-btn a {
}

.fixed-btn a img {
    
}

.fixed-parts {
  display: none;
}


/*------------------------------------

ページトップへ

------------------------------------*/
.pagetop {width: 52px;position: fixed;bottom: -10px;z-index: 100;right: 64px;}

.pagetop img {
}

@media (hover: hover) {
    .fixed-btn:hover {transform: scale(1.06);}
    .pagetop:hover { transform: translateY(-10%); }
}


/*===================================

PC

===================================*/
@media (min-width: 769px) {

}
/*===================================

SP

===================================*/

@media (max-width: 768px) {
.pc,.side-pc {
  display: none;
}
.sp {
  display: block;
}
/*------------------------------------

wrapper

------------------------------------*/
#wrapper {font-size: 3.9vw;-moz-osx-font-smoothing: unset;-webkit-font-smoothing: subpixel-antialiased;}
#wrapper img { }
#wrapper ul { }
#wrapper-inner { }

/*------------------------------------

FV

------------------------------------*/
#fv-wrap {padding: 6vw 0;}

#fv-wrap .fv-ttl { }

#fv-wrap .fv-ttl h2 {top: 1.8%;}

#fv-wrap .fv-ttl h2 .fv-ttl01 { }

#fv-wrap .fv-ttl h2 .fv-ttl02 { }

#fv-wrap .fv-ttl h3 {bottom: -6%;}

#fv-wrap .fv-ttl h3 span { }

/* スライダー */
#fv-wrap .swiper.mainSwiper {width: 80%;}

#fv-wrap .swiper.mainSwiper .swiper-wrapper { }

#fv-wrap .swiper.mainSwiper .swiper-wrapper .swiper-slide { }

#fv-wrap .swiper.mainSwiper .swiper-wrapper .swiper-slide img { }


/*------------------------------------

サイドナビ：PC表示

------------------------------------*/
#wrapper-inner > .side-pc { }

#wrapper #wrapper-inner > .side-pc  img { }
#wrapper-inner > .side-pc::after { }


/*------------------------------------

導入

------------------------------------*/
#introduction {margin: 2.8em 0 1em;}

#introduction p { }


/*------------------------------------

共通

------------------------------------*/

#main-contents {width: 100%;}
.side-title { }
p.p-txt { }

.contents-block { }
.contents-inner { }
.bg-gray {
    left: 0;
}

/*------------------------------------

New color

------------------------------------*/
#new-color { }

#new-color .side-title { }

#new-color .new01,
#new-color .new02{ }

#new-color .new01 { }

#new-color .new02 { }

#new-color .new03 { }

#new-color .new03 img {width: 91.5%;padding-left: 3.5%;}

/* スライダー */
#new-color .swiper.newColorSwiper {width: 87%;margin: -17% auto 0;}

#new-color .swiper.newColorSwiper .swiper-wrapper { }

#new-color .swiper.newColorSwiper .swiper-wrapper .swiper-slide { }

#new-color .swiper.newColorSwiper .swiper-wrapper .swiper-slide img { }

#new-color p.p-txt { }

.anchor-btn-wrap { }

.anchor-btn-wrap .anchor-btn{font-size: 114%;}
.anchor-btn-wrap .anchor-btn::after { }

#new-color .anchor-btn-wrap .anchor-btn .btn-txt { }

#new-color .anchor-btn-wrap .anchor-btn .btn-txt .txt-en { }

/* デフォルトの丸 */
.newColorSwiper .swiper-pagination-bullet { }

/* アクティブの丸 */
.newColorSwiper .swiper-pagination-bullet-active { }


/*------------------------------------

Lesson

------------------------------------*/
#lesson {padding: 5.5em 0 2em;}

#lesson .bg-gray {height: 34%;}

#lesson .contents-inner { }

#lesson .contents-inner .side-title { }

.c-title { width:90%;
         margin-left:auto;
         margin-right:auto;}
#lesson .contents-inner .c-title { }
#lesson .contents-inner .c-title img { }

/* スライダー */
.itemsSwiper-wrap {margin-bottom: 0;width: 78%;}


#lesson .contents-inner .swiper.itemsSwiper{ }

#lesson .contents-inner .swiper.itemsSwiper .swiper-wrapper { }

#lesson .contents-inner .swiper.itemsSwiper .swiper-wrapper .swiper-slide { }

#lesson .contents-inner .swiper.itemsSwiper.swiper-wrapper .swiper-slide figure { }

#lesson .contents-inner .swiper.itemsSwiper .swiper-wrapper .swiper-slide figure img { }

#lesson .contents-inner .swiper.itemsSwiper .swiper-wrapper .swiper-slide figure figcaption { }

#lesson .contents-inner .swiper.itemsSwiper .swiper-wrapper .swiper-slide figure figcaption .step { }

#lesson .contents-inner .swiper.itemsSwiper .swiper-wrapper .swiper-slide figure figcaption .name { }

#lesson .contents-inner .swiper.itemsSwiper .swiper-wrapper .swiper-slide figure figcaption p {font-size: 88%;}

/* ページネーション（1/6） */
.itemsSwiper-wrap .swiper-pagination {top: 70vw;}

/* 矢印ナビゲーション */


.itemsSwiper-wrap .swiper-button-prev { }
.itemsSwiper-wrap .swiper-button-next { }


.itemsSwiper-wrap .swiper-button-prev,
.itemsSwiper-wrap .swiper-button-next { }

/* デフォルト矢印 */
.itemsSwiper-wrap .swiper-button-prev { }
.itemsSwiper-wrap .swiper-button-next { }

/* Swiper のデフォルト矢印文字は消す */
.itemsSwiper-wrap .swiper-button-prev::after,
.itemsSwiper-wrap .swiper-button-next::after { }

/* デフォルトの ::after 文字は消す */
.itemsSwiper-wrap .swiper-button-prev::after,
.itemsSwiper-wrap .swiper-button-next::after { }

/*------------------------------------

Reason

------------------------------------*/

#reason {padding: 6.5em 0 3em;}

#reason .side-title { }

#reason .c-title { }

#reason .c-title img { }

#reason > .p-txt { }

#reason .reason-list { }

#reason .reason-list .reason-bg {left: 0;width: 28vw;}
#reason .reason-list .reason-bg::before {right: 18vw;}
/*  */
.reason-item { }

.reason-item .reason-title { }

.reason-item .reason-box { }

.reason-item .reason-box figure { }

.reason-item .reason-box figure img { }

.reason-item .reason-box figure figcaption { }

.reason-item .reason-box figure figcaption .p-txt { }

/*  */
#reason02 { }

#reason02 .reason-title { }

#reason02 .reason-box { }

#reason02 .reason-box .reason-tag {font-size: 97%;letter-spacing: 0;}

/*  */
#reason03 {margin-top: 1em;}

#reason03 .reason-title { }

#reason03 .reason-box { }

#reason03 .reason-box figure { }

#reason03 .reason-box figure .movie-btn.js-modal-video { }

#reason03 .reason-box figure .movie-btn.js-modal-video img { }

#reason03 .reason-box figure figcaption { }

#reason03 .reason-box figure figcaption .p-txt { }

#reason .anchor-btn-wrap { }

#reason .anchor-btn-wrap .campaign-txt {width: 73vw;}

#reason .anchor-btn-wrap .anchor-btn { }

#reason .anchor-btn-wrap .anchor-btn .btn-txt { }

#reason .anchor-btn-wrap .anchor-btn .btn-txt .txt-en { }


/*------------------------------------

Interview

------------------------------------*/
#interview { }

#interview .image-box { }
.interview-item { }

/* インタビュー扉 */
#interview .interview-head { }

#interview .interview-head .interview-head-image { }

#interview .interview-head .side-title {width: 9vw;}

#interview .interview-head .c-title {top: 4.5%;}

#interview .interview-head .c-title .sub-title {font-size: 54%;margin: 0 auto 1.0em;}

#interview .interview-head .c-title img {width: 65%;}

#interview .interview-list { }
#interview .interview-image { }
#interview .interview-list .interview-title { }
#interview .interview-list .interview-title span {font-size: 119%;letter-spacing: 0.1em;}

#interview .p-txt {font-size: 85%;}

#interview .p-txt .marker { }

/* 01 */
#interview01 { }

#interview01 .interview-image { }

#interview01 .interview-image .interview-title { }

#interview01 .interview-image .interview-title span { }



/* 02 */
#interview02 { }

#interview02 .interview-image { }

/* スライダー */
#interview02 .interview-image .image-box01 {margin-left: 15%;}

#interview02 .interview-image .image-box01 .swiper.interviewSwiper { }

.interview-image swiper.interviewSwiper .swiper-wrapper { }

.interview-image .swiper.interviewSwiper .swiper-wrapper .swiper-slide { }

.interview-image .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure { }

.interview-image .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure img { }

#interview02 .interview-image .interview-title {left: 3%;}

#interview02 .interview-image .interview-title span { }

#interview02 .p-txt { }

#interview02 .p-txt .marker { }

/* 03 */
#interview03 { }

#interview03 .interview-image { }

#interview03 .interview-image .image-box01 { }

#interview03 .interview-image .image-box01 img { }

/* スライダー */
#interview03 .interview-image .image-box02 { }

#interview03 .interview-image .image-box02 .swiper.interviewSwiper { }

#interview03 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper { }

#interview03 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper .swiper-slide { }

#interview03 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure { }

#interview03 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure img { }

.interview-image .item-caption { }

#interview03 .interview-image .interview-title {top: -4%;}

#interview03 .interview-image .interview-title span { }

#interview03 .p-txt { }

#interview03 .p-txt .marker { }

/* 04 */
#interview04 { }

#interview04 .interview-image { }

#interview04 .interview-image .image-box01 { }

#interview04 .interview-image .image-box01 img { }

/* スライダー */
#interview04 .interview-image .image-box02 { }

#interview04 .interview-image .image-box02 .swiper.interviewSwiper { }

#interview04 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper { }

#interview04 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper .swiper-slide { }

#interview04 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure { }

#interview04 .interview-image .image-box02 .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure img { }

#interview04 .interview-image .image-box02 .item-caption { }

#interview04 .interview-image .interview-title {top: -4%;left: 9%;}

#interview04 .interview-image .interview-title span { }

#interview04 .p-txt { }

#interview04 .p-txt .marker { }

/* 05 */
#interview05 { }

#interview05 .interview-image { }

/* スライダー */
#interview05 .interview-image .image-box01 {margin: 0 0 0 -1%;}

#interview05 .interview-image .image-box01 .swiper.interviewSwiper { }

#interview05 .interview-image .image-box01 .swiper.interviewSwiper .swiper-wrapper { }

#interview05 .interview-image .image-box01 .swiper.interviewSwiper .swiper-wrapper .swiper-slide { }

#interview05 .interview-image .image-box01 .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure { }

#interview05 .interview-image .image-box01 .swiper.interviewSwiper .swiper-wrapper .swiper-slide figure img { }

#interview05 .interview-image .interview-title {position: absolute;top: 25%;left: 52%;}

#interview05 .interview-image .interview-title span { }

#interview05 .p-txt { }

#interview05 .p-txt .marker { }

/*------------------------------------

プロフィール

------------------------------------*/
#profile {padding-top: 0;}

#profile .side-title {right: 10%;width: 11vw;}

#profile .prof-head { }

#profile .prof-head .prof-photo {width: 48vw;}

#profile .prof-head .prof-name { }

#profile .prof-head .prof-name .prof-sub { }

#profile .prof-head .prof-name .prof-main { }

#profile .prof-head .prof-name .prof-main .min-txt { }

#profile .prof-txt { }

#profile .prof-txt .p-txt { }

#profile .prof-txt .insta-link { }

#profile .prof-txt .insta-link img { }

#profile .prof-txt .insta-link span { }


/*------------------------------------

購入方法

------------------------------------*/

#buy-area {padding: 2.4em 0 1.4em;}

#buy-area .contents-inner { }

#buy-area .c-title { }

#buy-area .c-title img {width: 57vw;}

.spec-wrap {width: 90%;}

.spec-wrap .spec-image {width: 33vw;}

.spec-wrap .spec-txt { }

.spec-wrap .spec-txt .spec-name { }

.spec-wrap .spec-txt .spec-price { }

.spec-wrap .spec-txt .spec-price .spec-num { }

/* 月々のお申し込み */
.buy-btn {width: 90%;font-size: 120%;}

.buy-btn .btn-icon { }

.buy-btn .btn-txt { }

.buy-btn .btn-arrow { }

/* 6回エントリー */
#buy-area .entry-campaign {width: 87%;margin: 2.3em auto 0.5em;}

#buy-area .entry-campaign source { }

#buy-area .entry-campaign img { }

#buy-area .buy-btn.red-btn { }

#buy-area .buy-btn.red-btn .btn-icon { }

#buy-area .buy-btn.red-btn .btn-txt { }

#buy-area .buy-btn.red-btn .btn-txt .min-txt { }

#buy-area .buy-btn.red-btn .btn-arrow { }

#buy-area .btn-note { }

/*------------------------------------

いっしょ買い

------------------------------------*/

#set-buy { }

#set-buy .c-title { }

#set-buy .c-title img {width: 62vw;}

#set-buy p {font-size: 84%;margin: 1em auto 1.8em;}

#set-buy .spec-wrap.set-spec {font-size: 90%;}

#set-buy .spec-wrap.set-spec .set-icon {width: 18vw;top: -9%;left: -5%;}

#set-buy .spec-wrap.set-spec .spec-image { }

#set-buy .spec-wrap.set-spec .spec-txt { }

#set-buy .spec-wrap.set-spec .spec-txt .spec-name { }

#set-buy .spec-wrap.set-spec .spec-txt .spec-price { }

#set-buy .spec-wrap.set-spec .spec-txt .spec-price .spec-num { }

#set-buy .spec-wrap.set-spec .spec-txt .spec-price.spec-red { }

#set-buy .spec-wrap.set-spec .spec-txt .spec-price.spec-red .spec-num { }

#set-buy .spec-wrap.set-spec .spec-txt .buy-btn {font-size: 110%;}
#set-buy .spec-wrap.set-spec .spec-txt .buy-btn::before{ }
#set-buy .spec-wrap.set-spec .spec-txt .buy-btn .btn-txt { }

#set-buy .spec-wrap.set-spec .spec-txt .buy-btn .btn-arrow { }

/*------------------------------------

追従ボタン

------------------------------------*/

.fixed-btn {width: 21vw;bottom: 12vw;right: 3vw;}

.fixed-btn a { }

.fixed-btn a img { }
/*------------------------------------

ページトップへ

------------------------------------*/
.pagetop {
    bottom: -1.3vw;
    right: 8vw;
    width: 11vw;
}

.pagetop img { }
    
    
}