.overview-content { font-weight: 300;font-size:16px;font-weight: 300; overflow:hidden;max-width: 1920px;margin: 0 auto;overflow-x: hidden; }
.overview-content .w1200 { margin:0 auto; position:relative; width:75em; }
.overview-content .regular { font-weight: 400!important; }
.overview-content .medium { font-weight: 500!important; }
.overview-content .bold { font-weight: 700!important; }
.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:1.111111111111vw; }
}
@media screen and (max-width:768px){
  html { font-size:10.35px; }
  .overview-content .w1200 { width:auto; }
  .overview-content .text>h2 { font-size:2.5rem; padding:4rem 6% 1.5rem; }
  .overview-content .text>p { font-size:1.75rem; line-height:1.5; padding:0 6% 2rem; }
  .overview-content .text a{font-size: 1.35rem}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .a { background: url(a.jpg) 50% no-repeat; background-size:120em 100%; height:52.625em;position: relative }
.overview-content .a .text { padding:18em 0 0 40.5em;color: #fff }
.overview-content .a .text h2 { font-size:3.4375em; line-height:1.2; }
.overview-content .a .text p {background: #4e8386; border-radius:0.4em; display:inline-block; font-size:1.375em; line-height:1.36; margin:1em 0 0; padding:0 0.5em; }
.overview-content .b {background: url(b.jpg) 50% no-repeat;background-size: 120em auto;height: 45em} 
.overview-content .b .text{padding: 10em 49em 0 0;}
.overview-content .c {background: url(c.jpg) 50% no-repeat;background-size: 120em auto;height: 38em}
.overview-content .c .text{padding: 14em 55em 0 0}
.overview-content .d {background: url(d.jpg) 50% no-repeat;background-size: 120em auto;height: 46em;}
.overview-content .d .text{text-align: right;padding: 12em 0 0 51em}
.overview-content .e{background: url(e.jpg) 50% / 120em auto no-repeat;height: 60em}
.overview-content .e .text{padding: 25em 45em 0 0;}
.overview-content .f {background: url(f.jpg) center / 120em auto no-repeat;height: 20em}
.overview-content .f ul{text-align: justify;padding-top: 6em}
.overview-content .f ul::after{content: '';display: inline-block;width: 100%;height: 0}
.overview-content .f li{position: relative;display: inline-block;width: 25%;vertical-align: top;text-align: center}
.overview-content .f li .icon{display: inline-block;width: 4em;height: 4em;vertical-align: middle;background-position: center;background-size: contain;background-repeat: no-repeat}
.overview-content .f li .title{vertical-align: middle;display: inline-block;font-size: 1.55em;line-height: 1.3;font-weight: 500}
.overview-content .f li .desc{display: block;padding-top: 1em}
.overview-content .f .li1 .icon{background-image: url(f1.png)}
.overview-content .f .li2 .icon{background-image: url(f2.png)}
.overview-content .f .li3 .icon{background-image: url(f3.png)}
@media screen and (max-width: 768px){
  .overview-content .a{background: url(m/a.jpg) 50% 100% / 100% no-repeat;height: 0;padding-bottom: 135%;}
  .overview-content .a .text{padding: 18vw 6% 0;}
  .overview-content .a .text h2{font-size: 8vw;font-weight: 300;padding: 0}
  .overview-content .a .text p{font-size: 4vw;font-weight: 400}
  .overview-content .b{background: url(m/b.jpg) 50% 100% / 100% auto no-repeat;height: auto;padding-bottom: 66%}
  .overview-content .b .text{padding: 0}
  .overview-content .c{background:#fafafa url(m/c.jpg) 50% 100% / 100% auto no-repeat;height: auto;padding-bottom: 60%}
  .overview-content .c .text{padding: 0}
  .overview-content .d{background: url(m/d.jpg) 50% 100% / 100% auto no-repeat;height: auto;padding-bottom: 85%}
  .overview-content .d .text{padding: 0;text-align: left}
  .overview-content .e{background: url(m/e.jpg) 50% 100% / 100% auto no-repeat;height: auto;padding-bottom: 95%}
  .overview-content .e .text{padding: 0;text-align:center;}
  .overview-content .f{background: url(m/f.jpg) center / 100%  repeat-y;height: auto }
  .overview-content .f ul{padding-top: 0;}
  .overview-content .f li{display: block;width: auto;text-align: left;padding: 1.25rem 6%;padding-left: 6.5rem;}
  .overview-content .f li br{display: none}
  .overview-content .f .li2{background: rgba(0, 0, 0,0.2)}
  .overview-content .f li .icon{position: absolute;width: 4rem;height: 4rem;left: 2rem;top: 1.75rem}
  .overview-content .f li .title{font-size: 1.8rem}
  .overview-content .f li .desc{padding-top: 0;font-size: 1.25rem}
}