#dora-base a{
    color: initial;
    text-decoration: none;
}
#dora-base .dora-hidden{
  overflow: hidden;
}
#dora-base img,
#dora-base video,
#dora-base svg,
#dora-base picture,
#dora-base canvas{
    width: 100%;
    display: block;
}
#dora-base sup{
  font-size: 0.6em;
}
#dora-base [data-footnote]{
  font-size: 0.6em;
  cursor: pointer;
}
#dora-base .blur-up {
  transition: filter .4s;
  filter: blur(20px);
}
#dora-base .blur-up.lazyloaded {
  filter: blur(0);
}
#dora-base .h2{
    font-size: 3.333333vw;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 1.666667vw;
    color: #000000;
    position: relative;
    z-index: 2;
}
#dora-base .h2 b{
  font-weight: inherit;
  position: relative;
  z-index: 2;
}
#dora-base .h2 span{
  position: relative;
}
#dora-base .h2 span .title-bg{
  position: absolute;
  top: 1.979167vw;
  left: -.208333vw;
  z-index: 1;
  width: 100%;
}
#dora-base .h3{
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
    color: #000000;
}
#dora-base .nowrap{
  white-space: nowrap;
}
#dora-base .aspect-ratio {
  position: relative;
  display: block;
}
#dora-base .aspect-ratio::before {
  display: block;
  content: "";
}
#dora-base .aspect-ratio img {
  position: absolute;
  top: 0;
  left: 0;
}
#dora-base .h2.title{
    font-size: 5vw;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0;
}
#dora-base .h2.title div{
  background-image: linear-gradient(to bottom, #C7D5FF 0%, #6487ED 100%);
  -webkit-background-clip: text;
  color: transparent;
}
#dora-base .h2.title.pink div{
  background-image: linear-gradient(to bottom, #FFC4D0 0%, #FF7490 100%);
}
#dora-base .h2.title.orange div{
  background-image: linear-gradient(to bottom, #FFADAE 0%, #F86C6E 100%);
}
#dora-base .copy-title{
  width: 67.1875vw;
  margin: 0 auto;
  text-align: center;
}
#dora-base p{
    font-size: 1.145833vw;
    line-height: 1.6;
    color: #707070;
    font-weight: 500;
}
#dora-base p .text-black{
  color: #000;
}
#dora-base .note{
    font-size: max(12px, .625vw);
}
#dora-base .space-200{
    width: 100%;
    height: 10.416667vw;
}
#dora-base .show-pc{
    display: block;
}
#dora-base .show-mob{
    display: none;
}
#dora-base .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#dora-base .effect-slide .swiper-wrapper, #dora-base .effect-slide [data-swiper-parallax-x], #dora-base .effect-slide [data-swiper-parallax-y], #dora-base .effect-slide [data-swiper-parallax-opacity]{
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#dora-base .swiper-touch-move .swiper-wrapper, #dora-base .swiper-touch-move [data-swiper-parallax-x], #dora-base .swiper-touch-move [data-swiper-parallax-y], #dora-base .swiper-touch-move [data-swiper-parallax-opacity] {
  transition-timing-function: ease;
}
#dora-base .rounded{
  border-radius: .833333vw;
  overflow: hidden;
}
#dora-base .play-pause-button {
  position: absolute;
  z-index: 2;
  right: 1.666667vw;
  bottom: 1.666667vw;
  overflow: hidden;
  width: 2.083333vw;
  height: 2.083333vw;
  transform: translateZ(0);
  border-radius: 50%;
  cursor: pointer;
  backdrop-filter: blur(8px) brightness(1.1);
  -webkit-backdrop-filter: blur(8px) brightness(1.1);
  background-color: rgba(92, 90, 88, 0.6);
  transition: all .3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#dora-base .play-pause-button:hover {
  background-color: rgba(92, 90, 88, 0.5);
}

#dora-base .play-pause-button .button-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#dora-base.no-inline-video .play-pause-button{
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #dora-base .rounded{
    border-radius: 2.222222vw;
  }
  #dora-base .play-pause-button {
    right: 4.444444vw;
    bottom: 4.444444vw;
    width: 8.888889vw;
    height: 8.888889vw;
  }
  #dora-base .play-pause-button:hover {
    background-color: rgba(92, 90, 88, 0.6);
  }
}
#dora-base .tabnav-swiper .tabnav-content {
  display: flex;
  align-items: center;
  position: relative;
}
#dora-base .tabnav-swiper .tabnav-container {
  position: relative;
}
#dora-base .tabnav-swiper .tabnav-list {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#dora-base .tabnav-swiper .tabnav-item {
  padding-bottom: 0.833333vw;
  font-size: 1.041667vw;
  cursor: pointer;
  transition: color 0.5s;
  white-space: nowrap;
  color: #797c80;
  outline: 0;
}
#dora-base .tabnav-swiper .tabnav-item + .tabnav-item {
  margin-left: 1.666667vw;
}
#dora-base .tabnav-swiper .tabnav-item.current {
  color: #ffffff;
}
#dora-base .tabnav-swiper .tabnav-indicator {
  position: relative;
  width: 100%;
  height: 2px;
}
#dora-base .tabnav-swiper .tabnav-indicator::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
}
#dora-base .tabnav-swiper .tabnav-indicator::after {
  display: block;
  width: var(--indicator-width, 0);
  height: 100%;
  content: "";
  transition: width 0.5s, transform 0.5s;
  transform: translateX(var(--indicator-offset, 0));
  background-color: #ffffff;
}
#dora-base .tabnav-swiper .stack-list {
  display: flex;
}
#dora-base .tabnav-swiper .tabnav-swiper .stack-list {
  text-align: center;
}
#dora-base .tabnav-swiper .stack-item {
  position: relative;
  width: 100%;
  font-size: 1.458333vw;
  transition: opacity 0.3s ease;
  opacity: 0;
}
#dora-base .tabnav-swiper .stack-item + .stack-item {
  margin-left: -100%;
}
#dora-base .tabnav-swiper .stack-item.current {
  z-index: 1;
  opacity: 1;
}
#dora-base .video-container{
  position: relative;
}
#dora-base .video-container.playing .icon-pause, 
#dora-base .video-container.paused .icon-play, 
#dora-base .video-container.ended .icon-replay,
#dora-base .section-video.playing .icon-pause, 
#dora-base .section-video.paused .icon-play, 
#dora-base .section-video.ended .icon-replay {
  display: block;
}
#dora-base .text-animate .text-move{
  opacity: 0;
  transform: translateY(40%);
  transition: transform .8s ease, opacity .8s ease;
}
#dora-base .text-animate .text-move.animated{
  opacity: 1;
  transform: translateY(0);
}

#dora-base .section-kv .kv-content{
    position: relative;
}
#dora-base .section-kv .kv-content .copy{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4.375vw;
    width: 33.854167vw;
}
#dora-base .section-kv .kv-content .copy p{
  font-size: 1.25vw;
  line-height: 1.25;
  color: #000;
  text-align: center;
  margin-top: 2.083333vw;
  font-weight: 400;
}
#dora-base .dora-design{
  position: relative;
}
#dora-base .dora-design::after{
  content: '';
  height: calc(100% - 14.166667vw);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom, #FFF4FB 0%, #FDFEFF 30%, #F7FBFF 68%, #E8EDFF 100%);
  z-index: 1;
}
#dora-base .dora-design::before{
  content: '';
  width: 125vw;
  height: 70.729167vw;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #E8EDFF;
  z-index: 1;
  border-radius: 100% / 100%;
}
#dora-base .section-highlights{
    position: relative;
    z-index: 2;
}
#dora-base .section-highlights .autoplay-trigger {
  position: absolute;
  top: 80%;
}

#dora-base .section-highlights .swiper {
  width: 67.5vw;
  overflow: visible;
}
#dora-base .section-highlights .swiper .swiper-slide{
    position: relative;
    overflow: hidden;
    border-radius: .833333vw;
}
#dora-base .section-highlights .swiper .swiper-slide .slide-3-bg{
  background-image: linear-gradient(to right, #FFE8EE 0%, #E0F1FF 100%);
}
#dora-base.no-inline-video .reason-mask{
  display: none;
}

#dora-base .section-highlights .video-container{
  opacity: 0;
  transition: opacity 0.8s ease;
  -webkit-transition: opacity 0.8s ease;
  -moz-transition: opacity 0.8s ease;
      
}
#dora-base .section-highlights .swiper-slide-active .video-container{
  opacity: 1;
  transition: opacity 0s ease;
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
}
#dora-base.no-inline-video .section-highlights .video-container{
  opacity: 1;
}
#dora-base .section-highlights .reason-mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity 0.8s ease;
  -webkit-transition: opacity 0.8s ease;
  -moz-transition: opacity 0.8s ease;
  will-change: opacity;
}
#dora-base .section-highlights .swiper-slide-active .reason-mask{
  opacity: 0;
  transition: opacity 0s ease;
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
}
#dora-base .section-highlights .swiper .swiper-slide-shadow-left,
#dora-base .section-highlights .swiper .swiper-slide-shadow-right{
  transform: translateZ(1px);
  will-change: transform;
}
#dora-base .section-highlights .swiper .caption{
  position: absolute;
  top: 2.5vw;
  left: 2.5vw;
  color: #ffffff;
  line-height: 1.5;
}
#dora-base .section-highlights .swiper .caption-2,
#dora-base .section-highlights .swiper .caption-3,
#dora-base .section-highlights .swiper .caption-5,
#dora-base .section-highlights .swiper .caption-6{
    color: #000000;
}
#dora-base .section-highlights .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}
#dora-base .section-highlights .controls-container {
  display: flex;
  justify-content: center;
  padding: 2.5vw 0 0;
}
#dora-base .section-highlights .controls-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  height: 3.333333vw;
  padding-right: 1.041667vw;
  padding-left: 1.041667vw;
  border-radius: 999px;
  background-image: linear-gradient(to bottom, #E2E9FF 0%, #A5BBF7 100%);
  box-shadow: 0px 3px 6px #C7D6FF;
}
#dora-base .section-highlights .controls-wrapper::before{
  content: '';
  position: absolute;
  top: .208333vw;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - .625vw);
  height: calc(100% - .572917vw);
  background-image: linear-gradient(to bottom, rgba(255,255,255, 0.38) 0%, rgba(255,255,255, 0.07) 37%, rgba(255,255,255, 0) 100%);
  border-radius: 999px;
  z-index: 3;
  filter: blur(1px);
}
#dora-base .section-highlights .controls-wrapper::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-image: linear-gradient(to bottom, #E2E9FF 0%, #A5BBF7 100%);
  border-radius: 999px;
  z-index: 2;
}
#dora-base .section-highlights .controls-wrapper .control-border{
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, #DBE3FD 0%, #EAEFFF 100%);
  border-radius: 999px;
  z-index: 1;
  top: 0;
  left: 0;
}
#dora-base .section-highlights .arrownav-item {
  flex-shrink: 0;
  width: 2.083333vw;
  cursor: pointer;
  transition: opacity 0.3s;
  outline: 0;
  position: relative;
  z-index: 4;
}
#dora-base .section-highlights .arrownav-item:hover {
  opacity: 0.6;
}
#dora-base .section-highlights .arrownav-disabled {
  cursor: default;
  opacity: 0.3 !important;
}
#dora-base .section-highlights .dotnav-list {
  display: flex;
  margin-right: .677083vw;
  margin-left: .677083vw;
  padding: 0;
  position: relative;
  z-index: 4;
  bottom: auto;
}
#dora-base .section-highlights .dotnav-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.520833vw;
  height: 0.520833vw;
  margin: 0 0.260417vw 0;
  cursor: pointer;
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0.3;
  border-radius: 100%;
  outline: 0;
  background-color: rgba(255, 255, 255);
}
#dora-base .section-highlights .dotnav-item:hover{
  opacity: .6;
}
#dora-base .section-highlights .dotnav-item::before {
  position: absolute;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  padding: 0.260417vw;
  content: "";
}
#dora-base .section-highlights .dotnav-item.current {
  cursor: default;
  opacity: 1;
}
#dora-base .section-highlights .autoplay-trigger {
  position: absolute;
  top: 80%;
}
#dora-base .section-design{
  position: relative;
  z-index: 2;
}
#dora-base .section-design .copy .copy-title{
  transform: translateY(40%);
  transition: transform .8s ease;
}
#dora-base .section-design .copy p{
  width: 39.0625vw;
  margin: 2.5vw auto 0;
  text-align: center;
  transform: translateY(100%);
  transition: transform .8s ease;
}
#dora-base .section-design.active1 .copy .copy-title,
#dora-base .section-design.active1 .copy p{
  transform: translateY(0);
}
#dora-base .section-design .design-content{
  position: relative;
}
#dora-base .section-design .design-content .pic-content{
  margin: 1.041667vw 0 0 15.625vw;
  display: flex;
}
#dora-base .section-design .design-content .pic-content .pic1{
  width: 43.4375vw;
  transform: translateY(20%);
  opacity: 0;
  transition: all .8s ease;
}
#dora-base .section-design .design-content .pic-content .pic2{
  width: 71.875vw;
  margin-top: 4.166667vw;
  margin-left: -28.645833vw;
  transform: translateY(40%);
  opacity: 0;
  transition: all .8s ease;
}
#dora-base .section-design.animate1 .design-content .pic-content .pic1,
#dora-base .section-design.animate1 .design-content .pic-content .pic2{
  transform: translateY(0);
  opacity: 1;
}
#dora-base .section-design .design-content .pic-content-mob{
  display: none;
}
#dora-base .section-design .design-content .shadow{
  position: absolute;
  width: 77.708333vw;
  height: 38.4375vw;
  top: 36.458333vw;
  left: 11.875vw;
  background-image: linear-gradient(to bottom, rgba(248,252,255,.65) 0%, rgba(247,251,255) 15%, rgba(243,247,255) 100%);
  filter: blur(27px);
  z-index: 3;
}

#dora-base .section-design .design-content .copy{
  margin-top: -18.4375vw;
  position: relative;
  z-index: 5;
}
#dora-base .section-design .design-content .copy .copy-title{
  opacity: 0;
  transform: translateY(40%);
  transition: all .8s ease;
}
#dora-base .section-design.active .design-content .copy .copy-title,
#dora-base .section-design.animate .design-content .copy p{
  opacity: 1;
  transform: translateY(0);
}
#dora-base .section-design .design-content .copy p{
  width: 42.96875vw;
  opacity: 0;
  transform: translateY(40%);
  transition: all .8s ease;
}
#dora-base .section-design .design-content .icon{
  width: 68.958333vw;
  margin: -5.833333vw auto 0;
  z-index: 4;
  position: relative;
  transform: scale(1.3);
  transition: transform .8s ease;
}
#dora-base .section-design.animate .design-content .icon{
  transform: scale(1);
}
#dora-base .section-color{
  position: relative;
  z-index: 2;
  padding-bottom: 10.416667vw;
  padding-top: 10.416667vw;
}
#dora-base .section-color .color-content svg{
  height: 100%;
  position: relative;
  z-index: 2;
}
#dora-base .section-color .color-content .copy{
  width: 37.291667vw;
  margin: 0 auto 3.333333vw;
  text-align: center;
}
#dora-base .section-color .color-content .copy .copy-title{
  width: auto;
}
#dora-base .section-color .color-content .copy p{
  margin-top: 2.5vw;
}
#dora-base .section-color .color-content .swiper{
  width: 67.5vw;
  overflow: visible;
  height: 41.666667vw;
}
#dora-base .section-color .color-content .swiper .swiper-slide{
  width: auto;
}
#dora-base .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg{
  background-image: linear-gradient(to top, #E2E8FF 0%, #EFF2FF 100%);
  transform: translateY(20%);
  transition: transform .8s ease;
  width: 38.020833vw;
}
#dora-base .section-color .color-content .swiper .swiper-slide .swiper-color.swiper3 .pic-bg{
  background-image: linear-gradient(to top, #FFEFF2 0%, #FFF4F8 100%);
}
#dora-base .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg-2{
  transform: translateY(54%);
  transition: transform .8s .2s ease;
  width: 28.229167vw;
  height: 15.416667vw;
}
#dora-base .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg-3{
  transform: translateY(33%);
  transition: transform .8s .4s ease;
  width: 28.229167vw;
  height: 25vw;
}
#dora-base .section-color.active .color-content .swiper .swiper-slide .swiper-color .pic-bg{
  transform: translateY(0%);
}
#dora-base .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg picture{
  transform: translateY(100%);
  transition: transform .8s cubic-bezier(0.65, 0, 0.35, 1.2);
}
#dora-base .section-color .color-content .swiper .swiper-slide .swiper-color.current .pic-bg picture{
  transform: translateY(0);
}
#dora-base .section-color .color-content .swiper .swiper-slide .swiper-color .swiper-slide + .swiper-slide{
  margin-left: 1.25vw;
}
#dora-base .section-color .color-content .swiper .flex-pic{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 28.229167vw;
}
#dora-base .section-color .color-content .controls-container{
  display: flex;
  width: 67.5vw;
  justify-content: space-between;
  margin: 2.5vw auto 0;
  align-items: center;
}
#dora-base .section-color .color-content .controls-container .tabnav-content{
  width: 38.020833vw;
  justify-content: flex-end;
}
#dora-base .section-color .color-content .controls-wrapper{
  display: flex;
  justify-content: flex-end;
}
#dora-base .section-color .color-content .controls-wrapper .arrownav-item{
  width: 2.5vw;
  height: 2.5vw;
  cursor: pointer;
  transition: opacity .3s ease;
  position: relative;
  transform: translateZ(0);
  border-radius: 50%;
}
#dora-base .tabnav-swiper .arrownav-item::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0px 3px 6px #C7D6FF;
  opacity: 1;
  transition: opacity .3s ease;
  z-index: 1;
}
#dora-base .tabnav-swiper .arrownav-item::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - .3125vw);
  height: calc(100% - .3125vw);
  background-image: linear-gradient(to bottom, rgba(255,255,255, 0.38) 0%, rgba(255,255,255, 0.07) 37%, rgba(255,255,255, 0) 100%);
  border-radius: 50%;
  z-index: 3;
  filter: blur(1px);
  transition: opacity .3s ease;
}
#dora-base .tabnav-swiper .arrownav-item .item-before{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-image: linear-gradient(to bottom, #E2E9FF 0%, #A5BBF7 100%);
  border-radius: 50%;
  z-index: 2;
  transition: opacity .3s ease;
}
#dora-base .tabnav-swiper .arrownav-item .item-affter{
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, #DBE3FD 0%, #EAEFFF 100%);
  border-radius: 50%;
  z-index: 1;
  top: 0;
  left: 0;
  transition: opacity .3s ease;
}
#dora-base .section-color .color-content .controls-wrapper .arrownav-item + .arrownav-item{
  margin-left: 1.666667vw;
}
@media (any-hover: hover) and (pointer: fine){
  #dora-base .section-color .color-content .controls-wrapper .arrownav-item:hover{
    opacity: .6;
  }
}
#dora-base .section-color .color-content .controls-wrapper .arrownav-item.arrownav-disabled{
  opacity: 1;
  cursor: auto;
}
#dora-base .tabnav-swiper .arrownav-item.arrownav-disabled::after,
#dora-base .tabnav-swiper .arrownav-item.arrownav-disabled::before,
#dora-base .tabnav-swiper .arrownav-item.arrownav-disabled .item-before,
#dora-base .tabnav-swiper .arrownav-item.arrownav-disabled .item-affter{
  opacity: 0;
}
#dora-base .tabnav-swiper .arrownav-item .circle{
  opacity: 0;
  transition: all .3s ease;
}
#dora-base .tabnav-swiper .arrownav-item.arrownav-disabled .circle{
  opacity: 1;
  stroke: #BCCBFA;
}
#dora-base .tabnav-swiper .arrownav-item .circle-fill{
  fill: transparent;
  transition: all .3s ease;
}
#dora-base .tabnav-swiper .arrownav-item.arrownav-disabled .circle-fill{
  fill: #BCCBFA;
}
#dora-base .tabnav-swiper .arrownav-item .circle-border{
  transition: all .3s ease;
}
#dora-base .tabnav-swiper .arrownav-item.arrownav-disabled .circle-border{
  fill: #BCCBFA;
}
#dora-base .tabnav-swiper .arrownav-item .circle-bg{
  stop-color: transparent;
}



#dora-base .section-color .tabnav-item{
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  padding: 0;
  transform: translateZ(0);
}
#dora-base .section-color .tabnav-container{
  margin-left: 2.5vw;
  margin-right: 2.604167vw;
}
#dora-base .section-color .tabnav-item .color-border{
  opacity: 0;
  transition: opacity .3s ease;
}
#dora-base .section-color .tabnav-item:hover .color-border{
  opacity: .6;
}
#dora-base .section-color .tabnav-item.current .color-border{
  opacity: 1;
}

#dora-base .section-color .stack-list{
  position: relative;
}
#dora-base .section-color .stack-item{
  width: max-content;
  color: #000;
}
#dora-base .section-color .stack-item + .stack-item{
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
}
#dora-base .section-positioning{
  position: relative;
  z-index: 2;
}
#dora-base .section-positioning .positioning-content .copy p{
  width: 51.041667vw;
  margin: 2.5vw auto 0;
  text-align: center;
}
#dora-base .section-positioning .positioning-content .pic-content{
  margin: 3.333333vw auto 0;
  width: 81.25vw;
}
#dora-base .section-positioning .positioning-icon{
  display: flex;
  justify-content: center;
  margin-top: 3.333333vw;
}
#dora-base .section-positioning .positioning-content .positioning-icon>div{
  display: flex;
  padding: 1.25vw .9375vw;
  background: #ffffff;
  border-radius: .833333vw;
  transform: translateY(100%);
  transition: transform .8s ease;
  flex-wrap: wrap;
  width: 19.479167vw;
  align-content: flex-start;
}
#dora-base .section-positioning .positioning-content .positioning-icon>div:nth-child(2){
  transition: transform .8s .2s ease;
}
#dora-base .section-positioning .positioning-content .positioning-icon>div:nth-child(3){
  transition: transform .8s .4s ease;
}

#dora-base .section-positioning .positioning-content.animate .positioning-icon>div{
  transform: translateY(0);
}
#dora-base .section-positioning .positioning-content .positioning-icon>div .icon-content{
  display: flex;
}
#dora-base .section-positioning .positioning-content .positioning-icon>div p.desc{
  font-size: .833333vw;
  color: #707070;
  margin-left: .3125vw;
  margin-top: .625vw;
  line-height: 1.6;
}
#dora-base .section-positioning .positioning-icon>div + div{
  margin-left: 1.71875vw;
}
#dora-base .section-positioning .positioning-icon .icon{
  width: 3.125vw;
  margin-right: .729167vw;
}
#dora-base .section-positioning .positioning-icon p{
  margin-top: .729167vw;
  font-size: 1.041667vw;
  color: #000;
  line-height: 1.25;
}
#dora-base .dora-positioning{
  position: relative;
}
#dora-base .dora-positioning::after{
  content: '';
  position: absolute;
  width: 100%;
  height: calc(100% + 36.458333vw);
  background-image: linear-gradient(to bottom, #F2F5FF 0%, #FFFFFF 35%, #EFF3FF 59%, #FFFFFF 74%, #FFFFFF 100%);
  top: -28.645833vw;
  left: 0;
}
#dora-base .section-real-time{
  padding-bottom: 12.916667vw;
  position: relative;
  z-index: 2;
}
#dora-base .section-real-time .real-time-content{
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  width: 67.5vw;
  margin: 0 auto;
  padding: 6.458333vw 0 0;
  background-color: #EFF2FF;
  position: relative;
}
#dora-base .section-real-time .real-time-content .swiper{
  width: 30.416667vw;
  margin: 0 0 0 -3.958333vw;
}
#dora-base .section-real-time .real-time-content .copy-content{
  width: 32.8125vw;
  margin-left: 4.895833vw;
  height: fit-content;
}
#dora-base .section-real-time .real-time-content .copy-content .h2{
  margin-bottom: 3.125vw;
  font-size: 2.5vw;
}
#dora-base .section-real-time .real-time-content .copy-content .h2 .title-bg{
  width: 18.28125vw;
  top: 1.354167vw;
}
#dora-base .section-real-time .real-time-content .copy-content .copys{
  position: relative;
  padding-left: 1.458333vw;
  width: 20.104167vw;
}
#dora-base .section-real-time .real-time-content .copy-content .copys .text-item{
  overflow: hidden;
}
#dora-base .section-real-time .real-time-content .copy-content .copys .text-item + .text-item{
  margin-top: 2.1875vw;
}
#dora-base .section-real-time .real-time-content .copy-content .copys .text-item .h3{
  color: #000;
  opacity: .6;
  cursor: pointer;
  transition: opacity .3s ease;
  line-height: 1.3;
}
#dora-base .section-real-time .real-time-content .copy-content .copys .text-item .h3:hover{
  opacity: .8;
}
#dora-base .section-real-time .real-time-content .copy-content .copys .text-item.current .h3{
  opacity: 1;
}
#dora-base .section-real-time .real-time-content .copy-content .copys .text-item .desc{
  transition: height .6s ease, margin-top .6s ease;
  margin-top: 0;
}
#dora-base .section-real-time .real-time-content .copy-content .copys .text-item.current .desc{
  margin-top: .78125vw;
}
#dora-base .section-real-time .real-time-content .copy-content .copys .text-item .desc p{
  font-size: 1.041667vw;
}
#dora-base .section-real-time .real-time-content .copy-content .copys .line-mask{
  display: block;
}
#dora-base .section-real-time .line-indicator-box{
  position: absolute;
  width: .208333vw;
  height: 100%;
  background-color: rgba(0,0,0,.1);
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: .520833vw;
}
#dora-base .section-real-time .line-indicator{
    position: absolute;
    top: 0;
    transform: translateY(calc(var(--s18-top, 0)));
    width: 100%;
    transition: all 0.6s ease;
    background-image: linear-gradient(to left, #C7D5FF 0%, #86A5FF 100%);
    will-change: height, transform;
    border-radius: .520833vw;
}
#dora-base .section-wide-angle{
  margin-top: -12.916667vw;
  position: relative;
  z-index: 1;
}
#dora-base .section-wide-angle .wide-angle-content .copy p{
  width: 42.864583vw;
  margin: 2.5vw auto 0;
  text-align: center;
  transform: translateY(220%);
  transition: transform .6s ease;
}
#dora-base .section-wide-angle.active .wide-angle-content .copy p{
  transform: translateY(0);
}
#dora-base .section-wide-angle .wide-angle-content .pic-content{
  width: 89.166667vw;
  margin: 0 auto;
  position: relative;
  transform: scale(1.26);
  transform-origin: top center;
  transition: transform .6s ease;
}
#dora-base .section-wide-angle.active .wide-angle-content .pic-content{
  transform: scale(1);
}
#dora-base .section-wide-angle .wide-angle-content .pic-content .pic{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 81.25vw;
}
#dora-base .section-wide-angle .wide-angle-content .pic-icon{
  width: 42.8125vw;
  margin: -10.833333vw auto 0;
}
#dora-base .section-photograph {
    position: relative;
    padding-bottom: 10.416667vw;
}
#dora-base .section-photograph .photograph-content{
  width: 41.666667vw;
  margin: 0 auto;
}
#dora-base .section-photograph .photograph-content .copy{
  text-align: center;
  margin-bottom: 3.333333vw;
}
#dora-base .section-photograph .swiper-wrapper{
  transition-timing-function: ease;
}
#dora-base .section-photograph .swiper-container {
    overflow: visible;
}
#dora-base .section-photograph .swiper-slide {
    width: 41.666667vw;
}
#dora-base .section-photograph .swiper .swiper-slide {
    width: 41.666667vw;
    height: 31.25vw;
    display: flex;
    align-items: end;
    overflow: visible;
    perspective: 70vw;
    z-index: 3;
    transform-style: preserve-3d;
    will-change: transform;
}
#dora-base .section-photograph .swiper .swiper-slide.swiper-slide-prev,
#dora-base .section-photograph .swiper .swiper-slide.swiper-slide-next {
    z-index: 2
}
#dora-base .section-photograph .swiper .swiper-slide .pic{
  will-change: transform;
}
#dora-base .section-photograph .swiper .swiper-slide .pic-1{
  transform: translateX(-11.979167vw);
}
#dora-base .section-photograph .swiper .swiper-slide .pic-2{
  transform: translateX(-5.729167vw);
}
#dora-base .section-photograph .swiper .swiper-slide .pic-3{
  transform: translateX(-15.833333vw);
}
#dora-base .section-photograph .swiper .swiper-slide.swiper-slide-active .pic {
  transform: translateX(0)
}

#dora-base .section-photograph .swiper .slide-bg picture {
    width: 41.666667vw;
    height: 100%;
    position: relative;
    display: inline-block;
    will-change: transform
}
#dora-base .section-photograph .controls-container{
  display: flex;
  flex-direction: column-reverse;
  margin-top: 2.5vw;
}
#dora-base .section-photograph .controls-container .controls-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
}
#dora-base .section-photograph .controls-container .controls-wrapper .photograph-pagination{
  width: auto;
  margin: 0 1.25vw;
  font-size: 1.041667vw;
  display: flex;
}
#dora-base .section-photograph .controls-container .controls-wrapper .photograph-pagination span{
  width: .572917vw;
}
#dora-base .section-photograph .tabnav-content{
  margin-top: 2.5vw;
}
#dora-base .section-photograph .stack-list{
  width: 100%;
}
#dora-base .section-photograph .stack-item{
  font-size: 1.145833vw;
  text-align: center;
}
#dora-base .section-photograph .circle-fill{
  stroke: transparent;
}
#dora-base .section-photograph .arrownav-item{
  width: 2.5vw;
  height: 2.5vw;
  transition: opacity .3s ease;
  position: relative;
  cursor: pointer;
}
#dora-base .section-photograph .arrownav-item svg{
  height: auto;
  z-index: 2;
  position: relative;
}

@media (any-hover: hover) and (pointer: fine){
    #dora-base .section-photograph .arrownav-item:hover{
      opacity: .6;
    }
}
#dora-base .section-memory .memory-content{
  display: flex;
  margin: 0 9.375vw;
  align-items: center;
}
#dora-base .section-memory .memory-content .copy{
  width: 25vw;
  text-align: left;
}
#dora-base .section-memory .memory-content .pic-content{
  width: 40.3125vw;
  margin: 0;
  position: relative;
}
#dora-base .section-memory .memory-content .pic-content .pic{
  position: relative;
  z-index: 2;
}
#dora-base .section-memory .memory-content .information>div + div{
  margin-top: 5.104167vw;
}
#dora-base .section-memory .memory-content .information .number{
  font-size: 5.416667vw;
  line-height: 1;
  background-image: linear-gradient(to bottom, #FFD1DC 0%, #FC9BB1 100%);
  -webkit-background-clip: text;
  color: transparent;
  font-weight: 700;
}
#dora-base .section-memory .memory-content .information .number span{
  font-size: 2.291667vw;
  background-image: linear-gradient(to bottom, #FFD1DC 0%, #FC9BB1 100%);
  -webkit-background-clip: text;
  color: transparent;
}
#dora-base .section-memory .memory-content .information p{
  font-size: 1.354167vw;
  margin-top: .9375vw;
}
#dora-base .section-ability{
  padding-top: 10.416667vw;
}
#dora-base .section-ability .pic-content{
  width: 81.25vw;
  margin: 3.333333vw auto 0;
}
#dora-base .section-ability .pic-content picture{
  transform: scale(1.2);
  transition: all .8s ease;
}
#dora-base .section-ability.active .pic-content picture{
  transform: scale(1);
}
#dora-base .section-ability .desc{
  width: 44.791667vw;
  margin: 3.333333vw auto 0;
  text-align: center;
}
#dora-base .section-meetime{
  padding-top: 3.541667vw;
}
#dora-base .section-meetime .meetime-content{
  display: flex;
  align-items: center;
  width: 76.5625vw;
  margin: 0 auto;
  justify-content: space-between;
}
#dora-base .section-meetime .meetime-content .copy{
  width: 27.395833vw;
}
#dora-base .section-meetime .meetime-content .pic-content{
  width: 47.604167vw;
  position: relative;
  z-index: 2;
}
#dora-base .section-meetime .meetime-content .pic-content .pic{
  position: relative;
  z-index: 3;
}
#dora-base .section-meetime .meetime-content .pic-content .bg1{
  position: absolute;
  top: -4.427083vw;
  right: -10.15625vw;
  width: 38.802083vw;
  height: 39.010417vw;
  background-image: radial-gradient(ellipse at center, rgba(163,251,187) 0%, rgba(74,191,228,.47) 100%);
  transform: rotate(25deg);
  border-radius: 50%;
  filter: blur(50px);
  opacity: .21;
}
#dora-base .section-meetime .meetime-content .pic-content .bg2{
  position: absolute;
  top: -2.5vw;
  left: 5vw;
  width: 31.145833vw;
  height: 39.010417vw;
  background-image: radial-gradient(ellipse at center, rgba(74,191,228) 0%, rgba(74,191,228,.47) 100%);
  border-radius: 50%;
  filter: blur(50px);
  opacity: .21;
}
#dora-base .section-meetime .meetime-content .pic-content .icon-1{
  position: absolute;
  width: 13.541667vw;
  top: -2.916667vw;
  left: 12.604167vw;
  z-index: 4;
}
#dora-base .section-meetime .meetime-content .pic-content .icon-2{
  position: absolute;
  width: 10.15625vw;
  bottom: 4.739583vw;
  right: -.520833vw;
  z-index: 2;
}

#dora-base .section-meetime.active .meetime-content .pic-content .icon-1{
  animation: icon1 3s ease infinite;
}
#dora-base .section-meetime.active .meetime-content .pic-content .icon-2{
  animation: icon2 2s infinite;
}
#dora-base .section-meetime.active .meetime-content .pic-content .icon-3{
  animation: icon3 1.5s infinite;
}
@keyframes icon1 {
  0% {
    transform: translateY(-30%);
  }
  50%{
    transform: translateY(30%);
  }
  100% {
    transform: translateY(-30%);
  }
}
@keyframes icon2 {
  0% {
    transform: translateY(20%);
  }
  50%{
    transform: translateY(-20%);
  }
  100% {
    transform: translateY(20%);
  }
}
@keyframes icon3 {
  0% {
    transform: translateY(15%);
  }
  50%{
    transform: translateY(-15%);
  }
  100% {
    transform: translateY(15%);
  }
}
#dora-base .section-configure .copy .copy-title{
  opacity: 0;
  transform: translateY(100%);
  transition: all .8s ease;
}
#dora-base .section-configure.active .copy .copy-title{
  opacity: 1;
  transform: translateY(0);
}
#dora-base .section-configure .copy p{
  width: 40.416667vw;
  margin: 2.5vw auto 3.333333vw;
  text-align: center;
  opacity: 0;
  transform: translateY(100%);
  transition: all .8s .1s ease;
}
#dora-base .section-configure.active .copy p{
  opacity: 1;
  transform: translateY(0);
}
#dora-base .section-configure .pic-content{
  width: 83.125vw;
  margin: 0 0 0 8.854167vw;
  position: relative;
}
#dora-base .section-configure .pic-content .pic-bg{
  position: relative;
  opacity: 0;
  transition: opacity .8s ease;
}
#dora-base .section-configure.animate .pic-content .pic-bg{
  opacity: 1;
}
#dora-base .section-configure .pic-content .pic{
  position: relative;
  overflow: hidden;
  z-index: 2;
}
#dora-base .section-configure .pic-content .pic picture{
  position: relative;
  z-index: 2;
}

#dora-base .section-configure .pic-content .icon-content{
  display: flex;
  justify-content: space-between;
  z-index: 2;
  position: relative;
}
#dora-base .section-configure .pic-content .icon{
  display: flex;
  margin: -4.375vw 5.520833vw 0 0;
}
#dora-base .section-configure .pic-content .icon-1{
  position: absolute;
  left: 14.375vw;
  top: 4.6875vw;
  width: 26.041667vw;
  transform: rotate(-15deg) translate3d(0, 40%, 1px);
  transition: transform .6s .1s ease;
}
#dora-base .section-configure.active .pic-content .icon-1{
  transform: rotate(-15deg) translate3d(0, 0, 1px);
}
#dora-base .section-configure .pic-content .icon-2{
  position: absolute;
  right: 15.104167vw;
  top: 3.541667vw;
  width: 26.041667vw;
  transform: rotate(15deg) translate3d(0, 40%, 1px);
  transition: transform 1s .1s ease;
}
#dora-base .section-configure.active .pic-content .icon-2{
  transform: rotate(15deg) translate3d(0, 0, 1px);
}
#dora-base .section-configure .pic-content .desc{
  width: 25vw;
  margin: 3.333333vw 0 0 2.083333vw;
}
#dora-base .section-supervision{
  padding-top: 10.416667vw;
}
#dora-base .supervision-content{
  display: flex;
  width: 81.25vw;
  justify-content: space-between;
  margin: 0 auto;
  align-items: center;
}
#dora-base .supervision-content .copy{
  width: 28.4375vw;
}
#dora-base .supervision-content .pic-content{
  width: 48.645833vw;
}
#dora-base .supervision-content{
  overflow: hidden;
}
#dora-base .supervision-content .swiper{
  width: 67.5vw;
  overflow: visible;
  margin-top: 3.333333vw;
}
#dora-base .supervision-content .swiper-slide{
  width: 33.125vw;
}
#dora-base .supervision-content .swiper-slide:not(.swiper-slide-active){
  cursor: pointer;
}
#dora-base .supervision-content .swiper-slide-active ~ .swiper-slide-visible {
  cursor: auto;
}
#dora-base .supervision-content .swiper-slide .pic{
  padding: 1.875vw 3.333333vw 2.916667vw 3.541667vw;
}
#dora-base .supervision-content .swiper-slide .pic-1{
  background-color: #E5E9FF;
}
#dora-base .supervision-content .swiper-slide .pic-2{
  background-color: #CAE9F0;
}
#dora-base .supervision-content .swiper-slide .pic-3{
  background-color: #D4D0FF;
}
#dora-base .supervision-content .swiper-slide .pic .h3{
  margin-bottom: 3.958333vw;
  margin-left: -1.458333vw;
}
#dora-base .supervision-content .controls-container{
  width: 67.5vw;
  margin: 2.5vw auto 0;
}
#dora-base .supervision-content .controls-wrapper{
  display: flex;
  justify-content: flex-end;
}

#dora-base .section-supervision .supervision-content .controls-wrapper .arrownav-item{
  width: 3.4375vw;
  cursor: pointer;
  transition: opacity .3s ease;
  position: relative;
}

#dora-base .section-supervision .supervision-content .controls-wrapper .arrownav-item + .arrownav-item{
  margin-left: .729167vw;
}
#dora-base .section-supervision .supervision-content .controls-wrapper .arrownav-item:hover{
  opacity: .6;
}
#dora-base .section-supervision .supervision-content .controls-wrapper .arrownav-item.arrownav-disabled{
  opacity: 1;
  cursor: auto;
}
#dora-base .section-supervision .supervision-content .controls-wrapper .arrownav-item .circle-fill{
  fill: transparent;
  transition: all .3s ease;
}
#dora-base .section-supervision .supervision-content .controls-wrapper .arrownav-item.arrownav-disabled .circle-fill{
  fill: #D1CBFF;
}
#dora-base .section-supervision .supervision-content .controls-wrapper .arrownav-item .circle-border{
  transition: all .3s ease;
}
#dora-base .section-supervision .supervision-content .controls-wrapper .arrownav-item.arrownav-disabled .circle-border{
  fill: #D1CBFF;
}
#dora-base .section-supervision .supervision-content .controls-wrapper .arrownav-item .circle-bg{
  transition: all .3s ease;
}
#dora-base .section-supervision .supervision-content .controls-wrapper .arrownav-item.arrownav-disabled .circle-bg-1{
  stop-color:#D1CBFF;
}
#dora-base .section-supervision .supervision-content .controls-wrapper .arrownav-item.arrownav-disabled .circle-bg{
  stop-color: transparent;
}

#dora-base .section-health .health-content{
  width: 67.5vw;
  margin: 0 auto;
}
#dora-base .section-health .health-content .copy{
  text-align: center;
  width: 41.666667vw;
  margin: 0 auto 3.333333vw;
}
#dora-base .section-health .tabnav-container{
  padding: .833333vw 1.458333vw;
  background-image: linear-gradient(to bottom, #E2E9FF 0%, #A5BBF7 100%);
  box-shadow: 0px 3px 6px #C7D6FF;
  width: max-content;
  margin: 0 auto;
  border-radius: 1.458333vw;
  position: relative;
}
#dora-base .section-health .tabnav-container::before {
    content: '';
    position: absolute;
    top: .208333vw;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - .520833vw);
    height: calc(100% - .416667vw);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.07) 37%, rgba(255, 255, 255, 0) 100%);
    border-radius: 999px;
    z-index: 3;
    filter: blur(1px);
}
#dora-base .section-health .tabnav-container::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background-image: linear-gradient(to bottom, #E2E9FF 0%, #A5BBF7 100%);
    border-radius: 999px;
    z-index: 2;
}
#dora-base .section-health .tabnav-container .control-border {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #DBE3FD 0%, #EAEFFF 100%);
    border-radius: 999px;
    z-index: 1;
    top: 0;
    left: 0;
}
#dora-base .section-health .tabnav-wrapper{
  position: relative;
  z-index: 4;
}
#dora-base .section-health .tabnav-list{
  display: flex;
  justify-content: center;
  position: relative;
}
#dora-base .section-health .tabnav-list .tabnav-item{
  font-size: .9375vw;
  line-height: 1.333;
  font-weight: 500;
  position: relative;
  z-index: 2;
  color: rgba(255, 255, 255, 0.6);
  transition: color .3s ease;
  cursor: pointer;
  padding: 0;
}
#dora-base .section-health .tabnav-list .tabnav-item:hover{
  color: rgba(255, 255, 255, 0.8);
}
#dora-base .section-health .tabnav-list .tabnav-item.current{
  color: rgba(0,0,0);
  cursor: auto;
}
#dora-base .section-health .tabnav-list .tabnav-item + .tabnav-item{
  margin-left: 2.5vw;
}
#dora-base .section-health .tabnav-list .tabnav-indicator{
  position: absolute;
  top: -.625vw;
  left: calc(var(--indicator-offset) - 1.25vw);
  width: var(--indicator-width);
  background: #fff;
  height: 100%;
  z-index: 1;
  padding: .625vw 1.25vw;
  border-radius: 99px;
  transition: all .6s ease;
}
#dora-base .section-health .tabnav-list .tabnav-indicator::after,
#dora-base .section-health .tabnav-list .tabnav-indicator::before{
  content: none;
}
#dora-base .section-health .tabnav-content{
  flex-direction: column;
  margin-top: 2.5vw;
}
#dora-base .section-health .stack-list{
  width: 35.9375vw;
  margin: 1.666667vw auto 0;
  text-align: center;
}
#dora-base .section-health .stack-list .stack-item{
  font-size: 1.145833vw;
}
#dora-base .section-securely .securely-content{
  width: 67.5vw;
  margin: 0 auto;
}
#dora-base .section-securely .securely-content .copy{
  margin-bottom: 3.333333vw;
}
#dora-base .section-securely .pic-content{
  display: flex;
}
#dora-base .section-securely .pic-content .pic{
  width: 33.125vw;
}
#dora-base .section-securely .pic-content .pic + .pic{
  margin-left: 1.25vw;
}
#dora-base .section-securely .pic-content .pic p{
  margin: 2.083333vw .833333vw 0;
}
#dora-base .section-battery{
  padding-top: 12.760417vw;
}
#dora-base .section-battery .battery-content{
  width: 67.5vw;
  background-image: linear-gradient(to bottom, #F4F6FF 0%, #E3E9FF 100%);
  margin: 0 auto;
  padding: 6.041667vw 0;
  position: relative;
  border-radius: .833333vw;
}
#dora-base .section-battery .battery-content .copy{
  margin-left: 4.479167vw;
  width: 26.875vw;
}
#dora-base .section-battery .battery-content .copy .h2{
  font-size: 2.5vw;
}
#dora-base .section-battery .battery-content .copy .h2 .title-bg{
  top: .885417vw;
}
#dora-base .section-battery .battery-content .pic-content{
  width: 26.354167vw;
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% - 1.25vw));
  right: 5.260417vw;
}
#dora-base .section-footnote{
  width: 67.5vw;
  margin: 0 auto;
  padding-bottom: 80px;
  --font-size: 12px;
  font-size: var(--font-size);
  --icon-size: 16px;
}
#dora-base .section-footnote .footnote-list {
  padding-inline-start: 2em;
}
#dora-base .section-footnote li {
  font-size: inherit;
  list-style-type: decimal;
  color: #85858A;
  line-height: 1.6em;
  font-weight: 500;
  position: relative;
}
#dora-base .section-footnote i {
  position: absolute;
  bottom: 0;
  display: none;
  width: var(--icon-size);
  height: var(--icon-size);
  cursor: pointer;
  transform: translateY(calc((var(--font-size) * 1.6 - var(--icon-size)) / 2 * -1));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23e7e7e8'/%3E%3Cpath d='M3.239,8.986,3.233,8.98a.688.688,0,0,1-.014-.972L5.942,5.28H.689A.685.685,0,0,1,.2,5.089l-.009-.01A.689.689,0,0,1,0,4.6V4.589a.7.7,0,0,1,.188-.48L.194,4.1a.681.681,0,0,1,.494-.213H5.911L3.225,1.178a.694.694,0,0,1,0-.979l0,0A.669.669,0,0,1,3.7,0a.772.772,0,0,1,.473.171l.021.017L7.838,3.845a1.151,1.151,0,0,1,.222.331l.008.019V4.2a1.036,1.036,0,0,1,.076.39v0a1.082,1.082,0,0,1-.312.76L4.212,8.976a.683.683,0,0,1-.487.2.715.715,0,0,1-.486-.194' transform='translate(3.411 12.076) rotate(-90)' fill='%23000'/%3E%3C/svg%3E") center/100% no-repeat;
}
#dora-base .section-footnote li.current {
  color: #2a2a2a;
}
#dora-base .section-footnote li.current i {
  display: inline-block;
}
#dora-base .section-footnote li a{
  color: inherit;
  text-decoration: underline;
  word-break: break-all;
}
@media (min-width: 1920px) {
  #gellmann-case .section-footnote {
    --font-size: .625vw;
    --icon-size: .833333vw;
  }
}
#dora-base .section-footnote .price {
  list-style-type: "*";
}
#dora-base .section-footnote .price1 {
  list-style-type: "**";
}
#dora-base .section-pic-center {
  position: relative;
  z-index: 1;
  text-align: center;
}

#dora-base .section-kv-pic {
  color: #000;
  font-size: 1.46vw;
  font-weight: 400;
  line-height: 1.25;
  margin-top: 3.958333vw;
}

#dora-base .section-kv-pic span {
  font-size: 0.677083vw;
  font-weight: 500;
}
#dora-base .section-kv-pic .price_btn{
  display: inline-block;
  font-size: inherit;
}
#dora-base .section-slogan-botton {
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  padding: 6px 20px;
  border: 2px solid #000;
  background-color: #000;
  transition: 0.3s ease-out;
  margin-top: 24px;
  cursor: pointer;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

#dora-base .section-slogan-botton:hover {
  opacity: 0.8;
}

@media (max-aspect-ratio: 11/10) {
    #dora-base .show-pc{
        display: none;
    }
    #dora-base .show-mob{
        display: block;
    }
    #dora-base .h2{
        font-size: 8.888889vw;
        margin-bottom: 4.444444vw;
    }
    #dora-base .h2 span .title-bg{
      position: absolute;
      top: 5.277778vw;
      left: -.555556vw;
      z-index: 1;
      width: 100%;
    }
    #dora-base .h2.title{
        font-size: 11.111111vw;
        font-weight: 700;
    }
    #dora-base .h3{
        font-size: 5.555556vw;
        margin-bottom: 0;
    }
    #dora-base p{
        font-size: 4.444444vw;
    }
    #dora-base .note{
        font-size: 3.333333vw;
    }
    #dora-base .space-200{
        height: 27.777778vw;
    }
    #dora-base .special-icon{
      margin-top: 8.333333vw;
    }
    #dora-base .special-icon span{
      font-size: 6.666667vw;
      margin: 0 0 2.222222vw;
    }
    #dora-base .special-icon p{
      font-size: 3.333333vw;
    }
    #dora-base .tabnav-container{
        position: relative;
        display: flex;
        justify-content: center;
        line-height: 0;
        white-space: nowrap;
    }
    #dora-base .tabnav-container.is-scroll {
      overflow-x: auto;
      overflow-y: hidden;
      justify-content: flex-start;
      -webkit-overflow-scrolling: touch;
    }
    #dora-base .tabnav-container.is-scroll::-webkit-scrollbar {
      display: none;
    }
    #dora-base .tabnav-container.is-scroll .tabnav-content::before, 
    #dora-base .tabnav-container.is-scroll .tabnav-content::after{
      position: absolute;
      z-index: 1;
      top: -1.388889vw;
      width: 11.111111vw;
      height: 13.888889vw;
      content: "";
      pointer-events: none;
    }
    #dora-base .tabnav-container.is-scroll .tabnav-content::before{
      left: 0;
      background-image: linear-gradient(90deg, #fff 40%, transparent);
    }
    
    #dora-base .tabnav-container.is-scroll .tabnav-content::after{
      right: 0;
      background-image: linear-gradient(90deg, transparent, #fff 60%);
    }
    #dora-base .tabnav-swiper .stack-item{
      font-size: 4.444444vw;
      transition: opacity 0.3s ease;
    }
    
    #dora-base .copy-title{
      width: 91.111111vw;
    }
    #dora-base .section-kv .kv-content .copy{
      position: initial;
      background: #fff;
      padding: 19.166667vw 0 15.555556vw;
      width: 74.166667vw;
      transform: none;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
    }
    #dora-base .section-kv .kv-content .copy p{
      font-size: 2.5vw;
      margin-top: 4.444444vw;
    }
    #dora-base .dora-design::after{
      height: calc(100% - 14.444444vw);
    }
    #dora-base .dora-design::before{
      width: 127.777778vw;
      height: 72.222222vw;
      bottom: 0;
    }
    #dora-base .section-highlights .swiper{
      width: 82.222222vw;
      overflow: visible;
    }
    #dora-base .section-highlights .swiper .swiper-slide{
      width: 82.222222vw;
      border-radius: 2.222222vw;
      height: auto;
    }
    #dora-base .section-highlights .swiper .swiper-slide .slide-3-bg{
      background: none;
    }
    #dora-base .section-highlights .swiper .swiper-slide .slide-3-bg picture{
      background-image: linear-gradient(to right, #FFE8EE 0%, #E0F1FF 100%);
    }
    #dora-base .section-highlights .swiper .caption{
      position: initial;
      text-align: center;
      margin-top: 6.111111vw;
      color: #000000;
    }
    #dora-base .section-highlights .swiper .caption p{
      font-size: 6.666667vw;
      margin-top: 2.222222vw;
    }
    #dora-base .section-highlights .controls-container {
      padding: 11.111111vw 0 0;
    }
    #dora-base .section-highlights .controls-wrapper{
        height: 13.333333vw;
        padding-right: 4.444444vw;
        padding-left: 4.444444vw;
    }
    #dora-base .section-highlights .arrownav-item{
        width: 8.333333vw;
    }
    #dora-base .section-highlights .dotnav-list{
        margin-left: 3.055556vw;
        margin-right: 3.055556vw;
    }
    #dora-base .section-highlights .dotnav-item{
        width: 2.222222vw;
        height: 2.222222vw;
        margin-right: 1.666667vw;
        margin-left: 1.666667vw;
    }
    #dora-base .section-highlights .arrownav-item:hover{
        opacity: 1;
    }
    #dora-base .section-highlights .controls-wrapper::before{
      top: .555556vw;
      width: calc(100% - 1.388889vw);
      height: calc(100% - 1.111111vw);
    }
    #dora-base .section-design .copy .copy-title,
    #dora-base .section-design .copy p{
      transform: translateY(0);
    }
    #dora-base .section-design .copy p{
      width: 80vw;
      margin: 13.888889vw 0 0 11.111111vw;
      text-align: left;
    }
    #dora-base .section-design .design-content .pic-content{
      display: none;
    }
    #dora-base .section-design .design-content .pic-content-mob{
      width: 120.277778vw;
      margin: 5.555556vw 0 0 3.333333vw;
      display: block;
    }
    #dora-base .section-design .design-content .shadow{
      width: 114.861111vw;
      height: 58.333333vw;
      top: 53.472222vw;
      left: -3.194444vw;
      background-image: linear-gradient(to bottom, rgba(250, 252, 255) 0%, rgba(248, 252, 255) 15%, rgba(249, 251, 255) 100%);
    }
    #dora-base .section-design .design-content .copy{
      margin-top: -13.333333vw;
    }
    #dora-base .section-design .design-content .copy .copy-title,
    #dora-base .section-design .design-content .copy p{
      opacity: 1;
      transform: none;
    }
    #dora-base .section-design .design-content .copy p{
      width: 77.777778vw;
    }
    #dora-base .section-design .design-content .icon{
      width: 100%;
      margin: 5.555556vw auto 0;
      transform: none;
    }
    #dora-base .section-color{
      padding-bottom: 27.777778vw;
      padding-top: 27.777778vw;
    }
    #dora-base .section-color .color-content .copy{
      width: 80vw;
      text-align: left;
      margin: 0 auto 8.888889vw;
    }
    #dora-base .section-color .color-content .copy p{
      width: 77.777778vw;
      margin: 13.888889vw auto 0;
    }
    #dora-base .section-color .color-content .swiper{
      width: 82.222222vw;
      height: 97.222222vw;
    }
    #dora-base .section-color .color-content .swiper .swiper-slide{
      width: 100%;
    }
    #dora-base .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg{
      transform: none;
      width: 82.222222vw;
    }
    #dora-base .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg-2{
      height: 41.388889vw;
    }
    #dora-base .section-color .color-content .swiper .swiper-slide .swiper-color .pic-bg-3{
      height: 51.388889vw;
    }
    #dora-base .section-color .color-content .swiper .flex-pic{
      width: 82.222222vw;
    }
    #dora-base .section-color .color-content .swiper .swiper-slide .swiper-color .swiper-slide + .swiper-slide{
      margin-left: 0;
    }
    #dora-base .section-color .color-content .controls-container{
      width: 82.222222vw;
      margin-top: 6.666667vw;
      align-items: flex-end;
    }
    #dora-base .section-color .color-content .controls-container .tabnav-content{
      align-items: flex-start;
      transform: translate3d(0, -1.388889vw, 1px);
      flex-direction: column;
      margin-left: 2.222222vw;
    }
    #dora-base .section-color .tabnav-item{
      width: 8.333333vw;
      height: 8.333333vw;
    }
    #dora-base .section-color .tabnav-container{
      margin-top: 6.666667vw;
      margin-right: 0;
      margin-left: 0;
    }
    #dora-base .section-color .tabnav-item:hover .color-border{
      opacity: 0;
    }
    #dora-base .section-color .tabnav-item.current .color-border{
      opacity: 1;
    }
    #dora-base .section-color .color-content .controls-wrapper{
      transform: translateZ(1px);
      margin-right: 0;
    }
    #dora-base .section-color .color-content .controls-wrapper .arrownav-item:hover{
      opacity: 1;
    }
    #dora-base .section-color .color-content .controls-wrapper .arrownav-item{
      width: 11.111111vw;
      height: 11.111111vw;
    }
    #dora-base .section-color .color-content .controls-wrapper .arrownav-item + .arrownav-item{
      margin-left: 5.555556vw;
    }
    #dora-base .tabnav-swiper .arrownav-item::before{
      width: calc(100% - .555556vw);
      height: calc(100% - .555556vw);
    }
    #dora-base .tabnav-swiper .arrownav-item .item-before{
      width: calc(100% - 3px);
      height: calc(100% - 3px);
    }
    #dora-base .tabnav-swiper .tabnav-item + .tabnav-item{
      margin-left: 5.555556vw;
    }
    #dora-base .dora-positioning{
      background: none;
      position: relative;
    }
    #dora-base .dora-positioning::after{
      content: '';
      position: absolute;
      background-image: linear-gradient(to bottom, #F5F7FF 0%, #FFFFFF 35%, #EFF3FF 60%, #F4F6FF 86%, #FFFFFF 100%);
      width: 100%;
      left: 0;
      top: -44.444444vw;
      height: calc(100% - 79.166667vw);
    }
    #dora-base .section-positioning .positioning-content .copy .copy-title{
      padding-bottom: 13.888889vw;
    }
    #dora-base .section-positioning .positioning-content .copy p{
      width: 77.777778vw;
      margin: 0 auto;
      text-align: left;
    }
    #dora-base .section-positioning .positioning-content .pic-content{
      width: 82.222222vw;
      margin: 8.888889vw auto 0;
    }
    #dora-base .section-positioning .positioning-icon{
      flex-wrap: wrap;
      margin-top: 8.888889vw;
    }
    #dora-base .section-positioning .positioning-content .positioning-icon>div{
      width: 75vw;
      transform: translateY(0);
      padding: 4.444444vw 3.611111vw;
      border-radius: 2.222222vw;
    }
    #dora-base .section-positioning .positioning-icon .icon{
      width: 9.722222vw;
      margin-right: 3.333333vw;
    }
    #dora-base .section-positioning .positioning-icon p{
      font-size: 4.444444vw;
      margin-top: 1.388889vw;
    }
    #dora-base .section-positioning .positioning-content .positioning-icon>div p.desc{
      font-size: 3.333333vw;
      margin-top: 1.944444vw;
      margin-left: .833333vw;
    }
    
    #dora-base .section-positioning .positioning-icon>div + div{
      margin-left: 0;
      margin-top: 4.444444vw;
    }
    #dora-base .section-real-time{
      padding-bottom: 0;
    }
    #dora-base .section-real-time .real-time-content{
      flex-direction: column-reverse;
      background-color: transparent;
      padding: 0;
      width: 100%;
      position: relative;
    }
    #dora-base .section-real-time .real-time-content .copy-content{
      width: 100%;
      margin: 0;
      display: flex;
      flex-direction: column;
    }
    #dora-base .section-real-time .real-time-content .copy-content .h2{
      font-size: 6.666667vw;
      width: 77.777778vw;
      margin: 0 auto;
      margin-bottom: 106.111111vw;
      order: 1;
    }
    #dora-base .section-real-time .real-time-content .copy-content .h2 .title-bg{
      width: 48.75vw;
      top: 3.611111vw;
    }
    #dora-base .section-real-time .real-time-content .swiper{
      width: 82.222222vw;
      margin: 8.888889vw 0 0;
      border-radius: 2.222222vw;
      background-color: #DDF1FF;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: var(--title-height);
    }
    #dora-base .section-real-time .real-time-content .copy-content .copys{
      width: 80vw;
      display: flex;
      order: 3;
      margin: 0 auto;
      padding: 0;
      text-align: center;
    }
    #dora-base .section-real-time .real-time-content .copy-content .line-mask-mob{
      order: 2;
      margin: 10.555556vw 0 4.444444vw 0;
      position: relative;
      display: flex;
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      transform: translate3d(0, 0, 0);
    }
    #dora-base .section-real-time .real-time-content .copy-content .copys .line-mask{
      display: none;
    }
    #dora-base .section-real-time .real-time-content .copy-content .line-mask-mob {
      position: relative;
    }
    #dora-base .section-real-time .real-time-content .copy-content .line-mask-mob .line-pagination-box-mob{
      padding:0 11.111111vw;
    }
    #dora-base .section-real-time .real-time-content .copy-content .line-mask-mob .line-paginations-mob{
      display: flex;
      align-items: center;
      width: fit-content;
      position: relative;
    }
    #dora-base .section-real-time .real-time-content .copy-content .line-mask-mob::-webkit-scrollbar {
      display: none;
    }
    #dora-base .section-real-time .real-time-content .copy-content .line-mask-mob .pagination-item{
      font-size: 4.444444vw;
      text-align: center;
      width: 30.833333vw;
      padding-bottom: 4.444444vw;
      color: rgba(0,0,0,.6);
      transition: color .4s ease;
      line-height: 1.25;
      font-weight: 500;
    }
    #dora-base .section-real-time .real-time-content .copy-content .line-mask-mob .pagination-item.current{
      color: rgba(0,0,0);
    }
    #dora-base .section-real-time .real-time-content .copy-content .line-mask-mob .pagination-item + .pagination-item{
      margin-left: 8.888889vw;
    }
    
    #dora-base .section-real-time .real-time-content .copy-content .copys .text-item{
        width: 100%;
        opacity: 0;
        transition: opacity 0.3s;
        position: relative;
    }
    #dora-base .section-real-time .real-time-content .copy-content .copys .text-item.current{
      opacity: 1;
      z-index: 2;
    }
    #dora-base .section-real-time .real-time-content .copy-content .copys .text-item + .text-item{
      margin-left: -100%;
    }
    #dora-base .section-real-time .real-time-content .copy-content .copys .text-item .desc p{
      font-size: 4.444444vw;
    }
    #dora-base .section-real-time .real-time-content .copy-content .copys .text-item.current .desc{
      margin-top: 0;
    }
    #dora-base .section-real-time .real-time-content .copy-content .copys .text-item + .text-item{
      margin-top: 0;
    }
    #dora-base .section-real-time .line-indicator-box{
      position: relative;
      left: 0;
      width: 100%;
      height: 1.111111vw;
      border-radius: 1.388889vw;
    }
    #dora-base .section-real-time .line-indicator-mob{
      width: var(--s18line-lineWidth, 30vw);
      transform: translateX(var(--s18line-lineOffset, 0));
      height: 1.111111vw;
      background-image: linear-gradient(to bottom, #A396FC 0%, #D6D0FF 100%);
      transition: width 0.4s, transform 0.4s;
      will-change: transform, height;
      border-radius: 1.388889vw;
    }
    #dora-base .section-wide-angle{
      margin-top: 0;
    }
    #dora-base .section-wide-angle .wide-angle-content .copy p{
      transform: none;
      width: 77.777778vw;
      margin: 13.888889vw auto 0;
      text-align: left;
    }
    #dora-base .section-wide-angle .wide-angle-content .pic-content{
      transform: scale(1);
      width: 91.111111vw;
      margin-top: 8.888889vw;
    }
    #dora-base .section-wide-angle .wide-angle-content .pic-content .pic{
      width: 82.222222vw;
    }
    #dora-base .section-wide-angle .wide-angle-content .pic-icon{
      width: 68.611111vw;
      margin: -19.722222vw auto 0;
    }
    #dora-base .section-photograph{
      padding-bottom: 27.777778vw;
    }
    #dora-base .section-photograph .photograph-content{
      width: 82.222222vw;
    }
    #dora-base .section-photograph .photograph-content .copy{
      text-align: left;
      margin-bottom: 13.888889vw;
    }
    #dora-base .section-photograph .swiper-slide{
      width: 100%;
    }
    #dora-base .section-photograph .swiper .swiper-slide{
      width: 100%;
      height: auto;
      display: block;
      perspective: none;
    }
    #dora-base .section-photograph .swiper .slide-bg picture{
      width: 100%;
      display: block;
    }
    #dora-base .section-photograph .swiper .swiper-slide .pic{
      transform: none;
    }
    #dora-base .section-photograph .swiper-slide:not(.swiper-slide-active) .slide-bg .shadow{
      background-color: rgba(0,0,0,0);
    }
    #dora-base .section-photograph .controls-container{
      flex-direction: column;
      width: 77.777778vw;
      margin: 6.666667vw auto 0;
    }
    #dora-base .section-photograph .tabnav-content{
      margin-top: 0;
    }
    #dora-base .section-photograph .controls-container .controls-wrapper{
      margin-top: 6.666667vw;
    }
    #dora-base .section-photograph .arrownav-item{
      width: 11.111111vw;
      height: 11.111111vw;
    }
    #dora-base .section-photograph .arrownav-item:hover{
      opacity: 1;
    }
    #dora-base .section-photograph .controls-container .controls-wrapper .photograph-pagination{
      font-size: 4.444444vw;
      margin: 0 5.555556vw;
      width: max-content;
    }
    #dora-base .section-photograph .controls-container .controls-wrapper .photograph-pagination span{
      width: 2.361111vw;
    }
    #dora-base .section-memory .memory-content{
      flex-direction: column;
      margin: 0;
      align-items: flex-start;
    }
    #dora-base .section-memory .memory-content .copy{
      width: 76.666667vw;
      margin: 0 auto;
      order: 1;
    }
    #dora-base .section-memory .memory-content .pic-content{
      width: 100%;
      margin: 2.777778vw auto 0;
      order: 3;
    }
    #dora-base .section-memory .memory-content .information{
      order: 2;
      display: flex;
      margin-left: 11.111111vw;
      margin-top: 11.111111vw;
    }
    #dora-base .section-memory .memory-content .information>div + div{
      margin-top: 0;
      margin-left: 12.5vw;
    }
    #dora-base .section-memory .memory-content .information .number{
      font-size: 14.305556vw;
    }
    #dora-base .section-memory .memory-content .information .number span{
      font-size: 6.111111vw;
    }
    #dora-base .section-memory .memory-content .information p{
      font-size: 3.333333vw;
      margin-top: 2.777778vw;
    }
    #dora-base .section-ability{
      padding-top: 27.777778vw;
    }
    #dora-base .section-ability .ability-content{
      display: flex;
      flex-direction: column;
    }
    #dora-base .section-ability .ability-content .copy{
      order: 1;
    }
    #dora-base .section-ability .desc{
      width: 77.777778vw;
      order: 2;
      margin: 13.888889vw auto 0;
      text-align: left;
    }
    #dora-base .section-ability .pic-content{
      order: 3;
      width: 82.222222vw;
      margin: 8.888889vw auto 0;
    }
    #dora .section-ability .pic-content picture{
      transform: scale(1);
    }
    #dora-base .section-meetime{
      padding-top: 0;
    }
    #dora-base .section-meetime .meetime-content{
      flex-direction: column;
      width: 100%;
    }
    #dora-base .section-meetime .meetime-content .copy{
      width: 77.777778vw;
    }
    #dora-base .section-meetime .meetime-content .copy p{
      font-size: 4.444444vw;
    }
    #dora-base .section-meetime .meetime-content .pic-content{
      width: 91.111111vw;
      margin: 14.722222vw auto 0;
    }
    #dora-base .section-meetime .meetime-content .pic-content .bg1{
      width: 83.611111vw;
      height: 84.166667vw;
      top: -9.444444vw;
      right: -18.194444vw;
      background-image: radial-gradient(ellipse at center, rgba(163, 251, 187) 0%, rgba(74, 191, 228, .47) 100%);
    }
    #dora-base .section-meetime .meetime-content .pic-content .bg2{
      width: 67.222222vw;
      height: 84.166667vw;
      left: 4.444444vw;
      top: -5.277778vw;
    }
    #dora-base .section-meetime .meetime-content .pic-content .icon-1{
      width: 25.277778vw;
      top: -2.083333vw;
      left: 23.333333vw;
    }
    #dora-base .section-meetime .meetime-content .pic-content .icon-2{
      width: 19.722222vw;
      right: 4.444444vw;
      bottom: 9.722222vw;
    }
    #dora-base .section-configure .pic-content{
      display: flex;
      flex-direction: column-reverse;
      width: 100%;
      margin: 0;
    }
    #dora-base .section-configure .pic-content .pic picture{
      transform: scale(1);
    }
    #dora-base .section-configure .copy .copy-title{
      opacity: 1;
      transform: translateY(0);
    }
    #dora-base .section-configure .copy p{
      opacity: 1;
      transform: translateY(0);
      width: 77.777778vw;
      margin: 13.888889vw auto 11.111111vw;
      text-align: left;
    }
    #dora-base .section-configure .pic-content .pic-bg{
      opacity: 1;
    }
    #dora-base .section-configure .pic-content .bg-1{
      width: 34.444444vw;
      top: 4.444444vw;
      left: -18.888889vw;
      transform: rotate(-63deg);
      opacity: 1;
    }
    #dora-base .section-configure .pic-content .bg-2{
      width: 13.055556vw;
      top: 50.972222vw;
      right: -9.722222vw;
      opacity: 1;
      transform: none;
    }
    #dora-base .section-configure .pic-content .icon-1{
      width: 34.027778vw;
      top: 12.777778vw;
      left: 14.027778vw;
      transform: rotate(-15deg) translate3d(0, 0, 1px);
    }
    #dora-base .section-configure .pic-content .icon-2{
      width: 34.027778vw;
      top: 11.388889vw;
      right: 14.305556vw;
      transform: rotate(15deg) translate3d(0, 0, 1px);
    }
    #dora-base .section-supervision{
      padding-top: 27.777778vw;
    }
    #dora-base .supervision-content{
      width: 100%;
      flex-direction: column;
    }
    #dora-base .supervision-content .copy{
      width: 77.777778vw;
    }
    #dora-base .supervision-content .pic-content{
      width: 100%;
      margin-top: 8.888889vw;
    }
    #dora-base .section-health .health-content{
      width: 82.222222vw;
    }
    #dora-base .section-health .health-content .copy{
      width: 77.777778vw;
      margin: 0 auto 8.888889vw;
      text-align: left;
    }
    #dora-base .section-health .tabnav-content{
      margin-top: 13.888889vw;
    }
    #dora-base .section-health .tabnav-container{
      padding: 3.888889vw 5.555556vw;
      border-radius: 13.75vw;
    }
    #dora-base .section-health .tabnav-list .tabnav-item{
      font-size: 3.888889vw;
    }
    #dora-base .section-health .tabnav-list .tabnav-item + .tabnav-item{
      margin-left: 8.888889vw;
    }
    #dora-base .section-health .tabnav-list .tabnav-indicator{
      padding: 2.777778vw 4.444444vw;
      top: -2.777778vw;
      left: calc(var(--indicator-offset) - 4.444444vw);
    }
    #dora-base .section-health .stack-list{
      margin: 3.888889vw auto 0;
      width: 100%;
    }
    #dora-base .section-health .stack-list .stack-item{
      font-size: 4.444444vw;
    }
    #dora-base .section-health .tabnav-container::before{
      top: .555556vw;
      width: calc(100% - 1.388889vw);
      height: calc(100% - 1.111111vw);
    }
    #dora-base .section-securely .securely-content{
      width: 82.222222vw;
    }
    #dora-base .section-securely .securely-content .copy{
      width: 77.777778vw;
      margin: 0 auto 8.888889vw;
    }
    #dora-base .section-securely .pic-content{
      flex-direction: column;
    }
    #dora-base .section-securely .pic-content .pic{
      width: 100%;
    }
    #dora-base .section-securely .pic-content .pic + .pic{
      margin-left: 0;
      margin-top: 13.333333vw;
    }
    #dora-base .section-securely .pic-content .pic p{
      margin: 6.666667vw 2.222222vw 0;
    }
    #dora-base .section-battery{
      padding-top: 27.777778vw;
    }
    #dora-base .section-battery .battery-content{
      width: 100%;
      background: none;
      padding: 0;
    }
    #dora-base .section-battery .battery-content .copy{
      width: 83.333333vw;
      margin: 0 0 0 11.111111vw;
    }
    #dora-base .section-battery .battery-content .copy p{
      width: 77.777778vw;
    }
    #dora-base .section-battery .battery-content .copy .h2{
      font-size: 8.888889vw;
    }
    #dora-base .section-battery .battery-content .copy .h2 .title-bg{
      top: 5.277778vw;
    }
    #dora-base .section-battery .battery-content .pic-content{
      width: 82.222222vw;
      position: initial;
      margin: 8.888889vw auto 0;
      transform: none;
    }
    #dora-base .section-footnote{
        width: 91.111111vw;
        --font-size: 3.333333vw;
        --icon-size: 4.722222vw;
    }
    #dora-base .section-footnote li {
        line-height: 1.6;
    }
    #dora-base .section-kv-pic {
      font-size: 5.56vw;
      margin-top: 10.555556vw;
  }
  #dora-base .section-kv-pic span {
      font-size: 3.611111111vw;
  }
}