.overview-content { font-size:16px; margin:0 auto; max-width:1920px; outline:1px solid #ccc; overflow-x:hidden; }
.overview-content .w1200 { margin:0 auto; position:relative; width:85.375em; }
.overview-content .regular { font-weight: 400; font-weight:normal; }
.overview-content .medium { font-weight: 500; font-weight:normal; }
.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: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-regular { font-weight: 400; }
  .overview-content .m-bold { font-weight: 700;}
  .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:53.125em; }
.overview-content .a .text { padding:8em 0 0; width:64em; }
.overview-content .a .text h2 { font-size:3.5em; line-height:1.2; }
.overview-content .a .text h3 { font-size:1.875em; line-height:1.2; margin-top:0.5em; }
.overview-content .a .text p {font-size:1.875em; line-height:1.2; margin-top:0.5em; padding:0; }
@media screen and (max-width:1440px) {
  .overview-content .a { background-size:1440px auto; }
}
@media screen and (max-width:736px) {
  .overview-content .a { background:url(m/a.jpg?2) 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:7.5vw; line-height:1.2; padding:10% 6% 0; }
  .overview-content .a .text h3 { font-size:5vw; margin:5% 30% 0 6%; }
  .overview-content .a .text p { font-size:5vw; margin:4% 6% 0; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b { background:url(b.png) 20% 100% no-repeat; padding:5em 0 25em; }
.overview-content .b .w1200 { margin:0 auto; max-width:80%; }
.overview-content .b .text h2+p{padding-top:1.5em;}
.overview-content .b .text p { padding:0.5em 0 0; }
.overview-content .b .text .img { background:url(b1.png) 50% no-repeat; background-size:contain; height:14.8175em; left:-5.5em; margin-top:4em; position:relative; width:33.6875em; }
.overview-content .b .text .img span { display:block; font-size:1em; position:absolute; text-align:center; top:0; width:25%; }
.overview-content .b .text .img .span1 { color:#239ba5; left:12.5%; margin-top:-5%; }
.overview-content .b .text .img .span2 { color:#239ba5; left:68.5%; margin-top:-5%; }
.overview-content .b .text .img .span3 { color:#4acbd6; left:40.5%; margin-top:10% }
.overview-content .b .text .img .span4 { color:#fff; font-size:0.8em; left:0.7%; margin-top:28%; width:10%; }
@media screen and (max-width:1440px) {
  .overview-content .b { background-size:1440px auto; }
}
@media screen and (max-width:736px) {
  .overview-content .b { background:url(m/b.png) 50% 100% / 100% auto no-repeat;padding-top:0;padding-bottom:60%; }
  .overview-content .b .w1200 { max-width:100%; }
  .overview-content .b .text {padding-top:4rem;}
  .overview-content .b .text p { padding:0 6% 1rem; }
  .overview-content .b .text .img { font-size:2.5vw; left:2.5em; margin-top:4rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .c { background:url(c.jpg) 50% no-repeat; height:53.125em; }
.overview-content .c .text { padding:8em 0 0 30em; width:33em; }
.overview-content .c .text ol { margin-top:1em; }
.overview-content .c .text ol li { display:table; margin-bottom:0.5em; width:100%; }
.overview-content .c .text ol li span { display:table-cell; font-size:1.25em; line-height:1.5; }
.overview-content .c .text ol li .step { padding-right:0.3em; vertical-align:top; white-space:nowrap; width:1px; }
.overview-content .c .text .img { background:url(c-img.png) 50% no-repeat; height:133px; margin-top:2em; width:248px; }
.overview-content .c .text .tip { font-size:13px; width:340px; }
@media screen and (max-width:1440px) {
  .overview-content .c { background-size:1440px auto; }
}
@media screen and (max-width:736px){
  .overview-content .c { background:url(m/c.png) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:77%; }
  .overview-content .c .text { padding:0; width:auto; }
  .overview-content .c .text ol { margin:0 6%; }
  .overview-content .c .text ol li span { display:block; font-size:1.75rem; width:auto; }
  .overview-content .c .text .img { display:none; }
  .overview-content .c .text .tip { font-size:1.5rem; padding:1.5rem 6% 3rem; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d { background:url(d.png) 50% 100% no-repeat; background-color:#6ac2cc; padding-bottom:43em; }
.overview-content .d .text { color:#fff; padding:7em 5em 0; text-align:center; }
@media screen and (max-width:1440px) {
  .overview-content .d { background-size:1440px auto; }
}
@media screen and (max-width:736px){
  .overview-content .d { background:url(m/d.png) 50% 100% / 100% auto no-repeat; background-color:#6ac2cc; padding-bottom:50%; }
  .overview-content .d .text { padding:0; text-align:left; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e { background:url(e.png) 50% no-repeat; height:53.4375em; }
.overview-content .e .text { float:right; padding:8em 0 0; width:30em; }
@media screen and (max-width:1440px) {
  .overview-content .e { background-size:1440px auto; }
}
@media screen and (max-width:736px){
  .overview-content .e { background:url(m/e.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:65%; }
  .overview-content .e .text { float:none; padding:0; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .f { background:url(f.png) 50% no-repeat; height:53em; }
.overview-content .f .text { padding:12.5em 0 0 2.5em; width:32em; }
@media screen and (max-width:1440px) {
  .overview-content .f { background-size:1440px auto; }
}
@media screen and (max-width:736px){
  .overview-content .f { background:url(m/f.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:83%; }
  .overview-content .f .text { padding:0; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .g { background:url(g.jpg) 50% no-repeat; height:58.875em; }
.overview-content .g .text { margin:0 auto; padding:8em 0 0; text-align:center; width:52em; }
.overview-content .g .text p+p { padding-top:0.5em; }
.overview-content .g .tip { color:#fff; font-size:2.2em; left:45.5%; padding-top:36%; position:absolute; text-align:center; top:0; width:10%; }
@media screen and (max-width:1440px){
  .overview-content .g { background-size:1440px auto; }
}
@media screen and (max-width:736px) {
  .overview-content .g { background:url(m/g.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:97%; }
  .overview-content .g .text { padding:0; text-align:left; width:auto; }
  .overview-content .g .text h2+p { padding-bottom:1rem; }
  .overview-content .g .tip { bottom:-53vw; font-size:4vw; left:45%; padding:0; top:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .h ol { padding:5em 0 5em 2em; }
.overview-content .h ol li { color:#666; font-size:1.2em; list-style-type:decimal; line-height:1.5; margin-bottom:0.2em; }
@media screen and (max-width:736px) {
  .overview-content .h ol { margin:0 6% 0 4%; padding:4rem 0 4rem 2rem; }
  .overview-content .h ol li { font-size:1.5rem; }
}