.mermaid-section {
	position: relative;
}

.mermaid-section img {
	width: 100%;
	font-size: 0;
}

.mermaid-section h2 {
	font-size: 2.5vw;
	line-height: 1.25;
	font-weight: bold;
	padding: 0.625vw 0 1.2vw;
}

.mermaid-section h5 {
	font-size: 1.67vw;
	line-height: 1.1;
	font-weight: bold;
}

.mermaid-section p {
	font-size: 1.146vw;
	line-height: 1.5;
}

.mermaid-kv {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	padding-top: 6.25vw;
}

.mermaid-kv h2 {
	font-size: 2.1vw;
	line-height: 1.5;
	font-weight: normal;
	margin-top: 1vw;
}

.mermaid-kv .mermaid-img-box,
.mermaid-kv .mermaid-content-box {
	width: 37vw;
	padding: 0 6.5vw;
}

.mermaid-kv .mermaid-content-box {
	text-align: center;
	padding-left: 0;
}

.mermaid-product-video {
	height: 300vh;
}

.mermaid-product-video-height {
	height: calc(100vh - 76px);
	position: -webkit-sticky;
	position: sticky;
	top: 76px;
}

.mermaid-product-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mermaid-video-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 33;
	background: rgba(0, 0, 0, 0.7);
	opacity: 1;
}

.mermaid-video-mask.animated {
	opacity: 0;
}

.mermaid-product-video .mermaid-content-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

.mermaid-content-scroll-1,
.mermaid-content-scroll-2 {
	transition-duration: 0.8s;
	color: white;
	position: absolute;
	width: 58.6vw;
	left: 50%;
	top: 50%;
	z-index: 333;
	opacity: 0;
	transform: translate(-50%, 50%);
}

.mermaid-content-scroll-2 sup a {
	color: white;
}

.mermaid-content-scroll-1.animated {
	transform: translate(-50%, -50%);
	opacity: 1;
}

.mermaid-content-scroll-1.animated2 {
	transform: translate(-50%, -100%);
	opacity: 0;
}

.mermaid-content-scroll-2.animated {
	transform: translate(-50%, -50%);
	opacity: 1;
}

.mermaid-content-scroll-2.animated2 {
	transform: translate(-50%, -100%);
	opacity: 0;
}

.mermaid-noise-reduction {
	padding: 6.9vw 0 0;
}

.mermaid-noise-reduction .mermaid-content-box {
	width: 64vw;
	margin: 0 auto;
	text-align: center;
}

.mermaid-noise-reduction .mermaid-content-box p {
	width: 60vw;
	margin: 0 auto;
}

.mermaid-noise-reduction .mermaid-img-box {
	width: 79vw;
	margin: 0 auto;
	font-size: 0;
}

.mermaid-noise-reduction-li {
	display: inline-block;
	width: 36.8vw;
	vertical-align: top;
	margin-top: 4vw;
}

.mermaid-noise-reduction-li:nth-child(2) {
	margin-left: 5.4vw;
	margin-top: 9vw;
}

.mermaid-noise-reduction-li:last-child {
	width: 100%;
}

.mermaid-noise-reduction-li h3 {
	font-size: 1.146vw;
	line-height: 1.9;
	font-weight: bold;
}

.mermaid-noise-reduction-li p {
	font-size: 0.83vw;
	line-height: 1.5;
}

.mermaid-noise-reduction-content {
	display: -webkit-flex;
	display: flex;
	margin-top: 2.08vw;
}

.mermaid-noise-reduction-icon-1,
.mermaid-noise-reduction-icon-2,
.mermaid-noise-reduction-icon-3 {
	width: 5.16vw;
	padding-right: 1.46vw;
	padding-top: 0.45vw;
	flex-shrink: 0;
}

.mermaid-vocal {
	padding: 10.416vw 0 6.25vw;
}

.mermaid-vocal .mermaid-content-box {
	text-align: center;
	width: 58.7vw;
	margin: 0 auto;
}

.mermaid-vocal .mermaid-img-box {
	text-align: center;
	width: 63vw;
	margin: 0 auto;
}

.mermaid-vocal-li {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	padding: 4.7vw 0 0;
}

.mermaid-vocal-button {
	width: 10.2vw;
	padding: 0.625vw 0;
	font-size: 0.83vw;
	line-height: 1.5;
	border: solid 1.5px #211D1E;
	text-align: center;
	border-radius: 2vw;
}

.mermaid-section img.mermaid-vocal-img {
	width: 40.3vw;
	vertical-align: middle;
}

.mermaid-vocal-play {
	width: 4.53vw;
	height: 4.53vw;
	margin: 0 1.15vw 0 2.76vw;
	background-image: url(../img/pc/mermaid-paused.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.mermaid-vocal-play.play {
	background-image: url(../img/pc/mermaid-play.svg);
	background-size: 100% 100%;
}


/* .mermaid-vocal audio{
    width: 4.53vw;
    height: 4.53vw;
} */

.mermaid-structure {
	position: relative;
	height: calc(600vh + 5.73vw);
	background-color: #F5F5F7;
}

.huawei-v3 .mermaid-structure {
	height: calc(400vh + 5.73vw);
}

.mermaid-structure-content {
	height: calc(100vh + 5.73vw);
	position: -webkit-sticky;
	position: sticky;
	top: calc(68px - 5.73vw);
}

.mermaid-structure .mermaid-content-box {
	text-align: center;
	width: 57vw;
	margin: 0 auto;
	position: relative;
	padding-top: 5.73vw;
	z-index: 33;
}

.mermaid-content-structure {
	transition-duration: 0.7s;
}

.mermaid-content-structure-1 {
	opacity: 0;
}

.mermaid-content-structure-2,
.mermaid-content-structure-3,
.mermaid-content-structure-4 {
	position: absolute;
	width: 100%;
	top: 5.73vw;
	left: 0;
	opacity: 0;
}

.mermaid-content-structure.animated {
	transition-delay: 0.7s;
	opacity: 1;
}

.mermaid-structure .mermaid-img-box {
	width: 72.7vw;
	margin: 0 auto;
	position: relative;
	height: 38vw;
}

.mermaid-structure-ie-img {
	display: none;
}

.mermaid-structure-imgbox {
	position: absolute;
	transition-timing-function: ease-in-out;
	transition-duration: 0.7s;
}

.mermaid-structure-imgbox-1 {
	width: 17.9vw;
	left: 0;
	top: 6.66vw;
	z-index: 8;
	transform: translateX(51.6vw);
}

.mermaid-structure-imgbox-2 {
	width: 2.08vw;
	left: 20.68vw;
	top: 11.6vw;
	z-index: 7;
	transform: translateX(46vw);
}

.mermaid-structure-imgbox-3 {
	width: 6.61vw;
	left: 25.26vw;
	top: 9.36vw;
	z-index: 6;
	transform: translateX(37vw);
}

.mermaid-structure-imgbox-4 {
	width: 13.59vw;
	left: 33.92vw;
	top: 6.89vw;
	z-index: 5;
	transform: translateX(21.9vw);
}

.mermaid-structure-imgbox-5 {
	width: 3.91vw;
	left: 51.09vw;
	top: 9.42vw;
	z-index: 4;
	transform: translateX(14vw);
}

.mermaid-structure-imgbox-6 {
	width: 4.53vw;
	left: 56.93vw;
	top: 8.17vw;
	z-index: 3;
	transform: translateX(7vw);
}

.mermaid-structure-imgbox-7 {
	width: 7.08vw;
	left: 63.96vw;
	top: 8.48vw;
	z-index: 2;
}

.mermaid-structure-top {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 22;
	opacity: 0;
	transition-delay: 0.7s;
	transition-duration: 0.5s;
}

.mermaid-structure-top.animated {
	opacity: 1;
}

.mermaid-structure-imgbox.animated {
	transform: translateX(0vw);
}

.mermaid-structure-img {
	opacity: 1;
	transition-duration: 0.7s;
}

.mermaid-structure-img.animated {
	opacity: 0.3;
}

.mermaid-structure-line {
	position: absolute;
	transition-duration: 0.7s;
	opacity: 0;
	z-index: 333;
}

.mermaid-structure-line.animated {
	transition-delay: 0.7s;
	opacity: 1;
}

.mermaid-section img.mermaid-structure-line-1 {
	width: 1px;
	height: 4.99vw;
	left: 27.71vw;
	top: 3.77vw;
}

.mermaid-section img.mermaid-structure-line-2 {
	width: auto;
	height: 11.04vw;
	left: 58.96vw;
	top: 22.85vw;
}

.mermaid-section img.mermaid-structure-line-3 {
	width: 1px;
	height: 5.67vw;
	top: 3.39vw;
	left: 57.81vw;
}

.mermaid-section img.mermaid-structure-line-4 {
	width: auto;
	height: 15.83vw;
	left: 21.35vw;
	top: 15.76vw;
}

.mermaid-section img.mermaid-structure-line-5 {
	width: auto;
	height: 19.22vw;
	left: 70.73vw;
	top: 5.15vw;
	z-index: 33;
}

.mermaid-section img.mermaid-structure-line-6 {
	width: 1px;
	height: 6.75vw;
	left: 66.41vw;
	top: 3.54vw;
	z-index: 222;
}

.mermaid-section img.mermaid-structure-line-7 {
	width: auto;
	height: 10.74vw;
	left: 58.85vw;
	top: 22.54vw;
}

.mermaid-structure-textbox {
	position: relative;
}

.mermaid-structure-textbox h3 {
	font-size: 1.146vw;
	line-height: 1.9;
	font-weight: bold;
	padding-right: 1vw;
}

.mermaid-structure-textbox p {
	font-size: 0.83vw;
	line-height: 1.5;
}

.mermaid-structure-text {
	position: absolute;
	display: -webkit-flex;
	display: flex;
	opacity: 0;
	transition-duration: 0.7s;
}

.mermaid-structure-text.animated {
	transition-delay: 0.7s;
	opacity: 1;
}

.mermaid-structure-text-1 {
	top: 3.125vw;
	left: 29.9vw;
}

.mermaid-structure-text-2 {
	left: 5.9vw;
	top: 30.55vw;
}

.mermaid-structure-text-2 h3 {
	width: 11vw;
}

.mermaid-structure-text-2 p {
	width: 41vw;
}

.mermaid-structure-text-3 {
	left: 17.27vw;
	top: 3.125vw;
}

.mermaid-structure-text-4 {
	left: 23.49vw;
	top: 22.39vw;
	display: block;
	width: 17.2vw;
}

.mermaid-structure-text-4 p {
	margin-top: 0.52vw;
}

.mermaid-structure-text-5 {
	left: 36.15vw;
	top: 2.5vw;
}

.mermaid-structure-text-6 {
	left: 29.6vw;
	top: 2.5vw;
}

.mermaid-structure-text-7 {
	left: 22.4vw;
	top: 31.14vw;
}

.mermaid-features {
	padding: 6.9vw 0 0;
}

.mermaid-features .mermaid-content-box {
	width: 56.7vw;
	margin: 0 auto;
	text-align: center;
}

.mermaid-features .mermaid-img-box {
	width: 79vw;
	margin: 0 auto;
	font-size: 0;
}

.mermaid-features-li {
	display: inline-block;
	width: 36.8vw;
	vertical-align: top;
	margin-top: 4vw;
}

.mermaid-features-li:nth-child(1) {
	margin-top: 0;
}

.mermaid-features-li:nth-child(2) {
	padding-right: 5.4vw;
	margin-top: 9vw;
}

.mermaid-features-li:first-child {
	width: 100%;
}

.mermaid-features-li p {
	font-size: 0.83vw;
	line-height: 1.5;
	font-weight: 600;
}

.mermaid-features-content {
	display: -webkit-flex;
	display: flex;
	margin-top: 2.08vw;
}

.mermaid-colorscheme {
	padding-top: 10.416vw;
}

.mermaid-colorscheme .mermaid-content-box {
	width: 56.7vw;
	margin: 0 auto;
	text-align: center;
}

.mermaid-colorscheme .mermaid-img-box {
	width: 75.5vw;
	margin: 3.125vw auto 0;
}

.mermaid-colorscheme .swiper-slide {
	text-align: center;
}

.mermaid-colorscheme .swiper-slide .mermaid-colorscheme-img {
	cursor: pointer;
}

.mermaid-colorscheme .swiper-slide .mermaid-colorscheme-img {
	transform: scale(0.66);
	transition-duration: 0.5s;
}

.mermaid-colorscheme .swiper-slide .mermaid-colorscheme-img.animated {
	transform: scale(1);
}

.mermaid-colorscheme .swiper-slide-active .mermaid-colorscheme-img,
.mermaid-colorscheme .swiper-slide-duplicate-active .mermaid-colorscheme-img {
	transform: scale(1);
}

.mermaid-colorscheme-img.active {
	transform: scale(1);
}

.mermaid-colorscheme-button {
	width: auto;
	display: inline-block;
	margin: 2.083vw auto 0;
	padding: 0.625vw 1.05vw;
	font-size: 0.83vw;
	line-height: 1.5;
	font-weight: bold;
	border: solid 1.5px #211D1E;
	text-align: center;
	border-radius: 2vw;
	transform: translateY(-3.65vw);
	transition-duration: 0.5s;
}

.mermaid-colorscheme .swiper-slide-active .mermaid-colorscheme-button,
.mermaid-colorscheme .swiper-slide-duplicate-active .mermaid-colorscheme-button {
	transform: translateY(-2px);
}

.mermaid-design {
	padding-top: 9.9vw;
}

.mermaid-design .mermaid-content-box {
	width: 56.7vw;
	margin: 0 auto;
	text-align: center;
}

.mermaid-design-list-box {
	width: 98%;
	padding-top: 2vw;
}

.mermaid-design-list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	text-align: left;
}

.mermaid-design-li {
	width: 25%;
	margin-left: 12.5%;
}

.mermaid-design-li:first-child {
	margin-left: 0;
}

.mermaid-design-li h3 {
	font-size: 1.146vw;
	line-height: 1.9;
	font-weight: bold;
}

.mermaid-design-li p {
	font-size: 0.83vw;
	line-height: 1.5;
	margin-top: 0.521vw;
}

.mermaid-design .mermaid-img-box {
	width: 49vw;
	margin: 3.65vw auto 0;
	position: relative;
}

.mermaid-design-size {
	display: -webkit-flex;
	display: flex;
	position: absolute;
	top: 14.49vw;
	width: 37vw;
	left: 0;
}

.mermaid-design-size li {
	width: 33.33%;
	text-align: center;
}

.mermaid-design-size li span {
	display: block;
	width: 100%;
	font-size: 0.833vw;
	line-height: 1.5;
}

.mermaid-manipulation {
	padding-top: 9.64vw;
}

.mermaid-manipulation .mermaid-content-box {
	width: 56.7vw;
	margin: 0 auto;
	text-align: center;
}

.mermaid-manipulation-list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	padding: 2.083vw 0;
}

.mermaid-manipulation-li {
	text-align: left;
	width: auto;
}

.mermaid-manipulation-li h3 {
	font-size: 1.146vw;
	line-height: 1.9;
	font-weight: bold;
	margin-top: 0.67vw;
}

.mermaid-manipulation-li p {
	font-size: 0.83vw;
	line-height: 1.5;
	margin-top: 0;
}

.mermaid-section img.mermaid-manipulation-img {
	width: 5.67vw;
}

.mermaid-manipulation .mermaid-img-box {
	width: 49.95vw;
	margin: 0 auto;
}

.mermaid-manipulation .mermaid-img-box {
	width: 76.95vw;
	margin: 0 auto;
}

.mermaid-text h2 {
	padding: 3.625vw 0 1.2vw;
}

.mermaid-savetime .mermaid-content-box {
	width: 56.7vw;
	margin: 0 auto;
	text-align: center;
}

.mermaid-savetime-list-box {
	width: 47.2vw;
	margin: 4vw auto 0;
}

.mermaid-savetime-list {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	text-align: left;
}

.mermaid-savetime-list p {
	font-size: 0.83vw;
	line-height: 1.55;
	margin-top: 0.67vw;
}

.mermaid-savetime-list li {
	width: 45%;
}

.mermaid-savetime-li:last-child {
	margin-left: auto;
}

.mermaid-section img.mermaid-savetime-icon {
	width: 5.16vw;
}

.mermaid-savetime .mermaid-img-box {
	width: 63.75vw;
	margin: 3.91vw auto 0;
	padding-bottom: 22.5vw;
	position: relative;
}

.mermaid-section img.mermaid-savetime-case {
	position: absolute;
	width: 34.74vw;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) translateY(50%);
	transition-duration: 1s;
	z-index: 33;
}

.mermaid-section img.mermaid-savetime-case.animated {
	transform: translateX(-50%) translateY(0%);
}

.mermaid-auto-connect {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	padding: 3vw 0 0;
}

.mermaid-auto-connect .mermaid-content-box {
	width: 26.04vw;
	margin-left: 14.48vw;
}

.mermaid-auto-connect .mermaid-img-box {
	width: 34.9vw;
	padding-left: 10.83vw;
	padding-right: 13.75vw;
}

#mermaid-switching-trigger {
	position: relative;
	top: -8vw;
}

.mermaid-switching {
	padding: 9.53vw 0 5.416vw;
}

.mermaid-switching .mermaid-content-box {
	width: 59.6vw;
	margin: 0 auto;
	text-align: center;
}

.mermaid-switching .mermaid-img-box {
	width: 72.71vw;
	margin: 4.16vw auto 0;
}

.mermaid-scroll {
	position: relative;
	width: 70vw;
	margin: 0 auto;
	height: calc(150vh + 76px);
}

.mermaid-scroll-height {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	height: calc(100vh + 76px);
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.mermaid-section img.mermaid-scroll-img {
	width: calc(33vw - 76px);
	margin-top: 0.3vw;
}

.mermaid-scroll-img-2,
.mermaid-scroll-img-3 {
	position: absolute;
	width: 100%;
	left: 0;
	top: 49%;
	transform: translate(0, -50%);
	opacity: 0;
	transition-duration: 0.5s;
}

.mermaid-scroll-img-2.animated,
.mermaid-scroll-img-3.animated {
	opacity: 1;
}

.mermaid-scroll .mermaid-content-box {
	width: 29.6vw;
	position: absolute;
	top: 50%;
	left: 42.6vw;
	transform: translateY(-50%);
}

.mermaid-scroll .mermaid-content-box.animated {
	transform: translateY(-10vw);
}


.mermaid-scroll-text {
	margin-top: 9.64vw;
	transition-duration: 0.5s;
	opacity: 0.3;
}

.mermaid-scroll-text-1 {
	margin-top: 0;
}

.mermaid-scroll-text.animated {
	opacity: 1;
}

.mermaid-green-health {
	width: 85.42vw;
	margin: 3.5vw auto 0;
}

.mermaid-green-health .mermaid-content-box {
	width: 56.7vw;
	position: absolute;
	top: 5.73vw;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.mermaid-section .mermaid-green-health-button {
	width: 12.29vw;
	padding: 0.625vw 0;
	font-size: 0.83vw;
	font-weight: bold;
	line-height: 1.5;
	background-color: #e2e2e2;
	text-align: center;
	border-radius: 2vw;
	margin: 2.29vw auto 0;
}

.mermaid-wrapper .hidden-pc {
	display: none;
}

.mermaid-lineGroup-1 {
	width: 0;
	height: 5.39vw;
	left: 27.71vw;
	top: 3.43vw;
	border-left: 1px solid #646464;
}

.mermaid-lineGroup-2 {
	width: 0;
	height: 11.23vw;
	left: 58.96vw;
	top: 22.65vw;
	border-left: 1px solid #646464;
}

.mermaid-lineGroup-3 {
	width: 0;
	height: 4.67vw;
	top: 3.39vw;
	left: 57.81vw;
	border-left: 1px solid #646464;
}

.mermaid-lineGroup-4 {
	width: 39.16vw;
	height: 15.57vw;
	/* border-bottom: 1px solid #646464; */
	border-right: 1px solid #646464;
	position: absolute;
	left: 21.35vw;
	top: 15.76vw;
}

.mermaid-lineGroup-left {
	display: block;
	width: 0;
	height: 86.2%;
	border-left: 1px solid #646464;
	position: absolute;
	left: 0;
	bottom: 0;
}

.mermaid-lineGroup-right {
	display: block;
	width: 0;
	height: 17.74%;
	border-right: 1px solid #646464;
	position: absolute;
	right: 1.42vw;
	bottom: 0;
}

.mermaid-lineGroup-bottom {
	width: 200%;
	height: 2px;
	background-color: #646464;
	position: absolute;
	left: -50%;
	bottom: 0;
	transform: scale(0.5) translateY(1px);
}

.mermaid-lineGroup-5 {
	width: 1.49vw;
	height: 21.7vw;
	border-right: 1px solid #646464;
	position: absolute;
	left: 70.73vw;
	top: 2.68vw;
	overflow: hidden;
}

.mermaid-lineGroup-5-left {
	width: 1px;
	height: 9.56vw;
	position: absolute;
	background-color: #646464;
	left: 0;
	top: 0;
	/* transform: scaleX(0.5) translateX(0); */
}

.mermaid-lineGroup-5-top {
	width: 200%;
	height: 2px;
	background-color: #646464;
	position: absolute;
	transform: scale(0.5) translateY(-1px);
	right: -50%;
	top: 0;
}

.mermaid-lineGroup-5-bottom {
	width: 104%;
	height: 2px;
	background-color: #646464;
	position: absolute;
	transform: scale(0.5) translateY(1px);
	right: -28%;
	bottom: 0;
}

.mermaid-lineGroup-6 {
	width: 0;
	height: 7.5vw;
	left: 66.41vw;
	top: 2.54vw;
	border-left: 1px solid #646464;
}

.mermaid-lineGroup-7 {
	width: 0;
	height: 10.74vw;
	left: 58.85vw;
	top: 22.54vw;
	border-left: 1px solid #646464;
}

@media (max-width: 600px),
(max-width: 1200px) and (max-aspect-ratio: 1/1) {

	.mermaid-wrapper .hidden-pc {
		display: block;
	}

	.mermaid-wrapper .hidden-mob {
		display: none;
	}

	.mermaid-section h2 {
		font-size: 6.4vw;
		line-height: 1.25;
		padding: 1.33vw 0 3.06vw;
	}

	.mermaid-section h5 {
		font-size: 4.27vw;
	}

	.mermaid-section p {
		font-size: 4.27vw;
		line-height: 1.5;
	}

	.mermaid-kv {
		flex-wrap: wrap-reverse;
		padding-top: 29.3vw;
	}

	.mermaid-kv h2 {
		font-size: 5.8vw;
		margin-top: 6.44vw;
	}

	.mermaid-kv .mermaid-img-box,
	.mermaid-kv .mermaid-content-box {
		width: 100%;
	}

	.mermaid-kv .mermaid-content-box {
		width: 84vw;
		margin: 0 auto;
		padding: 0;
	}

	.mermaid-kv .mermaid-img-box {
		margin-top: 13.26vw;
		padding: 0;
	}

	.mermaid-product-video-sec {
		padding-bottom: 0;
	}

	.mermaid-content-scroll-1,
	.mermaid-content-scroll-2 {
		width: 85.06vw;
	}

	.mermaid-noise-reduction {
		padding: 20.26vw 0 0;
	}

	.mermaid-noise-reduction .mermaid-content-box,
	.mermaid-noise-reduction .mermaid-img-box {
		width: 84vw;
	}

	.mermaid-noise-reduction .mermaid-content-box p {
		width: 100%;
	}

	.mermaid-noise-reduction-li {
		width: 100%;
		margin-top: 10.66vw;
	}

	.mermaid-noise-reduction-icon-1,
	.mermaid-noise-reduction-icon-2,
	.mermaid-noise-reduction-icon-3 {
		width: 16.53vw;
		padding-right: 5.06vw;
		padding-top: 1.75vw;
	}

	.mermaid-section img.mermaid-noise-reduction-icon {
		width: 16.6vw;
	}

	.mermaid-noise-reduction-content {
		margin-top: 4vw;
	}

	.mermaid-noise-reduction-li:nth-child(2),
	.mermaid-noise-reduction-li:nth-child(3) {
		margin-top: 10.66vw;
		margin-left: 0;
	}

	.mermaid-noise-reduction-li h3 {
		font-size: 4.26vw;
	}

	.mermaid-noise-reduction-li p {
		font-size: 3.2vw;
	}

	.mermaid-vocal .mermaid-content-box,
	.mermaid-vocal .mermaid-img-box {
		width: 84vw;
	}

	.mermaid-vocal {
		padding: 24vw 0 12vw;
	}

	.mermaid-vocal-li {
		position: relative;
		padding: 8.8vw 0 10.8vw;
	}

	.mermaid-vocal-play {
		width: 14.4vw;
		height: 14.4vw;
		margin: 0 4.13vw 0 0;
	}

	.mermaid-section img.mermaid-vocal-img {
		width: 80.13vw;
		margin-left: auto;
	}

	.mermaid-vocal-button {
		position: absolute;
		width: auto;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		font-size: 4.2vw;
		border: none;
		line-height: 1;
	}

	.mermaid-structure {
		height: calc(550vh + 5.73vw);
	}

	.mermaid-structure .mermaid-content-box {
		width: 84vw;
		padding-top: 12vw;
	}

	.mermaid-content-structure-2,
	.mermaid-content-structure-3,
	.mermaid-content-structure-4 {
		top: 12vw;
	}

	.mermaid-structure-text {
		flex-wrap: wrap;
	}

	.mermaid-structure-textbox h3 {
		font-size: 3.2vw;
	}

	.mermaid-structure-textbox p {
		font-size: 3.2vw;
	}

	.mermaid-structure-imgbox-1 {
		width: 22.4vw;
		top: 43.07vw;
		left: 4.13vw;
	}

	.mermaid-structure-imgbox-2 {
		width: 2.53vw;
		top: 49.2vw;
		left: 29.87vw;
	}

	.mermaid-structure-imgbox-3 {
		width: 8.13vw;
		top: 46.53vw;
		left: 35.87vw;
	}

	.mermaid-structure-imgbox-4 {
		width: 16.93vw;
		top: 42.67vw;
		left: 51.47vw;
	}

	.mermaid-structure-imgbox-5 {
		width: 4.8vw;
		top: 46.53vw;
		left: 71.13vw;
	}

	.mermaid-structure-imgbox-6 {
		width: 5.6vw;
		top: 44.93vw;
		left: 76.6vw;
	}

	.mermaid-structure-imgbox-7 {
		width: 8.93vw;
		top: 43.87vw;
		left: 84.13vw;
	}

	.mermaid-structure .mermaid-img-box {
		width: 100%;
	}

	.mermaid-structure-imgbox {
		transform: translateX(0);
	}

	.mermaid-structure-text-1 {
		width: 46.87vw;
		top: 6vw;
		left: 45.2vw;
	}

	.mermaid-structure-text-2 {
		width: 60vw;
		top: 74.8vw;
		left: 21.47vw;
	}

	.mermaid-structure-text-2 h3,
	.mermaid-structure-text-2 p {
		width: auto;
	}

	.mermaid-structure-text-3 {
		width: 57.33vw;
		top: 9.87vw;
		left: 25.6vw;
	}

	.mermaid-structure-text-4 {
		width: 61.87vw;
		top: 82.2vw;
		left: 30.4vw;
	}

	.mermaid-structure-text-5 {
		width: 66.8vw;
		top: 8.67vw;
		left: 37.2vw;
	}

	.mermaid-structure-text-6 {
		width: 57.6vw;
		left: 26.53vw;
		top: 6.93vw;
	}

	.mermaid-structure-text-7 {
		width: 62.07vw;
		top: 71.6vw;
		left: 26.53vw;
	}

	.mermaid-features-li:nth-child(2),
	.mermaid-features-li:nth-child(3) {
		width: 100%;
		margin-left: 0;
		padding-right: 0;
	}

	.mermaid-lineGroup-1 {
		height: 45.43vw;
		left: 38.71vw;
		top: 66.5vw;
	}

	.mermaid-lineGroup-2 {
		height: 66.06vw;
		top: 143.6vw;
		left: 78.33vw;
	}

	.mermaid-lineGroup-3 {
		height: 32.46vw;
		top: 70.39vw;
		left: 76.31vw;
	}

	.mermaid-lineGroup-4 {
		width: 49.7vw;
		height: 24.84vw;
		left: 30.55vw;
		top: 120.76vw;
	}

	.mermaid-lineGroup-5 {
		width: 2.55vw;
		height: 51.5vw;
		left: 92.63vw;
		top: 89vw;
	}

	.mermaid-lineGroup-6 {
		height: 38.3vw;
		top: 87.8vw;
		left: 87.25vw;
	}

	.mermaid-lineGroup-7 {
		height: 38.8vw;
		top: 140.6vw;
		left: 78vw;
	}

	.mermaid-lineGroup-5-left {
		height: 35.66vw;
		transform: unset;
		position: absolute;
		left: 0;
		top: 0;
	}

	.mermaid-lineGroup-right {
		height: 40.74%;
		right: 2.42vw;
	}

	.mermaid-features-li p {
		font-size: 3.2vw;
		font-weight: normal;
	}

	.mermaid-features-li {
		margin-top: 12vw;
		padding-right: 0;
	}

	.mermaid-features-li:nth-child(2) {
		margin-top: 12vw;
	}

	.mermaid-features-content {
		margin-top: 5.33vw;
	}

	.mermaid-colorscheme .mermaid-content-box {
		width: 84vw;
	}

	.mermaid-colorscheme .mermaid-img-box {
		width: 92.8vw;
		margin: 12.67vw auto 0;
	}

	.mermaid-colorscheme .swiper-slide-active,
	.mermaid-colorscheme .swiper-slide-duplicate-active {
		z-index: 22;
	}

	.mermaid-colorscheme-button {
		font-size: 2.13vw;
		padding: 1.6vw 2.66vw;
		border-radius: 4vw;
		transform: translateY(-5.25vw);
		margin: 5.06vw auto 0;
	}

	.mermaid-design .mermaid-content-box {
		width: 84vw;
	}

	.mermaid-design-list-box {
		width: 100%;
	}

	.mermaid-design-list {
		text-align: center;
	}

	.mermaid-design-list {
		flex-wrap: wrap;
	}

	.mermaid-design-li {
		width: 100%;
		margin-left: 0;
		margin-top: 9.33vw;
	}

	.mermaid-design-li h3 {
		font-size: 4.26vw;
	}

	.mermaid-design-li p {
		font-size: 3.2vw;
		margin-top: 2.66vw;
	}

	.mermaid-design .mermaid-img-box {
		width: 84vw;
		margin-top: 10.66vw;
	}

	.mermaid-design-size {
		top: 26.49vw;
		width: 60vw;
		left: 0;
	}

	.mermaid-design-size li span {
		font-size: 3.2vw;
	}

	.mermaid-manipulation .mermaid-content-box {
		width: 84vw;
	}

	.mermaid-manipulation .mermaid-img-box {
		width: 100%;
	}

	.mermaid-manipulation .mermaid-img-box {
		width: 84vw;
	}

	.mermaid-text h2 {
		padding: 23.625vw 0 1.2vw;
	}

	.mermaid-manipulation-list {
		flex-wrap: wrap;
		padding: 6.13vw 0;
	}

	.mermaid-manipulation-li {
		width: 50%;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		margin-top: 6.13vw;
	}

	.mermaid-section img.mermaid-manipulation-img {
		width: 14.53vw;
	}

	.mermaid-manipulation-li h3 {
		font-size: 3.2vw;
	}

	.mermaid-manipulation-li p {
		font-size: 2.13vw;
	}

	.mermaid-manipulation-li-text {
		width: 22.73vw;
		margin-left: 1.23vw;
	}

	.mermaid-savetime {
		padding-top: 18vw;
	}

	.mermaid-savetime .mermaid-content-box {
		width: 85vw;
	}

	.mermaid-savetime-list {
		flex-wrap: wrap;
	}

	.mermaid-savetime-list-box {
		width: 100%;
		margin: 10vw 0 0;
	}

	.mermaid-savetime-list p {
		font-size: 3.2vw;
		margin-top: 0;
		margin-left: 5vw;
	}

	.mermaid-savetime-li {
		width: 38vw;
	}

	.mermaid-savetime-list li {
		width: 100%;
		display: -webkit-flex;
		display: flex;
		align-items: flex-start;
	}

	.mermaid-savetime-list li:nth-child(2) {
		margin-top: 8.4vw;
	}

	.mermaid-savetime .mermaid-img-box {
		margin: 12.53vw auto 0;
		width: 76.6vw;
		padding-bottom: 57.3vw;
	}

	.mermaid-section img.mermaid-savetime-icon {
		width: 13.3vw;
	}

	.mermaid-section img.mermaid-savetime-case {
		width: 69.3vw;
		transform: translateX(-50%) translateY(30%);
	}

	.mermaid-auto-connect {
		flex-wrap: wrap;
	}

	.mermaid-auto-connect .mermaid-content-box {
		width: 84vw;
		margin: 0 auto;
		text-align: center;
	}

	.mermaid-auto-connect .mermaid-img-box {
		width: 84vw;
		margin: 9.33vw auto 0;
		padding: 0;
	}

	.mermaid-switching {
		padding: 24vw 0 0;
	}

	.mermaid-switching .mermaid-content-box {
		width: 84vw;
	}

	.mermaid-switching .mermaid-img-box {
		width: 84vw;
		margin: 10vw auto 0;
	}

	.mermaid-scroll {
		height: auto;
		width: 100%;
		padding-bottom: 26vw;
		padding-top: 0;
	}

	.mermaid-scroll-height {
		height: auto;
	}

	.mermaid-scroll .mermaid-content-box {
		position: relative;
		width: 84vw;
		left: auto;
		top: auto;
		margin: 24.5vw auto 0;
		transform: translateY(0);
	}

	.mermaid-scroll .mermaid-img-box {
		position: relative;
		height: auto;
		top: unset;
		flex-wrap: wrap;
		width: 84vw;
		margin: 0 auto;
	}

	.mermaid-section img.mermaid-scroll-img {
		width: 100%;
		padding-top: 8.66vw;
	}

	.mermaid-scroll-img-2,
	.mermaid-scroll-img-3 {
		position: relative;
		top: unset;
		left: unset;
		transform: unset;
		opacity: 1;
	}

	.mermaid-scroll-text {
		opacity: 1;
		text-align: center;
	}

	.mermaid-scroll-text-1 {
		margin-top: 0;
	}

	.mermaid-scroll-text-2 {
		margin-top: 150vw;
	}

	.mermaid-green-health {
		width: 100%;
		margin: 0 auto;
	}

	.mermaid-green-health .mermaid-content-box {
		width: 84vw;
		top: 16vw;
	}

	.mermaid-section .mermaid-green-health-button {
		display: inline-block;
		font-size: 3.2vw;
		width: auto;
		line-height: 1;
		border-radius: 5vw;
		padding: 2vw 3vw;
		margin: 8.3vw auto 0;
	}
}


/* footer */

.mermaid-wrapper sup {
	font-size: .5em;
	vertical-align: super;
	position: relative;
	/* top: -.8em; */
}

.mermaid-footer {
	width: 85.42vw;
	margin: 0 auto;
	padding: 11.2vw 0 6.77vw;
}

.mermaid-footer .component-footnotes {
	width: 100%;
	margin: 0 auto;
	padding-left: 1em;
	list-style: decimal;
	color: #a3a1a2;
	font-size: 0.833vw;
	line-height: 2;
}

.mermaid-footer .component-footnotes .current {
	color: #000;
}

@media (max-width: 600px),
(max-width: 1200px) and (max-aspect-ratio: 1/1) {
	.mermaid-footer {
		width: 81.333vw;
		margin: 16vw auto 0;
		padding: 8vw 0;
	}

	.mermaid-footer .component-footnotes {
		width: 100%;
		font-size: 2.133vw;
	}
}


/* 0829 */

#mermaid-product-video-trigger {
	position: relative;
	top: -75px;
}

.mermaid-product-video-height {
	/* height: calc(100vh - 6.25vw);
    padding-bottom: 6.25vw; */
	display: -webkit-flex;
	display: flex;
	background-color: black;
}

.mermaid-product-video-sec {
	height: 250vh;
	background-color: #000;
}

.mermaid-product-video-sec .mermaid-product-video-height {
	height: calc(100vh - 76px);
}

.mermaid-product-video video {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.mermaid-product-video .mermaid-content-box {
	left: 0;
	top: 0;
	transform: translate(0, 0);
	height: 100%;
	z-index: 222;
	transition-duration: 0.8s;
}

.mermaid-content-scroll-2 {
	transform: translate(-50%, 0%);
	transition-duration: 0.8s;
}

.mermaid-product-video {
	height: 200vh;
}

.mermaid-video-mask-sec {
	transition-duration: 0.8s;
}

.mermaid-structure-wrapper {
	height: auto;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
}

.mermaid-switching .mermaid-img-box {
	position: relative;
}

.mermaid-section img.mermaid-auto-connect-img-2 {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition-duration: 0.7s;
}

.mermaid-section img.mermaid-auto-connect-img-2.animated {
	opacity: 1;
}

.mermaid-structure-text-1,
.mermaid-structure-text-2,
.mermaid-structure-text-3,
.mermaid-structure-text-5,
.mermaid-structure-text-6,
.mermaid-structure-text-7 {
	align-items: flex-start;
}

.mermaid-structure-text-1 h3,
.mermaid-structure-text-2 h3,
.mermaid-structure-text-3 h3,
.mermaid-structure-text-5 h3,
.mermaid-structure-text-6 h3,
.mermaid-structure-text-7 h3 {
	line-height: 1.4;
}

.mermaid-content-structure .mermaid-structure-text {
	display: none;
}

.mermaid-section img.mermaid-structure-line-1,
.mermaid-section img.mermaid-structure-line-3,
.mermaid-section img.mermaid-structure-line-2,
.mermaid-section img.mermaid-structure-line-6,
.mermaid-section img.mermaid-structure-line-7 {
	width: 0.08vw;
	max-width: 2px;
	object-fit: cover;
}

.mermaid-savetime {
	padding-top: 4.945vw;
}

@media (max-width: 600px),
(max-aspect-ratio: 1/1) and (max-width: 1200px) {
	.mermaid-product-video-height {
		height: calc(100vh - 76px);
		padding-bottom: 76px;
	}

	.mermaid-product-video-sec {
		padding-bottom: 0;
	}

	.mermaid-scroll-text-2 {
		transform: translateY(-18.625vw);
	}

	.mermaid-structure {
		overflow-x: hidden;
		height: auto;
	}

	.huawei-v3 .mermaid-structure {
		height: auto;
	}

	.mermaid-structure-wrapper {
		position: relative;
	}

	.mermaid-structure .mermaid-img-box {
		height: auto;
	}

	.mermaid-structure-line,
	.mermaid-structure-text,
	.mermaid-content-structure {
		opacity: 1;
	}

	.mermaid-structure-content {
		position: relative;
		height: auto;
		top: 0;
	}

	.mermaid-content-structure-2,
	.mermaid-content-structure-3,
	.mermaid-content-structure-4 {
		position: relative;
		top: 0;
	}

	.mermaid-structure-wrapper {
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0, 0);
	}

	.mermaid-content-structure {
		width: 100%;
		margin: 0 auto;
	}

	.mermaid-content-structure h2,
	.mermaid-content-structure>p {
		width: 90vw;
		margin: 0 auto;
	}

	.mermaid-structure .mermaid-content-box {
		padding-top: 0;
		width: 100%;
	}

	.mermaid-section img.mermaid-structure-mob-img {
		width: 88.9vw;
		margin-left: 4.13vw;
	}

	.mermaid-content-structure-1 {
		padding-top: 17.5vw;
	}

	.mermaid-structure .mermaid-img-box,
	.mermaid-structure-textbox {
		display: none;
	}

	.mermaid-content-structure .mermaid-structure-text {
		display: block;
		position: relative;
		left: 0;
		top: 0;
		text-align: left;
	}

	.mermaid-content-structure .mermaid-structure-text h3 {
		font-size: 4.26vw;
		font-weight: bold;
	}

	.mermaid-content-structure .mermaid-structure-text p {
		font-size: 3.2vw;
		margin-top: 1.33vw;
	}

	.mermaid-content-structure .mermaid-structure-text-1 {
		padding: 6.93vw 0 6.66vw 44.01vw;
	}

	.mermaid-content-structure .mermaid-structure-text-2 {
		padding: 7.73vw 0 0 15.86vw;
	}

	.mermaid-content-structure .mermaid-structure-text-3 {
		padding: 7.25vw 0 7.25vw 15.6vw;
	}

	.mermaid-content-structure .mermaid-structure-text-4 {
		padding: 14.8vw 0 0 30.4vw;
	}

	.mermaid-content-structure .mermaid-structure-text-5 {
		padding: 6.8vw 0 5.6vw 21.9vw;
	}

	.mermaid-content-structure .mermaid-structure-text-6 {
		padding: 7.6vw 0 3.86vw 29.5vw;
	}

	.mermaid-content-structure .mermaid-structure-text-7 {
		padding: 3.86vw 0 25.3vw 14.5vw;
	}

	.mermaid-content-structure-2,
	.mermaid-content-structure-3,
	.mermaid-content-structure-4 {
		padding-top: 25.3vw;
	}

	.mermaid-features {
		padding-top: 0;
	}

	.mermaid-features-li:nth-child(1) {
		margin-top: 0;
	}

	.mermaid-product-video {
		background-color: black;
		height: 250vh;
	}

	.mermaid-product-video-height {
		top: 44px;
	}

	/* .mermaid-lineGroup-bottom{
        bottom: -0.5px;
        transform: scale(0.5) translateY(0);
    }
    .mermaid-lineGroup-5-top{
        top: -0.5px;
        transform: scale(0.5) translateY(0);
    }
    .mermaid-lineGroup-5-bottom{
        right: -24.3%;
        bottom: -0.5px;
        transform: scale(0.5) translateY(0);
    } */
}


/* ie */

_:-ms-lang(x),
_:-webkit-full-screen,
.mermaid-vocal-play {
	width: 80.1px;
	height: 80px;
}

_:-ms-input-placeholder,
:root .mermaid-vocal-play {
	width: 87px;
	height: 87px;
}

_:-ms-input-placeholder,
:root .mermaid-product-video {
	height: 100vh;
}

_:-ms-input-placeholder,
:root .mermaid-product-video-sec {
	height: auto;
	padding-bottom: 0;
}

_:-ms-input-placeholder,
:root .mermaid-video-mask {
	opacity: 0.5;
}

_:-ms-input-placeholder,
:root .mermaid-structure {
	height: 100vh;
}

_:-ms-input-placeholder,
:root .mermaid-structure-imgbox-1 {
	transform: translateX(288%);
}

_:-ms-input-placeholder,
:root .mermaid-structure-imgbox-2 {
	transform: translateX(2240%);
}

_:-ms-input-placeholder,
:root .mermaid-structure-imgbox-3 {
	transform: translateX(500%);
}

_:-ms-input-placeholder,
:root .mermaid-structure-imgbox-4 {
	transform: translateX(160%);
}

_:-ms-input-placeholder,
:root .mermaid-structure-imgbox-5 {
	transform: translateX(330%)
}

_:-ms-input-placeholder,
:root .mermaid-structure-imgbox-6 {
	transform: translateX(150%)
}

_:-ms-input-placeholder,
:root .mermaid-structure-imgbox.animated {
	transform: translateX(0);
}

_:-ms-input-placeholder,
:root .mermaid-scroll {
	height: calc(100vh + 76px);
}

_:-ms-input-placeholder,
:root .mermaid-colorscheme-button {
	transform: translateY(-120%);
}

_:-ms-input-placeholder,
:root .mermaid-scroll,
_:-ms-input-placeholder,
:root .mermaid-scroll-height {
	height: auto;
}

_:-ms-input-placeholder,
:root .mermaid-scroll-img-2,
_:-ms-input-placeholder,
:root .mermaid-scroll-img-3 {
	position: relative;
	top: auto;
	left: auto;
	opacity: 1;
	transform: translate(0, 0);
}

_:-ms-input-placeholder,
:root .mermaid-scroll-img-2 {
	margin-top: 10.15vw;
}

_:-ms-input-placeholder,
:root .mermaid-scroll-text-2 {
	margin-top: 41vw;
	opacity: 1;
}

_:-ms-input-placeholder,
:root .mermaid-content-scroll-1 {
	transform: translate(-50%, -50%);
	opacity: 1;
}

_:-ms-input-placeholder,
:root .mermaid-content-scroll-2 {
	transform: translate(-50%, -50%);
	opacity: 1;
}

_:-ms-input-placeholder,
:root .mermaid-product-video-fir {
	height: auto;
}

_:-ms-input-placeholder,
:root .mermaid-product-video-fir .mermaid-product-video-height {
	height: auto;
	width: 100%;
}

_:-ms-input-placeholder,
:root .mermaid-structure,
_:-ms-input-placeholder,
:root .mermaid-structure-content {
	height: auto;
}

_:-ms-input-placeholder,
:root .mermaid-structure {
	overflow-x: unset;
	height: auto;
}

_:-ms-input-placeholder,
:root .mermaid-structure-wrapper {
	position: relative;
}

_:-ms-input-placeholder,
:root .mermaid-structure .mermaid-img-box {
	height: auto;
}

_:-ms-input-placeholder,
:root .mermaid-structure-line,
_:-ms-input-placeholder,
:root .mermaid-structure-text,
_:-ms-input-placeholder,
:root .mermaid-content-structure {
	opacity: 1;
}

_:-ms-input-placeholder,
:root .mermaid-structure-content {
	position: relative;
	height: auto;
	top: 0;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure-2,
_:-ms-input-placeholder,
:root .mermaid-content-structure-3,
_:-ms-input-placeholder,
:root .mermaid-content-structure-4 {
	position: relative;
	top: 0;
}

_:-ms-input-placeholder,
:root .mermaid-structure-wrapper {
	position: relative;
	top: 0;
	left: 0;
	transform: translate(0, 0);
}

_:-ms-input-placeholder,
:root .mermaid-content-structure {
	width: 100%;
	margin: 0 auto;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure h2,
_:-ms-input-placeholder,
:root .mermaid-content-structure>p {
	width: 56.7vw;
	margin: 0 auto;
}

_:-ms-input-placeholder,
:root .mermaid-structure .mermaid-content-box {
	padding-top: 0;
	width: 100%;
}

_:-ms-input-placeholder,
:root .mermaid-section img.mermaid-structure-mob-img {
	width: 88.9vw;
	margin-left: 4.13vw;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure-1 {
	padding-top: 5.7vw;
}

_:-ms-input-placeholder,
:root .mermaid-structure .mermaid-img-box,
_:-ms-input-placeholder,
:root .mermaid-structure-textbox {
	display: none;
}

_:-ms-input-placeholder,
:root .mermaid-structure-ie-img {
	display: block;
	width: 71vw;
	margin: 0 auto;
}

_:-ms-input-placeholder,
:root .mermaid-structure-ie-img-1 {
	padding-top: 3.75vw;
}

_:-ms-input-placeholder,
:root .mermaid-structure-ie-img-2 {
	padding-top: 2.81vw;
}

_:-ms-input-placeholder,
:root .mermaid-structure-ie-img-3,
_:-ms-input-placeholder,
:root .mermaid-structure-ie-img-4 {
	padding-top: 3.54vw;
}

_:-ms-input-placeholder,
:root .mermaid-structure-ie-img-4 {
	padding-bottom: 1vw;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure h3 {
	font-size: 1.146vw;
	line-height: 1.28;
	font-weight: bold;
	padding-right: 2vw;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure .mermaid-structure-text {
	display: -webkit-flex;
	display: flex;
	position: absolute;
	transition-duration: 0s;
	text-align: left;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure .mermaid-structure-text-1 {
	top: 17.59vw;
	left: 44.27vw;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure .mermaid-structure-text-2 {
	top: 46.55vw;
	left: 30vw;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure .mermaid-structure-text-3 {
	top: 11.39vw;
	left: 31.75vw;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure .mermaid-structure-text-4 {
	flex-wrap: wrap;
	top: 31.36vw;
	left: 37.97vw;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure .mermaid-structure-text-5 {
	top: 10.72vw;
	left: 49.63vw;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure .mermaid-structure-text-6 {
	top: 10.67vw;
	left: 43.25vw;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure .mermaid-structure-text-7 {
	top: 40.57vw;
	left: 37.36vw;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure .mermaid-structure-text p {
	font-size: 0.83vw;
	line-height: 1.5;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure .mermaid-structure-text-4 p {
	margin-top: 0.52vw;
}

_:-ms-input-placeholder,
:root .mermaid-content-structure-2,
_:-ms-input-placeholder,
:root .mermaid-content-structure-3,
_:-ms-input-placeholder,
:root .mermaid-content-structure-4 {
	margin-top: 9.84vw;
}

_:-ms-input-placeholder,
:root .mermaid-features {
	padding-top: 10.36vw;
	background: -moz-linear-gradient(top, #f5f5f7 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f7), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #f5f5f7 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #f5f5f7 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #f5f5f7 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #f5f5f7 0%, #ffffff 100%);
}

_:-ms-input-placeholder,
:root .mermaid-features-li:nth-child(1) {
	margin-top: 0;
}

_:-ms-input-placeholder,
:root p sup {
	font-size: 0.9vw;
	vertical-align: text-top;
}

_:-ms-input-placeholder,
:root h2 sup {
	font-size: 1.5vw;
}

_:-ms-lang(x),
_::-webkit-meter-bar,
.mermaid-scroll {
	height: auto;
}

_:-ms-lang(x),
_::-webkit-meter-bar,
.mermaid-product-video {
	height: auto;
}

_:-ms-lang(x),
_::-webkit-meter-bar,
.mermaid-scroll-height {
	position: relative;
}

_:-ms-lang(x),
_::-webkit-meter-bar,
.mermaid-product-video-height {
	position: relative;
	top: 0;
}

_:-ms-lang(x),
_::-webkit-meter-bar,
#mermaid-product-video-trigger-fir {
	top: -76px;
}

_:-ms-lang(x),
_::-webkit-meter-bar,
.mermaid-product-video-height {
	height: 100vh;
}

@media screen and (min-width: 2000px) {

	_:-ms-lang(x),
	_:-webkit-full-screen,
	.mermaid-vocal-play {
		width: 98px;
		height: 98px;
	}

	_:-ms-input-placeholder,
	:root .mermaid-vocal-play {
		width: 98px;
		height: 98px;
	}
}

@media screen and (max-width: 1900px) {

	_:-ms-input-placeholder,
	:root .mermaid-vocal-play {
		width: 78px;
		height: 78px;
	}
}

@media screen and (max-width: 1600px) {

	_:-ms-input-placeholder,
	:root .mermaid-vocal-play {
		width: 70px;
		height: 70px;
	}
}

@media screen and (width: 1366px) {

	.mermaid-content-structure-2,
	.mermaid-content-structure-3,
	.mermaid-content-structure-4 {
		top: 4.73vw;
	}

	.mermaid-structure-text-2 {
		left: 5vw;
		top: 30.25vw;
	}

	.mermaid-structure-text-2 p {
		width: 39.7vw;
	}

	.mermaid-structure-text-7 {
		left: 23vw;
		top: 30.34vw;
	}

	.mermaid-structure-text-7 p {
		width: 31vw;
	}

	.mermaid-structure .mermaid-content-box {
		-webkit-transform: translateY(1vw);
		transform: translateY(1vw);
		padding-top: 4.73vw;
	}

	_:-ms-input-placeholder,
	:root .mermaid-content-structure .mermaid-structure-text p {
		width: 34vw;
	}

	_:-ms-input-placeholder,
	:root .mermaid-content-structure .mermaid-structure-text-2 h3 {
		width: 11vw;
	}

	_:-ms-input-placeholder,
	:root .mermaid-content-structure .mermaid-structure-text-2 {
		left: 24vw;
	}

	_:-ms-input-placeholder,
	:root .mermaid-content-structure .mermaid-structure-text-5 {
		left: 47.63vw;
		top: 10.72vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (max-aspect-ratio: 1/1) {
	.mermaid-lineGroup-3 {
		height: 33.6vw;
		top: 73.39vw;
	}

	.mermaid-lineGroup-5 {
		top: 88.5vw;
	}

	.mermaid-lineGroup-7 {
		top: 144.6vw;
	}
}

@media screen and (width: 414px) {
	.mermaid-lineGroup-3 {
		height: 34.46vw;
		top: 72.39vw;
		left: 76.31vw;
	}

	.mermaid-lineGroup-7 {
		height: 40.8vw;
		top: 144.6vw;
		left: 78vw;
	}

	.mermaid-lineGroup-1 {
		top: 72.5vw;
	}

	.mermaid-lineGroup-2 {
		top: 137vw !important;
	}

	.mermaid-lineGroup-3 {
		top: 79.39vw;
	}

	.mermaid-lineGroup-4 {
		top: 126.76vw;
	}
}

@media screen and (max-width: 375px) {
	.mermaid-lineGroup-3 {
		height: 32.46vw;
		top: 73.39vw;
		left: 76.31vw;
	}

	.mermaid-lineGroup-7 {
		height: 41.8vw;
		top: 144.6vw;
		left: 78vw;
	}
}

.mermaid-vocal-play {
	cursor: unset !important;
}

/* 10.19 add */
.mermaid-awards {
	padding: 7.8vw 0 9.375vw;
	text-align: center;
}

.mermaid-awards h2 {
	padding-bottom: 8vw;
	/* line-height: 1; */
}

.mermaid-awards-list p {
	padding-top: 3.5vw;
}

.mermaid-awards-list .mermaid-awards-text-1 {
	padding-top: 10vw;
}

.mermaid-awards-list {
	display: flex;
	width: 75vw;
	margin: 0 auto;
	align-items: center;
	justify-content: space-around;
}

.mermaid-awards-text {
	align-items: baseline;
}

.mermaid-content-mob {
	display: none;
}

.mermaid-content-pc {
	display: block;
}

.mermaid-awards-li {
	width: 10%;
	text-align: center;
}

/* .mermaid-section img.mermaid-awards-img-1{
    width: 10.88vw;
}
.mermaid-section img.mermaid-awards-img-2{
    width: 7.92vw;
}
.mermaid-section img.mermaid-awards-img-3{
    width: 10.8vw;
}
.mermaid-section img.mermaid-awards-img-4{
    width: 9.74vw;
} */
.mermaid-HD-audio {
	padding-top: 9.7vw;
}

.mermaid-HD-audio .mermaid-content-box {
	width: 56.7vw;
	margin: 0 auto;
	text-align: center;
}

.mermaid-HD-audio .mermaid-img-box {
	width: 76.95vw;
	margin: 4vw auto 0;
}

.mermaid-colorscheme {
	padding-top: 9.7vw;
}

.mermaid-vocal-button,
.mermaid-colorscheme-button {
	background-color: #F5F5F7;
	border: none;
	color: #211D1E;
}

.mermaid-scroll-img-4 {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	opacity: 0;
	transition-duration: 0.5s;
}

.mermaid-scroll-img-4.animated {
	opacity: 1;
}

_:-ms-input-placeholder,
:root .mermaid-scroll-text-3,
_:-ms-input-placeholder,
:root .mermaid-scroll-text-4 {
	margin-top: 43vw;
	opacity: 1;
}

_:-ms-input-placeholder,
:root .mermaid-scroll-img-3,
_:-ms-input-placeholder,
:root .mermaid-scroll-img-4 {
	margin-top: 10.15vw;
}

_:-ms-input-placeholder,
:root .mermaid-scroll-img-4 {
	position: relative;
	top: auto;
	left: auto;
	opacity: 1;
	transform: translate(0, 0);
}

_:-ms-input-placeholder,
:root .mermaid-green-health {
	margin-top: 0;
}

@media (max-width: 600px),
(max-aspect-ratio: 1/1) and (max-width: 1200px) {
	.mermaid-awards {
		padding: 16.5vw 0 2vw;
	}

	.mermaid-awards h2 {
		padding-bottom: 12.26vw;
	}

	.mermaid-awards-li {
		width: 36%;
	}

	.mermaid-awards-list {
		width: 100%;
		flex-wrap: wrap;
	}

	 .mermaid-section img.mermaid-awards-img-1{
        width: 27.88vw;
    }
    .mermaid-section img.mermaid-awards-img-2{
        width: 12.3vw;
    }
    .mermaid-section img.mermaid-awards-img-3{
        width: 27.7vw;
    }
    .mermaid-section img.mermaid-awards-img-4{
        width: 24.9vw;
    }
	.mermaid-awards-list p {
		font-size: 3.2vw;
		padding-bottom: 14.9vw;
	}

	.mermaid-HD-audio {
		padding-top: 24vw;
	}

	.mermaid-HD-audio .mermaid-content-box {
		width: 84vw;
	}

	.mermaid-HD-audio .mermaid-img-box {
		margin-top: 10.66vw;
		width: 84vw;
	}

	.mermaid-colorscheme {
		padding-top: 5vw;
	}

	.mermaid-section img.mermaid-savetime-case.animated {
		transform: translateX(-50%) translateY(-10%);
	}

	.mermaid-scroll-text-3 {
		margin-top: 115vw;
	}

	.mermaid-scroll-text-4 {
		margin-top: 140vw;
	}

	.mermaid-scroll-img-4 {
		position: relative;
		top: unset;
		left: unset;
		transform: unset;
		opacity: 1;
	}

	.mermaid-section img.mermaid-scroll-img {
		padding-top: 90.6vw;
	}

	.mermaid-scroll .mermaid-content-box {
		width: 84vw;
		left: 8vw;
		position: absolute;
		top: 0;
		transform: translateY(0);
	}

	.mermaid-scroll-text-2 {
		transform: translateY(-18.625vw);
	}

	.mermaid-section img.mermaid-scroll-img {
		width: 100%;
		padding-top: 94.6vw;
	}

	.mermaid-scroll-text-2 {
		margin-top: 175vw;
	}
}

_:-ms-input-placeholder,
:root .mermaid-scroll {
	padding: 10.416vw 0;
}

@media (max-width: 600px),
(max-width: 1200px) and (max-aspect-ratio: 1/1) {
	.mermaid-content-mob {
		display: block;
	}

	.mermaid-content-pc {
		display: none;
	}
}

@media screen and (min-width:2100px) {
	.mermaid-green-health {
		margin-top: 0;
	}
}

@media (min-width: 1200px),
(max-width: 1500px) and (max-aspect-ratio: 1/1) {
	#mermaid-savetime-mob-trigger {
		position: relative;
		top: 80vw;
	}
}

/* @media (min-height: 1024px) , (max-width: 1366px) and (max-aspect-ratio: 1/1) {
    .mermaid-lineGroup-3 {
        top: 80.39vw
    }
    .mermaid-lineGroup-4 {
        top: 127.39vw;
    }
} */
@media screen and (width: 834px) {
	.mermaid-lineGroup-3 {
		top: 80.39vw
	}

	.mermaid-lineGroup-4 {
		top: 127.39vw;
	}
}

.mermaid-section img{
	display: inline-block!important;
}