.overview-content { font-size:16px; }
.overview-content .w1200 { margin:0 auto; position:relative; width:85.375em; }
.overview-content .regular { font-weight: 400; }
.overview-content .medium { font-weight: 500; }
.overview-content .bold { font-weight: 700; }
.overview-content .m-show { display:none; }
.overview-content .nowrap { white-space:nowrap; }
.overview-content .text>h2 { font-size:3.125em; letter-spacing:0.01em; line-height:1.2; }
.overview-content .text>p { font-size:1.25em; letter-spacing:0.01em; line-height:1.5; padding-top:1.5em; }
@media screen and (max-width:1440px){
  .overview-content { font-size:12px; }
}
@media screen and (max-width:736px){
  html { font-size:10.35px; }
  .overview-content .m-light { font-weight: 300; }
  .overview-content .m-regular { font-weight: 400; }
  .overview-content .m-show { display:block; }
  .overview-content .w1200 { width:auto; }
  .overview-content .text>h2 { font-size:2.5rem; padding:4rem 6% 2rem; }
  .overview-content .text>p { font-size:1.75rem; line-height:1.5; padding:0 6% 3rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .a { background:url(images/a.jpg) 50% 0 no-repeat; background-size:120em auto; color:#fff; height:55.7em;position: relative;  }
.overview-content .a img {position: absolute;top: 0;left: 4.5em;width:10.4em;}
.overview-content .a .text {color:#000; padding:13.5em 0 50px 4em;width: 39em;  }
.overview-content .a .text h2 { font-size:3.4375em; padding:0;  }
.overview-content .a .text p { font-size:1.875em; line-height:1.2; padding:0.6em 0 0;  }
@media (max-width:736px) {
	.overview-content .a { background:url(mobile/a.jpg) 50% 0 no-repeat; background-size:100%; height:127.5vw;}
	.overview-content .a img{left: 77%;width: 20vw;}
	.overview-content .a .text { background:none; margin:0 6%; padding:6vw 0vw 6vw;width: 68vw;}
	.overview-content .a .text h2 { font-size:8vw; padding:3rem 0 0; font-weight: 400;  }
	.overview-content .a .text p { padding-top:1rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b {padding-bottom: 5.375em;background-color: #fff;   }
.overview-content .b .text { padding:4em 0 0 1em;text-align: center; }
.overview-content .b img { margin-top:9.5em; width:38.75em;float: right;  }
.overview-content .b .imgs ul {margin: 3em auto 0;text-align: justify;width: 92%;}
.overview-content .b .imgs ul li {display: inline-block;vertical-align: top;box-sizing:border-box;width: 24.76%;padding: 0 .5em;}
.overview-content .b .imgs ul li .img-box{ background-color: #988d89; }
.overview-content .b .imgs ul li .img {background-size: contain;background-position: center;background-repeat: no-repeat;height: 0;padding-bottom: 100%;}
.overview-content .b .imgs ul .li1 .img{ background-image: url(images/b1-3.png)}
.overview-content .b .imgs ul .li2 .img{ background-image: url(images/b2-1.png)}
.overview-content .b .imgs ul .li3 .img{ background-image: url(images/b3-1.png)}
.overview-content .b .imgs ul .li4 .img{ background-image: url(images/b4-1.png)}
.overview-content .b .imgs ul li .img-text {margin: 1em 0 0;padding-bottom: 6.4%;}
.overview-content .b .imgs ul li .img-text p{color: #fff;text-align: center;font-size: 1.5625em;}
.overview-content .b .imgs ul li .icon {background-image: url(images/b-icon.png);background-size: 8%;background-position: center;background-repeat: no-repeat;height: 0;margin: 1em 0 0;padding-bottom: 20.6%;}
.overview-content .b .imgs ul li .li-text{text-align: center;font-size: 1.5em;}
.overview-content .b .imgs ul li .li-text a{color: #55cbd5;text-decoration: none;}
.overview-content .b .imgs ul li .li-text a:hover{text-decoration: underline;}
.overview-content .b .w1200::after{content: " ";clear: both;display: block;width: 0;height: 0;visibility: hidden;position: relative;}
@media (max-width:736px) {
	.overview-content .b { padding-bottom:13.4%; height:auto; background:url(mobile/b.jpg) 50% 100% no-repeat; background-size:100%;background-color: #f3f4f6;  }
	.overview-content .b .text { padding:0;width:100%;float: none; }
	.overview-content .b .imgs ul li{width: 49.55%;padding-bottom: 3vw;}
	.overview-content .b .imgs ul li .img-text p{font-size: 3.8vw;}
	.overview-content .b img { margin-top:0; padding:0 6% 8rem; width: 100%; max-width:620px; box-sizing: border-box;float: none;  }

}
@media (max-width:475px){
	.overview-content .b .ab{background-size:auto 2em;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .c { background:#e9ebeb; }
.overview-content .c .text { padding:5em 0 10em 0; position:relative;  z-index:2;text-align: center; }
.overview-content .c .img { background:url(images/c1.jpg) 50% no-repeat; background-size:120em auto; height:50.3125em; margin-top:-13em; position:relative; z-index:1; }
.overview-content .c .img .desc { font-size:1.25em; line-height:1.2; position: absolute; top:0; }
.overview-content .c .img .desc.middle{left:49.5%;transform: translateX(-50%);width: 21%;text-align: center;}
.overview-content .c .img .desc1 { right: 85%; margin-top:13%;width:11%; }
.overview-content .c .img .desc2 { left: 85%; margin-top: 16.5%; }
.overview-content .c .img .desc3 { left:72%; margin-top:34.9%;font-size: 1.8em;font-weight: bold; }
.overview-content .c .img .desc4 {  margin-top:34.8%;font-weight: 400;color: #fff; }
.overview-content .c .img .desc5 {  margin-top:38.1%;font-weight: 400;color: #fff; }
@media (max-width:736px){
	.overview-content .c{background:#e9ebeb;}
	.overview-content .c .text { padding:0; width:auto; }
	.overview-content .c .text>h2{text-align: initial;}
	.overview-content .c .text p{text-align: initial;}
	.overview-content .c .img { background:url(mobile/c.jpg) 50% / 100% auto no-repeat; height:0; margin:0; padding-bottom:48.6%; width:100%; }
	.overview-content .c .img .desc { font-size:1.4vw; }
	.overview-content .c .img .desc.middle{width: 29%;}
	.overview-content .c .img .desc1 { left:5%;right: 83%; margin-top:auto;bottom:78%;top: auto;width: auto; text-align:right;}
	.overview-content .c .img .desc2 { right: 2%; left: 83%; margin-top: auto;top: auto;bottom: 72%;width: auto;}
	.overview-content .c .img .desc3 { right: 2%;left: 70%;margin-top: 27%;font-size: 2.5vw;}
	.overview-content .c .img .desc4 { margin-top:27.5%; left:42.4%;}
	.overview-content .c .img .desc5 { margin-top:30.5%; left:42%; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d { padding:5em 0 6em; }
.overview-content .d .text{ text-align: center;padding-bottom: 5em;}
.overview-content .d .text a.to-one-mesh{font-size: 1.25em;letter-spacing: 0.01em;line-height: 1.5;padding-top: 1.5em;display: block;color: #000;}
.overview-content .d ul.icons { margin:0 auto; max-width:90em; width:75% }
.overview-content .d ul.icons:after { clear:both; content:""; display:block; }
.overview-content .d ul.icons li { box-sizing:border-box; float:left; padding:0 2em; text-align:center; width:25%; }
.overview-content .d ul.icons li img { display:block; margin:0 auto; }
.overview-content .d ul.icons li h3 { font-size:1.5em; line-height:1.2; margin-top:0.2em; }
.overview-content .d ul.icons li p { font-size:1em; line-height:1.5; margin-top:0.5em;  }
.overview-content .d ul.imgs { margin: 3em auto 0;text-align: center;width: 88%;}
.overview-content .d ul.imgs li{ display: inline-block;vertical-align: top;box-sizing: border-box; width: 45%; margin: 0 2%; position: relative;}
.overview-content .d ul.imgs li video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.overview-content .d ul.imgs li .img {position: relative;background-size: contain;background-position: center; background-repeat: no-repeat;height: 0;padding-bottom: 54%;}
.overview-content .d ul.imgs li h3{position: absolute;top: 1.2em;left: 1.7em;font-size: 1.6em; }
@media (max-width:736px) {
	.overview-content .d { padding:1rem 0 4rem; }
	.overview-content .d .text{ text-align: initial;padding-bottom: 0;}
	.overview-content .d .text a{padding: 0 6% 3rem;}
	.overview-content .d ul.icons{width: 90%;margin: 0 auto;max-width: 90em;}
	.overview-content .d ul.icons li{float: none;margin: 2rem 0 0;padding: 1rem 0 0 6.5rem;position: relative;text-align: left;width: auto;}
	.overview-content .d ul.icons img{left: 0;margin: 0;position: absolute;top: 0.3rem;width: 5rem;}
	.overview-content .d ul.imgs li { width: 100%;padding-bottom: 3vw; margin: auto;}
	.overview-content .d ul li img { margin:0 auto; width:5rem; }
	.overview-content .d ul.icons li h3 { font-size:2.5rem; line-height:1.2; margin:0; padding:0; }
	.overview-content .d ul.icons li p { font-size:1.75rem; line-height:1.5; margin:0; padding:1rem 0 0; }
	.overview-content .d ul.imgs li h3{top: 4vw;left: 5vw;font-size: 3vw;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e { background-color: #d0c5c1;padding:5em 0 3em; }
.overview-content .e .text { text-align: center; }
.overview-content .e .text ul{ position:relative; left: 2em;margin:0 auto; max-width:90em; width:90%;padding-top: 3em; }
.overview-content .e .text ul:after { clear:both; content:""; display:block; }
.overview-content .e .text ul li {position:relative; box-sizing:border-box; float:left; padding-left: 3em; text-align:left; width:33%; font-size: 1.25em;}
.overview-content .e .text ul li:first-child {width: 38%;}
.overview-content .e .text ul li:nth-child(2) {width: 32%;}
.overview-content .e .text ul li:last-child {width: 30%;}
.overview-content .e .text ul li .order {position: absolute; top: 0; left: 1.5em; display: inline-block; width: 1em; height: 100%;}
.overview-content .e .icon .img{ background-image:url(images/e-icon.jpg);background-size: contain;background-position: center;background-repeat: no-repeat;height: 0;padding-bottom: 30%;position: relative;}
.overview-content .e .icon .img .desc{ text-align: center;font-size: 1.25em;line-height: 1.2;font-weight:500;position: absolute;top: 14em;width: 12em;}
.overview-content .e .icon .img .desc1{ left: 8.6em;}
.overview-content .e .icon .img .desc2{ left: 29.6em;}
.overview-content .e .icon .img .desc3{ left: 52em;width: 8em;}
.overview-content .e a.tocheck{color:#000;position: absolute;z-index: 5;bottom: 0;left: 50%;transform: translateX(-50%);text-decoration: underline;text-align: center;display: block;font-size: 1.25em;}
@media (max-width:736px){
	.overview-content .e{padding-top: 1rem;}
	.overview-content .e .text{text-align: initial;}
	.overview-content .e .text ul{padding-top: 0;width: 85%;margin: 0;}
	.overview-content .e .w1200 .text ul li{font-size: 1.75rem;float: none;padding: 0 8% 3rem;width: 100%;text-align: initial;}
	.overview-content .e .w1200 .text ul li .order {left: 0;}
	.overview-content .e a.tocheck{position: relative;text-align: initial;padding: 0 6% 3rem;}
	.overview-content .e .icon .img .desc{font-size: 1.25rem;top: 19vw;max-width: 30vw;}
	.overview-content .e .icon .img .desc1{left: 7vw;}
	.overview-content .e .icon .img .desc2{left: 38vw;}
	.overview-content .e .icon .img .desc3{left: 68vw;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .f { padding:5em 0 8em; }
.overview-content .f .text>h2{text-align: center;padding: 0 0 1em 0;}
.overview-content .f ul { margin:0 auto; text-align: justify; width:90% }
.overview-content .f ul li { display: inline-block;vertical-align: top;box-sizing:border-box;width: 33.1%;padding:0 .2em; }
.overview-content .f ul li .img-box{position: relative;}
.overview-content .f ul li .img-box p{position: absolute;top: 0;left: 0;}
.overview-content .f ul li .img {background-size: contain;background-position: center;background-repeat: no-repeat;height: 0;padding-bottom: 100%; }
.overview-content .f ul li.li1 .img {background-image: url(images/f1.png);}
.overview-content .f ul li.li1 .desc{position: absolute;transform: rotate(50deg);text-align: center;color: #fff;}
.overview-content .f ul li.li1 .desc1{top: 19%;left: 27%;}
.overview-content .f ul li.li1 .desc2{top: 30%;left: 14%;}
.overview-content .f ul li.li1 .desc3{transform: rotate(0deg);top: 67%;left: 16%;color: #3bc8d4;}
.overview-content .f ul li.li1 .desc3 .num{font-size: 3.5em;color: #ffcb00;font-weight: bold;}
.overview-content .f ul li.li1 .desc3 .desc-up{font-size: 1.5em; font-weight: 500;}
.overview-content .f ul li.li1 .desc3 .desc-de{font-weight: 500;}
.overview-content .f ul li.li1 .desc p{position: relative;padding: 0;}
.overview-content .f ul li.li1 .dev{position: absolute;color: #79d4dd;width: 61%;left: 37%;}
.overview-content .f ul li.li1 .dev span{display: inline-block;width: 32%;text-align: center;vertical-align: middle;font-size: 0.75em;}
.overview-content .f ul li.li1 .dev.up{top: 70%;}
.overview-content .f ul li.li1 .dev.down{top: 84%;}
.overview-content .f ul li.li2 .img {background-image: url(images/f2.png);}
.overview-content .f ul li.li2 p.up{margin-top: 7%;left: 8%;}
.overview-content .f ul li.li2 p.down{margin-top: 57%;left: 8%;}
.overview-content .f ul li.li2 span.desc{position: absolute;}
.overview-content .f ul li.li2 span.desc1{top: 21%;left: 63%;}
.overview-content .f ul li.li2 span.desc2{top: 38%;left: 65%;}
.overview-content .f ul li.li2 span.desc3{top: 70%;left: 69%;}
.overview-content .f ul li.li2 span.desc4{top: 85%;left: 70%;}
.overview-content .f ul li.li3 .img {background-image: url(images/f3.png);}
.overview-content .f ul li.li3 .middle{left: 50%; transform: translateX(-50%);}
.overview-content .f ul li.li3 p.desc1{margin-top: 8%;}
.overview-content .f ul li.li3 p.desc2{margin-top: 36%;}
.overview-content .f ul li.li3 p.big{margin-top: 22%;color: #f0bf00;font-weight: 400;font-size: 2.75em;}
.overview-content .f ul li.li3 p.left{transform: rotate(50deg)}
.overview-content .f ul li.li3 p.right{transform: rotate(-50deg)}
.overview-content .f ul li.li3 p.desc3{left: 24%;margin-top: 50%;color: #fff;}
.overview-content .f ul li.li3 p.desc4{left: 16%;margin-top: 57%;}
.overview-content .f ul li.li3 p.desc5{left: 60%;margin-top: 55%;}
.overview-content .f ul li.li3 p.desc6{left: 71%;margin-top: 62%;color: #fff;}
.overview-content .f ul li h3 { font-size: 1.375em;line-height:1.8; font-weight: 500;padding: 2em 0 0;text-align: center; }
.overview-content .f ul li p { font-size: 1.25em;text-align: center;line-height: 1.2;padding: 0.5em 0 0;margin: 0 auto;}
.overview-content .f ul li p.details{width: 90%;}
@media (max-width:736px) {
	.overview-content .f { padding:0 0 4rem 0; }
	.overview-content .f .text>h2{text-align: initial;padding: 3rem 6% 0;}
	.overview-content .f ul li {  margin:3rem 0 0; position:relative; text-align:left; width:100%; }
	.overview-content .f ul li img { margin:0 auto;   width:5rem; }
	.overview-content .f ul li h3 { font-size:2.5rem;margin:0; padding-top:2.5rem;text-align: center; }
	.overview-content .f ul li p { font-size:1.75rem; line-height:1.5; padding:1rem 0 0;}
	.overview-content .f ul li p.details{width: 95%;}
	.overview-content .f ul li .desc p{font-size: 1.25rem;}
	.overview-content .f ul li.li1 .desc3 .desc-up{font-size: 4vw;}
	.overview-content .f ul li.li1 .desc3 .num{font-size: 9vw;line-height: 1;}
	.overview-content .f ul li.li1 .desc3 .desc-de{font-size: 3vw;}
	.overview-content .f ul li.li1 .dev span{font-size: 2.4vw;}
	.overview-content .f ul li.li3 p.desc5{left: 57%;margin-top: 52%;}
	.overview-content .f ul li.li3 p.desc6{left: 68%;margin-top: 59%;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .g{background-color: #f0f0ef;}
.overview-content .g .all{width: 100%;background: url(images/ga.jpg) 50% 0 no-repeat;background-size: 120em 100%;}
.overview-content .g .text{padding-bottom: 3em;}
.overview-content .g .text>h2{text-align: center;padding: 1.5em 0 1em 0;}
.overview-content .g .text p{text-align: center;padding-top: 0;}
.overview-content .g .text p.note{font-size: 1em;}
.overview-content .g .img{background:url(images/gb.jpg) 50% 0 no-repeat; background-size:120em auto; height:42.6em;position: relative;z-index:1;}
.overview-content .g .img .desc{font-size: 1em;line-height: 1.2;position: absolute;top: 0;left: 58%;margin-top: -0.5%;}
@media (max-width:736px){
	.overview-content .g{padding-top: 0;}
	.overview-content .g .all{background:url(mobile/gb.jpg) 50% / 100% 100% no-repeat;padding-top: 0;}
	.overview-content .g .text>h2{padding: 3rem 6% 2rem;}
	.overview-content .g .text p.note{font-size: 1.25rem;}
	.overview-content .g .img{background:url(mobile/ga.jpg) 50% / 100% auto no-repeat;height: 0;margin: 0;width: 100%;padding-bottom: 102vw;}
	.overview-content .g .img .desc{display: none;}
	.overview-content .g .text p,.overview-content .g .text>h2{text-align: initial;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .h{background-color: #cdc2be;}
.overview-content .h .text{padding:18.5em 0 50px 4em;width: 35em;position: relative;z-index: 2;}
.overview-content .h .table{position: relative;z-index: 5;width: 100%;padding-top: 3em;margin-left: -2em;min-width: 40em;}
.overview-content .h .table .white p,.overview-content .h .table .red-icon p{text-align: center;line-height: 90px;}
.overview-content .h .table.down{display: none;}
.overview-content .h .table.up{display: table;}
.overview-content .h .table .table-cell{display: table-cell;vertical-align: middle;font-weight: 400;font-size: 1.25em;}
.overview-content .h .table .table-cell.white{background: url(images/h1.png) 50% 100% / auto no-repeat;height: 90px;width: 90px;}
.overview-content .h .table .table-cell.desc {font-size: 1em;}
.overview-content .h .table .table-cell.red-icon{background: url(images/h2.png) 50% 0 no-repeat;height: 90px;width: 90px;color: #fff;}
.overview-content .h .table .table-cell img{display: block;width: 80%;height:auto;}
.overview-content .h .table .table-cell.red{color: #e05c6b}
.overview-content .h .text>h2{font-size: 2.55em;}
.overview-content .h .img{background:url(images/h.jpg) 50% 0 no-repeat; background-size: 120em auto;height:68.1em;position: relative;z-index: 1;margin-top: -43.6em; }
@media (max-width: 736px){
	.overview-content .h{height: auto;}
	.overview-content .h .text{padding: 0;width: auto;}
	.overview-content .h .img{background:url(mobile/h.jpg) 50% / 100% auto no-repeat;height: 0;margin: 0;width: 100%;padding-bottom: 120vw;}
	.overview-content .h .table.down{display: table;}
	.overview-content .h .table.down .table-cell{font-size: 1em;}
    .overview-content .h .table.up{display: none;}
	.overview-content .h .table{width: 95%;min-width: auto;margin: -25% auto 0 auto;padding-bottom: 3em;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .i{background:url(images/i.jpg) 50% 0 no-repeat; background-size: 120em auto;height: 62em;}
.overview-content .i .text{padding:12.5em 0 0 35em;width: 31em;}
.overview-content .i .text>h2{font-size: 2.55em;}
.overview-content .i .text>a{display: block;font-size:1.24999em;padding: 1.5em 0;text-decoration: underline;color: #000;}
.overview-content .i .text img{position: relative;z-index: 1;}
.overview-content .i .img{display: none;}
@media (max-width: 736px){
	.overview-content .i{background: none;background-color: #dcdbdb;height: auto;}
	.overview-content .i .text{width: auto;padding: 0 0 50px 2vw;}
	.overview-content .i .text>a{font-size: 1.75rem;padding: 0 6% 3rem;}
	.overview-content .i .img{display: block;background:url(mobile/i.jpg) 50% / 100% auto no-repeat; height: 0;margin: 0;width: 100%;padding-bottom: 99vw;}
}

/* --- */
@media (max-width: 736px) {
	.overview-content section .text h2 {text-align: left;}
}

.overview-content .apps-img { display: table; margin-top: 2em; line-height: 0; font-size: 0.75em;}
.overview-content .apps-img img { max-width: none; max-height: none;}
.overview-content .apps-img .item { display: table-cell; padding-right: .625em; height: 6.875em; vertical-align: top; }
.overview-content .apps-img .icon { width: auto; height: 100%; }
.overview-content .apps-img .store { height: 3.4375em; }
.overview-content .apps-img .store-group>a { display: table-row; }
@media (max-width:736px) {
	.overview-content .apps-img { padding-left: 6%; padding-right: 6%; font-size: 1rem; }
}