body{font-family:"Helvetica Neue",Arial,"PingFang TC","Heiti TC","微軟正黑體",sans-serif}body[data-terr=jp]{font-family:"Helvetica Neue",Arial,"Noto Sans JP","Hiragino Kaku Gothic Pro",Meiryo,sans-serif}footer{padding:15px}img{width:100%}.wrapper{width:100%}.key-img{width:100%;min-height:510px;background:url(../images/keyimg.jpg) no-repeat center center;background-size:cover;color:#fff}.hero-container{padding-top:100px;max-width:1240px;margin:0 auto}.hero-container p{font-size:13pt;line-height:200%;margin:30px 30px 10px 50%;color:#ddd}h1{font-size:22pt;line-height:150%;font-weight:normal;margin:10px 30px 10px 50%}body[data-terr=jp] h1{font-size:24pt;font-weight:bold}.scene-container{min-height:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;max-width:1240px;padding:3vw 5vw 0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}.scene-desc{-webkit-box-flex:86;-ms-flex:86 0 auto;flex:86 0 auto;width:50%;color:#878787;font-size:13pt}.scene-container figure{-webkit-box-flex:86;-ms-flex:86 0 auto;flex:86 0 auto;width:50%;margin:0 0 50px 0}.scene-container figure img{min-width:320px}.scene-container h2{color:#dbe4f1;font-size:46pt;line-height:100%;font-family:"AvantGarde Md BT",sans-serif}.scene-container h3{color:#555;font-size:18pt;line-height:100%;margin:0 20px 0 50px}.scene-container h2:after{content:"";width:0;height:0;border-style:solid;border-width:0 0 45px 400px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);position:absolute;margin-left:-242px;margin-top:12px;-webkit-box-shadow:10px 0 #fff;box-shadow:10px 0 #fff}.scene-container h2:before{content:"";width:0;height:0;border-style:solid;border-width:0 0 45px 400px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #999 rgba(0,0,0,0);position:absolute;margin-left:-6px;margin-top:11px}body[data-terr=jp] .scene-container h2:before,body[data-terr=jp] .scene-container h2:after{display:none}.scene-container p{margin:40px 20px 0 50px}#scene-desc-2{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}#scene-desc-2 h2{margin-left:30px}#scene-figure-2{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.step-container{background-color:#0f314c;padding:2vw 5vw;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.step-container h2{text-align:center;font-size:23pt;margin:20px 0 30px}.step-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;list-style-type:none}.step-content li{width:35%;min-width:300px;margin:0 50px}.step-desc{padding:10px;min-height:120px;font-size:13pt}@media screen and (max-width: 678px){.step-desc{min-height:70px}}.faq-container{padding:2vw 7vw;max-width:1240px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.faq-container h2{font-size:22pt;margin:10px;color:#353535;font-weight:normal;counter-reset:faqnum}.faq-container li{list-style:none;cursor:pointer}.faq-container li:hover,.faq-container li:focus{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);background-color:#e1fcfe;border:1px solid #04bbdc;outline:0}.faq-container li:hover dt{border:0}.faq-container li:hover dd,.faq-container li:focus dd{opacity:1;height:auto;position:relative;padding:10px 10px 20px;visibility:visible}.faq-container dt{color:#6a6a6a;font-size:14pt;padding:20px 10px 15px;border-top:1px solid #ccc}.faq-container dl>li:first-child dt{border-top:0}.faq-container dt:before{counter-increment:faqnum;content:"Q" counter(faqnum) ". "}.faq-container dd{color:#9c9c9c;font-size:12pt;padding:10px 10px 0px;opacity:0;-webkit-transition:all .5s;transition:all .5s;height:0;visibility:hidden}.partner-intro{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:#33bffa;margin:10px auto;max-width:1240px;padding:1vw 7vw;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:400px 0 #33bffa,-400px 0 #33bffa;box-shadow:400px 0 #33bffa,-400px 0 #33bffa}.partner-logo{display:inline-block;max-width:256px}.partner-desc{display:inline-block;color:#fff;font-size:11pt;margin:0 0 0 4%}.social{text-align:center;padding:0;margin:0}.social li{display:inline-block;font-size:0 !important;width:32px;margin:0 10px 0 0}.social li a{display:inline-block;width:100%;text-decoration:none;color:#000}.social li a i.fa{font-size:24px}@media screen and (max-width: 1280px){.scene-container h2:after{border-width:0 0 40px 336px;margin-left:-242px;margin-top:16px}.scene-container h2:before{border-width:0 0 40px 336px;margin-left:-6px;margin-top:15px}}@media screen and (max-width: 768px){.key-img{background:url(../images/keyimg_m.jpg) no-repeat center center;min-height:80vh;background-size:cover}.hero-container{position:absolute;bottom:20vh}.hero-container h1{width:auto;margin:20px;font-size:18pt}.hero-container p{width:auto;margin:10px 20px 15px;line-height:150%;max-width:inherit;font-size:10pt}.scene-desc{width:100%}#scene-desc-2{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}#scene-desc-2 h2{margin-left:0}#scene-figure-2{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.scene-container figure{width:100%;text-align:center;margin-top:20px}.scene-container h2{margin:10px auto}.scene-container p{margin:10px auto;padding:20px 50px;font-size:12pt}.partner-intro{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 20px 40px}.partner-desc{margin:10px 0 0}}@media screen and (max-width: 320px){.scene-container h2:after,.scene-container h2:before{border-width:0 0 40px 300px}}