@charset "UTF-8";
.main {
  margin: 0;
  padding: 0;
}
.main address,
.main article,
.main blockquote,
.main canvas,
.main caption,
.main dd,
.main div,
.main dl,
.main dt,
.main fieldset,
.main figure,
.main footer,
.main form,
.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6,
.main header,
.main legend,
.main li,
.main nav,
.main object,
.main ol,
.main p,
.main pre,
.main section,
.main table,
.main td,
.main th,
.main ul {
  margin: 0;
  padding: 0;
}
.main table {
  border-collapse: collapse;
  border-spacing: 0;
}
.main fieldset,
.main img {
  border: none;
  vertical-align: top;
}
.main address,
.main caption,
.main cite,
.main code,
.main dfn,
.main em,
.main strong,
.main th,
.main var {
  font-style: normal;
  font-weight: 400;
}
.main li,
.main ol,
.main ul {
  list-style: none;
}
.main caption,
.main td,
.main th {
  text-align: left;
  vertical-align: top;
}
.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6,
.main small {
  font-weight: 400;
  font-size: 100%;
}
.main i {
  font-style: normal;
}
.main q:after,
.main q:before {
  content: '';
}
.main abbr,
.main acronym {
  border: none;
}
.main sub {
  vertical-align: baseline;
}
.main a,
.main embed,
.main object {
  outline: 0;
}
.main a:active,
.main a:focus,
.main a:hover {
  outline: 0;
}
.main article,
.main canvas,
.main figure,
.main footer,
.main header,
.main main,
.main nav,
.main section {
  display: block;
}
.main {
  --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --ease-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1);
  --ease-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1);
}
.main {
  --scrollbar: 0;
  overscroll-behavior: none;
  scroll-behavior: smooth;
}
.main * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.main ::after,
.main ::before {
  box-sizing: border-box;
}
.main a {
  color: inherit;
  text-decoration: none;
}
.main b,
.main em,
.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6,
.main small,
.main span,
.main strong {
  font-weight: inherit;
}
.main table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.main input:not([type='button']),
.main input:not([type='reset']),
.main input:not([type='submit']),
.main textarea {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: 0;
  background: 0 0;
  font: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.main select {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: 0 0;
  color: inherit;
  font: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.main button,
.main input[type='button'],
.main input[type='reset'],
.main input[type='submit'] {
  margin: 0;
  padding: 0;
  border: none;
  outline: 0;
  background: 0 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: left;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.main button::-moz-focus-inner,
.main input[type='button']::-moz-focus-inner,
.main input[type='reset']::-moz-focus-inner,
.main input[type='submit']::-moz-focus-inner {
  padding: 0;
  border: none;
}
.main img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.main img[src$='.svg'] {
  display: block;
}
.main svg,
.main video {
  display: block;
  max-width: 100%;
  height: auto;
}
.main br.pc {
  display: inline;
}
.main br.sp {
  display: none;
}
@media (max-width: 768px) {
  .main br.pc {
    display: none;
  }
  .main br.sp {
    display: inline;
  }
}
.main .figure {
  position: relative;
  margin-top: 40px;
}
.main .figure .-label {
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 4px 12px;
  border: 1px solid rgba(137, 137, 137, 0.6);
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.02em;
}
.main .figure.-toggle.-toggled .figure__img [data-aquos-figure-toggle='after'] {
  width: 100%;
}
.main .figure.-toggle.-toggled .figure__toggle__labels .-label:nth-child(1) {
  opacity: 0;
  transition-delay: 0s;
}
.main .figure.-toggle.-toggled .figure__toggle__labels .-label:nth-child(2) {
  opacity: 1;
  transition-delay: 0.2s;
}
.main .figure.-toggle .figure__img {
  position: relative;
}
.main .figure.-toggle .figure__img [data-aquos-figure-toggle='before'] {
  z-index: 0;
  position: relative;
}
.main .figure.-toggle .figure__img [data-aquos-figure-toggle='after'] {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  transition: width 0.6s var(--ease-fast-out-slow-in);
}
.main .figure.-toggle .figure__img img {
  width: 650px;
}
.main .figure.-carousel {
  height: 100%;
}
.main .figure .figure__columns {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
}
.main .figure .figure__column {
  position: relative;
  flex-shrink: 0;
  width: calc(50% - 2px);
}
.main .figure .figure__slides {
  position: relative;
}
.main .figure .figure__slides__labels {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.main .figure .figure__slides__labels .-label:nth-child(1) {
  left: 0;
  border-left: 0;
  border-radius: 0 24px 24px 0;
}
.main .figure .figure__slides__labels .-label:nth-child(2) {
  right: 0;
  left: auto;
  border-right: 0;
  border-radius: 24px 0 0 24px;
}
.main .figure .figure__slides__items {
  z-index: 1;
  position: relative;
}
.main .figure .figure__slide,
.main .figure .figure__slide img,
.main .figure .figure__slide video {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}
.main .figure .figure__slide:nth-child(1) {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.main .figure .figure__slide:nth-child(2) {
  z-index: 0;
  position: relative;
}
.main .figure .figure__slides__handle {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  transform: translateX(-50%);
  background-color: #fff;
}
.main .figure .figure__slides__handle > div {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}
.main .figure .figure__slides__handle > div i {
  display: block;
  width: 14px;
}
.main .figure .figure__slides__handle > div i,
.main .figure .figure__slides__handle > div i img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}
.main .figure .figure__toggle__labels {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.main .figure .figure__toggle__labels .-label {
  left: 0;
  border-left: 0;
  border-radius: 0 24px 24px 0;
  transition: opacity 0.4s ease;
}
.main .figure .figure__toggle__labels .-label:nth-child(1) {
  opacity: 1;
  transition-delay: 0.2s;
}
.main .figure .figure__toggle__labels .-label:nth-child(2) {
  opacity: 0;
}
.main .figure .figure__img {
  width: 100%;
}
.main .figure .figure__carousel {
  height: 100%;
}
.main .figure .figure__carousel__item {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main .figure .figure__carousel__item.-current {
  z-index: 1;
}
.main .figure .figure__carousel__item.-current .figure__actions,
.main .figure .figure__carousel__item.-current .figure__img,
.main .figure .figure__carousel__item.-current .figure__video {
  opacity: 1;
  transition: opacity 0.4s var(--ease-fast-out-slow-in);
}
.main .figure .figure__carousel__item.-current .figure__balloon {
  transform: translateY(-100%) scale(1);
  opacity: 1;
  transition: opacity 450ms 0.2s var(--ease-in-out-back), transform 450ms 0.2s var(--ease-in-out-back);
}
.main .figure .figure__carousel__item .figure__actions,
.main .figure .figure__carousel__item .figure__img,
.main .figure .figure__carousel__item .figure__video {
  opacity: 0;
  transition: opacity 0.4s 0.1s var(--ease-fast-out-slow-in);
}
.main .figure .figure__carousel__item .figure.-video .figure__actions.-status {
  display: none;
}
.main .figure .figure__carousel__nav {
  display: flex;
  z-index: 1;
  position: absolute;
  bottom: -50px;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.main .figure .figure__carousel__nav .figure__actions {
  margin-left: 6px;
}
.main .figure .figure__carousel__nav.-invert .figure__carousel__dots button.-current::before {
  background-color: #fff;
}
.main .figure .figure__carousel__nav.-invert .figure__carousel__dots button::before {
  background-color: rgba(217, 217, 217, 0.4);
}
.main .figure .figure__carousel__nav.-invert .figure__actions {
  filter: invert(0.8);
}
.main .figure .figure__carousel__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 2px;
  column-gap: 2px;
}
.main .figure .figure__carousel__dots button {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.main .figure .figure__carousel__dots button.-current::after {
  opacity: 1;
}
.main .figure .figure__carousel__dots button.-current::before {
  background-color: #2c2c2c;
}
.main .figure .figure__carousel__dots button::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 50%;
  background-color: #d5d5d5;
  content: '';
}
.main .figure .figure__carousel__dots button svg {
  transform: rotate(-90deg);
}
.main .figure .figure__carousel__dots button svg circle {
  fill: none;
  stroke: #a7a7a7;
  stroke-width: 1;
  stroke-dasharray: 62.8;
  stroke-dashoffset: 62.8;
  transition: stroke-dashoffset linear;
}
.main .figure .figure__balloon {
  position: absolute;
  top: -14px;
  right: -5px;
  left: -5px;
  transform: translateY(calc(-100% + 10px)) scale(0.9);
  opacity: 0;
}
@media (max-width: 768px) {
  .main .figure {
    margin-top: 0;
  }
  .main .figure .-label {
    top: 3.2vw;
    left: 3.2vw;
    padding: 1.0666666667vw 2.6666666667vw;
    border-radius: 3.4666666667vw;
    font-size: 2.9333333333vw;
  }
  .main .figure.-toggle .figure__img img {
    width: 87.2vw;
  }
  .main .figure .figure__column {
    width: calc(50% - 0.5333333333vw);
  }
  .main .figure .figure__slides__labels .-label {
    top: 1.6vw;
  }
  .main .figure .figure__slides__labels .-label:nth-child(1) {
    border-radius: 0 3.4666666667vw 3.4666666667vw 0;
  }
  .main .figure .figure__slides__labels .-label:nth-child(2) {
    border-radius: 3.4666666667vw 0 0 3.4666666667vw;
  }
  .main .figure .figure__slides__handle > div {
    width: 9.6vw;
    height: 9.6vw;
  }
  .main .figure .figure__slides__handle > div i {
    width: 3.7333333333vw;
  }
  .main .figure .figure__carousel__nav {
    bottom: 0;
  }
  .main .figure .figure__carousel__nav .figure__actions {
    margin-left: 1.0666666667vw;
  }
  .main .figure .figure__carousel__dots {
    -moz-column-gap: 2px;
    column-gap: 2px;
  }
  .main .figure .figure__carousel__dots button {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
  .main .figure .figure__carousel__dots button::before {
    width: 1.0666666667vw;
    height: 1.0666666667vw;
  }
  .main .figure .figure__balloon {
    top: -2.6666666667vw;
    right: 0;
    left: 0;
    transform: translateY(calc(-100% + 2.6666666667vw)) scale(0.9);
  }
}
.figure__actions.-status {
  z-index: 1;
  position: absolute;
  right: 12px;
  bottom: 12px;
}
.figure__actions.-status button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(174, 174, 174, 0.5);
}
.figure__actions.-status .-pause,
.figure__actions.-status .-restart,
.figure__actions.-status .-start {
  display: none;
}
.figure__actions.-status.-playing .-pause {
  display: block;
}
.figure__actions.-status.-paused .-start {
  display: block;
}
.figure__actions.-status.-finished .-restart {
  display: block;
}
.figure__actions.-toggle {
  display: flex;
  align-items: center;
  margin-top: 28px;
}
.figure__actions.-toggle > span {
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.02em;
}
.figure__actions.-carousel button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.figure__actions.-carousel button .-pause,
.figure__actions.-carousel button .-restart {
  display: none;
}
.figure__actions.-carousel button.-playing .-pause {
  display: block;
}
.figure__actions.-carousel button.-playing .-start {
  display: none;
}
.figure__actions.-carousel button.-paused .-start {
  display: block;
}
.figure__actions.-carousel button.-finished .-restart {
  display: block;
}
.figure__actions.-carousel button.-finished .-start {
  display: none;
}
.figure__actions .figure__actions__icon {
  display: block;
}
.figure__actions .figure__actions__icon.-pause {
  width: 11px;
}
.figure__actions .figure__actions__icon.-start {
  width: 12px;
}
.figure__actions .figure__actions__icon.-restart {
  width: 11px;
}
.figure__actions .figure__actions__switch {
  display: block;
  position: relative;
  width: 64px;
  height: 32px;
  margin-left: 15px;
  border: 1px solid #fff;
  border-radius: 16px;
  background: 0 0;
  transition: background 0.4s 0.1s var(--ease-fast-out-slow-in);
}
.figure__actions .figure__actions__switch.-toggled {
  background: #fff;
}
.figure__actions .figure__actions__switch.-toggled > div {
  left: 34px;
  background: #161616;
}
.figure__actions .figure__actions__switch > div {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  transition: background 0.4s 0.1s var(--ease-fast-out-slow-in), left 0.4s 0.1s var(--ease-fast-out-slow-in);
}
@media (max-width: 768px) {
  .figure__actions.-status {
    right: 2.1333333333vw;
    bottom: 2.1333333333vw;
  }
  .figure__actions.-status button {
    width: 9.6vw;
    height: 9.6vw;
  }
  .figure__actions.-toggle {
    margin-top: 7.4666666667vw;
  }
  .figure__actions.-toggle > span {
    font-size: 4.2666666667vw;
  }
  .figure__actions.-carousel button {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
  .figure__actions .figure__actions__icon.-pause {
    width: 2.9333333333vw;
  }
  .figure__actions .figure__actions__icon.-start {
    width: 3.2vw;
  }
  .figure__actions .figure__actions__icon.-restart {
    width: 2.9333333333vw;
  }
  .figure__actions .figure__actions__switch {
    width: 17.0666666667vw;
    height: 8.5333333333vw;
    margin-left: 4vw;
    border-radius: 4.2666666667vw;
  }
  .figure__actions .figure__actions__switch.-toggled > div {
    left: 9.0666666667vw;
  }
  .figure__actions .figure__actions__switch > div {
    top: 0.8vw;
    left: 0.8vw;
    width: 6.4vw;
    height: 6.4vw;
  }
}
.main .modal {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: height 0s 201ms, z-index 0s 201ms, opacity 0.2s ease;
}
.main .modal.-shown {
  z-index: 1001;
  height: 100%;
  opacity: 1;
  transition: height 0s 0s, z-index 0s 0s, opacity 0.2s 1ms ease;
}
.main .modal .modal__outer {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 170px 40px 105px;
}
.main .modal .modal__backdrop {
  display: flex;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.main .modal .modal__inner {
  z-index: 1;
  position: relative;
  width: 100%;
  max-width: 1180px;
}
.main .modal .modal__inner .mov {
  width: 100%;
}
.main .modal .modal__inner iframe {
  display: block;
  aspect-ratio: 560/315;
  width: 100%;
  height: auto;
}
.main .modal .mocal__closer {
  z-index: 1;
  position: absolute;
  top: -60px;
  right: 0;
}
.main .modal .mocal__closer button {
  position: relative;
  width: 48px;
  height: 48px;
  border: 1px solid #aeaeae;
  border-radius: 24px;
}
.main .modal .mocal__closer button span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 1px;
  border: 1px solid #fff;
}
.main .modal .mocal__closer button span:nth-child(1) {
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.main .modal .mocal__closer button span:nth-child(2) {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
@media (max-width: 768px) {
  .main .modal .modal__outer {
    padding: 6.4vw;
  }
  .main .modal .modal__inner {
    max-width: none;
  }
  .main .modal .mocal__closer {
    top: -12.2666666667vw;
  }
  .main .modal .mocal__closer button {
    width: 9.6vw;
    height: 9.6vw;
    border-radius: 6.4vw;
  }
  .main .modal .mocal__closer button span {
    width: 3.2vw;
  }
}
.main .support {
  max-width: 1100px;
  margin: 80px auto 0;
}
.main .support .support__inner {
  padding: 80px 0;
  border-radius: 4px;
  background: #efefef;
}
.main .support .support__inner h4 {
  font-size: 32px;
  line-height: 160%;
  letter-spacing: 0.04em;
  text-align: center;
}
.main .support .support__inner dl {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 30px;
}
.main .support .support__inner dl div + div {
  margin-left: 24px;
}
.main .support .support__inner dl dt {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 360px;
  height: 48px;
  padding: 8px 20px;
  border-radius: 24px;
  background: #fff;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.04em;
  text-align: center;
}
.main .support .support__inner dl dd {
  margin-top: 20px;
  font-size: 23px;
  line-height: 120%;
  letter-spacing: 0.04em;
  text-align: center;
}
.main .support .support__inner dl dd em {
  margin: 0 8px;
  font-weight: 500;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: 0.04em;
}
.main .support .support__notice {
  margin-top: 40px;
  font-size: 11px;
  line-height: 160%;
  letter-spacing: 0.02em;
}
.main .support .support__notice li {
  position: relative;
  padding-left: 1.5em;
}
.main .support .support__notice li + li {
  margin-top: 4px;
}
.main .support .support__notice span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5em;
}
@media (max-width: 1440px) and (min-width: 769px) {
  .main .support {
    padding: 0 20px;
  }
  .main .support .support__inner dl dt {
    width: auto;
  }
}
@media (max-width: 768px) {
  .main .support {
    max-width: none;
    margin-top: 16vw;
  }
  .main .support .support__inner {
    padding: 21.3333333333vw 6.4vw;
    border-radius: 1.0666666667vw;
  }
  .main .support .support__inner h4 {
    font-size: 5.8666666667vw;
  }
  .main .support .support__inner dl {
    flex-flow: column nowrap;
    margin-top: 11.2vw;
  }
  .main .support .support__inner dl div {
    width: 100%;
  }
  .main .support .support__inner dl div + div {
    margin: 9.0666666667vw 0 0;
  }
  .main .support .support__inner dl dt {
    width: 100%;
    height: 12vw;
    padding: 2.1333333333vw 0;
    border-radius: 6vw;
    font-size: 4.8vw;
  }
  .main .support .support__inner dl dd {
    margin-top: 5.3333333333vw;
    font-size: 6.1333333333vw;
  }
  .main .support .support__inner dl dd em {
    margin: 0 2.1333333333vw;
    font-size: 12.8vw;
  }
  .main .support .support__notice {
    margin-top: 10.6666666667vw;
    font-size: 2.6666666667vw;
  }
  .main .support .support__notice li + li {
    margin-top: 0.5333333333vw;
  }
}
.main {
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
}
.main .wish5 {
  --lvh: 100lvh;
  font-weight: 400;
}
.main .wish5.-hidden {
  opacity: 0;
  transition: opacity 0.4s ease;
}
/*.main .wish5 sup {*/
/*  top: -0.25em;*/
/*}*/
.main .wish5 img {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.main .wish5 .wish5__title {
  color: #000;
  font-size: 32px;
  line-height: 160%;
  letter-spacing: 0.04em;
}
.main .wish5 .wish5__txt {
  margin-top: 24px;
  color: #1e1e1e;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.02em;
}
.main .wish5 .wish5__txt p + p {
  margin-top: 48px;
}
.main .wish5 .wish5__txt small {
  display: block;
  position: relative;
  color: #6c6c6c;
  font-size: 11px;
  line-height: 160%;
  letter-spacing: 0.02em;
}
.main .wish5 .wish5__txt small + small {
  margin-top: 2px;
}
.main .wish5 .wish5__txt dl {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
}
.main .wish5 .wish5__txt dl + p {
  margin-top: 48px;
}
.main .wish5 .wish5__txt dl div + div {
  margin-left: 24px;
}
.main .wish5 .wish5__txt dl dt {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 26px;
  padding: 2px 10px;
  border-radius: 15px;
  background: #fff;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.02em;
  text-align: center;
}
.main .wish5 .wish5__txt dl dd {
  margin-top: 2px;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.04em;
  text-align: center;
}
.main .wish5 .wish5__txt dl dd em {
  margin: 0 8px;
  font-weight: 500;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: 0.04em;
}
.main .wish5 .wish5__label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 4px 12px;
  border-radius: 26px;
  background: #f0f0f0;
  color: #2c2c2c;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0.02em;
}
@media (max-width: 768px) {
  .main .wish5 .wish5__title {
    font-size: 5.8666666667vw;
  }
  .main .wish5 .wish5__txt {
    margin-top: 6.4vw;
    font-size: 3.7333333333vw;
  }
  .main .wish5 .wish5__txt p + p {
    margin-top: 5.3333333333vw;
  }
  .main .wish5 .wish5__txt small {
    font-size: 2.9333333333vw;
  }
  .main .wish5 .wish5__txt small + small {
    margin-top: 0.5333333333vw;
  }
  .main .wish5 .wish5__txt dl {
    margin-top: 8vw;
  }
  .main .wish5 .wish5__txt dl + p {
    margin-top: 12.8vw;
  }
  .main .wish5 .wish5__txt dl div {
    width: calc(50% - 3.2vw);
  }
  .main .wish5 .wish5__txt dl div + div {
    margin-left: 6.4vw;
  }
  .main .wish5 .wish5__txt dl dt {
    width: 100%;
    height: 6.9333333333vw;
    padding: 0.5333333333vw 2.6666666667vw;
    border-radius: 4vw;
    font-size: 3.7333333333vw;
  }
  .main .wish5 .wish5__txt dl dd {
    margin-top: 0.5333333333vw;
    font-size: 4.2666666667vw;
    white-space: nowrap;
  }
  .main .wish5 .wish5__txt dl dd em {
    margin: 0 1.0666666667vw;
    font-size: 12.8vw;
  }
  .main .wish5 .wish5__label {
    margin-bottom: 3.2vw;
    padding: 1.0666666667vw 3.2vw;
    border-radius: 6.9333333333vw;
    font-size: 3.2vw;
  }
}
.main .section .section__inner.-fill.-h1 {
  height: 100vh;
}
.main .section .section__inner.-fill.-h2 {
  height: 200vh;
}
.main .section .section__inner.-fill.-h3 {
  height: 300vh;
}
.main .section .section__inner.-fill.-h4 {
  height: 400vh;
}
.main .section .section__inner.-fill.-h5 {
  height: 500vh;
}
.main .section .section__inner.-fill.-h6 {
  height: 600vh;
}
.main .section .section__inner.-fill.-h7 {
  height: 700vh;
}
.main .section .section__inner.-fill.-h8 {
  height: 800vh;
}
.main .section .section__inner.-fill.-h9 {
  height: 900vh;
}
.main .section .section__inner.-fill.-h10 {
  height: 1000vh;
}
.main .section .section__inner.-fill.-h11 {
  height: 1100vh;
}
.main .section .section__inner.-fill.-h12 {
  height: 1200vh;
}
.main .section .section__inner.-fill.-h13 {
  height: 1300vh;
}
.main .section .section__inner.-fill.-h14 {
  height: 1400vh;
}
.main .section .section__inner.-fill.-h15 {
  height: 1500vh;
}
.main .section .section__inner.-fill.-h16 {
  height: 1600vh;
}
.main .section .section__inner.-fill.-h17 {
  height: 1700vh;
}
.main .section .section__inner.-fill.-h18 {
  height: 1800vh;
}
.main .section .section__inner.-fill.-h19 {
  height: 1900vh;
}
.main .section .section__inner.-fill.-h20 {
  height: 2000vh;
}
.main .section .section__contents {
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
}
.main .section .section__title {
  text-align: center;
  white-space: nowrap;
}
.main .section .section__title span {
  display: inline-block;
  position: relative;
  padding: 10px 24px 12px;
  border-radius: 25px;
  background: linear-gradient(108.71deg, rgba(255, 255, 255, 0.8) 12.71%, rgba(243, 243, 243, 0.56) 93.89%);
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.02em;
}
.main .section .section__title span::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: 50px;
  background-image: linear-gradient(-40deg, #b0b9e4 0, #d6dbf0 50%, #b0b9e4 100%);
  background-origin: border-box;
  background-clip: border-box;
  content: '';
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-clip: padding-box, border-box;
  -webkit-mask-composite: destination-out;
  mask-clip: padding-box, border-box;
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main .section .section__title em {
  display: block;
  margin-top: 28px;
  font-size: 38px;
  line-height: 160%;
  letter-spacing: 0.04em;
}
.main .section .section__description {
  margin-top: 40px;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.02em;
  text-align: center;
}
@media (max-width: 768px) {
  .main .section .section__inner.-fill.-h1 {
    height: 100lvh;
  }
  .main .section .section__inner.-fill.-h2 {
    height: 200lvh;
  }
  .main .section .section__inner.-fill.-h3 {
    height: 300lvh;
  }
  .main .section .section__inner.-fill.-h4 {
    height: 400lvh;
  }
  .main .section .section__inner.-fill.-h5 {
    height: 500lvh;
  }
  .main .section .section__inner.-fill.-h6 {
    height: 600lvh;
  }
  .main .section .section__inner.-fill.-h7 {
    height: 700lvh;
  }
  .main .section .section__inner.-fill.-h8 {
    height: 800lvh;
  }
  .main .section .section__inner.-fill.-h9 {
    height: 900lvh;
  }
  .main .section .section__inner.-fill.-h10 {
    height: 1000lvh;
  }
  .main .section .section__inner.-fill.-h11 {
    height: 1100lvh;
  }
  .main .section .section__inner.-fill.-h12 {
    height: 1200lvh;
  }
  .main .section .section__inner.-fill.-h13 {
    height: 1300lvh;
  }
  .main .section .section__inner.-fill.-h14 {
    height: 1400lvh;
  }
  .main .section .section__inner.-fill.-h15 {
    height: 1500lvh;
  }
  .main .section .section__inner.-fill.-h16 {
    height: 1600lvh;
  }
  .main .section .section__inner.-fill.-h17 {
    height: 1700lvh;
  }
  .main .section .section__inner.-fill.-h18 {
    height: 1800lvh;
  }
  .main .section .section__inner.-fill.-h19 {
    height: 1900lvh;
  }
  .main .section .section__inner.-fill.-h20 {
    height: 2000lvh;
  }
  .main .section .section__contents {
    max-width: none;
    padding-right: 6.4vw;
    padding-left: 6.4vw;
  }
  .main .section .section__title span {
    padding: 2.6666666667vw 6.4vw 3.2vw;
    border-radius: 6.6666666667vw;
    font-size: 3.7333333333vw;
  }
  .main .section .section__title span::before {
    border-radius: 13.3333333333vw;
  }
  .main .section .section__title em {
    margin-top: 6.4vw;
    font-size: 7.4666666667vw;
  }
  .main .section .section__description {
    margin-top: 11.2vw;
    font-size: 3.7333333333vw;
  }
}
.main .intro {
  padding-bottom: 88px;
}
.main .intro .intro__inner {
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
}
.main .intro .intro__body {
  padding-top: 65px;
}
.main .intro .intro__description {
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.02em;
  text-align: center;
}
.main .intro .intro__description em {
  display: block;
  font-size: 38px;
  line-height: 160%;
  letter-spacing: 0.04em;
}
.main .intro .intro__description p {
  margin-top: 40px;
}
.main .intro .intro__concept {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 92px;
  margin: 36px auto 0;
  padding: 12px 28px 12px 12px;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.main .intro .intro__concept .-thumb {
  position: relative;
  width: 102px;
  height: 68px;
}
.main .intro .intro__concept .-thumb i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  transform: translate3d(-50%, -50%, 0);
}
.main .intro .intro__concept .-txt {
  margin-left: 20px;
  color: #000;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.02em;
}
.main .intro .intro__index {
  margin-top: 110px;
}
.main .intro .intro__nav {
  color: #fff;
}
.main .intro .intro__nav ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 12px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.main .intro .intro__nav a {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.main .intro .intro__nav a::before {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 180px;
  background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0, rgba(163, 163, 163, 0.396) 37.5%, rgba(80, 80, 80, 0.8) 100%);
  content: '';
}
.main .intro .intro__nav .-img {
  z-index: 0;
  position: relative;
}
.main .intro .intro__nav .-txt {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px 20px;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.02em;
}
.main .intro .intro__nav .-txt i {
  display: flex;
  position: absolute;
  right: 12px;
  bottom: 12px;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(174, 174, 174, 0.6);
  border-radius: 50%;
}
.main .intro .intro__nav .-txt i img {
  width: 11px;
}
.main .intro .intro__nav .-label {
  display: inline-block;
  position: relative;
  margin-bottom: 12px;
  padding: 2px 8px;
  border-radius: 12px;
  background-color: #fff;
  color: #2c2c2c;
  font-size: 12px;
  line-height: 160%;
}
.main .intro .intro__nav .-title {
  display: block;
  padding-right: 40px;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}
@media (max-width: 1440px) and (min-width: 769px) {
  .main .intro .intro__inner {
    padding: 0 3.4722222222vw;
  }
  .main .intro .intro__nav .-txt {
    padding: 1.1111111111vw 1.3888888889vw;
    font-size: 1.3888888889vw;
    white-space: nowrap;
  }
  .main .intro .intro__nav .-txt i {
    right: 0.8333333333vw;
    bottom: 0.8333333333vw;
    width: 2.5vw;
    height: 2.5vw;
  }
  .main .intro .intro__nav .-txt i img {
    width: 0.7638888889vw;
  }
  .main .intro .intro__nav .-title {
    padding-right: 2.7777777778vw;
    text-shadow: 0 0 0.4861111111vw rgba(0, 0, 0, 0.15);
  }
}
@media (max-width: 768px) {
  .main .intro {
    padding-bottom: 0;
  }
  .main .intro .intro__inner {
    max-width: none;
    padding-right: 0;
    padding-bottom: 8vw;
    padding-left: 0;
  }
  .main .intro .intro__title {
    position: relative;
    width: auto;
    height: 100vw;
    margin: 0;
    overflow: hidden;
  }
  .main .intro .intro__body {
    padding: 14.9333333333vw 6.4vw 0;
  }
  .main .intro .intro__description {
    font-size: 3.7333333333vw;
  }
  .main .intro .intro__description em {
    font-size: 7.4666666667vw;
  }
  .main .intro .intro__description p {
    margin-top: 6.4vw;
  }
  .main .intro .intro__description p br {
    display: none;
  }
  .main .intro .intro__concept {
    width: 100%;
    height: 24.5333333333vw;
    margin: 5.3333333333vw auto 0;
    padding: 3.2vw 7.4666666667vw 3.2vw 3.2vw;
    border-radius: 1.0666666667vw;
    box-shadow: 0 0 2.1333333333vw rgba(0, 0, 0, 0.1);
  }
  .main .intro .intro__concept .-thumb {
    width: 27.2vw;
    height: 18.1333333333vw;
  }
  .main .intro .intro__concept .-thumb i {
    width: 4vw;
  }
  .main .intro .intro__concept .-txt {
    margin-left: 5.3333333333vw;
    font-size: 3.7333333333vw;
  }
  .main .intro .intro__index {
    margin-top: 22.4vw;
  }
  .main .intro .intro__nav {
    padding: 0 6.4vw;
  }
  .main .intro .intro__nav ul {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 3.2vw;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 4.2666666667vw;
  }
  .main .intro .intro__nav a {
    border-radius: 4.2666666667vw;
  }
  .main .intro .intro__nav a::before {
    display: none;
  }
  .main .intro .intro__nav .-txt {
    padding: 4.2666666667vw 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
  .main .intro .intro__nav .-txt i {
    right: 3.2vw;
    bottom: 3.2vw;
    width: 9.6vw;
    height: 9.6vw;
    border-color: #fff;
  }
  .main .intro .intro__nav .-txt i img {
    width: 2.9333333333vw;
  }
  .main .intro .intro__nav .-label {
    margin-bottom: 3.2vw;
    padding: 0.5333333333vw 2.1333333333vw;
    border-radius: 3.2vw;
    font-size: 3.2vw;
  }
  .main .intro .intro__nav .-title {
    padding-right: 10.6666666667vw;
    text-shadow: 0 0 1.8666666667vw rgba(0, 0, 0, 0.15);
  }
}
.main .basic .section__inner {
  z-index: 1;
  position: relative;
  margin-top: -100vh;
}
.main .basic.-fixed .basic__bg {
  margin: 0;
  border-radius: 0;
}
.main .basic.-fixed .basic__header {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.4s var(--ease-fast-out-slow-in);
}
.main .basic.-dark .basic__section.-s2 .wish5__title,
.main .basic.-dark .basic__section.-s2 .wish5__txt,
.main .basic.-dark .basic__section.-s2 .wish5__txt small {
  color: #fff;
}
.main .basic.-dark .basic__section.-s2 .wish5__txt dt {
  color: #2c2c2c;
}
.main .basic.-dark .basic__bg .-normal {
  opacity: 0;
}
.main .basic.-dark .basic__bg .-dark {
  opacity: 1;
}
.main .basic.-bgabs {
  position: relative;
  padding-top: 100vh;
}
.main .basic.-bgabs .basic__bg {
  position: absolute;
  top: 600vh;
  right: 0;
  left: 0;
}
.main .basic .basic__bg {
  display: block;
  z-index: 0;
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  min-height: 100vh;
  margin: 0 44px;
  overflow: hidden;
  border-radius: 80px 80px 0 0;
  transition: margin 0.6s var(--ease-linear-out-slow-in), border-radius 0.6s var(--ease-linear-out-slow-in);
}
.main .basic .basic__bg > div {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.6s var(--ease-linear-out-slow-in);
}
.main .basic .basic__bg .-normal {
  background: linear-gradient(180deg, rgba(212, 217, 244, 0.4) 0, rgba(237, 240, 251, 0.55) 50%, #fff 100%);
}
.main .basic .basic__bg .-dark {
  background: linear-gradient(180deg, #00051f 0, rgba(0, 5, 31, 0.4) 100%);
  opacity: 0;
}
.main .basic [data-aquos-section='basic-1'] .basic__products {
  display: none;
}
.main .basic [data-aquos-section='basic-1'].-enter .basic__products {
  display: block;
  width: 0;
  overflow: hidden;
  transition: opacity 150ms var(--ease-fast-out-slow-in), transform 150ms var(--ease-fast-out-slow-in), width 0s 151ms var(--ease-fast-out-slow-in);
}
.main .basic [data-aquos-section='basic-1'].-pshown .basic__products {
  width: 914px;
  overflow: visible;
  transform: translate3d(-50%, calc(-50% + 30px), 0);
  opacity: 1;
  transition: opacity 0.6s var(--ease-fast-out-slow-in), transform 0.6s var(--ease-fast-out-slow-in), width 0s 0s var(--ease-fast-out-slow-in);
}
.main .basic [data-aquos-section='basic-1'].-leave .basic__products {
  display: none;
}
.main .basic .basic__header {
  z-index: 1;
  position: relative;
  padding-top: 120px;
  transform: translateY(20px);
  opacity: 0;
  transition: all 150ms var(--ease-fast-out-slow-in);
}
.main .basic .basic__products {
  z-index: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 914px;
  margin-top: 254px;
  transform: translate3d(-50%, calc(-50% + 50px + 30px), 0);
  opacity: 0;
  transition: all 150ms var(--ease-fast-out-slow-in);
}
.main .basic .basic__products img {
  display: none;
}
.main .basic [data-aquos-section='basic-2'] {
  margin-top: -200vh;
}
.main .basic .basic__frame {
  z-index: 1;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 260px;
  height: 560px;
  transform: translate3d(calc(-50% + 1px), calc(-50% + 30px), 0);
}
.main .basic .basic__sections {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.main .basic .basic__section.-s1 .figure__actions {
  right: -56px;
  bottom: -8px;
}
.main .basic .basic__section.-s1 .basic__figure {
  transform: translate3d(-50%, calc(-50% + 42px), 0);
}
.main .basic .basic__section.-s1,
.main .basic .basic__section.-s2 {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main .basic .basic__section.-s1 .wish5__title,
.main .basic .basic__section.-s1 .wish5__txt,
.main .basic .basic__section.-s2 .wish5__title,
.main .basic .basic__section.-s2 .wish5__txt {
  transform: translateY(calc(-50% + 30px + 20px));
  opacity: 0;
  transition: all 150ms;
}
.main .basic .basic__section.-s1 .wish5__title,
.main .basic .basic__section.-s2 .wish5__title {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -480px;
}
/*.main .basic .basic__section.-s1 .wish5__title sup,*/
/*.main .basic .basic__section.-s2 .wish5__title sup {*/
/*  top: 0;*/
/*  margin-left: 0.2em;*/
/*  font-size: 0.6em;*/
/*  vertical-align: super;*/
/*}*/
.main .basic .basic__section.-s1 .wish5__txt,
.main .basic .basic__section.-s2 .wish5__txt {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 346px;
  margin-left: 238px;
}
.main .basic .basic__section.-s1 .wish5__txt sup,
.main .basic .basic__section.-s2 .wish5__txt sup {
  /*top: -0.4em;*/
  font-size: 0.6em;
  vertical-align: super;
}
.main .basic .basic__section .-dummy {
  display: none;
}
.main .basic .basic__figure {
  z-index: 1;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 550px;
  transform: translate3d(-50%, calc(-50% + 30px), 0);
  opacity: 0;
}
.main .basic .basic__figure .figure {
  margin-top: 0;
}
.main .basic .basic__charge .-bg {
  z-index: 0;
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  /* background: url(https://aquosmobile.sharp.com.tw/resources/aquos/wish5/basic-2-2.png) no-repeat center center transparent; */
  background-size: cover;
}
.main .basic .basic__charge .-icon {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 170px;
  height: 170px;
  transform: translate3d(-50%, -50%, 0);
}
.main .basic .basic__charge .-border {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 170px;
  height: 170px;
  transform: translate3d(-50%, -50%, 0);
}
.main .basic .basic__charge .-border::before {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 12px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: '';
}
.main .basic .basic__charge .-border svg {
  z-index: 1;
  position: relative;
  transform: rotate(-90deg);
}
.main .basic .basic__charge .-border svg circle {
  fill: none;
  stroke: #00ec67;
  stroke-width: 12;
  stroke-linecap: round;
  stroke-dasharray: 490;
  transition: stroke-dasharray 0.8s var(--ease-in-out-back);
}
.main .basic [data-aquos-section='basic-3'] {
  padding: 120px 0;
  border-radius: 0 0 80px 80px;
  background-color: #fff;
}
.main .basic .basic__columns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1120px;
  margin: 0 auto;
}
.main .basic .basic__column.-img {
  overflow: hidden;
  border-radius: 44px;
}
.main .basic .basic__column.-txt {
  flex-shrink: 0;
  width: 464px;
  margin-left: 120px;
}
@media (min-width: 769px) {
  .main .basic [data-aquos-section='basic-2'] .basic__figure {
    display: none;
  }
  .main .basic [data-aquos-section='basic-2'] .basic__frame,
  .main .basic [data-aquos-section='basic-2'] .basic__sections {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: height 0s 151ms var(--ease-fast-out-slow-in), opacity 150ms 0s var(--ease-fast-out-slow-in);
  }
  .main .basic [data-aquos-section='basic-2'].-enter .basic__frame,
  .main .basic [data-aquos-section='basic-2'].-enter .basic__sections {
    opacity: 1;
    transition: height 0s 0s var(--ease-fast-out-slow-in), opacity 0.4s 0.2s var(--ease-fast-out-slow-in);
  }
  .main .basic [data-aquos-section='basic-2'].-enter .basic__frame {
    height: 560px;
  }
  .main .basic [data-aquos-section='basic-2'].-enter .basic__sections {
    height: 100vh;
  }
  .main .basic [data-aquos-section='basic-2'].-enter .basic__section.-s1 {
    z-index: 1;
  }
  .main .basic [data-aquos-section='basic-2'].-enter .basic__section.-s1 .basic__figure {
    opacity: 1;
    transition: all 0.4s 0.2s var(--ease-fast-out-slow-in);
  }
  .main .basic [data-aquos-section='basic-2'].-step0_5 .basic__frame {
    overflow: visible;
  }
  .main .basic [data-aquos-section='basic-2'].-step0_5 .basic__section.-s1 .wish5__title,
  .main .basic [data-aquos-section='basic-2'].-step0_5 .basic__section.-s1 .wish5__txt {
    transform: translateY(calc(-50% + 30px));
    opacity: 1;
    transition: all 0.4s 0.2s var(--ease-fast-out-slow-in);
  }
  .main .basic [data-aquos-section='basic-2'].-step0_5 .basic__section .basic__figure {
    transition: all 0.6s 0.2s var(--ease-fast-out-slow-in);
  }
  .main .basic [data-aquos-section='basic-2'].-step1 .basic__figure {
    display: block;
  }
  .main .basic [data-aquos-section='basic-2'].-step2 .basic__section.-s1 {
    z-index: 0;
  }
  .main .basic [data-aquos-section='basic-2'].-step2 .basic__section.-s1 .wish5__title,
  .main .basic [data-aquos-section='basic-2'].-step2 .basic__section.-s1 .wish5__txt {
    transform: translateY(calc(-50% + 30px - 20px));
    opacity: 0;
    transition: all 150ms var(--ease-fast-out-slow-in);
  }
  .main .basic [data-aquos-section='basic-2'].-step2 .basic__section.-s1 .basic__figure {
    opacity: 0;
  }
  .main .basic [data-aquos-section='basic-2'].-step2 .basic__section.-s2 {
    z-index: 1;
  }
  .main .basic [data-aquos-section='basic-2'].-step2 .basic__section.-s2 .wish5__title,
  .main .basic [data-aquos-section='basic-2'].-step2 .basic__section.-s2 .wish5__txt {
    transform: translateY(calc(-50% + 30px));
    opacity: 1;
    transition: all 0.4s 0.2s var(--ease-fast-out-slow-in);
  }
  .main .basic [data-aquos-section='basic-2'].-step2 .basic__section.-s2 .basic__figure {
    opacity: 1;
  }
  .main .basic [data-aquos-section='basic-2'].-step3 .basic__section.-s2 .basic__figure .-border svg circle {
    stroke-dasharray: 370;
    transition-delay: 0.2s;
    transition-duration: 1s;
  }
  .main .basic [data-aquos-section='basic-2'].-leave .basic__frame,
  .main .basic [data-aquos-section='basic-2'].-leave .basic__sections {
    display: none;
  }
  .main .basic .basic__section .wish5__txt {
    margin-top: 0;
  }
  .main .basic .basic__section .wish5__txt p + p {
    margin-top: 40px;
  }
  .main .basic .basic__section .wish5__txt p.-note {
    position: absolute;
    bottom: -40px;
    left: 0;
    transform: translateY(100%);
  }
}
@media (max-width: 1440px) and (min-width: 769px) {
  .main .basic .basic__section.-s1 .wish5__title,
  .main .basic .basic__section.-s2 .wish5__title {
    margin-left: -33.3333333333vw;
  }
  .main .basic .basic__section.-s1 .wish5__txt,
  .main .basic .basic__section.-s2 .wish5__txt {
    width: 24.0277777778vw;
    margin-left: 16.5277777778vw;
  }
  .main .basic .basic__section.-s3 .basic__column.-txt {
    width: 32.2222222222vw;
    margin-left: 8.3333333333vw;
  }
}
@media (max-width: 1140px) and (min-width: 769px) {
  .main .basic .basic__section.-s1 .wish5__title,
  .main .basic .basic__section.-s2 .wish5__title {
    margin-left: -360px;
  }
  .main .basic .basic__section.-s1 .wish5__txt,
  .main .basic .basic__section.-s2 .wish5__txt {
    margin-left: 160px;
  }
  .main .basic .basic__section.-s2 .wish5__txt dl {
    flex-flow: column nowrap;
  }
  .main .basic .basic__section.-s2 .wish5__txt dl > div {
    width: 100%;
  }
  .main .basic .basic__section.-s2 .wish5__txt dl > div + div {
    margin: 20px 0 0;
  }
  .main .basic .basic__section.-s2 .wish5__txt dt {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .main .basic {
    margin-top: 8vw;
  }
  .main .basic .section__inner {
    margin-top: -100lvh;
  }
  .main .basic .basic__bg {
    min-height: 100lvh;
    margin: 0 4.2666666667vw;
    border-radius: 10.6666666667vw 10.6666666667vw 0 0;
  }
  .main .basic [data-aquos-section='basic-1'] {
    overflow: hidden;
  }
  .main .basic [data-aquos-section='basic-1'].section__inner.-fill {
    height: 500lvh;
  }
  .main .basic [data-aquos-section='basic-1'].-step0_5 .basic__products {
    width: 164.8vw;
  }
  .main .basic [data-aquos-section='basic-1'].-step2 .basic__products {
    transition: none;
  }
  .main .basic [data-aquos-section='basic-1'].-step2_5 .basic__products {
    opacity: 0;
    transition: opacity 0.2s 0.1s ease;
  }
  .main .basic [data-aquos-section='basic-1'].-step3 .basic__products {
    display: none;
  }
  .main .basic .basic__header {
    padding-top: 32vw;
    transform: translateY(5.3333333333vw);
  }
  .main .basic .basic__products {
    width: 164.8vw;
    margin-top: 46.1333333333vw;
    transform: translate3d(-50%, calc(-50% + 26.6666666667vw), 0);
  }
  .main .basic [data-aquos-section='basic-2'] {
    margin-top: -250lvh;
    padding-bottom: 0;
  }
  .main .basic [data-aquos-section='basic-2'].section__inner.-fill {
    height: auto;
  }
  .main .basic [data-aquos-section='basic-2'].-enter .basic__section.-s1 .basic__figure:not(.-dummy) {
    height: 95.4666666667vw;
    overflow: visible;
    opacity: 1;
    transition: height 0s 0s, opacity 0.2s 1ms ease;
  }
  .main .basic [data-aquos-section='basic-2'].-enter .basic__section.-s1 .basic__figure.-dummy {
    height: 95.4666666667vw;
  }
  .main .basic [data-aquos-section='basic-2'].-enter .basic__section.-s1.-abs .basic__figure:not(.-dummy) {
    position: relative;
    top: auto;
    left: auto;
    height: 95.4666666667vw;
    margin-top: -95.4666666667vw;
    transform: none;
  }
  .main .basic [data-aquos-section='basic-2'].-enter .basic__section.-s2 .basic__figure:not(.-dummy) {
    height: 95.4666666667vw;
  }
  .main .basic [data-aquos-section='basic-2'].-enter .basic__section.-s2 .basic__figure.-dummy {
    height: 95.4666666667vw;
  }
  .main .basic [data-aquos-section='basic-2'].-enter .basic__section.-s2.-fixed .basic__figure:not(.-dummy) {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, calc(-50% + 8.2666666667vw), 0);
    transition: none;
  }
  .main .basic [data-aquos-section='basic-2'].-enter .basic__section.-s2.-fixed .basic__figure:not(.-dummy) .-border svg circle {
    stroke-dasharray: 370;
    transition-delay: 0.2s;
  }
  .main .basic [data-aquos-section='basic-2'].-enter .basic__section.-s2.-fixed .basic__figure.-dummy {
    margin-top: 0;
    transition: none;
  }
  .main .basic [data-aquos-section='basic-2'].-enter .basic__section.-s2.-abs .basic__figure:not(.-dummy) {
    position: absolute;
    top: 75lvh;
    transform: translate3d(-50%, 0, 0);
  }
  .main .basic .basic__frame {
    display: none;
  }
  .main .basic .basic__sections {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
  }
  .main .basic .basic__section.-s1 .basic__figure {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 0;
    overflow: hidden;
    transform: translate3d(-50%, calc(-50% + 8.2666666667vw), 0);
    opacity: 0;
    transition: height 0s 201ms, opacity 0.2s ease;
  }
  .main .basic .basic__section.-s1 .figure__actions {
    right: -14.9333333333vw;
    bottom: -2.1333333333vw;
  }
  .main .basic .basic__section.-s2 {
    margin-top: 21.3333333333vw;
  }
  .main .basic .basic__section.-s2 .wish5__title {
    margin-top: 75lvh;
  }
  .main .basic .basic__section.-s2 .basic__figure.-dummy {
    z-index: -1;
    margin-top: -95.4666666667vw;
    opacity: 0;
  }
  .main .basic .basic__section.-s2 .figure__actions {
    right: -14.9333333333vw;
    bottom: -2.1333333333vw;
  }
  .main .basic .basic__section.-s1,
  .main .basic .basic__section.-s2 {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    flex-flow: column nowrap;
    height: auto;
    padding: 0 0 21.3333333333vw;
  }
  .main .basic .basic__section.-s1 .wish5__title,
  .main .basic .basic__section.-s1 .wish5__txt,
  .main .basic .basic__section.-s2 .wish5__title,
  .main .basic .basic__section.-s2 .wish5__txt {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    opacity: 1;
  }
  .main .basic .basic__section.-s1 .wish5__title,
  .main .basic .basic__section.-s2 .wish5__title {
    order: 2;
    width: 100%;
    margin-left: 0;
    padding-top: 12vw;
  }
  .main .basic .basic__section.-s1 .wish5__txt,
  .main .basic .basic__section.-s2 .wish5__txt {
    order: 3;
    width: 100%;
    margin-left: 0;
  }
  .main .basic .basic__section.-s1 .wish5__txt sup,
  .main .basic .basic__section.-s2 .wish5__txt sup {
    /*top: 0.25em;*/
    font-size: 1em;
  }
  .main .basic .basic__section.-s1 .basic__figure,
  .main .basic .basic__section.-s2 .basic__figure {
    order: 1;
    margin: 0 auto;
  }
  .main .basic .basic__section .-dummy {
    display: block;
  }
  .main .basic .basic__figure {
    position: relative;
    top: auto;
    left: auto;
    width: 41.3333333333vw;
    height: 95.4666666667vw;
    transform: none;
    opacity: 1;
  }
  .main .basic .basic__figure__inner {
    position: relative;
    width: 41.3333333333vw;
    height: 95.4666666667vw;
  }
  .main .basic .basic__figure__inner::before {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 46.6666666667vw;
    height: 100.5333333333vw;
    transform: translate3d(calc(-50% + 1px), calc(-50% - 1px), 0);
    background: url(https://aquosmobile.sharp.com.tw/resources/aquos/wish5/frame.png) no-repeat center center transparent;
    background-size: contain;
    content: '';
  }
  .main .basic .basic__charge .-bg {
    top: -2.6666666667vw;
    right: -2.6666666667vw;
    bottom: -2.6666666667vw;
    left: -2.6666666667vw;
  }
  .main .basic .basic__charge .-icon {
    width: 30.9333333333vw;
    height: 30.9333333333vw;
  }
  .main .basic .basic__charge .-border {
    width: 30.9333333333vw;
    height: 30.9333333333vw;
  }
  .main .basic .basic__charge .-border::before {
    border-width: 2.2666666667vw;
  }
  .main .basic .basic__charge .-border svg circle {
    transition-duration: 1s;
  }
  .main .basic [data-aquos-section='basic-3'] {
    margin-top: 0;
    padding: 21.3333333333vw 0;
    border-radius: 0;
  }
  .main .basic .basic__columns {
    flex-flow: column nowrap;
    max-width: none;
  }
  .main .basic .basic__column.-img {
    border-radius: 5.3333333333vw;
  }
  .main .basic .basic__column.-txt {
    width: 100%;
    margin-top: 8.5333333333vw;
    margin-left: 0;
  }
  .main .basic .basic__column.-txt .wish5__txt {
    margin-right: -0.1em;
  }
  .main .basic .basic__column.-txt .wish5__txt br {
    display: none;
  }
}
.main .durability {
  margin-top: -80px;
}
.main .durability [data-aquos-section='durability-1'] {
  position: relative;
}
.main .durability [data-aquos-section='durability-1']::before {
  display: block;
  z-index: 0;
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  height: 100vh;
  background: linear-gradient(180deg, rgba(212, 217, 244, 0.4) 0, rgba(237, 240, 251, 0.55) 50%, #fff 100%);
  content: '';
}
.main .durability .durability__header {
  display: flex;
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  transform: translateY(20px);
  opacity: 0;
  transition: all 150ms var(--ease-fast-out-slow-in);
}
.main .durability .durability__section {
  z-index: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  transform: translateY(20px);
  opacity: 0;
  transition: opacity 150ms var(--ease-linear-out-slow-in), transform 150ms var(--ease-linear-out-slow-in);
}
.main .durability .durability__section__inner {
  display: flex;
  z-index: 1;
  position: relative;
  align-items: center;
  justify-content: space-between;
  max-width: 1440px;
  min-height: 100vh;
  margin-right: auto;
  margin-left: auto;
  padding: 0 50px;
}
.main .durability .durability__section__inner .figure {
  overflow: hidden;
  border-radius: 60px;
}
.main .durability .durability__txt {
  flex-shrink: 0;
  width: 450px;
  margin-right: 120px;
  margin-left: 100px;
}
.main .durability .durability__section__nav {
  z-index: 2;
  position: fixed;
  top: 50%;
  left: 54px;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.4s var(--ease-fast-out-slow-in);
}
.main .durability .durability__section__nav a,
.main .durability .durability__section__nav button {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d9d9d9;
}
.main .durability .durability__section__nav a + a,
.main .durability .durability__section__nav a + button,
.main .durability .durability__section__nav button + a,
.main .durability .durability__section__nav button + button {
  margin-top: 12px;
}
.main .durability .durability__section__nav a.-current,
.main .durability .durability__section__nav button.-current {
  background-color: #4a4a4a;
}
.main .durability [data-aquos-section='durability-2'] {
  z-index: 2;
  position: relative;
  margin-top: calc(-100vh + 144px);
  padding-bottom: 200px;
}
.main .durability .durability__feature {
  width: 896px;
  max-width: 100%;
  margin: 0 auto;
}
.main .durability .durability__link {
  margin-top: 60px;
  text-align: center;
}
.main .durability .durability__link a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.02em;
}
.main .durability .durability__link i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-left: 12px;
  border-radius: 50%;
  background: #2c2c2c;
}
.main .durability .durability__link i img {
  display: block;
  width: 12px;
}
@media (min-width: 769px) and (min-height: 800px) {
  .main .durability [data-aquos-section='durability-2'] {
    margin-top: -100vh;
  }
}
@media (min-width: 769px) {
  .main .durability [data-aquos-section='durability-1'] .durability__header,
  .main .durability [data-aquos-section='durability-1'] .durability__section__nav,
  .main .durability [data-aquos-section='durability-1'] .durability__sections {
    display: none;
  }
  .main .durability [data-aquos-section='durability-1'].-step0_5 .durability__header {
    display: flex;
  }
  .main .durability [data-aquos-section='durability-1'].-step0_5 .durability__section__nav,
  .main .durability [data-aquos-section='durability-1'].-step0_5 .durability__sections {
    display: block;
  }
  .main .durability [data-aquos-section='durability-1'].-step1 .durability__header {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.4s var(--ease-fast-out-slow-in);
  }
  .main .durability [data-aquos-section='durability-1'].-step2 .durability__header {
    z-index: 0;
    transform: translateY(-20px);
    opacity: 0;
  }
  .main .durability [data-aquos-section='durability-1'].-step2 .durability__section.-s1 {
    z-index: 1;
    transform: translateY(0);
    opacity: 1;
    transition: all 0.4s 0.2s var(--ease-fast-out-slow-in);
  }
  .main .durability [data-aquos-section='durability-1'].-step2 .durability__section__nav {
    opacity: 1;
  }
  .main .durability [data-aquos-section='durability-1'].-step2 .durability__section__nav a:nth-child(1),
  .main .durability [data-aquos-section='durability-1'].-step2 .durability__section__nav button:nth-child(1) {
    background-color: #4a4a4a;
  }
  .main .durability [data-aquos-section='durability-1'].-step3 .durability__section.-s1 {
    z-index: 0;
    transform: translateY(-20px);
    opacity: 0;
    transition: all 0.4s var(--ease-fast-out-slow-in);
  }
  .main .durability [data-aquos-section='durability-1'].-step3 .durability__section.-s2 {
    z-index: 1;
    transform: translateY(0);
    opacity: 1;
    transition: all 0.4s 0.2s var(--ease-fast-out-slow-in);
  }
  .main .durability [data-aquos-section='durability-1'].-step3 .durability__section__nav a:nth-child(1),
  .main .durability [data-aquos-section='durability-1'].-step3 .durability__section__nav button:nth-child(1) {
    background-color: #d9d9d9;
  }
  .main .durability [data-aquos-section='durability-1'].-step3 .durability__section__nav a:nth-child(2),
  .main .durability [data-aquos-section='durability-1'].-step3 .durability__section__nav button:nth-child(2) {
    background-color: #4a4a4a;
  }
  .main .durability [data-aquos-section='durability-1'].-leave .durability__header,
  .main .durability [data-aquos-section='durability-1'].-leave .durability__sections {
    display: none;
  }
}
@media (max-width: 1440px) and (min-width: 769px) {
  .main .durability .durability__txt {
    width: 31.25vw;
    margin-right: 5.5555555556vw;
    margin-left: 5.5555555556vw;
  }
}
@media (max-width: 768px) {
  .main .durability {
    margin-top: 0;
  }
  .main .durability [data-aquos-section='durability-1'].section__inner.-fill {
    height: auto;
  }
  .main .durability [data-aquos-section='durability-1']::before {
    height: 100lvh;
  }
  .main .durability .durability__header {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin-top: -100lvh;
    padding-top: 21.3333333333vw;
    transform: none;
    opacity: 1;
    transition: none;
  }
  .main .durability .durability__sections {
    margin-top: 21.3333333333vw;
  }
  .main .durability .durability__section {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    transform: none;
    opacity: 1;
    transition: none;
  }
  .main .durability .durability__section + .durability__section {
    margin-top: 21.3333333333vw;
  }
  .main .durability .durability__section__inner {
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: none;
    min-height: auto;
    padding: 0;
  }
  .main .durability .durability__section__inner .figure {
    order: 1;
    border-radius: 5.3333333333vw;
  }
  .main .durability .durability__txt {
    order: 2;
    width: 100%;
    margin: 6.4vw 0 0;
  }
  .main .durability .durability__section__nav {
    display: none;
  }
  .main .durability [data-aquos-section='durability-2'] {
    margin-top: 21.3333333333vw;
    padding-bottom: 32vw;
  }
  .main .durability .durability__feature {
    width: 100%;
  }
  .main .durability .durability__link {
    margin-top: 16vw;
  }
  .main .durability .durability__link a {
    font-size: 4.2666666667vw;
  }
  .main .durability .durability__link i {
    width: 9.6vw;
    height: 9.6vw;
    margin-left: 3.2vw;
  }
  .main .durability .durability__link i img {
    width: 3.2vw;
  }
}
.main .design [data-aquos-section='design-1'] {
  position: relative;
}
.main .design [data-aquos-section='design-1'] .section__contents {
  z-index: 1;
  position: relative;
  max-width: none;
  padding: 0;
}
.main .design [data-aquos-section='design-1'] .-designer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0.02em;
}
.main .design [data-aquos-section='design-1'] .-designer span {
  display: flex;
  align-items: center;
}
.main .design [data-aquos-section='design-1'] .-designer a {
  display: flex;
  align-items: center;
  text-decoration: underline;
}
.main .design [data-aquos-section='design-1'] .-designer i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-left: 12px;
  border-radius: 50%;
  background: #e1e1e1;
}
.main .design [data-aquos-section='design-1'] .-designer i img {
  display: block;
  width: 10px;
}
.main .design [data-aquos-section='design-1'] .design__colors,
.main .design [data-aquos-section='design-1'] .design__header {
  display: none;
}
.main .design [data-aquos-section='design-1'].-enter .design__header {
  display: flex;
}
.main .design [data-aquos-section='design-1'].-enter .design__colors {
  display: block;
}
.main .design [data-aquos-section='design-1'].-enter .-name,
.main .design [data-aquos-section='design-1'].-enter .-product img {
  transition: all 250ms var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step1 .design__header {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.4s var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step2 .design__header {
  z-index: 0;
  transform: translateY(-20px);
  opacity: 0;
}
.main .design [data-aquos-section='design-1'].-step2 .design__bg .-default {
  opacity: 0;
}
.main .design [data-aquos-section='design-1'].-step2 .design__bg .-c1 {
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step2 .design__color.-c1 {
  height: 100%;
  transition: height 0s;
}
.main .design [data-aquos-section='design-1'].-step2 .design__color.-c1 .-bg {
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step2 .design__color.-c1 .-name,
.main .design [data-aquos-section='design-1'].-step2 .design__color.-c1 .-product img {
  transform: translateY(0);
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step2 .design__color.-c1 .-product img {
  transition: all 0.4s 0.2s var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step2 .design__color.-c1 .-name {
  transition: all 0.4s 0.4s var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step3 .design__header {
  display: none;
}
.main .design [data-aquos-section='design-1'].-step3 .design__bg .-c1 {
  opacity: 0;
}
.main .design [data-aquos-section='design-1'].-step3 .design__color.-c1 .-name,
.main .design [data-aquos-section='design-1'].-step3 .design__color.-c1 .-product img {
  transform: translateY(-20px);
  opacity: 0;
  transition: all 250ms var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step3 .design__bg .-c2 {
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step3 .design__color.-c2 {
  height: 100%;
  transition: height 0s;
}
.main .design [data-aquos-section='design-1'].-step3 .design__color.-c2 .-bg {
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step3 .design__color.-c2 .-name,
.main .design [data-aquos-section='design-1'].-step3 .design__color.-c2 .-product img {
  transform: translateY(0);
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step3 .design__color.-c2 .-product img {
  transition: all 0.4s 0.2s var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step3 .design__color.-c2 .-name {
  transition: all 0.4s 0.4s var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step4 .design__bg .-c2 {
  opacity: 0;
}
.main .design [data-aquos-section='design-1'].-step4 .design__color.-c2 .-name,
.main .design [data-aquos-section='design-1'].-step4 .design__color.-c2 .-product img {
  transform: translateY(-20px);
  opacity: 0;
  transition: all 250ms var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step4 .design__bg .-c3 {
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step4 .design__color.-c3 {
  height: 100%;
  transition: height 0s;
}
.main .design [data-aquos-section='design-1'].-step4 .design__color.-c3 .-bg {
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step4 .design__color.-c3 .-name,
.main .design [data-aquos-section='design-1'].-step4 .design__color.-c3 .-product img {
  transform: translateY(0);
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step4 .design__color.-c3 .-product img {
  transition: all 0.4s 0.2s var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step4 .design__color.-c3 .-name {
  transition: all 0.4s 0.4s var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step5 .design__bg .-c3 {
  opacity: 0;
}
.main .design [data-aquos-section='design-1'].-step5 .design__color.-c3 .-name,
.main .design [data-aquos-section='design-1'].-step5 .design__color.-c3 .-product img {
  transform: translateY(-20px);
  opacity: 0;
  transition: all 250ms var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step5 .design__bg .-c4 {
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step5 .design__color.-c4 {
  height: 100%;
  transition: height 0s;
}
.main .design [data-aquos-section='design-1'].-step5 .design__color.-c4 .-bg {
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step5 .design__color.-c4 .-name,
.main .design [data-aquos-section='design-1'].-step5 .design__color.-c4 .-product img {
  transform: translateY(0);
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step5 .design__color.-c4 .-product img {
  transition: all 0.4s 0.2s var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step5 .design__color.-c4 .-name {
  transition: all 0.4s 0.4s var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step6 .design__bg .-c4 {
  opacity: 0;
}
.main .design [data-aquos-section='design-1'].-step6 .design__color.-c4 .-name,
.main .design [data-aquos-section='design-1'].-step6 .design__color.-c4 .-product img {
  transform: translateY(-20px);
  opacity: 0;
  transition: all 250ms var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step6 .design__bg .-c5 {
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step6 .design__color.-c5 {
  height: 100%;
  transition: height 0s;
}
.main .design [data-aquos-section='design-1'].-step6 .design__color.-c5 .-bg {
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step6 .design__color.-c5 .-name,
.main .design [data-aquos-section='design-1'].-step6 .design__color.-c5 .-product img {
  transform: translateY(0);
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step6 .design__color.-c5 .-product img {
  transition: all 0.4s 0.2s var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step6 .design__color.-c5 .-name {
  transition: all 0.4s 0.4s var(--ease-fast-out-slow-in);
}
.main .design [data-aquos-section='design-1'].-step7 .design__bg .-c5 {
  opacity: 1;
}
.main .design [data-aquos-section='design-1'].-step7 .design__color.-c5 {
  overflow: visible;
}
.main .design [data-aquos-section='design-1'].-step7 .design__bg .-c1,
.main .design [data-aquos-section='design-1'].-step7 .design__bg .-c2,
.main .design [data-aquos-section='design-1'].-step7 .design__bg .-c3,
.main .design [data-aquos-section='design-1'].-step7 .design__bg .-c4,
.main .design [data-aquos-section='design-1'].-step7 .design__bg .-c5 {
  opacity: 0;
}
.main .design [data-aquos-section='design-1'].-leave .design__colors,
.main .design [data-aquos-section='design-1'].-leave .design__header {
  display: none;
}
.main .design .design__bg {
  display: block;
  z-index: 0;
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  height: 100vh;
}
.main .design .design__bg > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.main .design .design__bg > div.-default {
  background-image: linear-gradient(180deg, rgba(212, 217, 244, 0.4) 0, rgba(237, 240, 251, 0.55) 50%, #fff 100%);
  opacity: 1;
}
.main .design .design__bg > div.-c1 {
  background-image: linear-gradient(0deg, #fff 0, #f5f7fd 80%, #dce0f4 100%);
}
.main .design .design__bg > div.-c2 {
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, #f7eeef 80%, #fff4f3 100%);
}
.main .design .design__bg > div.-c3 {
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, #f6fbfa 80%, #e2f2eb 100%);
}
.main .design .design__bg > div.-c4 {
  background-image: linear-gradient(0deg, #fff 0, #f8f8f5 79.81%, #f6f6f3 100%);
}
.main .design .design__bg > div.-c5 {
  background-image: linear-gradient(0deg, #fff 0, #eaeaea 80.29%, #dbdbdb 100%);
}
.main .design .design__header {
  display: flex;
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  transform: translateY(20px);
  opacity: 0;
  transition: all 150ms var(--ease-fast-out-slow-in);
}
.main .design .design__colors {
  z-index: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main .design .design__color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: calc(4.5138888889vw + 80px) 80px 80px;
  overflow: hidden;
  transition: height 0s 401ms;
}
.main .design .design__color.-c4 .-name {
  color: #63707c;
}
.main .design .design__color__inner {
  position: relative;
  height: 100%;
}
.main .design .design__color__inner .-bg,
.main .design .design__color__inner .-name,
.main .design .design__color__inner .-product img {
  opacity: 0;
}
.main .design .design__color__inner .-name,
.main .design .design__color__inner .-product img {
  transform: translateY(20px);
}
.main .design .design__color__inner .-bg {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 60px;
  transition: all 0.4s var(--ease-fast-out-slow-in);
}
.main .design .design__color__inner .-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.main .design .design__color__inner .-name {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 0;
  color: #fff;
  font-size: 28px;
  line-height: 160%;
  letter-spacing: 0.04em;
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}
.main .design .design__color__inner .-name span {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -22px;
  transform: translateX(-50%);
  white-space: nowrap;
}
.main .design .design__color__inner .-product {
  position: absolute;
  bottom: -220px;
  left: 50%;
  max-width: 40%;
  height: calc((100vh - 4.5138888889vw) / 2 + 200px);
  transform: translateX(-50%);
}
.main .design .design__color__inner .-product img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center top;
  object-position: center top;
}
.main .design [data-aquos-section='design-2'] {
  margin-top: calc(-200vh + 290px);
  padding-bottom: 200px;
}
.main .design .design__products {
  position: relative;
  overflow: hidden;
  border-radius: 60px;
  text-align: center;
}
.main .design .design__products__header {
  position: absolute;
  top: 96px;
  right: 0;
  left: 0;
}
.main .design .design__sections {
  margin-top: 140px;
}
.main .design .design__section + .design__section {
  margin-top: 60px;
}
.main .design .design__section__inner {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
}
.main .design .design__section__inner .figure {
  overflow: hidden;
  border-radius: 60px;
}
.main .design .design__txt {
  flex-shrink: 0;
  width: 450px;
  margin-right: 120px;
  margin-left: 100px;
}
@media (max-width: 1440px) and (min-width: 769px) {
  .main .design .design__color {
    padding: 10.0694444444vw 5.5555555556vw 5.5555555556vw;
  }
  .main .design .design__color .-name {
    left: calc(50% - 30.6944444444vw);
  }
  .main .design .design__products__header {
    top: 3.4722222222vw;
  }
  .main .design .design__products__header .wish5__txt {
    margin-top: 1.25vw;
  }
  .main .design .design__section__inner .design__txt {
    width: 31.25vw;
    margin-right: 5.5555555556vw;
    margin-left: 5.5555555556vw;
  }
}
@media (max-width: 768px) {
  .main .design [data-aquos-section='design-1'] .-designer {
    margin-top: 4.2666666667vw;
    font-size: 4.2666666667vw;
  }
  .main .design [data-aquos-section='design-1'] .-designer i {
    width: 9.6vw;
    height: 9.6vw;
    margin-left: 3.2vw;
  }
  .main .design [data-aquos-section='design-1'] .-designer i img {
    width: 2.6666666667vw;
  }
  .main .design [data-aquos-section='design-1'].-step1 .design__header {
    transform: translateY(0);
  }
  .main .design [data-aquos-section='design-1'].-step2 .design__header {
    transform: translateY(-5.3333333333vw);
  }
  .main .design [data-aquos-section='design-1'].-step2 .design__color.-c1 .-name,
  .main .design [data-aquos-section='design-1'].-step2 .design__color.-c1 .-product img {
    transform: translateY(0);
  }
  .main .design [data-aquos-section='design-1'].-step3 .design__color.-c1 .-name,
  .main .design [data-aquos-section='design-1'].-step3 .design__color.-c1 .-product img {
    transform: translateY(-5.3333333333vw);
  }
  .main .design [data-aquos-section='design-1'].-step3 .design__color.-c2 .-name,
  .main .design [data-aquos-section='design-1'].-step3 .design__color.-c2 .-product img {
    transform: translateY(0);
  }
  .main .design [data-aquos-section='design-1'].-step4 .design__color.-c2 .-name,
  .main .design [data-aquos-section='design-1'].-step4 .design__color.-c2 .-product img {
    transform: translateY(-5.3333333333vw);
  }
  .main .design [data-aquos-section='design-1'].-step4 .design__color.-c3 .-name,
  .main .design [data-aquos-section='design-1'].-step4 .design__color.-c3 .-product img {
    transform: translateY(0);
  }
  .main .design [data-aquos-section='design-1'].-step5 .design__color.-c3 .-name,
  .main .design [data-aquos-section='design-1'].-step5 .design__color.-c3 .-product img {
    transform: translateY(-5.3333333333vw);
  }
  .main .design [data-aquos-section='design-1'].-step5 .design__color.-c4 .-name,
  .main .design [data-aquos-section='design-1'].-step5 .design__color.-c4 .-product img {
    transform: translateY(0);
  }
  .main .design [data-aquos-section='design-1'].-step6 .design__color.-c4 .-name,
  .main .design [data-aquos-section='design-1'].-step6 .design__color.-c4 .-product img {
    transform: translateY(-5.3333333333vw);
  }
  .main .design [data-aquos-section='design-1'].-step6 .design__color.-c5 .-name,
  .main .design [data-aquos-section='design-1'].-step6 .design__color.-c5 .-product img {
    transform: translateY(0);
  }
  .main .design [data-aquos-section='design-1'].-step7 .section__contents {
    height: 100%;
  }
  .main .design [data-aquos-section='design-1'].-step7 .design__colors {
    display: block;
    z-index: 100;
    position: absolute;
    top: auto;
    bottom: 300lvh;
    left: 0;
    width: 100%;
    height: 100lvh;
    transition: none;
  }
  .main .design .design__bg {
    height: 100lvh;
  }
  .main .design .design__header {
    padding: 0 6.4vw;
    transform: translateY(5.3333333333vw);
  }
  .main .design .design__color {
    padding: 30.4vw 6.4vw 6.4vw;
  }
  .main .design .design__color__inner {
    height: calc((100vh - 24vw) * 0.75);
  }
  .main .design .design__color__inner .-name,
  .main .design .design__color__inner .-product img {
    transform: translateY(5.3333333333vw);
  }
  .main .design .design__color__inner .-bg {
    border-radius: 6.4vw;
  }
  .main .design .design__color__inner .-name {
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -4.2666666667vw;
    font-size: 5.3333333333vw;
    text-align: center;
    text-shadow: 0 0 8vw rgba(0, 0, 0, 0.5);
  }
  .main .design .design__color__inner .-name span {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }
  .main .design .design__color__inner .-product {
    top: 50%;
    bottom: auto;
    width: 42.6666666667vw;
    max-width: none;
    height: auto;
    margin-top: 12.8vw;
  }
  .main .design .design__color__inner .-product img {
    width: 100%;
    height: auto;
  }
  .main .design [data-aquos-section='design-2'] {
    margin-top: calc(-200lvh + (100vh - 36.8vw) * 0.75 / 2 + 30.4vw + 12.8vw + 102.9333333333vw - 100lvh + 34.6666666667vw);
    padding-bottom: 21.3333333333vw;
  }
  .main .design .design__products {
    overflow: auto;
    border-radius: 0;
  }
  .main .design .design__products__header {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
  }
  .main .design .design__products__header .wish5__txt br {
    display: none;
  }
  .main .design .design__products__img {
    margin-top: 10.6666666667vw;
    overflow: hidden;
    border-radius: 5.3333333333vw;
  }
  .main .design .design__sections {
    margin-top: 21.3333333333vw;
  }
  .main .design .design__section + .design__section {
    margin-top: 16vw;
  }
  .main .design .design__section__inner {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: none;
  }
  .main .design .design__section__inner .figure {
    order: 1;
    border-radius: 5.3333333333vw;
  }
  .main .design .design__txt {
    order: 2;
    width: 100%;
    margin: 7.4666666667vw 0 0;
  }
  .main .design .design__txt .wish5__txt br {
    display: none;
  }
}
.main .relief [data-aquos-section='relief-1'] {
  position: relative;
  padding-top: 160px;
}
.main .relief [data-aquos-section='relief-1']::before {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100vh;
  background: linear-gradient(180deg, rgba(240, 239, 235, 0.36) 0, rgba(255, 255, 255, 0.8) 100%);
  content: '';
}
.main .relief [data-aquos-section='relief-1'] .section__contents {
  z-index: 1;
  position: relative;
  max-width: none;
  padding: 0;
}
.main .relief .relief__header {
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  transform: translateY(20px);
  opacity: 0;
  transition: all 150ms var(--ease-fast-out-slow-in);
}
.main .relief .relief__header .section__title span {
  background: linear-gradient(108.71deg, rgba(255, 255, 255, 0.8) 12.71%, rgba(243, 243, 243, 0.56) 93.89%);
}
.main .relief .relief__header .section__title span::before {
  background-image: linear-gradient(-40deg, #a1a1a1 0, #e5e5e5 50%, #a1a1a1 100%);
}
.main .relief .relief__section {
  z-index: 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  max-width: 1440px;
  height: 0;
  margin: 0 auto;
  padding: 154px 50px 90px;
  overflow: hidden;
  transform: translate3d(0, 50%, 0) scale(1.05);
  opacity: 0;
  opacity: 0;
  transition: height 0s 351ms, opacity 0.2s 150ms ease-in-out, transform 350ms var(--ease-linear-out-slow-in);
}
.main .relief .relief__section__inner {
  display: flex;
  z-index: 1;
  position: relative;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  height: 680px;
  padding: 60px 60px 60px 80px;
  border-radius: 64px;
  background: #fff;
  box-shadow: 0 2px 40px rgba(80, 81, 90, 0.15);
}
.main .relief .relief__section__inner .figure {
  aspect-ratio: 900/739;
  max-height: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: 60px;
}
.main .relief .relief__section__inner .figure .figure__video {
  width: 100%;
  height: 100%;
}
.main .relief .relief__section__inner .figure video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.main .relief .relief__section__inner .figure__actions {
  right: 32px;
  bottom: 32px;
}
.main .relief .relief__txt {
  flex-shrink: 0;
  width: 364px;
  margin-right: 80px;
}
@media (min-width: 769px) {
  .main .relief [data-aquos-section='relief-1'] .relief__header,
  .main .relief [data-aquos-section='relief-1'] .relief__sections {
    display: none;
  }
  .main .relief [data-aquos-section='relief-1'].-step0_5 .relief__header {
    display: flex;
  }
  .main .relief [data-aquos-section='relief-1'].-step0_5 .relief__sections {
    display: block;
  }
  .main .relief [data-aquos-section='relief-1'].-step1 .relief__header {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.4s var(--ease-fast-out-slow-in);
  }
  .main .relief [data-aquos-section='relief-1'].-step2 .relief__header {
    z-index: -1;
    transform: translateY(-20px);
    opacity: 0;
  }
  .main .relief [data-aquos-section='relief-1'].-step2 .relief__section.-s1 {
    height: 924px;
    padding: 154px 50px 90px;
    transform: translate3d(0, -50%, 0) scale(1);
    opacity: 1;
    transition: height 0s 0s, opacity 0.2s 1ms ease-in-out, transform 450ms 1ms var(--ease-linear-out-slow-in);
  }
  .main .relief [data-aquos-section='relief-1'].-step3 .relief__section.-s1 {
    transform: translate3d(0, -55%, 0) scale(0.95);
  }
  .main .relief [data-aquos-section='relief-1'].-step3 .relief__section.-s2 {
    height: 924px;
    padding: 154px 50px 90px;
    transform: translate3d(0, -50%, 0) scale(1);
    opacity: 1;
    transition: height 0s 0s, opacity 0.2s 1ms ease-in-out, transform 450ms 1ms var(--ease-linear-out-slow-in);
  }
  .main .relief [data-aquos-section='relief-1'].-step4 .relief__section.-s2 {
    transform: translate3d(0, -55%, 0) scale(0.95);
  }
  .main .relief [data-aquos-section='relief-1'].-step4 .relief__section.-s3 {
    height: 924px;
    padding: 154px 50px 90px;
    transform: translate3d(0, -50%, 0) scale(1);
    opacity: 1;
    transition: height 0s 0s, opacity 0.2s 1ms ease-in-out, transform 450ms 1ms var(--ease-linear-out-slow-in);
  }
  .main .relief [data-aquos-section='relief-1'].-step5 .relief__section.-s3 {
    transform: translate3d(0, -55%, 0) scale(0.95);
  }
  .main .relief [data-aquos-section='relief-1'].-step5 .relief__section.-s4 {
    height: 924px;
    padding: 154px 50px 90px;
    transform: translate3d(0, -50%, 0) scale(1);
    opacity: 1;
    transition: height 0s 0s, opacity 0.2s 1ms ease-in-out, transform 450ms 1ms var(--ease-linear-out-slow-in);
  }
  .main .relief [data-aquos-section='relief-1'].-step6 .relief__section {
    position: absolute;
    top: calc(550vh - 154px);
  }
  .main .relief [data-aquos-section='relief-1'].-leave .relief__header,
  .main .relief [data-aquos-section='relief-1'].-leave .relief__sections {
    display: none;
  }
  .main .relief .relief__section {
    top: 50%;
    padding: 0;
    transform: translate3d(0, 50%, 0) scale(1.05);
  }
}
@media (max-width: 1440px) and (min-width: 769px) {
  .main .relief .relief__txt {
    width: 25.2777777778vw;
    margin-right: 4.1666666667vw;
  }
}
@media (max-width: 768px) {
  .main .relief [data-aquos-section='relief-1'] {
    padding-top: 0;
  }
  .main .relief [data-aquos-section='relief-1'].section__inner.-fill {
    height: auto;
  }
  .main .relief [data-aquos-section='relief-1']::before {
    height: 100lvh;
  }
  .main .relief .relief__header {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 21.3333333333vw 6.4vw 0;
    transform: none;
    opacity: 1;
    transition: none;
  }
  .main .relief .relief__header .section__description br {
    display: none;
  }
  .main .relief .relief__sections {
    margin-top: 21.3333333333vw;
    padding: 0 6.4vw;
  }
  .main .relief .relief__section {
    position: relative;
    top: auto;
    left: auto;
    max-width: none;
    height: auto;
    padding: 0;
    overflow: visible;
    transform: none;
    opacity: 1;
    transition: none;
  }
  .main .relief .relief__section + .relief__section {
    margin-top: 11.2vw;
  }
  .main .relief .relief__section__inner {
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    height: auto;
    min-height: auto;
    padding: 8.5333333333vw 6.4vw;
    border-radius: 5.3333333333vw;
    box-shadow: 0 0.5333333333vw 10.6666666667vw rgba(80, 81, 90, 0.2);
  }
  .main .relief .relief__section__inner .figure {
    flex-shrink: 0;
    order: 1;
    aspect-ratio: auto;
    max-height: none;
    border-radius: 3.2vw;
  }
  .main .relief .relief__section__inner .figure .figure__video {
    height: auto;
  }
  .main .relief .relief__section__inner .figure .figure__video video {
    height: auto;
  }
  .main .relief .relief__section__inner .figure__actions {
    right: 3.2vw;
    bottom: 3.2vw;
  }
  .main .relief .relief__txt {
    order: 2;
    width: 100%;
    margin-top: 8.5333333333vw;
    margin-right: 0;
  }
  .main .relief .relief__txt .wish5__txt br {
    display: none;
  }
}
.main .camera {
  margin-top: calc(-200vh + 70px);
}
.main .camera .sectionn__wrapper {
  position: relative;
}
.main .camera .sectionn__wrapper::before {
  display: block;
  z-index: 0;
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  height: 100vh;
  border-radius: 80px 80px 0 0;
  background: linear-gradient(176.51deg, rgba(255, 255, 255, 0) 2.54%, rgba(206, 233, 221, 0.1625) 21.46%, rgba(196, 229, 222, 0.325) 49.83%, rgba(201, 232, 223, 0.1625) 78.21%, rgba(255, 255, 255, 0) 97.12%);
  content: '';
}
.main .camera .section__inner {
  z-index: 1;
  position: relative;
}
.main .camera [data-aquos-section='camera-1'].-step1 .camera__header,
.main .camera [data-aquos-section='camera-1'].-step1 .camera__imgs {
  position: fixed;
}
.main .camera [data-aquos-section='camera-1'].-step3 .camera__header {
  position: absolute;
  top: 250vh;
}
.main .camera [data-aquos-section='camera-1'].-step3 .camera__imgs {
  position: absolute;
  top: auto;
  bottom: 100vh;
}
.main .camera .section__contents {
  margin-top: -100vh;
}
.main .camera .camera__header {
  z-index: 1;
  position: absolute;
  top: 50vh;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.main .camera .camera__header .section__title span {
  background-color: #fff;
}
.main .camera .camera__header .section__title span::before {
  background-image: linear-gradient(-40deg, #c4e5cd 0, rgba(196, 229, 205, 0.5) 50%, #c4e5cd 100%);
}
.main .camera [data-aquos-section='camera-2'] {
  z-index: 1;
  position: relative;
  margin-top: -100vh;
}
.main .camera .camera__frame {
  z-index: 1;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 260px;
  height: 560px;
  transform: translate3d(calc(-50% + 1px), calc(-50% + 30px + 20px), 0);
  opacity: 0;
  transition: all 150ms var(--ease-fast-out-slow-in);
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}
.main .camera .camera__sections {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.main .camera .camera__section {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main .camera .camera__section.-s1 .wish5__label {
  top: calc(50% - 114px);
}
.main .camera .camera__section.-s1 .figure.-img.-s1 .-s1,
.main .camera .camera__section.-s1 .figure.-img.-s2 .-s2 {
  z-index: 1;
  opacity: 1;
  transition: opacity 0.4s var(--ease-fast-out-slow-in);
}
.main .camera .camera__section.-s1 .figure.-img.-s1 .-s1 figcaption,
.main .camera .camera__section.-s1 .figure.-img.-s2 .-s2 figcaption {
  transform: translate3d(-50%, -100%, 0) scale(1);
  opacity: 1;
  transition: opacity 450ms 250ms var(--ease-in-out-back), transform 450ms 250ms var(--ease-in-out-back);
}
.main .camera .camera__section.-s1 .figure.-img .-s2 figcaption {
  background-image: url(https://aquosmobile.sharp.com.tw/resources/aquos/wish5/camera-balloon-2.svg);
  color: #fff;
}
.main .camera .camera__section.-s1 .figure.-img .-img {
  opacity: 0;
  transition: opacity 0.4s 0.2s var(--ease-fast-out-slow-in);
}
.main .camera .camera__section.-s1 .figure.-img .-img:not(:nth-child(1)) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.main .camera .camera__section.-s1 .figure__img {
  position: relative;
}
.main .camera .camera__section.-s1 .figure__carousel__nav {
  display: none;
}
.main .camera .camera__section.-s2 .wish5__label {
  top: calc(50% - 88px);
}
.main .camera .camera__section .wish5__label,
.main .camera .camera__section .wish5__title,
.main .camera .camera__section .wish5__txt {
  transform: translateY(calc(-50% + 20px));
  opacity: 0;
  transition: all 150ms;
}
.main .camera .camera__section .wish5__label {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -520px;
  padding: 5px 16px 6px;
  transform: translateY(calc(-50% + 30px));
  background-color: #fff;
}
.main .camera .camera__section .wish5__label::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: 50px;
  background-image: linear-gradient(-40deg, #c4e5cd 0, rgba(196, 229, 205, 0.5) 50%, #c4e5cd 100%);
  background-origin: border-box;
  background-clip: border-box;
  content: '';
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-clip: padding-box, border-box;
  -webkit-mask-composite: destination-out;
  mask-clip: padding-box, border-box;
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main .camera .camera__section .wish5__title {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -520px;
  transform: translateY(calc(-50% + 30px));
}
.main .camera .camera__section .wish5__txt {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 346px;
  margin-top: 0;
  margin-left: 255px;
  transform: translateY(calc(-50% + 30px));
}
.main .camera .camera__figure {
  z-index: 1;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 515px;
  margin-top: -5px;
  transform: translate3d(-50%, calc(-50% + 30px), 0);
  opacity: 0;
  transition: all 150ms var(--ease-fast-out-slow-in);
}
.main .camera .camera__figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.main .camera .camera__figure figcaption {
  position: absolute;
  top: -30px;
  left: 50%;
  width: 260px;
  height: 44px;
  transform: translate3d(-50%, calc(-100% + 10px), 0) scale(0.9);
  background: url(https://aquosmobile.sharp.com.tw/resources/aquos/wish5/camera-balloon-1.svg) no-repeat center center transparent;
  background-size: contain;
  font-weight: 500;
  font-size: 14px;
  line-height: 37px;
  letter-spacing: 0.02em;
  text-align: center;
  opacity: 0;
  transition: opacity 0.2s var(--ease-fast-out-slow-in), transform 0.2s 0.1s var(--ease-fast-out-slow-in);
}
.main .camera .camera__figure .figure {
  margin: 0;
}
.main .camera .camera__figure .figure.-video .figure__actions.-status {
  right: -58px;
  bottom: -26px;
}
.main .camera [data-aquos-section='camera-3'] {
  z-index: 0;
  position: relative;
  margin-top: calc(-150vh + 280px - 100px);
  padding-bottom: 100px;
  background-color: #fff;
}
.main .camera [data-aquos-section='camera-3'] .section__contents {
  max-width: none;
  padding: 0;
}
.main .camera [data-aquos-section='camera-3'] .support {
  margin-top: 100px;
}
.main .camera [data-aquos-section='camera-3'] .support__inner {
  border-radius: 40px;
  background-color: #f5f5f5;
}
.main .camera [data-aquos-section='camera-3'] .support__notice {
  color: #6c6c6c;
}
.main .camera .camera__features {
  padding: 112px 50px 120px;
  background-color: #f5f5f5;
}
.main .camera .camera__features__inner {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  max-width: 1440px;
  margin: 0 auto;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.main .camera .camera__feature {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  height: auto;
  padding: 28px;
  border-radius: 24px;
  background: #fff;
  color: #2c2c2c;
  text-align: center;
}
.main .camera .camera__feature.-f1 i img {
  width: 58px;
}
.main .camera .camera__feature.-f2 i img {
  width: 94px;
}
.main .camera .camera__feature.-f3 i img {
  width: 44px;
}
.main .camera .camera__feature.-f4 i img,
.main .camera .camera__feature.-f5 i img {
  width: 46px;
}
.main .camera .camera__feature i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}
.main .camera .camera__feature em {
  display: block;
  margin-top: 15px;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: 0.04em;
}
.main .camera .camera__feature span {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  line-height: 160%;
  letter-spacing: 0.02em;
}
@media (min-width: 769px) and (max-height: 924px) {
  .main .camera {
    margin-top: calc(-200vh + 70px - (100vh - 924px));
  }
}
@media (min-width: 769px) {
  .main .camera [data-aquos-section='camera-1'] {
    z-index: 0;
  }
  .main .camera .camera__imgs {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .main .camera .camera__imgs > div {
    display: flex;
    position: absolute;
    top: 0;
    height: 100%;
  }
  .main .camera .camera__imgs .-left {
    right: calc(50% + 336px);
    align-items: flex-end;
  }
  .main .camera .camera__imgs .-left .camera__imgs__inner {
    justify-content: flex-end;
  }
  .main .camera .camera__imgs .-right {
    top: 0;
    left: calc(50% + 336px);
  }
  .main .camera .camera__imgs .-right .camera__imgs__inner {
    align-items: flex-end;
  }
  .main .camera .camera__imgs__inner {
    display: flex;
    flex-flow: column;
    padding: 50px 0;
  }
  .main .camera .camera__imgs__inner img {
    aspect-ratio: 250/332;
    width: -moz-fit-content;
    width: fit-content;
    max-width: none;
    height: 41.5vh;
    border-radius: 20px;
  }
  .main .camera .camera__imgs__inner img + img {
    margin-top: 50px;
  }
  .main .camera .camera__imgs__inner img.-i3,
  .main .camera .camera__imgs__inner img.-i6,
  .main .camera .camera__imgs__inner img.-i8 {
    aspect-ratio: 332/250;
    height: 31.25vh;
  }
  .main .camera .camera__imgs__inner img.-i1,
  .main .camera .camera__imgs__inner img.-i4 {
    margin-left: 1.25vh;
  }
  .main .camera .camera__imgs__inner img.-i2,
  .main .camera .camera__imgs__inner img.-i5 {
    margin-left: 9vh;
  }
  .main .camera .camera__imgs__inner img.-i7 {
    margin-right: 5.125vh;
  }
  .main .camera .camera__imgs__inner img.-i9 {
    margin-right: 1.25vh;
  }
  .main .camera .camera__imgs__inner img.-i10 {
    margin-right: 9vh;
  }
  .main .camera .camera__imgs__inner .sp {
    display: none;
  }
  .main .camera [data-aquos-section='camera-2'] {
    z-index: 1;
    position: relative;
  }
  .main .camera [data-aquos-section='camera-2']::before {
    position: absolute;
    bottom: calc(150vh - 280px - 35px);
    left: 0;
    width: 100%;
    height: 100px;
    background-color: #f5f5f5;
    content: '';
  }
  .main .camera [data-aquos-section='camera-2'] .camera__frame,
  .main .camera [data-aquos-section='camera-2'] .camera__sections {
    display: none;
  }
  .main .camera [data-aquos-section='camera-2'].-step0_5 .camera__frame,
  .main .camera [data-aquos-section='camera-2'].-step0_5 .camera__sections {
    display: block;
  }
  .main .camera [data-aquos-section='camera-2'].-step0_5 .camera__figure {
    transition: all 150ms var(--ease-fast-out-slow-in);
  }
  .main .camera [data-aquos-section='camera-2'].-step0_5 .camera__section.-s1 .camera__figure {
    transform: translate3d(-50%, calc(-50% + 30px + 20px), 0);
  }
  .main .camera [data-aquos-section='camera-2'].-step1 .camera__frame {
    transform: translate3d(calc(-50% + 1px), calc(-50% + 30px), 0);
    opacity: 1;
    transition: all 0.4s var(--ease-fast-out-slow-in);
  }
  .main .camera [data-aquos-section='camera-2'].-step1 .camera__figure {
    transition: all 0.4s var(--ease-fast-out-slow-in);
  }
  .main .camera [data-aquos-section='camera-2'].-step1 .camera__section.-s1 {
    z-index: 1;
  }
  .main .camera [data-aquos-section='camera-2'].-step1 .camera__section.-s1 .wish5__label,
  .main .camera [data-aquos-section='camera-2'].-step1 .camera__section.-s1 .wish5__title,
  .main .camera [data-aquos-section='camera-2'].-step1 .camera__section.-s1 .wish5__txt {
    transform: translateY(calc(-50% + 30px));
    opacity: 1;
    transition: all 0.4s 0.2s var(--ease-fast-out-slow-in);
  }
  .main .camera [data-aquos-section='camera-2'].-step1 .camera__section.-s1 .camera__figure {
    transform: translate3d(-50%, calc(-50% + 30px), 0);
    opacity: 1;
  }
  .main .camera [data-aquos-section='camera-2'].-step4 .camera__section.-s1 {
    z-index: 0;
  }
  .main .camera [data-aquos-section='camera-2'].-step4 .camera__section.-s1 .wish5__label,
  .main .camera [data-aquos-section='camera-2'].-step4 .camera__section.-s1 .wish5__title,
  .main .camera [data-aquos-section='camera-2'].-step4 .camera__section.-s1 .wish5__txt {
    transform: translateY(calc(-50% + 30px - 20px));
    opacity: 0;
    transition: all 150ms var(--ease-fast-out-slow-in);
  }
  .main .camera [data-aquos-section='camera-2'].-step4 .camera__section.-s1 .camera__figure {
    opacity: 0;
    transition-delay: 0.4s;
  }
  .main .camera [data-aquos-section='camera-2'].-step4 .camera__section.-s1 .camera__figure figcaption {
    transform: translate3d(-50%, calc(-100% + 2.6666666667vw), 0) scale(0.9) !important;
    opacity: 0 !important;
    transition: opacity 0.2s var(--ease-fast-out-slow-in), transform 0.2s 0.1s var(--ease-fast-out-slow-in) !important;
  }
  .main .camera [data-aquos-section='camera-2'].-step4 .camera__section.-s2 {
    z-index: 1;
  }
  .main .camera [data-aquos-section='camera-2'].-step4 .camera__section.-s2 .wish5__label,
  .main .camera [data-aquos-section='camera-2'].-step4 .camera__section.-s2 .wish5__title,
  .main .camera [data-aquos-section='camera-2'].-step4 .camera__section.-s2 .wish5__txt {
    transform: translateY(calc(-50% + 30px));
    opacity: 1;
    transition: all 0.4s 0.2s var(--ease-fast-out-slow-in);
  }
  .main .camera [data-aquos-section='camera-2'].-step4 .camera__section.-s2 .camera__figure {
    opacity: 1;
  }
  .main .camera [data-aquos-section='camera-2'].-step5 .camera__section {
    transition: none !important;
  }
  .main .camera [data-aquos-section='camera-2'].-leave .camera__frame,
  .main .camera [data-aquos-section='camera-2'].-leave .camera__sections {
    display: none;
  }
  .main .camera [data-aquos-section='camera-3'] {
    z-index: 2;
    position: relative;
    margin-top: calc(-150vh + 280px + 35px);
    padding-bottom: 100px;
  }
  .main .camera [data-aquos-section='camera-3'] .support__inner {
    background-color: transparent;
  }
}
@media (max-width: 1440px) and (min-width: 769px) {
  .main .camera .camera__imgs .-left {
    right: calc(50% + 23.3333333333vw);
  }
  .main .camera .camera__imgs .-right {
    left: calc(50% + 23.3333333333vw);
  }
  .main .camera .camera__imgs__inner {
    padding: 3.4722222222vw 0;
  }
  .main .camera .camera__imgs__inner img {
    height: 34.5833333333vh;
  }
  .main .camera .camera__imgs__inner img + img {
    margin-top: 3.4722222222vw;
  }
  .main .camera .camera__imgs__inner img.-i3,
  .main .camera .camera__imgs__inner img.-i6,
  .main .camera .camera__imgs__inner img.-i8 {
    height: 26.0416666667vh;
  }
  .main .camera .camera__section .wish5__label {
    margin-left: -36.1111111111vw;
  }
  .main .camera .camera__section .wish5__title {
    margin-left: -36.1111111111vw;
    font-size: 2.2222222222vw;
  }
  .main .camera .camera__section .wish5__txt {
    width: 24.0277777778vw;
    margin-left: 17.7083333333vw;
  }
}
@media (max-width: 1140px) and (min-width: 769px) {
  .main .camera .camera__imgs .-left {
    right: calc(50% + 30.2777777778vw);
  }
  .main .camera .camera__imgs .-right {
    left: calc(50% + 30.2777777778vw);
  }
  .main .camera .camera__section.-s1 .wish5__label {
    top: calc(50% - 90px);
  }
  .main .camera .camera__section.-s2 .wish5__label {
    top: calc(50% - 70px);
  }
  .main .camera .camera__section .wish5__label {
    margin-left: -360px;
  }
  .main .camera .camera__section .wish5__title {
    margin-left: -360px;
    font-size: 24px;
  }
  .main .camera .camera__section .wish5__txt {
    margin-left: 160px;
  }
  .main .camera .camera__features__inner {
    grid-template-rows: auto auto;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: 'item1 item2' 'item3 item4' 'item5 item5';
    gap: 20px;
  }
  .main .camera .camera__feature.-f1 {
    grid-area: item1;
  }
  .main .camera .camera__feature.-f2 {
    grid-area: item2;
  }
  .main .camera .camera__feature.-f3 {
    grid-area: item5;
  }
  .main .camera .camera__feature.-f4 {
    grid-area: item3;
  }
  .main .camera .camera__feature.-f5 {
    grid-area: item4;
  }
}
@media (max-width: 768px) {
  .main .camera {
    margin-top: 0;
  }
  .main .camera .sectionn__wrapper::before {
    height: 100lvh;
    border-radius: 21.3333333333vw 21.3333333333vw 0 0;
  }
  .main .camera [data-aquos-section='camera-1'] {
    margin-top: -100lvh;
  }
  .main .camera [data-aquos-section='camera-1'].section__inner.-fill {
    height: auto;
  }
  .main .camera [data-aquos-section='camera-1'].-step1 .camera__header {
    position: relative;
  }
  .main .camera [data-aquos-section='camera-1'].-step1 .camera__imgs {
    position: absolute;
  }
  .main .camera [data-aquos-section='camera-1'].-step3 .camera__header {
    position: relative;
    top: auto;
  }
  .main .camera [data-aquos-section='camera-1'].-step3 .camera__imgs {
    position: absolute;
    top: 0;
    bottom: auto;
  }
  .main .camera .section__contents {
    position: relative;
    margin-top: 0;
  }
  .main .camera .camera__header {
    z-index: 1;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    padding: 101.3333333333vw 6.4vw;
    transform: none;
    transition: none;
  }
  .main .camera .camera__header .section__description br {
    display: none;
  }
  .main .camera .camera__imgs {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .main .camera .camera__imgs > div {
    position: absolute;
    width: 100%;
    height: 81.8666666667vw;
    overflow: hidden;
  }
  .main .camera .camera__imgs .-left {
    top: 12.8vw;
  }
  .main .camera .camera__imgs .-right {
    bottom: 12.8vw;
  }
  .main .camera .camera__imgs .-right .camera__imgs__inner {
    animation-direction: reverse;
  }
  .main .camera .camera__imgs__inner {
    display: flex;
    position: absolute;
    align-items: flex-start;
    justify-content: flex-start;
    width: -moz-max-content;
    width: max-content;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: wish5-slide-1;
  }
  .main .camera .camera__imgs__inner img {
    display: block;
    width: 53.3333333333vw;
    margin-right: 8.5333333333vw;
    border-radius: 2.1333333333vw;
  }
  .main .camera .camera__imgs__inner img.-i3,
  .main .camera .camera__imgs__inner img.-i6,
  .main .camera .camera__imgs__inner img.-i8 {
    width: 71.2vw;
  }
  .main .camera .camera__imgs__inner img.-i1 {
    margin-top: 2.6666666667vw;
  }
  .main .camera .camera__imgs__inner img.-i2 {
    margin-top: 10.6666666667vw;
  }
  .main .camera .camera__imgs__inner img.-i3 {
    margin-top: 22.9333333333vw;
  }
  .main .camera .camera__imgs__inner img.-i5 {
    margin-top: 10.6666666667vw;
  }
  .main .camera .camera__imgs__inner img.-i6 {
    margin-top: 10.6666666667vw;
  }
  .main .camera .camera__imgs__inner img.-i8 {
    margin-top: 11.4666666667vw;
  }
  .main .camera .camera__imgs__inner img.-i9 {
    margin-top: 5.3333333333vw;
  }
  .main .camera .camera__imgs__inner img.-i10 {
    margin-top: 11.4666666667vw;
  }
  .main .camera .camera__imgs__inner .sp {
    display: block;
  }
  .main .camera [data-aquos-section='camera-2'] {
    margin-top: 0;
  }
  .main .camera [data-aquos-section='camera-2'].section__inner.-fill {
    height: auto;
  }
  .main .camera .camera__frame {
    display: none;
  }
  .main .camera .camera__sections {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    margin-top: 21.3333333333vw;
  }
  .main .camera .camera__section {
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    flex-flow: column nowrap;
    align-items: flex-start;
    height: auto;
  }
  .main .camera .camera__section + .camera__section {
    margin-top: 42.6666666667vw;
  }
  .main .camera .camera__section.-s1 .camera__figure {
    margin-top: 21.3333333333vw;
  }
  .main .camera .camera__section.-s1 .figure {
    padding-bottom: 13.3333333333vw;
  }
  .main .camera .camera__section.-s1 .figure .-img {
    opacity: 0;
  }
  .main .camera .camera__section.-s1 .figure .-img.-current {
    z-index: 1;
    opacity: 1;
    transition: opacity 0.4s var(--ease-fast-out-slow-in);
  }
  .main .camera .camera__section.-s1 .figure .-img.-current figcaption {
    transform: translate3d(-50%, -100%, 0) scale(1);
    opacity: 1;
    transition: opacity 450ms 250ms var(--ease-in-out-back), transform 450ms 250ms var(--ease-in-out-back);
  }
  .main .camera .camera__section.-s1 .figure__carousel__nav {
    display: flex;
  }
  .main .camera .camera__section .wish5__label {
    order: 1;
  }
  .main .camera .camera__section .wish5__label,
  .main .camera .camera__section .wish5__title,
  .main .camera .camera__section .wish5__txt {
    opacity: 1;
  }
  .main .camera .camera__section .wish5__label {
    position: relative;
    top: auto;
    left: auto;
    order: 2;
    margin-left: 0;
    padding: 1.3333333333vw 4.2666666667vw 1.6vw;
    transform: none;
  }
  .main .camera .camera__section .wish5__title {
    position: relative;
    top: auto;
    left: auto;
    order: 2;
    margin-left: 0;
    transform: none;
  }
  .main .camera .camera__section .wish5__txt {
    position: relative;
    top: auto;
    left: auto;
    order: 3;
    width: 100%;
    margin-left: 0;
    transform: none;
  }
  .main .camera .camera__figure {
    position: relative;
    top: auto;
    left: auto;
    order: 4;
    width: 41.0666666667vw;
    height: 92vw;
    margin: 10.6666666667vw auto 0;
    transform: none;
    opacity: 1;
  }
  .main .camera .camera__figure::before {
    z-index: 2;
    position: absolute;
    top: -3.2vw;
    left: 50%;
    width: 46.4vw;
    height: 100vw;
    transform: translateX(calc(-50% + 1px));
    background: url(https://aquosmobile.sharp.com.tw/resources/aquos/wish5/frame.png) no-repeat center center transparent;
    background-size: contain;
    content: '';
  }
  .main .camera .camera__figure .figure.-video .figure__actions.-status {
    right: -13.8666666667vw;
    bottom: -4.8vw;
  }
  .main .camera .camera__figure figcaption {
    top: -6.1333333333vw;
    width: 45.3333333333vw;
    height: 8vw;
    transform: translate3d(-50%, calc(-100% + 2.6666666667vw), 0) scale(0.9);
    font-size: 3.2vw;
    line-height: 7.4666666667vw;
  }
  .main .camera [data-aquos-section='camera-3'] {
    margin-top: 0;
    padding-bottom: 0;
  }
  .main .camera [data-aquos-section='camera-3'] .section__contents {
    margin-top: -21.3333333333vw;
  }
  .main .camera [data-aquos-section='camera-3'] .support {
    margin-top: 0;
    padding: 21.3333333333vw 6.4vw 0;
  }
  .main .camera [data-aquos-section='camera-3'] .support__inner {
    border-radius: 5.3333333333vw;
  }
  .main .camera [data-aquos-section='camera-3'] .support__notice {
    margin-top: 5.3333333333vw;
  }
  .main .camera .camera__features {
    padding: 36.2666666667vw 6.4vw 26.6666666667vw;
  }
  .main .camera .camera__features__inner {
    grid-template-rows: auto auto;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: 'item1 item2' 'item3 item4' 'item5 item5';
    max-width: none;
    gap: 3.2vw;
  }
  .main .camera .camera__feature {
    height: auto;
    padding: 5.3333333333vw 4.2666666667vw;
    border-radius: 4.2666666667vw;
  }
  .main .camera .camera__feature.-f1 {
    grid-area: item1;
  }
  .main .camera .camera__feature.-f1 i img {
    width: 15.4666666667vw;
  }
  .main .camera .camera__feature.-f2 {
    grid-area: item2;
  }
  .main .camera .camera__feature.-f2 i {
    margin: -3.2vw 0;
  }
  .main .camera .camera__feature.-f2 i img {
    width: 22.6666666667vw;
  }
  .main .camera .camera__feature.-f3 {
    grid-area: item5;
  }
  .main .camera .camera__feature.-f3 i img {
    width: 11.7333333333vw;
  }
  .main .camera .camera__feature.-f4 {
    grid-area: item3;
  }
  .main .camera .camera__feature.-f5 {
    grid-area: item4;
  }
  .main .camera .camera__feature.-f4 i img,
  .main .camera .camera__feature.-f5 i img {
    width: 12.2666666667vw;
  }
  .main .camera .camera__feature i {
    height: 11.7333333333vw;
  }
  .main .camera .camera__feature em {
    margin-top: 4vw;
    font-size: 3.7333333333vw;
  }
  .main .camera .camera__feature span {
    margin-top: 2.1333333333vw;
    font-size: 2.9333333333vw;
  }
  .main .camera .camera__feature.-f1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .main .camera .camera__feature.-f2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .main .camera .camera__feature.-f3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .main .camera .camera__feature.-f4 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .main .camera .camera__feature.-f5 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
@media (max-width: 1140px) and (min-width: 769px) {
  .main .camera .camera__feature.-f1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .main .camera .camera__feature.-f2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .main .camera .camera__feature.-f3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .main .camera .camera__feature.-f4 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .main .camera .camera__feature.-f5 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .main .camera .camera__feature.-f1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .main .camera .camera__feature.-f2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .main .camera .camera__feature.-f3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .main .camera .camera__feature.-f4 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .main .camera .camera__feature.-f5 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
@media (max-width: 768px) {
  .main .camera .camera__feature.-f1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .main .camera .camera__feature.-f2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .main .camera .camera__feature.-f3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .main .camera .camera__feature.-f4 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .main .camera .camera__feature.-f5 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
@keyframes wish5-slide-1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}