:root {
  --white: #fff;
  --brand: #dc1e37
}

.fuel-main {
  position: relative;
  padding-bottom: 200px;
  overflow: clip
}

.fuel-main__background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none
}

.fuel-main__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.fuel-main__fixHeader {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(0, 0, 0, .7);
  backdrop-filter: blur(5px);
  margin-top: 0px;
}

.fuel-main__fixNav {
  overflow-x: scroll;
  overflow-y: hidden;
}

.fuel-main__fixNav::-webkit-scrollbar{
  display: none;
}

.fuel-main__fixNav .fuel-main__fixNav-link {
  position: relative;
  display: block;
  font-size: max(3.0769230769vw, 12px);
  line-height: 1;
  letter-spacing: .05em;
  color: var(--white);
  padding: 12px 0 10px;
  text-decoration: none;
}

.fuel-main__fixNav .fuel-main__fixNav-link.--current {
  font-weight: 700
}

.fuel-main__fixNav .fuel-main__fixNav-link.--current::after {
  opacity: 1;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: var(--white)
}

.fuel-main__fixNav .fuel-main__fixNav-link.--current.--top::after {
  bottom: -6px;
}

.fuel-main__fixNav .fuel-main__fixNav-link::after {
  opacity: 0;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: var(--white);
  transition: opacity .2s ease-out
}

.fuel-main__fixNav .fuel-main__fixNav-link.--top {
  padding: 12px 12px 10px;
}

.fuel-main__fixNav .fuel-main__fixNav-link.--top::after {
  bottom: -6px;
}

@media (hover: hover) {
  .fuel-main__fixNav .fuel-main__fixNav-link:hover {
    text-decoration: none
  }
  
  .fuel-main__fixNav .fuel-main__fixNav-link:hover::after {
    opacity: 1
  }
}

.fuel-main__fixNav-list {
  display: flex;
  align-items: center;
  gap: 14px;
  width: -webkit-max-content;
  width: max-content;
  padding: 0 15px;
}

.fuel-intro {
  padding: 120px 0 160px
}

.fuel-intro__container {
  margin: 0 auto
}

.fuel-intro__lottie-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.fuel-intro__text {
  font-size: max(4.1025641026vw, 16px);
  line-height: 1.8;
  letter-spacing: .05em;
  color: var(--white);
  opacity: 0;
  padding: 0 3.8%
}

.fuel-intro__text br {
  display: none
}

.fuel-intro__text.is-animated {
  -webkit-animation: fadeInUp .6s ease forwards;
  animation: fadeInUp .6s ease forwards;
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fuel-main__card-button {
  margin: 0 auto;
  margin-top: auto;
  display: block;
  width: -webkit-max-content;
  width: max-content;
  background: transparent;
  font-size: max(4.1025641026vw, 16px);
  line-height: 1.8;
  font-weight: 700;
  border-radius: 100rem;
  padding: .6em 2.8em .7em;
  color: var(--white)
}

.fuel-contents {
  padding: 0 3.8%
}

.fuel-contents>*+* {
  margin-top: 50px
}

.fuel-contents__card {
  overflow: hidden;
  position: relative;
  border-radius: 48px;
  aspect-ratio: 360/540;
  display: flex;
  justify-items: center;
  align-items: center
}

.fuel-contents__card .fuel-content__card-button {
  margin: 0 auto;
  margin-top: auto;
  display: block;
  width: -webkit-max-content;
  width: max-content;
  background-color: var(--brand);
  font-size: max(4.1025641026vw, 16px);
  line-height: 1.8;
  font-weight: 700;
  border-radius: 100rem;
  padding: .6em 2.8em .7em;
  color: var(--white);
  text-decoration: none
}
@media (hover: hover) {
  .fuel-contents__card .fuel-content__card-button:hover {
    text-decoration: none;
    background-color: #b0182c;
    transition: background-color .2s ease-out
  }
}

.fuel-contents__card-container {
  padding: 15% 6% 10%;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%
}

.fuel-contents__card-txtblock {
  height: 100%;
  display: flex;
  flex-direction: column
}

.fuel-contents__card-title {
  font-weight: 700;
  line-height: 1.5;
  font-size: max(6.1538461538vw, 24px);
  color: var(--white);
  overflow-wrap: anywhere;
  word-break: keep-all;
}

.fuel-contents__card-text {
  margin-top: 16px;
  font-size: max(3.5897435897vw, 14px);
  line-height: 1.8;
  letter-spacing: .05em;
  color: var(--white)
}

.fuel-contents__card-text br {
  display: none
}

.fuel-contents__card-imgblock {
  position: absolute;
  top: 67%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: max(51.2820512821vw, 200px);
  aspect-ratio: 200/180
}

.fuel-contents__card-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.fuel-contents__card-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.fuel-contents__card-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.fuel-contents__card-contoller {
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 1
}

.fuel-contents__card-play {
  display: none;
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid var(--white);
  border-radius: 50%;
  background: transparent
}

.fuel-contents__card-play svg {
  position: absolute;
  top: 51%;
  left: 53%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  fill: var(--white);
  stroke: var(--white)
}

.fuel-contents__card-play svg path {
  fill: var(--white);
  color: var(--white)
}

.fuel-contents__card-play.is-selected {
  display: block
}

.fuel-contents__card-stop {
  display: none;
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid var(--white);
  border-radius: 50%;
  background: transparent
}

.fuel-contents__card-stop svg {
  position: absolute;
  top: 51%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  fill: var(--white);
  stroke: var(--white)
}

.fuel-contents__card-stop svg path {
  fill: var(--white)
}

.fuel-contents__card-stop.is-selected {
  display: block
}

.fuel-lower {
  position: relative;
  overflow: clip
}

.hydrogenfuelcell-main {
  background: #000;
}

.fuel-lower__intro {
  position: relative;
  background: #000
}

.fuel-lower__intro-container {
  padding: min(20.5128205128vw, 80px) 4.8% min(30.7692307692vw, 120px)
}

.fuel-lower__intro-title {
  font-size: max(6.1538461538vw, 24px);
  line-height: 1.8;
  font-weight: 700;
  color: var(--white);
  overflow-wrap: anywhere;
  word-break: keep-all;
}

.fuel-lower__intro-text {
  margin-top: 24px;
  font-size: max(4.1025641026vw, 16px);
  line-height: 1.8;
  letter-spacing: 0;
  color: var(--white)
}

.fuel-lower__intro-text+.fuel-lower__intro-title {
  margin-top: 100px
}

.fuel-lower__contents {
  position: relative;
  background: #000
}

.fuel-lower__contents-card+.fuel-lower__contents-card {
  margin-top: 90px
}

.fuel-lower__contents-card-txtblock {
  display: grid;
  gap: 18px;
  padding: min(10.7692307692vw, 42px);
  background: #0d0d0d;
  border-top: 1px solid rgba(255, 255, 255, .5)
}

.fuel-lower__contents-cardtitle {
  font-size: max(6.1538461538vw, 24px);
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
  color: var(--white);
  word-break: keep-all;
}

.fuel-lower__contents-cardtext {
  font-size: max(2.8205128205vw, 11px);
  line-height: 1.8;
  letter-spacing: 0;
  color: var(--white);
  text-align: center
}

.fuel-lower__contents-card-videoblock {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 390/260
}

.fuel-lower__contents-card-videoblock video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.fuel-lower__contents-card-imgblock {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 390/260
}

.fuel-lower__contents-card-imgblock img {
  width: 100%;
  height: calc(100% - .5vw);
  -o-object-fit: cover;
  object-fit: cover
}

.fuel-lower__contents-cardcontroller {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 1
}

.fuel-lower__contents-cardstop {
  display: none;
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid var(--white);
  border-radius: 50%;
  background: transparent
}

.fuel-lower__contents-cardstop svg {
  position: absolute;
  top: 51%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  fill: var(--white);
  stroke: var(--white)
}

.fuel-lower__contents-cardstop.is-selected {
  display: block
}

.fuel-lower__contents-cardplay {
  display: none;
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid var(--white);
  border-radius: 50%;
  background: transparent
}

.fuel-lower__contents-cardplay svg {
  position: absolute;
  top: 51%;
  left: 53%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  fill: var(--white);
  stroke: var(--white)
}

.fuel-lower__contents-cardplay svg path {
  fill: var(--white);
  color: var(--white)
}

.fuel-lower__contents-cardplay.is-selected {
  display: block
}

.fuel-lower__gallery {
  position: relative;
  padding: min(20.5128205128vw, 80px) 4.8% min(30.7692307692vw, 120px)
}

.fuel-lower__gallery-titlewrap {
  display: flex;
  flex-direction: column
}

.fuel-lower__gallery-title {
  order: 1;
  font-size: max(4.1025641026vw, 16px);
  line-height: 1.8;
  letter-spacing: 0;
  color: var(--white)
}

.fuel-lower__gallery-label {
  order: 0;
  font-size: max(10.2564102564vw, 40px);
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: .02em
}

.fuel-lower__gallery-subtitle {
  font-size: max(5.1282051282vw, 20px);
  line-height: 1.5;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 30px
}

.fuel-lower__gallery-contentframe {
  display: grid;
  gap: 60px;
  margin-top: 50px
}

.fuel-lower__gallery-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none
}

.fuel-lower__gallery-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.fuel-lower__mv {
  position: relative
}

.fuel-lower__mv-title {
  position: absolute;
  z-index: 1;
  font-size: max(5.641025641vw, 22px);
  left: max(3.8461538462vw, 15px);
  top: max(12.8205128205vw, 50px);
  line-height: 1.5;
  font-weight: 700;
  color: var(--white);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px
}

.hydrogenfuelcell-main .fuel-lower__mv-title {
  font-size: max(4.61538462vw, 18px);
}

.fuel-lower__mv-title.--hydrogenfuelcell {
  color: rgba(0, 0, 0, .8)
}

.fuel-lower__mv-title.--hydrogenfuelcell .fuel-lower__mv-titletext {
  background: rgba(255, 255, 255, .8)
}

.fuel-lower__mv-titletext {
  background: rgba(0, 0, 0, .8);
  padding: 4px 12px
}

.fuel-lower__mv-videoblock {
  aspect-ratio: 390/390;
  position: relative
}

.fuel-lower__mv-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.fuel-lower__mv-videocontroller {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 1
}

.fuel-lower__mv-videostop {
  display: none;
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid var(--white);
  border-radius: 50%;
  background: transparent
}

.fuel-lower__mv-videostop svg {
  position: absolute;
  top: 51%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  fill: var(--white);
  stroke: var(--white)
}

.fuel-lower__mv-videostop.is-selected {
  display: block
}

.fuel-lower__mv-videoplay {
  display: none;
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid var(--white);
  border-radius: 50%;
  background: transparent
}

.fuel-lower__mv-videoplay svg {
  position: absolute;
  top: 51%;
  left: 53%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  fill: var(--white);
  stroke: var(--white)
}

.fuel-lower__mv-videoplay svg path{
  fill: var(--white);
  color: var(--white);
}

.fuel-lower__mv-videoplay.is-selected {
  display: block
}

.fuel-lower__others {
  background: #000
}

.fuel-lower__others-container {
  padding: min(20.5128205128vw, 80px) 4.8% min(30.7692307692vw, 120px)
}

.fuel-lower__others-title {
  font-size: max(6.1538461538vw, 24px);
  line-height: 1.5;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 30px
}

.fuel-lower__descimg {
  background: #1a1a1a;
  padding: min(12.8205128205vw, 50px) 4.8% min(15.3846153846vw, 60px)
}

.fuel-lower__descimg-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.fuel-lower__descimg-imgblock {
  aspect-ratio: 350/325;
  display: block
}

.fuel-lower__descimg-imgblock img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.u-hiddenSP {
  display: none
}
.u-hiddenSP-inline {
  display: none
}
.u-hiddenPC {
  display: block;
}

@media (width >=768px) {
  .fuel-main {
    padding-bottom: 200px
  }

  .fuel-main__fixHeader {
    margin-top: 0
  }

  .fuel-main__fixNav {
    max-width: 1140px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
  }

  .fuel-main__fixNav .fuel-main__fixNav-link {
    font-size: min(1.8229166667vw, 14px)
  }

  .fuel-main__fixNav .fuel-main__fixNav-link.--current.--top::after {
    bottom: 0;
  }

  .fuel-main__fixNav .fuel-main__fixNav-link.--top {
    padding: 12px 0 10px;
  }

  .fuel-main__fixNav .fuel-main__fixNav-link.--top::after {
    bottom: 0;
  }

  .fuel-main__fixNav-list {
    justify-content: flex-end;
    gap: 20px
  }

  .fuel-intro {
    padding: 240px 0 175px
  }

  .fuel-intro__container {
    max-width: max(64.5833333333vw, 930px);
    width: 90%
  }

  .fuel-intro__text {
    font-size: max(1.1111111111vw, 16px);
    padding: 0;
    padding-left: max(11.8055555556vw, 170px)
  }

  .fuel-intro__text br {
    display: inline
  }

  .fuel-main__card-button {
    margin: 0;
    margin-top: max(2.2222222222vw, 32px);
    font-size: min(2.34375vw, 18px);
    padding: .6em 2.8em .7em
  }

  .fuel-contents {
    max-width: min(95.1388888889vw, 1370px);
    margin: 0 auto;
    width: 90%;
    padding: 0
  }

  .fuel-contents__card {
    border-radius: 48px;
    aspect-ratio: 1372/730;
    justify-items: center;
    align-items: center
  }

  .fuel-contents__card .fuel-content__card-button {
    margin: 0;
    margin-top: max(2.2222222222vw, 32px);
    background-color: var(--brand);
    font-size: min(2.34375vw, 18px);
    padding: .6em 2.8em .7em
  }

  .fuel-contents__card-container {
    flex-direction: row;
    padding: 0 min(3.4722222222vw, 50px) 0 min(9.0277777778vw, 130px);
    gap: min(3.4722222222vw, 50px);
    height: auto
  }

  .fuel-contents__card-title {
    font-size: min(4.16666667vw, 32px)
  }

  .fuel-contents__card-text {
    font-size: min(1.82291667vw, 14px)
  }

  .fuel-contents__card-text br {
    display: inline
  }

  .fuel-contents__card-imgblock {
    position: relative;
    top: initial;
    left: initial;
    -webkit-transform: none;
    transform: none;
    width: min(31.25vw, 450px);
    aspect-ratio: 450/503
  }

  .fuel-contents__card-img {
    -o-object-fit: cover;
    object-fit: cover
  }

  .fuel-lower__intro-container {
    padding: min(20.8333333333vw, 160px) 0 min(20.8333333333vw, 160px);
    max-width: min(77.0833333333vw, 1110px);
    margin: 0 auto
  }

  .fuel-lower__intro-title {
    text-align: center;
    font-size: min(3.6458333333vw, 28px)
  }

  .fuel-lower__intro-text {
    text-align: center;
    font-size: min(2.0833333333vw, 16px)
  }

  .fuel-lower__intro-text+.fuel-lower__intro-title {
    margin-top: 140px
  }

  .fuel-lower__contents {
    padding-bottom: 40px
  }

  .fuel-lower__contents.--highspeed .fuel-lower__contents-card:nth-child(odd) {
    flex-direction: row
  }

  .fuel-lower__contents.--highspeed .fuel-lower__contents-card:nth-child(even) {
    flex-direction: row-reverse
  }

  .fuel-lower__contents-card:nth-child(odd) {
    flex-direction: row-reverse
  }

  .fuel-lower__contents-card {
    display: flex
  }

  .fuel-lower__contents-card-txtblock {
    flex: 1 1 0%;
    place-content: center;
    padding: min(3.8888888889vw, 56px);
    border-top: none
  }

  .fuel-lower__contents-cardtitle {
    font-size: min(3.6458333333vw, 28px)
  }

  .fuel-lower__contents-cardtext {
    font-size: min(2.0833333333vw, 16px)
  }

  .fuel-lower__contents-card-videoblock {
    aspect-ratio: 690/460;
    flex: 1 1 4%;
    overflow: hidden
  }

  .fuel-lower__contents-card-videoblock video {
    height: calc(100% + .5vw)
  }

  .fuel-lower__contents-card-imgblock {
    aspect-ratio: 690/460;
    flex: 1 1 4%;
    overflow: hidden
  }


  .fuel-lower__gallery {
    padding: min(20.8333333333vw, 160px) 0 min(20.8333333333vw, 160px);
    max-width: min(77.0833333333vw, 1110px);
    margin: 0 auto
  }

  .fuel-lower__gallery-title {
    font-size: min(2.34375vw, 18px)
  }

  .fuel-lower__gallery-label {
    font-size: min(7.8125vw, 60px)
  }

  .fuel-lower__gallery-subtitle {
    font-size: min(3.6458333333vw, 28px);
    margin-bottom: 35px
  }

  .fuel-lower__gallery-contentframe.--col1 {
    grid-template-columns: 1fr;
    gap: 60px
  }

  .fuel-lower__mv {
    margin-top: 0
  }

  .fuel-lower__mv-title {
    font-size: min(4.8177083333vw, 37px);
    left: min(10.4166666667vw, 80px);
    top: min(10.4166666667vw, 80px)
  }

  .hydrogenfuelcell-main .fuel-lower__mv-title {
    font-size: min(4.296875vw, 33px);
  }

  .fuel-lower__mv-titletext {
    padding: 9px 24px
  }

  .fuel-lower__mv-videoblock {
    aspect-ratio: 1440/700
  }

  .fuel-lower__others-container {
    padding: min(20.8333333333vw, 160px) 0 min(20.8333333333vw, 160px);
    max-width: min(77.0833333333vw, 1110px);
    margin: 0 auto
  }

  .fuel-lower__others-title {
    font-size: min(3.6458333333vw, 28px)
  }

  .fuel-lower__descimg {
    padding: min(13.0208333333vw, 100px) 4.8% min(13.0208333333vw, 100px)
  }

  .fuel-lower__descimg-imgblock {
    aspect-ratio: 1000/530;
    max-width: max(69.4444444444vw, 1000px);
    margin: 0 auto
  }

  .fuel-lower__descimg-imgblock img{
    -o-object-fit: cover;
    object-fit: cover
  }

  .u-hiddenSP {
    display: block
  }
  .u-hiddenSP-inline {
    display: inline
  }
  .u-hiddenPC {
    display: none
  }
}

@media (width >=992px) {
  .fuel-lower__gallery-contentframe {
    margin-top: 80px;
    grid-template-columns: repeat(2, 1fr);
    gap: 90px 26px
  }
}
@media (width >=1200px) {
  .fuel-main__fixNav {
    overflow: hidden;
    max-width: 1140px;
  }

  .fuel-main__fixNav::-webkit-scrollbar {
    display: none;
  }
  
  .fuel-main__fixNav-list {
    width: 100%;
  }

  .fuel-intro__container {
    width: 100%
  }

  .fuel-lower__intro-container {
    padding: min(13.8888888889vw, 200px) 0 min(13.8888888889vw, 200px)
  }

  .fuel-lower__intro-title {
    font-size: min(2.5694444444vw, 37px)
  }

  .fuel-lower__contents-cardtitle {
    font-size: min(4.8177083333vw, 37px)
  }

  .fuel-lower__gallery {
    padding: min(11.1111111111vw, 160px) 0 min(11.1111111111vw, 160px)
  }

  .fuel-lower__mv-title {
    left: min(11.1111111111vw, 160px);
    top: min(8.3333333333vw, 120px)
  }

  .fuel-lower__others-container {
    padding: min(10.4166666667vw, 200px) 0 min(13.8888888889vw, 150px)
  }

  .fuel-lower__others-title {
    font-size: max(1.9444444444vw, 28px)
  }

  .fuel-lower__descimg {
    padding: min(6.25vw, 90px) 0 min(6.25vw, 90px)
  }
}

@media (width >=1400px) {
  .fuel-main__fixNav {
    max-width: min(79.1666666667vw, 1140px)
  }

  .fuel-main__fixNav .fuel-main__fixNav-link {
    font-size: min(.9722222222vw, 14px)
  }

  .fuel-main__card-button {
    font-size: min(1.25vw, 18px)
  }

  .fuel-contents {
    width: 100%;
    max-width: min(95.1388888889vw, 1370px)
  }

  .fuel-contents__card .fuel-content__card-button {
    font-size: min(1.25vw, 18px)
  }

  .fuel-contents__card-container {
    padding: 0 min(3.4722222222vw, 50px) 0 min(9.0277777778vw, 130px);
    gap: min(3.4722222222vw, 50px)
  }

  .fuel-contents__card-title {
    font-size: min(2.5694444444vw, 37px)
  }

  .fuel-contents__card-text {
    margin-top: 32px;
    font-size: min(1.1111111111vw, 16px)
  }

  .fuel-contents__card-imgblock {
    width: min(31.25vw, 450px)
  }

  .fuel-contents__card-play {
    width: min(2.0833333333vw, 30px);
    height: min(2.0833333333vw, 30px)
  }

  .fuel-contents__card-play svg {
    width: min(.6944444444vw, 10px);
    height: min(.6944444444vw, 10px)
  }

  .fuel-contents__card-stop {
    width: min(2.0833333333vw, 30px);
    height: min(2.0833333333vw, 30px)
  }

  .fuel-contents__card-stop svg {
    width: min(.6944444444vw, 10px);
    height: min(.6944444444vw, 10px)
  }

  .fuel-lower__intro-container {
    padding: min(13.8888888889vw, 200px) 0 min(13.8888888889vw, 200px)
  }

  .fuel-lower__intro-title {
    font-size: min(2.5694444444vw, 37px)
  }

  .fuel-lower__intro-text {
    font-size: min(1.1111111111vw, 16px)
  }

  .fuel-lower__descimg-imgblock {
    max-width: min(69.4444444444vw, 1000px)
  }

  .fuel-lower__contents-card-txtblock {
    padding: min(3.8888888889vw, 56px)
  }

  .fuel-lower__contents-cardtitle {
    font-size: min(2.5694444444vw, 37px)
  }

  .fuel-lower__contents-cardtext {
    font-size: min(1.1111111111vw, 16px)
  }

  .fuel-lower__gallery {
    padding: min(11.1111111111vw, 160px) 0 min(11.1111111111vw, 160px);
    max-width: min(77.0833333333vw, 1110px)
  }

  .fuel-lower__gallery-title {
    font-size: min(1.25vw, 18px)
  }

  .fuel-lower__gallery-label {
    font-size: min(4.1666666667vw, 60px)
  }

  .fuel-lower__gallery-subtitle {
    font-size: min(1.9444444444vw, 28px)
  }

  .fuel-lower__mv-title {
    font-size: min(2.5694444444vw, 37px);
    left: min(11.1111111111vw, 160px);
    top: min(8.3333333333vw, 120px)
  }

  .fuel-lower__mv-videocontroller {
    bottom: min(1.0416666667vw, 15px);
    right: min(1.0416666667vw, 15px)
  }

  .fuel-lower__mv-videostop {
    width: min(2.0833333333vw, 30px);
    height: min(2.0833333333vw, 30px)
  }

  .fuel-lower__mv-videostop svg {
    width: min(.6944444444vw, 10px);
    height: min(.6944444444vw, 10px)
  }

  .fuel-lower__mv-videoplay {
    width: min(2.0833333333vw, 30px);
    height: min(2.0833333333vw, 30px)
  }

  .fuel-lower__mv-videoplay svg {
    width: min(.6944444444vw, 10px);
    height: min(.6944444444vw, 10px)
  }

  .fuel-lower__others-container {
    padding: min(10.4166666667vw, 200px) 0 min(13.8888888889vw, 150px);
    max-width: min(77.0833333333vw, 1110px)
  }

  .fuel-lower__descimg {
    padding: min(6.25vw, 90px) 0 min(6.25vw, 90px)
  }
}

@media screen {
  [hidden~=screen] {
    display: inherit
  }

  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important
  }
}