@charset "UTF-8";
@font-face {
  font-family: "Roboto Condensed Digits";
  font-weight: 700;
  font-display: swap;
  src: url("data:font/woff2;base64,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") format("woff2");
  unicode-range: U+2D, U+30-39;
}
.gas-br-sp {
  display: none;
}
@media screen and (width < 768px) {
  .gas-br-sp {
    display: inline;
  }
}

.gas-br-pc {
  display: inline;
}
@media screen and (width < 768px) {
  .gas-br-pc {
    display: none;
  }
}

.gas-heading {
  position: relative;
  margin: 0;
  font-weight: 700;
  color: #000;
  border-bottom: calc(var(--gas-u) * 3) solid #efefef;
}
@media screen and (768px <= width) {
  .gas-heading {
    display: inline-block;
    letter-spacing: 0.0857em;
    padding-bottom: calc(var(--gas-u) * 9.5);
    font-size: max(16px, var(--gas-u) * 28);
    line-height: 1;
  }
}
@media screen and (width < 768px) {
  .gas-heading {
    display: block;
    padding-bottom: calc(var(--gas-u) * 19.5);
    letter-spacing: 0.076em;
    white-space: nowrap;
    font-size: max(16px, var(--gas-u) * 38);
    line-height: calc(var(--gas-u) * 58);
  }
}

.gas-heading::after {
  position: absolute;
  bottom: calc(var(--gas-u) * -3);
  left: 0;
  width: calc(var(--gas-u) * 50);
  height: calc(var(--gas-u) * 3);
  content: "";
  background: #dc000c;
}

@media screen and (768px <= width) {
  .gas-heading--contact {
    border-bottom-color: #e6e6e6;
  }
}

@media screen and (768px <= width) {
  .gas-heading--faq {
    letter-spacing: 0.0773em;
  }
}

@media screen and (width < 768px) {
  .gas-heading--contact .gas-heading__line:nth-of-type(1) {
    letter-spacing: 0.0915em;
  }
}

@media screen and (width < 768px) {
  .gas-heading--contact .gas-heading__line:nth-of-type(2) {
    letter-spacing: 0.0735em;
  }
}

@media screen and (width < 768px) {
  .gas-heading--faq .gas-heading__line:nth-of-type(1) {
    letter-spacing: 0.0679em;
  }
}

@media screen and (width < 768px) {
  .gas-heading--faq .gas-heading__line:nth-of-type(2) {
    letter-spacing: 0.0829em;
  }
}

@media screen and (width < 768px) {
  .gas-heading--intro .gas-heading__line:nth-of-type(1) {
    letter-spacing: 0.0833em;
  }
}

@media screen and (width < 768px) {
  .gas-heading--intro .gas-heading__line:nth-of-type(2) {
    letter-spacing: 0.0855em;
  }
}

@media screen and (width < 768px) {
  .gas-main .m-heading-lv1__body {
    container-type: inline-size;
  }
}

@media screen and (width < 768px) {
  .gas-main .m-heading-lv1__title {
    font-size: max(16px, min(28px, 7.2463768116cqw));
  }
}

.gas-fv {
  container-type: inline-size;
  overflow: hidden;
  font-family: "游ゴシック", "Yu Gothic", yugothic, sans-serif;
  color: #333;
  font-feature-settings: "palt";
}

.gas-fv__inner {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  --gas-u: min(1px, 100cqw / 1400);
}
@media screen and (768px <= width) {
  .gas-fv__inner {
    min-height: calc(var(--gas-u) * 926);
  }
}
@media screen and (width < 768px) {
  .gas-fv__inner {
    --gas-u: calc(min(100cqw, 600px) / 750);
    box-sizing: border-box;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    padding: calc(var(--gas-u) * 56) 0 calc(var(--gas-u) * 214.5313);
  }
}

.gas-fv__inner::before {
  position: absolute;
  z-index: 0;
  display: block;
  content: "";
  background: no-repeat 0 0/100% auto;
}
@media screen and (768px <= width) {
  .gas-fv__inner::before {
    top: calc(var(--gas-u) * 159);
    left: calc(var(--gas-u) * 15);
    width: calc(var(--gas-u) * 673);
    height: calc(var(--gas-u) * 181);
    background-image: url("../img/bg-granageStar.png");
  }
}
@media screen and (width < 768px) {
  .gas-fv__inner::before {
    top: calc(var(--gas-u) * 304);
    left: calc(var(--gas-u) * -14);
    width: calc(var(--gas-u) * 691);
    height: calc(var(--gas-u) * 199);
    background-image: url("../img/bg-granageStar-5.png");
  }
}

@media screen and (768px <= width) {
  .gas-fv__inner::after {
    position: absolute;
    top: calc(var(--gas-u) * 657 + 0.2086 * (max(var(--gas-u) * 561, 408px) - calc(var(--gas-u) * 561)) + 0.3234 * (max(var(--gas-u) * 504, 366.5455px) - calc(var(--gas-u) * 504)));
    left: calc(var(--gas-u) * 621 + max(var(--gas-u) * 504, 366.5455px) - calc(var(--gas-u) * 504) - 0.79 * (max(var(--gas-u) * 561, 408px) - calc(var(--gas-u) * 561)));
    display: block;
    width: calc(var(--gas-u) * 106);
    height: calc(var(--gas-u) * 120);
    content: "";
    background: url("../img/bg-granageStar-2.png") no-repeat 0 0/contain;
  }
}

.gas-fv__brand {
  position: relative;
  z-index: 1;
}

.gas-fv__label {
  margin: 0;
  font-family: "游ゴシック", "Yu Gothic", yugothic, sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #000;
  letter-spacing: -0.02em;
}
@media screen and (768px <= width) {
  .gas-fv__label {
    position: absolute;
    top: calc(var(--gas-u) * 46);
    left: calc(var(--gas-u) * 493.6 - 5.88em);
    font-size: max(16px, var(--gas-u) * 20);
  }
}
@media screen and (width < 768px) {
  .gas-fv__label {
    margin-right: calc(var(--gas-u) * 3);
    font-size: max(16px, var(--gas-u) * 32);
    line-height: 1.2;
    text-align: center;
  }
}

.gas-fv__logo {
  margin: 0;
}
@media screen and (768px <= width) {
  .gas-fv__logo {
    position: absolute;
    top: calc(var(--gas-u) * 43);
    left: calc(var(--gas-u) * 507);
    width: calc(var(--gas-u) * 421);
  }
}
@media screen and (width < 768px) {
  .gas-fv__logo {
    width: calc(var(--gas-u) * 550);
    margin: calc(var(--gas-u) * 25) auto 0;
  }
}

.gas-fv__logo img {
  display: block;
  width: 100%;
  height: auto;
}

.gas-fv__text {
  position: relative;
  z-index: 1;
}
@media screen and (768px <= width) {
  .gas-fv__text {
    width: calc(var(--gas-u) * 602 + 0.8 * (max(var(--gas-u) * 561, 408px) - calc(var(--gas-u) * 561)));
    padding-top: calc(var(--gas-u) * 213);
    margin-left: calc(var(--gas-u) * 172 - 0.79 * (max(var(--gas-u) * 561, 408px) - calc(var(--gas-u) * 561)));
  }
}
@media screen and (width < 768px) {
  .gas-fv__text {
    margin-top: calc(var(--gas-u) * 110);
    margin-right: calc(var(--gas-u) * 20);
    margin-left: calc(var(--gas-u) * 79 - 0.66 * (max(var(--gas-u) * 600, 300px) - calc(var(--gas-u) * 600)));
  }
}

.gas-fv__heading {
  margin: 0;
}

.gas-fv__heading img {
  display: block;
  height: auto;
}
@media screen and (768px <= width) {
  .gas-fv__heading img {
    width: calc(var(--gas-u) * 501);
    margin-left: calc(0.79 * (max(var(--gas-u) * 561, 408px) - calc(var(--gas-u) * 561)));
  }
}
@media screen and (width < 768px) {
  .gas-fv__heading img {
    width: calc(var(--gas-u) * 587);
    margin-left: calc(var(--gas-u) * 2 + 0.66 * (max(var(--gas-u) * 600, 300px) - calc(var(--gas-u) * 600)));
  }
}

.gas-fv__lead {
  margin: 0;
}

.gas-fv__lead img {
  display: block;
  height: auto;
}

@media screen and (768px <= width) {
  .gas-fv__lead--a img {
    width: max(var(--gas-u) * 561, 408px);
    margin: calc(var(--gas-u) * 88) 0 0 calc(var(--gas-u) * -5);
  }
}
@media screen and (width < 768px) {
  .gas-fv__lead--a img {
    width: max(var(--gas-u) * 541, 270.5px);
    margin: calc(var(--gas-u) * 94) 0 0 calc(var(--gas-u) * 11);
  }
}

@media screen and (768px <= width) {
  .gas-fv__lead--b img {
    width: max(var(--gas-u) * 504, 366.5455px);
    margin: calc(var(--gas-u) * 47) 0 0 calc(var(--gas-u) * 1);
  }
}
@media screen and (width < 768px) {
  .gas-fv__lead--b img {
    width: max(var(--gas-u) * 600, 300px);
    margin: calc(var(--gas-u) * 59) 0 0 calc(var(--gas-u) * 11);
  }
}

.gas-fv__visual {
  display: block;
  z-index: 1;
}
@media screen and (768px <= width) {
  .gas-fv__visual {
    position: absolute;
    top: calc(var(--gas-u) * 142);
    left: calc(var(--gas-u) * 774 + 0.11 * (max(var(--gas-u) * 561, 408px) - calc(var(--gas-u) * 561)));
    width: calc(var(--gas-u) * 579);
  }
}
@media screen and (width < 768px) {
  .gas-fv__visual {
    width: calc(var(--gas-u) * 645);
    margin: calc(var(--gas-u) * 32) auto 0;
  }
}

.gas-fv__visual img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (width < 768px) {
  .gas-fv__visual img {
    height: calc(var(--gas-u) * 678);
  }
}

.gas-service {
  position: relative;
  overflow-x: clip;
  container-type: inline-size;
  font-family: "游ゴシック", "Yu Gothic", yugothic, sans-serif;
  color: #333;
  font-feature-settings: "palt";
  background: #fff0e6;
}

.gas-service__inner {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  --gas-u: min(1px, 100cqw / 1400);
}
@media screen and (768px <= width) {
  .gas-service__inner {
    padding: calc(var(--gas-u) * 81) 0 calc(var(--gas-u) * 95);
  }
}
@media screen and (width < 768px) {
  .gas-service__inner {
    --gas-u: calc(min(100cqw, 600px) / 750);
    box-sizing: border-box;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    padding: calc(var(--gas-u) * 72) 0 calc(var(--gas-u) * 157.5);
  }
}

@media screen and (768px <= width) {
  .gas-service__inner::before,
  .gas-service__inner::after {
    position: absolute;
    z-index: 0;
    display: block;
    content: "";
    background: no-repeat 0 0/100% auto;
  }
}

@media screen and (768px <= width) {
  .gas-service__inner::before {
    top: calc(var(--gas-u) * -20);
    left: calc(var(--gas-u) * -24);
    width: calc(var(--gas-u) * 154);
    height: calc(var(--gas-u) * 157);
    background-image: url("../img/bg-granageStar-8.png");
  }
}

@media screen and (768px <= width) {
  .gas-service__inner::after {
    top: calc(var(--gas-u) * 683);
    left: calc(var(--gas-u) * 1283);
    width: calc(var(--gas-u) * 141);
    height: calc(var(--gas-u) * 141);
    background-image: url("../img/bg-granageStar-9.png");
  }
}

.gas-service__heading {
  margin: 0;
}

.gas-service__heading img {
  display: block;
  height: auto;
}
@media screen and (768px <= width) {
  .gas-service__heading img {
    width: calc(var(--gas-u) * 949);
    margin-left: calc(var(--gas-u) * 226);
  }
}
@media screen and (width < 768px) {
  .gas-service__heading img {
    width: calc(var(--gas-u) * 562);
    margin: calc(var(--gas-u) * 11) auto 0;
  }
}

.gas-service__heading::after {
  display: block;
  content: "";
  background: no-repeat 0 0/100% auto;
}
@media screen and (768px <= width) {
  .gas-service__heading::after {
    width: calc(var(--gas-u) * 969);
    height: calc(var(--gas-u) * 8);
    margin: calc(var(--gas-u) * 6) 0 0 calc(var(--gas-u) * 217);
    background-image: url("../img/bg-granageStar-6.png");
  }
}
@media screen and (width < 768px) {
  .gas-service__heading::after {
    width: calc(var(--gas-u) * 686);
    height: calc(var(--gas-u) * 8);
    margin: calc(var(--gas-u) * 21) auto 0 calc(var(--gas-u) * 28);
    background-image: url("../img/bg-granageStar-7.png");
  }
}

.gas-service__sub {
  margin: 0;
}

.gas-service__sub img {
  display: block;
  height: auto;
}
@media screen and (768px <= width) {
  .gas-service__sub img {
    width: calc(var(--gas-u) * 552);
    margin: calc(var(--gas-u) * 11) 0 0 calc(var(--gas-u) * 425);
  }
}
@media screen and (width < 768px) {
  .gas-service__sub img {
    width: calc(var(--gas-u) * 671);
    margin: calc(var(--gas-u) * 23) auto 0;
  }
}

.gas-service__cards {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media screen and (768px <= width) {
  .gas-service__cards {
    gap: calc(var(--gas-u) * 29);
    justify-content: flex-start;
    padding-left: calc(var(--gas-u) * 102);
    margin-top: calc(var(--gas-u) * 27);
  }
}
@media screen and (width < 768px) {
  .gas-service__cards {
    flex-direction: column;
    gap: calc(var(--gas-u) * 48);
    align-items: center;
    margin-top: calc(var(--gas-u) * 80);
  }
}

.gas-service__card {
  --gas-card: #e66633;
  --gas-pill-pc: url("../img/bg-granageStar-16.png");
  --gas-pill-sp: url("../img/bg-granageStar-20.png");
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  border: calc(var(--gas-u) * 2) solid var(--gas-card);
  border-radius: calc(var(--gas-u) * 10);
}
@media screen and (768px <= width) {
  .gas-service__card {
    width: calc(var(--gas-u) * 381);
    padding-bottom: calc(var(--gas-u) * 23);
  }
}
@media screen and (width < 768px) {
  .gas-service__card {
    width: calc(var(--gas-u) * 681);
    padding-bottom: calc(var(--gas-u) * 40);
  }
}

@media screen and (width < 768px) {
  .gas-service__card--hosho .gas-service__list li:last-child {
    margin-top: 0;
  }
}

.gas-service__card--seikatsu {
  --gas-card: #009245;
  --gas-pill-pc: url("../img/bg-granageStar-17.png");
  --gas-pill-sp: url("../img/bg-granageStar-21.png");
}

.gas-service__card--shigo {
  --gas-card: #007ee1;
  --gas-pill-pc: url("../img/bg-granageStar-18.png");
  --gas-pill-sp: url("../img/bg-granageStar-22.png");
}

.gas-service__card--ninni {
  --gas-card: #662d91;
  --gas-pill-pc: url("../img/bg-granageStar-19.png");
  --gas-pill-sp: url("../img/bg-granageStar-23.png");
}

.gas-service__cardTitle {
  margin: 0;
  background: var(--gas-card);
}
@media screen and (768px <= width) {
  .gas-service__cardTitle {
    padding: calc(var(--gas-u) * 17) 0 calc(var(--gas-u) * 19);
  }
}
@media screen and (width < 768px) {
  .gas-service__cardTitle {
    padding: calc(var(--gas-u) * 38) 0 calc(var(--gas-u) * 41);
  }
}

.gas-service__cardTitle img {
  display: block;
  width: auto;
  margin: 0 auto;
}
@media screen and (768px <= width) {
  .gas-service__cardTitle img {
    height: calc(var(--gas-u) * 73);
  }
}
@media screen and (width < 768px) {
  .gas-service__cardTitle img {
    height: calc(var(--gas-u) * 99);
  }
}

@media screen and (width < 768px) {
  .gas-service__card--seikatsu .gas-service__cardTitle {
    padding-top: calc(var(--gas-u) * 39);
  }
}

@media screen and (width < 768px) {
  .gas-service__card--seikatsu .gas-service__cardTitle img {
    height: calc(var(--gas-u) * 98);
  }
}

.gas-service__cardImage {
  display: block;
  max-width: none;
}

@media screen and (768px <= width) {
  .gas-service__card--hosho .gas-service__cardImage {
    width: calc(var(--gas-u) * 401.387);
    height: calc(var(--gas-u) * 240);
    margin: 0 calc(var(--gas-u) * -6.6945) 0 calc(var(--gas-u) * -18.6925);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0 calc(var(--gas-u) * -2.4118);
       object-position: 0 calc(var(--gas-u) * -2.4118);
  }
}
@media screen and (width < 768px) {
  .gas-service__card--hosho .gas-service__cardImage {
    width: calc(var(--gas-u) * 680.1734);
    height: calc(var(--gas-u) * 429);
    margin: 0 calc(var(--gas-u) * -2.1464) 0 calc(var(--gas-u) * -2.027);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0 calc(var(--gas-u) * -0.7402);
       object-position: 0 calc(var(--gas-u) * -0.7402);
  }
}

@media screen and (768px <= width) {
  .gas-service__card--seikatsu .gas-service__cardImage {
    width: calc(var(--gas-u) * 386.8828);
    height: calc(var(--gas-u) * 240);
    margin: 0 calc(var(--gas-u) * -2.1403) 0 calc(var(--gas-u) * -8.7425);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0 calc(var(--gas-u) * -0.0232);
       object-position: 0 calc(var(--gas-u) * -0.0232);
  }
}
@media screen and (width < 768px) {
  .gas-service__card--seikatsu .gas-service__cardImage {
    width: calc(var(--gas-u) * 684.7168);
    height: calc(var(--gas-u) * 431);
    margin: 0 calc(var(--gas-u) * -6.6795) 0 calc(var(--gas-u) * -2.0373);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0 calc(var(--gas-u) * -1.2202);
       object-position: 0 calc(var(--gas-u) * -1.2202);
  }
}

@media screen and (768px <= width) {
  .gas-service__card--shigo .gas-service__cardImage {
    width: calc(var(--gas-u) * 396.1375);
    height: calc(var(--gas-u) * 240);
    margin: 0 calc(var(--gas-u) * -4.1481) 0 calc(var(--gas-u) * -15.9894);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0 calc(var(--gas-u) * -0.05);
       object-position: 0 calc(var(--gas-u) * -0.05);
  }
}
@media screen and (width < 768px) {
  .gas-service__card--shigo .gas-service__cardImage {
    width: calc(var(--gas-u) * 680.2439);
    height: calc(var(--gas-u) * 431);
    margin: 0 calc(var(--gas-u) * -2.1477) 0 calc(var(--gas-u) * -2.0962);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0 calc(var(--gas-u) * -14.795);
       object-position: 0 calc(var(--gas-u) * -14.795);
  }
}

.gas-service__pill {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  background: no-repeat 0 0/100% 100%;
}
@media screen and (768px <= width) {
  .gas-service__pill {
    width: calc(var(--gas-u) * 330 + max(var(--gas-u) * 221, 126.2858px) - calc(var(--gas-u) * 221) + max(var(--gas-u) * 16, 16px) - calc(var(--gas-u) * 16));
    height: calc(var(--gas-u) * 40);
    padding: calc(var(--gas-u) * 6) 0 0 calc(var(--gas-u) * 52);
    margin-top: calc(var(--gas-u) * 20);
    background-image: var(--gas-pill-pc);
  }
}
@media screen and (width < 768px) {
  .gas-service__pill {
    width: calc(var(--gas-u) * 590);
    height: calc(var(--gas-u) * 70);
    padding: calc(var(--gas-u) * 17) 0 0 calc(var(--gas-u) * 133);
    margin-top: calc(var(--gas-u) * 29);
    background-image: var(--gas-pill-sp);
  }
}

.gas-service__pill img {
  display: block;
  height: auto;
}
@media screen and (768px <= width) {
  .gas-service__pill img {
    width: max(var(--gas-u) * 221, 126.2858px);
  }
}
@media screen and (width < 768px) {
  .gas-service__pill img {
    width: calc(var(--gas-u) * 314);
  }
}

@media screen and (width < 768px) {
  .gas-service__card--seikatsu .gas-service__pill,
  .gas-service__card--shigo .gas-service__pill {
    padding: calc(var(--gas-u) * 16) 0 0 calc(var(--gas-u) * 136);
  }
}

.gas-service__pillText {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.gas-service__note {
  position: absolute;
  left: 100%;
  font-family: "游ゴシック", "Yu Gothic", yugothic, sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #333;
}
@media screen and (768px <= width) {
  .gas-service__note {
    top: calc(var(--gas-u) * 3);
    margin-left: calc(var(--gas-u) * 2);
    font-size: max(16px, var(--gas-u) * 16);
  }
}
@media screen and (width < 768px) {
  .gas-service__note {
    top: calc(var(--gas-u) * 4);
    margin-left: calc(var(--gas-u) * 4);
    font-size: max(16px, var(--gas-u) * 32);
  }
}

@media screen and (width < 768px) {
  .gas-service__card--option .gas-service__note {
    margin-left: calc(var(--gas-u) * 5);
  }
}

.gas-service__list {
  padding: 0;
  margin: 0;
  font-family: "游ゴシック", "Yu Gothic", yugothic, sans-serif;
  font-weight: 500;
  list-style: none;
}
@media screen and (768px <= width) {
  .gas-service__list {
    text-wrap: pretty;
    margin: calc(var(--gas-u) * 18) calc(var(--gas-u) * 27) 0 calc(var(--gas-u) * 25);
    font-size: max(16px, var(--gas-u) * 20);
    line-height: max(var(--gas-u) * 26, 1.3em);
    letter-spacing: -0.011em;
  }
}
@media screen and (width < 768px) {
  .gas-service__list {
    margin: calc(var(--gas-u) * 28) calc(var(--gas-u) * 43.5) 0 calc(var(--gas-u) * 47.5);
    font-size: max(16px, var(--gas-u) * 32);
    font-feature-settings: "palt";
    line-height: calc(var(--gas-u) * 40);
  }
}

.gas-service__list li {
  position: relative;
}
@media screen and (768px <= width) {
  .gas-service__list li {
    padding-left: max(var(--gas-u) * 20, 1em);
  }
}
@media screen and (width < 768px) {
  .gas-service__list li {
    padding-left: calc(var(--gas-u) * 29);
  }
}

.gas-service__list li::before {
  position: absolute;
  left: 0;
  display: block;
  content: "";
  background: var(--gas-card);
  border-radius: 50%;
}
@media screen and (768px <= width) {
  .gas-service__list li::before {
    top: max(var(--gas-u) * 5, 0.25em);
    width: max(var(--gas-u) * 16, 0.8em);
    height: max(var(--gas-u) * 16, 0.8em);
  }
}
@media screen and (width < 768px) {
  .gas-service__list li::before {
    top: calc(var(--gas-u) * 4);
    width: calc(var(--gas-u) * 26);
    height: calc(var(--gas-u) * 26);
  }
}

@media screen and (768px <= width) {
  .gas-service__list li + li {
    margin-top: calc(var(--gas-u) * 6);
  }
}
@media screen and (width < 768px) {
  .gas-service__list li + li {
    margin-top: calc(var(--gas-u) * 10);
  }
}

.gas-service__option {
  display: flex;
}
@media screen and (768px <= width) {
  .gas-service__option {
    align-items: center;
    margin-top: calc(var(--gas-u) * 28);
  }
}
@media screen and (width < 768px) {
  .gas-service__option {
    flex-direction: column;
    align-items: center;
    margin-top: calc(var(--gas-u) * 91);
  }
}

.gas-service__optionLabel {
  margin: 0;
}
@media screen and (768px <= width) {
  .gas-service__optionLabel {
    flex: none;
    align-self: flex-start;
    width: calc(var(--gas-u) * 404);
    margin-top: calc(var(--gas-u) * 104);
    margin-left: calc(var(--gas-u) * 108);
  }
}
@media screen and (width < 768px) {
  .gas-service__optionLabel {
    align-self: flex-start;
    margin-left: calc(var(--gas-u) * 135);
  }
}

.gas-service__optionLabel img {
  display: block;
  height: auto;
}
@media screen and (768px <= width) {
  .gas-service__optionLabel img {
    width: calc(var(--gas-u) * 365);
    margin-left: calc(var(--gas-u) * 2);
  }
}
@media screen and (width < 768px) {
  .gas-service__optionLabel img {
    width: calc(var(--gas-u) * 477);
  }
}

@media screen and (768px <= width) {
  .gas-service__card--option {
    width: calc(var(--gas-u) * 791);
    padding-bottom: 0;
  }
}
@media screen and (width < 768px) {
  .gas-service__card--option {
    margin-top: calc(var(--gas-u) * 31);
  }
}

@media screen and (768px <= width) {
  .gas-service__card--option .gas-service__cardTitle {
    padding: calc(var(--gas-u) * 13) 0 calc(var(--gas-u) * 15);
  }
}
@media screen and (width < 768px) {
  .gas-service__card--option .gas-service__cardTitle {
    padding: calc(var(--gas-u) * 39) 0 calc(var(--gas-u) * 42);
  }
}

@media screen and (768px <= width) {
  .gas-service__card--option .gas-service__cardTitle img {
    height: calc(var(--gas-u) * 31);
    margin-left: calc(var(--gas-u) * 103);
  }
}
@media screen and (width < 768px) {
  .gas-service__card--option .gas-service__cardTitle img {
    height: calc(var(--gas-u) * 97);
  }
}

@media screen and (768px <= width) {
  .gas-service__card--option .gas-service__cardBody {
    display: flex;
    align-items: stretch;
  }
}

@media screen and (768px <= width) {
  .gas-service__card--option .gas-service__cardImage {
    flex: none;
    width: calc(var(--gas-u) * 380.0271);
    height: calc(var(--gas-u) * 219);
    margin: 0 calc(var(--gas-u) * -0.52) 0 calc(var(--gas-u) * -0.5071);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0 calc(var(--gas-u) * -0.6009);
       object-position: 0 calc(var(--gas-u) * -0.6009);
  }
}
@media screen and (width < 768px) {
  .gas-service__card--option .gas-service__cardImage {
    width: calc(var(--gas-u) * 729.9788);
    height: calc(var(--gas-u) * 431);
    margin: 0 calc(var(--gas-u) * -23.063) 0 calc(var(--gas-u) * -30.9158);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0 calc(var(--gas-u) * -4.2979);
       object-position: 0 calc(var(--gas-u) * -4.2979);
  }
}

@media screen and (768px <= width) {
  .gas-service__card--option .gas-service__cardText {
    flex: 1;
    padding: calc(var(--gas-u) * 19) calc(var(--gas-u) * 8) calc(var(--gas-u) * 16) calc(var(--gas-u) * 23);
  }
}

@media screen and (768px <= width) {
  .gas-service__card--option .gas-service__pill {
    width: calc(var(--gas-u) * 360 + max(var(--gas-u) * 221, 126.2858px) - calc(var(--gas-u) * 221));
    padding: calc(var(--gas-u) * 7) 0 0 calc(var(--gas-u) * 68);
    margin: 0;
  }
}
@media screen and (width < 768px) {
  .gas-service__card--option .gas-service__pill {
    padding: calc(var(--gas-u) * 15) 0 0 calc(var(--gas-u) * 135);
  }
}

@media screen and (768px <= width) {
  .gas-service__card--option .gas-service__list {
    margin: calc(var(--gas-u) * 15) 0 0 calc(var(--gas-u) * 8);
    line-height: max(var(--gas-u) * 32, 1.6em);
  }
}

@media screen and (768px <= width) {
  .gas-service__card--option .gas-service__list li + li {
    margin-top: 0;
  }
}

@media screen and (768px <= width) {
  .gas-service__card--option .gas-service__list li::before {
    top: max(var(--gas-u) * 8, 0.4em);
  }
}

.gas-support {
  position: relative;
  overflow-x: clip;
  container-type: inline-size;
  font-family: "游ゴシック", "Yu Gothic", yugothic, sans-serif;
  color: #333;
  font-feature-settings: "palt";
}

.gas-support__inner {
  position: relative;
  display: flow-root;
  max-width: 1400px;
  margin: 0 auto;
  --gas-u: min(1px, 100cqw / 1400);
}
@media screen and (768px <= width) {
  .gas-support__inner {
    padding-bottom: calc(var(--gas-u) * 64);
  }
}
@media screen and (width < 768px) {
  .gas-support__inner {
    --gas-u: calc(min(100cqw, 600px) / 750);
    box-sizing: border-box;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: calc(var(--gas-u) * 107.032);
  }
}

@media screen and (768px <= width) {
  .gas-support__inner::before,
  .gas-support__inner::after {
    position: absolute;
    z-index: 0;
    display: block;
    content: "";
    background: no-repeat 0 0/100% auto;
  }
}

@media screen and (768px <= width) {
  .gas-support__inner::before {
    top: calc(var(--gas-u) * 36);
    left: calc(var(--gas-u) * -11);
    width: calc(var(--gas-u) * 101);
    height: calc(var(--gas-u) * 101);
    background-image: url("../img/bg-granageStar-12.png");
  }
}

@media screen and (768px <= width) {
  .gas-support__inner::after {
    top: calc(var(--gas-u) * 487);
    left: calc(var(--gas-u) * 1195);
    width: calc(var(--gas-u) * 227);
    height: calc(var(--gas-u) * 216);
    background-image: url("../img/bg-granageStar-13.png");
  }
}

.gas-support__banner {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  background: no-repeat 0 0/100% auto;
}
@media screen and (768px <= width) {
  .gas-support__banner {
    width: calc(var(--gas-u) * 750);
    height: calc(var(--gas-u) * 140);
    padding-top: calc(var(--gas-u) * 34);
    margin: calc(var(--gas-u) * -49) 0 0 calc(var(--gas-u) * 327);
    background-image: url("../img/bg-granageStar-10.png");
  }
}
@media screen and (width < 768px) {
  .gas-support__banner {
    width: calc(var(--gas-u) * 680);
    height: calc(var(--gas-u) * 210);
    padding-top: calc(var(--gas-u) * 31);
    margin: calc(var(--gas-u) * -79) 0 0 calc(var(--gas-u) * 35);
    background-image: url("../img/bg-granageStar-11.png");
    background-position: calc(var(--gas-u) * -1) calc(var(--gas-u) * 0.5);
  }
}

.gas-support__banner img {
  display: block;
  height: auto;
}
@media screen and (768px <= width) {
  .gas-support__banner img {
    width: calc(var(--gas-u) * 649);
    margin-left: calc(var(--gas-u) * 49);
  }
}
@media screen and (width < 768px) {
  .gas-support__banner img {
    width: calc(var(--gas-u) * 402);
    margin-left: calc(var(--gas-u) * 137);
  }
}

.gas-support__box {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border: calc(var(--gas-u) * 2) solid #ed1e79;
}
@media screen and (768px <= width) {
  .gas-support__box {
    width: calc(var(--gas-u) * 1201);
    padding-bottom: calc(var(--gas-u) * 26);
    margin: calc(var(--gas-u) * 51) 0 0 calc(var(--gas-u) * 101);
    border-radius: calc(var(--gas-u) * 10);
  }
}
@media screen and (width < 768px) {
  .gas-support__box {
    width: calc(var(--gas-u) * 681);
    padding-bottom: calc(var(--gas-u) * 41);
    margin: calc(var(--gas-u) * 60) 0 0 calc(var(--gas-u) * 35);
    border-radius: calc(var(--gas-u) * 9);
  }
}

.gas-support__title {
  box-sizing: border-box;
  margin: 0;
  background: #ed1e79;
}
@media screen and (768px <= width) {
  .gas-support__title {
    height: calc(var(--gas-u) * 59);
    padding-top: calc(var(--gas-u) * 12);
  }
}
@media screen and (width < 768px) {
  .gas-support__title {
    height: calc(var(--gas-u) * 118);
    padding-top: calc(var(--gas-u) * 39);
  }
}

.gas-support__title img {
  display: block;
  height: auto;
  margin: 0 auto;
}
@media screen and (768px <= width) {
  .gas-support__title img {
    width: calc(var(--gas-u) * 410);
  }
}
@media screen and (width < 768px) {
  .gas-support__title img {
    width: calc(var(--gas-u) * 549);
  }
}

.gas-support__desk {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  background: no-repeat 0 0/100% 100%;
}
@media screen and (768px <= width) {
  .gas-support__desk {
    width: calc(var(--gas-u) * 360 + max(var(--gas-u) * 297, 169.7143px) - calc(var(--gas-u) * 297) + max(var(--gas-u) * 16, 16px) - calc(var(--gas-u) * 16));
    height: calc(var(--gas-u) * 40);
    padding: calc(var(--gas-u) * 6) 0 0 calc(var(--gas-u) * 30);
    margin-top: calc(var(--gas-u) * 22);
    background-image: url("../img/bg-granageStar-14.png");
  }
}
@media screen and (width < 768px) {
  .gas-support__desk {
    width: calc(var(--gas-u) * 590);
    height: calc(var(--gas-u) * 70);
    padding: calc(var(--gas-u) * 15) 0 0 calc(var(--gas-u) * 74);
    margin-top: calc(var(--gas-u) * 30);
    background-image: url("../img/bg-granageStar-15.png");
  }
}

.gas-support__desk img {
  display: block;
  height: auto;
}
@media screen and (768px <= width) {
  .gas-support__desk img {
    width: max(var(--gas-u) * 297, 169.7143px);
  }
}
@media screen and (width < 768px) {
  .gas-support__desk img {
    width: calc(var(--gas-u) * 422);
  }
}

.gas-support__deskText {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.gas-support__note {
  position: absolute;
  left: 100%;
  font-family: "游ゴシック", "Yu Gothic", yugothic, sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #333;
}
@media screen and (768px <= width) {
  .gas-support__note {
    top: calc(var(--gas-u) * 2);
    margin-left: calc(var(--gas-u) * 2);
    font-size: max(16px, var(--gas-u) * 16);
  }
}
@media screen and (width < 768px) {
  .gas-support__note {
    top: calc(var(--gas-u) * 2);
    margin-left: calc(var(--gas-u) * 6);
    font-size: max(16px, var(--gas-u) * 32);
  }
}

.gas-support__cols {
  display: flex;
}
@media screen and (768px <= width) {
  .gas-support__cols {
    margin-top: calc(var(--gas-u) * 20);
  }
}
@media screen and (width < 768px) {
  .gas-support__cols {
    flex-direction: column;
    margin-top: calc(var(--gas-u) * 41);
  }
}

.gas-support__col {
  position: relative;
}
@media screen and (768px <= width) {
  .gas-support__col {
    padding-top: calc(var(--gas-u) * 4);
  }
}

@media screen and (768px <= width) {
  .gas-support__col--tanoshimu {
    flex: none;
    width: calc(var(--gas-u) * 532 + 3 * (max(var(--gas-u) * 20, 16px) - calc(var(--gas-u) * 20)));
  }
}

@media screen and (768px <= width) {
  .gas-support__col--tanoshimu::after {
    position: absolute;
    top: calc(var(--gas-u) * -1);
    bottom: calc(var(--gas-u) * 2);
    left: calc(var(--gas-u) * 532 + 3 * (max(var(--gas-u) * 20, 16px) - calc(var(--gas-u) * 20)));
    width: calc(var(--gas-u) * 3);
    content: "";
    background: repeating-linear-gradient(to bottom, #333 0 calc(var(--gas-u) * 3), transparent calc(var(--gas-u) * 3) calc(var(--gas-u) * 8.07));
  }
}

@media screen and (768px <= width) {
  .gas-support__col--mimamori {
    flex: 1;
    padding-left: calc(var(--gas-u) * 3);
  }
}
@media screen and (width < 768px) {
  .gas-support__col--mimamori {
    margin-top: calc(var(--gas-u) * 81);
  }
}

.gas-support__colTitle {
  margin: 0;
  font-weight: 700;
  line-height: 1;
  color: #ed1e79;
  text-align: center;
}
@media screen and (768px <= width) {
  .gas-support__colTitle {
    font-size: max(16px, var(--gas-u) * 22);
  }
}
@media screen and (width < 768px) {
  .gas-support__colTitle {
    font-size: max(16px, var(--gas-u) * 32);
  }
}

@media screen and (768px <= width) {
  .gas-support__col--tanoshimu .gas-support__colTitle {
    padding-left: calc(var(--gas-u) * 14);
    letter-spacing: 0.014em;
  }
}
@media screen and (width < 768px) {
  .gas-support__col--tanoshimu .gas-support__colTitle {
    letter-spacing: 0.013em;
  }
}

@media screen and (768px <= width) {
  .gas-support__col--mimamori .gas-support__colTitle {
    padding-right: calc(var(--gas-u) * 12);
    letter-spacing: 0.027em;
  }
}
@media screen and (width < 768px) {
  .gas-support__col--mimamori .gas-support__colTitle {
    letter-spacing: 0.066em;
  }
}

.gas-support__colBody {
  display: flex;
}
@media screen and (768px <= width) {
  .gas-support__colBody {
    align-items: flex-start;
  }
}
@media screen and (width < 768px) {
  .gas-support__colBody {
    flex-direction: column;
  }
}

.gas-support__logo {
  display: block;
  height: auto;
}

@media screen and (768px <= width) {
  .gas-support__col--tanoshimu .gas-support__logo {
    flex: none;
    width: calc(var(--gas-u) * 170);
    margin: calc(var(--gas-u) * 60) 0 0 calc(var(--gas-u) * 47 - 3 * (max(var(--gas-u) * 20, 16px) - calc(var(--gas-u) * 20)));
  }
}
@media screen and (width < 768px) {
  .gas-support__col--tanoshimu .gas-support__logo {
    width: calc(var(--gas-u) * 300);
    margin: calc(var(--gas-u) * 28) auto 0;
  }
}

@media screen and (768px <= width) {
  .gas-support__col--mimamori .gas-support__logo {
    flex: none;
    width: calc(var(--gas-u) * 230);
    margin: calc(var(--gas-u) * 84) 0 0 calc(var(--gas-u) * 32 - 1.91 * (max(var(--gas-u) * 20, 16px) - calc(var(--gas-u) * 20)));
  }
}
@media screen and (width < 768px) {
  .gas-support__col--mimamori .gas-support__logo {
    width: calc(var(--gas-u) * 300);
    margin: calc(var(--gas-u) * 41) auto 0;
  }
}

@media screen and (768px <= width) {
  .gas-support__colText {
    margin: calc(var(--gas-u) * 30) 0 0 calc(var(--gas-u) * 24 - 0.64 * (max(var(--gas-u) * 20, 16px) - calc(var(--gas-u) * 20)));
  }
}

.gas-support__colLead {
  margin: 0;
  font-weight: 700;
  line-height: 1;
}
@media screen and (768px <= width) {
  .gas-support__colLead {
    font-size: max(16px, var(--gas-u) * 20);
    letter-spacing: 0.019em;
  }
}
@media screen and (width < 768px) {
  .gas-support__colLead {
    margin-top: calc(var(--gas-u) * 42);
    font-size: max(16px, var(--gas-u) * 32);
    letter-spacing: 0.008em;
    text-align: center;
  }
}

.gas-support__list {
  padding: 0;
  margin: 0;
  font-weight: 500;
  list-style: none;
}
@media screen and (768px <= width) {
  .gas-support__list {
    text-wrap: pretty;
    font-size: max(16px, var(--gas-u) * 20);
    line-height: max(var(--gas-u) * 26, 1.3em);
    letter-spacing: 0.01em;
  }
}
@media screen and (width < 768px) {
  .gas-support__list {
    box-sizing: border-box;
    width: calc(var(--gas-u) * 600);
    margin-left: calc(var(--gas-u) * 48);
    font-size: max(16px, var(--gas-u) * 32);
    line-height: calc(var(--gas-u) * 41);
  }
}

@media screen and (768px <= width) {
  .gas-support__col--tanoshimu .gas-support__list {
    flex: 0 1 auto;
    margin: calc(var(--gas-u) * 84) calc(var(--gas-u) * 35 - 1.43 * (max(var(--gas-u) * 20, 16px) - calc(var(--gas-u) * 20))) 0;
  }
}
@media screen and (width < 768px) {
  .gas-support__col--tanoshimu .gas-support__list {
    margin-top: calc(var(--gas-u) * 21);
  }
}

@media screen and (768px <= width) {
  .gas-support__col--mimamori .gas-support__list {
    width: calc(var(--gas-u) * 352 + max(var(--gas-u) * 20, 16px) - calc(var(--gas-u) * 20));
    margin-top: calc(var(--gas-u) * 5);
  }
}
@media screen and (width < 768px) {
  .gas-support__col--mimamori .gas-support__list {
    margin-top: calc(var(--gas-u) * 16);
    letter-spacing: 0.006em;
  }
}

@media screen and (768px <= width) {
  .gas-support__col--mimamori .gas-support__list li::before {
    top: max(var(--gas-u) * 6, 0.3em);
  }
}

.gas-support__list li {
  position: relative;
}
@media screen and (768px <= width) {
  .gas-support__list li {
    padding-left: max(var(--gas-u) * 20, 1em);
  }
}
@media screen and (width < 768px) {
  .gas-support__list li {
    padding-left: calc(var(--gas-u) * 29);
  }
}

.gas-support__list li::before {
  position: absolute;
  left: 0;
  display: block;
  content: "";
  background: #ed1e79;
  border-radius: 50%;
}
@media screen and (768px <= width) {
  .gas-support__list li::before {
    top: max(var(--gas-u) * 5, 0.25em);
    width: max(var(--gas-u) * 16, 0.8em);
    height: max(var(--gas-u) * 16, 0.8em);
  }
}
@media screen and (width < 768px) {
  .gas-support__list li::before {
    top: calc(var(--gas-u) * 5);
    width: calc(var(--gas-u) * 24);
    height: calc(var(--gas-u) * 24);
  }
}

@media screen and (768px <= width) {
  .gas-support__list li + li {
    margin-top: calc(var(--gas-u) * 6);
  }
}
@media screen and (width < 768px) {
  .gas-support__list li + li {
    margin-top: calc(var(--gas-u) * 8);
  }
}

.gas-support__source {
  position: relative;
  z-index: 1;
  font-weight: 400;
  color: #000;
}
@media screen and (768px <= width) {
  .gas-support__source {
    width: calc(var(--gas-u) * 1201);
    margin: calc(var(--gas-u) * 16) 0 0 calc(var(--gas-u) * 99);
    font-size: max(16px, var(--gas-u) * 16);
    line-height: max(var(--gas-u) * 23, 1.4375em);
    letter-spacing: -0.0175em;
  }
}
@media screen and (width < 768px) {
  .gas-support__source {
    text-wrap: pretty;
    width: calc(var(--gas-u) * 690);
    margin: calc(var(--gas-u) * 27) 0 0 calc(var(--gas-u) * 35);
    font-size: 14px;
    line-height: calc(var(--gas-u) * 33.7);
    letter-spacing: -0.0176em;
  }
}

.gas-support__caution {
  position: relative;
  z-index: 1;
  padding: 0;
  font-weight: 500;
  color: #000;
  list-style: none;
}
@media screen and (768px <= width) {
  .gas-support__caution {
    width: calc(var(--gas-u) * 1080);
    margin: calc(var(--gas-u) * 24) 0 0 calc(var(--gas-u) * 102);
    font-size: max(16px, var(--gas-u) * 20);
    line-height: max(var(--gas-u) * 32, 1.6em);
    letter-spacing: -0.0173em;
  }
}
@media screen and (width < 768px) {
  .gas-support__caution {
    width: calc(var(--gas-u) * 699);
    margin: calc(var(--gas-u) * 22) 0 0 calc(var(--gas-u) * 37);
    font-size: max(16px, var(--gas-u) * 32);
    line-height: calc(var(--gas-u) * 42);
  }
}

.gas-support__caution li {
  position: relative;
}
@media screen and (768px <= width) {
  .gas-support__caution li {
    padding-left: calc(var(--gas-u) * 18);
  }
}
@media screen and (width < 768px) {
  .gas-support__caution li {
    padding-left: calc(var(--gas-u) * 29);
  }
}

.gas-support__caution li::before {
  position: absolute;
  left: 0;
  display: block;
  content: "";
  background: #e66633;
  border-radius: 50%;
}
@media screen and (768px <= width) {
  .gas-support__caution li::before {
    top: calc(var(--gas-u) * 10);
    width: calc(var(--gas-u) * 16);
    height: calc(var(--gas-u) * 16);
  }
}
@media screen and (width < 768px) {
  .gas-support__caution li::before {
    top: calc(var(--gas-u) * 8);
    width: calc(var(--gas-u) * 25);
    height: calc(var(--gas-u) * 25);
  }
}

.gas-contact {
  container-type: inline-size;
  font-family: "游ゴシック", "Yu Gothic", yugothic, sans-serif;
  color: #000;
  font-feature-settings: "palt";
}

.gas-contact__inner {
  max-width: 1400px;
  margin: 0 auto;
  --gas-u: min(1px, 100cqw / 1400);
}
@media screen and (768px <= width) {
  .gas-contact__inner {
    padding: calc(var(--gas-u) * 70) calc(var(--gas-u) * 100) 0;
  }
}
@media screen and (width < 768px) {
  .gas-contact__inner {
    --gas-u: calc(min(100cqw, 600px) / 750);
    box-sizing: border-box;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    padding: calc(var(--gas-u) * 83) calc(var(--gas-u) * 35) 0;
  }
}

.gas-contact__lead {
  margin: 0;
  font-weight: 500;
}
@media screen and (768px <= width) {
  .gas-contact__lead {
    margin-top: calc(var(--gas-u) * 29.5);
    font-size: max(16px, var(--gas-u) * 20);
    line-height: max(1em, 19.2px);
    letter-spacing: -0.0113em;
  }
}
@media screen and (width < 768px) {
  .gas-contact__lead {
    text-wrap: balance;
    margin-top: calc(var(--gas-u) * 24.5);
    margin-right: calc(var(--gas-u) * -6);
    font-size: max(16px, var(--gas-u) * 32);
    line-height: calc(var(--gas-u) * 42);
    letter-spacing: -0.013em;
  }
}

.gas-contact__band {
  background: #efefef;
  --gas-u: min(1px, 100cqw / 1400);
}
@media screen and (768px <= width) {
  .gas-contact__band {
    padding: calc(var(--gas-u) * 60) 0;
    margin-top: calc(var(--gas-u) * 39);
  }
}
@media screen and (width < 768px) {
  .gas-contact__band {
    --gas-u: calc(min(100cqw, 600px) / 750);
    padding: calc(var(--gas-u) * 80) 0 calc(var(--gas-u) * 82);
    margin-top: calc(var(--gas-u) * 54);
  }
}

.gas-contact__boxes {
  display: flex;
  max-width: 1400px;
  margin: 0 auto;
}
@media screen and (768px <= width) {
  .gas-contact__boxes {
    gap: calc(var(--gas-u) * 40);
    padding: 0 calc(var(--gas-u) * 100);
  }
}
@media screen and (width < 768px) {
  .gas-contact__boxes {
    flex-direction: column;
    gap: calc(var(--gas-u) * 40);
    padding: 0 calc(var(--gas-u) * 35);
  }
}

.gas-contact__box {
  box-sizing: border-box;
  flex: 1;
  background: #fff;
}
@media screen and (768px <= width) {
  .gas-contact__box {
    min-height: calc(var(--gas-u) * 348);
  }
}

@media screen and (768px <= width) {
  .gas-contact__box--inquiry {
    padding-bottom: calc(var(--gas-u) * 35);
  }
}
@media screen and (width < 768px) {
  .gas-contact__box--inquiry {
    padding-bottom: calc(var(--gas-u) * 40);
  }
}

@media screen and (768px <= width) {
  .gas-contact__box--request {
    padding-bottom: calc(var(--gas-u) * 40);
  }
}
@media screen and (width < 768px) {
  .gas-contact__box--request {
    padding-bottom: calc(var(--gas-u) * 40);
  }
}

.gas-contact__tab {
  box-sizing: border-box;
  margin: 0;
  font-weight: 700;
  background: #efefef;
}
@media screen and (768px <= width) {
  .gas-contact__tab {
    width: max(var(--gas-u) * 344, 15.6363em);
    height: max(var(--gas-u) * 44, 2em);
    padding: max(var(--gas-u) * 11, 0.5em) 0 0 max(var(--gas-u) * 30, 1.3636em);
    margin-top: calc(var(--gas-u) * 30);
    font-size: max(16px, var(--gas-u) * 22);
    line-height: 1;
    letter-spacing: 0.088em;
    border-radius: 0 max(var(--gas-u) * 22, 1em) max(var(--gas-u) * 22, 1em) 0;
  }
}
@media screen and (width < 768px) {
  .gas-contact__tab {
    height: calc(var(--gas-u) * 60);
    padding-top: calc(var(--gas-u) * 4);
    margin: calc(var(--gas-u) * 40) auto 0;
    font-size: max(16px, var(--gas-u) * 32);
    line-height: calc(var(--gas-u) * 56);
    letter-spacing: 0.086em;
    text-align: center;
    border-radius: calc(var(--gas-u) * 30);
  }
}

@media screen and (768px <= width) {
  .gas-contact__box--inquiry .gas-contact__tab {
    width: max(var(--gas-u) * 404.84, 18.4018em);
  }
}
@media screen and (width < 768px) {
  .gas-contact__box--inquiry .gas-contact__tab {
    width: max(var(--gas-u) * 539.96, 251px);
    padding-right: calc(var(--gas-u) * 3);
  }
}

@media screen and (width < 768px) {
  .gas-contact__box--request .gas-contact__tab {
    width: max(var(--gas-u) * 360, 160px);
    padding-left: calc(var(--gas-u) * 2);
    transform: translateX(calc(var(--gas-u) * -1));
  }
}

.gas-contact__tel {
  display: flex;
  align-items: flex-start;
  margin: 0;
}
@media screen and (768px <= width) {
  .gas-contact__tel {
    margin: calc(var(--gas-u) * 33) 0 0 calc(var(--gas-u) * 50);
  }
}
@media screen and (width < 768px) {
  .gas-contact__tel {
    margin: calc(var(--gas-u) * 36) 0 0 calc(var(--gas-u) * 57);
  }
}

.gas-contact__telIcon {
  flex: none;
  height: auto;
}
@media screen and (768px <= width) {
  .gas-contact__telIcon {
    width: calc(var(--gas-u) * 40);
    margin-top: calc(var(--gas-u) * 9);
  }
}
@media screen and (width < 768px) {
  .gas-contact__telIcon {
    width: calc(var(--gas-u) * 60);
    margin-top: calc(var(--gas-u) * 18);
  }
}

.gas-contact__telNumber {
  position: relative;
  font-family: "Roboto Condensed Digits", "Roboto Condensed", "Arial Narrow", arial, sans-serif;
  font-weight: 700;
  line-height: 1;
  color: #dc000c;
  text-decoration: none;
  white-space: nowrap;
}
@media screen and (768px <= width) {
  .gas-contact__telNumber {
    pointer-events: none;
  }
}
@media screen and (768px <= width) {
  .gas-contact__telNumber {
    margin-left: calc(var(--gas-u) * 12);
    top: calc(var(--gas-u) * 2);
    font-size: max(16px, var(--gas-u) * 54);
    letter-spacing: -0.0133em;
  }
}
@media screen and (width < 768px) {
  .gas-contact__telNumber {
    margin-left: calc(var(--gas-u) * 17);
    top: calc(var(--gas-u) * 4);
    font-size: max(16px, var(--gas-u) * 88);
    letter-spacing: -0.02em;
  }
}

.gas-contact__detail {
  margin: 0;
}
@media screen and (768px <= width) {
  .gas-contact__detail {
    margin: calc(var(--gas-u) * 22) 0 0 calc(var(--gas-u) * 50);
    font-size: max(16px, var(--gas-u) * 17.6);
    line-height: max(var(--gas-u) * 26, 1.4772em);
  }
}
@media screen and (width < 768px) {
  .gas-contact__detail {
    margin: calc(var(--gas-u) * 37) 0 0 calc(var(--gas-u) * 61);
    font-size: max(16px, var(--gas-u) * 32);
    line-height: calc(var(--gas-u) * 40);
  }
}

.gas-contact__detail dt {
  font-weight: 700;
}

@media screen and (768px <= width) {
  .gas-contact__detail dt + dd + dt {
    margin-top: calc(var(--gas-u) * 26);
  }
}
@media screen and (width < 768px) {
  .gas-contact__detail dt + dd + dt {
    margin-top: calc(var(--gas-u) * 40);
  }
}

.gas-contact__detail dd {
  margin: 0;
  font-weight: 500;
}

.gas-contact__button {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  padding-left: calc(var(--gas-u) * 4.5);
  letter-spacing: 0.097em;
  background: #dc000c;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media screen and (768px <= width) {
  .gas-contact__button {
    width: calc(var(--gas-u) * 480);
    height: calc(var(--gas-u) * 60);
    margin: calc(var(--gas-u) * 31) auto 0;
    font-size: max(16px, var(--gas-u) * 24);
  }
}
@media screen and (width < 768px) {
  .gas-contact__button {
    width: calc(var(--gas-u) * 580);
    height: calc(var(--gas-u) * 80);
    padding-right: calc(var(--gas-u) * 2);
    margin: calc(var(--gas-u) * 60) auto 0;
    font-size: max(16px, var(--gas-u) * 34);
  }
}

.gas-contact__button:hover,
.gas-contact__button:focus-visible {
  background-color: #ba0a14;
}

@media screen and (768px <= width) {
  .gas-contact__button:hover::after,
  .gas-contact__button:focus-visible::after {
    transform: translate(calc(var(--gas-u) * 4), -50%);
  }
}

@media screen and (768px <= width) {
  .gas-contact__button::after {
    position: absolute;
    top: 50%;
    right: calc(var(--gas-u) * 14);
    width: calc(var(--gas-u) * 12);
    height: calc(var(--gas-u) * 22);
    content: "";
    background: url("../img/icon-granageStar-2.svg") no-repeat center/contain;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: translateY(-50%);
  }
}

.gas-contact__notes {
  padding: 0;
  margin: 0;
  font-weight: 500;
  color: #333;
  list-style: none;
}
@media screen and (768px <= width) {
  .gas-contact__notes {
    width: calc(var(--gas-u) * 482);
    margin: calc(var(--gas-u) * 28) auto 0;
    font-size: max(16px, var(--gas-u) * 18);
    line-height: max(var(--gas-u) * 26, 1.4444em);
    text-align: justify;
  }
}
@media screen and (width < 768px) {
  .gas-contact__notes {
    width: calc(var(--gas-u) * 598);
    margin: calc(var(--gas-u) * 56) 0 0 calc(var(--gas-u) * 51);
    font-size: max(16px, var(--gas-u) * 32);
    line-height: calc(var(--gas-u) * 40);
  }
}

.gas-contact__notes li {
  position: relative;
}
@media screen and (768px <= width) {
  .gas-contact__notes li {
    padding-left: calc(var(--gas-u) * 18);
  }
}
@media screen and (width < 768px) {
  .gas-contact__notes li {
    text-wrap: pretty;
    padding-left: calc(var(--gas-u) * 28);
  }
}

.gas-contact__notes li::before {
  position: absolute;
  left: 0;
  display: block;
  content: "";
  background: #dc000c;
  border-radius: 50%;
}
@media screen and (768px <= width) {
  .gas-contact__notes li::before {
    top: calc(var(--gas-u) * 5);
    width: calc(var(--gas-u) * 15);
    height: calc(var(--gas-u) * 15);
  }
}
@media screen and (width < 768px) {
  .gas-contact__notes li::before {
    top: calc(var(--gas-u) * 6);
    width: calc(var(--gas-u) * 24);
    height: calc(var(--gas-u) * 24);
  }
}

.gas-contact__notes li + li {
  margin-top: calc(var(--gas-u) * 10);
}

.gas-faq {
  container-type: inline-size;
  font-family: "游ゴシック", "Yu Gothic", yugothic, sans-serif;
  color: #000;
  font-feature-settings: "palt";
}

.gas-faq__inner {
  max-width: 1400px;
  margin: 0 auto;
  --gas-u: min(1px, 100cqw / 1400);
}
@media screen and (768px <= width) {
  .gas-faq__inner {
    padding: calc(var(--gas-u) * 119) calc(var(--gas-u) * 100) 0;
  }
}
@media screen and (width < 768px) {
  .gas-faq__inner {
    --gas-u: calc(min(100cqw, 600px) / 750);
    box-sizing: border-box;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    padding: calc(var(--gas-u) * 200) calc(var(--gas-u) * 35) 0;
  }
}

.gas-faq__list {
  margin: 0;
}
@media screen and (768px <= width) {
  .gas-faq__list {
    margin-top: calc(var(--gas-u) * 44.5);
  }
}
@media screen and (width < 768px) {
  .gas-faq__list {
    margin-top: calc(var(--gas-u) * 58.5);
  }
}

.gas-faq__item {
  border-top: 1px solid #333;
}
@media screen and (768px <= width) {
  .gas-faq__item {
    padding-top: calc(var(--gas-u) * 22);
  }
}
@media screen and (width < 768px) {
  .gas-faq__item {
    padding-top: calc(var(--gas-u) * 49);
  }
}

.gas-faq__item:first-child {
  padding-top: 0;
  border-top: 0;
}

@media screen and (768px <= width) {
  .gas-faq__item:nth-child(1) .gas-faq__aText {
    margin-top: calc(var(--gas-u) * 7);
  }
}

@media screen and (768px <= width) {
  .gas-faq__item:nth-child(2) .gas-faq__qText {
    margin-top: calc(var(--gas-u) * 7);
  }
}

@media screen and (768px <= width) {
  .gas-faq__item:nth-child(2) .gas-faq__aText {
    margin-top: calc(var(--gas-u) * 5);
  }
}

@media screen and (768px <= width) {
  .gas-faq__item:nth-child(2) .gas-faq__a {
    padding-bottom: calc(var(--gas-u) * 14);
  }
}
@media screen and (width < 768px) {
  .gas-faq__item:nth-child(2) .gas-faq__a {
    padding-bottom: calc(var(--gas-u) * 39);
  }
}

@media screen and (768px <= width) {
  .gas-faq__item:nth-child(3) .gas-faq__aText {
    margin-top: calc(var(--gas-u) * 3);
  }
}

@media screen and (768px <= width) {
  .gas-faq__item:nth-child(3) .gas-faq__a {
    padding-bottom: calc(var(--gas-u) * 12);
  }
}
@media screen and (width < 768px) {
  .gas-faq__item:nth-child(3) .gas-faq__a {
    padding-bottom: calc(var(--gas-u) * 39);
  }
}

@media screen and (768px <= width) {
  .gas-faq__item:nth-child(4) .gas-faq__qText {
    margin-top: calc(var(--gas-u) * 9);
  }
}

@media screen and (768px <= width) {
  .gas-faq__item:nth-child(4) .gas-faq__aText {
    margin-top: calc(var(--gas-u) * 7);
  }
}

@media screen and (768px <= width) {
  .gas-faq__item:nth-child(4) .gas-faq__a {
    padding-bottom: calc(var(--gas-u) * 16);
  }
}

@media screen and (768px <= width) {
  .gas-faq__item:nth-child(5) .gas-faq__aText {
    margin-top: calc(var(--gas-u) * 4);
  }
}

@media screen and (width < 768px) {
  .gas-faq__item:nth-child(2) .gas-faq__q {
    padding-bottom: calc(var(--gas-u) * 33);
  }
}

@media screen and (width < 768px) {
  .gas-faq__item:nth-child(3) .gas-faq__q {
    padding-bottom: calc(var(--gas-u) * 27);
  }
}

@media screen and (width < 768px) {
  .gas-faq__item:nth-child(5) .gas-faq__q {
    padding-bottom: calc(var(--gas-u) * 31);
  }
}

.gas-faq__q,
.gas-faq__a {
  display: flex;
  align-items: flex-start;
  margin: 0;
}
@media screen and (width < 768px) {
  .gas-faq__q,
  .gas-faq__a {
    text-wrap: balance;
  }
}

@media screen and (768px <= width) {
  .gas-faq__q {
    padding-bottom: calc(var(--gas-u) * 20);
  }
}
@media screen and (width < 768px) {
  .gas-faq__q {
    padding-bottom: calc(var(--gas-u) * 30);
  }
}

@media screen and (768px <= width) {
  .gas-faq__a {
    padding-bottom: calc(var(--gas-u) * 14);
  }
}
@media screen and (width < 768px) {
  .gas-faq__a {
    padding-bottom: calc(var(--gas-u) * 40);
  }
}

.gas-faq__label {
  box-sizing: border-box;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
}
@media screen and (768px <= width) {
  .gas-faq__label {
    width: calc(var(--gas-u) * 45);
    height: calc(var(--gas-u) * 45);
  }
}
@media screen and (width < 768px) {
  .gas-faq__label {
    width: calc(var(--gas-u) * 60);
    height: calc(var(--gas-u) * 60);
  }
}

.gas-faq__label img {
  display: block;
  height: auto;
}
@media screen and (768px <= width) {
  .gas-faq__label img {
    width: calc(var(--gas-u) * 20);
  }
}
@media screen and (width < 768px) {
  .gas-faq__label img {
    width: calc(var(--gas-u) * 27);
    margin: calc(var(--gas-u) * 5) 0 0 calc(var(--gas-u) * 3);
  }
}

@media screen and (768px <= width) {
  .gas-faq__label--a img {
    width: calc(var(--gas-u) * 17);
    margin: 0 calc(var(--gas-u) * 2) calc(var(--gas-u) * 3) 0;
  }
}
@media screen and (width < 768px) {
  .gas-faq__label--a img {
    margin: calc(var(--gas-u) * 3) 0 0;
  }
}
@media screen and (width < 768px) {
  .gas-faq__label--a img {
    width: calc(var(--gas-u) * 24);
  }
}

.gas-faq__label--q {
  color: #fff;
  background: #dc000c;
}
@media screen and (width < 768px) {
  .gas-faq__label--q {
    margin-bottom: calc(var(--gas-u) * 10);
  }
}

.gas-faq__label--a {
  color: #333;
  border: 1px solid #333;
}
@media screen and (768px <= width) {
  .gas-faq__label--a {
    margin-bottom: calc(var(--gas-u) * 6);
  }
}

.gas-faq__qText {
  font-weight: 700;
}
@media screen and (768px <= width) {
  .gas-faq__qText {
    margin: calc(var(--gas-u) * 10) 0 0 calc(var(--gas-u) * 20);
    font-size: max(16px, var(--gas-u) * 20);
    line-height: max(var(--gas-u) * 25, 1.25em);
  }
}
@media screen and (width < 768px) {
  .gas-faq__qText {
    margin: calc(var(--gas-u) * 5) 0 0 calc(var(--gas-u) * 21);
    font-size: max(16px, var(--gas-u) * 32);
    line-height: calc(var(--gas-u) * 46);
  }
}

.gas-faq__aText {
  font-weight: 500;
}
@media screen and (768px <= width) {
  .gas-faq__aText {
    margin: calc(var(--gas-u) * 6) 0 0 calc(var(--gas-u) * 20);
    font-size: max(16px, var(--gas-u) * 20);
    line-height: max(var(--gas-u) * 32, 1.6em);
    letter-spacing: -0.016em;
  }
}
@media screen and (width < 768px) {
  .gas-faq__aText {
    margin: calc(var(--gas-u) * 6) 0 0 calc(var(--gas-u) * 22);
    font-size: max(16px, var(--gas-u) * 32);
    line-height: calc(var(--gas-u) * 46);
    letter-spacing: -0.02em;
  }
}

.gas-faq__caution {
  margin: 0;
  font-weight: 700;
  line-height: 1;
  color: #dc000c;
}
@media screen and (768px <= width) {
  .gas-faq__caution {
    margin-top: calc(var(--gas-u) * 49);
    font-size: max(16px, var(--gas-u) * 28);
    letter-spacing: 0.088em;
  }
}
@media screen and (width < 768px) {
  .gas-faq__caution {
    margin-top: calc(var(--gas-u) * 73);
    font-size: max(16px, var(--gas-u) * 38);
    letter-spacing: 0.076em;
  }
}

.gas-faq__notes {
  padding: 0;
  margin: 0;
  font-weight: 500;
  list-style: none;
}
@media screen and (768px <= width) {
  .gas-faq__notes {
    margin-top: calc(var(--gas-u) * 20);
    font-size: max(16px, var(--gas-u) * 20);
    line-height: max(var(--gas-u) * 32, 1.6em);
    letter-spacing: -0.017em;
  }
}
@media screen and (width < 768px) {
  .gas-faq__notes {
    margin-top: calc(var(--gas-u) * 40);
    font-size: max(16px, var(--gas-u) * 32);
    width: calc(var(--gas-u) * 686);
    line-height: calc(var(--gas-u) * 46);
    letter-spacing: -0.01em;
  }
}

.gas-faq__notes li {
  position: relative;
}
@media screen and (768px <= width) {
  .gas-faq__notes li {
    padding-left: calc(var(--gas-u) * 20);
  }
}
@media screen and (width < 768px) {
  .gas-faq__notes li {
    text-wrap: pretty;
    padding-left: calc(var(--gas-u) * 30);
  }
}

.gas-faq__notes li::before {
  position: absolute;
  display: block;
  content: "";
  background: #e66633;
  border-radius: 50%;
}
@media screen and (768px <= width) {
  .gas-faq__notes li::before {
    top: calc(var(--gas-u) * 7);
    left: calc(var(--gas-u) * 2);
    width: calc(var(--gas-u) * 17);
    height: calc(var(--gas-u) * 17);
  }
}
@media screen and (width < 768px) {
  .gas-faq__notes li::before {
    top: calc(var(--gas-u) * 10);
    left: calc(var(--gas-u) * 1);
    width: calc(var(--gas-u) * 26);
    height: calc(var(--gas-u) * 26);
  }
}

@media screen and (width < 768px) {
  .gas-faq .gas-heading__line {
    position: relative;
    top: calc(var(--gas-u) * -2);
  }
}

.gas-intro {
  container-type: inline-size;
  font-family: "游ゴシック", "Yu Gothic", yugothic, sans-serif;
  color: #000;
  font-feature-settings: "palt";
}

.gas-intro__inner {
  max-width: 1400px;
  margin: 0 auto;
  --gas-u: min(1px, 100cqw / 1400);
}
@media screen and (768px <= width) {
  .gas-intro__inner {
    padding: calc(var(--gas-u) * 132) calc(var(--gas-u) * 100) 0;
  }
}
@media screen and (width < 768px) {
  .gas-intro__inner {
    --gas-u: calc(min(100cqw, 600px) / 750);
    box-sizing: border-box;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    padding: calc(var(--gas-u) * 191) calc(var(--gas-u) * 35) 0;
  }
}

.gas-intro__band {
  background: #efefef;
  --gas-u: min(1px, 100cqw / 1400);
}
@media screen and (768px <= width) {
  .gas-intro__band {
    padding: calc(var(--gas-u) * 60) 0;
    margin-top: calc(var(--gas-u) * 38.5);
  }
}
@media screen and (width < 768px) {
  .gas-intro__band {
    --gas-u: calc(min(100cqw, 600px) / 750);
    padding: calc(var(--gas-u) * 60) 0 calc(var(--gas-u) * 60.41);
    margin-top: calc(var(--gas-u) * 59);
  }
}

.gas-intro__boxes {
  max-width: 1400px;
  margin: 0 auto;
}
@media screen and (768px <= width) {
  .gas-intro__boxes {
    padding: 0 calc(var(--gas-u) * 100);
  }
}
@media screen and (width < 768px) {
  .gas-intro__boxes {
    padding: 0 calc(var(--gas-u) * 35);
  }
}

.gas-intro__box {
  box-sizing: border-box;
  background: #fff;
}

@media screen and (768px <= width) {
  .gas-intro__box + .gas-intro__box {
    margin-top: calc(var(--gas-u) * 33);
  }
}
@media screen and (width < 768px) {
  .gas-intro__box + .gas-intro__box {
    margin-top: calc(var(--gas-u) * 40);
  }
}

@media screen and (768px <= width) {
  .gas-intro__box--org {
    padding-bottom: calc(var(--gas-u) * 24);
  }
}
@media screen and (width < 768px) {
  .gas-intro__box--org {
    padding-bottom: calc(var(--gas-u) * 60.5);
  }
}

@media screen and (768px <= width) {
  .gas-intro__box--movie {
    padding-bottom: calc(var(--gas-u) * 30);
  }
}
@media screen and (width < 768px) {
  .gas-intro__box--movie {
    padding-bottom: calc(var(--gas-u) * 60.5);
  }
}

.gas-intro__label {
  box-sizing: border-box;
  margin: 0;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.08em;
  background: #dc000c;
}
@media screen and (768px <= width) {
  .gas-intro__label {
    display: inline-block;
    height: calc(var(--gas-u) * 44);
    padding: calc(var(--gas-u) * 11) calc(var(--gas-u) * 24) 0 calc(var(--gas-u) * 30);
    margin: calc(var(--gas-u) * 30) 0 0 calc(var(--gas-u) * 1);
    font-size: max(16px, var(--gas-u) * 22);
    line-height: 1;
    border-radius: 0 calc(var(--gas-u) * 22) calc(var(--gas-u) * 22) 0;
  }
}
@media screen and (width < 768px) {
  .gas-intro__label {
    display: block;
    height: calc(var(--gas-u) * 120);
    padding: calc(var(--gas-u) * 22) 0 calc(var(--gas-u) * 18);
    font-size: max(16px, var(--gas-u) * 32);
    line-height: calc(var(--gas-u) * 40);
    text-align: center;
  }
}

@media screen and (width < 768px) {
  .gas-intro__box--movie .gas-intro__label {
    padding: calc(var(--gas-u) * 20) 0;
  }
}
@media screen and (768px <= width) {
  .gas-intro__box--movie .gas-intro__label {
    letter-spacing: 0.0866em;
  }
}

@media screen and (768px <= width) {
  .gas-intro__body {
    display: grid;
    grid-template-columns: calc(var(--gas-u) * 538) 1fr;
    grid-template-rows: auto 1fr;
    padding: 0 calc(var(--gas-u) * 47);
  }
}
@media screen and (width < 768px) {
  .gas-intro__body {
    padding: 0 calc(var(--gas-u) * 50);
  }
}

.gas-intro__logo {
  display: block;
  margin: 0;
}
@media screen and (768px <= width) {
  .gas-intro__logo {
    grid-row: 1;
    grid-column: 1;
    margin: calc(var(--gas-u) * 65) 0 0 calc(var(--gas-u) * 4);
  }
}
@media screen and (width < 768px) {
  .gas-intro__logo {
    margin-top: calc(var(--gas-u) * 50);
  }
}

.gas-intro__logo img {
  display: block;
  height: auto;
}
@media screen and (768px <= width) {
  .gas-intro__logo img {
    width: calc(var(--gas-u) * 472);
  }
}
@media screen and (width < 768px) {
  .gas-intro__logo img {
    width: calc(var(--gas-u) * 580);
  }
}

.gas-intro__text {
  margin: 0;
  font-weight: 500;
  color: #333;
}
@media screen and (768px <= width) {
  .gas-intro__text {
    grid-row: 1/3;
    grid-column: 2;
    max-width: calc(var(--gas-u) * 570);
    margin-right: calc(var(--gas-u) * -2);
    margin-top: calc(var(--gas-u) * 22);
    font-size: max(16px, var(--gas-u) * 18);
    letter-spacing: 0.027em;
    line-height: max(var(--gas-u) * 26, 1.4444em);
  }
}
@media screen and (width < 768px) {
  .gas-intro__text {
    text-wrap: pretty;
    margin-top: calc(var(--gas-u) * 45);
    font-size: max(16px, var(--gas-u) * 32);
    line-height: calc(var(--gas-u) * 36);
  }
}

.gas-intro__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.08em;
  background: #035da2;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media screen and (768px <= width) {
  .gas-intro__button {
    grid-row: 2;
    grid-column: 1;
    align-self: start;
    width: calc(var(--gas-u) * 480);
    height: calc(var(--gas-u) * 60);
    margin-top: calc(var(--gas-u) * 49);
    padding-left: calc(var(--gas-u) * 16);
    font-size: max(16px, var(--gas-u) * 24);
    letter-spacing: 0.099em;
  }
}
@media screen and (width < 768px) {
  .gas-intro__button {
    width: calc(var(--gas-u) * 580);
    height: calc(var(--gas-u) * 80);
    margin-top: calc(var(--gas-u) * 54);
    font-size: max(16px, var(--gas-u) * 34);
  }
}

.gas-intro__button:hover,
.gas-intro__button:focus-visible {
  background-color: #024f8a;
}

.gas-intro__button:hover::after,
.gas-intro__button:focus-visible::after {
  transform: translate(calc(var(--gas-u) * 4), -50%);
}

.gas-intro__button::after {
  position: absolute;
  top: 50%;
  content: "";
  background: url("../img/icon-granageStar-2.svg") no-repeat center/contain;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(-50%);
}
@media screen and (768px <= width) {
  .gas-intro__button::after {
    right: calc(var(--gas-u) * 14);
    width: calc(var(--gas-u) * 12);
    height: calc(var(--gas-u) * 22);
  }
}
@media screen and (width < 768px) {
  .gas-intro__button::after {
    right: calc(var(--gas-u) * 20);
    width: calc(var(--gas-u) * 18);
    height: calc(var(--gas-u) * 33);
  }
}

.gas-intro__videos {
  display: flex;
}
@media screen and (768px <= width) {
  .gas-intro__videos {
    gap: calc(var(--gas-u) * 30);
    padding: 0 calc(var(--gas-u) * 25);
    margin-top: calc(var(--gas-u) * 20);
  }
}
@media screen and (width < 768px) {
  .gas-intro__videos {
    flex-direction: column;
    padding: 0 calc(var(--gas-u) * 40);
    margin-top: calc(var(--gas-u) * 51);
  }
}

.gas-intro__video {
  flex: 1;
  min-width: 0;
}

@media screen and (width < 768px) {
  .gas-intro__video + .gas-intro__video {
    margin-top: calc(var(--gas-u) * 62);
  }
}

.gas-intro__videoTitle {
  position: relative;
  margin: 0;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (768px <= width) {
  .gas-intro__videoTitle {
    padding-left: calc(var(--gas-u) * 16);
    font-size: max(16px, var(--gas-u) * 22);
    letter-spacing: 0.084em;
    line-height: max(var(--gas-u) * 24, 19.2px);
  }
}
@media screen and (width < 768px) {
  .gas-intro__videoTitle {
    text-wrap: balance;
    padding-left: calc(var(--gas-u) * 17);
    font-size: max(16px, var(--gas-u) * 32);
    line-height: calc(var(--gas-u) * 32);
  }
}

.gas-intro__videoTitle::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #dc000c;
}
@media screen and (768px <= width) {
  .gas-intro__videoTitle::before {
    width: calc(var(--gas-u) * 6);
    height: max(var(--gas-u) * 24, 19.2px);
  }
}
@media screen and (width < 768px) {
  .gas-intro__videoTitle::before {
    width: calc(var(--gas-u) * 8);
    height: calc(var(--gas-u) * 32);
  }
}

.gas-intro .m-widget-youtube {
  max-width: none;
}
@media screen and (768px <= width) {
  .gas-intro .m-widget-youtube {
    margin-top: calc(var(--gas-u) * 10);
  }
}
@media screen and (width < 768px) {
  .gas-intro .m-widget-youtube {
    margin-top: calc(var(--gas-u) * 18.5);
  }
}

.gas-intro .m-widget-youtube lite-youtube {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

@media screen and (any-hover: hover) and (768px <= width) {
  .gas-intro .m-widget-youtube:hover lite-youtube,
  .gas-intro .m-widget-youtube:focus-within lite-youtube {
    transform: translateY(calc(var(--gas-u) * 4));
  }
}

@media screen and (width < 768px) {
  .gas-service__cardText {
    text-wrap: balance;
  }
}