@charset "UTF-8";

:root {
  --lpSetSize: calc(100vw / 2058.8235);
}

@media screen and (min-width: 1400px) {
  :root {
    --lpSetSize: 0.68px;
  }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  box-sizing: border-box;
}

.l-header {
  padding: 0;
  position: relative;
  z-index: 999;
  background-color: #fff;
  overflow-x: clip;
}

.l-footer {
  padding: 0;
  position: relative;
  z-index: 999;
  background-color: #fff;
  overflow-x: clip;
}

.pc-footer {
  margin: 0;
}

/*-------------------------
 PC_only
-------------------------*/

#feature .pc_left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 80px);
  overflow: hidden;
  position: sticky;
  top: 80px;
}

#feature .pc_left figure {
  width: calc(390* var(--lpSetSize));
}

#feature .pc_right {
  grid-column: 3;
  justify-self: center;
  align-self: start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 80px);
  overflow: hidden;
  position: sticky;
  top: 80px;
  left: auto;
  transform: none;
  margin-left: calc(7 * var(--lpSetSize));
}

#feature .pc_right figure {
  width: calc(385* var(--lpSetSize));
}

/*-------------------------
 Content
-------------------------*/
.l-container {
  width: 100%;
  overflow: clip;
}

#feature {
  box-sizing: border-box;
  overflow: clip;
  position: relative;
  width: 100%;
  color: #000;
  display: block;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  background: #2b2d2f;
}

#feature .bg_stripe::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: min(240px, 100%);
  background-image: url("../img/pc-bg.png");
  background-size: 100%;
  background-position: bottom center;
  background-repeat: no-repeat;
  z-index: -1;
  pointer-events: none;
}

#feature .feature__inner {
  width: calc(750 * var(--lpSetSize));
  height: fit-content;
  margin: auto;
  position: relative;
  overflow: clip;
  background: #fff;
}

#feature a {
  display: block;
  transform: none;
  text-decoration: none;
  color: #151515;
}

#feature a:hover {
  cursor: pointer;
  opacity: .7;
  transition: all 0.3s ease-in-out;
}

#feature img,
svg,
video {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  overflow: visible;
}

#feature .section {
  position: relative;
}

#feature .section01 {
  padding: calc(100* var(--lpSetSize)) 0 calc(17* var(--lpSetSize));
  background: #666662;
}

#feature .section02 {
  padding-bottom: calc(158 * var(--lpSetSize));
  background: #666662;
}

#feature .section03 {
  background: #fff;
}

#feature .section04 {
  padding-bottom: calc(200 * var(--lpSetSize));
  background: #2b2d2f;
}

#feature .section05 {
  padding-bottom: calc(188 * var(--lpSetSize));
  background: #2b2d2f;
}

#feature .section07 {
  padding-bottom: calc(188 * var(--lpSetSize));
  background: #666662;
}

#feature .section08 {
  padding-bottom: calc(188 * var(--lpSetSize));
}

#feature .section__inner {
  width: 100%;
}

#feature .block_area {
  position: relative;
  height: fit-content;
}

#feature .flex {
  display: flex;
  justify-content: space-between;
}

#feature .flex.flex_02 {
  display: flex;
  justify-content: center;
  gap: calc(30* var(--lpSetSize));
}

/*-------------------------
 Background-color
-------------------------*/
#feature .section01::before {
  content: "";
  position: absolute;
  height: calc(1000* var(--lpSetSize));
  inset: 0;
  background: linear-gradient(to bottom,
      #2b2d2f 0%,
      #666662 100%);
  z-index: 0;
}

#feature .bg_color__white {
  background: #fff;
  width: calc(640 * var(--lpSetSize));
  margin: calc(120 * var(--lpSetSize)) auto 0;
  padding-bottom: calc(56 * var(--lpSetSize));
}

#feature .section07 .bg_color__white {
  background: #fff;
  width: calc(580 * var(--lpSetSize));
  margin: calc(189 * var(--lpSetSize)) auto 0;
  padding-bottom: calc(47 * var(--lpSetSize));
}

#feature .section02::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(1000 * var(--lpSetSize));
  background: linear-gradient(to bottom, #666662 0%, #2b2d2f 100%);
  z-index: 0;
}

#feature .section04::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(500 * var(--lpSetSize));
  background: linear-gradient(to bottom,
      #666662 0%,
      #5e5f5b 25%,
      #50514f 50%,
      #3d3f3f 75%,
      #2b2d2f 100%);
  z-index: 0;
}

#feature .section05::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(1000 * var(--lpSetSize));
  background: linear-gradient(to bottom,
      #2b2d2f 0%,
      #343638 20%,
      #414342 40%,
      #4e504d 60%,
      #5a5b57 80%,
      #666662 100%);
  z-index: 0;
}

#feature .section07::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(1000 * var(--lpSetSize));
  background: linear-gradient(to bottom,
      #666662 0%,
      #5d5e5a 25%,
      #50514f 50%,
      #3e4040 75%,
      #2b2d2f 100%);
  z-index: 0;
}

/*-------------------------
 Fade
-------------------------*/
#feature .fadeIn {
  opacity: 0;
  transition: opacity 1.5s ease-in-out, translate 1.5s ease-in-out;
}

#feature .fadeIn.active {
  opacity: 1;
}

/*-------------------------
 Rotate
-------------------------*/
#feature .rotate {
  rotate: 5deg;
  opacity: 0;
  filter: blur(calc(5 * var(--lpSetSize)));
  transition: opacity 1.1s cubic-bezier(0.22, 0.61, 0.36, 1), translate 1.1s cubic-bezier(0.22, 0.61, 0.36, 1), scale 1.1s cubic-bezier(0.22, 0.61, 0.36, 1), rotate 1.1s cubic-bezier(0.22, 0.61, 0.36, 1), filter 1.1s cubic-bezier(0.22, 0.61, 0.36, 1);
}

#feature .rotate.active {
  opacity: 1;
  filter: blur(0);
  rotate: 0deg;
}

/*-------------------------
 Border
-------------------------*/
#feature .border {
  display: block;
  width: calc(695 * var(--lpSetSize));
  height: 1px;
  margin-top: calc(26 * var(--lpSetSize));
  margin-left: auto;
  background-color: #707070;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1s ease;
}

#feature .border.active {
  transform: scaleX(1);
}

#feature.colorChange .border.active {
  background-color: #fff;
}

#feature .border_02 {
  display: block;
  width: calc(690 * var(--lpSetSize));
  height: 1px;
  margin: auto;
  background-color: #707070;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1s ease;
}

#feature .border_02.active {
  transform: scaleX(1);
}

/*-------------------------
 Slider
-------------------------*/
/** slide-loop **/
#feature .slide_loop_wrap {
  width: 100%;
  overflow: hidden;
  margin-top: calc(122 * var(--lpSetSize));
}

#feature .section06 .slide_loop_wrap {
  width: 100%;
  overflow: hidden;
  margin-top: calc(102 * var(--lpSetSize));
}

#feature .slide_loop {
  width: max-content;
  display: flex;
  animation: slide-loop 15s infinite linear;
  will-change: transform;
}

#feature .slide_loop_set {
  display: flex;
  flex-shrink: 0;
  gap: calc(60 * var(--lpSetSize));
  padding-right: calc(60 * var(--lpSetSize));
}

#feature .slide_loop figure {
  flex-shrink: 0;
}

@keyframes slide-loop {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

/** slide **/
#feature .splide_slide {
  width: 100%;
  overflow: hidden;
  margin-top: calc(100 * var(--lpSetSize));
}

#feature .splide_slide .splide__track {
  overflow: visible;
}

#feature .splide_slide .splide__list {
  gap: 0;
}

#feature .splide_slide .splide__slide {
  width: calc(570 * var(--lpSetSize));
  flex-shrink: 0;
}

#feature .splide_slide .splide__slide {
  margin-right: calc(40 * var(--lpSetSize));
}

/** fade**/
#feature .splide_fade {
  width: 100%;
  overflow: hidden;
  margin-top: calc(189 * var(--lpSetSize));
}

/*-------------------------
 Movie
-------------------------*/
#feature .mv {
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

#feature .mv video {
  width: 100%;
}

#feature .mv #sound {
  position: absolute;
  top: calc(27* var(--lpSetSize));
  right: calc(31* var(--lpSetSize));
  z-index: 10;
}

#feature .mv #sound:hover {
  cursor: pointer;
}

#feature .mv #sound span {
  display: none;
}

#feature .mv #sound span.active {
  display: block;
}

#feature .mv #sound span.off {
  width: auto;
  height: calc(31.5* var(--lpSetSize));
  position: absolute;
  right: calc(5* var(--lpSetSize));
}

#feature .mv #sound span.off img {
  width: auto;
  height: 100%;
}

#feature .mv #sound span.on {
  width: auto;
  height: calc(31.5* var(--lpSetSize));
}

#feature .mv #sound span.on img {
  width: auto;
  height: 100%;
}

/** Accordion **/
#feature .text_accordion {
  width: calc(670 * var(--lpSetSize));
  position: relative;
  text-align: center;
  margin: auto;
}

/** Frame **/
#feature .frame_top,
#feature .frame_bottom {
  width: 100%;
  position: absolute;
  left: 0;
  margin: 0;
  z-index: 2;
}

#feature .frame_top {
  top: 0;
}

#feature .frame_bottom {
  bottom: 0;
}

#feature .frame_top img,
#feature .frame_bottom img {
  display: block;
  width: 100%;
  height: auto;
}

/** Side Line **/
#feature .text_accordion_line {
  position: absolute;
  top: calc(335 * var(--lpSetSize));
  bottom: calc(334 * var(--lpSetSize));
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 1;
}

#feature .text_accordion_line svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

#feature .text_accordion_line rect {
  fill: #d3c9a1;
}

/** Title **/
#feature .lead_ttl {
  width: calc(410.1098 * var(--lpSetSize));
  margin: auto;
  padding-top: calc(200 * var(--lpSetSize));
}

#feature .lead_sub_ttl {
  width: calc(370 * var(--lpSetSize));
  margin: auto;
  padding-top: calc(63 * var(--lpSetSize));
}

/** Text **/
#feature .text_accordion p {
  margin-top: calc(24 * var(--lpSetSize));
  color: #d3c9a1;
  font-size: calc(26 * var(--lpSetSize));
  letter-spacing: 0.05em;
  line-height: 2;
  font-feature-settings: "palt";
}

/** Accordion More **/
#feature .text_accordion_more {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transition:
    grid-template-rows 0.8s ease,
    opacity 0.6s ease,
    visibility 0.8s;
}

#feature .text_accordion_more>* {
  overflow: hidden;
}

#feature .text_accordion_more p {
  margin-top: calc(35 * var(--lpSetSize));
}

#feature .text_accordion_more p:nth-of-type(2) {
  margin-top: calc(34 * var(--lpSetSize));
}

/** Button **/
#feature .text_accordion_button {
  position: relative;
  display: block;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  appearance: none;
  z-index: 20;
}

#feature .text_accordion_button img {
  display: block;
  width: 100%;
  height: auto;
}

/** View More **/
#feature .text_accordion_open {
  width: calc(180.2813 * var(--lpSetSize));
  margin:
    calc(50 * var(--lpSetSize)) auto calc(203 * var(--lpSetSize)) calc(234 * var(--lpSetSize));
  opacity: 1;
  visibility: visible;
}


/** Close **/
#feature .text_accordion_close {
  width: calc(117.6025 * var(--lpSetSize));
  height: 0;
  margin: 0 auto;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}


/** Open **/
#feature .text_accordion.is-open .text_accordion_more {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
}

#feature .text_accordion.is-open .text_accordion_open {
  height: 0;
  margin: 0 auto;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}

#feature .text_accordion.is-open .text_accordion_close {
  height: auto;
  margin:
    calc(50 * var(--lpSetSize)) auto 0 calc(265 * var(--lpSetSize));
  padding-bottom: calc(203 * var(--lpSetSize));
  overflow: visible;
  opacity: 1;
  visibility: visible;
}

/*-------------------------
 Title
-------------------------*/
#feature .ttl {
  width: calc(750 * var(--lpSetSize));
  padding: calc(187 * var(--lpSetSize)) calc(18 * var(--lpSetSize)) 0;
  margin-left: calc(2 * var(--lpSetSize));
  display: flex;
  justify-content: space-between;
  color: #d3c9a1;
  text-transform: uppercase;
  font-size: calc(20 * var(--lpSetSize));
  letter-spacing: 0.2em;
  line-height: 2.2;
  font-family: "the-seasons",
    sans-serif;
  font-weight: 400;
  font-style: normal;
}

#feature .ttl.ttl_02 {
  width: calc(583 * var(--lpSetSize));
  margin-left: calc(30 * var(--lpSetSize));
  padding: calc(10 * var(--lpSetSize)) 0;
  letter-spacing: 0.16em;
  justify-content: space-between;
  color: #b02a3a;
}

#feature .ttl.ttl_03 {
  width: calc(739.8066 * var(--lpSetSize));
  padding: 0;
  margin: auto;
  letter-spacing: 0.25em;
}

#feature .ttl.ttl_03 span {
  writing-mode: vertical-rl;
}

#feature .ttl.ttl_03 span:first-child {
  rotate: 180deg;
  position: absolute;
  top: calc(343 * var(--lpSetSize));
  left: calc(28 * var(--lpSetSize));
}

#feature .ttl.ttl_03 span:last-child {
  position: absolute;
  top: calc(365 * var(--lpSetSize));
  right: calc(28 * var(--lpSetSize));
}

#feature .ttl.ttl_04 {
  width: calc(750 * var(--lpSetSize));
  padding: calc(88 * var(--lpSetSize)) calc(18 * var(--lpSetSize)) 0;
}

#feature .ttl.ttl_05 {
  width: calc(739.8066 * var(--lpSetSize));
  padding: 0;
  margin: auto;
  letter-spacing: 0.25em;
  color: #b02a3a;
}

#feature .ttl.ttl_05 span {
  writing-mode: vertical-rl;
}

#feature .ttl.ttl_05 span:first-child {
  rotate: 180deg;
  position: absolute;
  top: calc(405 * var(--lpSetSize));
  left: calc(28 * var(--lpSetSize));
}

#feature .ttl.ttl_05 span:last-child {
  position: absolute;
  top: calc(419 * var(--lpSetSize));
  right: calc(28 * var(--lpSetSize));
}

#feature .ttl.ttl_06 {
  width: calc(522 * var(--lpSetSize));
  padding: 0;
  margin: calc(10 * var(--lpSetSize)) auto 0 calc(15 * var(--lpSetSize));
  color: #b02a3a;
}

#feature .deco_top {
  width: calc(750 * var(--lpSetSize));
  background: #2b2d2f;
}

#feature .section06 .deco_top {
  background: #666662;
}

#feature .deco_bottom {
  width: calc(750 * var(--lpSetSize));
  margin-top: calc(108 * var(--lpSetSize));
  background: #666662;
}

#feature .deco_bottom::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 10rem;
  background-image: url("../img/deco-bottom.svg");
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 241;
}

#feature .sec06 .deco_bottom {
  background: #2b2d2f;
}

#feature .sec_ttl__01 {
  width: calc(486.4019 * var(--lpSetSize));
  margin: 0 auto;
  padding-top: calc(50 * var(--lpSetSize));
}

#feature .sec_ttl__02 {
  width: calc(565.3687 * var(--lpSetSize));
  margin-left: calc(100 * var(--lpSetSize));
  padding-top: calc(150 * var(--lpSetSize));
  position: relative;
  z-index: 20;
}

#feature .sec_ttl__03 {
  width: calc(416.1198 * var(--lpSetSize));
  margin-left: calc(167 * var(--lpSetSize));
  padding-top: calc(138 * var(--lpSetSize));
  position: relative;
  z-index: 20;
}

#feature .sec_ttl__04 {
  width: calc(750 * var(--lpSetSize));
}

#feature .sec_ttl__05 {
  width: calc(376.1101 * var(--lpSetSize));
  margin-left: calc(187 * var(--lpSetSize));
  padding-top: calc(0 * var(--lpSetSize));
  position: relative;
  z-index: 20;
}

#feature .sec_ttl__06 {
  width: calc(700 * var(--lpSetSize));
  margin: auto;
  padding-top: calc(140 * var(--lpSetSize));
  position: relative;
}

#feature .sec_ttl__07 {
  width: calc(486.4019 * var(--lpSetSize));
  margin: auto;
  padding-top: calc(150 * var(--lpSetSize));
  position: relative;
}

#feature .sec_ttl__08 {
  width: calc(565.3691 * var(--lpSetSize));
  margin-left: calc(100 * var(--lpSetSize));
  padding-top: 0;
  position: relative;
}

#feature .sec_ttl__09 {
  width: calc(433.2854 * var(--lpSetSize));
  margin-left: calc(160 * var(--lpSetSize));
  padding-top: calc(100 * var(--lpSetSize));
  position: relative;
}


#feature .vertical_line_left {
  width: calc(23.3983 * var(--lpSetSize));
  position: absolute;
  top: calc(-180 * var(--lpSetSize));
  left: calc(8 * var(--lpSetSize));
  z-index: 0;
}

#feature .section07 .vertical_line_left,
#feature .section07 .vertical_line_right {
  clip-path: inset(calc(75 * var(--lpSetSize)) 0 0 0);
}

#feature .vertical_line_right {
  width: calc(23.3983 * var(--lpSetSize));
  position: absolute;
  top: calc(-180 * var(--lpSetSize));
  right: calc(8 * var(--lpSetSize));
  z-index: 0;
}

/*-------------------------
 image
-------------------------*/
#feature .img01 {
  width: calc(750 * var(--lpSetSize));
  margin: auto;
}

#feature .img02 {
  width: calc(600 * var(--lpSetSize));
  margin: 0 auto;
  padding-top: calc(20 * var(--lpSetSize));
}

#feature .img03 {
  width: calc(600 * var(--lpSetSize));
  margin: 0 auto;
  padding-top: calc(10 * var(--lpSetSize));
}

#feature .img04 {
  width: calc(750 * var(--lpSetSize));
  margin: calc(120 * var(--lpSetSize)) auto 0;
  position: relative;
}

#feature .img05 {
  width: calc(743.5288 * var(--lpSetSize));
  margin: calc(91 * var(--lpSetSize)) 0 0 calc(3 * var(--lpSetSize));
}

#feature .img06 {
  width: calc(720 * var(--lpSetSize));
  margin: calc(60 * var(--lpSetSize)) auto 0;
}

#feature .img07 {
  width: calc(510 * var(--lpSetSize));
  margin: 0 auto;
}

#feature .img07_2 {
  width: calc(480 * var(--lpSetSize));
  margin: calc(130 * var(--lpSetSize)) auto 0;
}

#feature .img08 {
  width: calc(750 * var(--lpSetSize));
  margin: calc(60 * var(--lpSetSize)) 0 0;
  position: relative;
}

#feature .img09 {
  width: calc(570 * var(--lpSetSize));
  margin: calc(100 * var(--lpSetSize)) 0 0;
  position: relative;
}

#feature .img10 {
  width: calc(620 * var(--lpSetSize));
  margin: calc(60 * var(--lpSetSize)) 0 0 auto;
  position: relative;
}

#feature .img11 {
  width: calc(620 * var(--lpSetSize));
  margin: calc(20 * var(--lpSetSize)) auto 0;
}

#feature .img12 {
  width: calc(690 * var(--lpSetSize));
  margin: calc(40 * var(--lpSetSize)) auto 0;
}

#feature .img14 {
  width: calc(720 * var(--lpSetSize));
  margin: calc(8 * var(--lpSetSize)) auto 0;
}

#feature .img15 {
  width: calc(750 * var(--lpSetSize));
  margin: calc(40 * var(--lpSetSize)) auto 0;
}

#feature .img16 {
  width: calc(600 * var(--lpSetSize));
  margin: calc(79 * var(--lpSetSize)) auto 0;
}

#feature .img17 {
  width: calc(510 * var(--lpSetSize));
  margin: calc(150 * var(--lpSetSize)) auto 0;
}

#feature .img17_2 {
  width: calc(360 * var(--lpSetSize));
  margin: 0 auto;
}

#feature .img18 {
  width: calc(570 * var(--lpSetSize));
  margin: calc(138 * var(--lpSetSize)) auto 0;
}

#feature .img19 {
  width: calc(720 * var(--lpSetSize));
  margin: calc(8 * var(--lpSetSize)) auto 0;
}

#feature .img20 {
  width: calc(660 * var(--lpSetSize));
  margin: calc(138 * var(--lpSetSize)) auto 0;
}

#feature .img21 {
  width: calc(740 * var(--lpSetSize));
  margin: calc(4 * var(--lpSetSize)) auto 0 calc(5 * var(--lpSetSize));
}

#feature .img22 {
  width: calc(750 * var(--lpSetSize));
  margin: calc(80 * var(--lpSetSize)) auto 0;
  position: relative;
}

#feature .img23 {
  width: calc(630 * var(--lpSetSize));
  margin: calc(100 * var(--lpSetSize)) auto 0;
}

#feature .img24 {
  width: calc(540 * var(--lpSetSize));
  margin: 0 auto;
  padding-top: calc(18 * var(--lpSetSize));
}

#feature .img25 {
  width: calc(750 * var(--lpSetSize));
  margin: 0 auto;
  padding-top: calc(60 * var(--lpSetSize));
}

#feature .img26 {
  width: calc(656.25 * var(--lpSetSize));
  margin: 0 auto;
  padding-top: calc(41 * var(--lpSetSize));
}

#feature .btn {
  width: calc(560 * var(--lpSetSize));
  margin: 0 auto;
  padding-top: calc(140 * var(--lpSetSize));
}

/*-------------------------
 Credit
-------------------------*/
#feature .credit-inner a {
  font-size: calc(22 * var(--lpSetSize));
  letter-spacing: 0.1em;
  line-height: 2;
  color: #d3c9a1;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  font-family: "the-seasons",
    sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
}

#feature .credit-inner {
  display: flex;
  flex-wrap: wrap;
  gap: calc(0 * var(--lpSetSize)) calc(28 * var(--lpSetSize));
  justify-content: center;
}

#feature .credit01 .credit-inner {
  width: calc(450 * var(--lpSetSize));
  margin: calc(19 * var(--lpSetSize)) auto 0;
}

#feature .credit02 .credit-inner {
  width: calc(750 * var(--lpSetSize));
  margin: calc(31 * var(--lpSetSize)) auto 0;
  gap: calc(0 * var(--lpSetSize)) calc(27 * var(--lpSetSize));
}

#feature .credit03 .credit-inner {
  width: calc(550 * var(--lpSetSize));
  margin: calc(30 * var(--lpSetSize)) auto 0;
}

#feature .credit04 .credit-inner {
  width: fit-content;
  margin: calc(30 * var(--lpSetSize)) auto 0;
}

#feature .credit05 .credit-inner {
  width: fit-content;
  margin: calc(50 * var(--lpSetSize)) auto 0;
}

#feature .credit06 .credit-inner {
  width: calc(480 * var(--lpSetSize));
  margin: calc(29 * var(--lpSetSize)) auto 0;
}

#feature .credit07 .credit-inner {
  width: fit-content;
  margin: calc(30 * var(--lpSetSize)) auto 0;
}

#feature .credit08 .credit-inner {
  width: calc(480 * var(--lpSetSize));
  margin: calc(28 * var(--lpSetSize)) auto 0;
}

#feature .credit09 .credit-inner {
  width: calc(480 * var(--lpSetSize));
  margin: calc(30 * var(--lpSetSize)) auto 0;
}

#feature .credit10 .credit-inner {
  width: fit-content;
  margin: calc(32 * var(--lpSetSize)) auto 0;
}

#feature .credit11 .credit-inner {
  width: calc(530 * var(--lpSetSize));
  margin: calc(30 * var(--lpSetSize)) auto 0;
}

#feature .credit12 .credit-inner {
  width: calc(553 * var(--lpSetSize));
  margin: 0 auto;
}

#feature .credit12 .credit-inner a {
  width: calc(522 * var(--lpSetSize));
  text-decoration: unset;
  display: flex;
  justify-content: space-between;
  letter-spacing: 0.04em;
}

#feature .credit13 .credit-inner {
  width: calc(539 * var(--lpSetSize));
  margin: calc(28 * var(--lpSetSize)) auto 0;
}

#feature .credit02 .credit-inner a,
#feature .credit06 .credit-inner a,
#feature .credit07 .credit-inner a,
#feature .credit08 .credit-inner a,
#feature .credit09 .credit-inner a,
#feature .credit10 .credit-inner a,
#feature .credit12 .credit-inner a,
#feature .credit13 .credit-inner a {
  color: #b02a3a;
}