@charset "utf-8";@font-face{font-family:'Noto Serif Hant';font-weight:400;font-style:normal;src:url("/promotion/tgs2019/assets/common/fonts/NotoSerifCJKtc-Bold.otf") format("opentype"),url("/promotion/tgs2019/assets/common/fonts/NotoSerifCJKtc-Regular.woff") format("woff");font-display:swap}@font-face{font-family:'Noto Serif Hant';font-weight:700;font-style:normal;src:url("/promotion/tgs2019/assets/common/fonts/NotoSerifCJKtc-Bold.otf") format("opentype"),url("/promotion/tgs2019/assets/common/fonts/NotoSerifCJKtc-Bold.woff") format("woff");font-display:swap}@-webkit-keyframes animation-vertical{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes animation-vertical{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}#benefit #sec-header{background-image:url(../img/sp/bg_benefit.png)}#benefit .sec-lead{font-family:"Noto Serif Hant";font-size:18px;font-weight:bold;line-height:1.6}#benefit .sec-lead em{font-size:24px;font-style:normal}#benefit .sec-lead .marker{color:#d01125}#benefit .sec-lead .small-q{font-size:14px}#benefit .attn-area{padding:0 35px}#benefit .attn-area.app{padding-top:35px;padding-bottom:35px;background:#fff2f3}#benefit .attn-area.app li{margin:0 0 25px}#benefit .attn-area.app li:last-child{margin-bottom:0}#benefit .attn-area .attn-list li{line-height:1.8}#benefit #sec-about .about-image{width:230px;height:252.5px;margin:0 auto 70px;-webkit-animation:animation-vertical 1s ease-in-out infinite alternate;animation:animation-vertical 1s ease-in-out infinite alternate;background-image:url(../img/bf_oragon.png);background-repeat:no-repeat;background-position:center;background-size:contain;overflow:hidden;white-space:nowrap;text-indent:-9999px}#benefit #sec-about .attn-area{padding-top:35px;padding-bottom:35px;background:#fff2f3}#benefit #sec-flow{padding:70px 0 40px}#benefit #sec-flow .sec-lead{margin:0 0 40px}#benefit #sec-flow .sec-lead em{margin:0 10px}#benefit #sec-flow .before-image{position:relative}#benefit #sec-flow .before-image__contents{position:relative}#benefit #sec-flow .before-image__001{position:absolute;top:-16px;left:15px;width:198.5px;height:140px;-webkit-transform:translate3d(-10%, 0, 0);transform:translate3d(-10%, 0, 0);opacity:0;background-image:url(../img/sp/before_001.png);background-repeat:no-repeat;background-position:top center;background-size:contain;overflow:hidden;white-space:nowrap;text-indent:-9999px}#benefit #sec-flow .before-image__001.is-show{-webkit-transition:0.4s;transition:0.4s;-webkit-transform:translate3d(0, 0%, 0);transform:translate3d(0, 0%, 0);opacity:1}#benefit #sec-flow .before-image__002{position:absolute;top:70px;right:15px;width:218.5px;height:140px;-webkit-transform:translate3d(10%, 0, 0);transform:translate3d(10%, 0, 0);opacity:0;background-image:url(../img/sp/before_002.png);background-repeat:no-repeat;background-position:top center;background-size:contain;overflow:hidden;white-space:nowrap;text-indent:-9999px}#benefit #sec-flow .before-image__002.is-show{-webkit-transition:0.3s;transition:0.3s;-webkit-transform:translate3d(0, 0%, 0);transform:translate3d(0, 0%, 0);opacity:1}#benefit #sec-flow .before-image__plus{position:absolute;top:80px;right:0;left:0;width:40px;height:40px;margin:auto;background-image:url(../img/sp/before_plus.png);background-repeat:no-repeat;background-position:top center;background-size:contain;overflow:hidden;white-space:nowrap;text-indent:-9999px}#benefit #sec-flow .before-image__txt{position:absolute;top:220px;right:0;left:0;width:270px;height:60px;margin:auto;-webkit-transform:translate3d(0, 10%, 0);transform:translate3d(0, 10%, 0);opacity:0;opacity:0;background-image:url(../img/sp/txt_change.png);background-repeat:no-repeat;background-position:top center;background-size:contain;overflow:hidden;white-space:nowrap;text-indent:-9999px}#benefit #sec-flow .before-image__txt.is-show{-webkit-transition:0.3s;transition:0.3s;-webkit-transform:translate3d(0, 0%, 0);transform:translate3d(0, 0%, 0);opacity:1}#benefit #sec-flow .before-image__inner{width:375px;height:380.5px;margin:0 auto 145px;background-image:url(../img/sp/bf_before.png);background-repeat:no-repeat;background-position:center;background-size:contain}#benefit #sec-flow .before-image__animation{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}#benefit #sec-flow .before-image.is-show .before-image__animation{top:100%;bottom:-100%;-webkit-transition:1s;transition:1s}#benefit #sec-flow .after-area{position:relative;margin:0 0 40px;padding:250px 35px 60px;background:transparent url(../img/sec_bg.png) repeat top left;background-size:8px 8px}#benefit #sec-flow .after-area:before{content:"";position:absolute;z-index:0;top:0;right:0;left:0;display:block;height:110px;background:#d11325}#benefit #sec-flow .after-area .after-image{position:absolute;top:-100px;right:0;left:0;width:355px;height:328px;margin:0 auto 40px;opacity:0;background-image:url(../img/bf_avalon_complete.png);background-repeat:no-repeat;background-position:center;background-size:contain;overflow:hidden;white-space:nowrap;text-indent:-9999px}#benefit #sec-flow .after-area .after-image.is-show{-webkit-transition:0.4s;transition:0.4s;-webkit-animation:animation-vertical 1s ease-in-out infinite alternate;animation:animation-vertical 1s ease-in-out infinite alternate;opacity:1}#benefit #sec-flow .after-area .copyright{position:relative;width:355px;margin:auto}#benefit #sec-flow .after-area .copyright span{position:absolute;right:50px;bottom:30px;display:block;width:64px;height:8px;background-image:url(../img/bf_avalon_copyright.png);background-repeat:no-repeat;background-position:center;background-size:contain;overflow:hidden;white-space:nowrap;text-indent:-9999px}#benefit #sec-flow .after-area .after-detail{font-family:"Noto Serif Hant";font-size:20px;font-weight:bold;line-height:1}#benefit #sec-flow .after-area .after-detail dt{margin:0 0 20px;padding:0 0 5px;letter-spacing:-1.8px;border-bottom:2px solid #d01125}#benefit #sec-flow .after-area .after-detail dd .inner-block{margin:0 0 25px}#benefit #sec-flow .after-area .after-detail dd .inner-block:last-child{margin-bottom:0}#benefit #sec-flow .after-area .after-detail dd .inner-block:last-child .name{margin-bottom:0}#benefit #sec-flow .after-area .after-detail dd .lead-ttl{margin:0 0 20px;font-size:16px;color:#666}#benefit #sec-flow .after-area .after-detail dd .name{margin:0 0 20px;font-size:20px}