body, body>.page-content-wrapper, html { min-width:320px; }
.overview-content { font-size:0.833333vw;  }
.overview-content .w1366 { 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; line-height:1.2; }
.overview-content .text>p { font-size:1.25em; line-height:1.5; padding-top:1em; }
@media screen and (max-width:1920px){
  .overview-content { font-size:16px; }
}
@media screen and (max-width:1440px){
  .overview-content { font-size:1.111vw; }
}
@media screen and (max-width:736px){
  html { font-size:10.35px; }
  .overview-content { font-size:inherit; }
  .overview-content .m-light { font-weight: 300; }
  .overview-content .m-regular { font-weight: 400; }
  .overview-content .m-show { display:block; }
  .overview-content .w1366 { 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(a.jpg) 50% no-repeat; background-size:120em 100%; height:63.75em; }
.overview-content .a .w1366 { height:100%; }
.overview-content .a .text { color:#fff; padding:20em 0 0 12em; width:40em; }
.overview-content .a .text h2 { font-size:3.4375em; }
.overview-content .a .text h3 { color:#2c95d0; font-size:2.25em; }
.overview-content .a .name { color:#fff; font-size:2.25em; position:absolute; right:2em; top:20em; }
@media screen and (max-width:736px){
  .overview-content .a { background:url(m/a.jpg) 50% 0 / 100% auto no-repeat; height:0; padding-bottom:133%; }
  .overview-content .a .text { padding:0; width:auto; }
  .overview-content .a .text h2 { font-size:8vw; padding:10vw 6vw 0 6vw; }
  .overview-content .a .text h3 { font-size:5vw; padding:0 6vw; }
  .overview-content .a .name {  font-size:6vw; position:static; padding:2vw 6vw; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b { background:url(b.jpg) 50% 100% no-repeat; background-size:120em auto; padding-bottom:27em; }
.overview-content .b .text { padding:14em 9em 0 36em; }
.overview-content .b .text p { color:#555; }
@media screen and (max-width:736px) {
  .overview-content .b { background:url(m/b.jpg) 50% 100% / 100% auto no-repeat; padding-bottom:118%; }
  .overview-content .b .text { padding:0; text-align:left; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .c { background:url(c.jpg) 50% 100% no-repeat; background-color:#000; background-size:120em auto; padding-bottom:12em; }
.overview-content .c .text { color:#fff; margin:0 auto; padding:5em 0 0 10em; width:51em; }
.overview-content .c .desc { color:#fff; padding:4em 0 0 55em; text-align:center; width:15em; }
.overview-content .c .desc1 { padding-top:12em; }
.overview-content .c .desc .num { display:block; font-size:4.5em; line-height:1; }
.overview-content .c .desc .device { display:block; font-size:1.5em; line-height:1.2; }
@media screen and (max-width:736px){
  .overview-content .c { background:#000 url(m/c.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:110%; }
  .overview-content .c .text { padding:0; text-align:left; width:auto; }
  .overview-content .c .desc { display:inline-block; padding:0; vertical-align:top; width:30%; }
  .overview-content .c .desc1 { padding-left:3%; }
  .overview-content .c .desc .num { font-size:4rem; }
  .overview-content .c .desc .device { font-size:1.25rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d { background:url(d.jpg) 50% 100% no-repeat; background-color:#000; background-size:120em auto; padding-bottom:62em; }
.overview-content .d .text { color:#fff; margin:0 auto; padding:5em 0 0; width:60em; }
@media screen and (max-width:736px){
  .overview-content .d { background:#000 url(m/d.jpg) 50% 100% / 100% auto no-repeat; padding-bottom:60%; }
  .overview-content .d .text { padding:0; text-align:left; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e { background:url(e.jpg) 50% 100% no-repeat; background-size:120em auto; padding-bottom:35em; }
.overview-content .e .text {padding:5em 0 0 17em; width:42em; }
.overview-content .e .img { bottom:-26.3em; height:0; position: absolute; right:12em; text-align:right; }
.overview-content .e .img .desc1 { color:#fff; line-height:1.5; padding-right:1em; }
.overview-content .e .img .desc1 .inner { font-size:1.5em; }
.overview-content .e .img .desc2 { color:#555; } 
.overview-content .e .img .desc2 .inner { font-size:4em; }
.overview-content .e .img .desc2 .inner small { font-size:0.67em; }
.overview-content .e .img .desc3 { color:#555; }
@media screen and (max-width:736px){
  .overview-content .e { background:url(m/e.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:60%; }
  .overview-content .e .text { float:none; padding:0; text-align:left; width:auto; }
  .overview-content .e .img { height:auto; padding:0 6% 3rem; position:static; text-align:left; }
  .overview-content .e .img .desc1 { background:url(m/e-line.png) 0 50% no-repeat; background-size:contain; padding-left:1rem; }
  .overview-content .e .img .desc1 .inner { font-size:1.5rem; }
  .overview-content .e .img .desc2 .inner { font-size:4rem; }
  .overview-content .e .img .desc3 { font-size:1.25rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .f { background:url(f.jpg) 50% 90% no-repeat; background-size:120em auto; padding-bottom:42em; }
.overview-content .f .text { margin:0 auto; padding:10em 0 0; text-align:center; width:50em; }
.overview-content .f .text p { color:#555; }
@media screen and (max-width:736px) {
  .overview-content .f { background:url(m/f.jpg) 50% 100% / 100% auto no-repeat; padding-bottom:55%; }
  .overview-content .f .text { padding:0; text-align:left; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .g { background:url(g.jpg) 50% no-repeat; background-size:120em 100%; height:63.8125em; }
.overview-content .g .text { color:#fff; margin:0 auto; padding:5em 0 0; text-align:center; width:50em; }
.overview-content .g .text * { text-shadow:0.1em 0.15em 0.15em rgba(0,0,0,0.7); }
@media screen and (max-width:736px){
  .overview-content .g { background:#93939b url(m/g.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:86%; }
  .overview-content .g .text { padding:0; text-align:left; width:auto; }
  .overview-content .g .text * { text-shadow:none; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .h .text { margin:0 auto; padding:6em 0 0; text-align:center; width:30em; }
.overview-content .h .text p { color:#555; }
.overview-content .h .img { background:url(h.png) center no-repeat; background-size:auto 100%; height:9.875em;  margin:5em auto 0; width:53.375em; }
.overview-content .h h3 { font-size:2em; margin:2em 0 0; text-align:center; }
.overview-content .h .icons { margin:0 auto; padding-bottom:8em; width:36em; }
.overview-content .h .icons:after { clear:both; content:""; display:block; }
.overview-content .h .icons li { float:left; margin-top:2em; width:33.33%; }
.overview-content .h .icons li .desc { display:block; font-size:1.25em; line-height:1.2; text-align:center; }
.overview-content .h .icons li .icon { background-size:contain; background-position:center; background-repeat:no-repeat; display:block; height:6em; margin:0 auto; width:6em; }
.overview-content .h .icons .li1 .icon { background-image:url(h-icon-1.png) }
.overview-content .h .icons .li2 .icon { background-image:url(h-icon-2.png) }
.overview-content .h .icons .li3 .icon { background-image:url(h-icon-3.png) }
.overview-content .h .icons .li4 .icon { background-image:url(h-icon-4.png) }
.overview-content .h .icons .li5 .icon { background-image:url(h-icon-5.png) }
.overview-content .h .icons .li6 .icon { background-image:url(h-icon-6.png) }
.overview-content .h .icons .li4 { clear:left; }
@media screen and (max-width:736px){
  .overview-content .h { background:url(m/h.jpg) 50% 100% / 100% auto no-repeat; padding-bottom:35%; }
  .overview-content .h .text { padding:0; text-align:left; width:auto; }
  .overview-content .h .img { display:none; }
  .overview-content .h h3 { font-size:2rem; line-height:1.2; margin:0; padding:0 6%; text-align:left; }
  .overview-content .h .icons { padding-bottom:3rem; width:auto; }
  .overview-content .h .icons li .icon { height:6rem; width:6rem; }
  .overview-content .h .icons li .desc { font-size:1.25rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .i { background:url(i.jpg) 50% no-repeat; background-size:120em 100%; height:63.75em; }
.overview-content .i .text { color:#fff; margin:0 auto; padding:6em 0 0; text-align:center; width:33em; }
.overview-content .i .text * { text-shadow:0.1em 0.15em 0.15em rgba(0,0,0,0.7); }
.overview-content .i .img { background:url(i-icons.png) center no-repeat; background-size:contain; height:3.421875em; margin:3em auto 0; width:39.09375em; }
@media screen and (max-width:736px){
  .overview-content .i { background:#aea699 url(m/i.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:97%; }
  .overview-content .i .text { padding:0; text-align:left; width:auto; }
  .overview-content .i .text * { text-shadow:none; }
  .overview-content .i .img { background:url(m/i-icons.png) 6vw center no-repeat; background-size:contain; height:10rem; margin:0 0 4rem; }
}