.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:59.9375em }
.overview-content .a .text { padding-top:13.5em; padding-left:46em;}
.overview-content .a .text h2 { font-size:3.4em; }
.overview-content .a .text h3 { font-size:1.875em; line-height:1.2; padding-top:0.6em; }
.overview-content .a .text h4 { background:url(a-text.png) 50% no-repeat; font-size:0; height:25px; padding-top:10px; width:142px; }
@media screen and (max-width:736px){
  .overview-content .a { background:url(m/a.jpg) 50% 0 / 100% 100% no-repeat; height:0; padding-bottom:133% }
  .overview-content .a .text { margin:0 auto; padding:16% 0 0; width:auto; }
  .overview-content .a .text h2 { font-size:8vw; padding:0 6%; }
  .overview-content .a .text h3 { font-size:5vw; padding:4% 6% 1%; }
  .overview-content .a .text h4 { background-size:contain; margin-left:6%; padding:0; width:25vw; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b .text { padding-top:5em; text-align:center; }
.overview-content .b .img { background:url(b.jpg) 50% no-repeat; background-size:100% auto; margin-top:4em; height:0; overflow:hidden; padding-bottom:30.36458333333333%; position:relative; }
.overview-content .b .img .circle { background:url(b-circle.png) 50% no-repeat; height:422px; left:50%; margin:-211px 0 0 -212px; position:absolute; top:50%; width:422px; }
.overview-content .b .img .circle .desc { box-sizing:border-box; color:#fff; padding-top:160px; width:50%; }
.overview-content .b .img .circle .desc big { display:block; font-size:48px; line-height:1.2; }
.overview-content .b .img .circle .desc span { display:block; font-size:28px; line-height:1.2; }
.overview-content .b .img .circle .desc small { display:block; font-size:18px; line-height:1.2; }
.overview-content .b .img .circle .desc1 { float:left; padding-right:15px; text-align:right; }
.overview-content .b .img .circle .desc2 { float:right; padding-left:15px; text-align:left; }
@media screen and (max-width:736px){
  .overview-content .b .text { color:#323232; padding:0; text-align:left; width:auto; }
  .overview-content .b .img { background-image:url(m/b.jpg); margin:0; height:0; padding-bottom:91%; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .c { background:url(c.jpg) 50% 0 no-repeat; background-size:120em auto; height:53.1875em; }
.overview-content .c .text { color:#fff; padding-top:8.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:#505a7b; height:auto; padding-bottom:103.6% }
  .overview-content .c .text { padding:0; text-align:left; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d { background-color:#f7f7f7; }
.overview-content .d .d1,
.overview-content .d .d2 { display:table; width:100%; }
.overview-content .d .left,
.overview-content .d .right  { display:table-cell; vertical-align:middle; text-align:center; width:50%; }
.overview-content .d .img { background-position:50%; background-size:cover; height:100%; min-height:39em; }
.overview-content .d .d1 .img { background-image:url(d1.jpg) }
.overview-content .d .d2 .img { background-image:url(d2.jpg) }
.overview-content .d .text { margin:0 auto; width:32em; }
.overview-content .d .text .icon { background-position:50%; background-repeat:no-repeat; background-size:contain; height:5em; margin-bottom:1.3em; }
.overview-content .d .d1 .text .icon { background-image:url(d1-icon.png) }
.overview-content .d .d2 .text .icon { background-image:url(d2-icon.png) }
@media screen and (max-width:736px){
  .overview-content .d { height:auto; min-height:0; }
  .overview-content .d .d1, 
  .overview-content .d .d2 { display:block; }
  .overview-content .d .left, 
  .overview-content .d .right { display:block; width:auto; }
  .overview-content .d .d1 .left,
  .overview-content .d .d2 .right { display:none; }
  .overview-content .d .text { padding-bottom:65.3%; text-align:left; width:auto; }
  .overview-content .d .text .icon { display: none }
  .overview-content .d .d1 .text { background:url(m/d1.jpg) 50% 100% / 100% auto no-repeat; }
  .overview-content .d .d2 .text { background:url(m/d2.jpg) 50% 100% / 100% auto no-repeat; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e { background:url(e.jpg) 50% 0 no-repeat; background-size:120em auto; height:51.1875em; }
.overview-content .e .text { margin:0 auto; padding:9em 0 0 53em; }
@media screen and (max-width:736px) {
  .overview-content .e { background:url(m/e.jpg) 50% 100% / 100% auto no-repeat; padding-bottom:80%; height:auto }
  .overview-content .e .text { padding:0; text-align:left; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .f { background:url(f.jpg) 50% 0 no-repeat; background-size:120em auto; height:56.3125em; }
.overview-content .f .text { padding-top:16em; width:32em; }
.overview-content .f .text .link a { border-bottom:1px solid; text-decoration:none; }
.overview-content .f .text .link + .link { padding-top:0; }
@media screen and (max-width:736px){
  .overview-content .f { background:url(m/f.jpg) 50% 100% / 100% auto no-repeat; background-color:#eeeeee; height:auto; padding-bottom:105% }
  .overview-content .f .text { color:inherit; padding:0; text-align:left; width:auto; }
  .overview-content .f .text .link { padding:0 6%; } 
  .overview-content .f .text .link + .link { padding:1rem 6% 3rem; }
}