@charset "UTF-8";
:root {
  --lpSetSize: (100vw / 1400) * 0.5973333;
  --lpColor: #06223f;
  --lpColor02:#938972;
}
html {
  scroll-behavior:smooth;
}
.l-container {
  width:100%;
}
.feature {
  width:100%;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 300;
  font-style: normal;
  background: #f7f5e2;
  color: var(--lpColor);
}
.feature p {
  margin:0;
  box-sizing:border-box;
}
.feature img {
  width:100%;
  height:auto;
  vertical-align:top;
  display:block;
}
.feature a { 
  display: block;
  color: inherit;
  text-decoration: none;  
}

/*****************************************************
.feature (PC)
*****************************************************/

/* 共通
----------------------------- */
html { scroll-padding-top: 80px;}
.feature a { transition: opacity 0.3s;}
.feature a:hover { cursor: pointer; opacity: .7;}
.feature .sec__img { background: #f7f5e2;}
.l-footer { padding-top: 0 !important;}
.pc-footer { margin-top: 0 !important;}

/* .feature（大枠）
----------------------------- */
.feature {
  display: flex;
}

/* .f_left
----------------------------- */
.feature .f_left {
  width: 100%;
}
.feature .f_left .f_left__box {
  position: relative;
  height: 100%;
}
.feature .f_left .f_left__box .f_left__title {
  position: sticky;
  top: calc(50vh - 80px);
  margin-inline: auto;
  width: fit-content;
}
.feature .f_left .f_left__box .f_left__title h1 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  display: flex;
  flex-direction: column;
  gap: calc(26 * var(--lpSetSize));
  align-items: center;
  margin: 0 0 calc(16 * (100vw / 1400)) 0;
}
.feature .f_left .f_left__box .f_left__title h1 span {
  font-size: calc(22 * (100vw / 1400));
  letter-spacing: 0.030em;
  font-weight: 400;
  line-height: 1;
}
.feature .f_left .f_left__box .f_left__title h1 strong {
  font-size: calc(62 * (100vw / 1400));
  letter-spacing: 0.040em;
  font-weight: 400;
  line-height: 1;
}
.feature .f_left .f_left__box .f_left__title p {
  text-align: center;
}
.feature .f_left .f_left__box .f_left__title p.text01 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(24 * (100vw / 1400));
  letter-spacing: 0.030em;
  line-height: 1;
  margin: 0 0 calc(16 * (100vw / 1400)) 0;
}
.feature .f_left .f_left__box .f_left__title p.text02 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(18 * (100vw / 1400));
  letter-spacing: 0.030em;
  line-height: 1;
  margin: 0 0 calc(30 * (100vw / 1400)) 0;
}
.feature .f_left .f_left__box .f_left__title p.text03 {
  font-family: "balto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(15 * (100vw / 1400));
  letter-spacing: 0.030em;
  line-height: 1;
}

/* f_right
----------------------------- */
.feature .f_right {
  width: 100%;
}
.feature .f_right .f_right__box {
  position: relative;
  height: 100%;
}
.feature .f_right .f_right__btn {
  position: sticky;
  top: 50vh;
  margin-inline: auto;
  width: fit-content;
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(20 * (100vw / 1400));
  line-height: 1.6;
  letter-spacing: 0.030em;
}
.feature .f_right .f_right__btn a {
  line-height: 2.4;
}
.feature .f_right .f_right__btn a::after {
  content: '';
  display: block;
  width: calc(200 * (100vw / 1400));
  height: calc(4 * (100vw / 1400));
  background: url(../img/arrow.svg) 0 0 no-repeat;
  background-size: calc(199 * (100vw / 1400)) auto;
  position: absolute;
  bottom: calc(2 * (100vw / 1400));
  left: 0;
}

/* .f_main
----------------------------- */
.feature .f_main {
  width: calc(448 *(100vw / 1400));
  position: relative;
}

/*****************************************************
.feature
*****************************************************/

/* .hero
----------------------------- */
.feature .hero {
  padding: calc(60 * var(--lpSetSize)) 0 0 0;
  margin: 0 0 calc(100 * var(--lpSetSize)) 0;
}
.feature .hero h1 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--lpSetSize));
  align-items: center;
  margin: 0 0 calc(22 * var(--lpSetSize)) 0;
}
.feature .hero h1 span {
  font-size: calc(40 * var(--lpSetSize));
  letter-spacing: 0.030em;
  font-weight: 400;
  line-height: 1;
}
.feature .hero h1 strong {
  font-size: calc(107 * var(--lpSetSize));
  letter-spacing: 0.040em;
  font-weight: 400;
  line-height: 1;
}
.feature .img01 {
  width: calc(670 * var(--lpSetSize));
  margin: 0 auto calc(38 * var(--lpSetSize));
}
.feature .hero p {
  text-align: center;
}
.feature .hero p.text01 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(48 * var(--lpSetSize));
  letter-spacing: 0.030em;
  line-height: 1;
  margin: 0 0 calc(20 * var(--lpSetSize)) 0;
}
.feature .hero p.text02 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(34 * var(--lpSetSize));
  letter-spacing: 0.030em;
  line-height: 1;
  margin: 0 0 calc(40 * var(--lpSetSize)) 0;
}
.feature .hero p.text03 {
  font-family: "balto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(28 * var(--lpSetSize));
  letter-spacing: 0.030em;
  line-height: 1;
}

/* .campaign
----------------------------- */
.feature .campaign {}
.feature .campaign .comingsoon {
  font-family: "balto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(34 * var(--lpSetSize));
  letter-spacing: 0.030em;
  line-height: calc(74 * var(--lpSetSize));
  color: #ffffff;
  text-align: center;
  background: var(--lpColor);
  display: flex;
  align-items: center;
  gap: calc(26 * var(--lpSetSize));
  justify-content: center;
}
.feature .campaign .comingsoon::after {
  content: '';
  display: block;
  width: calc(110 * var(--lpSetSize));
  height: calc(2 * var(--lpSetSize));
  background: #ffffff;
  order: 2;
}
.feature .campaign .comingsoon span:first-child {
  order: 1;
}
.feature .campaign .comingsoon span:last-child {
  order: 3;
}
.feature .campaign .detail {
  padding: calc(102 * var(--lpSetSize)) 0 calc(142 * var(--lpSetSize));
  text-align: center;
  position:relative;
}
.feature .campaign .detail::after {
  content: '';
  display: block;
  width: calc(712 * var(--lpSetSize));
  height: calc(437.0727 * var(--lpSetSize));
  background: url("../img/motif_campaign.svg") 0 0 no-repeat;
  background-size:contain;
  position:absolute;
  top: calc(52 * var(--lpSetSize));
  left: calc(12 * var(--lpSetSize));
}
.feature .campaign .detail .inner {
  width: calc(670 * var(--lpSetSize));
  margin: 0 auto;
  padding: calc(50 * var(--lpSetSize)) 0 calc(40 * var(--lpSetSize));
  background: #ffffff;
  border-radius: 0 calc(120 * var(--lpSetSize)) 0 calc(120 * var(--lpSetSize));
}
.feature .campaign .detail h2 {
  font-family: "balto", sans-serif;
  font-style: normal;
  line-height:1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(16 * var(--lpSetSize));
  margin: 0 0 calc(30 * var(--lpSetSize)) 0;
}
.feature .campaign .detail h2 span {
  font-weight: 400;
  font-size: calc(28 * var(--lpSetSize));
  letter-spacing: 0.030em;  
}
.feature .campaign .detail h2 strong {
  font-weight: 400;
  font-size: calc(52 * var(--lpSetSize));
  letter-spacing: 0.050em;  
  display: flex;
  flex-direction: column;
  align-items: center;
  position:relative;
  z-index:1;
}
.feature .campaign .detail h2 strong::after {
  content: '';
  display: block;
  width: calc(584 * var(--lpSetSize));
  height: calc(22 * var(--lpSetSize));
  opacity: .4;
  background: var(--lpColor02);
  margin: calc(-16 * var(--lpSetSize)) 0 0 0;
  position:relative;
  z-index: -1;
}
.feature .campaign .detail p {
  font-size: calc(24 * var(--lpSetSize));
  letter-spacing: 0.030em;
  line-height: 1.75;
  margin: 0 0 calc(26 * var(--lpSetSize)) 0;
  color: #383838;  
}
.feature .campaign .detail .note {
  font-size: calc(20 * var(--lpSetSize));
  letter-spacing: 0.020em;
  line-height: 1.75;  
  color: #727272;
  margin: 0;
}

/* credit
----------------------------- */
.feature .sec__credit {
  padding: calc(20 * var(--lpSetSize)) 0 calc(132 * var(--lpSetSize));
}
.feature .sec__credit .credit {
  display:flex;
  flex-wrap: wrap;
  gap: 0 calc(24 * var(--lpSetSize));
  justify-content: center;
}
.feature .sec__credit .credit li {
  font-family: "balto", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #383838;
  font-size: calc(24 * var(--lpSetSize));
  letter-spacing: 0.030em;
  line-height: 1.8;
}
.feature .sec__credit .credit li .price {
  margin-left: calc(3 * var(--lpSetSize));
}

/* slide
---------------------------- */
.feature .slick-dots {
  position: absolute;
  width: fit-content;
  right: calc(16 * var(--lpSetSize));
  bottom: calc(22 * var(--lpSetSize));
  z-index: 10;
}
.feature .slick-dots li {
  display: inline-block;
  width: calc(12 * var(--lpSetSize));
  height: calc(12 * var(--lpSetSize));
  background: #ffffff;
  opacity: 0.5;
  border-radius: 50%;
  margin: 0 calc(6 * var(--lpSetSize));
}
.feature .slick-dots li.slick-active {
  opacity: 1;
}
.feature .slick-dots li button {
  width: fit-content;
  height: fit-content;
  padding: 0;
}
.feature .slick-dots li button:before {
    content: '';
}
.feature .slick-dotted.slick-slider {
    margin-bottom: 0;
}

/* .sec
----------------------------- */
.feature .sec {
  position: relative;
}

/* .sec01
----------------------------- */
.feature .img02 {
  width: calc(750 * var(--lpSetSize));
  margin: 0 0 calc(162 * var(--lpSetSize)) 0;
 }
.feature .sec01 .sec__slide {
  width: calc(590 * var(--lpSetSize));
  border: var(--lpColor02) calc(10 * var(--lpSetSize)) solid;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  background: var(--lpColor02);
}
.feature .img03,
.feature .img04 {
  width: 100%;
}
.feature .sec01 .deco_img01 {
  width: calc(570 * var(--lpSetSize));
  position: absolute;
  top: calc(1080 * var(--lpSetSize));
  left: 0;
  z-index: 0;
}
.feature .sec01 .deco_text01 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(40 * var(--lpSetSize));
  letter-spacing: 0.030em;
  color: var(--lpColor02);
  writing-mode: vertical-rl;
  position: absolute;
  top: calc(1351.2279 * var(--lpSetSize));
  left: calc(676 * var(--lpSetSize));
  z-index: 0;
}
.feature .sec01 .sec__credit {
  width: 80%;
  margin: 0 auto;
}

/* .sec02
----------------------------- */
.feature .img05 { 
  width: calc(750 * var(--lpSetSize));
  margin: 0 0 calc(80 * var(--lpSetSize)) 0;  
}
.feature .sec02 .sec__slide {
  width: calc(490 * var(--lpSetSize));
  margin: 0 0 0 calc(260 * var(--lpSetSize));
}
.feature .img06,
.feature .img07 {
  width: 100%;
}
.feature .img08 { 
  width: calc(370 * var(--lpSetSize));
  margin: calc(-300 * var(--lpSetSize)) 0 0 0;
  position: relative;
  z-index: 1;
}
.feature .sec02 .sec__credit {
  width: 85%;
  margin: 0 auto;
}
.feature .sec02 .sec__credit li:nth-of-type(4) {
  width: 40%;
  text-align:right;
}
.feature .sec02 .sec__credit li:nth-of-type(5) {
  width: 40%;
}

/* .sec03
----------------------------- */
.feature .img09 {
  width: calc(750 * var(--lpSetSize));
  margin: 0 0 calc(80 * var(--lpSetSize)) 0;
}
.feature .sec03 .sec__slide {
  width: calc(610 * var(--lpSetSize));
  border: var(--lpColor02) calc(10 * var(--lpSetSize)) solid;
  margin: 0 auto;
  background: var(--lpColor02);
}
.feature .img10,
.feature .img11 {
  width: 100%;
}
.feature .sec03 .deco_text01 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(34 * var(--lpSetSize));
  letter-spacing: 0.030em;
  color: var(--lpColor02);
  writing-mode: vertical-rl;
  position: absolute;
  top: calc(1078 * var(--lpSetSize));
  left: calc(688 * var(--lpSetSize));
  z-index: 0;
}
.feature .sec03 .deco_text02{
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(34* var(--lpSetSize));
  letter-spacing: 0.030em;
  color: var(--lpColor02);
  writing-mode: vertical-rl;
  position: absolute;
  top: calc(1615 * var(--lpSetSize));
  left: calc(12 * var(--lpSetSize));
  z-index: 0;
}
.feature .sec03 .sec__credit {
  width: 80%;
  margin: 0 auto;
}

/* .sec04
----------------------------- */
.feature .sec04 {
  background: #5c473b;
  padding: calc(140 * var(--lpSetSize)) 0 0 0;
}
.feature .img12 { 
  width: calc(530 * var(--lpSetSize));
  margin: 0 0 calc(40 * var(--lpSetSize)) calc(40 * var(--lpSetSize));
}
.feature .sec04 .sec__slide {
  width: calc(610 * var(--lpSetSize));
  margin: 0 0 0 calc(140 * var(--lpSetSize));
}
.feature .img13,
.feature .img14 {
  width: 100%;
}
.feature .sec04 .sec__credit .credit li {
  color: #ffffff;
}
.feature .sec04 .motif {
  position: absolute;
  width: calc(58 * var(--lpSetSize));
  pointer-events: none;
}
.feature .sec04 .motif01 {
  left: calc(60 * var(--lpSetSize));
  top: calc(27 * var(--lpSetSize));
}
.feature .sec04 .motif02 {
  left: calc(672 * var(--lpSetSize));
  top: calc(230 * var(--lpSetSize));
}
.feature .sec04 .motif03 {
  left: calc(596 * var(--lpSetSize));
  top: calc(685 * var(--lpSetSize));
}
.feature .sec04 .motif04 {
  left: calc(64 * var(--lpSetSize));
  top: calc(1035 * var(--lpSetSize));
}
.feature .sec04 .motif05 {
  left: calc(672 * var(--lpSetSize));
  top: calc(1335 * var(--lpSetSize));
}
.feature .sec04 .motif06 {
  left: calc(40 * var(--lpSetSize));
  top: calc(1795 * var(--lpSetSize));
}

/* .sec05
----------------------------- */
.feature .sec05 {
  padding: calc(140 * var(--lpSetSize)) 0 0 0;
}
.feature .img15 { 
  width: calc(750 * var(--lpSetSize));
  margin: 0 0 calc(80 * var(--lpSetSize)) 0;
}
.feature .img16 {
  width: calc(630 * var(--lpSetSize));
}
.feature .sec05 .deco_text01 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(40 * var(--lpSetSize));
  letter-spacing: 0.030em;
  color: var(--lpColor02);
  writing-mode: vertical-rl;
  position: absolute;
  top: calc(920 * var(--lpSetSize));
  left: calc(636 * var(--lpSetSize));
  z-index: 0;
}

/* .sec06
----------------------------- */
.feature .sec06 .sec__slide  {
  width: calc(650 * var(--lpSetSize));
  margin: 0 0 0 calc(100 * var(--lpSetSize));
}
.feature .img17,
.feature .img18 {
  width: 100%;
}
.feature .sec06 .sec__credit {
  width: 80%;
  margin: 0 auto;
}

/* .sec07
----------------------------- */
.feature .sec07 {
  background: #d9bcaf;
  padding: calc(130 * var(--lpSetSize)) 0 0 0;
}
.feature .sec07 .deco_text01 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(48 * var(--lpSetSize));
  letter-spacing: 0.030em;
  color: var(--lpColor02);
  text-align: center;
  margin: 0 0 calc(20 * var(--lpSetSize)) 0;
}
.feature .img19 {
  width: calc(670 * var(--lpSetSize));
  border: var(--lpColor02) calc(10 * var(--lpSetSize)) solid;
  margin: 0 auto calc(20 * var(--lpSetSize));
}
.feature .sec07 .deco_text02 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(34 * var(--lpSetSize));
  letter-spacing: 0.030em;
  color: var(--lpColor02);
  text-align: center;
  margin: 0 0 calc(136 * var(--lpSetSize)) 0;
}
.feature .img20 { width: calc(750 * var(--lpSetSize)); }

/* .sec08
----------------------------- */
.feature .sec08 {
  background: #d9bcaf;
}
.feature .img21 { 
  width: calc(670 * var(--lpSetSize));
  margin: 0 0 calc(80 * var(--lpSetSize)) calc(80 * var(--lpSetSize));
}
.feature .slide06 { width: calc(630 * var(--lpSetSize)); }
.feature .img22 { width: calc(630 * var(--lpSetSize)); }
.feature .img23 { width: calc(630 * var(--lpSetSize)); }
.feature .sec08 .sec__credit {
  width: 80%;
  margin: 0 auto;
}

/* .sec09
----------------------------- */
.feature .img24 { width: calc(750 * var(--lpSetSize)); }
.feature .img25 { 
  width: calc(630 * var(--lpSetSize));
  border: var(--lpColor02) calc(10 * var(--lpSetSize)) solid;
  margin: 0 auto calc(140 * var(--lpSetSize));
 }

/* .sec10
----------------------------- */
.feature .sec10 {
  padding: 0 0 calc(240 * var(--lpSetSize)) 0;
}
.feature .slide07 { width: calc(750 * var(--lpSetSize)); }
.feature .img26 { width: calc(750 * var(--lpSetSize)); }
.feature .img27 { width: calc(750 * var(--lpSetSize)); }

.feature .img28 {
  width: calc(550 * var(--lpSetSize));
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.feature .sec10 .deco_bg01 {
  width: calc(550 * var(--lpSetSize));
  height: calc(733.3333 * var(--lpSetSize));
  background: #ccd9e2;
  position: absolute;
  bottom: calc(142 * var(--lpSetSize));
  left: calc(0 * var(--lpSetSize));
  z-index: 0;
}
.feature .sec10 .deco_text01 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(40 * var(--lpSetSize));
  letter-spacing: 0.030em;
  color: var(--lpColor02);
  writing-mode: vertical-rl;
  position: absolute;
  bottom: calc(390 * var(--lpSetSize));
  left: calc(658 * var(--lpSetSize));
  z-index: 0;
}
.feature .sec10 .sec__credit {
  width: 92%;
  margin: 0 auto;
}

/* .sec11
----------------------------- */
.feature .sec11 {
  padding: calc(24 * var(--lpSetSize)) 0 0 0;
}
.feature .img29 {
  width: calc(750 * var(--lpSetSize));
  margin: 0 0 calc(80 * var(--lpSetSize)) 0;
}
.feature .img30 {
  width: calc(450 * var(--lpSetSize));
  position: relative;
  z-index: 2;  
}
.feature .img31 {
  width: calc(570 * var(--lpSetSize));
  margin: calc(-545 * var(--lpSetSize)) 0 0 calc(180 * var(--lpSetSize));
  position: relative;
  z-index: 1;
}
.feature .sec11 .deco_img02 {
  width: calc(750 * var(--lpSetSize));
  margin: calc(-385 * var(--lpSetSize)) 0 0 0;
  position: relative;
  z-index: 0;
}
.feature .sec11 .sec__credit {
  width: 80%;
  margin: 0 auto;
}

/* .sec12
----------------------------- */
.feature .sec12 {
}
.feature .sec12 .inner {
  padding: calc(38 * var(--lpSetSize)) 0 calc(46 * var(--lpSetSize)) 0;
  background: #d4ddcc;
}
.feature .sec12 .deco_text01 {
  text-align: center;
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(48 * var(--lpSetSize));
  letter-spacing: 0.030em;
  color: var(--lpColor02);
}
.feature .sec12 .deco_text02 {
  text-align: center;
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(34 * var(--lpSetSize));
  letter-spacing: 0.030em;
  color: var(--lpColor02);
}
.feature .img32 {
  width: calc(610 * var(--lpSetSize));
  border: var(--lpColor02) calc(10 * var(--lpSetSize)) solid;
  margin: calc(22 * var(--lpSetSize)) auto;
}
.feature .img33 { width: calc(750 * var(--lpSetSize)); }

/* .sec13
----------------------------- */
.feature .sec13 .sec__slide { 
  width: calc(750 * var(--lpSetSize));
}
.feature .img34,
.feature .img35 {
  width: 100%;
}
.feature .sec13 .bg {
  background: linear-gradient(180deg, #f7f5e2 0%, #f7f5e2 50%, #bac6c4 50%, #bac6c4 100%);
}
.feature .img36 { 
  width: calc(590 * var(--lpSetSize));
}
.feature .sec13 .deco_text01 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(40 * var(--lpSetSize));
  letter-spacing: 0.030em;
  color: var(--lpColor02);
  writing-mode: vertical-rl;
  position: absolute;
  bottom: calc(175 * var(--lpSetSize));
  left: calc(596 * var(--lpSetSize));
  z-index: 0;
}
.feature .sec13 .sec__credit {
  width: 98%;
  margin: 0 auto;
}

/* .sec14
----------------------------- */
.feature .sec14 {
  padding: calc(140 * var(--lpSetSize)) 0 0 0;
  background: #bac6c4;
}
.feature .img37 { 
  width: calc(650 * var(--lpSetSize));
  margin: 0 0 calc(80 * var(--lpSetSize)) calc(100 * var(--lpSetSize));
}
.feature .img38 { width: calc(750 * var(--lpSetSize)); }
.feature .sec14 .sec__credit {
  width: 86%;
  margin: 0 auto;
}

/* .sec15
----------------------------- */
.feature .sec15 {
  background: #bac6c4;
}
.feature .sec15 .deco_img03 {
  width: calc(670 * var(--lpSetSize));
}
.feature .sec15 .sec__slide { 
  width: calc(670 * var(--lpSetSize));
  margin: calc(-813.3333 * var(--lpSetSize)) 0 0 calc(80 * var(--lpSetSize));
}
.feature .img39,
.feature .img40 {
  width: 100%;
}
.feature .sec15 .sec__credit {
  width: 80%;
  margin: 0 auto;
}

/* .sec16
----------------------------- */
.feature .sec16 {
  background: #bac6c4;
}
.feature .img41 { 
  width: calc(670 * var(--lpSetSize));
  border: var(--lpColor02) calc(10 * var(--lpSetSize)) solid;
  margin: 0 auto;
}
.feature .sec16 .sec__credit {
  width: 86%;
  margin: 0 auto;
}

/* .sec17
----------------------------- */
.feature .sec17 {
  background: #bac6c4;
  padding: 0 0 calc(140 * var(--lpSetSize)) 0;
}
.feature .sec17 .sec__slide { 
  width: calc(750 * var(--lpSetSize)); 
}
.feature .img42,
.feature .img43 {
  width: 100%;
}
.feature .img44 {
  width: calc(550 * var(--lpSetSize));
  margin: 0 auto;
  position:relative;
  z-index:1;  
}
.feature .sec17 .deco_text01 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(34 * var(--lpSetSize));
  letter-spacing: 0.030em;
  color: var(--lpColor02);
  writing-mode: vertical-rl;
  position: absolute;
  bottom: calc(667 * var(--lpSetSize));
  left: calc(42 * var(--lpSetSize));
  z-index: 1;
}
.feature .sec17 .deco_text02 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(34 * var(--lpSetSize));
  letter-spacing: 0.030em;
  color: var(--lpColor02);
  writing-mode: vertical-rl;
  position: absolute;
  bottom: calc(242 * var(--lpSetSize));
  left: calc(658 * var(--lpSetSize));
  z-index: 1;
}
.feature .sec17 .deco_bg02 {
  width: calc(550 * var(--lpSetSize));
  height: calc(733.3333 * var(--lpSetSize));
  background: #6a201d;
  margin: calc(-634 * var(--lpSetSize)) 0 0 calc(200 * var(--lpSetSize));
  position:relative;
  z-index:0;
}
.feature .motif_sec { width: calc(58 * var(--lpSetSize)); }

/* .sec18
----------------------------- */
.feature .sec18 {
    background: #bac6c4;
}
.feature .sec18 .sec__slide { 
  width: calc(750 * var(--lpSetSize));
}
.feature .img45,
.feature .img46 {
  width: 100%;
}
.feature .sec18 .sec__credit {
  width: 90%;
  margin: 0 auto;
}

/* .sec_bottom
----------------------------- */
.feature .sec_bottom {
  position: relative;
  padding: calc(140 * var(--lpSetSize)) 0 0;
}
.feature .sec_bottom::after {
  content: '';
  display: block;
  width: calc(658 * var(--lpSetSize));
  height: calc(128.0631 * var(--lpSetSize));
  background: url("../img/motif_bottom.svg") 0 0 no-repeat;
  background-size:contain;
  position:absolute;
  top: calc(378 * var(--lpSetSize));
  left: calc(36 * var(--lpSetSize));
}
.feature .sec_bottom h1 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--lpSetSize));
  align-items: center;
  margin: 0 0 calc(36 * var(--lpSetSize)) 0;
}
.feature .sec_bottom h1 span {
  font-size: calc(40 * var(--lpSetSize));
  letter-spacing: 0.030em;
  font-weight: 400;
  line-height: 1;
}
.feature .sec_bottom h1 strong {
  font-size: calc(107 * var(--lpSetSize));
  letter-spacing: 0.040em;
  font-weight: 400;
  line-height: 1;
}
.feature .sec_bottom p.text01 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(48 * var(--lpSetSize));
  letter-spacing: 0.030em;
  line-height: 1;
  text-align: center;
  margin: 0 0 calc(22 * var(--lpSetSize)) 0;
}
.feature .sec_bottom p.text02 {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(33 * var(--lpSetSize));
  letter-spacing: 0.030em;
  line-height: 1;
  text-align: center;
  margin: 0 0 calc(103 * var(--lpSetSize)) 0;
}
.feature .sec_bottom p.sec__btn {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(42 * var(--lpSetSize));
  letter-spacing: 0.030em;
  line-height:1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 calc(90 * var(--lpSetSize)) 0;
}
.feature .sec_bottom p.sec__btn a {
  position:relative;
  z-index: 1;
}
.feature .sec_bottom p.sec__btn::after {
  content: '';
  display: block;
  width: calc(538 * var(--lpSetSize));
  height: calc(25 * var(--lpSetSize));
  opacity: .4;
  background: var(--lpColor02);
  margin: calc(-16 * var(--lpSetSize)) 0 0 0;
  position:relative;
  z-index: 0;
}
.feature .sec_bottom ul.sec__btn {
  width: calc(700 * var(--lpSetSize));
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(4 * var(--lpSetSize)) 0;
  margin: 0 auto calc(126 * var(--lpSetSize));
}
.feature .sec_bottom ul.sec__btn li {
  font-family: "balto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(30 * var(--lpSetSize));
  letter-spacing: 0.026em;
  line-height: 1.8;
  display: flex;
  align-items: center;
}
.feature .sec_bottom ul.sec__btn li::after {
  content: "|";
  margin: 0 calc(32 * var(--lpSetSize));
}
.feature .sec_bottom ul.sec__btn li:nth-of-type(4)::after,
.feature .sec_bottom ul.sec__btn li:last-of-type::after {
  content: none !important;
}
.feature .sec_bottom .staff {
  width: calc(750 * var(--lpSetSize));
  height: calc(1000 * var(--lpSetSize));
  background: url("../img/img04.jpg") 0 0 no-repeat;
  background-size: contain;
}
.feature .sec_bottom .staff p {
  font-family: "verdigris-mvb-pro-big", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(28 * var(--lpSetSize));
  letter-spacing: 0.030em;
  line-height:1.75;
  text-align: center;
  color: #ffffff;
  padding: calc(130 * var(--lpSetSize)) 0 0 0;
}

/* .btn_all
----------------------------- */
.feature .btn_all {
  position: sticky;
  right:calc(20 * var(--lpSetSize));
  bottom:calc(20 * var(--lpSetSize));
  z-index: 10;
  width: calc(730 * var(--lpSetSize));
  display:flex;
  flex-direction: row-reverse;
  padding: 0 calc(20 * var(--lpSetSize)) calc(20 * var(--lpSetSize)) 0;
  pointer-events: none;
}
.feature .btn_all a {
  width: calc(232 * var(--lpSetSize));
  pointer-events: all;
}

/*****************************************************
animation
*****************************************************/
/*  左右コンテンツ (PC ONLY) */
.feature .js-scroll-fade {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}
.feature .js-scroll-fade.is-active {
  opacity: 1;
  visibility: visible;
}

/* .js_fadein
----------------------------- */
.feature .js_anime.js_fadein {
  opacity: 0;
  transition: opacity 1s ease-in;
}
.feature .js_anime.js_fadein.is_show {
  opacity: 1;
}
.feature .js_anime.js_fadein.--1.is_show {
  transition-delay: 0.6s;
}

/******************************************************/

@media screen and (min-width: 1400px) { 
  :root {
    --lpSetSize: 1px * 0.5973333;
  }
  .feature .f_left .f_left__box .f_left__title h1 {
    gap: 26px;
    margin: 0 0 16px 0;
  }
  .feature .f_left .f_left__box .f_left__title h1 span {
    font-size: 22px;
  }
  .feature .f_left .f_left__box .f_left__title h1 strong {
    font-size: 62px;
  }
  .feature .f_left .f_left__box .f_left__title p.text01 {
    font-size: 24px;
    margin: 0 0 16px 0;
  }
  .feature .f_left .f_left__box .f_left__title p.text02 {
    font-size: 18px;
    margin: 0 0 30px 0;
  }
  .feature .f_left .f_left__box .f_left__title p.text03 {
    font-size: 15px;
  }
  .feature .f_right .f_right__btn {
    font-size: 20px
  }
  .feature .f_right .f_right__btn a::after {
    width: 200px;
    height: 4px;
    background-size: 199px auto;
    bottom: 2px;
  }
  .feature .f_main {
    width: 448px;
  }
}