@charset "UTF-8";
/************************************************
    Key Video
*************************************************/
.keyVideo {
  inline-size: 100%;
}

/************************************************
    Key Visual
*************************************************/
@keyframes keyVisual__fade--01 {
  0% {
    opacity: 1;
    pointer-events: auto;
  }
  6.6666666667% {
    opacity: 0;
    pointer-events: none;
  }
  73.3333333333% {
    opacity: 0;
  }
  80% {
    opacity: 1;
    pointer-events: auto;
  }
  100% {
    opacity: 1;
  }
}
@keyframes keyVisual__fade--02 {
  0% {
    opacity: 1;
    pointer-events: auto;
  }
  6.6666666667% {
    opacity: 0;
    pointer-events: none;
  }
  80% {
    opacity: 0;
  }
  86.6666666667% {
    opacity: 1;
    pointer-events: auto;
  }
  100% {
    opacity: 1;
  }
}
@keyframes keyVisual__fade--03 {
  0% {
    opacity: 1;
    pointer-events: auto;
  }
  6.6666666667% {
    opacity: 0;
    pointer-events: none;
  }
  66.6666666667% {
    opacity: 0;
  }
  73.3333333333% {
    opacity: 1;
    pointer-events: auto;
  }
  100% {
    opacity: 1;
  }
}
.keyVisual {
  display: grid;
  background-color: white;
  box-sizing: border-box;
  min-block-size: 100vb;
  padding-block: 1.5em;
  padding-inline: var(--gutter);
}
@supports not (padding-block: 1.5em) {
  .keyVisual {
    padding-block-start: 1.5em;
    padding-block-end: 1.5em;
  }
}
@supports not (padding-inline: var(--gutter)) {
  .keyVisual {
    padding-inline-start: var(--gutter);
    padding-inline-end: var(--gutter);
  }
}
@media (min-width: 48rem) {
  .keyVisual {
    padding-block: 6.25em;
  }
  @supports not (padding-block: 6.25em) {
    .keyVisual {
      padding-block-start: 6.25em;
      padding-block-end: 6.25em;
    }
  }
}
.admin-bar .keyVisual {
  min-block-size: calc(100vb - 32px);
}
@media screen and (max-width: 782px) {
  .admin-bar .keyVisual {
    min-block-size: calc(100vb - 46px);
  }
}
.keyVisual__content {
  font-size: 10vi;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.75;
  text-align: center;
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  align-self: center;
  padding-inline-start: 0.04em;
}
@media (min-width: 48rem) {
  .keyVisual__content {
    font-size: 5.2083333333vi;
  }
}
.keyVisual__content p {
  margin: 0;
}
.keyVisual__herashitePlus {
  font-family: "Keifont";
  font-size: 12vi;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.75;
  text-align: center;
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  align-self: center;
  padding-inline-start: 0.04em;
}
@media (min-width: 48rem) {
  .keyVisual__herashitePlus {
    font-size: 6.25vi;
  }
}
.keyVisual__herashitePlus p {
  margin: 0;
}
.keyVisual__logo {
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  align-self: center;
}
.keyVisual__logo img {
  inline-size: 75vi;
}
@media (min-width: 48rem) {
  .keyVisual__logo img {
    inline-size: 41.6666666667vi;
  }
}
.keyVisual__fade {
  animation-duration: 15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.keyVisual__fade--01 {
  animation-name: keyVisual__fade--01;
}
.keyVisual__fade--02 {
  animation-name: keyVisual__fade--02;
}
.keyVisual__fade--03 {
  animation-name: keyVisual__fade--03;
}
.keyVisual__fade--delay-m14 {
  animation-delay: -14s;
}
.keyVisual__fade--delay-m13 {
  animation-delay: -13s;
}
.keyVisual__fade--delay-m12 {
  animation-delay: -12s;
}
.keyVisual__fade--delay-m11 {
  animation-delay: -11s;
}
.keyVisual__fade--delay-m10 {
  animation-delay: -10s;
}
.keyVisual__fade--delay-m09 {
  animation-delay: -9s;
}
.keyVisual__fade--delay-m08 {
  animation-delay: -8s;
}
.keyVisual__fade--delay-m07 {
  animation-delay: -7s;
}
.keyVisual__fade--delay-m06 {
  animation-delay: -6s;
}
.keyVisual__fade--delay-m05 {
  animation-delay: -5s;
}
.keyVisual__fade--delay-m04 {
  animation-delay: -4s;
}
.keyVisual__fade--delay-m03 {
  animation-delay: -3s;
}
.keyVisual__fade--delay-m02 {
  animation-delay: -2s;
}
.keyVisual__fade--delay-m01 {
  animation-delay: -1s;
}

/************************************************
    へらして＋
*************************************************/
.section-HerashitePlus {
  text-align: center;
}
.section-HerashitePlus__title {
  font-size: 3.75em;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  margin: 0;
}
@media (min-width: 48rem) {
  .section-HerashitePlus__title {
    font-size: 5em;
  }
}
.section-HerashitePlus__2ndTitle {
  font-size: 1.875em;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.75;
  text-align: center;
  padding-inline-start: 0.1em;
  margin-block: 1.0666666667em 0;
}
@supports not (margin-block: 1.0666666667em 0) {
  .section-HerashitePlus__2ndTitle {
    margin-block-start: 1.0666666667em;
    margin-block-end: 0;
  }
}
.section-HerashitePlus__content {
  font-size: 1.25em;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 2;
  text-align: center;
  padding-inline-start: 0.1em;
  margin-block-start: 1em;
}
.section-HerashitePlus__content p {
  margin: 0;
}
.section-HerashitePlus-types {
  text-align: start;
  padding: 0;
  margin-block: 6.25em 1.25em;
  margin-inline: calc(var(--gutter) * -1);
}
@supports not (margin-block: 6.25em 1.25em) {
  .section-HerashitePlus-types {
    margin-block-start: 6.25em;
    margin-block-end: 1.25em;
  }
}
@supports not (margin-inline: calc(var(--gutter) * -1)) {
  .section-HerashitePlus-types {
    margin-inline-start: calc(var(--gutter) * -1);
    margin-inline-end: calc(var(--gutter) * -1);
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-types {
    margin-block: 10em 2.5em;
  }
  @supports not (margin-block: 10em 2.5em) {
    .section-HerashitePlus-types {
      margin-block-start: 10em;
      margin-block-end: 2.5em;
    }
  }
}
.section-HerashitePlus-type {
  padding-inline: var(--gutter);
}
@supports not (padding-inline: var(--gutter)) {
  .section-HerashitePlus-type {
    padding-inline-start: var(--gutter);
    padding-inline-end: var(--gutter);
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type {
    display: grid;
    grid-template-rows: 1fr repeat(3, auto) 1fr;
    grid-column-gap: 5.2083333333vi;
  }
}
.section-HerashitePlus-type + .section-HerashitePlus-type {
  margin-block-start: 6.25em;
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type + .section-HerashitePlus-type {
    margin-block-start: 11.25em;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type:nth-of-type(odd) {
    grid-template-columns: 29fr 16fr;
    justify-items: start;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type:nth-of-type(even) {
    grid-template-columns: 16fr 29fr;
    justify-items: end;
  }
}
.section-HerashitePlus-type__thumbnail {
  display: block;
  margin-inline: calc(var(--gutter) * -1);
}
@supports not (margin-inline: calc(var(--gutter) * -1)) {
  .section-HerashitePlus-type__thumbnail {
    margin-inline-start: calc(var(--gutter) * -1);
    margin-inline-end: calc(var(--gutter) * -1);
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type__thumbnail {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    grid-row: 1 / -1;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type__thumbnail img {
    inline-size: 100%;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type:nth-of-type(odd) .section-HerashitePlus-type__thumbnail {
    grid-column: 1;
    margin-inline-end: 0;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type:nth-of-type(even) .section-HerashitePlus-type__thumbnail {
    grid-column: 2;
    margin-inline-start: 0;
  }
}
.section-HerashitePlus-type-gallery {
  margin-inline: calc(var(--gutter) * -1);
}
@supports not (margin-inline: calc(var(--gutter) * -1)) {
  .section-HerashitePlus-type-gallery {
    margin-inline-start: calc(var(--gutter) * -1);
    margin-inline-end: calc(var(--gutter) * -1);
  }
}
.section-HerashitePlus-type-gallery {
  position: relative;
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type-gallery {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    grid-row: 1 / -1;
  }
}
.section-HerashitePlus-type-gallery.swiper {
  width: 100%;
  min-width: 0;
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type:nth-of-type(odd) .section-HerashitePlus-type-gallery {
    grid-column: 1;
    margin-inline-end: 0;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type:nth-of-type(even) .section-HerashitePlus-type-gallery {
    grid-column: 2;
    margin-inline-start: 0;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type-gallery img {
    inline-size: 100%;
  }
}
.section-HerashitePlus-type-gallery .swiper-pagination {
  text-align: center;
  margin: auto;
  position: absolute;
  inset-block-end: 0.625em;
}
@supports not (inset-block-end: 0.625em) {
  .section-HerashitePlus-type-gallery .swiper-pagination {
    bottom: 0.625em;
  }
}
.section-HerashitePlus-type-gallery .swiper-pagination {
  inset-inline-start: 0;
}
@supports not (inset-inline-start: 0) {
  .section-HerashitePlus-type-gallery .swiper-pagination {
    left: 0;
  }
}
.section-HerashitePlus-type-gallery .swiper-pagination {
  inset-inline-end: 0;
}
@supports not (inset-inline-end: 0) {
  .section-HerashitePlus-type-gallery .swiper-pagination {
    right: 0;
  }
}
.section-HerashitePlus-type-gallery .swiper-pagination {
  z-index: 2;
}
.section-HerashitePlus-type-gallery .swiper-pagination-bullet {
  vertical-align: middle;
  display: inline-block;
  background-color: var(--accent-color-01);
  inline-size: 0.5em;
  block-size: 0.5em;
  border-radius: 50%;
  margin: 0.625em;
  cursor: pointer;
}
.section-HerashitePlus-type-gallery .swiper-pagination-bullet:hover, .section-HerashitePlus-type-gallery .swiper-pagination-bullet-active {
  background-color: var(--theme-color);
}
.section-HerashitePlus-type__title {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.7619047619;
  margin-block: 2em 0;
}
@supports not (margin-block: 2em 0) {
  .section-HerashitePlus-type__title {
    margin-block-start: 2em;
    margin-block-end: 0;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type__title {
    grid-row: 2;
    inline-size: 21.875rem;
    margin-block-start: 0;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type:nth-of-type(odd) .section-HerashitePlus-type__title {
    grid-column: 2;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type:nth-of-type(even) .section-HerashitePlus-type__title {
    grid-column: 1;
  }
}
.section-HerashitePlus-type__title .before {
  font-size: 1.125em;
  display: inline-block;
  border: 1px solid currentColor;
  border-radius: 0.3333333333em;
  padding-inline: 1em;
}
@supports not (padding-inline: 1em) {
  .section-HerashitePlus-type__title .before {
    padding-inline-start: 1em;
    padding-inline-end: 1em;
  }
}
.section-HerashitePlus-type__title .before {
  margin-inline-end: 1em;
}
.section-HerashitePlus-type__title .order {
  font-size: 0.875em;
  letter-spacing: 0.02em;
  display: block;
}
.section-HerashitePlus-type__title .before + .order {
  margin-block-start: 1.2857142857em;
}
.section-HerashitePlus-type__title .text {
  font-size: 1.75em;
  letter-spacing: 0.2em;
  display: block;
  margin-block-start: 1em;
}
.section-HerashitePlus-type__2ndTitle {
  font-size: 1.375em;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.8181818182;
  margin-block: 0.6363636364em 0;
}
@supports not (margin-block: 0.6363636364em 0) {
  .section-HerashitePlus-type__2ndTitle {
    margin-block-start: 0.6363636364em;
    margin-block-end: 0;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type__2ndTitle {
    grid-row: 3;
    inline-size: 21.875rem;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type:nth-of-type(odd) .section-HerashitePlus-type__2ndTitle {
    grid-column: 2;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type:nth-of-type(even) .section-HerashitePlus-type__2ndTitle {
    grid-column: 1;
  }
}
.section-HerashitePlus-type__content {
  font-size: 0.875em;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 2;
  margin-block-start: 2.3571428571em;
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type__content {
    grid-row: 4;
    inline-size: 21.875rem;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type:nth-of-type(odd) .section-HerashitePlus-type__content {
    grid-column: 2;
  }
}
@media (min-width: 48rem) {
  .section-HerashitePlus-type:nth-of-type(even) .section-HerashitePlus-type__content {
    grid-column: 1;
  }
}
.section-HerashitePlus-type__content p {
  margin: 0;
}
.section-HerashitePlus .button {
  margin-block-start: 5em;
}

/************************************************
    イベント情報
*************************************************/
.section-Blog {
  background: no-repeat center / cover;
}
@supports ((background-image: -webkit-image-set(url("../img/section-Blog.webp") 1x, url("../img/section-Blog@2x.webp") 2x, url("../img/section-Blog@3x.webp") 3x)) or (background-image: image-set(url("../img/section-Blog.webp") 1x, url("../img/section-Blog@2x.webp") 2x, url("../img/section-Blog@3x.webp") 3x))) {
  .webp .section-Blog {
    background-image: -webkit-image-set(url("../img/section-Blog.webp") 1x, url("../img/section-Blog@2x.webp") 2x, url("../img/section-Blog@3x.webp") 3x);
    background-image: image-set(url("../img/section-Blog.webp") 1x, url("../img/section-Blog@2x.webp") 2x, url("../img/section-Blog@3x.webp") 3x);
  }
}
@supports ((background-image: -webkit-image-set(url("../img/section-Blog.jpg") 1x, url("../img/section-Blog@2x.jpg") 2x, url("../img/section-Blog@3x.jpg") 3x)) or (background-image: image-set(url("../img/section-Blog.jpg") 1x, url("../img/section-Blog@2x.jpg") 2x, url("../img/section-Blog@3x.jpg") 3x))) {
  .no-webp .section-Blog {
    background-image: -webkit-image-set(url("../img/section-Blog.jpg") 1x, url("../img/section-Blog@2x.jpg") 2x, url("../img/section-Blog@3x.jpg") 3x);
    background-image: image-set(url("../img/section-Blog.jpg") 1x, url("../img/section-Blog@2x.jpg") 2x, url("../img/section-Blog@3x.jpg") 3x);
  }
}
@supports not ((background-image: -webkit-image-set(url("../img/section-Blog.webp") 1x, url("../img/section-Blog@2x.webp") 2x, url("../img/section-Blog@3x.webp") 3x)) or (background-image: image-set(url("../img/section-Blog.webp") 1x, url("../img/section-Blog@2x.webp") 2x, url("../img/section-Blog@3x.webp") 3x))) {
  .section-Blog {
    background-image: url("../img/section-Blog.webp");
  }
  @media screen and (min-resolution: 2dppx) {
    .webp .section-Blog {
      background-image: url("../img/section-Blog@2x.webp");
    }
  }
  @media screen and (min-resolution: 3dppx) {
    .webp .section-Blog {
      background-image: url("../img/section-Blog@3x.webp");
    }
  }
}
@supports not ((background-image: -webkit-image-set(url("../img/section-Blog.jpg") 1x, url("../img/section-Blog@2x.jpg") 2x, url("../img/section-Blog@3x.jpg") 3x)) or (background-image: image-set(url("../img/section-Blog.jpg") 1x, url("../img/section-Blog@2x.jpg") 2x, url("../img/section-Blog@3x.jpg") 3x))) {
  .section-Blog {
    background-image: url("../img/section-Blog.jpg");
  }
  @media screen and (min-resolution: 2dppx) {
    .no-webp .section-Blog {
      background-image: url("../img/section-Blog@2x.jpg");
    }
  }
  @media screen and (min-resolution: 3dppx) {
    .no-webp .section-Blog {
      background-image: url("../img/section-Blog@3x.jpg");
    }
  }
}
_:-ms-lang(x)::-ms-backdrop, .section-Blog {
  background-image: url("../img/section-Blog.jpg");
}
@media screen and (min-resolution: 2dppx) {
  .no-webp _:-ms-lang(x)::-ms-backdrop, .no-webp .section-Blog {
    background-image: url("../img/section-Blog@2x.jpg");
  }
}
@media screen and (min-resolution: 3dppx) {
  .no-webp _:-ms-lang(x)::-ms-backdrop, .no-webp .section-Blog {
    background-image: url("../img/section-Blog@3x.jpg");
  }
}

/************************************************
    こんなお悩みありませんか？
*************************************************/
.section-Support {
  text-align: center;
}
.section-Support .button {
  margin-block-start: 5em;
}
.section-Support-problems {
  counter-reset: number 0;
  display: grid;
  grid-gap: 2.5em;
  max-inline-size: 95em;
  padding: 0;
  margin-block: 3.5625em 0;
  margin-inline: auto;
}
@supports not (margin-block: 3.5625em 0) {
  .section-Support-problems {
    margin-block-start: 3.5625em;
    margin-block-end: 0;
  }
}
@supports not (margin-inline: auto) {
  .section-Support-problems {
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
}
@media (min-width: 48rem) {
  .section-Support-problems {
    grid-template-columns: repeat(6, 1fr);
  }
}
.section-Support-problem {
  counter-increment: number 1;
  text-align: center;
  clip-path: polygon(2.5em 0%, 100% 0, 100% 100%, 0 100%, 0% 2.5em);
  background-color: rgba(238, 241, 242, 0.6);
  padding-block: 1.25em 1.875em;
  padding-inline: 0.9375em;
}
@supports not (padding-block: 1.25em 1.875em) {
  .section-Support-problem {
    padding-block-start: 1.25em;
    padding-block-end: 1.875em;
  }
}
@supports not (padding-inline: 0.9375em) {
  .section-Support-problem {
    padding-inline-start: 0.9375em;
    padding-inline-end: 0.9375em;
  }
}
.section-Support-problem::before {
  content: "+" counter(number);
  font-family: "Rambla", sans-serif;
  font-size: 2.8125em;
  letter-spacing: 0.05em;
  line-height: 1.2222222222;
  display: inline-block;
  padding-inline-start: 0.05em;
  border-block-end: 2px solid currentColor;
}
.section-Support-problem__title {
  font-size: 1em;
  letter-spacing: 0.05em;
  line-height: 1.625;
  padding-inline-start: 0.05em;
  margin-block: 1.25em 0;
}
@supports not (margin-block: 1.25em 0) {
  .section-Support-problem__title {
    margin-block-start: 1.25em;
    margin-block-end: 0;
  }
}
.section-Support-problem__thumbnail {
  display: block;
  margin-block-start: 1.125em;
}
.section-Support-problem .button {
  font-size: 1em;
  display: block;
  min-inline-size: revert;
  padding-block: 0.4375em;
  padding-inline: 1.25em;
}
@supports not (padding-block: 0.4375em) {
  .section-Support-problem .button {
    padding-block-start: 0.4375em;
    padding-block-end: 0.4375em;
  }
}
@supports not (padding-inline: 1.25em) {
  .section-Support-problem .button {
    padding-inline-start: 1.25em;
    padding-inline-end: 1.25em;
  }
}
.section-Support-problem .button {
  margin-block-start: 1.125em;
}
.section-Support-problem .button .arrow {
  inline-size: 0.625em;
  block-size: 0.625em;
  inset-inline-end: 0.625em;
}
@supports not (inset-inline-end: 0.625em) {
  .section-Support-problem .button .arrow {
    right: 0.625em;
  }
}
.section-Support-problem .button:hover .arrow {
  inset-inline-end: 0.4375em;
}
@supports not (inset-inline-end: 0.4375em) {
  .section-Support-problem .button:hover .arrow {
    right: 0.4375em;
  }
}

/************************************************
    TAKASUGIとは
*************************************************/
.section-WhatIs {
  text-align: center;
  background: no-repeat right 18% center / cover;
}
@supports ((background-image: -webkit-image-set(url("../img/section-WhatIs.webp") 1x, url("../img/section-WhatIs@2x.webp") 2x, url("../img/section-WhatIs@3x.webp") 3x)) or (background-image: image-set(url("../img/section-WhatIs.webp") 1x, url("../img/section-WhatIs@2x.webp") 2x, url("../img/section-WhatIs@3x.webp") 3x))) {
  .webp .section-WhatIs {
    background-image: -webkit-image-set(url("../img/section-WhatIs.webp") 1x, url("../img/section-WhatIs@2x.webp") 2x, url("../img/section-WhatIs@3x.webp") 3x);
    background-image: image-set(url("../img/section-WhatIs.webp") 1x, url("../img/section-WhatIs@2x.webp") 2x, url("../img/section-WhatIs@3x.webp") 3x);
  }
}
@supports ((background-image: -webkit-image-set(url("../img/section-WhatIs.jpg") 1x, url("../img/section-WhatIs@2x.jpg") 2x, url("../img/section-WhatIs@3x.jpg") 3x)) or (background-image: image-set(url("../img/section-WhatIs.jpg") 1x, url("../img/section-WhatIs@2x.jpg") 2x, url("../img/section-WhatIs@3x.jpg") 3x))) {
  .no-webp .section-WhatIs {
    background-image: -webkit-image-set(url("../img/section-WhatIs.jpg") 1x, url("../img/section-WhatIs@2x.jpg") 2x, url("../img/section-WhatIs@3x.jpg") 3x);
    background-image: image-set(url("../img/section-WhatIs.jpg") 1x, url("../img/section-WhatIs@2x.jpg") 2x, url("../img/section-WhatIs@3x.jpg") 3x);
  }
}
@supports not ((background-image: -webkit-image-set(url("../img/section-WhatIs.webp") 1x, url("../img/section-WhatIs@2x.webp") 2x, url("../img/section-WhatIs@3x.webp") 3x)) or (background-image: image-set(url("../img/section-WhatIs.webp") 1x, url("../img/section-WhatIs@2x.webp") 2x, url("../img/section-WhatIs@3x.webp") 3x))) {
  .section-WhatIs {
    background-image: url("../img/section-WhatIs.webp");
  }
  @media screen and (min-resolution: 2dppx) {
    .webp .section-WhatIs {
      background-image: url("../img/section-WhatIs@2x.webp");
    }
  }
  @media screen and (min-resolution: 3dppx) {
    .webp .section-WhatIs {
      background-image: url("../img/section-WhatIs@3x.webp");
    }
  }
}
@supports not ((background-image: -webkit-image-set(url("../img/section-WhatIs.jpg") 1x, url("../img/section-WhatIs@2x.jpg") 2x, url("../img/section-WhatIs@3x.jpg") 3x)) or (background-image: image-set(url("../img/section-WhatIs.jpg") 1x, url("../img/section-WhatIs@2x.jpg") 2x, url("../img/section-WhatIs@3x.jpg") 3x))) {
  .section-WhatIs {
    background-image: url("../img/section-WhatIs.jpg");
  }
  @media screen and (min-resolution: 2dppx) {
    .no-webp .section-WhatIs {
      background-image: url("../img/section-WhatIs@2x.jpg");
    }
  }
  @media screen and (min-resolution: 3dppx) {
    .no-webp .section-WhatIs {
      background-image: url("../img/section-WhatIs@3x.jpg");
    }
  }
}
_:-ms-lang(x)::-ms-backdrop, .section-WhatIs {
  background-image: url("../img/section-WhatIs.jpg");
}
@media screen and (min-resolution: 2dppx) {
  .no-webp _:-ms-lang(x)::-ms-backdrop, .no-webp .section-WhatIs {
    background-image: url("../img/section-WhatIs@2x.jpg");
  }
}
@media screen and (min-resolution: 3dppx) {
  .no-webp _:-ms-lang(x)::-ms-backdrop, .no-webp .section-WhatIs {
    background-image: url("../img/section-WhatIs@3x.jpg");
  }
}

.section-WhatIs .content {
  margin-block-start: 3.4444444444em;
}

/************************************************
    About
*************************************************/
@media (min-width: 48rem) {
  .section-About {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto) 1fr;
    padding-block: 7.5em;
  }
  @supports not (padding-block: 7.5em) {
    .section-About {
      padding-block-start: 7.5em;
      padding-block-end: 7.5em;
    }
  }
}
.section-About__thumbnail {
  display: block;
  margin-inline: calc(var(--gutter) * -1);
}
@supports not (margin-inline: calc(var(--gutter) * -1)) {
  .section-About__thumbnail {
    margin-inline-start: calc(var(--gutter) * -1);
    margin-inline-end: calc(var(--gutter) * -1);
  }
}
@media (min-width: 48rem) {
  .section-About__thumbnail {
    grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / -1;
    margin-inline-end: 0;
  }
}
.section-About__title {
  font-size: 1.875em;
  font-weight: 700;
  line-height: 1.5;
  margin-block: 1.6em 0;
}
@supports not (margin-block: 1.6em 0) {
  .section-About__title {
    margin-block-start: 1.6em;
    margin-block-end: 0;
  }
}
@media (min-width: 48rem) {
  .section-About__title {
    grid-column: 2;
    grid-row: 1;
    max-inline-size: 29.875rem;
    margin-inline-start: 2.5rem;
  }
}
.section-About__content {
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.875;
  margin-block-start: 2.5em;
}
@media (min-width: 48rem) {
  .section-About__content {
    grid-column: 2;
    grid-row: 2;
    max-inline-size: 29.875rem;
    margin-inline-start: 2.5rem;
  }
}
.section-About__content p {
  margin: 0;
}
.section-About .button {
  margin-block-start: 2em;
}
@media (min-width: 48rem) {
  .section-About .button {
    grid-column: 2;
    grid-row: 3;
    justify-self: start;
    align-self: start;
    margin-block-start: 5.5555555556em;
    margin-inline-start: 2.5rem;
  }
}/*# sourceMappingURL=../maps/front-page.css.map */