.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; font-weight:normal; }
.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; background-size:120em auto; height:53em }
.overview-content .a .text { padding-top:7em; width:55em; }
.overview-content .a .text h2 { font-size:3.4em; }
.overview-content .a .text p { font-size:1.875em; padding-top:0.7em; }
@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:13%; width:auto; }
  .overview-content .a .text h2 { font-size:7vw; padding-top:0; padding-bottom:0; }  
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b { background:url(b.jpg) 50% 100% no-repeat; background-size:120em auto; height:64em }
.overview-content .b .text { padding-top:13.5em; padding-left:53.6em;  }
.overview-content .b .text ul { padding-top:4em; }
.overview-content .b .text li { background-position:0 center; background-repeat: no-repeat; background-size:auto 100%; font-size:1.125em; line-height:1.5; margin-bottom:1.5em; padding-left:4.3em; }
.overview-content .b .text .li1 { background-image:url(b-icon-1.png) }
.overview-content .b .text .li2 { background-image:url(b-icon-2.png) }
@media screen and (max-width:736px){
  .overview-content .b { background:url(m/b.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:90%; }
  .overview-content .b .text { color:#323232; padding:0; text-align:left; width:auto; }
  .overview-content .b .text ul { padding-top:0; padding-left:6%; }
  .overview-content .b .text li { margin-bottom:1rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .c { background:url(c.jpg) 50% 0 no-repeat; background-size:120em auto; height:60.5em; }
.overview-content .c .text { padding-left:10em; padding-top:7.5em; width:29em; }
@media screen and (max-width:736px){
  .overview-content .c { background:url(m/c.jpg) 50% 100% / 100% auto no-repeat; background-color:#f6f6f6; height:auto; padding-bottom:86% }
  .overview-content .c .text { color:#000; padding:0; text-align:left; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d { background-color:#f5f5f5; min-height:56em; position: relative; }
.overview-content .d .text {  padding:20em 0; width:32em; }
.overview-content .d .img { background:url(d.jpg) center no-repeat; background-size:auto 80%; bottom:0; left:50%; margin-left:-6%; position:absolute; right:6%; top:0 }
@media screen and (max-width:736px){
  .overview-content .d { height:auto; min-height:0;  padding-bottom:4rem; }
  .overview-content .d .text { color:inherit; padding:0; width:auto; }
  .overview-content .d .img { background:url(m/d.jpg) 50% 100% / 100% auto no-repeat; height:0; margin:0 auto; padding-bottom:67%; position: static; width:88%; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e { background:url(e.jpg) 50% 0 no-repeat; background-size:120em auto; height:56em; }
.overview-content .e .text { margin:0 auto; padding:9em 0 0 53em; }
.overview-content .e ul { left:51.4em; position: absolute; right:-2.185em; top:35em; }
.overview-content .e ul li { box-sizing: border-box; float:left; font-size:0.9em; line-height:1.2; padding:0 1em; text-align:center; width:25%; }
@media screen and (max-width:736px) {
  .overview-content .e { background:none; padding-bottom:0; height:auto }
  .overview-content .e .text { background:url(m/e-bg.png) 50% 100% / 100% 100%; padding:0; text-align:left; width:auto; }
  .overview-content .e ul { background:url(m/e.jpg) 50% 0 / 100% auto no-repeat; height:0; left:0; padding-bottom:110.9%; position: relative; right:0; top:0; width:auto }
  .overview-content .e ul li { font-size:2vw; position: absolute; top:96vw; width:20vw; }
  .overview-content .e ul .li1 { left:12vw }
  .overview-content .e ul .li2 { left:30.5vw }
  .overview-content .e ul .li3 { left:49vw }
  .overview-content .e ul .li4 { left:67vw }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .f { background:url(f.jpg) 50% 0 no-repeat; background-size:120em auto; height:59em; }
.overview-content .f .text { margin:0 auto; padding-top:5em; text-align:center; width:62em; }
@media screen and (max-width:736px){
  .overview-content .f { background:url(m/f.jpg) 50% 100% / 100% auto no-repeat; background-color:#f5f5f5; height:auto; padding-bottom:232% }
  .overview-content .f .text { color:inherit; padding:0; text-align:left; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .g { background:url(g.jpg) 50% 0 no-repeat; background-size:120em auto; height:64em; }
.overview-content .g .text { padding-top:13.5em; width:32em; }
.overview-content .g .text .icon { background:url(g-icon.png) center no-repeat; height:72px; margin-top:2.5em; width:277px; }
@media screen and (max-width:736px){
  .overview-content .g { background:url(m/g.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:100% }
  .overview-content .g .text { color:inherit; padding:0; width:auto; }
  .overview-content .g .text .icon { margin:-1rem 6% 3rem; }
}