.overview-content { font-weight: 300; font-size:16px;max-width: 1920px;margin: 0 auto;overflow: hidden; }
.overview-content .w1366 { 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.25em; }
@media screen and (max-width:1440px){
  .overview-content { font-size:1.111vw; }
}
@media screen and (max-width:736px){
  html { font-size:10.35px; }
  .overview-content { font-size: 12px; }
  .overview-content .m-light { font-weight: 300; }
  .overview-content .m-regular { font-weight: 400; }
  .overview-content .m-show { display:block; }
  .overview-content .w1366 { 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% no-repeat; background-size:120em 100%; height:58.125em; }
.overview-content .a .text { padding:19em 0 0; }
.overview-content .a .text h2 { font-size:3.4375em; line-height:1.2; }
.overview-content .a .text h3 { font-size:1.875em;  line-height:1.2; padding:1em 0 0; }
.overview-content .a .text p { font-size:1.875em; line-height:1.2; padding:0; }
@media (max-width:736px){
  .overview-content .a { background:url(m/a.jpg) 50% 0 / 100% auto no-repeat; height:0; padding-bottom:137.5%; }
  .overview-content .a .text { padding:0; }
  .overview-content .a .text h2 { font-size:7.5vw; padding:12vw 6vw 0; }
  .overview-content .a .text h3 { font-size:5vw; padding:4vw 6vw 0; }
  .overview-content .a .text p { font-size:5vw; padding:2vw 6vw 0; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b { background:url(b.jpg) 50% 100% no-repeat; background-size:120em auto; padding-bottom:27em; }
.overview-content .b .text { padding:4em 0 0; text-align:center; }
.overview-content .b ul { padding:12em 0 0 15em; }
.overview-content .b ul li { font-size:1.35em; line-height:1.5; }
@media (max-width:736px){
  .overview-content .b { background:#f5f7f7 url(m/b.jpg) 50% 100% / 100% auto no-repeat; padding-bottom:80%; }
  .overview-content .b .text { padding:0; text-align:left; }
  .overview-content .b ul { background:url(m/b-img.png) 0 50% / auto 100% no-repeat; height:0; margin:0 6% 3rem; padding:3% 0 27% 25%; width:auto; }
  .overview-content .b ul li { color:#075a75; font-size:3vw; line-height:2; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .c { background:url(c.jpg) 50% no-repeat; background-size:120em 100%; height:56.25em; }
.overview-content .c .text { color:#fff; float:right; padding:12em 0 0; width:34em; }
.overview-content .c .text .img { background:url(c-img.png) 50% no-repeat; background-size:contain; height:12em; margin:3em 0 0; width:33.5em; }
@media (max-width:736px){
  .overview-content .c { background:#687c8b url(m/c.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:70%; }
  .overview-content .c .text { float:none; padding:0; width:auto; }
  .overview-content .c .text .img { margin:0 6% 3rem; height:0; padding-bottom:31%; width:88%; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d { font-size:16px; height:41em; overflow:hidden;}
.overview-content .d .items { text-align:justify; }
.overview-content .d .items:after { content:""; display:inline-block; height:0; width:100%; }
.overview-content .d .item { display:inline-block; height:0; overflow:hidden; padding-bottom:34.6%; position:relative; vertical-align:top; width:24.5%; }
.overview-content .d .item .bg { background-size:100% 100%; cursor:default; height:100%; position:absolute; width:100%; }
.overview-content .d .item1 .bg { background-image:url(d1.jpg) }
.overview-content .d .item2 .bg { background-image:url(d2.jpg) }
.overview-content .d .item3 .bg { background-image:url(d3.jpg) }
.overview-content .d .item4 .bg { background-image:url(d4.jpg) }
.overview-content .d .item .bg .text{ bottom:0; color:#fff; height:10em; left:3em; position: absolute; right:3em; text-align:center; }
.overview-content .d .item .bg .text h3 { font-size:1.4em; line-height:1.2; padding:1em 0 0; }
.overview-content .d .item .bg .text p { font-size:1.1em; line-height:1.5; padding:0.5em 0 0; }
.overview-content .d .item .cover { background-size:100% 100%; height:100%; opacity:0; position:absolute; transform:translate(0,100%); transition:all .3s ease-out; width:100%; }
.overview-content .d .item:hover .cover { opacity:1; transform:translate(0,0) }
.overview-content .d .item1 .cover { background-image:url(d1-cover.png) }
.overview-content .d .item2 .cover { background-image:url(d2-cover.png) }
.overview-content .d .item3 .cover { background-image:url(d3-cover.png) }
.overview-content .d .item4 .cover { background-image:url(d4-cover.png) }
.overview-content .d .item .cover ul li { color:#fff; line-height:1.1; position:absolute; text-align:center; top:0; width:6em; }
.overview-content .d .item .cover ul li span { font-size:1em; }
.overview-content .d .item1 .cover ul .li1 { left:13%; margin-top:76%; }
.overview-content .d .item1 .cover ul .li2 { left:36%; margin-top:77%; }
.overview-content .d .item1 .cover ul .li3 { left:63%; margin-top:58%; }
.overview-content .d .item1 .cover ul .li4 { left:63%; margin-top:86%; }
.overview-content .d .item2 .cover ul .li1 { left:5%; margin-top:76%; }
.overview-content .d .item2 .cover ul .li2 { left:25.5%; margin-top:77%; }
.overview-content .d .item2 .cover ul .li3 { left:46%; margin-top:77%; }
.overview-content .d .item2 .cover ul .li4 { left:72%; margin-top:63%; }
.overview-content .d .item2 .cover ul .li5 { left:72%; margin-top:89%; }
.overview-content .d .item3 .cover ul .li1 { left:2.5%; margin-top:75%; }
.overview-content .d .item3 .cover ul .li2 { left:24%; margin-top:76%; }
.overview-content .d .item3 .cover ul .li3 { left:47%; margin-top:77%; }
.overview-content .d .item3 .cover ul .li4 { left:68%; margin-top:66%; }
.overview-content .d .item3 .cover ul .li5 { left:68%; margin-top:94%; }
.overview-content .d .item4 .cover ul .li1 { left:11%; margin-top:78%; }
.overview-content .d .item4 .cover ul .li2 { left:32%; margin-top:78%; }
.overview-content .d .item4 .cover ul .li3 { left:65%; margin-top:64%; }
.overview-content .d .item4 .cover ul .li4 { left:65%; margin-top:83%; }
@media (max-width:1920px){
  .overview-content .d { font-size:0.83333333vw; }
}
@media screen and (max-width:736px){
  .overview-content .d { height:auto; padding:2rem 0; }
  .overview-content .d .items { display:block; margin:6% auto; width:88%; }
  .overview-content .d .item { display:block; font-size:3vw; padding-bottom:141.2%; width:100%; }
  .overview-content .d .item + .item { margin-top:6.8%; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e { background:url(e.jpg) 50% no-repeat; background-size:120em 100%; height:59.75em; }
.overview-content .e .text { padding:4em 0 0; text-align:center; }
@media (max-width:736px){
  .overview-content .e { background:url(m/e.jpg) 50% no-repeat; background-size:cover; height:auto; padding-bottom:60%; }
  .overview-content .e .text { padding:0; text-align:left; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .f { background:#4d5b67; color:#d9d9d9; padding-bottom:8em; }
.overview-content .f .text { padding:5em 0 0; text-align:center; }
.overview-content .f .img { background:url(f.png?3) 50% no-repeat; background-size:contain; float:right; height:30em; margin:5em 0 0; position:relative; width:70em; }
.overview-content .f .img .desc { left:-18em; padding-left:2.25em; position:absolute; }
.overview-content .f .img .desc:before { background:currentColor; border-radius:50%; content:""; display:block; height:0.5em; left:0; position:absolute; top:0.6875em; width:0.5em; } 
.overview-content .f .img .desc .inner { font-size:1.5em; line-height:1.25; }
.overview-content .f .img .desc1 { top:1em; }
.overview-content .f .img .desc2 { top:13.5em; }
.overview-content .f .img .desc3 { top:26em; }
.overview-content .f .img .note { left:16em; position:absolute; text-align:center; top:13.5em; width:15em; }
.overview-content .f .img .note .inner { font-size:1.875em; line-height:1.2; }
.overview-content .f .w1366:after { clear:both; content:""; display:block; }
@media (max-width:736px){
  .overview-content .f { padding-bottom:4rem; }
  .overview-content .f .text { padding:0; text-align:left; }
  .overview-content .f .img { background:url(m/f.png?3) 50% 0 / 100% auto no-repeat; float:none; height:0; margin:0; padding-bottom:37.5%; width:auto; }
  .overview-content .f .img .desc { left:6vw; padding-left:3vw; width:22vw; }
  .overview-content .f .img .desc .inner { font-size:3vw; }
  .overview-content .f .img .desc1 { top:1vw; }
  .overview-content .f .img .desc2 { top:14vw; }
  .overview-content .f .img .desc3 { top:29vw; }
  .overview-content .f .img .note { left:42vw; top:16vw; width:25vw; }
  .overview-content .f .img .note .inner  { font-size:3vw; }
}