.overview-content { font-size:16px; min-width:85.375em; max-width:1920px; margin:0 auto; overflow:hidden  }
.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 .m-show { display:none; }
.overview-content .nowrap { white-space:nowrap; }
.overview-content .text>h2 { font-size:3em; line-height:1.2; }
.overview-content .text>p { font-size:1.25em; line-height:1.5; letter-spacing: .025em; padding-top:1.5em; }
@media screen and (max-width:1440px){
  .overview-content { font-size: 1.1111vw; }
}
@media screen and (max-width:736px){
  html { font-size:10.35px; }
  .overview-content { min-width:0 }
  .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%; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .a { background:url(a.jpg) 50% 0 no-repeat; height:53.125em; }
.overview-content .a .text { padding: 12em 0 0 45%; }
.overview-content .a .text h2 { font-size:3.5em; line-height:1.2;}
.overview-content .a .text p { font-size:1.875em; line-height:1.3; padding:.7em 0;}
.overview-content .a .text p+p { display:inline-block; padding:.1em 1em; background: #005564;border-radius: 0.3em;font-weight: 400; color: #ffffff;}

@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; text-align: left; width:auto; }
  .overview-content .a .text h2 { padding-bottom: 0; font-size:7.8125vw; line-height:1.2; }
  .overview-content .a .text p, .overview-content .a .text p.model { font-size:5vw; padding:.5em 6% 0; }
  .overview-content .a .text p.model {display: block;background: none; color: inherit; font-weight: 300;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b {position:relative; background:url(b.jpg) 50% 0 no-repeat;}
.overview-content .b:before {content: '';display:block;position: absolute;top: 0;left:0;right:0;bottom:0;background: url(./b.png) center / cover no-repeat;}
.overview-content .b:after {content: ''; display:block; padding-top: 42.45%;}
.overview-content .b .text { color:#fff; margin:0 auto; padding:4em 0 0; text-align: center; width:72em }
@media screen and (max-width:736px) {
  .overview-content .b { background:#34437a url(m/b.jpg) 50% 100% / cover no-repeat; height:auto; padding-bottom: 78.125vw; }
  .overview-content .b:before, .overview-content .b:after {display: none;}
  .overview-content .b .text { padding:0; text-align:left; width:auto }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .c { position: relative; background:url(c.jpg) center/cover no-repeat; }
.overview-content .c:before {content: ''; display:block; padding-top: 46.7%; background: url(c.png) center/cover no-repeat;}
.overview-content .c .text { padding:15em 0 0 54.25em; } 
@media screen and (max-width:736px) {
  .overview-content .c { display: none }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d { padding: 0 0 6.25em }
.overview-content .d .text { padding:4em 0 0; text-align: center }
.overview-content .d .text p { margin:0 auto; width:54em; }
.overview-content .d .text p span { color:#009FFF }
.overview-content .d .img { background:url(d.png) no-repeat; height:106px; margin:4em auto 0; width:977px; }
@media screen and (max-width:1440px) {
.overview-content .d .img { background-image:url(d@1440.png); height:80px; width:733px; }
}
@media screen and (max-width:736px) {
  .overview-content .d { background:#fff url(m/d.png) 50% 100% / 107% auto no-repeat; height:auto; padding-bottom:28.125vw; }
  .overview-content .d .text { padding:0; text-align:left; width:auto }
  .overview-content .d .text p { width:auto }
  .overview-content .d .img { display: none }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e { position:relative; background:url(e-bg.jpg) center/auto 100% repeat-x; }
.overview-content .e:before {content: ''; display:block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(e.png) center/cover no-repeat;}
.overview-content .e:after {content: ''; display:block; padding-top: 20.3125%;}
.overview-content .e .text { padding:10em 0 0 34.5em; width:38em; }

@media screen and (max-width:736px) {
  .overview-content .e { background:#dcfaff url(m/e.jpg) bottom / 100% auto no-repeat; height:auto; padding-bottom:92.1875vw }
  .overview-content .e:before, .overview-content .e:after {display: none;}
  .overview-content .e .text { padding:0; width:auto }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .g { background:#ffffff; }
.overview-content .g .text { position: relative; z-index: 1;margin-bottom:-24em; padding:13em 0 0 51em; width:25em; }
.overview-content .g .img { background:url(g.png) left no-repeat; background-size:contain; height:47.8em; position:relative; }
.overview-content .g .img .light { background-position: center; background-repeat: no-repeat; background-size: contain; height:20em; left:18.6em; opacity:0; position: absolute; transition:opacity .3s linear; top:22.9em; width:17.3em; }
.overview-content .g .img .light.red { background-image:url(g-red.png) }
.overview-content .g .img .light.blu { background-image:url(g-blue.png) }
.overview-content .g .img .desc { left:51.3em; position: absolute;top:28em; right: 0; }
.overview-content .g .img .desc .li {display: inline-block; box-sizing: border-box; width: 45%; padding-right: 10%; vertical-align:top;}
.overview-content .g .img .desc .icons * { position: relative; background-position:center; background-size: contain;background-repeat: no-repeat; cursor:pointer; display:inline-block; height:2em; vertical-align: middle; width:2em; margin-bottom: 1.5em;}
.overview-content .g .img .desc .icons *:before {opacity: 0; content: ''; display: block; position: absolute; top: 0; left: 0;bottom: 0; right: 0; background-size: contain; background-position: center; background-repeat: no-repeat; transition: opacity .3s linear;}
.overview-content .g .img .desc .icons * + * { margin-left:100px; } 
.overview-content .g .img .desc h3 { padding-bottom: .5em; font-size:1.2em; }
.overview-content .g .img .desc p { color:#949494; font-size:1.2em; padding:.5em 0 0; line-height:1; }
.overview-content .g .img .desc .li.blu .icons * {background-image:url(g-blue-1.png);}
.overview-content .g .img .desc .li.red .icons * {background-image:url(g-red-1.png);}
.overview-content .g input[type="radio"] {display: none;}
.overview-content .g .radio-blu:checked ~ .img .li.blu .icons *:before {background-image: url(g-blue-2.png); opacity: 1;}
.overview-content .g .radio-red:checked ~ .img .li.red .icons *:before {background-image: url(g-red-2.png); opacity: 1;}
.overview-content .g .radio-red:checked ~ .img .light.red,
.overview-content .g .radio-blu:checked ~ .img .light.blu { opacity:1 }

@media screen and (max-width:736px){
  .overview-content .g .text { margin:0; padding:0; width:auto }
  .overview-content .g .img { background:none; height:auto; padding-bottom:90% }
  .overview-content .g .img .desc { left:6%; right:6%; top:0; width:auto; margin-top: 1em; font-size: 3vw;}
  .overview-content .g .img .desc .icons * {margin-bottom: .5em}
  .overview-content .g .img .light { background-size:100% auto; background-position:50% 100%; background-repeat:no-repeat; bottom:0; height:0; left:0; padding-bottom:67.5%; position: absolute; right:0; top:auto; width:auto }
  .overview-content .g .img .light.blu { background-image:url(m/g1.jpg) }
  .overview-content .g .img .light.red { background-image:url(m/g2.jpg) }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .h { background:url(h.jpg) bottom / cover no-repeat #dcf8ff;}
.overview-content .h:after {content: ''; display: block; padding-top: 35%;}
.overview-content .h .text { padding:5em 0 0; text-align:center }
.overview-content .h .text p { margin:0 auto; width:48em; }

@media screen and (max-width:736px) {
  .overview-content .h { background:url(m/h.jpg) 50% 100% / 100% auto no-repeat #dbf8ff; height:auto; padding-bottom:50% }
  .overview-content .h:after {display:none;}
  .overview-content .h .text { padding:0; text-align:left; width:auto }
  .overview-content .h .text p { width:auto }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .i { background: url(i.png) center/ cover no-repeat #ffffff; padding: 18.125em 0}
.overview-content .i .text { width: 35%}
.overview-content .i .apps-img { display: table; margin-top: 4em}
.overview-content .i .apps-img .item { display: table-cell; padding-right: .625em; max-height: 4.375em; height: 4.375em; vertical-align: middle}
.overview-content .i .apps-img .icon { width: auto; height: 100%}
.overview-content .i .apps-img .store-group { height: 4.375em}
.overview-content .i .apps-img .store-group>a {display: table-row}
.overview-content .i .apps-img .store-group>a img { max-height: 2.1875em; height: 2.1875em}
@media screen and (max-width:736px) {
  .overview-content .i { background-image: url(m/i.jpg); background-position: bottom; background-size: contain; padding: 0 0 125vw  }
  .overview-content .i .text { width: 100% }
  .overview-content .i .apps-img { padding: 0 6%; margin-top: 2em; font-size: 3.75vw}
}