.maryquant {
  --pc-width: 1200;
  --sp-width: 750;
  --pc-artboard-width: 400;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
}
@media (max-width: 767px) {
  .maryquant {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}
@media (min-width: 1400px) {
  .maryquant {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .maryquant {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}
@media (max-width: 767px) {
  .maryquant {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

.maryquant {
  --font-stackfill: "stack-fill", sans-serif;
  --font-stackfill: "stack-fill", sans-serif;
  --font-stackbricks: "stack-bricks", sans-serif;
  --font-stackcourses: "stack-courses", sans-serif;
  --font-stackmortarbricks: "stack-mortarbricks", sans-serif;
  --font-stackmortarcourse: "stack-mortarcourses", sans-serif;
  --font-source-han-sans: "source-han-sans-japanese", sans-serif;
  --font-neue-haas-grotesk-text: "neue-haas-grotesk-text", sans-serif;
  --font-Neue-Haas-Grotesk-d:"neue-haas-grotesk-display", sans-serif;
  --font-weight-light:300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --color-lp-primary: #202436;
  --color-lp-secondary: #7da5e3;
  --color-section-bg: #202436;
  --animation-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --animation-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --animation-ease-modern: cubic-bezier(0.16, 1, 0.3, 1);
  --animation-ease-smooth: cubic-bezier(0.2, 1, 0.3, 1);
  --animation-speed-default: 0.3s;
  --animation-speed-fast: 0.6s;
  --animation-speed-medium: 1s;
  --animation-speed-slow: 1.5s;
  --animation-delay-none: 0s;
  --animation-delay-default: 0.2s;
  --animation-delay-short: 0.1s;
  --animation-delay-medium: 0.45s;
  --animation-delay-long: 1s;
  --fade-up-distance: 80;
}

.maryquant {
  font-feature-settings: "plat";
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: var(--font-weight-medium);
  font-style: normal;
  color: #202436;
  background-color: #daebff;
}
.maryquant img {
  width: 100%;
  height: auto;
  object-fit: contain;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  transition: unset;
}
.maryquant picture {
  display: block;
}
.maryquant button {
  cursor: pointer;
  appearance: none;
}

body:has(.maryquant) .main-inner {
  width: 100%;
}
body:has(.maryquant) .main-area {
  overflow-x: clip;
}
@media (min-width: 768px) {
  .maryquant-main__layout {
    display: grid;
  }
}
@media (min-width: 768px) {
  .maryquant-main__layout--col2 {
    grid-template-columns: 1fr 1fr;
  }
}
.maryquant-main__layout--col3 {
  grid-template-columns: 1fr calc(var(--sp-artboard-width) * var(--formula)) 1fr;
}
@media (min-width: 768px) {
  .maryquant-main__layout--col3 {
    grid-template-columns: 1fr calc(var(--pc-artboard-width) * var(--formula_pc)) 1fr;
  }
}
@media (min-width: 768px) {
  .maryquant-main__layout--col3 .maryquant-main__col--sticky {
    display: block;
    height: 100%;
  }
}
.maryquant-main__col--center {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  padding-bottom: calc(35 * var(--formula));
  background-color: #fff;
}
@media (min-width: 768px) {
  .maryquant-main__col--left {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
  }
}
.maryquant-main__col--left, .maryquant-main__col--right {
  display: none;
}
@media (min-width: 768px) {
  .maryquant-main__col--left, .maryquant-main__col--right {
    display: flex;
  }
}

.maryquant-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
}
@media (min-width: 768px) {
  .maryquant-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }
}

.coatcollection .fade {
  opacity: 0;
  transition: opacity var(--animation-ease-in-out) var(--animation-speed-medium);
}
.coatcollection .fade.is-active {
  opacity: 1;
}
.coatcollection .fade--up {
  opacity: 0;
  transform: translateY(calc(var(--fade-up-distance) * var(--formula)));
  transition: opacity var(--animation-ease-in-out) var(--animation-speed-medium), transform var(--animation-ease-in-out) var(--animation-speed-medium);
}
.coatcollection .fade--up.is-active {
  opacity: 1;
  transform: translateY(0);
}

.maryquant-side-frame {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .maryquant-side-frame__deco {
    pointer-events: none;
    position: absolute;
  }
}
@media (min-width: 768px) {
  .maryquant-side-frame__deco svg {
    width: calc(9.4 * var(--formula_pc));
    height: calc(9.4 * var(--formula_pc));
    fill: #fff;
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--left .maryquant-left-title {
    text-align: center;
    height: fit-content;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--left .maryquant-left-title img {
    width: calc(189 * var(--formula_pc));
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--left .maryquant-side-frame {
    position: relative;
    height: calc(537 * var(--formula_pc));
    max-width: calc(400 * var(--formula_pc));
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--left .maryquant-side-frame__deco {
    position: absolute;
    top: calc(47 * var(--formula));
    left: calc(83 * var(--formula));
    display: block;
    width: fit-content;
    height: fit-content;
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--left .maryquant-side-frame__deco svg {
    width: calc(258 * var(--formula_pc));
    height: calc(474 * var(--formula_pc));
  }
}

@media (min-width: 768px) {
  .maryquant-main__col--right .maryquant-info {
    height: fit-content;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--right .maryquant-info__title {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--right .maryquant-info__title img {
    width: calc(171 * var(--formula_pc));
    height: calc(58 * var(--formula_pc));
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--right .maryquant-info__text {
    margin-top: calc(38 * var(--formula_pc));
    text-align: center;
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--right .maryquant-info__text img {
    width: calc(249 * var(--formula_pc));
    height: calc(117 * var(--formula_pc));
    display: block;
    margin-inline: auto;
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--right .maryquant-info__text p:not(:first-child) {
    margin-top: calc(8 * var(--formula_pc));
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--right .maryquant-info__link {
    display: grid;
    place-items: center;
    width: fit-content;
    margin-inline: auto;
    margin-top: calc(38 * var(--formula_pc));
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--right .maryquant-info__link img {
    width: calc(89 * var(--formula_pc));
    height: calc(14 * var(--formula_pc));
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--right .maryquant-side-frame {
    position: relative;
    height: calc(537 * var(--formula_pc));
    max-width: calc(400 * var(--formula_pc));
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--right .maryquant-side-frame__deco {
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: calc(79 * var(--formula));
    left: calc(126 * var(--formula));
  }
}
@media (min-width: 768px) {
  .maryquant-main__col--right .maryquant-side-frame__deco svg {
    width: calc(264 * var(--formula_pc));
    height: calc(475 * var(--formula_pc));
  }
}

@media (min-width: 768px) {
  .maryquant-main__col-inner {
    display: grid;
    height: 100vh;
    place-items: center;
    position: sticky;
    top: 0;
    left: 0;
  }
}

.maryquant-mv__container {
  position: relative;
}
.maryquant-mv__image {
  position: relative;
}
.maryquant-mv__on-logo {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  text-align: center;
}
.maryquant-mv__on-logo--top {
  top: calc(140 * var(--formula));
}
.maryquant-mv__on-logo--top img {
  width: calc(367 * var(--formula));
  height: calc(133 * var(--formula));
  position: relative;
  left: calc(-3 * var(--formula));
}
.maryquant-mv__on-logo--bottom {
  top: calc(898 * var(--formula));
}
.maryquant-mv__on-logo--bottom img {
  width: calc(407 * var(--formula));
  position: relative;
  left: calc(-2 * var(--formula));
}

.maryquant-intro {
  margin-top: calc(-23 * var(--formula));
  background: #fff;
  position: relative;
}
@media (min-width: 768px) {
  .maryquant-intro {
    display: none;
  }
}
.maryquant-intro::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(-14 * var(--formula));
  width: calc(750 * var(--formula));
  height: calc(36 * var(--formula));
  background-image: url(./../img/mv_frame_bottom.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: calc(750 * var(--formula)) calc(21 * var(--formula));
  pointer-events: none;
}
.maryquant-intro__container {
  padding-block: calc(99 * var(--formula)) calc(132 * var(--formula));
}
.maryquant-intro__title {
  text-align: center;
}
.maryquant-intro__title img {
  width: calc(329 * var(--formula));
}
.maryquant-intro__deco {
  display: flex;
  justify-content: center;
  gap: calc(20 * var(--formula));
  margin-top: calc(60 * var(--formula));
}
.maryquant-intro__deco svg {
  width: calc(20 * var(--formula));
  height: calc(20 * var(--formula));
}
.maryquant-intro__text {
  margin-top: calc(58 * var(--formula));
}
.maryquant-intro__text img {
  width: calc(527 * var(--formula));
  margin-inline: auto;
  display: block;
}

.maryquant-sticky {
  position: sticky;
  top: 0;
  background-color: #fff;
}

.maryquant-item-credit__heading {
  font-size: calc(20 * var(--formula));
  line-height: 1.75;
  letter-spacing: 0.042em;
  font-weight: 600;
  font-family: var(--font-Neue-Haas-Grotesk-d);
  -webkit-font-smoothing: auto;
}
.maryquant-item-credit__heading:not(:first-child) {
  margin-top: calc(20 * var(--formula));
}
.maryquant-item-credit__item {
  display: inline-block;
  font-size: calc(21 * var(--formula));
  line-height: 1.5714285714;
  letter-spacing: 0em;
  font-weight: 500;
  font-family: var(--font-Neue-Haas-Grotesk-d);
  -webkit-font-smoothing: auto;
}
.maryquant-gallery {
  background-color: #fff;
}
@media (min-width: 768px) {
  .maryquant-gallery::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(-14 * var(--formula_pc));
    width: calc(400 * var(--formula_pc));
    height: calc(15 * var(--formula_pc));
    background-image: url(./../img/mv_frame_bottom_pc.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: calc(400 * var(--formula_pc)) calc(15 * var(--formula_pc));
    pointer-events: none;
    z-index: 1;
  }
}
.maryquant-gallery__header {
  position: sticky;
  top: calc(17 * var(--formula));
  left: 0;
  padding-inline: calc(21 * var(--formula));
  z-index: 3;
  pointer-events: none;
  padding: calc(17 * var(--formula)) calc(21 * var(--formula));
}
.maryquant-gallery__header svg {
  width: calc(327 * var(--formula));
  height: calc(k46 * var(--formula));
  transition: fill ease 0.4s;
  fill: #fff;
}
.maryquant-gallery__header.on svg {
  fill: var(--color-lp-primary);
}
.maryquant-gallery__title img {
  width: calc(327 * var(--formula));
  height: auto;
}
.maryquant-gallery__contents {
  margin-top: calc(-80 * var(--formula));
  position: relative;
}
.maryquant-gallery-image__container {
  position: relative;
  background-color: #fff;
}
.maryquant-gallery-image__deco {
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.maryquant-gallery-image__main {
  position: relative;
}
.maryquant-gallery-image__main a {
  display: block;
}
.maryquant-gallery-image__main img {
  width: 100%;
  height: auto;
}
.maryquant-gallery-image__main-inner {
  padding-inline: calc(30 * var(--formula));
}
.maryquant-gallery-image__name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(10 * var(--formula));
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.maryquant-gallery-image__name-group svg {
  width: calc(167 * var(--formula));
  height: calc(16 * var(--formula));
  position: relative;
  left: calc(0 * var(--formula));
}
.maryquant-gallery-image__sub-title {
  position: absolute;
  z-index: 1;
  top: 50%;
  font-size: calc(16 * var(--formula));
  line-height: 1.8125;
  letter-spacing: 0.002em;
  font-family: var(--font-stackfill);
  font-weight: 300;
  color: #fff;
}
.maryquant-gallery-image__sub-title--left {
  transform: rotate(-90deg);
  left: calc(20 * var(--formula));
}
.maryquant-gallery-image__sub-title--right {
  transform: translateY(-50%);
  right: calc(20 * var(--formula));
  top: 50%;
}
.maryquant-gallery-image__sub-title--right img {
  width: calc(15 * var(--formula));
  height: calc(269 * var(--formula));
}
.maryquant-gallery-image__sub-title--top-left {
  top: calc(12 * var(--formula));
  left: calc(18 * var(--formula));
  width: fit-content;
}
.maryquant-gallery-image__sub-title--top-right {
  top: calc(12 * var(--formula));
  right: calc(17 * var(--formula));
  width: fit-content;
}
.maryquant-gallery-image__overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity var(--animation-ease-modern) var(--animation-delay-medium), z-index var(--animation-ease-modern) var(--animation-delay-medium);
}
.maryquant-gallery-image__overlay-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.maryquant-gallery-image__overlay .maryquant-item-credit {
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 2;
}
.maryquant-gallery-image__overlay .maryquant-item-credit:not(:first-child) {
  margin-top: calc(20 * var(--formula));
}
.maryquant-gallery-image__overlay:has(.maryquant-item-credit--bottom) {
  place-items: end center;
}
.maryquant-gallery-image.is-active .maryquant-gallery-image__overlay {
  opacity: 1;
  z-index: 3;
}
.maryquant-gallery-image.is-active .js-hover__target {
  position: relative;
}
.maryquant-gallery-image.is-active .js-hover__target:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
  background: #666;
  z-index: 3;
}

.maryquant-gallery-image--01 {
  position: relative;
}
.maryquant-gallery-image--01::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(-13 * var(--formula));
  width: calc(750 * var(--formula));
  height: calc(16 * var(--formula));
  background-image: url(./../img/img_01-frame_top.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: calc(750 * var(--formula)) calc(15 * var(--formula));
  pointer-events: none;
}
.maryquant-gallery-image--01 .maryquant-gallery-image__container {
  background-color: var(--color-lp-primary);
  position: static;
  margin-top: calc(-2 * var(--formula));
}
.maryquant-gallery-image--01 .maryquant-gallery-image__main {
  padding: calc(105 * var(--formula)) 0 calc(126 * var(--formula));
  margin-inline: auto;
  position: static;
}
.maryquant-gallery-image--01 .maryquant-gallery-image__main img {
  width: calc(590 * var(--formula));
  display: block;
  margin-inline: auto;
}
.maryquant-gallery-image--01 .maryquant-gallery-image__sub-title--top-left {
  top: calc(20 * var(--formula));
  left: calc(21 * var(--formula));
}
.maryquant-gallery-image--01 .maryquant-gallery-image__sub-title--top-left img {
  width: calc(204 * var(--formula));
}
.maryquant-gallery-image--01 .maryquant-gallery-image__sub-title--top-right {
  top: calc(21 * var(--formula));
  right: calc(22 * var(--formula));
}
.maryquant-gallery-image--01 .maryquant-gallery-image__sub-title--top-right img {
  width: calc(211 * var(--formula));
}
.maryquant-gallery-image--01 .maryquant-gallery-image__sub-title--left {
  left: calc(23 * var(--formula));
  transform: translateY(-50%);
  top: 49.4%;
}
.maryquant-gallery-image--01 .maryquant-gallery-image__sub-title--left img {
  width: calc(12 * var(--formula));
  height: calc(244 * var(--formula));
}
.maryquant-gallery-image--01 .maryquant-gallery-image__sub-title--right {
  right: calc(20 * var(--formula));
  transform: translateY(-50%);
  top: 49.4%;
}
.maryquant-gallery-image--01 .maryquant-gallery-image__sub-title--right img {
  width: calc(12 * var(--formula));
  height: calc(253 * var(--formula));
}
.maryquant-gallery-image--01 .maryquant-gallery-image__deco--01 {
  top: calc(111 * var(--formula));
  right: calc(84 * var(--formula));
}
.maryquant-gallery-image--01 .maryquant-gallery-image__deco--01 svg {
  width: calc(111 * var(--formula));
  height: calc(103 * var(--formula));
}
.maryquant-gallery-image--01 .maryquant-gallery-image__deco--02 {
  bottom: calc(172 * var(--formula));
  left: calc(37 * var(--formula));
}
.maryquant-gallery-image--01 .maryquant-gallery-image__deco--02 svg {
  width: calc(60 * var(--formula));
  height: calc(65 * var(--formula));
}
.maryquant-gallery-image--01 .maryquant-gallery-image__deco--03 {
  bottom: calc(70 * var(--formula));
  left: calc(184 * var(--formula));
}
.maryquant-gallery-image--01 .maryquant-gallery-image__deco--03 svg {
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
}

.maryquant-gallery-image--02 .maryquant-gallery-image__deco {
  bottom: calc(121 * var(--formula));
  left: calc(157 * var(--formula));
}
.maryquant-gallery-image--02 .maryquant-gallery-image__deco svg {
  width: calc(71 * var(--formula));
  height: calc(123 * var(--formula));
}
.maryquant-gallery-image--02 .maryquant-gallery-image__sub-title--right {
  right: calc(20 * var(--formula));
  transform: translateY(-50%);
  top: 50.3%;
}
.maryquant-gallery-image--02 .maryquant-gallery-image__sub-title--right img {
  width: calc(14 * var(--formula));
}
.maryquant-gallery-image--02 .maryquant-gallery-image__sub-title--left {
  transform: translateY(-50%);
  left: calc(20 * var(--formula));
  top: 50.5%;
}
.maryquant-gallery-image--02 .maryquant-gallery-image__sub-title--left img {
  width: calc(15 * var(--formula));
}

.maryquant-gallery-image--03 .maryquant-gallery-image__container {
  background-color: var(--color-lp-primary);
}
.maryquant-gallery-image--03 .maryquant-gallery-image__main {
  padding: calc(63 * var(--formula)) calc(60 * var(--formula)) calc(75 * var(--formula));
}
.maryquant-gallery-image--03 .maryquant-gallery-image__deco {
  top: calc(95 * var(--formula));
  right: calc(101 * var(--formula));
}
.maryquant-gallery-image--03 .maryquant-gallery-image__deco svg {
  width: calc(61 * var(--formula));
  height: calc(73 * var(--formula));
}
.maryquant-gallery-image--03 .maryquant-gallery-image__overlay {
  top: calc(63 * var(--formula));
  right: calc(60 * var(--formula));
  bottom: calc(75 * var(--formula));
  left: calc(60 * var(--formula));
  width: auto;
  height: auto;
}
.maryquant-gallery-image--03 .maryquant-gallery-image__sub-title--left {
  left: calc(20 * var(--formula));
  transform: translateY(-50%);
  top: 50.8%;
}
.maryquant-gallery-image--03 .maryquant-gallery-image__sub-title--left img {
  width: calc(15 * var(--formula));
}
.maryquant-gallery-image--03 .maryquant-gallery-image__sub-title--right {
  right: calc(20 * var(--formula));
  transform: translateY(-50%);
  top: 50.8%;
}
.maryquant-gallery-image--03 .maryquant-gallery-image__sub-title--right img {
  width: calc(14.6 * var(--formula));
}
.maryquant-gallery-image--03.is-active .js-hover__target:before {
  top: calc(63 * var(--formula));
  right: calc(60 * var(--formula));
  bottom: calc(75 * var(--formula));
  left: calc(60 * var(--formula));
  width: auto;
  height: auto;
}

.maryquant-gallery-image--04 {
  z-index: 1;
  position: relative;
  margin-top: calc(14 * var(--formula));
}
.maryquant-gallery-image--04::after {
  content: "";
  position: absolute;
  left: 0;
  top: calc(-10 * var(--formula));
  width: calc(750 * var(--formula));
  height: calc(11 * var(--formula));
  background-image: url(./../img/img_04-frame.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: calc(750 * var(--formula)) calc(11 * var(--formula));
  pointer-events: none;
}
.maryquant-gallery-image--04 .maryquant-gallery-image__main {
  padding: calc(122 * var(--formula)) calc(80 * var(--formula)) calc(113 * var(--formula));
}
.maryquant-gallery-image--04 .maryquant-gallery-image__sub-title {
  color: var(--color-lp-secondary);
}
.maryquant-gallery-image--04 .maryquant-gallery-image__deco--01 {
  top: calc(131 * var(--formula));
  right: calc(72 * var(--formula));
}
.maryquant-gallery-image--04 .maryquant-gallery-image__deco--01 svg {
  width: calc(117 * var(--formula));
  height: calc(70 * var(--formula));
}
.maryquant-gallery-image--04 .maryquant-gallery-image__deco--02 {
  top: calc(317 * var(--formula));
  right: calc(128 * var(--formula));
}
.maryquant-gallery-image--04 .maryquant-gallery-image__deco--02 svg {
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
}
.maryquant-gallery-image--04 .maryquant-gallery-image__deco--03 {
  bottom: calc(155 * var(--formula));
  left: calc(37 * var(--formula));
}
.maryquant-gallery-image--04 .maryquant-gallery-image__deco--03 svg {
  width: calc(60 * var(--formula));
  height: calc(65 * var(--formula));
}
.maryquant-gallery-image--04 .maryquant-gallery-image__deco--04 {
  bottom: calc(52 * var(--formula));
  left: calc(185 * var(--formula));
}
.maryquant-gallery-image--04 .maryquant-gallery-image__deco--04 svg {
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
}
.maryquant-gallery-image--04 .maryquant-gallery-image__sub-title--left {
  left: calc(23 * var(--formula));
  transform: translateY(-50%);
  top: 50.5%;
}
.maryquant-gallery-image--04 .maryquant-gallery-image__sub-title--left img {
  width: calc(12 * var(--formula));
  height: calc(244 * var(--formula));
}
.maryquant-gallery-image--04 .maryquant-gallery-image__sub-title--right {
  right: calc(22 * var(--formula));
  transform: translateY(-50%);
  top: 50.3%;
}
.maryquant-gallery-image--04 .maryquant-gallery-image__sub-title--right img {
  width: calc(12 * var(--formula));
  height: calc(253 * var(--formula));
}
.maryquant-gallery-image--04 .maryquant-gallery-image__sub-title--top-right {
  top: calc(25 * var(--formula));
  right: calc(21 * var(--formula));
}
.maryquant-gallery-image--04 .maryquant-gallery-image__sub-title--top-right img {
  width: calc(162 * var(--formula));
}
.maryquant-gallery-image--04 .maryquant-gallery-image__sub-title--top-left {
  top: calc(25 * var(--formula));
  left: calc(21 * var(--formula));
}
.maryquant-gallery-image--04 .maryquant-gallery-image__sub-title--top-left img {
  width: calc(145 * var(--formula));
}

.maryquant-gallery-image--05 .maryquant-gallery-image__sub-title--left {
  left: calc(20 * var(--formula));
  transform: translateY(-50%);
  top: 50%;
}
.maryquant-gallery-image--05 .maryquant-gallery-image__sub-title--left img {
  width: calc(15 * var(--formula));
}
.maryquant-gallery-image--05 .maryquant-gallery-image__sub-title--right {
  right: calc(20 * var(--formula));
  transform: translateY(-50%);
  top: 50%;
}
.maryquant-gallery-image--05 .maryquant-gallery-image__sub-title--right img {
  width: calc(14 * var(--formula));
}

.maryquant-gallery-image--06 .maryquant-gallery-image__main {
  padding: calc(65 * var(--formula)) calc(60 * var(--formula));
}
.maryquant-gallery-image--06 .maryquant-gallery-image__deco--01 {
  top: calc(139 * var(--formula));
  left: calc(141 * var(--formula));
}
.maryquant-gallery-image--06 .maryquant-gallery-image__deco--01 svg {
  width: calc(41 * var(--formula));
  height: calc(35 * var(--formula));
}
.maryquant-gallery-image--06 .maryquant-gallery-image__deco--02 {
  top: calc(221 * var(--formula));
  left: calc(357 * var(--formula));
}
.maryquant-gallery-image--06 .maryquant-gallery-image__deco--02 svg {
  width: calc(31 * var(--formula));
  height: calc(32 * var(--formula));
}
.maryquant-gallery-image--06 .maryquant-gallery-image__deco--03 {
  top: calc(710 * var(--formula));
  right: calc(111 * var(--formula));
}
.maryquant-gallery-image--06 .maryquant-gallery-image__deco--03 svg {
  width: calc(72 * var(--formula));
  height: calc(50 * var(--formula));
}
.maryquant-gallery-image--06 .maryquant-gallery-image__overlay {
  top: calc(65 * var(--formula));
  right: calc(60 * var(--formula));
  bottom: calc(65 * var(--formula));
  left: calc(60 * var(--formula));
  width: auto;
  height: auto;
}
.maryquant-gallery-image--06 .maryquant-gallery-image__sub-title {
  color: var(--color-lp-secondary);
}
.maryquant-gallery-image--06 .maryquant-gallery-image__sub-title--left {
  left: calc(20 * var(--formula));
  transform: translateY(-50%);
  top: 50%;
}
.maryquant-gallery-image--06 .maryquant-gallery-image__sub-title--left img {
  width: calc(15 * var(--formula));
}
.maryquant-gallery-image--06 .maryquant-gallery-image__sub-title--right {
  right: calc(20 * var(--formula));
  transform: translateY(-50%);
  top: 50%;
}
.maryquant-gallery-image--06 .maryquant-gallery-image__sub-title--right img {
  width: calc(14 * var(--formula));
}
.maryquant-gallery-image--06.is-active .js-hover__target:before {
  top: calc(65 * var(--formula));
  right: calc(60 * var(--formula));
  bottom: calc(65 * var(--formula));
  left: calc(60 * var(--formula));
  width: auto;
  height: auto;
}

.maryquant-gallery-image--07 .maryquant-gallery-image__main {
  padding: calc(33 * var(--formula)) calc(22 * var(--formula)) calc(33 * var(--formula));
}
.maryquant-gallery-image--07 .maryquant-gallery-image__deco svg {
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
}
.maryquant-gallery-image--07 .maryquant-gallery-image__deco--01 {
  top: calc(118 * var(--formula));
  left: calc(88 * var(--formula));
}
.maryquant-gallery-image--07 .maryquant-gallery-image__deco--02 {
  top: calc(75 * var(--formula));
  left: calc(195 * var(--formula));
}
.maryquant-gallery-image--07 .maryquant-gallery-image__deco--03 {
  top: calc(104 * var(--formula));
  left: calc(274 * var(--formula));
}
.maryquant-gallery-image--07 .maryquant-gallery-image__deco--04 {
  top: calc(71 * var(--formula));
  left: calc(461 * var(--formula));
}
.maryquant-gallery-image--07 .maryquant-gallery-image__deco--05 {
  top: calc(82 * var(--formula));
  left: calc(610 * var(--formula));
}
.maryquant-gallery-image--07 .maryquant-gallery-image__deco--06 {
  top: calc(219 * var(--formula));
  left: calc(60 * var(--formula));
}
.maryquant-gallery-image--07 .maryquant-gallery-image__deco--07 {
  top: calc(279 * var(--formula));
  left: calc(178 * var(--formula));
}
.maryquant-gallery-image--07 .maryquant-gallery-image__deco--08 {
  top: calc(252 * var(--formula));
  right: calc(200 * var(--formula));
}
.maryquant-gallery-image--07 .maryquant-gallery-image__deco--09 {
  top: calc(222 * var(--formula));
  right: calc(63 * var(--formula));
}
.maryquant-gallery-image--07 .maryquant-gallery-image__deco--10 {
  top: calc(361 * var(--formula));
  left: calc(90 * var(--formula));
}
.maryquant-gallery-image--07 .maryquant-gallery-image__deco--11 {
  top: calc(359 * var(--formula));
  left: calc(596 * var(--formula));
}
.maryquant-gallery-image--07 .maryquant-gallery-image__deco--12 {
  top: calc(398 * var(--formula));
  right: calc(62 * var(--formula));
}
.maryquant-gallery-image--07 .maryquant-gallery-image__sub-title {
  width: calc(429 * var(--formula));
  top: calc(154 * var(--formula));
  left: calc(161 * var(--formula));
}

.maryquant-gallery--solo {
  overflow-x: clip;
}

.maryquant-gallery-slider {
  background-color: #fff;
}
.maryquant-gallery-slider .maryquant-gallery-slider__slide .maryquant-gallery-image__inner {
  padding-inline: calc(85 * var(--formula));
  padding-block: calc(110 * var(--formula)) calc(70 * var(--formula));
  margin-inline: auto;
}
.maryquant-gallery-slider .maryquant-gallery-slider__slide .maryquant-gallery-image__inner .maryquant-gallery-slider__pagenation {
  top: calc(5 * var(--formula));
  right: calc(4 * var(--formula));
}
.maryquant-gallery-slider .maryquant-gallery-slider__slide:has(.maryquant-gallery-image__inner) {
  display: grid;
  place-items: center;
}
.maryquant-gallery-slider .maryquant-gallery-slider__slide:has(.maryquant-gallery-image__inner) .maryquant-gallery-image__overlay {
  align-items: center;
  justify-content: flex-end;
  padding-bottom: calc(58 * var(--formula));
  box-sizing: border-box;
}
.maryquant-gallery-slider .maryquant-gallery-slider__slide:has(.maryquant-gallery-image__inner) .maryquant-gallery-image {
  height: 100%;
}
.maryquant-gallery-slider .maryquant-gallery-slider__slide:has(.maryquant-gallery-image__inner) .maryquant-gallery-image__container {
  height: 100%;
}
.maryquant-gallery-slider .maryquant-gallery-slider__slide:has(.maryquant-gallery-image__inner) .maryquant-gallery-image__inner {
  height: 100%;
  box-sizing: border-box;
}
.maryquant-gallery-slider__pagenation {
  position: absolute;
  z-index: 5;
  right: calc(10 * var(--formula));
  top: calc(15 * var(--formula));
}
.maryquant-gallery-slider__pagenation-list {
  display: flex;
}
.maryquant-gallery-slider__pagenation-item {
  flex: 0 0 auto;
}
.maryquant-gallery-slider__pagenation-item.is-active .maryquant-gallery-slider__pagenation-button::after {
  background-color: #fff;
}
.maryquant-gallery-slider__pagenation-button {
  width: calc(15 * var(--formula));
  height: calc(15 * var(--formula));
  display: grid;
  place-items: center;
  padding: 0;
}
.maryquant-gallery-slider__pagenation-button::after {
  content: "";
  display: block;
  width: calc(8 * var(--formula));
  height: calc(8 * var(--formula));
  border: max(1 * var(--formula), 1px) solid #fff;
  border-radius: 50%;
}

.maryquant-gallery-slider--01 .maryquant-gallery-image__name-main img {
  width: calc(64 * var(--formula));
  height: calc(15 * var(--formula));
}

.maryquant-gallery-slider--02 .maryquant-gallery-slider__slide .maryquant-gallery-image__inner {
  padding-top: calc(110 * var(--formula));
}
.maryquant-gallery-slider--02 .maryquant-gallery-image__name-main img {
  width: calc(81 * var(--formula));
  height: calc(15 * var(--formula));
}

.maryquant-gallery-slider--03 .maryquant-gallery-image__container {
  background-color: var(--color-lp-primary);
}
.maryquant-gallery-slider--03 .maryquant-gallery-image__name-main {
  color: #fff;
}
.maryquant-gallery-slider--03 .maryquant-gallery-image__name-group svg {
  fill: #fff;
}
.maryquant-gallery-slider--03 .maryquant-gallery-image__deco--01 {
  top: calc(187 * var(--formula));
  left: calc(69 * var(--formula));
}
.maryquant-gallery-slider--03 .maryquant-gallery-image__deco--01 svg {
  width: calc(49 * var(--formula));
  height: calc(110 * var(--formula));
}
.maryquant-gallery-slider--03 .maryquant-gallery-image__deco--02 {
  top: calc(300 * var(--formula));
  right: calc(66 * var(--formula));
}
.maryquant-gallery-slider--03 .maryquant-gallery-image__deco--02 svg {
  width: calc(43 * var(--formula));
  height: calc(31 * var(--formula));
}
.maryquant-gallery-slider--03 .maryquant-gallery-image__name-main img {
  width: calc(83 * var(--formula));
  height: calc(15 * var(--formula));
}

.maryquant-gallery-slider--04 .maryquant-gallery-image__container {
  background-color: var(--color-lp-primary);
}
.maryquant-gallery-slider--04 .maryquant-gallery-image__name-group svg {
  fill: #fff;
}
.maryquant-gallery-slider--04 .maryquant-gallery-image__name-main {
  color: #fff;
}
.maryquant-gallery-slider--04 .maryquant-gallery-image__deco--01 {
  top: calc(143 * var(--formula));
  right: calc(118 * var(--formula));
}
.maryquant-gallery-slider--04 .maryquant-gallery-image__deco--01 svg {
  width: calc(94 * var(--formula));
  height: calc(47 * var(--formula));
}
.maryquant-gallery-slider--04 .maryquant-gallery-image__deco--02 {
  top: calc(487 * var(--formula));
  left: calc(73 * var(--formula));
}
.maryquant-gallery-slider--04 .maryquant-gallery-image__deco--02 svg {
  width: calc(94 * var(--formula));
  height: calc(56 * var(--formula));
}
.maryquant-gallery-slider--04 .maryquant-gallery-image__name-main img {
  width: calc(66 * var(--formula));
  height: calc(15 * var(--formula));
}

.maryquant-gallery-slider--05 .maryquant-gallery-slider__slide .maryquant-gallery-image__inner {
  padding: calc(114 * var(--formula)) calc(169 * var(--formula)) calc(49 * var(--formula)) 0;
}
.maryquant-gallery-slider--05 .maryquant-gallery-slider__track {
  overflow: unset;
}
.maryquant-gallery-slider--05 .maryquant-gallery-image__name {
  padding-left: calc(23 * var(--formula));
}
.maryquant-gallery-slider--05 .maryquant-gallery-image__deco--01 {
  top: calc(73 * var(--formula));
  right: calc(102 * var(--formula));
}
.maryquant-gallery-slider--05 .maryquant-gallery-image__deco--01 svg {
  width: calc(42 * var(--formula));
  height: calc(49 * var(--formula));
}
.maryquant-gallery-slider--05 .maryquant-gallery-image__deco--02 {
  top: calc(351 * var(--formula));
  left: calc(69 * var(--formula));
}
.maryquant-gallery-slider--05 .maryquant-gallery-image__deco--02 svg {
  width: calc(47 * var(--formula));
  height: calc(45 * var(--formula));
}
.maryquant-gallery-slider--05 .maryquant-gallery-image__deco--03 {
  bottom: calc(-60 * var(--formula));
  right: calc(-94 * var(--formula));
  transform: rotate(-11deg);
}
.maryquant-gallery-slider--05 .maryquant-gallery-image__deco--03 svg {
  width: calc(62 * var(--formula));
  height: calc(62 * var(--formula));
}
.maryquant-gallery-slider--05 .maryquant-gallery-image__name-main {
  position: relative;
  right: calc(-12 * var(--formula));
}
.maryquant-gallery-slider--05 .maryquant-gallery-image__name-main img {
  width: calc(60 * var(--formula));
  height: calc(15 * var(--formula));
}

.maryquant-gallery-slider--06 .maryquant-gallery-slider__track {
  overflow: unset;
}
.maryquant-gallery-slider--06 .maryquant-gallery-slider__slide .maryquant-gallery-image__inner {
  padding-top: calc(85 * var(--formula));
}
.maryquant-gallery-slider--06 .maryquant-gallery-image__deco--01 {
  top: calc(-93 * var(--formula));
  right: calc(-45 * var(--formula));
  transform: rotate(24deg);
}
.maryquant-gallery-slider--06 .maryquant-gallery-image__deco--01 svg {
  width: calc(49 * var(--formula));
  height: calc(49 * var(--formula));
}
.maryquant-gallery-slider--06 .maryquant-gallery-image__name-main img {
  width: calc(48 * var(--formula));
  height: calc(15 * var(--formula));
}

.maryquant-gallery-slider--07 .maryquant-gallery-image__deco--01 {
  top: calc(223 * var(--formula));
  left: calc(68 * var(--formula));
}
.maryquant-gallery-slider--07 .maryquant-gallery-image__deco--01 svg {
  width: calc(52 * var(--formula));
  height: calc(102 * var(--formula));
}
.maryquant-gallery-slider--07 .maryquant-gallery-image__deco--02 {
  top: calc(120 * var(--formula));
  right: calc(52 * var(--formula));
}
.maryquant-gallery-slider--07 .maryquant-gallery-image__deco--02 svg {
  width: calc(51 * var(--formula));
  height: calc(103 * var(--formula));
}
.maryquant-gallery-slider--07 .maryquant-gallery-image__name-main img {
  width: calc(60 * var(--formula));
  height: calc(15 * var(--formula));
}

.maryquant-gallery-slider--08 .maryquant-gallery-slider__slide .maryquant-gallery-image__inner {
  padding: calc(110 * var(--formula)) calc(82 * var(--formula));
}
.maryquant-gallery-slider--08 .maryquant-gallery-image__deco--01 {
  top: calc(119 * var(--formula));
  right: calc(54 * var(--formula));
}
.maryquant-gallery-slider--08 .maryquant-gallery-image__deco--01 svg {
  width: calc(52 * var(--formula));
  height: calc(103 * var(--formula));
}
.maryquant-gallery-slider--08 .maryquant-gallery-image__deco--02 {
  top: calc(250 * var(--formula));
  left: calc(75 * var(--formula));
}
.maryquant-gallery-slider--08 .maryquant-gallery-image__deco--02 svg {
  width: calc(47 * var(--formula));
  height: calc(45 * var(--formula));
}
.maryquant-gallery-slider--08 .maryquant-gallery-image__name-main img {
  width: calc(60 * var(--formula));
  height: calc(15 * var(--formula));
}

.maryquant-staff-credit {
  color: var(--color-lp-secondary);
  font-family: var(--font-Neue-Haas-Grotesk-d);
  padding-top: calc(65 * var(--formula));
  padding-bottom: calc(57 * var(--formula));
  background: #fff;
  position: relative;
  z-index: 1;
  margin-top: calc(-1 * var(--formula));
}
.maryquant-staff-credit__container {
  padding-inline: calc(43 * var(--formula));
  position: relative;
}
.maryquant-staff-credit__title img {
  width: calc(66 * var(--formula));
}
.maryquant-staff-credit__body {
  margin-top: calc(18 * var(--formula));
}
.maryquant-staff-credit__body img {
  width: calc(431 * var(--formula));
}
.maryquant-staff-credit__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(21 * var(--formula));
}
.maryquant-staff-credit__label {
  flex: 0 0 calc(122 * var(--formula));
  font-weight: 700;
  font-size: calc(16 * var(--formula));
  line-height: 1.5625;
  letter-spacing: -0.002em;
  position: relative;
  top: calc(-3 * var(--formula));
}
.maryquant-staff-credit__contents {
  flex: 0 0 calc(100% - 122 * var(--formula));
  font-size: calc(18 * var(--formula));
  line-height: 1.6111111111;
  letter-spacing: -0.125em;
  font-weight: 700;
  margin-top: calc(-6 * var(--formula));
  font-family: var(--font-stackfill);
}
.maryquant-staff-credit__contents p {
  display: flex;
  align-items: center;
}
.maryquant-staff-credit__badge {
  font-weight: 600;
  font-size: calc(12 * var(--formula));
  line-height: 2.0833333333;
  letter-spacing: 0.033em;
  text-align: center;
  display: block;
  width: fit-content;
  margin-left: calc(-1 * var(--formula));
  top: calc(3 * var(--formula));
  position: relative;
}
.maryquant-staff-credit__badge img {
  width: calc(115 * var(--formula));
  margin-left: calc(5 * var(--formula));
}
.maryquant-staff-credit__badge.signo {
  margin-left: calc(8 * var(--formula));
  top: calc(-3 * var(--formula));
}
.maryquant-staff-credit__badge.signo img {
  width: calc(52 * var(--formula));
}
.maryquant-staff-credit__badge.bitboot {
  margin-left: calc(3 * var(--formula));
  top: calc(-2 * var(--formula));
}
.maryquant-staff-credit__badge.bitboot img {
  width: calc(66 * var(--formula));
}
.maryquant-staff-credit__badge.soowooart {
  margin-left: calc(-3 * var(--formula));
  top: calc(2 * var(--formula));
  position: relative;
}
.maryquant-staff-credit__badge.soowooart img {
  width: calc(72 * var(--formula));
}
.maryquant-staff-credit .maryquant-button {
  text-align: center;
  width: calc(143 * var(--formula));
  height: calc(138 * var(--formula));
  display: grid;
  place-items: center;
  right: calc(30 * var(--formula));
  bottom: calc(-5 * var(--formula));
  position: absolute;
}

.maryquant .fade--up {
  opacity: 0;
  transition: transform 1.5s ease-in, opacity 1.5s ease-in;
  transform: translateY(calc(40 * var(--formula)));
}
.maryquant .fade--up.is-active {
  opacity: 1;
  transform: translateY(0);
}/*# sourceMappingURL=style.css.map */