.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(a.jpg) 50% 0 no-repeat; height:1050px }
.overview-content .a .text { padding-top:13.9em; width:40em; }
.overview-content .a .text h2 { font-size:3.4em; }
.overview-content .a .text p { font-size:1.5em; padding-top:1em; }
.overview-content .a .text .icon { background:url(a-icon.png) 50% no-repeat; height:82px; margin-top:2em; width:139px; }
@media screen and (max-width:1440px) {
  .overview-content .a { background-image:url(a@1440.jpg); height:788px }
}
@media screen and (max-width:736px){
  .overview-content .a { background:url(m/a.jpg) 50% 0 / 100% 100% no-repeat; height:0; padding-bottom:124.5% }
  .overview-content .a .text { margin:0 auto; padding-top:9%; width:auto; }
  .overview-content .a .text h2 { font-size:7vw; padding-top:0; padding-bottom:0; }
  .overview-content .a .text p { font-size:4.375vw; line-height:1.2; padding-top:4%; padding-bottom:0; width:60%; }
  .overview-content .a .text .icon { background-size:contain; height:16.4vw; margin-left:6%; margin-top:3%; width:27.8vw; }
  
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b { background:url(b.jpg) 50% 50% no-repeat; height:721px; }
.overview-content .b .text { color:#fff; padding-left:48em; padding-top:10.5em; width:32em; }
.overview-content .b .text h3 { font-size:1.125em; line-height:1.2; padding-bottom:1em; }
@media screen and (max-width:1440px) {
  .overview-content .b { background-image:url(b@1440.jpg); height:541px; }
}
@media screen and (max-width:736px){
  .overview-content .b { background:url(m/b.jpg) 50% 100% / 100% auto no-repeat; background-color:#fff; height:auto; padding-bottom:65%; }
  .overview-content .b .text { color:#323232; padding:0; width:auto; }
  .overview-content .b .text h3 { font-size:2rem; padding:4rem 6% 2rem; }
  .overview-content .b .text h2 { padding-top:0; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .c { background:url(c.jpg) 50% 0 no-repeat; padding-top:41em; padding-bottom:6.8em; }
.overview-content .c .text { margin:0 auto; text-align:center; width:74em; }
.overview-content .c .text h3 { font-size:1.56em; line-height:1.2; text-indent:15em; }
.overview-content .c .text h2 { padding-top:1.5em; }
.overview-content .c .text .link { border-bottom:1px solid; color:#00a7e6; display:inline-block; opacity:.8; }
.overview-content .c .text .link a { color:inherit; text-decoration:none; }
.overview-content .c .text .link:hover { opacity:1; }
.overview-content .c .text .link a:hover { color:inherit!important; }
@media screen and (max-width:1440px) {
  .overview-content .c { background-image:url(c@1440.jpg) }
}
@media screen and (max-width:736px){
  .overview-content .c { background:url(m/c.jpg) 50% 100% / 100% auto no-repeat; background-color:#f1f2f4; padding-top:0; padding-bottom:90%; position:relative; }
  .overview-content .c .w1200 { position:static; }
  .overview-content .c .text { padding:0; text-align:left; width:auto; }
  .overview-content .c .text h2 br { display:none; }
  .overview-content .c .text h3 { bottom:4.5%; font-size:4vw; line-height:0; left:0; position: absolute; text-indent:0%;  text-align:center; width:70%; white-space: nowrap; }
  .overview-content .c .text p { padding-bottom:1rem; }
  .overview-content .c .text .link { border:none; display:block; padding-bottom:3rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d { background:url(d.jpg) 50% 0 no-repeat; height:750px; }
.overview-content .d .text { color:#323232; padding:5em 0 0; width:48em; }
.overview-content .d .text h3 { font-size:1.6em; line-height:1.2; padding-top:.5em; }
.overview-content .d .text h2 { padding-top:.5em; }
.overview-content .d .text p { width:29em; }
@media screen and (max-width:1440px) {
  .overview-content .d { background-image:url(d@1440.jpg); height:563px }
}
@media screen and (max-width:736px){
  .overview-content .d { background:url(m/d.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:119% }
  .overview-content .d .text { color:inherit; padding:0; width:auto; }
  .overview-content .d .text h3 { font-size:2rem; padding:4rem 6% 0 }
  .overview-content .d .text h2 { font-size:2.5rem; padding:2rem 6%; }
  .overview-content .d .text p { color:inherit; width:auto }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e { background-color:#dfe0e7; padding-bottom:5em; }
.overview-content .e .text { color:#323232; margin:0 auto; padding:4em 0 3em; text-align:center; width:63em; }
.overview-content .e .img ul { margin:0 auto; max-width:85.375em; }
.overview-content .e .img ul:after { clear:both; content:""; display:block; }
.overview-content .e .img li { float:left; margin:0 3%; position:relative; text-align:center; width:19%; }
.overview-content .e .img li img { width:100%; }
.overview-content .e .img li span { display:block; font-size:1.5em; line-height:1.2; padding-top:1em; }
@media screen and (max-width:736px) {
  .overview-content .e { padding-bottom:2rem; }
  .overview-content .e .text { padding:0; text-align:left; width:auto; }
  .overview-content .e .img li { margin:0 6%; width:41%; }
  .overview-content .e .img .li2,
  .overview-content .e .img .li4 { margin-left:0; }
  .overview-content .e .img li span { font-size:1.5rem; padding-top:1rem; padding-bottom:2rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .g { background-color:#f1f0f0; padding:9em 0 10em; }
.overview-content .g th a { display:block; padding-bottom:1.5em; text-align:center; }
.overview-content .g td { background:#edeff1; border-right:1px solid #cbdeec; box-sizing:border-box; font-size:1em; line-height:1.3; padding:.8em 1.5em; text-align:center; width:14.285714285714285714285714285714%; }
.overview-content .g td:first-child { border-left:1px solid #cbdeec; text-align:left; }
.overview-content .g td:nth-child(2),
.overview-content .g td:nth-child(3) { background:#e2eaf3 }
.overview-content .g tbody tr:first-child td { border-top:1px solid #cbdeec; padding-top:1.5em; }
.overview-content .g tbody tr:last-child td { border-bottom:1px solid #cbdeec; padding-bottom:1.5em; }
@media screen and (max-width:1440px){
  .overview-content .g th a img { max-width:80% }
}
@media screen and (max-width:736px) {
  .overview-content .g { display:none }
}


/** */
.overview-content .w1500 { margin:0 auto; position:relative; max-width:93.75em; width: 88%;}
.overview-content .w1500:after { clear:both; content:""; display:block; }
@media (max-width: 736px) {
  .overview-content .w1500 { width: auto; }
}
.overview-content .section-smartcloud {padding-top: 8.125em;}
.overview-content .section-smartcloud .text {text-align:center;}
.overview-content .section-smartcloud .text p {width: 80%; margin:auto;}
.overview-content .section-smartcloud .text a:hover {color: #4acbd6;}
.overview-content .section-smartcloud .text a {color: #085563;}
.overview-content .section-smartcloud .img .inner {position: relative;}
.overview-content .section-smartcloud .bg-text {position:absolute; top:0; bottom:0; left:0; right:0;}
.overview-content .section-smartcloud .img-1 {width: 63.625em; margin: 3em auto 0;}
.overview-content .section-smartcloud .img-1 .inner {height: 0; padding-top: 52.6523%; background:url('./smartcloud-bg-1.png') center no-repeat; background-size:contain;}
.overview-content .section-smartcloud .img-1 .bg-text {font-size: 1em; }
.overview-content .section-smartcloud .img-1 .des {position: absolute; font-size: 1.125em; line-height: 1.2;}
.overview-content .section-smartcloud .img-1 .des-1 {top: 48%; right: 97%; width: 6.667em; text-align:right;}
.overview-content .section-smartcloud .img-1 .des-2 {top: 20%; right: 101%; width: 8.5em; text-align:right;}
.overview-content .section-smartcloud .img-1 .des-3 {top: 8%; left: 32.5%; right: 53.7%; font-size: 1.25em;}
.overview-content .section-smartcloud .img-1 .des-4 {top: 12%; left: 60%; font-size: 1.25em;}
.overview-content .section-smartcloud .img-1 .des-5 {top: 55%; left: 60%; right: 25%; text-align: center;}
.overview-content .section-smartcloud .img-1 .des-7 {top: 42%; left: 98%; width: 11.111em;}
.overview-content .section-smartcloud .img-1 .des-8 {bottom: 6.5%; left: 61%; right: 15%; text-align: right;}
.overview-content .section-smartcloud .img-1 .des-cloud {top: 100%; left: 82%; right: -4%; text-align: center;}
.overview-content .section-smartcloud .note-container {position: relative;}
.overview-content .section-smartcloud .note-container:before {content: ''; display: block; position: absolute; bottom: 2em; right: 43%; background: url('/assets/images/product/eap245_v3_1/smartcloud-bg-2.png') center no-repeat; background-size: contain; width: 44.625em; height: 25.5625em;}
.overview-content .section-smartcloud .note-text {margin-top: 3em; padding-bottom: 6.25em; padding-left: 54%; text-align: left; line-height: 1.4;}
.overview-content .section-smartcloud .note-title {display: inline-block;padding-bottom: .5em; font-size: 1.2em; line-height: 1.5;}
@media (max-width:736px) {
  .overview-content .section-smartcloud {padding-top: 0;}
  .overview-content .section-smartcloud .text {text-align: left;}
  .overview-content .section-smartcloud .text p {width: auto;}
  .overview-content .section-smartcloud .extra {padding-top: 6.25vw;background: #f3f6fb;}
  .overview-content .section-smartcloud .img-1 {width: 90%; margin-top: 0;}
  .overview-content .section-smartcloud .img-1 .inner {padding-top: 91%; background-image: url('./m/smartcloud-bg-1.png')}
  .overview-content .section-smartcloud .img-1 .bg-text {font-size: 2.5vw; }
  .overview-content .section-smartcloud .img-1 .des {text-align: center;}
  .overview-content .section-smartcloud .img-1 .des-1 {top: 42vw; left: 2.5vw; right: 70vw; width: auto;}
  .overview-content .section-smartcloud .img-1 .des-2 {top: 22.5vw; left: -1.5vw; right: 72vw; width: auto;}
  .overview-content .section-smartcloud .img-1 .des-3 {top: 4vw; left: 40vw; right: 31vw; text-align: left;}
  .overview-content .section-smartcloud .img-1 .des-4 {top: 9vw; left: 75vw; right: -2.5vw; text-align: left;}
  .overview-content .section-smartcloud .img-1 .des-5 {top: 36.5vw; left: 75vw; right: -2.5vw; }
  .overview-content .section-smartcloud .img-1 .des-7 {top: 70vw; left: 72vw; right: -4.5vw; width: auto;}
  .overview-content .section-smartcloud .img-1 .des-8 {top: 71vw; bottom: auto; left: 53vw; right: 17vw; text-align: left;}
  .overview-content .section-smartcloud .img-1 .des-cloud {top: 60vw; bottom: 12.5vw; left: 25vw; right: 47vw;}
  .overview-content .section-smartcloud .note {margin-top: -5vw; padding: 0;}
  .overview-content .section-smartcloud .note-container:before {position: relative; width: 88vw;height: 50.38vw;margin:auto;right: auto; bottom: 0;background-position: top; background-size: 100% auto;}
  .overview-content .section-smartcloud .note-text {margin-top: 0; padding-bottom: 0; padding-left: 0;}
  .overview-content .section-smartcloud .note-text b {font-weight: 400;}
  .overview-content .section-smartcloud .note-text p {font-size: 3.875vw;}
}