@charset "UTF-8";
main {
  line-height: 1;
}
main * {
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  color: inherit;
  border: 0;
}
main button {
  background: transparent;
}
main select {
  appearance: none;
  background: transparent;
}
main a,
main button,
main input,
main optgroup,
main select,
main textarea {
  outline: revert;
}
main a:focus {
  outline: revert;
}
main button,
main [type=button],
main [type=reset],
main [type=submit] {
  cursor: pointer;
}
main button:disabled,
main [type=button]:disabled,
main [type=reset]:disabled,
main [type=submit]:disabled {
  cursor: default;
}
main label[for] {
  cursor: pointer;
}
main td,
main th {
  height: auto;
}

footer {
  margin-top: 0;
}

header {
  position: relative !important;
}

body {
  padding-top: 0 !important;
}

html {
  overflow-y: initial;
}

main {
  --color-bright-sun: #ffd940;
  --color-orient: #00677f;
  --color-geyser: #cdd6dd;
  --color-mine-shaft: #262626;
  --color-cod-gray: #161616;
  --color-dusty-gray: #999;
  --color-selective-yellow: #ffb800;
  --color-crusta: #ff8026;
  --color-orange: #ff6917;
  --color-gallery: #eeeeee;
  --local-nav-height: 48px;
  --icon-stroke-decoration: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="72" viewBox="0 0 180 72" fill="none"><path d="M109.558 64.6259L109.556 64.6273C103.765 68.6913 97.0166 70.8395 90.0142 70.8395C83.0121 70.8395 76.2638 68.6915 70.4736 64.6278C68.1314 62.9873 65.4089 62.1552 62.6895 62.1552C59.9674 62.1552 57.2467 62.974 54.9081 64.6259L54.9061 64.6273C49.1157 68.6913 42.3671 70.8395 35.3647 70.8395C16.4118 70.8395 1.01206 55.2069 1.01206 36C1.01206 16.7934 16.4116 1.16049 35.3502 1.16049C42.3526 1.16049 49.1012 3.30865 54.8915 7.3727C57.2336 9.01284 59.9558 9.8448 62.6749 9.8448C65.397 9.8448 68.1177 9.02596 70.4563 7.37414L70.4584 7.37269C76.2487 3.30865 82.9973 1.16049 89.9997 1.16049C97.0018 1.16049 103.75 3.30848 109.54 7.37222C111.883 9.01267 114.605 9.8448 117.324 9.8448C120.046 9.8448 122.767 9.02596 125.106 7.37414L125.108 7.37269C130.898 3.30865 137.647 1.16049 144.649 1.16049C163.603 1.16049 178.987 16.8086 178.987 36C178.987 55.1867 163.596 70.8315 144.664 70.8395L109.558 64.6259ZM109.558 64.6259C111.896 62.974 114.617 62.1552 117.339 62.1552C120.058 62.1552 122.781 62.9873 125.123 64.6278M109.558 64.6259L125.123 64.6278M125.123 64.6278C130.909 68.6887 137.652 70.8365 144.649 70.8395L125.123 64.6278Z" fill="$23FFD940" stroke="%2300677F" stroke-width="1.67901"/></svg>');
  --path-arrow: polygon(100% 25%, 50% 100%, 0 25%, 0 0, 50% 75%, 100% 0);
  position: relative;
  font-family: "Roboto", "Noto Sans", sans-serif;
  word-break: normal;
  overflow-wrap: anywhere;
  background-color: var(--color-bright-sun);
  line-break: strict;
}
main:lang(ja) {
  font-family: YakuHanJP, "Roboto", "Noto Sans JP", sans-serif;
}
main:lang(zh-cmn-Hans) {
  font-family: "Roboto", "Noto Sans SC", sans-serif;
}
main:lang(zh-cmn-Hant) {
  font-family: "Roboto", "Noto Sans TC", sans-serif;
}
main:lang(ko) {
  font-family: "Roboto", "Noto Sans KR", sans-serif;
}
main img {
  height: auto;
  vertical-align: bottom;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  main img {
    image-rendering: -webkit-optimize-contrast;
  }
  main img _::-webkit-full-page-media,
  main img _:future, :root main img {
    image-rendering: auto;
  }
}
[data-whatinput=mouse] main a, [data-whatinput=touch] main a,
[data-whatinput=mouse] main button,
[data-whatinput=touch] main button {
  outline: none;
}
main [data-scroll-fade] {
  opacity: 0;
  transition-duration: 0.5s;
  transition-property: transform, opacity;
  transform: translate3d(0, 20px, 0);
}
main [data-scroll-fade][data-scroll-fade=show] {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.AnchorPoint {
  --offset: 0px;
  position: absolute;
  margin-top: calc((var(--local-nav-height) - var(--common-header-height) + var(--offset)) * -1);
  visibility: hidden;
}
.AnchorPoint.AnchorPoint--long {
  --offset: 50px;
}
[data-scroll-lock-locked=true] .AnchorPoint {
  --common-header-height: 0px;
}

.Button {
  position: relative;
  display: block;
  padding: 11px 24px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  border-radius: 9999px;
}
.Button.Button--yellow {
  color: var(--color-bright-sun);
  box-shadow: inset 0 0 0 2px var(--color-bright-sun);
  transition: box-shadow 0.3s, transform 0.3s, color 0.3s;
  transform: scale3d(1, 1, 1);
  will-change: transform;
}
@media (hover: hover) {
  .Button.Button--yellow:where(:any-link, :enabled, summary):hover {
    color: var(--color-orient);
    box-shadow: inset 0 0 0 35px var(--color-bright-sun);
    transform: scale3d(1.1, 1.1, 1);
  }
}
.Button.Button--white {
  color: white;
  box-shadow: inset 0 0 0 2px white;
  transition: box-shadow 0.3s, transform 0.3s, color 0.3s;
  transform: scale3d(1, 1, 1);
  will-change: transform;
}
@media (hover: hover) {
  .Button.Button--white:where(:any-link, :enabled, summary):hover {
    color: var(--color-crusta);
    box-shadow: inset 0 0 0 35px white;
    transform: scale3d(1.1, 1.1, 1);
  }
}
.Button.Button--orient {
  color: var(--color-orient);
  box-shadow: inset 0 0 0 2px var(--color-orient);
  transition: box-shadow 0.3s, transform 0.3s, color 0.3s;
  transform: scale3d(1, 1, 1);
  will-change: transform;
}
@media (hover: hover) {
  .Button.Button--orient:where(:any-link, :enabled, summary):hover {
    color: var(--color-bright-sun);
    box-shadow: inset 0 0 0 35px var(--color-orient);
    transform: scale3d(1.1, 1.1, 1);
  }
}
.Button.Button--orient-white {
  color: var(--color-orient);
  box-shadow: inset 0 0 0 2px var(--color-orient);
  transition: box-shadow 0.3s, transform 0.3s, color 0.3s;
  transform: scale3d(1, 1, 1);
  will-change: transform;
}
@media (hover: hover) {
  .Button.Button--orient-white:where(:any-link, :enabled, summary):hover {
    color: white;
    box-shadow: inset 0 0 0 35px var(--color-orient);
    transform: scale3d(1.1, 1.1, 1);
  }
}
.Button:not(.Button--plus):not(.Button--allow):not(.Button--close) {
  padding: 14px 60px;
}
.Button.Button--plus {
  padding: 17px 49px;
}
.Button.Button--plus::before, .Button.Button--plus::after {
  position: absolute;
  top: 50%;
  right: 12px;
  display: block;
  width: 13px;
  content: "";
  border-top: 1px solid currentColor;
}
.Button.Button--plus::before {
  transform: translateX(-50%) rotate(90deg);
}
.Button.Button--plus::after {
  transform: translateX(-50%);
}
.Button.Button--Arrow {
  padding: 17.5px 30px 17.5px 18px;
}
.Button.Button--Arrow::after {
  position: absolute;
  top: 50%;
  right: 19px;
  display: block;
  width: 12px;
  height: 15px;
  content: "";
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.39858 6.72739L4.44952 11.6765L5.86373 13.0907L10.8128 8.14161L10.8133 8.14214L12.2275 6.72792L12.227 6.72739L12.2277 6.72671L10.8135 5.3125L10.8128 5.31318L5.86358 0.363961L4.44936 1.77817L9.39858 6.72739Z"/></svg>');
          mask-image: url('data:image/svg+xml;charset=UTF-8,<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.39858 6.72739L4.44952 11.6765L5.86373 13.0907L10.8128 8.14161L10.8133 8.14214L12.2275 6.72792L12.227 6.72739L12.2277 6.72671L10.8135 5.3125L10.8128 5.31318L5.86358 0.363961L4.44936 1.77817L9.39858 6.72739Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  transform: translateY(-50%);
}
.Button.Button--close {
  padding-right: 38px;
  color: white;
  background-color: var(--color-orient);
}
.Button.Button--close::before, .Button.Button--close::after {
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  width: 10px;
  content: "";
  border-top: 1px solid currentColor;
}
.Button.Button--close::before {
  transform: translateX(-50%) rotate(45deg);
}
.Button.Button--close::after {
  transform: translateX(-50%) rotate(-45deg);
}

.Width {
  margin-inline: auto;
}
@media screen and (min-width: 768.02px), print {
  .Width {
    width: calc(100% - 60px);
    max-width: 1160px;
    max-width: clamp(1160px, 80.5555555556vw, 1392px);
  }
  .Width.Width--narrow {
    max-width: 962px;
    max-width: clamp(962px, 66.8055555556vw, 1154.4px);
  }
  .Width.Width--wide {
    max-width: 1340px;
    max-width: clamp(1340px, 93.0555555556vw, 1608px);
  }
}
@media screen and (max-width: 768px) {
  .Width {
    width: 90%;
  }
}

.VideoPlayer {
  position: relative;
  width: 100%;
  aspect-ratio: 1160/548;
  overflow: hidden;
  color: var(--color-bright-sun);
}
@media screen and (max-width: 768px) {
  .VideoPlayer:is(.PromotionalVideo > .VideoPlayer) {
    aspect-ratio: 375/300;
  }
}
.VideoPlayer iframe {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
}

.VideoPlayer__Thumbnail {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  width: 100%;
  height: calc(100% + 1px);
  border-radius: 60px;
  transform: translateX(-50%);
}
.VideoPlayer__Thumbnail::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}
.VideoPlayer__Thumbnail video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.VideoPlayer__Cover {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
}

.VideoPlayer__Cover__Layout {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: center;
  justify-items: center;
  height: 100%;
}
@media screen and (min-width: 768.02px), print {
  .VideoPlayer__Cover__Layout {
    row-gap: 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .VideoPlayer__Cover__Layout {
    row-gap: 10px;
    font-size: 12px;
  }
}

.VideoPlayer__Play {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768.02px), print {
  .VideoPlayer__Play {
    width: 140px;
    height: 140px;
  }
}
@media screen and (max-width: 768px) {
  .VideoPlayer__Play {
    width: 80px;
    height: 80px;
  }
}
.VideoPlayer__Play::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  border: 2px solid currentColor;
  border-radius: 50%;
  transition: transform 0.3s;
  transform: scale3d(1, 1, 1);
}
@media (hover: hover) {
  :where(:any-link, :enabled, summary):hover .VideoPlayer__Play::before {
    transform: scale3d(1.1, 1.1, 1);
  }
}
.VideoPlayer__Play::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 26%;
  height: 26%;
  content: "";
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 26 30"><path fill="%23000000" d="M25.133,14.100 L2.472,0.915 C1.673,0.450 0.675,1.031 0.675,1.961 L0.675,28.330 C0.675,29.260 1.673,29.841 2.472,29.376 L25.133,16.191 C25.932,15.727 25.932,14.564 25.133,14.100 Z" /></svg>');
          mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 26 30"><path fill="%23000000" d="M25.133,14.100 L2.472,0.915 C1.673,0.450 0.675,1.031 0.675,1.961 L0.675,28.330 C0.675,29.260 1.673,29.841 2.472,29.376 L25.133,16.191 C25.932,15.727 25.932,14.564 25.133,14.100 Z" /></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  transform: translate(-50%, -50%) translateX(12%);
}

.VideoPlayer__Text {
  font-size: 16px;
}

.LocalNavPc {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--color-bright-sun);
  box-shadow: 3px 6px 15px -5px rgba(255, 128, 38, 0.4);
}
@media screen and (max-width: 768px) {
  .LocalNavPc {
    display: none;
  }
}

.LocalNavPc__Inner {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  min-height: 48px;
}
.LocalNavPc.LocalNavPc--sub .LocalNavPc__Inner {
  padding-right: clamp(0px, (1500px - 100vw) / 2, 96px + clamp(20px, 3vw, 45px));
}

.LocalNavPc__List {
  display: grid;
  grid-auto-flow: column;
  column-gap: 4px;
  align-items: center;
  justify-self: center;
  width: 100%;
  max-width: 1160px;
  height: 100%;
}

.LocalNavPc__ListItem {
  position: relative;
  height: 100%;
}
.LocalNavPc__ListItem > a,
.LocalNavPc__ListItem > button {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding-right: 3%;
  padding-left: 3%;
  font-size: clamp(10px, 1.34vw, 15px);
  font-weight: 700;
  line-height: 1.25;
  color: var(--color-orient);
  text-align: center;
  transition-duration: 0.2s;
  transition-property: border-radius, box-shadow;
}
@media (hover: hover) {
  .LocalNavPc__ListItem > a:where(:any-link, :enabled, summary):hover,
  .LocalNavPc__ListItem > button:where(:any-link, :enabled, summary):hover {
    box-shadow: 0px 5px 15px 0px rgba(255, 128, 38, 0.4);
  }
  .LocalNavPc__ListItem > a:where(:any-link, :enabled, summary):hover {
    border-radius: 8px;
  }
}
.LocalNavPc__ListItem > button {
  padding-right: 32px;
}
.LocalNavPc__ListItem > button::after {
  position: absolute;
  top: 50%;
  display: block;
  width: 12px;
  height: 8px;
  content: "";
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 2 1" preserveAspectRatio="none"><path d="M0,0 L1,1 L2,0 Z"/></svg>');
          mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 2 1" preserveAspectRatio="none"><path d="M0,0 L1,1 L2,0 Z"/></svg>');
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  transform: translateY(-50%);
  right: 18px;
}
@media (hover: hover) {
  .LocalNavPc__ListItem > button:where(:any-link, :enabled, summary):hover {
    border-radius: 8px;
  }
}
.LocalNavPc__ListItem > button[aria-expanded=true] {
  border-radius: 8px 8px 0 0;
}

.LocalNavPc__PullDownMenu {
  position: absolute;
  display: block;
  padding-block: 10px;
  padding-inline: 22px;
  background-color: var(--color-bright-sun);
  border-radius: 0 8px 8px 8px;
  box-shadow: 5px 5px 8px 0px rgba(255, 128, 38, 0.4);
}
.LocalNavPc__PullDownMenu[aria-hidden=true] {
  display: none;
}
.LocalNavPc__PullDownMenu > a {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.8;
  color: var(--color-orient);
  white-space: nowrap;
}
@media (hover: hover) {
  .LocalNavPc__PullDownMenu > a:where(:any-link, :enabled, summary):hover {
    filter: opacity(0.8);
  }
}
.LocalNavPc__PullDownMenu > a:not(:first-child) {
  margin-top: 10px;
}

.LocalNavPc__Language {
  position: absolute;
  top: 50%;
  right: clamp(20px, 3vw, 45px);
  height: 100%;
  padding: 15px 40px 15px 16px;
  font-size: clamp(12px, 0.972vw, 14px);
  font-weight: 700;
  color: var(--color-orient);
  transition-duration: 0.2s;
  transition-property: border-radius, box-shadow;
  transform: translateY(-50%);
}
@media (hover: hover) {
  .LocalNavPc__Language:where(:any-link, :enabled, summary):hover {
    border-radius: 8px;
    box-shadow: 0px 5px 15px 0px rgba(255, 128, 38, 0.4);
  }
}
.LocalNavPc__Language::after {
  position: absolute;
  top: 50%;
  display: block;
  width: 12px;
  height: 8px;
  content: "";
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 2 1" preserveAspectRatio="none"><path d="M0,0 L1,1 L2,0 Z"/></svg>');
          mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 2 1" preserveAspectRatio="none"><path d="M0,0 L1,1 L2,0 Z"/></svg>');
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  transform: translateY(-50%);
  right: 18px;
}

.LocalNavSp {
  position: relative;
  z-index: 10010;
}
@media screen and (min-width: 768.02px), print {
  .LocalNavSp {
    display: none;
  }
}

[data-menu-button] {
  opacity: 0;
}

.LocalNavSp__MenuButton {
  position: fixed;
  bottom: 40px;
  left: -8px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  box-shadow: -1.414px 1.414px 6px 0px rgba(0, 0, 0, 0.3);
  transition: opacity 0.2s;
}
@media (hover: hover) {
  .LocalNavSp__MenuButton:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
.LocalNavSp__MenuButton.LocalNavSp__MenuButton--open {
  background-color: var(--color-crusta);
}
.LocalNavSp__MenuButton.LocalNavSp__MenuButton--close {
  background-color: var(--color-crusta);
}

.LocalNavSp__LineOpen {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 18px;
  height: 2px;
  background-color: white;
}
.LocalNavSp__LineOpen:nth-child(1) {
  transform: translate(-50%, -50%) translateY(6px);
}
.LocalNavSp__LineOpen:nth-child(2) {
  transform: translate(-50%, -50%);
}
.LocalNavSp__LineOpen:nth-child(3) {
  transform: translate(-50%, -50%) translateY(-6px);
}

.LocalNavSp__LineClose {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 20px;
  height: 1px;
  background-color: white;
}
.LocalNavSp__LineClose:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.LocalNavSp__LineClose:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.LocalNavSp__Modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.LocalNavSp__Modal:not(.is-open) {
  display: none;
}

.LocalNavSp__Dialog {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow-y: auto;
  background-color: var(--color-crusta);
}
[aria-hidden=false] .LocalNavSp__Dialog {
  animation: nav-dialog-show 0.3s ease-in;
}
[aria-hidden=true] .LocalNavSp__Dialog {
  animation: nav-dialog-hide 0.3s ease-in;
}
@keyframes nav-dialog-show {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes nav-dialog-hide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.LocalNavSp__Inner {
  width: calc(100% - 80px);
  margin-right: auto;
  margin-left: auto;
}

.LocalNavSp__TopLinks {
  display: grid;
}
.LocalNavSp__TopLinks > li > a,
.LocalNavSp__TopLinks > li > button {
  position: relative;
  display: block;
  width: 100%;
  padding-block: 19px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: white;
}
.LocalNavSp__TopLinks > li > a > span,
.LocalNavSp__TopLinks > li > button > span {
  display: inline-block;
  padding-top: 2px;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 8px;
  font-size: 14px;
  line-height: 1.4285714286;
  color: var(--color-crusta);
  text-align: center;
  background-color: var(--color-bright-sun);
  border-radius: 3px;
  transform: translateY(-1px);
}
.LocalNavSp__TopLinks > li > a {
  padding-right: 22px;
}
.LocalNavSp__TopLinks > li > a::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 20px;
  height: 16px;
  content: "";
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40.33 33.69"><polygon points="23.82 0 21.7 2.12 34.92 15.35 0 15.35 0 18.34 34.26 18.34 21.04 31.57 23.16 33.69 40.33 16.52 23.82 0" fill="%23d9ffff"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-50%);
}
.LocalNavSp__TopLinks > li > button {
  text-align: left;
}
.LocalNavSp__TopLinks > li > button::before, .LocalNavSp__TopLinks > li > button::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 20px;
  height: 2px;
  content: "";
  background-color: currentColor;
}
.LocalNavSp__TopLinks > li > button::before {
  transform: translateY(-50%);
}
.LocalNavSp__TopLinks > li > button::after {
  transition: transform 0.5s;
  transform: translateY(-50%) rotate(-90deg);
}
.LocalNavSp__TopLinks > li > button[aria-expanded=true]::after {
  transform: translateY(-50%);
}

.LocalNavSp__TopLinks__DropdownContent {
  overflow: hidden;
}

.LocalNavSp__TopLinks__DropdownContentList {
  display: grid;
  row-gap: 14px;
  padding-bottom: 14px;
  padding-left: 20px;
}

.LocalNavSp__TopLinks__DropdownContentItem {
  display: block;
  padding-block: 8px;
  font-size: 13px;
  line-height: 1;
  color: white;
}

.LocalNavSp__OtherLinks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 10px;
  column-gap: 14px;
  margin-top: 40px;
  color: white;
}
.LocalNavSp__OtherLinks li:nth-of-type(2n + 1):last-of-type {
  grid-column: 1/3;
}
.LocalNavSp__OtherLinks:lang(ja) {
  font-size: 14px;
  line-height: 1.3;
}
.LocalNavSp__OtherLinks a {
  display: inline-block;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.2;
}

.LocalNavSp__LanguageWrapper {
  display: grid;
  justify-content: end;
}

.LocalNavSp__Language {
  position: relative;
  padding-right: 12px;
  margin-top: 38px;
  font-size: 14px;
  font-weight: 700;
  color: white;
}
.LocalNavSp__Language::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 8px;
  height: 6px;
  content: "";
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 2 1" preserveAspectRatio="none"><path d="M0,0 L1,1 L2,0 Z"/></svg>');
          mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 2 1" preserveAspectRatio="none"><path d="M0,0 L1,1 L2,0 Z"/></svg>');
  transform: translateY(-50%);
}

.LocalLangNavSp {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 100;
  display: grid;
  justify-content: start;
  border-radius: 16px;
  box-shadow: 0px 5px 15px 0px rgba(255, 128, 38, 0.4);
}
@media screen and (min-width: 768.02px), print {
  .LocalLangNavSp {
    display: none;
  }
}

.LocalLangNavSp__Language {
  position: relative;
  padding-block: 10px;
  padding-right: 27px;
  padding-left: 16px;
  font-size: 12px;
  font-weight: 700;
  color: var(--color-orient);
  background-color: var(--color-bright-sun);
  border-color: transparent;
  border-radius: 16px;
  transition: box-shadow 0.3s, transform 0.3s, color 0.3s;
}
@media (hover: hover) {
  .LocalLangNavSp__Language:where(:any-link, :enabled, summary):hover {
    color: white;
    box-shadow: inset 0 0 0 32px var(--color-orient);
  }
}
.LocalLangNavSp__Language::after {
  position: absolute;
  top: 50%;
  right: 13px;
  display: block;
  width: 8px;
  height: 6px;
  content: "";
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 2 1" preserveAspectRatio="none"><path d="M0,0 L1,1 L2,0 Z"/></svg>');
          mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 2 1" preserveAspectRatio="none"><path d="M0,0 L1,1 L2,0 Z"/></svg>');
  transform: translateY(-50%);
}

.LanguageList {
  min-width: 185px;
  padding-top: 16px;
  padding-bottom: 16px;
  overflow-y: auto;
  font-size: 14px;
  background-color: white;
}
.LanguageList > li > a {
  position: relative;
  display: block;
  padding: 13px 30px;
}
.LanguageList > li > a::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: black;
  opacity: 0;
  transition: opacity 0.2s;
}
@media (hover: hover) {
  .LanguageList > li > a:where(:any-link, :enabled, summary):hover::before {
    opacity: 0.05;
  }
}
.LanguageList > li > a[aria-current] {
  background-color: var(--color-geyser);
}

.ModalSimple {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10020;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: scroll;
}
.ModalSimple[aria-hidden=true] {
  display: none;
}

.ModalSimple__Background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: black;
  opacity: 0.5;
}
.ModalSimple.ModalSimple--video .ModalSimple__Background {
  opacity: 1;
}

.ModalSimple__Dialog {
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 0;
  max-height: 100%;
  color: var(--color-orient);
}
.ModalSimple.ModalSimple--video .ModalSimple__Dialog {
  width: 100%;
  max-width: 900px;
}

.ModalSimple__Close {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: auto;
  transition: opacity 0.2s;
}
@media (hover: hover) {
  .ModalSimple__Close:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768.02px), print {
  .ModalSimple__Close {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 768px) {
  .ModalSimple__Close {
    margin-bottom: 6px;
  }
}
.ModalSimple__Close::before, .ModalSimple__Close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 36px;
  height: 2px;
  content: "";
  background-color: white;
}
.ModalSimple__Close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.ModalSimple__Close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.ModalSimple__Content {
  overflow-y: auto;
}

.Information {
  background-color: var(--color-orient);
}
@media screen and (max-width: 768px) {
  .Information {
    padding-block: 4px;
  }
}

.Information__Inner {
  position: relative;
  display: grid;
}
@media screen and (min-width: 768.02px), print {
  .Information__Inner {
    grid-template-columns: auto 1fr;
    grid-auto-flow: column;
    column-gap: 34px;
    padding: 22px 115px 22px 41px;
  }
}
@media screen and (max-width: 768px) {
  .Information__Inner {
    row-gap: 4px;
  }
}

.Information__Content {
  padding-right: 70px;
}

.Information__Label {
  height: max-content;
  font-weight: 700;
  line-height: 1;
  color: var(--color-bright-sun);
}
@media screen and (min-width: 768.02px), print {
  .Information__Label {
    padding: 12px 20px;
    font-size: 20px;
  }
  :lang(fr) .Information__Label, :lang(de) .Information__Label, :lang(it-IT) .Information__Label {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .Information__Label {
    padding: 9px 20px 0 0;
    font-size: 18px;
  }
}

.Information__List {
  overflow: hidden;
}
.Information__List[aria-hidden=true] {
  height: 0;
}

.Information__Item {
  padding-block: 11px;
  color: var(--color-bright-sun);
}
.Information__Item a[href] {
  display: inline-block;
  transition: opacity 0.2s;
}
@media (hover: hover) {
  .Information__Item a[href]:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}

@media screen and (min-width: 768.02px), print {
  .Information__Item__Inner {
    display: flex;
    align-items: flex-start;
  }
}

.Information__Item__Left {
  display: flex;
}
@media screen and (min-width: 768.02px), print {
  .Information__Item__Left {
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .Information__Item__Left {
    width: max-content;
  }
}

.Information__New {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  font-weight: bold;
  color: var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .Information__New {
    min-width: 3em;
    margin-left: 20px;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .Information__New {
    margin-left: calc(10px + 1em);
    font-size: 12px;
    line-height: 1;
  }
}
.Information__New::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  display: block;
  width: 4em;
  height: 2.5em;
  content: "";
  background-color: var(--color-bright-sun);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='103'%20height='39'%20viewBox='0%200%20103%2039'%3e%3cdefs%3e%3c/defs%3e%3cpath%20id='new.svg'%20class='cls-1'%20d='M752.428,954.105a19.5,19.5,0,0,1-11.13-3.482,8.511,8.511,0,0,0-9.668,0,19.529,19.529,0,0,1-22.26,0,8.51,8.51,0,0,0-9.667,0,19.5,19.5,0,1,1,0-32.044,8.514,8.514,0,0,0,9.667,0,19.534,19.534,0,0,1,22.26,0,8.516,8.516,0,0,0,9.668,0A19.522,19.522,0,1,1,752.428,954.105Z'%20transform='translate(-669%20-915.094)'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='103'%20height='39'%20viewBox='0%200%20103%2039'%3e%3cdefs%3e%3c/defs%3e%3cpath%20id='new.svg'%20class='cls-1'%20d='M752.428,954.105a19.5,19.5,0,0,1-11.13-3.482,8.511,8.511,0,0,0-9.668,0,19.529,19.529,0,0,1-22.26,0,8.51,8.51,0,0,0-9.667,0,19.5,19.5,0,1,1,0-32.044,8.514,8.514,0,0,0,9.667,0,19.534,19.534,0,0,1,22.26,0,8.516,8.516,0,0,0,9.668,0A19.522,19.522,0,1,1,752.428,954.105Z'%20transform='translate(-669%20-915.094)'/%3e%3c/svg%3e");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  transform: translate(-50%, calc(-30% - 1px));
}
.Information__New.Information__New--wide::before {
  width: 5em;
  height: 3em;
  transform: translate(-50%, calc(-30% - 1px));
}

.Information__Date {
  display: inline-block;
  white-space: nowrap;
}
@media screen and (min-width: 768.02px), print {
  .Information__Date {
    font-size: 16px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 768px) {
  .Information__Date {
    font-size: 13px;
    line-height: 1;
  }
}

.Information__Text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 768.02px), print {
  .Information__Text {
    //-webkit-line-clamp: 1;
    font-size: 16px;
    line-height: 1.4;
  }
  a[href] .Information__Text {
    border-bottom: 1px solid currentColor;
  }
}
@media screen and (max-width: 768px) {
  .Information__Text {
    width: 100%;
    margin-top: 4px;
    font-size: 15px;
    -webkit-line-clamp: 2;
    line-height: 1.9;
  }
  a[href] .Information__Text {
    text-decoration: underline;
  }
}

.Information__Button {
  position: absolute;
  width: 40px;
  height: 40px;
  transform: translateY(50%);
}
@media screen and (min-width: 768.02px), print {
  .Information__Button {
    top: 4px;
    right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .Information__Button {
    right: 0;
    bottom: 32px;
  }
}
.Information__Button::before, .Information__Button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 14px;
  height: 2px;
  content: "";
  background-color: var(--color-orient);
  transition: transform 0.3s;
}
.Information__Button::before {
  transform: translate(-50%, -50%);
}
.Information__Button::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.Information__Button[aria-expanded=true]::after {
  transform: translate(-50%, -50%);
}

.Information__Button__Circle {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: var(--color-bright-sun);
  border-radius: 50%;
  transition: transform 0.3s;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
}
@media (hover: hover) {
  :where(:any-link, :enabled, summary):hover .Information__Button__Circle {
    transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1);
  }
}

@media screen and (min-width: 768.02px), print {
  .Tutorial {
    padding-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .Tutorial {
    padding-top: 40px;
  }
}

.ModalSlide {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10030;
  overflow-x: hidden;
  color: var(--color-orient);
}
.ModalSlide:not(.is-open) {
  display: none;
}

.ModalSlide__Background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.5;
}

.ModalSlide__Dialog {
  position: absolute;
  z-index: 0;
  max-width: 1140px;
  max-height: 100%;
  overflow-y: auto;
  background-color: var(--color-crusta);
}
@media screen and (min-width: 768.02px), print {
  .ModalSlide__Dialog {
    top: 0;
    right: 0;
    width: 95%;
    height: 100%;
    padding: 94px 80px;
  }
}
@media screen and (max-width: 768px) {
  .ModalSlide__Dialog {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    padding: 80px 5%;
  }
}
.ModalSlide[aria-hidden=false] .ModalSlide__Dialog {
  animation: dialog-show 0.3s ease-in;
}
.ModalSlide[aria-hidden=true] .ModalSlide__Dialog {
  animation: dialog-hide 0.3s ease-in;
}
@keyframes dialog-show {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes dialog-hide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.ModalSlide__Dialog h2 {
  position: relative;
  padding-bottom: 7px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  border-bottom: 1px solid var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .ModalSlide__Dialog h2 {
    margin-bottom: 58px;
  }
}
@media screen and (max-width: 768px) {
  .ModalSlide__Dialog h2 {
    margin-bottom: 35px;
  }
}
.ModalSlide__Dialog h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  color: var(--color-orient);
}
@media screen and (max-width: 768px) {
  .ModalSlide__Dialog h3 {
    line-height: 1.6666666667;
  }
}
.ModalSlide__Dialog h3:not(:is(.ModalSlide[data-air-studio-page] *, .ModalSlide__MatchTestImage *)) {
  margin-top: 32px;
  margin-bottom: 28px;
}

.ModalSlide__Close {
  position: sticky;
  top: 0;
  z-index: 1;
  display: block;
  margin-left: auto;
  color: white;
}
@media screen and (min-width: 768.02px), print {
  .ModalSlide__Close {
    width: 62px;
    height: 62px;
    margin-top: -62px;
    transform: translate(50%, -100%);
  }
}
@media screen and (max-width: 768px) {
  .ModalSlide__Close {
    width: 50px;
    height: 50px;
    margin-top: -50px;
    transform: translate(30%, -120%);
  }
}
.ModalSlide__Close::before, .ModalSlide__Close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 20px;
  height: 2px;
  content: "";
  background-color: currentColor;
}
.ModalSlide__Close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.ModalSlide__Close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.ModalSlide__Close__Circle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: var(--color-orient);
  border-radius: 50%;
  box-shadow: -1.414px 1.414px 6px 0px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s;
  transform: scale3d(1, 1, 1);
}
@media (hover: hover) {
  :where(:any-link, :enabled, summary):hover .ModalSlide__Close__Circle {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@media screen and (min-width: 768.02px), print {
  .ModalSlide__BottomClose {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .ModalSlide__BottomClose {
    display: grid;
    max-width: 132px;
    margin-top: 70px;
    margin-right: auto;
    margin-left: auto;
  }
}

.ModalSlide__Text {
  margin-top: -16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
}

.ModalSlide__FrameList {
  display: grid;
  margin-top: 30px;
}
@media screen and (min-width: 768.02px), print {
  .ModalSlide__FrameList {
    grid-template-columns: repeat(8, 1fr);
    row-gap: 34px;
    column-gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  .ModalSlide__FrameList {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 24px;
    column-gap: 20px;
  }
}
.ModalSlide__FrameList + h2 {
  margin-top: 80px;
}
.ModalSlide__FrameList img {
  width: 100%;
}

.ModalSlide__FrameText {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  line-height: 1.8;
}

.ModalSlide__NoticeList {
  margin-top: 21px;
}
.ModalSlide__NoticeList li {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 2px;
  font-size: 12px;
  line-height: 1.8333333333;
  color: white;
}

@media screen and (min-width: 768.02px), print {
  .ModalSlide__List {
    margin-top: 14px;
  }
}
@media screen and (max-width: 768px) {
  .ModalSlide__List {
    margin-top: 8px;
  }
}
.ModalSlide__List li {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 4px;
  font-size: 14px;
  line-height: 1.5714285714;
  color: white;
}
.ModalSlide__List li::before {
  display: block;
  width: 10px;
  height: 22px;
  content: "";
  background-color: currentColor;
  border-radius: 999px;
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0, 0, 20, 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" fill="black" /></svg>');
          mask-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0, 0, 20, 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" fill="black" /></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 3px 3px;
          mask-size: 3px 3px;
}

.ModalSlide__MatchTestImage {
  display: grid;
}
@media screen and (min-width: 768.02px), print {
  .ModalSlide__MatchTestImage {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 48px;
    align-items: start;
  }
}
@media screen and (max-width: 768px) {
  .ModalSlide__MatchTestImage {
    row-gap: 42px;
    justify-content: center;
    text-align: center;
  }
}
@media screen and (min-width: 768.02px), print {
  .ModalSlide__MatchTestImage img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .ModalSlide__MatchTestImage img {
    width: 50%;
    max-width: 480px;
    margin-inline: auto;
  }
}
.ModalSlide__MatchTestImage h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 2.4444444444;
}
@media screen and (min-width: 768.02px), print {
  .ModalSlide__MatchTestImage h3 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .ModalSlide__MatchTestImage h3 {
    margin-top: 8px;
    text-align: start;
  }
}
.ModalSlide__MatchTestImage p {
  font-size: 14px;
  line-height: 1.8571428571;
  color: white;
  text-align: start;
}

.StepLayout {
  display: grid;
}
@media screen and (min-width: 768.02px), print {
  .StepLayout {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 34px;
    column-gap: 34px;
  }
}
@media screen and (max-width: 768px) {
  .StepLayout {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
    column-gap: 20px;
  }
}
@media screen and (min-width: 768.02px), print {
  .StepLayout.StepLayout--col4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .StepLayout.StepLayout--col5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
.StepLayout + h2 {
  margin-top: 80px;
}

.StepLayout__Image {
  position: relative;
  text-align: center;
}
.StepLayout__Image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .StepLayout__Item .StepLayout__Image {
    padding-right: 32px;
  }
}
.StepLayout__Item .StepLayout__Image::after {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  border-top: 2px solid white;
  border-right: 2px solid white;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768.02px), print {
  .StepLayout__Item .StepLayout__Image::after {
    top: 50%;
    right: -20px;
  }
}
@media screen and (max-width: 768px) {
  .StepLayout__Item .StepLayout__Image::after {
    top: 50%;
    right: 0;
  }
}
.StepLayout__Item:last-child .StepLayout__Image::after {
  display: none;
}

.StepLayout__Step {
  font-size: 18px;
  font-weight: 700;
}
@media screen and (min-width: 768.02px), print {
  .StepLayout__Step {
    margin-top: 24px;
  }
}
@media screen and (max-width: 768px) {
  .StepLayout__Step {
    margin-top: 20px;
  }
}

.StepLayout__Text {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.8571428571;
  color: white;
}
.StepLayout__Text sup {
  font-size: 0.5em;
  vertical-align: super;
}

.Faq + .Faq {
  margin-top: 10px;
}

.Faq__Question {
  width: 100%;
}

.Faq__Question__Inner {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  width: 100%;
  background-color: var(--color-selective-yellow);
}
@media screen and (min-width: 768.02px), print {
  .Faq__Question__Inner {
    column-gap: 16px;
    padding: 30px 60px 30px 30px;
  }
}
@media screen and (max-width: 768px) {
  .Faq__Question__Inner {
    column-gap: 14px;
    padding: 20px 50px 20px 20px;
  }
}
.Faq__Question__Inner::before, .Faq__Question__Inner::after {
  position: absolute;
  top: 50%;
  display: block;
  width: 16px;
  height: 2px;
  content: "";
  background-color: var(--color-crusta);
}
@media screen and (min-width: 768.02px), print {
  .Faq__Question__Inner::before, .Faq__Question__Inner::after {
    right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .Faq__Question__Inner::before, .Faq__Question__Inner::after {
    right: 20px;
  }
}
.Faq__Question__Inner::before {
  transform: translateY(-50%);
}
.Faq__Question__Inner::after {
  transition: transform 0.5s;
  transform: translateY(-50%) rotate(-90deg);
}
.Faq__Question[aria-expanded=true] .Faq__Question__Inner::after {
  transform: translateY(-50%);
}

.Faq__Question__Icon {
  font-weight: 700;
  color: var(--color-crusta);
}
@media screen and (min-width: 768.02px), print {
  .Faq__Question__Icon {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  .Faq__Question__Icon {
    font-size: 22px;
  }
}

.Faq__Question__Text {
  font-size: 16px;
  line-height: 1.875;
  color: var(--color-orient);
  text-align: left;
}

.Faq__Answer {
  overflow: hidden;
}

.Faq__Answer__Inner {
  display: grid;
  color: var(--color-orient);
  background-color: white;
}
@media screen and (min-width: 768.02px), print {
  .Faq__Answer__Inner {
    grid-template-columns: auto 1fr;
    column-gap: 16px;
    padding: 28px 30px;
  }
}
@media screen and (max-width: 768px) {
  .Faq__Answer__Inner {
    row-gap: 14px;
    padding: 24px 20px;
  }
}

.Faq__Answer__Icon {
  font-weight: 700;
}
@media screen and (min-width: 768.02px), print {
  .Faq__Answer__Icon {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  .Faq__Answer__Icon {
    font-size: 22px;
  }
}

.Faq__Answer__Content > p {
  font-size: 16px;
  line-height: 1.875;
}
.Faq__Answer__Content > p:not(:first-child) {
  margin-top: 24px;
}
.Faq__Answer__Content a {
  display: inline-block;
  transition: opacity 0.2s;
  text-decoration: underline;
}
@media (hover: hover) {
  .Faq__Answer__Content a:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
.Faq__Answer__Content > picture:not(:first-child) img {
  margin-top: 20px;
}
.Faq__Answer__Content > h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.875;
}
.Faq__Answer__Content > h3:not(:first-child) {
  margin-top: 30px;
}
.Faq__Answer__Content sup {
  font-size: 0.5em;
  vertical-align: super;
}

.Faq__OrderedList {
  font-size: 16px;
  line-height: 1.875;
  counter-reset: item;
}
.Faq__OrderedList:not(:first-child) {
  margin-top: 28px;
}
.Faq__OrderedList > li {
  position: relative;
  padding-left: 26px;
}
.Faq__OrderedList > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(item) "）";
  counter-increment: item;
}

.Faq__BulletList {
  display: grid;
  row-gap: 5px;
  font-size: 16px;
  line-height: 1.7;
}
.Faq__BulletList:not(:first-child) {
  margin-top: 20px;
}
.Faq__BulletList > li {
  position: relative;
  padding-left: 16px;
}
.Faq__BulletList > li::before {
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 6px;
  height: 6px;
  content: "";
  background-color: currentColor;
  border-radius: 100%;
}

.Faq__Image:not(:first-child) {
  margin-top: 26px;
}
.Faq__Image.Faq__Image--narrow img {
  width: 100%;
  max-width: 400px;
}

.Faq__Answer__SubTitle {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.875;
}
.Faq__Answer__SubTitle > span {
  display: block;
  font-weight: 400;
}

.Faq__Image__List {
  display: flex;
  flex-wrap: wrap;
  margin-top: -12px;
  margin-left: -18px;
}
@media screen and (max-width: 768px) {
  .Faq__Image__List {
    flex-wrap: wrap;
  }
}
.Faq__Image__List li {
  margin-top: 24px;
  margin-left: 18px;
}
@media screen and (min-width: 768.02px), print {
  .Faq__Image__List li {
    width: 26%;
  }
}
@media screen and (max-width: 768px) {
  .Faq__Image__List li {
    width: calc(50% - 18px);
  }
}
.Faq__Image__List picture img {
  width: 100%;
}

.Faq__Table {
  width: 100%;
  table-layout: fixed;
  border-top: solid 1px var(--color-crusta);
  border-right: solid 1px var(--color-crusta);
}
.Faq__Table:not(:first-child) {
  margin-top: 28px;
}
.Faq__Table:not(:lang(ja)) {
  text-align: center;
}
.Faq__Table caption {
  margin-bottom: 8px;
  font-weight: 700;
}
.Faq__Table caption:not(:lang(ja)) {
  text-align: left;
}
.Faq__Table thead {
  color: white;
  background-color: var(--color-crusta);
}
.Faq__Table td,
.Faq__Table th {
  padding: 12px 10px;
  font-size: 14px;
  line-height: 1.5714285714;
  vertical-align: top;
  border-left: solid 1px var(--color-crusta);
}
.Faq__Table tbody th {
  color: white;
  background-color: var(--color-selective-yellow);
}
@media screen and (min-width: 768.02px), print {
  .Faq__Table tbody th {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .Faq__Table tbody th {
    width: 45%;
  }
}
@media screen and (min-width: 768.02px), print {
  .Faq__Table tbody td {
    width: 75%;
  }
}
@media screen and (max-width: 768px) {
  .Faq__Table tbody td {
    width: 55%;
  }
}
.Faq__Table :not(thead) > tr > th,
.Faq__Table :not(thead) > tr > td {
  border-bottom: solid 1px var(--color-crusta);
}
@media screen and (max-width: 768px) {
  .Faq__Table.Faq__Table--pc {
    display: none;
  }
}
@media screen and (min-width: 768.02px), print {
  .Faq__Table.Faq__Table--sp {
    display: none;
  }
}
.Faq__Table.Faq__Table--sp + .Faq__Table.Faq__Table--sp {
  margin-top: 0;
  border-top: none;
}

.Spec__Inner {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768.02px), print {
  .Spec__Inner {
    padding-top: 80px;
    padding-bottom: 88px;
  }
}
@media screen and (max-width: 768px) {
  .Spec__Inner {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
.Spec__Inner h1 {
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-orient);
  text-align: center;
}
@media screen and (min-width: 768.02px), print {
  .Spec__Inner h1 {
    font-size: 44px;
  }
}
@media screen and (max-width: 768px) {
  .Spec__Inner h1 {
    font-size: 32px;
  }
}

.Spec__List {
  display: grid;
  line-height: 1.875;
  color: var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .Spec__List {
    margin-top: 48px;
  }
}
@media screen and (max-width: 768px) {
  .Spec__List {
    margin-top: 34px;
  }
}
.Spec__List > li {
  display: grid;
  border-top: 1px solid var(--color-crusta);
}
.Spec__List > li:last-child {
  border-bottom: 1px solid var(--color-crusta);
}
@media screen and (min-width: 768.02px), print {
  .Spec__List > li {
    grid-template-columns: 28% 1fr;
    column-gap: 28px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 768px) {
  .Spec__List > li {
    row-gap: 8px;
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
.Spec__List a {
  text-decoration: underline;
  transition: opacity 0.2s;
}
@media (hover: hover) {
  .Spec__List a:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}

.Spec__Heading {
  font-weight: 700;
}

.Spec__Notes {
  margin-top: 40px;
  font-size: 13px;
  line-height: 1.8461538462;
  color: var(--color-orient);
}
.Spec__Notes > li {
  position: relative;
  padding-left: 20px;
}
.Spec__Notes > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

.Dropdown {
  display: grid;
}
@media screen and (min-width: 768.02px), print {
  .Dropdown {
    row-gap: 10px;
  }
}

@media screen and (max-width: 768px) {
  .Dropdown__Item:nth-of-type(n + 2) {
    border-top: var(--color-cod-gray) 1px solid;
  }
}

.Dropdown__Summary {
  width: 100%;
}

.Dropdown__Summary__Inner {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  width: 100%;
  background-color: var(--color-mine-shaft);
}
@media screen and (min-width: 768.02px), print {
  .Dropdown__Summary__Inner {
    column-gap: 16px;
    padding: 30px 60px 30px 30px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 768px) {
  .Dropdown__Summary__Inner {
    column-gap: 14px;
    padding: 20px 50px 20px 20px;
  }
}
.Dropdown__Summary__Inner::before, .Dropdown__Summary__Inner::after {
  position: absolute;
  top: 50%;
  display: block;
  width: 16px;
  height: 2px;
  content: "";
  background-color: var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .Dropdown__Summary__Inner::before, .Dropdown__Summary__Inner::after {
    right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .Dropdown__Summary__Inner::before, .Dropdown__Summary__Inner::after {
    right: 20px;
  }
}
.Dropdown__Summary__Inner::before {
  transform: translateY(-50%);
}
.Dropdown__Summary__Inner::after {
  transition: transform 0.5s;
  transform: translateY(-50%) rotate(-90deg);
}
@media screen and (min-width: 768.02px), print {
  .Dropdown__Summary[aria-expanded=true] .Dropdown__Summary__Inner {
    border-radius: 12px 12px 0 0;
  }
}
.Dropdown__Summary[aria-expanded=true] .Dropdown__Summary__Inner::after {
  transform: translateY(-50%);
}

.Dropdown__Summary__Icon {
  font-weight: 700;
  color: var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .Dropdown__Summary__Icon {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  .Dropdown__Summary__Icon {
    font-size: 22px;
  }
}

.Dropdown__Summary__Text {
  font-size: 16px;
  line-height: 1.875;
  color: var(--color-orient);
  text-align: left;
}

.Dropdown__Content {
  overflow: hidden;
}

.Dropdown__Content__Inner {
  display: grid;
  color: var(--color-mine-shaft);
  background-color: var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .Dropdown__Content__Inner {
    padding: 40px 42px 58px;
    border-radius: 0 0 12px 12px;
  }
}
@media screen and (max-width: 768px) {
  .Dropdown__Content__Inner {
    padding: 24px 20px 30px;
  }
}
@media screen and (min-width: 768.02px), print {
  .Dropdown--Faq .Dropdown__Content__Inner {
    grid-template-columns: auto 1fr;
    column-gap: 16px;
    padding: 28px 30px;
  }
}
@media screen and (max-width: 768px) {
  .Dropdown--Faq .Dropdown__Content__Inner {
    row-gap: 14px;
    padding: 24px 20px;
  }
}

.Dropdown__Content__Texts a {
  display: inline-block;
  transition: opacity 0.2s;
  text-decoration: underline;
}
@media (hover: hover) {
  .Dropdown__Content__Texts a:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
.Dropdown__Content__Texts p {
  margin-top: 28px;
  font-size: 16px;
  line-height: 1.875;
}
.Dropdown__Content__Texts > :first-child {
  margin-top: 0;
}

.Dropdown__Content__Icon {
  font-weight: 700;
}
@media screen and (min-width: 768.02px), print {
  .Dropdown__Content__Icon {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  .Dropdown__Content__Icon {
    font-size: 22px;
  }
}

.Dropdown__BulletList {
  display: grid;
  row-gap: 5px;
  font-size: 16px;
  line-height: 1.7;
}
.Dropdown__BulletList:not(:first-child) {
  margin-top: 20px;
}
.Dropdown__BulletList > li {
  position: relative;
  padding-left: 16px;
}
.Dropdown__BulletList > li::before {
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 6px;
  height: 6px;
  content: "";
  background-color: currentColor;
  border-radius: 100%;
}

.Dropdown__Image:not(:first-child) {
  margin-top: 26px;
}

.Dropdown__SubTitle {
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (min-width: 768.02px), print {
  .Dropdown__SubTitle {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .Dropdown__SubTitle {
    font-size: 14px;
  }
}
@media screen and (min-width: 768.02px), print {
  .Dropdown__SubTitle:not(:first-child) {
    padding-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .Dropdown__SubTitle:not(:first-child) {
    padding-top: 20px;
  }
}

.Dropdown__Image__List {
  display: grid;
  padding-right: 20px;
}
@media screen and (min-width: 768.02px), print {
  .Dropdown__Image__List {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 32px;
    column-gap: 30px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .Dropdown__Image__List {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 21px;
    column-gap: 24px;
    margin-top: 16px;
  }
}
.Dropdown__Image__List li {
  position: relative;
}
.Dropdown__Image__List li::after {
  position: absolute;
  top: 50%;
  right: -14px;
  width: 11px;
  height: 11px;
  content: "";
  border-top: 2px solid #282728;
  border-right: 2px solid #282728;
  transform: translateY(-50%);
  rotate: 45deg;
}
.Dropdown__Image__List li:last-of-type::after {
  content: none;
}
.Dropdown__Image__List img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .HowToUse .Dropdown__Image__List {
    grid-template-columns: 1fr;
    padding-right: 0px;
  }
  .HowToUse .Dropdown__Image__List li::after {
    top: auto;
    right: auto;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    rotate: 135deg;
  }
}

.Dropdown__Table {
  width: 100%;
  border-top: solid 1px black;
  border-right: solid 1px black;
}
.Dropdown__Table:not(:first-child) {
  margin-top: 28px;
}
.Dropdown__Table:not(:lang(ja)) {
  text-align: center;
}
.Dropdown__Table caption {
  margin-bottom: 8px;
  font-weight: 700;
}
.Dropdown__Table caption:not(:lang(ja)) {
  text-align: left;
}
.Dropdown__Table thead {
  color: white;
}
.Dropdown__Table td,
.Dropdown__Table th {
  padding: 12px 10px;
  font-size: 14px;
  line-height: 1.5714285714;
  border-left: solid 1px black;
}
@media screen and (min-width: 768.02px), print {
  .Dropdown__Table tbody th {
    width: 20%;
  }
}
@media screen and (max-width: 768px) {
  .Dropdown__Table tbody th {
    width: 20%;
  }
}
@media screen and (min-width: 768.02px), print {
  .Dropdown__Table tbody td {
    width: 20%;
  }
}
@media screen and (max-width: 768px) {
  .Dropdown__Table tbody td {
    width: 55%;
  }
}
.Dropdown__Table :not(thead) > tr > th,
.Dropdown__Table :not(thead) > tr > td {
  border-bottom: solid 1px black;
}
@media screen and (max-width: 768px) {
  .Dropdown__Table.Dropdown__Table--pc {
    display: none;
  }
}
@media screen and (min-width: 768.02px), print {
  .Dropdown__Table.Dropdown__Table--sp {
    display: none;
  }
}
.Dropdown__Table.Dropdown__Table--sp + .Dropdown__Table.Dropdown__Table--sp {
  margin-top: 0;
  border-top: none;
}

.Dropdown__OrderedList {
  font-size: 16px;
  line-height: 1.875;
  counter-reset: item;
  /* stylelint-disable-next-line no-descending-specificity */
}
.Dropdown__OrderedList:not(:first-child) {
  margin-top: 28px;
}
.Dropdown__OrderedList li {
  position: relative;
  padding-left: 26px;
}
.Dropdown__OrderedList li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(item) "）";
  counter-increment: item;
}
.Dropdown__OrderedList p {
  margin-top: 0;
}
.Dropdown__OrderedList.Dropdown__OrderedList--withImage {
  display: grid;
  row-gap: 20px;
}
.Dropdown__OrderedList.Dropdown__OrderedList--withImage li {
  display: grid;
  grid-template-rows: 1fr auto;
  row-gap: 10px;
}
.Dropdown__OrderedList.Dropdown__OrderedList--fixedWidth img {
  max-width: 172px;
}
.Dropdown__OrderedList.Dropdown__OrderedList--col2 {
  display: grid;
  row-gap: 40px;
  column-gap: 20px;
}
@media screen and (min-width: 768.02px), print {
  .Dropdown__OrderedList.Dropdown__OrderedList--col2 {
    grid-template-columns: 1fr 1fr;
  }
}
.Dropdown__OrderedList.Dropdown__OrderedList--col2 li {
  display: grid;
  grid-template-rows: 1fr auto;
  row-gap: 10px;
}
.Dropdown__OrderedList.Dropdown__OrderedList--col2 li picture {
  width: 75%;
}

.Dropdown__Iframe {
  width: 100%;
  aspect-ratio: 16/9;
  margin-top: 20px;
}
.Dropdown__Iframe iframe {
  width: 100%;
  height: 100%;
}

.HeadingBlock {
  position: sticky;
  z-index: 0;
  width: 100%;
  overflow: hidden;
  background-color: black;
}
@media screen and (min-width: 768.02px), print {
  .HeadingBlock {
    top: var(--local-nav-height);
    aspect-ratio: 1440/650;
  }
}
@media screen and (max-width: 768px) {
  .HeadingBlock {
    top: 0;
    max-height: 480px;
    aspect-ratio: 375/480;
  }
}
.HeadingBlock::before {
  position: absolute;
  inset: 0;
  display: block;
  content: "";
  background-color: black;
  opacity: 0.3;
}

.HeadingBlock__Image {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: auto;
  transform: scale(1.3);
}
.HeadingBlock__Image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.AirStudio {
  position: sticky;
  background-color: var(--color-bright-sun);
}
.AirStudio::after {
  position: absolute;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100vh;
  content: "";
  background-color: var(--color-bright-sun);
}
@media screen and (min-width: 768.02px), print {
  .AirStudio {
    top: var(--local-nav-height);
  }
}
@media screen and (max-width: 768px) {
  .AirStudio {
    top: -60%;
  }
}

.AirStudio__Heading {
  position: absolute;
  right: 0;
  left: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  font-weight: 700;
  color: var(--color-bright-sun);
  text-align: center;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768.02px), print {
  .AirStudio__Heading {
    font-size: 100px;
    transform: translateY(calc(-100% + 20px));
  }
}
@media screen and (max-width: 768px) {
  .AirStudio__Heading {
    font-size: 40px;
    transform: translateY(calc(-100% + 8px));
  }
}

.AirStudio__ImageLeft,
.AirStudio__ImageRight {
  position: absolute;
}

.AirStudio__ImageLeft {
  z-index: 0;
  display: grid;
}
@media screen and (min-width: 768.02px), print {
  .AirStudio__ImageLeft {
    top: 10%;
    bottom: 0;
    left: 3%;
    align-items: center;
    width: 25%;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .AirStudio__ImageLeft {
    top: 180px;
    left: 4%;
    align-items: start;
    width: 35%;
    max-width: 180px;
    height: 100%;
    max-height: 300px;
    margin-top: auto;
  }
}
.AirStudio__ImageLeft [data-air-studio-parallax=back] {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768.02px), print {
  .AirStudio__ImageLeft [data-air-studio-parallax=back] {
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .AirStudio__ImageLeft [data-air-studio-parallax=back] {
    top: -12%;
  }
}
.AirStudio__ImageLeft [data-air-studio-parallax=back] > * {
  position: absolute;
}
.AirStudio__ImageLeft [data-air-studio-parallax=back] > *:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
}
.AirStudio__ImageLeft [data-air-studio-parallax=main] {
  position: absolute;
  left: 26%;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768.02px), print {
  .AirStudio__ImageLeft [data-air-studio-parallax=main] {
    top: 20%;
  }
}
.AirStudio__ImageLeft [data-air-studio-parallax=main] img {
  position: absolute;
}
.AirStudio__ImageLeft [data-air-studio-parallax=front] {
  position: absolute;
  bottom: 10%;
  width: 120%;
  height: 100%;
}
@media screen and (min-width: 768.02px), print {
  .AirStudio__ImageLeft [data-air-studio-parallax=front] {
    left: 5%;
  }
}
@media screen and (max-width: 768px) {
  .AirStudio__ImageLeft [data-air-studio-parallax=front] {
    left: 26%;
  }
}
.AirStudio__ImageLeft [data-air-studio-parallax=front] img {
  position: absolute;
}
@media screen and (min-width: 768.02px), print {
  .AirStudio__ImageLeft [data-air-studio-parallax=front] img {
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .AirStudio__ImageLeft [data-air-studio-parallax=front] img {
    top: 50%;
  }
}

.AirStudio__ImageRight {
  bottom: 0;
}
@media screen and (min-width: 768.02px), print {
  .AirStudio__ImageRight {
    top: -5%;
    right: -5%;
    width: 40%;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .AirStudio__ImageRight {
    top: 0;
    right: -21%;
    width: 80%;
    max-width: 400px;
    height: 350px;
  }
}

.AirStudio__Content {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
}
@media screen and (min-width: 768.02px), print {
  .AirStudio__Content {
    min-height: 830px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudio__Content {
    margin-bottom: -2px;
  }
}

.AirStudio__Inner {
  display: grid;
  margin-inline: auto;
}
@media screen and (min-width: 768.02px), print {
  .AirStudio__Inner {
    place-items: center;
    width: 50%;
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudio__Inner {
    width: 90%;
    padding-top: 400px;
    padding-bottom: 100px;
  }
}

.AirStudio__New {
  position: relative;
  z-index: 0;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
  line-height: 1.6;
  color: var(--color-bright-sun);
  letter-spacing: 0.09em;
}
@media screen and (min-width: 768.02px), print {
  .AirStudio__New {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudio__New {
    padding-right: 22px;
    padding-left: 22px;
    font-size: 14px;
  }
}
.AirStudio__New::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  display: block;
  content: "";
  background-color: var(--color-orient);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='103'%20height='39'%20viewBox='0%200%20103%2039'%3e%3cdefs%3e%3c/defs%3e%3cpath%20id='new.svg'%20class='cls-1'%20d='M752.428,954.105a19.5,19.5,0,0,1-11.13-3.482,8.511,8.511,0,0,0-9.668,0,19.529,19.529,0,0,1-22.26,0,8.51,8.51,0,0,0-9.667,0,19.5,19.5,0,1,1,0-32.044,8.514,8.514,0,0,0,9.667,0,19.534,19.534,0,0,1,22.26,0,8.516,8.516,0,0,0,9.668,0A19.522,19.522,0,1,1,752.428,954.105Z'%20transform='translate(-669%20-915.094)'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='103'%20height='39'%20viewBox='0%200%20103%2039'%3e%3cdefs%3e%3c/defs%3e%3cpath%20id='new.svg'%20class='cls-1'%20d='M752.428,954.105a19.5,19.5,0,0,1-11.13-3.482,8.511,8.511,0,0,0-9.668,0,19.529,19.529,0,0,1-22.26,0,8.51,8.51,0,0,0-9.667,0,19.5,19.5,0,1,1,0-32.044,8.514,8.514,0,0,0,9.667,0,19.534,19.534,0,0,1,22.26,0,8.516,8.516,0,0,0,9.668,0A19.522,19.522,0,1,1,752.428,954.105Z'%20transform='translate(-669%20-915.094)'/%3e%3c/svg%3e");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  transform: translate(-50%, -54%);
}
@media screen and (min-width: 768.02px), print {
  .AirStudio__New::before {
    width: 104px;
    height: 40px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudio__New::before {
    width: 74px;
    height: 28px;
  }
}

.AirStudio__Lead {
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-crusta);
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768.02px), print {
  .AirStudio__Lead {
    margin-top: 20px;
    font-size: 34px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .AirStudio__Lead {
    margin-top: 12px;
    font-size: 26px;
  }
  .AirStudio__Lead:lang(ko) {
    font-size: 25px;
  }
}

.AirStudio__Text {
  margin-top: 10px;
  font-weight: 400;
  line-height: 1.8;
  color: var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .AirStudio__Text {
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 768px) {
  .AirStudio__Text {
    font-size: 15px;
  }
}

.AirStudio__Button {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .AirStudio__Button {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.AirStudioInfo {
  position: sticky;
  top: var(--local-nav-height);
  z-index: 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .AirStudioInfo::before, .AirStudioInfo::after {
    position: absolute;
    z-index: -1;
    display: block;
    width: 90%;
    height: 100%;
    content: "";
    background-color: var(--color-crusta);
    border-radius: 210px;
  }
  .AirStudioInfo::before {
    top: 0;
    left: 0;
    transform: translateX(-85%);
  }
  .AirStudioInfo::after {
    top: 0;
    right: 0;
    transform: translateX(85%);
  }
}

.AirStudioInfo__Step {
  position: relative;
  background-image: linear-gradient(to bottom, transparent 0 35%, var(--color-crusta) 35% 100%);
}
@media screen and (min-width: 768.02px), print {
  .AirStudioInfo__Step {
    left: 50%;
    display: flex;
    justify-content: center;
    width: 130%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .AirStudioInfo__Step {
    width: 90%;
    margin-inline: auto;
  }
}
.AirStudioInfo__Step::before, .AirStudioInfo__Step::after {
  display: block;
  content: "";
  background-color: var(--color-crusta);
  border-radius: 210px;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioInfo__Step::before, .AirStudioInfo__Step::after {
    width: 20%;
    padding: 70px 20px;
  }
}
.AirStudioInfo__Step li {
  position: relative;
  display: grid;
  background-color: var(--color-crusta);
}
@media screen and (min-width: 768.02px), print {
  .AirStudioInfo__Step li {
    grid-template-rows: 230px auto;
    justify-items: center;
    width: calc(20% + 2px);
    padding: 70px 10px;
    margin-inline: -1px;
    border-radius: 210px;
  }
  .AirStudioInfo__Step li picture {
    align-content: end;
  }
  .AirStudioInfo__Step li img {
    max-height: 230px;
    object-fit: contain;
  }
  .AirStudioInfo__Step li:nth-child(4) img {
    max-height: 184px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioInfo__Step li {
    grid-template: "Img Number" auto "Img Text" 1fr/1fr 60%;
    column-gap: 16px;
    padding-top: 60px;
    padding-right: 10px;
    padding-left: 10px;
    margin-block: -1px;
  }
  .AirStudioInfo__Step li:first-child {
    border-top-left-radius: 210px;
    border-top-right-radius: 210px;
  }
  .AirStudioInfo__Step li picture {
    grid-area: Img;
    align-self: center;
    justify-self: center;
  }
}

.AirStudioInfo__StepNumber {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .AirStudioInfo__StepNumber {
    position: static;
    grid-area: Number;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-block: auto;
  }
}
.AirStudioInfo__StepNumber span {
  display: block;
}
.AirStudioInfo__StepNumber span:first-child {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-orient);
  text-align: center;
}
.AirStudioInfo__StepNumber span:last-child {
  margin-top: 4px;
  font-size: 71px;
  font-weight: 700;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--color-orient);
  -webkit-text-fill-color: transparent;
}

.AirStudioInfo__Content {
  padding-bottom: 40px;
  background-color: var(--color-crusta);
}
@media screen and (max-width: 768px) {
  .AirStudioInfo__Content {
    padding-top: 40px;
  }
}

.AirStudioInfo__Button {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.AirStudioInfo__Heading {
  font-weight: 700;
  line-height: 1.45;
  color: var(--color-bright-sun);
  text-align: center;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioInfo__Heading {
    margin-top: 106px;
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioInfo__Heading {
    margin-top: 72px;
    font-size: 26px;
  }
}

.AirStudioInfo__image {
  position: relative;
  display: grid;
  margin-inline: auto;
  margin-top: 34px;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioInfo__image {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioInfo__image {
    width: min(200%, 768px);
    height: 380px;
    margin-inline: calc(min(50%, (768px - 100%) / 2) * -1);
  }
}
.AirStudioInfo__image > *:nth-child(1),
.AirStudioInfo__image > *:nth-child(3) {
  position: absolute;
  inset: 0;
}
.AirStudioInfo__image > *:nth-child(2) {
  position: relative;
}
@media screen and (max-width: 768px) {
  .AirStudioInfo__image > *:nth-child(2) {
    position: absolute;
    inset: 0;
  }
}

.AirStudioInfo__StepText {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: white;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioInfo__StepText {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioInfo__StepText {
    grid-area: Text;
  }
}

.UsefulFunction {
  display: grid;
  margin-top: 44px;
}
@media screen and (min-width: 768.02px), print {
  .UsefulFunction {
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
  }
}
@media screen and (max-width: 768px) {
  .UsefulFunction {
    row-gap: 20px;
  }
}

.UsefulFunction__Item {
  display: grid;
  grid-template-rows: 290px 1fr;
  overflow: hidden;
  border-radius: 60px;
}
.UsefulFunction__Item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.UsefulFunction__Content {
  padding: 30px 20px 40px;
  background-color: var(--color-bright-sun);
}
.UsefulFunction__Content p {
  text-align: center;
}

.UsefulFunction__Button {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-top: 25px;
}

.UsefulFunction__Heading {
  font-weight: 700;
  line-height: 1.45;
  color: var(--color-orient);
  text-align: center;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768.02px), print {
  .UsefulFunction__Heading {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .UsefulFunction__Heading {
    font-size: 26px;
  }
}

.UsefulFunction__Text {
  margin-top: 8px;
  font-weight: 400;
  line-height: 1.8;
  color: var(--color-orient);
  text-align: center;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768.02px), print {
  .UsefulFunction__Text {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .UsefulFunction__Text {
    font-size: 15px;
  }
}

.ClickToCollage {
  position: sticky;
  z-index: 0;
  background-color: var(--color-bright-sun);
}
@media screen and (min-width: 768.02px), print {
  .ClickToCollage {
    top: -30%;
    padding-left: max(30px, (100% - clamp(1160px, 80.5555555556vw, 1392px)) / 2);
  }
}
@media screen and (max-width: 768px) {
  .ClickToCollage {
    top: -50%;
  }
}

.ClickToCollage__Content {
  display: grid;
}
@media screen and (min-width: 768.02px), print {
  .ClickToCollage__Content {
    grid-template-areas: "info img";
    grid-template-columns: 1fr 2fr;
    min-height: 770px;
  }
}
@media screen and (max-width: 768px) {
  .ClickToCollage__Content {
    padding-top: 42px;
    padding-bottom: 100px;
  }
}

.ClickToCollage__Heading {
  position: absolute;
  right: 0;
  left: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  font-weight: 700;
  color: var(--color-bright-sun);
  text-align: center;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768.02px), print {
  .ClickToCollage__Heading {
    font-size: 100px;
    transform: translateY(calc(-100% + 20px));
  }
}
@media screen and (max-width: 768px) {
  .ClickToCollage__Heading {
    font-size: 40px;
    transform: translateY(calc(-100% + 8px));
  }
}
.ClickToCollage .ClickToCollage__Heading {
  transform: translateY(-100%);
}

.ClickToCollage__Main {
  position: relative;
  display: grid;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .ClickToCollage__Main {
    min-height: 256px;
  }
}

.ClickToCollage__Result {
  position: absolute;
  display: grid;
  aspect-ratio: 1276/420;
}
@media screen and (min-width: 768.02px), print {
  .ClickToCollage__Result {
    top: 17%;
    left: 150px;
    width: 580px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .ClickToCollage__Result {
    place-self: center;
    width: 700px;
  }
}
.ClickToCollage__Result [data-result-image] {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.ClickToCollage__Count {
  position: absolute;
  z-index: 1;
  display: grid;
  place-items: center;
}
@media screen and (min-width: 768.02px), print {
  .ClickToCollage__Count {
    top: 15%;
  }
}
@media screen and (max-width: 768px) {
  .ClickToCollage__Count {
    inset: 0;
    z-index: 1;
    margin: auto;
  }
}

.ClickToCollage__Image {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768.02px), print {
  .ClickToCollage__Image {
    width: 200px;
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .ClickToCollage__Image {
    height: 182px;
  }
}
.ClickToCollage__Image img {
  display: none;
  width: auto;
  height: 100%;
}
.ClickToCollage__Image video {
  position: absolute;
  inset: 0;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  margin: auto;
  object-fit: cover;
}

.ClickToCollage__CountText {
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-orient);
  text-align: center;
  letter-spacing: 0.04em;
  opacity: 0;
}
@media screen and (min-width: 768.02px), print {
  .ClickToCollage__CountText {
    position: absolute;
    bottom: 80%;
    left: 10%;
    font-size: clamp(18px, 1.67vw, 23px);
    transform: rotate(-7deg);
  }
}
@media screen and (max-width: 768px) {
  .ClickToCollage__CountText {
    font-size: 17px;
  }
}

.ClickToCollage__Dynamic {
  visibility: hidden;
  opacity: 0;
  transition-duration: 0.6s;
  transition-property: opacity, visibility;
}
.ClickToCollage__Dynamic.is-show {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 768.02px), print {
  .ClickToCollage__Info {
    grid-area: info;
    align-self: center;
  }
}
@media screen and (max-width: 768px) {
  .ClickToCollage__Info {
    width: 90%;
    margin-inline: auto;
  }
}

.ClickToCollage__Info__New {
  position: relative;
  z-index: 0;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
  line-height: 1.6;
  color: var(--color-bright-sun);
  letter-spacing: 0.09em;
}
@media screen and (min-width: 768.02px), print {
  .ClickToCollage__Info__New {
    padding-right: 36px;
    padding-left: 38px;
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .ClickToCollage__Info__New {
    padding-right: 22px;
    padding-left: 22px;
    font-size: 14px;
  }
}
.ClickToCollage__Info__New::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  display: block;
  content: "";
  background-color: var(--color-orient);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='103'%20height='39'%20viewBox='0%200%20103%2039'%3e%3cdefs%3e%3c/defs%3e%3cpath%20id='new.svg'%20class='cls-1'%20d='M752.428,954.105a19.5,19.5,0,0,1-11.13-3.482,8.511,8.511,0,0,0-9.668,0,19.529,19.529,0,0,1-22.26,0,8.51,8.51,0,0,0-9.667,0,19.5,19.5,0,1,1,0-32.044,8.514,8.514,0,0,0,9.667,0,19.534,19.534,0,0,1,22.26,0,8.516,8.516,0,0,0,9.668,0A19.522,19.522,0,1,1,752.428,954.105Z'%20transform='translate(-669%20-915.094)'/%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='103'%20height='39'%20viewBox='0%200%20103%2039'%3e%3cdefs%3e%3c/defs%3e%3cpath%20id='new.svg'%20class='cls-1'%20d='M752.428,954.105a19.5,19.5,0,0,1-11.13-3.482,8.511,8.511,0,0,0-9.668,0,19.529,19.529,0,0,1-22.26,0,8.51,8.51,0,0,0-9.667,0,19.5,19.5,0,1,1,0-32.044,8.514,8.514,0,0,0,9.667,0,19.534,19.534,0,0,1,22.26,0,8.516,8.516,0,0,0,9.668,0A19.522,19.522,0,1,1,752.428,954.105Z'%20transform='translate(-669%20-915.094)'/%3e%3c/svg%3e");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  transform: translate(-50%, -54%);
}
@media screen and (min-width: 768.02px), print {
  .ClickToCollage__Info__New::before {
    width: 104px;
    height: 40px;
  }
}
@media screen and (max-width: 768px) {
  .ClickToCollage__Info__New::before {
    width: 74px;
    height: 28px;
  }
}

.ClickToCollage__Info__Heading {
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-crusta);
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768.02px), print {
  .ClickToCollage__Info__Heading {
    margin-top: 26px;
    font-size: 34px;
  }
}
@media screen and (max-width: 768px) {
  .ClickToCollage__Info__Heading {
    margin-top: 12px;
    font-size: 26px;
  }
  .ClickToCollage__Info__Heading:lang(zh-cmn-Hant) {
    font-size: 22px;
  }
}

.ClickToCollage__Info__Text {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: var(--color-orient);
  letter-spacing: 0.04em;
}

@media screen and (min-width: 768.02px), print {
  .ClickToCollage__Sample {
    position: absolute;
    right: 0;
    bottom: 10%;
    left: 100px;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    opacity: 0;
  }
}
@media screen and (max-width: 768px) {
  .ClickToCollage__Sample {
    display: flex;
    justify-content: center;
    width: 90%;
    margin-inline: auto;
    margin-top: 32px;
    opacity: 1 !important;
  }
}

.ClickToCollage__Button {
  margin-top: 20px;
}

.OtherFunFeatures {
  position: sticky;
  top: 0;
  padding-bottom: 120px;
  background-color: var(--color-bright-sun);
}

.OtherFunFeatures__Heading {
  position: absolute;
  right: 0;
  left: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  font-weight: 700;
  color: var(--color-bright-sun);
  text-align: center;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768.02px), print {
  .OtherFunFeatures__Heading {
    font-size: 100px;
    transform: translateY(calc(-100% + 20px));
  }
}
@media screen and (max-width: 768px) {
  .OtherFunFeatures__Heading {
    font-size: 40px;
    transform: translateY(calc(-100% + 8px));
  }
}

.OtherFunFeatures__Grid {
  display: grid;
  gap: 28px;
}
@media screen and (min-width: 768.02px), print {
  .OtherFunFeatures__Grid {
    grid-template-columns: repeat(2, 1fr);
    padding-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .OtherFunFeatures__Grid {
    padding-top: 80px;
  }
}

.OtherFunFeatures__Item {
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: 60px;
}
@media screen and (min-width: 768.02px), print {
  .OtherFunFeatures__Item {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    height: clamp(500px, 454.288px + 5.952vw, 540px);
    padding: 60px 48px;
  }
  .OtherFunFeatures__Item:lang(fr), .OtherFunFeatures__Item:lang(it) {
    min-height: 700px;
  }
  .OtherFunFeatures__Item:lang(de) {
    min-height: 600px;
  }
}
@media screen and (max-width: 768px) {
  .OtherFunFeatures__Item {
    padding-inline: 20px;
    padding-top: 38px;
  }
  .OtherFunFeatures__Item.OtherFunFeatures__Item--collage-print {
    grid-row-start: 3;
  }
  .OtherFunFeatures__Item.OtherFunFeatures__Item--blank {
    grid-row-start: 4;
  }
}
.OtherFunFeatures__Item.OtherFunFeatures__Item--match-test, .OtherFunFeatures__Item.OtherFunFeatures__Item--collage-print, .OtherFunFeatures__Item.OtherFunFeatures__Item--instax-camera {
  color: white;
  background-color: var(--color-crusta);
}
@media screen and (max-width: 768px) {
  .OtherFunFeatures__Item.OtherFunFeatures__Item--match-test {
    padding-bottom: 132px;
  }
}
.OtherFunFeatures__Item.OtherFunFeatures__Item--frame-print, .OtherFunFeatures__Item.OtherFunFeatures__Item--sns-share {
  color: var(--color-bright-sun);
  background-color: var(--color-orient);
}
@media screen and (max-width: 768px) {
  .OtherFunFeatures__Item.OtherFunFeatures__Item--frame-print, .OtherFunFeatures__Item.OtherFunFeatures__Item--sns-share {
    padding-bottom: 200px;
  }
  .OtherFunFeatures__Item.OtherFunFeatures__Item--blank {
    min-height: 450px;
  }
}

.OtherFunFeatures__MatchTest__Image01,
.OtherFunFeatures__MatchTest__Image02,
.OtherFunFeatures__MatchTest__Image03 {
  position: absolute;
  z-index: -1;
}

.OtherFunFeatures__MatchTest__Image03 {
  right: 0;
  bottom: -3%;
  width: 50%;
}
.OtherFunFeatures__MatchTest__Image03:lang(de) {
  bottom: -15%;
}

.OtherFunFeatures__FramePrint__Image01 {
  position: absolute;
  z-index: -1;
}
@media screen and (min-width: 768.02px), print {
  .OtherFunFeatures__FramePrint__Image01 {
    right: -8%;
    bottom: -5%;
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .OtherFunFeatures__FramePrint__Image01 {
    top: calc(100% - 200px + 24px);
    left: 0;
    width: 100%;
  }
  .OtherFunFeatures__FramePrint__Image01 img {
    width: 95%;
  }
}

.OtherFunFeatures__SnsShare__Image01,
.OtherFunFeatures__SnsShare__Image02 {
  position: absolute;
  z-index: -1;
}

.OtherFunFeatures__SnsShare__Image01 {
  right: 0;
  bottom: 0;
  width: 58%;
}

.OtherFunFeatures__SnsShare__Image02 {
  right: 40%;
  bottom: -20%;
  width: 40%;
}

.OtherFunFeatures__CollagePrint__Image01 {
  z-index: -1;
  margin-inline: auto;
}
.OtherFunFeatures__CollagePrint__Image01 img {
  transform: translateY(10%);
}

.OtherFunFeatures__Blank__Image01 {
  position: absolute;
  inset: 0;
}
.OtherFunFeatures__Blank__Image01 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.OtherFunFeatures__Title {
  display: flex;
  column-gap: 13px;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}
.OtherFunFeatures__Title img {
  max-width: 50px;
  max-height: 50px;
  aspect-ratio: 1/1;
}

.OtherFunFeatures__Text {
  margin-top: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768.02px), print {
  .OtherFunFeatures__Text {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  .OtherFunFeatures__Text {
    font-size: 22px;
  }
  .OtherFunFeatures__Text:lang(ko), .OtherFunFeatures__Text:lang(fr) {
    font-size: 21px;
  }
}

.OtherFunFeatures__Button {
  margin-top: 28px;
}

@media screen and (min-width: 768.02px), print {
  .OtherFunFeatures__InstaxCamera__ImageWrapper {
    align-self: start;
    justify-self: right;
    height: 100%;
    aspect-ratio: 265/230;
  }
}
@media screen and (max-width: 768px) {
  .OtherFunFeatures__InstaxCamera__ImageWrapper {
    display: flex;
    justify-content: right;
    padding-bottom: 12px;
  }
}

.OtherFunFeatures__InstaxCamera__Image {
  position: relative;
}
@media screen and (min-width: 768.02px), print {
  .OtherFunFeatures__InstaxCamera__Image {
    aspect-ratio: 270/225;
  }
}
@media screen and (max-width: 768px) {
  .OtherFunFeatures__InstaxCamera__Image {
    grid-row-start: 2;
    width: 69.1525423729%;
    aspect-ratio: 3/2;
  }
}
.OtherFunFeatures__InstaxCamera__Image [data-camera] {
  position: absolute;
}
.OtherFunFeatures__InstaxCamera__Image [data-camera] img {
  width: 100%;
}
.OtherFunFeatures__InstaxCamera__Image [data-camera=body] {
  bottom: 0%;
}
@media screen and (min-width: 768.02px), print {
  .OtherFunFeatures__InstaxCamera__Image [data-camera=body] {
    left: 0%;
    width: 45%;
  }
}
@media screen and (max-width: 768px) {
  .OtherFunFeatures__InstaxCamera__Image [data-camera=body] {
    left: 10%;
    width: 35%;
  }
}
.OtherFunFeatures__InstaxCamera__Image [data-camera=front-arrow],
.OtherFunFeatures__InstaxCamera__Image [data-camera=back-arrow] {
  top: -10%;
  left: 22%;
  width: 66%;
}
.OtherFunFeatures__InstaxCamera__Image [data-camera=hand] {
  bottom: 0;
  z-index: 0;
}
@media screen and (min-width: 768.02px), print {
  .OtherFunFeatures__InstaxCamera__Image [data-camera=hand] {
    right: 10%;
    width: 31%;
  }
}
@media screen and (max-width: 768px) {
  .OtherFunFeatures__InstaxCamera__Image [data-camera=hand] {
    right: 10%;
    width: 31%;
  }
}
.OtherFunFeatures__InstaxCamera__Image [data-camera=image] {
  top: 45%;
  left: 50%;
  z-index: -1;
  width: 60%;
  transform: translate(-50%, -50%);
  will-change: transform;
}

.ProductDesign {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768.02px), print {
  .ProductDesign {
    padding-top: 143px;
    padding-bottom: 143px;
  }
}
@media screen and (max-width: 768px) {
  .ProductDesign {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}

.ProductDesign__Decorations {
  position: absolute;
  inset: 0;
  z-index: -1;
  height: 110%;
  overflow: hidden;
}
.ProductDesign__Decorations > span {
  position: absolute;
  display: block;
  aspect-ratio: 1/1;
  border-radius: 9999px;
  animation-name: blink;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  --color-alice-blue: #f3fbff;
  --color-fog: #e4d1ff;
  --color-milan: #fffba5;
  --color-apricot-white: #fffeec;
  --color-hit-pink: #ffb287;
  --color-lavender-rose: rgba(255, 149, 225, 0.3);
}
.ProductDesign__Decorations > span:nth-child(1) {
  left: -5%;
  background-color: var(--color-alice-blue);
}
@media screen and (min-width: 768.02px), print {
  .ProductDesign__Decorations > span:nth-child(1) {
    top: 20%;
    width: 343px;
    height: 323px;
    filter: blur(100px);
  }
}
@media screen and (max-width: 768px) {
  .ProductDesign__Decorations > span:nth-child(1) {
    top: 27%;
    width: 123px;
    height: 123px;
    filter: blur(35px);
  }
}
.ProductDesign__Decorations > span:nth-child(2) {
  top: 15%;
  left: 10%;
  width: 123px;
  height: 123px;
  background-color: var(--color-fog);
  filter: blur(35px);
  animation-delay: 0.8s;
}
.ProductDesign__Decorations > span:nth-child(3) {
  background-color: var(--color-milan);
  filter: blur(50px);
  animation-delay: 0.2s;
}
@media screen and (min-width: 768.02px), print {
  .ProductDesign__Decorations > span:nth-child(3) {
    top: -8%;
    left: 45%;
    width: 278px;
    height: 296px;
  }
}
@media screen and (max-width: 768px) {
  .ProductDesign__Decorations > span:nth-child(3) {
    top: -8%;
    left: 25%;
    width: 178px;
    height: 196px;
  }
}
.ProductDesign__Decorations > span:nth-child(4) {
  top: 30%;
  right: 10%;
  width: 97px;
  height: 91px;
  background-color: var(--color-apricot-white);
  animation-delay: 1.2s;
}
@media screen and (min-width: 768.02px), print {
  .ProductDesign__Decorations > span:nth-child(4) {
    filter: blur(35px);
  }
}
@media screen and (max-width: 768px) {
  .ProductDesign__Decorations > span:nth-child(4) {
    filter: blur(20px);
  }
}
.ProductDesign__Decorations > span:nth-child(5) {
  top: 55%;
  right: 3%;
  width: 183px;
  height: 173px;
  background-color: var(--color-hit-pink);
  filter: blur(50px);
  animation-delay: 1.6s;
}
.ProductDesign__Decorations > span:nth-child(6) {
  right: 5%;
  width: 148px;
  height: 139px;
  background-color: var(--color-milan);
  animation-delay: 0.6s;
}
@media screen and (min-width: 768.02px), print {
  .ProductDesign__Decorations > span:nth-child(6) {
    top: 50%;
    filter: blur(50px);
  }
}
@media screen and (max-width: 768px) {
  .ProductDesign__Decorations > span:nth-child(6) {
    top: 40%;
    filter: blur(20px);
  }
}
.ProductDesign__Decorations > span:nth-child(7) {
  left: -5%;
  background-color: var(--color-lavender-rose);
  animation-delay: 1.4s;
}
@media screen and (min-width: 768.02px), print {
  .ProductDesign__Decorations > span:nth-child(7) {
    bottom: 6%;
    width: 241px;
    height: 241px;
    filter: blur(50px);
  }
}
@media screen and (max-width: 768px) {
  .ProductDesign__Decorations > span:nth-child(7) {
    bottom: 18%;
    width: 200px;
    height: 200px;
    filter: blur(30px);
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.ProductDesign__Heading {
  font-weight: 700;
  line-height: 1.1;
  color: var(--color-crusta);
}
@media screen and (min-width: 768.02px), print {
  .ProductDesign__Heading {
    font-size: 80px;
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  .ProductDesign__Heading {
    font-size: 50px;
  }
}

.ProductDesign__List {
  display: flex;
  margin-top: 47px;
}
@media screen and (min-width: 768.02px), print {
  .ProductDesign__List {
    column-gap: 20px;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .ProductDesign__List {
    flex-direction: column;
    row-gap: 28px;
    width: 70%;
    margin-inline: auto;
  }
}
.ProductDesign__List li {
  position: relative;
}
@media screen and (min-width: 768.02px), print {
  .ProductDesign__List li {
    max-width: calc((100% - 40px - 60px) / 3);
  }
  .ProductDesign__List li:first-child {
    transform: translateY(-20%);
  }
  .ProductDesign__List li:last-child {
    transform: translateY(20%);
  }
}

.ProductDesign__Image {
  position: relative;
}
@media screen and (max-width: 768px) {
  .ProductDesign__Image {
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
}

.ProductDesign__Name {
  position: absolute;
  top: 80%;
  display: grid;
  place-items: center;
  font-weight: 600;
  line-height: 1.3;
  color: var(--color-orient);
  text-align: center;
  letter-spacing: 0.04em;
  transform: translateX(-60%);
}
@media screen and (min-width: 768.02px), print {
  .ProductDesign__Name {
    width: 29.0726817043%;
    min-width: 80px;
    max-width: 100px;
    height: 20.4511278195%;
    min-height: 80px;
    max-height: 100px;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .ProductDesign__Name {
    width: 77px;
    height: 77px;
    font-size: 12px;
  }
}
.ProductDesign__Name::after {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-image: conic-gradient(var(--color-orient) 0deg 270deg, transparent 270deg 360deg);
  border-radius: 9999px;
  -webkit-mask-image: radial-gradient(transparent 67%, black 69% 100%);
          mask-image: radial-gradient(transparent 67%, black 69% 100%);
  transform: rotate(90deg);
}

@media screen and (min-width: 768.02px), print {
  .PhotoExamples {
    margin-top: 104px;
  }
}
@media screen and (max-width: 768px) {
  .PhotoExamples {
    margin-top: 80px;
  }
}

.PhotoExamples__Images {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768.02px), print {
  .PhotoExamples__Images {
    height: 1056px;
  }
}
@media screen and (max-width: 768px) {
  .PhotoExamples__Images {
    height: 548px;
  }
}
.PhotoExamples__Images picture {
  display: contents;
}
.PhotoExamples__Images [data-photo-image] {
  position: absolute;
  inset: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  transition: transform 1s;
  perspective: 500px;
}
@media screen and (min-width: 768.02px), print {
  .PhotoExamples__Images [data-photo-image] {
    height: 312px;
  }
}
@media screen and (max-width: 768px) {
  .PhotoExamples__Images [data-photo-image] {
    max-width: 100px;
  }
}
.PhotoExamples__Images [data-photo-image] img {
  width: auto;
  object-fit: contain;
  transform-style: preserve-3d;
}
@media screen and (min-width: 768.02px), print {
  .PhotoExamples__Images [data-photo-image] img {
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .PhotoExamples__Images [data-photo-image] img {
    height: auto;
  }
}
.PhotoExamples__Images [data-photo-image] img.opening, .PhotoExamples__Images [data-photo-image] img.ending {
  transition-duration: 0.2s;
}

.PhotoExamples__Text {
  margin-top: 60px;
  font-weight: 700;
  color: var(--color-orient);
  text-align: center;
}
@media screen and (min-width: 768.02px), print {
  .PhotoExamples__Text {
    font-size: 70px;
  }
}
@media screen and (max-width: 768px) {
  .PhotoExamples__Text {
    font-size: 48px;
  }
}

@media screen and (min-width: 768.02px), print {
  .LinkList {
    display: flex;
    flex-wrap: wrap;
    row-gap: 42px;
    column-gap: 28px;
    justify-content: center;
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .LinkList {
    display: grid;
    row-gap: 16px;
    margin-top: 60px;
  }
}
@media screen and (min-width: 768.02px), print {
  .LinkList li {
    width: max(265px, (100% - 56px) / 3);
  }
}

.LinkList__Link {
  position: relative;
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: center;
  font-weight: 700;
  line-height: 1;
  color: var(--color-orient);
  word-break: break-word;
  border-radius: 9999px;
  box-shadow: inset 0 0 0 2px var(--color-orient);
  transition: box-shadow 0.3s, transform 0.3s, color 0.3s;
  transform: scale3d(1, 1, 1);
  will-change: transform;
}
@media (hover: hover) {
  .LinkList__Link:where(:any-link, :enabled, summary):hover {
    color: var(--color-bright-sun);
    box-shadow: inset 0 0 0 60px var(--color-orient);
    transform: scale3d(1.1, 1.1, 1);
  }
}
@media screen and (min-width: 768.02px), print {
  .LinkList__Link {
    column-gap: 22px;
    padding: 31px 60px 30px 34px;
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .LinkList__Link {
    column-gap: 16px;
    padding: 20px 50px 20px 22px;
    font-size: 18px;
  }
}
.LinkList__Link::after {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 22px;
  height: 18px;
  content: "";
  background-color: var(--color-orient);
  -webkit-mask-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40.33 33.69"><polygon points="23.82 0 21.7 2.12 34.92 15.35 0 15.35 0 18.34 34.26 18.34 21.04 31.57 23.16 33.69 40.33 16.52 23.82 0" fill="%23cdffff"/></svg>');
          mask-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40.33 33.69"><polygon points="23.82 0 21.7 2.12 34.92 15.35 0 15.35 0 18.34 34.26 18.34 21.04 31.57 23.16 33.69 40.33 16.52 23.82 0" fill="%23cdffff"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  transform: translateY(-50%);
}
@media (hover: hover) {
  .LinkList__Link:where(:any-link, :enabled, summary):hover::after {
    background-color: var(--color-bright-sun);
  }
}

.LinkList__Icon {
  width: 48px;
  height: 48px;
  background-color: var(--color-orient);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
}
.LinkList__Icon.LinkList__Icon--spec {
  -webkit-mask-image: url('data:image/svg+xml;charset=utf8,<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="_x31_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve"><path fill="%2300677F" d="M40,0C17.9,0,0,17.9,0,40s17.9,40,40,40s40-17.9,40-40S62.1,0,40,0z M60.5,71.3c-1.5,1-3,1.8-4.7,2.6V38.6h0.5c2.3,0,4.2,1.9,4.2,4.2V71.3z M26.8,38.6h4.7v37.8c-1.6-0.4-3.2-0.8-4.7-1.4V38.6z M34.1,38.6h4.7v38.8c-1.6-0.1-3.1-0.2-4.7-0.4V38.6z M41.3,38.6H46v38.3c-1.5,0.2-3.1,0.4-4.7,0.4V38.6z M48.6,38.6h4.7V75c-1.5,0.6-3.1,1-4.7,1.4V38.6z M51.7,36H28.2V22.6h23.5V36z M24.2,73.9c-1.6-0.8-3.2-1.6-4.7-2.6V42.8c0-2.3,1.9-4.2,4.2-4.2h0.5V73.9z M63.1,69.4V42.8c0-3.7-3-6.8-6.8-6.8h-2.1V20H25.5v16h-1.9c-3.7,0-6.8,3-6.8,6.8v26.6C8.1,62.5,2.5,51.9,2.5,40c0-20.6,16.8-37.4,37.4-37.4S77.3,19.4,77.3,40C77.4,51.9,71.8,62.5,63.1,69.4z"/></svg>');
          mask-image: url('data:image/svg+xml;charset=utf8,<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="_x31_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve"><path fill="%2300677F" d="M40,0C17.9,0,0,17.9,0,40s17.9,40,40,40s40-17.9,40-40S62.1,0,40,0z M60.5,71.3c-1.5,1-3,1.8-4.7,2.6V38.6h0.5c2.3,0,4.2,1.9,4.2,4.2V71.3z M26.8,38.6h4.7v37.8c-1.6-0.4-3.2-0.8-4.7-1.4V38.6z M34.1,38.6h4.7v38.8c-1.6-0.1-3.1-0.2-4.7-0.4V38.6z M41.3,38.6H46v38.3c-1.5,0.2-3.1,0.4-4.7,0.4V38.6z M48.6,38.6h4.7V75c-1.5,0.6-3.1,1-4.7,1.4V38.6z M51.7,36H28.2V22.6h23.5V36z M24.2,73.9c-1.6-0.8-3.2-1.6-4.7-2.6V42.8c0-2.3,1.9-4.2,4.2-4.2h0.5V73.9z M63.1,69.4V42.8c0-3.7-3-6.8-6.8-6.8h-2.1V20H25.5v16h-1.9c-3.7,0-6.8,3-6.8,6.8v26.6C8.1,62.5,2.5,51.9,2.5,40c0-20.6,16.8-37.4,37.4-37.4S77.3,19.4,77.3,40C77.4,51.9,71.8,62.5,63.1,69.4z"/></svg>');
}
.LinkList__Icon.LinkList__Icon--manual {
  -webkit-mask-image: url('data:image/svg+xml;charset=utf8,<?xml version="1.0" encoding="UTF-8"?><svg id="_レイヤー_2" data-name="レイヤー 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><g id="icon"><g><path class="cls-1" d="M40,2.6c20.62,0,37.4,16.78,37.4,37.4s-16.78,37.4-37.4,37.4S2.6,60.62,2.6,40,19.38,2.6,40,2.6M40,0C17.91,0,0,17.91,0,40s17.91,40,40,40,40-17.91,40-40S62.09,0,40,0h0Z"/><path class="cls-1" d="M61.23,26.85c-6.94-1.53-14.27-1.54-21.23-.05-6.95-1.49-14.28-1.47-21.23.05-.6.13-1.02.66-1.02,1.27v25.8c0,.39.18.77.49,1.01.31.25.71.34,1.09.26,6.66-1.47,13.71-1.47,20.37,0,0,0,0,0,0,0,0,0,0,0,.01,0,.03,0,.05,0,.08,0,.07.01.13.02.2.02,0,0,0,0,0,0,0,0,0,0,0,0,.09,0,.18,0,.28-.03,6.67-1.47,13.72-1.47,20.39,0,.09.02.19.03.28.03.29,0,.58-.1.81-.29.31-.25.49-.62.49-1.01v-25.8c0-.61-.42-1.14-1.02-1.27ZM20.35,52.33v-23.16c6.02-1.18,12.32-1.18,18.35,0v23.16c-3.02-.56-6.1-.84-9.17-.84s-6.16.28-9.17.84ZM59.65,52.33c-3.02-.56-6.1-.84-9.17-.84s-6.16.28-9.17.84v-23.16c6.02-1.18,12.32-1.18,18.35,0v23.16Z"/></g></g></svg>');
          mask-image: url('data:image/svg+xml;charset=utf8,<?xml version="1.0" encoding="UTF-8"?><svg id="_レイヤー_2" data-name="レイヤー 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><g id="icon"><g><path class="cls-1" d="M40,2.6c20.62,0,37.4,16.78,37.4,37.4s-16.78,37.4-37.4,37.4S2.6,60.62,2.6,40,19.38,2.6,40,2.6M40,0C17.91,0,0,17.91,0,40s17.91,40,40,40,40-17.91,40-40S62.09,0,40,0h0Z"/><path class="cls-1" d="M61.23,26.85c-6.94-1.53-14.27-1.54-21.23-.05-6.95-1.49-14.28-1.47-21.23.05-.6.13-1.02.66-1.02,1.27v25.8c0,.39.18.77.49,1.01.31.25.71.34,1.09.26,6.66-1.47,13.71-1.47,20.37,0,0,0,0,0,0,0,0,0,0,0,.01,0,.03,0,.05,0,.08,0,.07.01.13.02.2.02,0,0,0,0,0,0,0,0,0,0,0,0,.09,0,.18,0,.28-.03,6.67-1.47,13.72-1.47,20.39,0,.09.02.19.03.28.03.29,0,.58-.1.81-.29.31-.25.49-.62.49-1.01v-25.8c0-.61-.42-1.14-1.02-1.27ZM20.35,52.33v-23.16c6.02-1.18,12.32-1.18,18.35,0v23.16c-3.02-.56-6.1-.84-9.17-.84s-6.16.28-9.17.84ZM59.65,52.33c-3.02-.56-6.1-.84-9.17-.84s-6.16.28-9.17.84v-23.16c6.02-1.18,12.32-1.18,18.35,0v23.16Z"/></g></g></svg>');
}
.LinkList__Icon.LinkList__Icon--faq {
  -webkit-mask-image: url('data:image/svg+xml;charset=utf8,<?xml version="1.0" encoding="UTF-8"?><svg id="_レイヤー_2" data-name="レイヤー 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><g id="icon"><path class="cls-1" d="M40,2.6c20.62,0,37.4,16.78,37.4,37.4s-16.78,37.4-37.4,37.4S2.6,60.62,2.6,40,19.38,2.6,40,2.6M40,0C17.91,0,0,17.91,0,40s17.91,40,40,40,40-17.91,40-40S62.09,0,40,0h0Z"/><path class="cls-1" d="M37.67,47.8v-2.94c0-.87.06-1.59.19-2.17s.32-1.1.58-1.56c.26-.46.61-.91,1.04-1.35.44-.43.98-.95,1.63-1.56.52-.48,1.04-.97,1.55-1.47.52-.5.99-1.01,1.41-1.54.42-.53.77-1.09,1.04-1.68.27-.59.41-1.26.41-2s-.14-1.42-.41-2.05c-.28-.63-.64-1.16-1.09-1.61-.45-.45-1-.8-1.63-1.06-.63-.26-1.3-.38-2.02-.38-1.59,0-2.87.5-3.86,1.49-.99.99-1.58,2.29-1.77,3.9l-4.95-.48c.42-2.79,1.59-4.98,3.52-6.57,1.93-1.59,4.31-2.38,7.16-2.38,1.36,0,2.63.2,3.81.6,1.18.4,2.21.98,3.08,1.73.87.75,1.56,1.68,2.06,2.79.5,1.11.75,2.37.75,3.78,0,1.22-.18,2.29-.53,3.2-.36.91-.86,1.77-1.51,2.58l-2.91,2.98-.49.43c-.52.48-.93.89-1.24,1.23-.31.34-.55.69-.73,1.06-.18.37-.3.78-.36,1.23-.07.45-.1,1.01-.1,1.69v2.12h-4.66ZM36.75,54.44c0-.87.32-1.61.95-2.24.63-.63,1.38-.94,2.26-.94s1.63.31,2.26.94c.63.63.95,1.37.95,2.24s-.32,1.61-.95,2.24c-.63.63-1.38.94-2.26.94s-1.63-.31-2.26-.94c-.63-.63-.95-1.37-.95-2.24Z"/></g></svg>');
          mask-image: url('data:image/svg+xml;charset=utf8,<?xml version="1.0" encoding="UTF-8"?><svg id="_レイヤー_2" data-name="レイヤー 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><g id="icon"><path class="cls-1" d="M40,2.6c20.62,0,37.4,16.78,37.4,37.4s-16.78,37.4-37.4,37.4S2.6,60.62,2.6,40,19.38,2.6,40,2.6M40,0C17.91,0,0,17.91,0,40s17.91,40,40,40,40-17.91,40-40S62.09,0,40,0h0Z"/><path class="cls-1" d="M37.67,47.8v-2.94c0-.87.06-1.59.19-2.17s.32-1.1.58-1.56c.26-.46.61-.91,1.04-1.35.44-.43.98-.95,1.63-1.56.52-.48,1.04-.97,1.55-1.47.52-.5.99-1.01,1.41-1.54.42-.53.77-1.09,1.04-1.68.27-.59.41-1.26.41-2s-.14-1.42-.41-2.05c-.28-.63-.64-1.16-1.09-1.61-.45-.45-1-.8-1.63-1.06-.63-.26-1.3-.38-2.02-.38-1.59,0-2.87.5-3.86,1.49-.99.99-1.58,2.29-1.77,3.9l-4.95-.48c.42-2.79,1.59-4.98,3.52-6.57,1.93-1.59,4.31-2.38,7.16-2.38,1.36,0,2.63.2,3.81.6,1.18.4,2.21.98,3.08,1.73.87.75,1.56,1.68,2.06,2.79.5,1.11.75,2.37.75,3.78,0,1.22-.18,2.29-.53,3.2-.36.91-.86,1.77-1.51,2.58l-2.91,2.98-.49.43c-.52.48-.93.89-1.24,1.23-.31.34-.55.69-.73,1.06-.18.37-.3.78-.36,1.23-.07.45-.1,1.01-.1,1.69v2.12h-4.66ZM36.75,54.44c0-.87.32-1.61.95-2.24.63-.63,1.38-.94,2.26-.94s1.63.31,2.26.94c.63.63.95,1.37.95,2.24s-.32,1.61-.95,2.24c-.63.63-1.38.94-2.26.94s-1.63-.31-2.26-.94c-.63-.63-.95-1.37-.95-2.24Z"/></g></svg>');
}
@media (hover: hover) {
  :where(:any-link, :enabled, summary):hover .LinkList__Icon {
    background-color: var(--color-bright-sun);
  }
}

.Supplies {
  background-color: var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .Supplies {
    padding-top: 100px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  .Supplies {
    padding-top: 80px;
    padding-bottom: 20px;
  }
}

.Supplies__Section {
  display: grid;
}
@media screen and (min-width: 768.02px), print {
  .Supplies__Section {
    grid-template-columns: 1fr 60.3448275862%;
  }
}
.Supplies__Section + .Supplies__Section {
  margin-top: 62px;
}

.Supplies__Heading {
  font-size: 42px;
  font-weight: 700;
  color: var(--color-bright-sun);
}

.Supplies__Text {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
  color: var(--color-bright-sun);
}

.Supplies__Link {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 32px;
}

.Supplies__Images {
  display: grid;
}
@media screen and (max-width: 768px) {
  .Supplies__Images {
    align-items: center;
    margin-top: 18px;
  }
}
.Supplies__Images .Supplies__Image img {
  width: 100%;
  height: 100%;
}
.Supplies__Images.Supplies__Images--accessories {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.Supplies__Images.Supplies__Images--accessories .Supplies__Image img {
  border-radius: 24px;
}
@media screen and (min-width: 768.02px), print {
  .Supplies__Images.Supplies__Images--accessories .Supplies__Image.Supplies__Image--01, .Supplies__Images.Supplies__Images--accessories .Supplies__Image.Supplies__Image--02 {
    aspect-ratio: 340/356;
  }
}
@media screen and (max-width: 768px) {
  .Supplies__Images.Supplies__Images--accessories .Supplies__Image.Supplies__Image--01, .Supplies__Images.Supplies__Images--accessories .Supplies__Image.Supplies__Image--02 {
    aspect-ratio: 160/240;
  }
}
.Supplies__Images.Supplies__Images--accessories .Supplies__Image.Supplies__Image--01 img, .Supplies__Images.Supplies__Images--accessories .Supplies__Image.Supplies__Image--02 img {
  object-fit: cover;
}
.Supplies__Images.Supplies__Images--accessories .Supplies__Image.Supplies__Image--03 {
  grid-column: span 2;
  background-color: var(--color-crusta);
}
@media screen and (min-width: 768.02px), print {
  .Supplies__Images.Supplies__Images--accessories .Supplies__Image.Supplies__Image--03 {
    aspect-ratio: 695/270;
    padding: min(40px, 6%) min(80px, 12%);
    border-radius: 24px;
  }
}
@media screen and (max-width: 768px) {
  .Supplies__Images.Supplies__Images--accessories .Supplies__Image.Supplies__Image--03 {
    aspect-ratio: 335/160;
    padding: min(30px, 6%) min(20px, 12%);
    border-radius: 24px;
  }
}
.Supplies__Images.Supplies__Images--accessories .Supplies__Image.Supplies__Image--03 img {
  object-fit: contain;
}
@media screen and (min-width: 768.02px), print {
  .Supplies__Images.Supplies__Images--film {
    grid-template-columns: 172fr 485fr;
    column-gap: 33px;
  }
}
@media screen and (max-width: 768px) {
  .Supplies__Images.Supplies__Images--film {
    grid-template-columns: 3fr 2fr;
    row-gap: 20px;
    column-gap: 36px;
  }
  .Supplies__Images.Supplies__Images--film .Supplies__Image.Supplies__Image--02 {
    grid-column: span 2;
  }
}

.AppInfo {
  display: grid;
  justify-content: center;
  margin-top: 100px;
  background-color: var(--color-bright-sun);
}
@media screen and (min-width: 768.02px), print {
  .AppInfo {
    width: calc(100% - 60px);
    padding: 32px;
    margin-inline: auto;
    border-radius: 60px;
    max-width: 1160px;
    max-width: clamp(1160px, 80.5555555556vw, 1392px);
  }
}
@media screen and (max-width: 768px) {
  .AppInfo {
    padding: 56px 32px 32px;
  }
}

@media screen and (min-width: 768.02px), print {
  .AppInfo__Icon {
    width: 100px;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo__Icon {
    width: 90px;
  }
}

.AppInfo__Head {
  display: flex;
}
@media screen and (min-width: 768.02px), print {
  .AppInfo__Head {
    column-gap: 35px;
    align-items: end;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
  .Mv__AppInfo.AppInfo__Head {
    position:absolute;
    bottom: 8%;
    right:15%;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo__Head {
    flex-direction: column;
    row-gap: 20px;
    align-items: center;
  }
  .Mv__AppInfo.AppInfo__Head {
    position: static;
    bottom: 30%;
    right:0;
    left:0;
    top:100%;
    flex-direction: row;
    column-gap: 10px;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    margin: 55% 5% 0 5%;
  }
}

.AppInfo__Text {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2307692308;
  color: var(--color-orient);
  text-align: center;
}
.Mv__AppInfo.AppInfo__Head .AppInfo__Text {
  color: var(--color-crusta);
  text-align: left;
}
.AppInfo__Links {
  display: flex;
  column-gap: 16px;
}
@media screen and (min-width: 768.02px), print {
  .AppInfo__Links {
    margin-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  .AppInfo__Links {
    margin-top: 24px;
  }
  .Mv__AppInfo.AppInfo__Head .AppInfo__Links {
    margin-top: 0px;
  }
}
.AppInfo__Links img {
  width: auto;
  height: 50px;
  object-fit: contain;
}

.AppInfo__Notes {
  margin-top: 20px;
  font-size: 11px;
  line-height: 1.6363636364;
  color: var(--color-mine-shaft);
}
.AppInfo__Notes a {
  text-decoration: underline;
  transition: opacity 0.2s;
}
.AppInfo__Notes a:hover {
  opacity: 0.7;
}

.SimplePrint {
  background-color: var(--color-crusta);
}
@media screen and (min-width: 768.02px), print {
  .SimplePrint {
    padding-top: 100px;
    padding-bottom: 52px;
  }
}
@media screen and (max-width: 768px) {
  .SimplePrint {
    padding-top: 80px;
    padding-bottom: 92px;
  }
}

.SimplePrint_Content {
  display: grid;
}
@media screen and (min-width: 768.02px), print {
  .SimplePrint_Content {
    grid-template-columns: 1fr 58.6206896552%;
  }
}
@media screen and (max-width: 768px) {
  .SimplePrint_Content {
    row-gap: calc(20px + 40vw);
  }
}

.SimplePrint__Heading {
  font-weight: 700;
  line-height: 1.1;
  color: var(--color-bright-sun);
}
@media screen and (min-width: 768.02px), print {
  .SimplePrint__Heading {
    font-size: 70px;
  }
}
@media screen and (max-width: 768px) {
  .SimplePrint__Heading {
    font-size: 50px;
  }
}

.SimplePrint__Lead {
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-orient);
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768.02px), print {
  .SimplePrint__Lead {
    margin-top: 50px;
    font-size: 42px;
  }
}
@media screen and (max-width: 768px) {
  .SimplePrint__Lead {
    margin-top: 20px;
    font-size: 26px;
    line-height: 1.6;
  }
}

.SimplePrint__Text {
  z-index: 1;
  min-width: 0;
  font-weight: 400;
  line-height: 1.8;
  color: var(--color-orient);
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768.02px), print {
  .SimplePrint__Text {
    margin-top: 28px;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .SimplePrint__Text {
    margin-top: 10px;
    font-size: 15px;
  }
}

.SimplePrint__Image {
  position: relative;
  z-index: 0;
  display: grid;
  grid-template-areas: "print bluetooth photo";
  grid-template-columns: 40% 1fr 32%;
  align-items: center;
  justify-content: start;
}
.SimplePrint__Image picture,
.SimplePrint__Image img {
  width: 100%;
}
@media screen and (min-width: 768.02px), print {
  .SimplePrint__Image {
    max-width: 95%;
    margin-inline: auto;
    margin-top: 30%;
  }
}
.SimplePrint__Image [data-simple-print] {
  opacity: 0;
}
.SimplePrint__Image [data-simple-print="01"] {
  position: relative;
  z-index: 0;
  rotate: 20deg;
}
.SimplePrint__Image [data-simple-print="02"] {
  position: absolute;
  top: -75%;
  left: 22%;
  z-index: -1;
  width: 64%;
  height: 100%;
  -webkit-mask-image: linear-gradient(to bottom, black 78%, transparent 78%);
          mask-image: linear-gradient(to bottom, black 78%, transparent 78%);
}
.SimplePrint__Image [data-simple-print="03"] {
  z-index: -1;
  grid-area: bluetooth;
  width: 100%;
  -webkit-mask-image: linear-gradient(to right, black 0% 50%, transparent 50% 100%);
          mask-image: linear-gradient(to right, black 0% 50%, transparent 50% 100%);
  -webkit-mask-position: "-100% 100%";
          mask-position: "-100% 100%";
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
  transform: translateY(-50%);
}
.SimplePrint__Image [data-simple-print="04"] {
  position: relative;
  bottom: 5%;
  grid-area: photo;
  margin-left: -20%;
  rotate: -10deg;
}

.SimplePrint__Camera {
  position: relative;
  z-index: 1;
  display: grid;
  align-items: center;
  width: 100%;
  background-color: var(--color-crusta);
  border-radius: 60px;
}
@media screen and (min-width: 768.02px), print {
  .SimplePrint__Camera {
    grid-template-columns: 270px 1fr;
    column-gap: 80px;
    padding: 32px 118px;
  }
}
@media screen and (max-width: 768px) {
  .SimplePrint__Camera {
    row-gap: 26px;
    padding: 60px 26px 32px;
    margin-top: -7%;
  }
}

.SimplePrint__Camera__Image {
  position: relative;
}
@media screen and (min-width: 768.02px), print {
  .SimplePrint__Camera__Image {
    aspect-ratio: 270/225;
  }
}
@media screen and (max-width: 768px) {
  .SimplePrint__Camera__Image {
    grid-row-start: 2;
    width: 69.1525423729%;
    aspect-ratio: 3/2;
    margin-inline: auto;
  }
}
.SimplePrint__Camera__Image [data-camera] {
  position: absolute;
}
.SimplePrint__Camera__Image [data-camera] img {
  width: 100%;
}
.SimplePrint__Camera__Image [data-camera=body] {
  bottom: 0%;
}
@media screen and (min-width: 768.02px), print {
  .SimplePrint__Camera__Image [data-camera=body] {
    left: 0%;
    width: 45%;
  }
}
@media screen and (max-width: 768px) {
  .SimplePrint__Camera__Image [data-camera=body] {
    left: 10%;
    width: 35%;
  }
}
.SimplePrint__Camera__Image [data-camera=front-arrow],
.SimplePrint__Camera__Image [data-camera=back-arrow] {
  top: -10%;
  left: 22%;
  width: 66%;
}
.SimplePrint__Camera__Image [data-camera=hand] {
  bottom: 0;
  z-index: 0;
}
@media screen and (min-width: 768.02px), print {
  .SimplePrint__Camera__Image [data-camera=hand] {
    right: 10%;
    width: 31%;
  }
}
@media screen and (max-width: 768px) {
  .SimplePrint__Camera__Image [data-camera=hand] {
    right: 10%;
    width: 31%;
  }
}
.SimplePrint__Camera__Image [data-camera=image] {
  top: 44%;
  left: 50%;
  z-index: -1;
  width: 53%;
  transform: translate(-50%, -50%);
}

.SimplePrint__Camera__Heading {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--color-bright-sun);
  letter-spacing: 0.04em;
}

.SimplePrint__Camera__Text {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: white;
  letter-spacing: 0.04em;
}

.TutorialVideo {
  color: var(--color-bright-sun);
  isolation: isolate;
}
@media screen and (min-width: 768.02px), print {
  .TutorialVideo {
    margin-top: 40px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .TutorialVideo {
    margin-bottom: 80px;
  }
}

.TutorialVideo__Layout {
  display: grid;
  width: 100%;
  overflow: hidden;
  background-color: var(--color-orient);
  border-radius: 60px;
}
@media screen and (min-width: 768.02px), print {
  .TutorialVideo__Layout {
    grid-template-columns: 1fr 50%;
  }
}
@media screen and (max-width: 768px) {
  .TutorialVideo__Layout {
    grid-template-rows: repeat(2, 1fr);
  }
}

.TutorialVideo__Thumbnail {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .TutorialVideo__Thumbnail {
    height: 100%;
  }
}
.TutorialVideo__Thumbnail::after {
  position: absolute;
  inset: 0;
  display: block;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}
.TutorialVideo__Thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .TutorialVideo__Thumbnail img {
    object-position: bottom;
  }
}

.TutorialVideo__Content {
  display: grid;
  grid-auto-flow: column;
  column-gap: 32px;
  place-content: center;
  justify-items: left;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .TutorialVideo__Content {
    padding: 45px 20px;
  }
}

.TutorialVideo__Play {
  position: relative;
  display: block;
  grid-row: span 2;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768.02px), print {
  .TutorialVideo__Play {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 768px) {
  .TutorialVideo__Play {
    grid-column-start: 2;
    width: 72px;
    height: 72px;
  }
}
.TutorialVideo__Play::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  border: 2px solid currentColor;
  border-radius: 50%;
  transition: transform 0.3s;
  transform: scale3d(1, 1, 1);
}
@media (hover: hover) {
  :where(:any-link, :enabled, summary):hover .TutorialVideo__Play::before {
    transform: scale3d(1.1, 1.1, 1);
  }
}
.TutorialVideo__Play::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 26%;
  height: 26%;
  content: "";
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 26 30"><path fill="%23000000" d="M25.133,14.100 L2.472,0.915 C1.673,0.450 0.675,1.031 0.675,1.961 L0.675,28.330 C0.675,29.260 1.673,29.841 2.472,29.376 L25.133,16.191 C25.932,15.727 25.932,14.564 25.133,14.100 Z" /></svg>');
          mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 26 30"><path fill="%23000000" d="M25.133,14.100 L2.472,0.915 C1.673,0.450 0.675,1.031 0.675,1.961 L0.675,28.330 C0.675,29.260 1.673,29.841 2.472,29.376 L25.133,16.191 C25.932,15.727 25.932,14.564 25.133,14.100 Z" /></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  transform: translate(-50%, -50%) translateX(12%);
}

.TutorialVideo__Title {
  display: block;
  font-weight: 700;
  line-height: 1.6;
  color: var(--color-bright-sun);
}
@media screen and (min-width: 768.02px), print {
  .TutorialVideo__Title {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .TutorialVideo__Title {
    font-size: 23px;
  }
}

.TutorialVideo__Text {
  display: block;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-bright-sun);
}
@media screen and (min-width: 768.02px), print {
  .TutorialVideo__Text {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .TutorialVideo__Text {
    font-size: 14px;
  }
  .TutorialVideo__Text:lang(es), .TutorialVideo__Text:lang(pt), .TutorialVideo__Text:lang(it) {
    font-size: 13px;
  }
}

.PromotionalVideo {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 60px;
}
@media screen and (min-width: 768.02px), print {
  .PromotionalVideo {
    width: calc(100% - 60px);
    max-width: 1160px;
    max-width: clamp(1160px, 80.5555555556vw, 1392px);
    margin-inline: auto;
    margin-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .PromotionalVideo {
    margin-top: 80px;
  }
}

.HeroAnimArea {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
@media screen and (min-width: 768.02px), print {
  .HeroAnimArea {
    padding-top: 48px;
  }
}

.HeroAnimArea__Content {
  position: relative;
  width: 100%;
  height: 100%;
}
.HeroAnimArea__Content img {
  display: block;
  width: auto;
  max-width: none !important;
  height: 100%;
  margin-inline: auto;
}

.HeroAnimArea__Model {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: auto;
  height: 90%;
  margin-inline: auto;
  transform: translateX(-70%);
}

.HeroAnimArea__Assets {
  position: absolute;
}
.HeroAnimArea__Assets[data-hero-asset="1"] {
  top: 0;
  left: 50%;
  height: 75%;
  margin-inline: auto;
  transform: translateX(-50%);
}
.HeroAnimArea__Assets[data-hero-asset="2"] {
  top: 45%;
  right: 55%;
  height: 15%;
}
.HeroAnimArea__Assets[data-hero-asset="3"] {
  top: 60%;
  right: 55%;
  z-index: 2;
  height: 18%;
}
.HeroAnimArea__Assets[data-hero-asset="4"] {
  bottom: 5%;
  left: 50%;
  z-index: 2;
  height: 20%;
}
.HeroAnimArea__Assets[data-hero-asset="5"] {
  inset: 0;
  z-index: 2;
  height: 100%;
}

.HeroAnimArea__Flash {
  position: absolute;
  inset: 0;
  z-index: 10;
  background-color: white;
  opacity: 0;
}

.HeroAnimArea__Phone {
  position: absolute;
  top: 12.5%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  max-width: 90%;
  aspect-ratio: 472/930;
  margin: auto;
}
@media screen and (min-width: 768.02px), print {
  .HeroAnimArea__Phone {
    height: 60%;
  }
}
@media screen and (max-width: 768px) {
  .HeroAnimArea__Phone {
    height: 35%;
    max-height: 800px;
  }
}

.HeroAnimArea__MiniLink {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 2;
  height: 55%;
  margin-inline: auto;
}

.HeroAnimArea__Photo {
  position: absolute;
  right: 0;
  left: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: 35%;
  margin-inline: auto;
  transform: translateX(10%);
}
.HeroAnimArea__Photo[data-hero-photo="1"] {
  top: 20%;
  z-index: 1;
}
.HeroAnimArea__Photo[data-hero-photo="2"], .HeroAnimArea__Photo[data-hero-photo="3"] {
  top: 22.5%;
}

.HeroAnimArea__Heading {
  position: absolute;
  top: 70%;
  right: 0;
  left: 0;
  z-index: 2;
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-orient);
  text-align: center;
}
@media screen and (min-width: 768.02px), print {
  .HeroAnimArea__Heading {
    font-size: 60px;
  }
}
@media screen and (max-width: 768px) {
  .HeroAnimArea__Heading {
    font-size: 26px;
  }
}

.Support {
  background-color: var(--color-bright-sun);
}
@media screen and (min-width: 768.02px), print {
  .Support {
    padding-top: 90px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .Support {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
.Support h1 {
  margin-bottom: 60px;
  font-weight: 700;
  color: var(--color-orient);
  text-align: center;
}
@media screen and (min-width: 768.02px), print {
  .Support h1 {
    font-size: 44px;
  }
}
@media screen and (max-width: 768px) {
  .Support h1 {
    font-size: 32px;
  }
}
.Support h2 {
  margin-bottom: 40px;
  font-weight: 700;
  color: var(--color-orient);
  text-align: center;
}
@media screen and (min-width: 768.02px), print {
  .Support h2 {
    margin-top: 100px;
    font-size: 34px;
  }
}
@media screen and (max-width: 768px) {
  .Support h2 {
    margin-top: 80px;
    font-size: 26px;
  }
}
.Support p {
  font-size: 16px;
  line-height: 1.875;
}

.Support__LinkList {
  display: grid;
  justify-items: center;
  max-width: 870px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768.02px), print {
  .Support__LinkList {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .Support__LinkList {
    grid-auto-flow: row;
    row-gap: 20px;
  }
}

.Support__Button {
  position: relative;
  display: grid;
  place-content: center;
  width: 100%;
  max-width: 276px;
  font-size: 14px;
  color: var(--color-orient);
  text-align: center;
  border-radius: 9999px;
  box-shadow: inset 0 0 0 2px var(--color-orient);
  transition: box-shadow 0.3s, transform 0.3s, color 0.3s;
  transform: scale3d(1, 1, 1);
  will-change: transform;
}
@media (hover: hover) {
  .Support__Button:where(:any-link, :enabled, summary):hover {
    color: white;
    box-shadow: inset 0 0 0 35px var(--color-orient);
    transform: scale3d(1.1, 1.1, 1);
  }
}
.Support__Button:not([href^="#"]) {
  padding: 15px 24px;
}
.Support__Button[href^="#"] {
  padding: 15px 38px 15px 24px;
}
.Support__Button[href^="#"]::after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translateY(-60%) rotate(45deg);
}

.Mv {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768.02px), print {
  .Mv {
    min-height: 600px;
  }
}

.Mv__Particle {
  position: absolute;
  object-fit: cover;
}
@media screen and (min-width: 768.02px), print {
  .Mv__Particle {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .Mv__Particle {
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
  }
}

.Mv__Assets {
  position: absolute;
  width: 100%;
  height: 100%;
}

.Mv__Assets__Inner {
  display: flex;
  justify-content: right;
  width: 100%;
  height: 100%;
  margin-inline: auto;
  overflow: hidden;
}
@media screen and (min-width: 768.02px), print {
  .Mv__Assets__Inner {
    width: calc(100% - 60px);
    max-width: 1160px;
  }
}
@media screen and (max-width: 768px) {
  .Mv__Assets__Inner {
    padding-right: 5%;
    padding-left: 5%;
  }
}

.Mv__Assets__Img {
  position: relative;
}
@media screen and (min-width: 768.02px), print {
  .Mv__Assets__Img.Mv__Assets__Img--01 {
    width: 25%;
    max-width: 238px;
  }
}
@media screen and (max-width: 768px) {
  .Mv__Assets__Img.Mv__Assets__Img--01 {
    width: 28%;
    max-width: 150px;
    transform: translateX(30%);
  }
}
@media screen and (min-width: 768.02px), print {
  .Mv__Assets__Img.Mv__Assets__Img--02 {
    width: 45%;
    max-width: 486px;
  }
}
@media screen and (max-width: 768px) {
  .Mv__Assets__Img.Mv__Assets__Img--02 {
    width: 67%;
    max-width: 350px;
    transform: translateX(7%);
  }
}
.Mv__Assets__Img img {
  position: absolute;
  bottom: 25%;
  object-fit: contain;
  width: 85%;
}
.Mv__Assets__Img img:lang(ja) {
  bottom: 25%;
}
@media screen and (max-width: 768px) {
  .Mv__Assets__Img img{
    bottom: 32%;
    width: 84%;
  }
  .Mv__Assets__Img img:lang(ja) {
  bottom: 28%;
  }
}

.Mv__Content {
  position: relative;
  z-index: 1;
  margin-inline: auto;
}
@media screen and (min-width: 768.02px), print {
  .Mv__Content {
    width: calc(100% - 60px);
    max-width: 1160px;
    padding-top: 54px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  .Mv__Content {
    width: 90%;
    padding-top: 68px;
    padding-bottom: 30px;
  }
}

.Mv__Heading {
  color: var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .Mv__Heading {
    font-size: 90px;
    font-weight: 700;
    line-height: 1.1111111111;
  }
  .Mv__Heading:lang(ja) {
    font-size: 66px;
    font-weight: 900;
    line-height: 1.0909090909;
  }
}
@media screen and (max-width: 768px) {
  .Mv__Heading {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.1428571429;
  }
  .Mv__Heading:lang(ja) {
    font-size: 40px;
    font-weight: 900;
    line-height: 1.125;
  }
}
.Mv__Heading span {
  font-size: 0.45em;
  vertical-align: top;
}

.Mv__SubHeading {
  display: grid;
  grid-template: "logo logo" auto "icon text" 1fr/auto 1fr;
  margin-top: 18px;
}
@media screen and (min-width: 768.02px), print {
  .Mv__SubHeading {
    row-gap: 20px;
    column-gap: 9px;
    width: 251px;
  }
  .Mv__SubHeading:lang(ja) {
    row-gap: 10px;
  }
}
@media screen and (max-width: 768px) {
  .Mv__SubHeading {
    row-gap: 10px;
    column-gap: 6px;
    width: 145px;
    transform: translateX(-10px);
  }
}

.Mv__SubHeading__Logo {
  display: block;
  grid-area: logo;
  margin-left: auto;
}
.Mv__SubHeading__Logo:lang(ja) {
  transform: translateX(-10px);
}
@media screen and (max-width: 768px) {
  .Mv__SubHeading__Logo {
    padding-left: 10px;
  }
}

.Mv__SubHeading__Icon {
  grid-area: icon;
}
@media screen and (max-width: 768px) {
  .Mv__SubHeading__Icon {
    width: 24px;
    height: 21px;
  }
}

.Mv__SubHeading__Text {
  display: grid;
  grid-area: text;
  align-items: center;
  font-weight: bold;
  color: var(--color-crusta);
}
@media screen and (min-width: 768.02px), print {
  .Mv__SubHeading__Text {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .Mv__SubHeading__Text {
    font-size: 11px;
  }
}

.Mv__TextList {
  display: grid;
  row-gap: 14px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .Mv__TextList {
    display: none;
  }
}

.Mv__TextList__Main,
.Mv__TextList__Sub {
  display: block;
  color: var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .Mv__TextList__Main,
  .Mv__TextList__Sub {
    max-width: 35%;
  }
}

.Mv__TextList__Main {
  font-size: 20px;
  font-weight: bold;
  line-height: 0.85;
}

.Mv__TextList__Sub {
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.1333333333;
}

.Mv__TextList__MainCopy {
  font-weight: bold;
  color: var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .Mv__TextList__MainCopy {
    margin-top: 80px;
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  .Mv__TextList__MainCopy {
    margin-top: 25px;
    font-size: 18px;
    text-align: center;
  }
}

.Mv__TextList__SubCopy {
  margin-top: 5px;
  font-weight: bold;
  color: var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .Mv__TextList__SubCopy {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .Mv__TextList__SubCopy {
    font-size: 10px;
    text-align: center;
  }
}

.ManualList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
  grid-auto-rows: minmax(120px, 1fr);
  row-gap: 44px;
  column-gap: 5%;
  color: var(--color-crusta);
}
@media screen and (min-width: 768.02px), print {
  .ManualList {
    margin-top: 76px;
  }
}
@media screen and (max-width: 768px) {
  .ManualList {
    margin-top: 40px;
  }
}

.ManualList__Link {
  display: grid;
  grid-auto-flow: row;
  row-gap: 12px;
  text-align: center;
}
.ManualList__Link[href] {
  transition: opacity 0.2s;
}
@media (hover: hover) {
  .ManualList__Link[href]:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}

.ManualList__Icon {
  position: relative;
  z-index: 0;
  display: grid;
  place-items: center;
  width: 100%;
  height: 58px;
  font-weight: 700;
}
.ManualList__Icon::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  content: "";
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;charset=utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 45 57"><path fill="%23FFFFFF" d="M38.1,6.6L31.3,0H0v57h45V13.2L38.1,6.6z M41.8,12.9H31.6V3.1l5.2,5L41.8,12.9z M2,55V2h27.6v12.9H43V55H2z"/></svg>');
          mask-image: url('data:image/svg+xml;charset=utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 45 57"><path fill="%23FFFFFF" d="M38.1,6.6L31.3,0H0v57h45V13.2L38.1,6.6z M41.8,12.9H31.6V3.1l5.2,5L41.8,12.9z M2,55V2h27.6v12.9H43V55H2z"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.ManualList__Text {
  font-size: 16px;
  line-height: 1.5;
}

.AirStudioHero {
  display: grid;
  min-height: 580px;
  overflow: hidden;
}

.AirStudioHero__Inner {
  position: relative;
  display: grid;
  align-content: center;
  height: 100%;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioHero__Inner {
    padding-block: 30px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioHero__Inner {
    padding-top: 70px;
    padding-bottom: 60px;
  }
}

.AirStudioHero__Content {
  display: grid;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioHero__Content {
    justify-items: center;
    width: 50%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioHero__Content {
    width: 100%;
    max-width: 500px;
    margin-inline: auto;
  }
  .AirStudioHero__Image {
    position: relative;
    width: 100%;
    aspect-ratio: 345/295;
  }
}

.AirStudioHero__Image__Left {
  position: absolute;
  top: 0;
  bottom: 0;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioHero__Image__Left {
    left: 0;
    width: 31.8965517241%;
    height: -moz-fit-content;
    height: fit-content;
    margin-block: auto;
    transform: translate(-8%, -1%);
  }
}
@media screen and (max-width: 768px) {
  .AirStudioHero__Image__Left {
    width: 61.037037037%;
    transform: translate(-10%, -3%);
  }
  .AirStudioHero__Image__Left:lang(en), .AirStudioHero__Image__Left:lang(ko), .AirStudioHero__Image__Left:lang(fr), .AirStudioHero__Image__Left:lang(de), .AirStudioHero__Image__Left:lang(es), .AirStudioHero__Image__Left:lang(pt), .AirStudioHero__Image__Left:lang(it) {
    transform: translate(-10%, 2%);
  }
}

.AirStudioHero__Image__Right {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioHero__Image__Right {
    bottom: 0;
    width: 36.2068965517%;
    height: -moz-fit-content;
    height: fit-content;
    margin-block: auto;
    transform: translate(33%, -9%);
  }
}
@media screen and (max-width: 768px) {
  .AirStudioHero__Image__Right {
    width: 69%;
    transform: translate(21%, -15%);
  }
  .AirStudioHero__Image__Right:lang(en), .AirStudioHero__Image__Right:lang(ko), .AirStudioHero__Image__Right:lang(fr), .AirStudioHero__Image__Right:lang(de), .AirStudioHero__Image__Right:lang(es), .AirStudioHero__Image__Right:lang(pt), .AirStudioHero__Image__Right:lang(it) {
    transform: translate(21%, -3%);
  }
}

.AirStudioHero__Heading {
  font-weight: 700;
  color: var(--color-crusta);
  letter-spacing: 0.04em;
}
.AirStudioHero__Heading > span {
  vertical-align: super;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioHero__Heading > span {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioHero__Heading > span {
    font-size: 16px;
  }
}
@media screen and (min-width: 768.02px), print {
  .AirStudioHero__Heading {
    font-size: 60px;
    line-height: 1.1666666667;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioHero__Heading {
    font-size: 36px;
    line-height: 1.2777777778;
  }
}

.AirStudioHero__AppInfo {
  display: flex;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioHero__AppInfo {
    column-gap: 35px;
    align-items: end;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    margin-top: 46px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioHero__AppInfo {
    column-gap: 8px;
    justify-self: center;
  }
}

@media screen and (min-width: 768.02px), print {
  .AirStudioHero__AppInfo__Icon {
    width: 96px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioHero__AppInfo__Icon {
    width: 66px;
  }
}

.AirStudioHero__AppInfo__Text {
  font-weight: 700;
  color: var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .AirStudioHero__AppInfo__Text {
    font-size: 26px;
    line-height: 1.2307692308;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioHero__AppInfo__Text {
    font-size: 18px;
    line-height: 1;
    text-align: center;
  }
}

.AirStudioHero__AppInfo__Links {
  display: flex;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioHero__AppInfo__Links {
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioHero__AppInfo__Links {
    column-gap: 7px;
    margin-top: 12px;
  }
}
.AirStudioHero__AppInfo__Links a {
  transition: transform 0.3s;
  transform: scale3d(1, 1, 1);
}
@media (hover: hover) {
  .AirStudioHero__AppInfo__Links a:where(:any-link, :enabled, summary):hover {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.AirStudioHero__AppInfo__Links img {
  width: auto;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioHero__AppInfo__Links img {
    height: 50px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioHero__AppInfo__Links img {
    height: 100%;
    max-height: 36px;
  }
}

.AirStudioAnchor {
  background-color: var(--color-crusta);
}
@media screen and (min-width: 768.02px), print {
  .AirStudioAnchor {
    padding-top: 90px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioAnchor {
    padding-top: 60px;
  }
}

.AirStudioAnchor__AnchorList {
  display: grid;
  margin-inline: auto;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioAnchor__AnchorList {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    width: calc(100% - 60px);
    max-width: 940px;
    max-width: clamp(940px, 65.2777777778vw, 1128px);
  }
}
@media screen and (max-width: 768px) {
  .AirStudioAnchor__AnchorList {
    row-gap: 20px;
    width: 80%;
  }
}
.AirStudioAnchor__AnchorList a {
  position: relative;
  display: block;
  padding: 10px 24px;
  padding: 16px 30px 15px 18px;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-orient);
  text-align: center;
  border-radius: 9999px;
  box-shadow: inset 0 0 0 35px var(--color-bright-sun);
  transition: box-shadow 0.3s, transform 0.3s, color 0.3s;
  transform: scale3d(1, 1, 1);
  will-change: transform;
}
@media (hover: hover) {
  .AirStudioAnchor__AnchorList a:where(:any-link, :enabled, summary):hover {
    color: var(--color-bright-sun);
    box-shadow: inset 0 0 0 2px var(--color-bright-sun);
    transform: scale3d(1.1, 1.1, 1);
  }
}
.AirStudioAnchor__AnchorList a::after {
  position: absolute;
  top: 50%;
  right: 19px;
  display: block;
  width: 16px;
  height: 10px;
  clip-path: var(--path-arrow);
  content: "";
  background-color: currentColor;
  transform: translateY(-50%);
}

.AirStudioDevice {
  background-color: var(--color-crusta);
}
@media screen and (min-width: 768.02px), print {
  .AirStudioDevice {
    padding-top: 84px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioDevice {
    padding-top: 74px;
    padding-bottom: 80px;
  }
}

.AirStudioDevice__Heading {
  font-weight: 700;
  color: white;
  text-align: center;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioDevice__Heading {
    font-size: 32px;
    line-height: 1.875;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioDevice__Heading {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}

.AirStudioDevice__Text {
  font-size: 16px;
  line-height: 1.875;
  color: white;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .AirStudioDevice__Text {
    margin-top: 6px;
  }
}

.AirStudioDevice__Col {
  display: grid;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioDevice__Col {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 14px;
    margin-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioDevice__Col {
    row-gap: 20px;
    margin-top: 20px;
  }
}

.AirStudioDevice__Item {
  display: grid;
  align-content: start;
  justify-content: center;
  background-color: var(--color-bright-sun);
  border-radius: 20px;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioDevice__Item {
    padding: 50px 30px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioDevice__Item {
    padding: 30px 18px 26px;
  }
}

.AirStudioDevice__Item__Heading {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-weight: 700;
  color: var(--color-crusta);
  text-align: center;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioDevice__Item__Heading {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioDevice__Item__Heading {
    font-size: 28px;
  }
}
.AirStudioDevice__Item__Heading::after {
  display: block;
  width: 100px;
  height: 2px;
  margin-inline: auto;
  margin-top: 4px;
  content: "";
  background-color: currentColor;
}

.AirStudioDevice__Item__Text {
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioDevice__Item__Text {
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioDevice__Item__Text {
    margin-top: 12px;
    font-size: 14px;
    line-height: 2.1428571429;
  }
}
.AirStudioDevice__Item__Text sup {
  font-size: 0.5em;
  vertical-align: super;
}
.AirStudioDevice__Item__Text a {
  color: var(--color-orient);
  text-decoration: underline;
  transition: opacity 0.2s;
}
@media (hover: hover) {
  .AirStudioDevice__Item__Text a:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}

@media screen and (min-width: 768.02px), print {
  .AirStudioDevice__Item__NoticeList {
    margin-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioDevice__Item__NoticeList {
    margin-top: 10px;
  }
}
.AirStudioDevice__Item__NoticeList li {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 4px;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioDevice__Item__NoticeList li {
    font-size: 12px;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioDevice__Item__NoticeList li {
    font-size: 10px;
    line-height: 2;
  }
}

.AirStudioStepLayout {
  display: grid;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioStepLayout {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 60px;
    column-gap: 86px;
    padding-right: 46px;
    margin-top: 28px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioStepLayout {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
    column-gap: 48px;
    padding-right: 36px;
    margin-top: 22px;
  }
}

.AirStudioStepLayout__Image {
  position: relative;
}
.AirStudioStepLayout__Item .AirStudioStepLayout__Image::after {
  position: absolute;
  top: 50%;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  border-top: 2px solid var(--color-orient);
  border-right: 2px solid var(--color-orient);
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768.02px), print {
  .AirStudioStepLayout__Item .AirStudioStepLayout__Image::after {
    right: -42px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioStepLayout__Item .AirStudioStepLayout__Image::after {
    right: -26px;
  }
}
.AirStudioStepLayout__Item:last-child .AirStudioStepLayout__Image::after {
  display: none;
}
@media screen and (max-width: 768px) {
  .AirStudioStepLayout__Image img {
    width: 100%;
  }
}

.AirStudioStepLayout__Step {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .AirStudioStepLayout__Step {
    margin-top: 22px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioStepLayout__Step {
    margin-top: 20px;
  }
}

.AirStudioStepLayout__Text {
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.5714285714;
  color: var(--color-orient);
}
@media screen and (min-width: 768.02px), print {
  .AirStudioStepLayout__Text {
    width: 130%;
    max-width: 206px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioStepLayout__Text {
    width: calc(100% + 36px);
  }
}
.AirStudioStepLayout__Text sup {
  font-size: 0.5em;
  vertical-align: super;
}

.AirStudioStepLayout__Button {
  position: relative;
  display: block;
  padding: 14px 30px 14px 22px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-orient);
  text-align: center;
  border-radius: 9999px;
  box-shadow: inset 0 0 0 2px var(--color-orient);
  transition: box-shadow 0.3s, transform 0.3s, color 0.3s;
  transform: scale3d(1, 1, 1);
  will-change: transform;
}
@media (hover: hover) {
  .AirStudioStepLayout__Button:where(:any-link, :enabled, summary):hover {
    color: var(--color-bright-sun);
    box-shadow: inset 0 0 0 35px var(--color-orient);
    transform: scale3d(1.1, 1.1, 1);
  }
}
@media screen and (min-width: 768.02px), print {
  .AirStudioStepLayout__Button {
    margin-top: 18px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioStepLayout__Button {
    width: calc(100% + 36px);
    margin-top: 16px;
  }
}
.AirStudioStepLayout__Button::before, .AirStudioStepLayout__Button::after {
  position: absolute;
  top: 50%;
  right: 12px;
  display: block;
  width: 10px;
  content: "";
  border-top: 1px solid currentColor;
}
.AirStudioStepLayout__Button::before {
  transform: translateX(-50%) rotate(90deg);
}
.AirStudioStepLayout__Button::after {
  transform: translateX(-50%);
}

@media screen and (min-width: 768.02px), print {
  .AirStudioHowTo {
    padding-top: 76px;
    padding-bottom: 96px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioHowTo {
    padding-top: 52px;
    padding-bottom: 74px;
  }
}

.AirStudioHowTo__Heading {
  font-weight: 700;
  color: var(--color-orient);
  text-align: center;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioHowTo__Heading {
    font-size: 32px;
    line-height: 1.875;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioHowTo__Heading {
    font-size: 28px;
    line-height: 1.4285714286;
  }
}

@media screen and (min-width: 768.02px), print {
  .AirStudioHowTo__NoticeList {
    margin-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioHowTo__NoticeList {
    margin-top: 18px;
  }
}
.AirStudioHowTo__NoticeList li {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 2px;
  font-size: 11px;
  line-height: 2;
  color: var(--color-orient);
}

.AirStudioDownload {
  background-color: var(--color-crusta);
}
@media screen and (min-width: 768.02px), print {
  .AirStudioDownload {
    padding-top: 76px;
    padding-bottom: 94px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioDownload {
    padding-top: 46px;
    padding-bottom: 76px;
  }
}

.AirStudioDownload__Heading {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.875;
  color: white;
  text-align: center;
}

.AirStudioDownload__Text {
  font-size: 16px;
  line-height: 1.875;
  color: white;
  text-align: center;
}
.AirStudioDownload__Text sup {
  font-size: 0.5em;
  vertical-align: super;
}

.AirStudioDownload__AppInfo {
  display: grid;
  justify-content: center;
  margin-top: 32px;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioDownload__AppInfo {
    padding: 32px;
    background-color: var(--color-orange);
    border-radius: 20px;
  }
  .AirStudioDownload__AppInfo__Icon {
    width: 100px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioDownload__AppInfo__Icon {
    width: 100%;
    max-width: 88px;
  }
}

.AirStudioDownload__AppInfo__Content {
  display: flex;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioDownload__AppInfo__Content {
    column-gap: 35px;
    align-items: end;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioDownload__AppInfo__Content {
    flex-direction: column;
    row-gap: 30px;
    align-items: center;
  }
  .AirStudioDownload__AppInfo__Head {
    display: grid;
    grid-template-columns: 24.7887323944% 1fr;
    column-gap: 24px;
    align-items: center;
  }
}

.AirStudioDownload__AppInfo__Text {
  font-weight: 700;
  color: var(--color-bright-sun);
}
@media screen and (min-width: 768.02px), print {
  .AirStudioDownload__AppInfo__Text {
    font-size: 26px;
    line-height: 1.2307692308;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioDownload__AppInfo__Text {
    font-size: 23px;
    line-height: 1.3913043478;
  }
}

.AirStudioDownload__AppInfo__Links {
  display: flex;
  column-gap: 16px;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioDownload__AppInfo__Links {
    margin-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioDownload__AppInfo__Links {
    margin-top: 15px;
  }
}
.AirStudioDownload__AppInfo__Links a {
  transition: transform 0.3s;
  transform: scale3d(1, 1, 1);
}
@media (hover: hover) {
  .AirStudioDownload__AppInfo__Links a:where(:any-link, :enabled, summary):hover {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.AirStudioDownload__AppInfo__Links img {
  width: auto;
  height: 50px;
  object-fit: contain;
}

.AirStudioDownload__AppInfo__Notes {
  margin-top: 20px;
  font-size: 11px;
  line-height: 1.6363636364;
  color: white;
}

.AirStudioDownload__Notice {
  display: grid;
  grid-template-columns: auto 1fr;
  margin-top: 18px;
  font-size: 11px;
  line-height: 1.6363636364;
  color: white;
}

@media screen and (min-width: 768.02px), print {
  .AirStudioFaq {
    padding-top: 90px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioFaq {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}

.AirStudioFaq__Heading {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.875;
  color: var(--color-orient);
  text-align: center;
}
@media screen and (min-width: 768.02px), print {
  .AirStudioFaq__Heading {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 768px) {
  .AirStudioFaq__Heading {
    margin-bottom: 18px;
  }
}

.ScanFigure {
  display: grid;
}
@media screen and (min-width: 768.02px), print {
  .ScanFigure {
    grid-template-columns: repeat(2, minmax(auto, 450px));
    column-gap: 30px;
    margin-top: 26px;
  }
}
@media screen and (max-width: 768px) {
  .ScanFigure {
    row-gap: 28px;
    margin-top: 22px;
  }
}

.ScanFigure__Item {
  display: grid;
  row-gap: 16px;
  align-content: start;
}

.ScanFigure__List li {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 3px;
  font-size: 14px;
  line-height: 1.5714285714;
  color: white;
}
.ScanFigure__List.ScanFigure__List--arrowed li::before {
  content: "◯";
}
.ScanFigure__List.ScanFigure__List--not-arrowed li::before {
  content: "×";
}

.tw-mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.tw-ml-\[0\]{
  margin-left: 0;
}

.tw-mr-\[0\]{
  margin-right: 0;
}

.tw-mt-\[20px\]{
  margin-top: 20px;
}

.tw-mt-\[58px\]{
  margin-top: 58px;
}

.tw-inline-block{
  display: inline-block;
}

.tw-w-\[25\%\]{
  width: 25%;
}

.tw-max-w-\[500px\]{
  max-width: 500px;
}

.tw-max-w-\[54px\]{
  max-width: 54px;
}

.tw-text-\[26px\]{
  font-size: 26px;
}

.tw-italic{
  font-style: italic;
}

.tw-text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media screen and (min-width: 768.02px), print{
  .pc\:tw-mt-\[90px\]{
    margin-top: 90px;
  }
  .pc\:tw-hidden{
    display: none;
  }
  .pc\:tw-object-\[0\%_20\%\]{
    object-position: 0% 20%;
  }
  .pc\:tw-object-\[0\%_30\%\]{
    object-position: 0% 30%;
  }
}

@media screen and (max-width: 768px){
  .sp\:tw-mt-\[70px\]{
    margin-top: 70px;
  }
  .sp\:tw-hidden{
    display: none;
  }
  .sp\:tw-w-100\%{
    width: 100%;
  }
}


.NewFunction {
    padding-bottom: 80px;
}

@media screen and (min-width: 768.02px),
print {
    .NewFunction {
        padding-top: 90px;
    }
}

@media screen and (max-width: 768px) {
    .NewFunction {
        padding-top: 60px;
    }
}

.NewFunction h1 {
    font-weight: 700;
}

@media screen and (min-width: 768.02px),
print {
    .NewFunction h1 {
        margin-bottom: 62px;
        font-size: 34px;
        line-height: 1.4117647059;
    }
}

@media screen and (max-width: 768px) {
    .NewFunction h1 {
        margin-bottom: 62px;
        font-size: 26px;
        line-height: 1.5384615385;
    }
}

.NewFunction h2 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 34px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    background-image: linear-gradient( to top, currentColor 0 1px, transparent 1px 5px, currentColor 5px 6px, transparent 6px);
    color: var(--color-crusta);
}

.NewFunction> :not(h1)+h2 {
    margin-top: 70px;
}

.NewFunction h3 {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
}

.NewFunction> :not(h1):not(h2)+h3 {
    margin-top: 40px;
}

.NewFunction p {
    font-size: 16px;
    line-height: 1.875;
    color: var(--color-orient);
}

.NewFunction> :not(h1):not(h2):not(h3)+p {
    margin-top: 40px;
}

.NewFunction> :not(h1):not(h2):not(h3)+img,
.NewFunction> :not(h1):not(h2):not(h3)+picture img {
    margin-top: 40px;
}

.NewFunction> :not(h1):not(h2):not(h3)+figure {
    margin-top: 40px;
}

.NewFunction figcaption {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.8571428571;
    color: #fff;
}

.NewFunction__BackButtonArea {
    display: grid;
    justify-content: center;
}

.NewFunction :not(h1):not(h2):not(h3)+.NewFunction__BackButtonArea {
    margin-top: 50px;
}

.NewFunction__BackButton {
    position: relative;
    display: inline-block;
    min-width: 136px;
    padding: 15px 24px 15px 38px;
    font-size: 14px;
    color: #001e62;
    text-align: center;
    border-radius: 9999px;
    box-shadow: inset 0 0 0 35px #40c3c3;
    transition: box-shadow 0.3s, transform 0.3s;
    transform: scale3d(1, 1, 1);
    will-change: transform;
}

@media (hover: hover) {
    .NewFunction__BackButton:hover {
        color: #40c3c3;
        box-shadow: inset 0 0 0 2px #40c3c3;
        transform: scale3d(1.1, 1.1, 1);
    }
}

.NewFunction__BackButton::before {
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    border-bottom: 1px solid currentColor;
    border-left: 1px solid currentColor;
    transform: translateY(-50%) rotate(45deg);
}

.NewFunction__ColumnLayout {
    display: grid;
    row-gap: 60px;
}

.NewFunction :not(h1):not(h2):not(h3)+.NewFunction__ColumnLayout {
    margin-top: 40px;
}

.NewFunction__ColumnLayout__Row {
    display: grid;
    row-gap: 40px;
}

@media screen and (min-width: 768.02px),
print {
    .NewFunction__ColumnLayout__Row {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 28px;
    }
}

.NewFunction :not(h1):not(h2):not(h3)+.NewFunction__StepLayout {
    margin-top: 40px;
}

.NewFunction__LinkList {
    display: grid;
    row-gap: 12px;
    background-color: #001649;
}

.NewFunction :not(h1):not(h2):not(h3)+.NewFunction__LinkList {
    margin-top: 60px;
}

@media screen and (min-width: 768.02px),
print {
    .NewFunction__LinkList {
        padding: 40px;
    }
}

@media screen and (max-width: 768px) {
    .NewFunction__LinkList {
        padding: 25px 20px;
    }
}

.NewFunction__LinkList>li {
    font-size: 16px;
    line-height: 1.5;
    text-decoration: underline;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.NewFunction__LinkList a {
    transition: opacity 0.2s;
}

@media (hover: hover) {
    .NewFunction__LinkList a:hover {
        opacity: 0.7;
    }
}

.new_function_alignment {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.new_function_app {
    padding: 100px 0;
}

.new_function_icon {
    display: block;
    margin: 0 auto 35px;
    width: 12%;
}

.new_function_sub {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    margin: 0 auto 40px;
    color: var(--color-orient);
}

.new_function_app .btn2 {
    width: 535px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.new_function_app .btn2>li.apple {
    width: 239px;
}

.new_function_app .btn2>li.google {
    width: 268px;
}

.new_function_app .btn2>li a {
    display: block;
    margin: 0 auto 15px;
}

.new_function_app .btn2>li a img {
    width: auto;
    height: 80px;
    display: block;
}

.new_function_app .btn2>li span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: var(--color-orient);
}

@media screen and (max-width: 768px) {
    .new_function_alignment {
        flex-wrap: wrap;
    }
    .new_function_alignment li {
        max-width: 45%;
        margin-top: 10px;
    }
    .new_function_app {
        padding: 45px 0 0;
    }
    .new_function_icon {
        width: 24%;
        margin: 0 auto 20px;
    }
    .new_function_sub {
        font-size: 16px;
        margin: 0 auto 20px;
    }
    .new_function_app .btn2 {
        width: auto;
        display: block;
        margin: 0 auto 45px;
    }
    .new_function_app .btn2>li.apple,
    .new_function_app .btn2>li.google {
        width: auto;
    }
    .new_function_app .btn2>li a {
        height: auto;
        margin: 0 auto 5px;
    }
    .new_function_app .btn2>li a img {
        width: 100%;
        height: 100%;
    }
    .new_function_app .btn2>li a.appstore {
        width: 209px;
    }
    .new_function_app .btn2>li a.gplay {
        width: 235px;
    }
    .new_function_app .btn2>li {
        margin: 0 10px 20px;
    }
    .new_function_app .btn2>li span {
        display: block;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }
}

.tw-text-center {
    text-align: center;
}


.NewFunction > .OtherFunFeatures__Grid {
    display: grid;
    gap: 16px;
}
@media screen and (min-width: 768.02px), print {
  .NewFunction > .OtherFunFeatures__Grid {
    grid-template-columns: repeat(3, 1fr);
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .NewFunction > .OtherFunFeatures__Grid {
    padding-top: 30px;
  }
}

@media screen and (min-width: 768.02px), print {
  .NewFunction .OtherFunFeatures__Grid .OtherFunFeatures__Item {
    display: block;
    height: auto;
    padding: 30px 28px;
  }
  .NewFunction .OtherFunFeatures__Item:lang(fr), .OtherFunFeatures__Item:lang(it) {
        min-height: auto;
  }
}
@media screen and (max-width: 768px) {
  .NewFunction > .OtherFunFeatures__Item {
    padding-inline: 20px;
    padding-top: 38px;
  }
}
@media screen and (max-width: 768px) {
    .NewFunction .OtherFunFeatures__Item.OtherFunFeatures__Item--match-test {
        padding-bottom: 52px;
    }
}
.NewFunction .OtherFunFeatures__Item .OtherFunFeatures__MatchTest__Image03 {
    position: static;
    width: 100%;
}
.NewFunction .OtherFunFeatures__Item .OtherFunFeatures__Title {
    display: block;
    column-gap: 13px;
    text-align: center;
    font-size: 24px !important;
    line-height: 1 !important;
}
.NewFunction .OtherFunFeatures__Item .OtherFunFeatures__Text {
    margin-top: 15px !important;
    font-weight: 550 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.01em !important;
}
.NewFunction p sup {
  font-size: 0.75em;
  vertical-align: super;
}
.NewFunction .OtherFunFeatures__Item.OtherFunFeatures__Item--match-test {
  color: #ffd940;
  background-color: var(--color-crusta);
}