body, body>.page-content-wrapper, html { min-width:320px; }
.overview-content { font-size:16px; }
.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; }
.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:1.111vw; }
}
@media screen and (max-width:736px){
html { font-size:10.35px; }
.overview-content { font-size:inherit; }
.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.75em; line-height:1.5; padding:0 6% 3rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .a { background:url(a.jpg) 50% no-repeat; background-size:120em 100%; height:53.125em; }
.overview-content .a .text { float:right; padding:7em 0 0; width:27.5em; }
.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:0.6em 0 0; }
.overview-content .a .text p { font-size:1.875em; line-height:1.2; padding:0.6em 0 0; }
@media screen and (max-width:736px){
.overview-content .a { background:url(m/a.jpg) 50% 0 / 100% auto no-repeat; height:0; padding-bottom:133%; }
.overview-content .a .text { color:#fff; padding:0; width:auto; }
.overview-content .a .text h2 { font-size:8vw; padding:12vw 6vw 0; }
.overview-content .a .text h3 { font-size:6vw; padding:4vw 6vw 0; }
.overview-content .a .text p { font-size:6vw; padding:2vw 6vw; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b { padding:0 0 7.5em; }
.overview-content .b .text { padding:5em 4em 4em; text-align:center; }
.overview-content .b .imgs:after { clear:both; content:""; display:block; }
.overview-content .b .imgs .img { background-size:100% 100%; background-position:center; background-repeat:no-repeat; height:0; padding-bottom:32.06%; position:relative; width:48.17%; }
.overview-content .b .imgs .img1 { background-image:url(b1.jpg); float:left; }
.overview-content .b .imgs .img2 { background-image:url(b2.jpg); float:right; }
.overview-content .b .imgs .img .desc { background:rgba(255,255,255,0.7); border-radius:50%; display:table; height:12em; margin:20% auto 0; width:12em; }
.overview-content .b .imgs .img .desc span { display:table-cell; font-size:2em; line-height:1.2; text-align:center; vertical-align:middle; }
@media screen and (max-width:736px){
.overview-content .b { padding:0 0 2rem; }
.overview-content .b .text { padding:0; text-align:left; width:auto; }
.overview-content .b .imgs { margin:0 5%; }
.overview-content .b .imgs .img { margin-bottom:5%; padding-bottom:66.6%; width:100%; }
.overview-content .b .imgs .img .desc { height:36vw; margin:12vw auto; width:36vw; }
.overview-content .b .imgs .img .desc span { font-size:2rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .c { background:url(c.jpg) 50% no-repeat; background-size:120em 100%; height:54.125em; }
.overview-content .c .text { color:#fff; padding:18em 0 0; width:32em; }
@media screen and (max-width:736px){
.overview-content .c { background:#e6e6e6 url(m/c.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:98.125%; }
.overview-content .c .text { color:inherit; padding:0; width:auto; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d { background:url(d.jpg) 50% no-repeat; background-size:120em 100%; height:65.1875em; }
.overview-content .d .text { float:right; padding:12em 0; width:38em; }
.overview-content .d .text .img { background:url(d-img.png) 50% no-repeat; background-size:contain; height:10.375em; margin:3em 0 0; width:9.1875em; }
@media screen and (max-width:736px){
.overview-content .d { background:#f5f6f9 url(m/d.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:100%; }
.overview-content .d .text { float:none; padding:0; width:auto; }
.overview-content .d .text .img { font-size:1.5rem; margin:0 6%; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e .text { padding:8em 0 0; width:31em; }
.overview-content .e .img { background:url(e.jpg) 50% no-repeat; background-size:120em 100%; margin-top:-18em; height:60em; overflow:hidden; }
.overview-content .e .img .desc { line-height:1.2; position:absolute; text-align:center; top:0; }
.overview-content .e .img .desc1 { font-size:1.5em; left:4.5%; margin-top:49%; width:20%; }
.overview-content .e .img .desc2 { font-size:1.125em; left:19.5%; margin-top:45%; width:15%; }
.overview-content .e .img .desc3 { font-size:1.5em; left:56.5%; margin-top:53%; width:20%; }
.overview-content .e .img .desc4 { font-size:1.5em; left:84%; margin-top:46%; width:20%; }
@media screen and (max-width:736px){
.overview-content .e .text { padding:0; width:auto; }
.overview-content .e .img { background:url(m/e.jpg) 50% / 100% 100% no-repeat; height:0; margin:-10% 0 0; padding-bottom:100%; }
.overview-content .e .img .desc1 { font-size:3vw; left:26vw; margin-top:30vw; width:40vw; }
.overview-content .e .img .desc2 { font-size:1.75vw; left:50vw; margin-top:24vw; width:20vw; }
.overview-content .e .img .desc3 { font-size:3vw; left:26vw; margin-top:87vw; width:40vw; }
.overview-content .e .img .desc4 { font-size:3vw; left:65vw; margin-top:77vw; width:40vw; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .f { background:#495459; color:#fff; padding:8em 0; }
.overview-content .f ul { text-align: justify; }
.overview-content .f ul:after { content:""; display:inline-block; width:100%; }
.overview-content .f ul li { display:inline-block; vertical-align:top; text-align:center; width:25%; }
.overview-content .f ul li .icon { background-size:contain; background-position:center; background-repeat:no-repeat; display:block; height:5em; margin:0 auto; width:5em; }
.overview-content .f ul li h3 { font-size:2.25em; line-height:1.2; padding:0.5em 0 0; }
.overview-content .f ul li p { font-size:1.25em; line-height:1.5; padding:0.5em 0 0; }
.overview-content .f ul .li1 .icon { background-image:url(f1.png); }
.overview-content .f ul .li2 .icon { background-image:url(f2.png); }
.overview-content .f ul .li3 .icon { background-image:url(f3.png); }
@media screen and (max-width:736px){
.overview-content .f { padding:4rem 0; }
.overview-content .f ul { padding:0 6%; }
.overview-content .f ul li { display:block; padding-left:8rem; position:relative; text-align:left; width:auto; }
.overview-content .f ul li .icon { height:6.4rem; left:0; position:absolute; top:0; width:6.4rem; }
.overview-content .f ul li h3 { font-size:2.5rem; padding:0; }
.overview-content .f ul li p { font-size:1.75rem; padding:1rem 0 0; }
.overview-content .f ul li+li { margin-top:2rem; }
}