/* for PC
-----------------------------------------------*/
:root {
  --color-black: #000;
  --color-gray: #303030;
  --color-white: #fff;
  --bk-color-01: #87837e;
  --lpSetSize: (100vw / 1400);
}
.l-container {
  margin-inline: auto;  
}
#feature * {
  font-family: "hiragino-mincho-pron", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #383838;  
  box-sizing: border-box;  
}
/*#feature .main-content {
 margin-bottom: calc(60 * var(--lpSetSize));   
}*/
#feature .main-content .left-content {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  left: 0;
  width: calc(800 * var(--lpSetSize));
  height: calc(100vh - 80px);
  overflow: hidden;
}
#feature .main-content .right-content {
  margin-top: 0;
  width: calc(600 * var(--lpSetSize));
  margin-inline: auto;
  overflow: hidden;
}


/* .fv */
#feature .left-content .wrap_fv .fv {
  position: relative;
  overflow: hidden;
  height: 100%;
}
#feature .left-content .wrap_fv .fv .fv_img img {
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
#feature .left-content .wrap_fv .fv .fv_layer {
  position: absolute;
  content: "";
  bottom: 5vw;
  padding-bottom: 3.3vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 33.048vw;
}

/* .right-content */
#feature .wrap_catch {
  background: #efefed;
  text-align: center;
  padding: calc(68 * 0.83 * var(--lpSetSize)) calc(50 * 0.83 * var(--lpSetSize)) calc(78 * 0.83 * var(--lpSetSize));
}
#feature .wrap_catch .catch {
  margin: 0 0 calc(60 * 0.83 * var(--lpSetSize)) 0;
}
#feature .wrap_catch .catch p {
  color: #383838;
  font-size: calc(19.17 * 0.83 * var(--lpSetSize));
  letter-spacing: 0.1em;
  line-height: 2.4em;
  margin: 0 0 1.0em 0; 
}
#feature .wrap_catch .insta {
  width: calc(559.1001 * 0.83 * var(--lpSetSize));
  height: calc(389.7994 * 0.83 * var(--lpSetSize));
  background: url(../img/bg_insta.svg) 0 0 no-repeat;
  background-size: cover;
  margin-inline: auto;
  padding: calc(40 * 0.83 * var(--lpSetSize)) calc(40 * 0.83 * var(--lpSetSize)) 0;
}
#feature .wrap_catch .insta h2 {
  margin-inline: auto;
  width: calc(308 * 0.83 * var(--lpSetSize));
  margin-bottom: calc(26 * 0.83 * var(--lpSetSize));
}
#feature .wrap_catch .insta p {
  font-size: calc(20.77 * 0.83 * var(--lpSetSize));
  letter-spacing: 0.05em;
  line-height: 1.7em;
  margin-bottom: calc(18 * 0.83 * var(--lpSetSize));  
}
#feature .wrap_catch .insta dl {
  padding: 0;
}
#feature .wrap_catch .insta dt {
  color: #5e0b07;
  font-size: calc(19.17 * 0.83 * var(--lpSetSize));
  font-weight: 600;
  letter-spacing: 0.06em;
  margin-bottom: calc(3 * 0.83 * var(--lpSetSize));
  position: relative;
  display:inline-block;
}
#feature .wrap_catch .insta dt::before{
  content: '|';
  position: absolute;
  top: calc(-2 * 0.83 * var(--lpSetSize));
  left: calc(-20 * 0.83 * var(--lpSetSize));
}
#feature .wrap_catch .insta dt::after {
  content: '|';
  position: absolute;
  top: calc(-2 * 0.83 * var(--lpSetSize));
  right: calc(-20 * 0.83 * var(--lpSetSize));
}
#feature .wrap_catch .insta dd {
  font-size: calc(22.36 * 0.83 * var(--lpSetSize));
  letter-spacing: 0.05em;
  margin: 0 0 calc(24 * 0.83 * var(--lpSetSize)) 0;   
}
#feature .wrap_catch .insta dd:last-child {
  margin-bottom: 0;   
}

/* .wrap_novelty */
#feature .wrap_novelty {
  background: #5e0b07;
  text-align: center;
  padding: calc(50 * 0.83 * var(--lpSetSize)) calc(60 * 0.83 * var(--lpSetSize)) calc(44 * 0.83 * var(--lpSetSize));
}
#feature .wrap_novelty h2 {
  margin-inline: auto;
  width: calc(410 * var(--lpSetSize) * 0.8 );
  margin-bottom: calc(36 * 0.83 * var(--lpSetSize));
}
#feature .wrap_novelty figure {
  width: calc(475 * 0.83 * var(--lpSetSize));
  margin: 0 auto calc(24 * 0.83 * var(--lpSetSize));
}
#feature .wrap_novelty p {
  color: #FFFFFF;
  font-size: calc(20.4 * 0.83 * var(--lpSetSize));
  letter-spacing: 0.04em;
  line-height: 1.6em;
  margin-bottom: calc(12 * 0.83 * var(--lpSetSize));
}
#feature .wrap_novelty p:last-child {
  font-size: calc(19 * 0.83 * var(--lpSetSize));
  margin-bottom: 0;
}

/* .wrap_limited */
/* .wrap_recom */
#feature .wrap_limited {
  padding: 0;
  background:#efefed;
}
#feature .wrap_recom {
  padding: 0;
  background:#ffffff;
}

/* .wrap_limited > title */
/* .wrap_recom > title */
#feature .wrap_limited h2 {
  width: calc(570 * 0.83 * var(--lpSetSize));
  margin: 0 auto calc(40 * 0.83 * var(--lpSetSize));
  padding: calc(80 * 0.83 * var(--lpSetSize)) 0 0 0;
}
#feature .wrap_recom h2 {
  margin-inline: auto;
  width: calc(570 * 0.83 * var(--lpSetSize));
  margin-bottom: calc(40 * 0.83 * var(--lpSetSize));
}
#feature .wrap_limited p {
  text-align: center;
  font-size: calc(21.77 * 0.83 * var(--lpSetSize));
  letter-spacing: 0.07em;
  line-height: 1.7em;
  margin-bottom: calc(50 * 0.83 * var(--lpSetSize));
}
#feature .wrap_recom p {
  text-align: center;
  font-size: calc(22.36 * 0.83 * var(--lpSetSize));
  letter-spacing: 0.04em;
  line-height: 1.7em;
  margin-bottom: calc(38 * 0.83 * var(--lpSetSize));
}
  
#feature .wrap_limited .item01 h3 {
  margin-inline: auto;
  width: calc(450 * 0.83 * var(--lpSetSize));
  margin-bottom: calc(48 * 0.83 * var(--lpSetSize));
}
#feature .wrap_limited .item02 h3 {
  margin-inline: auto;
  width: calc(290 * 0.83 * var(--lpSetSize));
  margin-bottom: calc(52 * 0.83 * var(--lpSetSize));
}


/* .wrap_limited > .item-XX */
#feature .wrap_limited .item01 {
  margin-bottom: calc(68 * 0.83 * var(--lpSetSize));
}
#feature .wrap_limited .item02 {
  padding-bottom: calc(70 * 0.83 * var(--lpSetSize));
}
#feature .wrap_recom {
  padding-top: calc(82 * 0.83 * var(--lpSetSize));
  margin-bottom: calc(80 * 0.83 * var(--lpSetSize));
}

  
/* .wrap_limited > .image-XX */
#feature .wrap_limited .image-01 {
  margin-bottom: calc(70 * 0.83 * var(--lpSetSize));
}
#feature .wrap_limited .image-01 .swiper,
#feature .wrap_limited .img_01 {
  width: calc(524 * 0.83 * var(--lpSetSize));
  margin-inline: auto;
}
#feature .wrap_limited .image-02 {
  display:flex;
  justify-content: flex-end;
  margin-bottom: calc(48 * 0.83 * var(--lpSetSize));
}
#feature .wrap_limited .img_02 {
  width: calc(474 * 0.83 * var(--lpSetSize));
}
#feature .wrap_limited .image-03 {
  background: url(../img/bg_text.svg) no-repeat;
  background-position: calc(556 * var(--lpSetSize)) calc(74 * 0.83 * var(--lpSetSize));
  background-size: calc(39.5 * 0.83 * var(--lpSetSize));
}  
#feature .wrap_limited .img_03 {
  width: calc(444 * 0.83 * var(--lpSetSize));
} 
#feature .wrap_limited .img_04 {
  width: calc(500 * var(--lpSetSize));
  margin-inline: auto;  
}
#feature .wrap_recom .image-05 {
  margin-bottom: calc(70 * 0.83 * var(--lpSetSize));
}
#feature .wrap_recom .image-05 .swiper,
#feature .wrap_recom .img_05 {
  width: calc(480 * 0.83 * var(--lpSetSize));
}
#feature .wrap_recom .image-05 .swiper-wrapper {
  z-index: 11;  
}
#feature .wrap_recom .image-06 {
  margin-bottom: calc(70 * 0.83 * var(--lpSetSize));
}
#feature .wrap_recom .img_06 {
  width: calc(475.98 * 0.83 * var(--lpSetSize));
  margin-inline: auto;
}
#feature .wrap_recom .image-07 {
  margin: 0 0 calc(70 * 0.83 * var(--lpSetSize)) calc(120 * 0.83 * var(--lpSetSize));
}  
#feature .wrap_recom .image-07 .swiper,
#feature .wrap_recom .img_07 {
  width: calc(480 * 0.83 * var(--lpSetSize));
}
#feature .wrap_recom .image-08 .swiper,  
#feature .wrap_recom .img_08 {
  width: calc(510 * 0.83 * var(--lpSetSize));
  margin-inline: auto; 
}
  
/* .credit */
#feature .wrap_credit {
  position: relative;
}
#feature .wrap-image {
  position: relative;
}
#feature .credit {
 font-size: calc(19.17 * 0.83 * var(--lpSetSize));
 gap: 0 !important;
 display: flex;
}
#feature .wrap_credit .credit .credit_item * {
 font-size: calc(19.17 * 0.83 * var(--lpSetSize));
}

#feature .image-01 .credit {
  align-items: center;
  flex-direction: column;
}
#feature .image-03 .credit {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-content: flex-start;
}
#feature .image-04 .credit {
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
#feature .image-05 .wrap_credit {
  position: absolute;
  top: calc(10 * 0.83 * var(--lpSetSize));
  right: calc(180 * 0.83 * var(--lpSetSize));
  transform: rotate(90deg);
  z-index: 10;
  width: calc(720 * 0.83 * var(--lpSetSize));
}
#feature .image-05 .credit {
 justify-content: flex-end;
 font-size: calc(20.77 * 0.83 * var(--lpSetSize));
}
#feature .image-05 .credit .credit_item * {
 font-size: calc(20.77 * 0.83 * var(--lpSetSize));
}
#feature .image-05 .credit .credit_item {
  position: relative;
  padding-right: 1.5em;
}
#feature .image-05 .credit .credit_item::after {
  content: '/';
  position: absolute;
  right: calc(12 * 0.83 * var(--lpSetSize));
  top: calc(0 * 0.83 * var(--lpSetSize));
}
#feature .image-05 .credit .credit_item:last-child {
  padding-right: 0;
}
#feature .image-05 .credit .credit_item:last-child::after {
  content: '';
} 
#feature .image-06 .credit {
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
#feature .image-07 .wrap_credit {
  position: absolute;
  top: calc(20 * 0.83 * var(--lpSetSize));
  left: calc(-700 * 0.83 * var(--lpSetSize));
  transform: rotate(90deg);
  z-index: 100;
  width: calc(720 * 0.83 * var(--lpSetSize));
}
#feature .image-07 .credit {
 justify-content: flex-end;
 font-size: calc(20.77 * 0.83 * var(--lpSetSize));
}
#feature .image-07 .credit .credit_item * {
 font-size: calc(20.77 * 0.83 * var(--lpSetSize));
}
#feature .image-07 .credit .credit_item {
  position: relative;
  padding-right: 1.5em;
}
#feature .image-07 .credit .credit_item::after {
  content: '/';
  position: absolute;
  right: calc(12 * 0.83 * var(--lpSetSize));
  top: calc(0 * 0.83 * var(--lpSetSize));
}
#feature .image-07 .credit .credit_item:last-child {
  padding-right: 0;
}
#feature .image-07 .credit .credit_item:last-child::after {
  content: '';
} 
#feature .image-08 .credit {
 justify-content: center;
 flex-direction: column;
 align-items: center;  
 font-size: calc(20.77 * 0.83 * var(--lpSetSize));
}
#feature .image-08 .credit .credit_item * {
 font-size: calc(20.77 * 0.83 * var(--lpSetSize));
}

/* .swiper */
#feature .swiper {
  overflow: hidden;
  margin: 0;
}
#feature .swiper .swiper-slide {
  margin-inline: auto;
}


/* .wrap_foot */
#feature .wrap_foot {
  width: 100vw;  
  padding: calc(30 * var(--lpSetSize)) 0 0 0;
}
#feature .wrap_foot img {
  width: 100vw;
}



/* for SP
-----------------------------------------------*/
@media screen and (max-width: 750px) {

:root {
  --color-black: #000;
  --color-gray: #303030;
  --color-white: #fff;
  --bk-color-01: #87837e;
  --lpSetSize: (100vw / 750);
}
.l-container {
  margin-inline: auto;  
}
#feature * {
  font-family: "hiragino-mincho-pron", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #383838;
  box-sizing: border-box;  
}
#feature .main-content {
 margin-bottom: calc(40 * var(--lpSetSize));   
}
#feature .main-content .left-content {
  position:static;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
#feature .main-content .right-content {
  margin-top: 0;
  width: 100vw;
  margin-inline: auto;
  overflow: hidden;
}

/* .fv */
#feature .left-content .wrap_fv .fv {
  position: relative;
  overflow: hidden;
  height: 100%;
}
#feature .left-content .wrap_fv .fv .fv_img img {
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
#feature .left-content .wrap_fv .fv .fv_layer {
  position: absolute;
  content: "";
  bottom: 0;
  padding-bottom: calc(180 * var(--lpSetSize));
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(532.8242 * var(--lpSetSize));
}

/* .right-content */
#feature .wrap_catch {
  background: #efefed;
  text-align: center;
  padding: calc(83 * var(--lpSetSize)) 0 calc(100 * var(--lpSetSize));
}
#feature .wrap_catch .catch {
  margin: 0 0 calc(86 * var(--lpSetSize)) 0;
}
#feature .wrap_catch .catch p {
  font-size: calc(24 * var(--lpSetSize));
  letter-spacing: 0.1em;
  line-height: 2.4em;
  margin: 0 0 1.0em 0; 
}
#feature .wrap_catch .insta {
  width: calc(700 * var(--lpSetSize));
  height: calc(488.033 * var(--lpSetSize));
  background: url(../img/bg_insta.svg) 0 0 no-repeat;
  background-size: cover;
  margin-inline: auto;
  padding: calc(50 * var(--lpSetSize)) calc(40 * var(--lpSetSize)) 0;
}
#feature .wrap_catch .insta h2 {
  margin-inline: auto;
  width: calc(380 * var(--lpSetSize));
  margin-bottom: calc(30 * var(--lpSetSize));
}
#feature .wrap_catch .insta p {
  font-size: calc(26 * var(--lpSetSize));
  letter-spacing: 0.05em;
  line-height: 1.7em;
}
#feature .wrap_catch .insta dl {
  padding: 0;
}
#feature .wrap_catch .insta dt {
  color: #5e0b07;
  font-size: calc(24 * var(--lpSetSize));
  font-weight: 600;
  letter-spacing: 0.06em;
  margin-bottom: calc(3 * var(--lpSetSize));
  position: relative;
  display:inline-block;
}
#feature .wrap_catch .insta dt::before{
  content: '|';
  position: absolute;
  top: calc(-2* var(--lpSetSize));
  left: calc(-30 * var(--lpSetSize));
}
#feature .wrap_catch .insta dt::after {
  content: '|';
  position: absolute;
  top: calc(-2* var(--lpSetSize));
  right: calc(-30 * var(--lpSetSize));
}
#feature .wrap_catch .insta dd {
  font-size: calc(28 * var(--lpSetSize));
  letter-spacing: 0.05em;
  margin: 0 0 calc(24 * var(--lpSetSize)) 0;   
}
#feature .wrap_catch .insta dd:last-child {
  margin-bottom: 0;   
}

/* .wrap_novelty */
#feature .wrap_novelty {
  background: #5e0b07;
  text-align: center;
  padding: calc(60 * var(--lpSetSize)) calc(60 * var(--lpSetSize)) calc(52 * var(--lpSetSize));
}
#feature .wrap_novelty h2 {
  margin-inline: auto;
  width: calc(410 * var(--lpSetSize));
  margin-bottom: calc(42 * var(--lpSetSize));
}
#feature .wrap_novelty figure {
  width: calc(600 * var(--lpSetSize));
  margin: 0 auto calc(32 * var(--lpSetSize)); 
}
#feature .wrap_novelty p {
  color: #FFFFFF;
  font-size: calc(26 * var(--lpSetSize));
  letter-spacing: 0.04em;
  line-height: 1.7em;
   margin-bottom: calc(10 * var(--lpSetSize)); 
}
#feature .wrap_novelty p:last-child {
  font-size: calc(24 * var(--lpSetSize));
  margin-bottom: 0;   
}

/* .wrap_limited */
/* .wrap_recom */
#feature .wrap_limited {
  padding: 0;
  background:#efefed;
}
#feature .wrap_recom {
  padding: 0;
  background:#ffffff;
}

/* .wrap_limited > title */
/* .wrap_recom > title */
#feature .wrap_limited h2 {
  width: calc(720.766 * var(--lpSetSize));
  margin: 0 auto calc(50 * var(--lpSetSize));
  padding: calc(100 * var(--lpSetSize)) 0 0 0;
}
#feature .wrap_recom h2 {
  margin-inline: auto;
  width: calc(725.6396 * var(--lpSetSize));   
  margin-bottom: calc(50 * var(--lpSetSize));  
}
#feature .wrap_limited p {
  text-align: center;
  font-size: calc(28 * var(--lpSetSize));
  letter-spacing: 0.04em;
  line-height: 1.7em;
  margin-bottom: calc(70 * var(--lpSetSize));
}
#feature .wrap_recom p {
  text-align: center;
  font-size: calc(28 * var(--lpSetSize));
  letter-spacing: 0.04em;
  line-height: 1.7em;  
  margin-bottom: calc(46 * var(--lpSetSize));
}
  
#feature .wrap_limited .item01 h3 {
  margin-inline: auto;
  width: calc(557.622 * var(--lpSetSize));   
  margin-bottom: calc(60 * var(--lpSetSize));   
}
#feature .wrap_limited .item02 h3 {
  margin-inline: auto;
  width: calc(368.2031 * var(--lpSetSize));   
  margin-bottom: calc(60 * var(--lpSetSize));   
}


/* .wrap_limited > .item-XX */
#feature .wrap_limited .item01 {
  margin-bottom: calc(80 * var(--lpSetSize));  
}
#feature .wrap_limited .item02 {
  padding-bottom: calc(80 * var(--lpSetSize));  
}
#feature .wrap_recom {
  padding-top: calc(104 * var(--lpSetSize));
  margin-bottom: calc(80 * var(--lpSetSize));
}

  
/* .wrap_limited > .image-XX */
#feature .wrap_limited .image-01 {
  margin-bottom: calc(80 * var(--lpSetSize));
}
#feature .wrap_limited .image-01 .swiper,
#feature .wrap_limited .img_01 {
  width: calc(660 * var(--lpSetSize));
  margin-inline: auto;
}
#feature .wrap_limited .image-02 {
  display:flex;
  justify-content: flex-end;
  margin-bottom: calc(60 * var(--lpSetSize));  
}
#feature .wrap_limited .img_02 {
  width: calc(600 * var(--lpSetSize));  
}
#feature .wrap_limited .image-03 {
  background: url(../img/bg_text.svg) no-repeat;
  background-position: calc(698 * var(--lpSetSize)) calc(100 * var(--lpSetSize));
  background-size: calc(49.7949 * var(--lpSetSize));  
}  
#feature .wrap_limited .img_03 {
  width: calc(560 * var(--lpSetSize));
} 
#feature .wrap_limited .img_04 {
  width: calc(750 * var(--lpSetSize));
}
#feature .wrap_recom .image-05 {
  margin-bottom: calc(100 * var(--lpSetSize));  
}
#feature .wrap_recom .image-05 .swiper,
#feature .wrap_recom .img_05 {
  width: calc(600 * var(--lpSetSize));
}
#feature .wrap_recom .image-05 .swiper-wrapper {
  z-index: 11;  
}
#feature .wrap_recom .image-06 {
  margin-bottom: calc(80 * var(--lpSetSize));
}
#feature .wrap_recom .img_06 {
  width: calc(595.9382 * var(--lpSetSize));
  margin-inline: auto; 
}
#feature .wrap_recom .image-07 {
  margin: 0 0 calc(100 * var(--lpSetSize)) calc(150 * var(--lpSetSize));
}  
#feature .wrap_recom .image-07 .swiper,
#feature .wrap_recom .img_07 {
  width: calc(600 * var(--lpSetSize));
}
#feature .wrap_recom .image-08 .swiper,  
#feature .wrap_recom .img_08 {
  width: calc(640 * var(--lpSetSize));
  margin-inline: auto; 
}
  
/* .credit */
#feature .wrap_credit {
  position: relative;
}
#feature .wrap-image {
  position: relative;
}
#feature .credit {
 font-size: calc(24 * var(--lpSetSize));
 gap: 0 !important;
 display: flex;  
}
#feature .wrap_credit .credit .credit_item * {
 font-size: calc(24 * var(--lpSetSize));
}
#feature .image-01 .credit {
  align-items: center;
  flex-direction: column;
}
#feature .image-04 .credit {
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
#feature .image-05 .wrap_credit {
  position: absolute;
  top: calc(10 * var(--lpSetSize));
  right: calc(70 * var(--lpSetSize));
  transform: rotate(90deg);
  z-index: 10;
  width: calc(900 * var(--lpSetSize));
}
#feature .image-05 .credit {
 justify-content: flex-end;
 font-size: calc(26 * var(--lpSetSize));
}
#feature .image-05 .credit .credit_item * {
 font-size: calc(26 * var(--lpSetSize));
}
#feature .image-06 .credit {
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
#feature .image-07 .wrap_credit {
  position: absolute;
  top: calc(0 * var(--lpSetSize));
  left: calc(-890 * var(--lpSetSize));
  transform: rotate(90deg);
  z-index: 100;
  width: calc(900 * var(--lpSetSize));
}
#feature .image-07 .credit {
 justify-content: flex-end;
 font-size: calc(26 * var(--lpSetSize));
}
#feature .image-07 .credit .credit_item * {
 font-size: calc(26 * var(--lpSetSize));
}
#feature .image-08 .credit {
 justify-content: center;
 flex-direction: column;
 align-items: center;  
 font-size: calc(26 * var(--lpSetSize));
}
#feature .image-08 .credit .credit_item * {
 font-size: calc(26 * var(--lpSetSize));
}

/* .swiper */
#feature .swiper {
  overflow: hidden;
  margin: 0;
}
#feature .swiper .swiper-slide {
  margin-inline: auto;
}


}