@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");@import url("vendor/bootstrap_4.3.1.css");@import url("vendor/animate-3.7.2.css");@import url("vendor/swiper-bundle.min.css");@import url("vendor/jquery.fancybox.min_3.5.7.css");*:focus{outline:none !important}button{outline:none !important}.act-sect{position:relative}.act-wrap input{-webkit-appearance:none;-moz-appearance:none;appearance:none}ol,ul{list-style:none}.wow{animation-fill-mode:both}.fadeInUpSmall{animation-name:fadeInUpSmall}@keyframes fadeInUpSmall{from{opacity:0;-webkit-transform:translate3d(0, 6%, 0);transform:translate3d(0, 6%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInDownSmall{animation-name:fadeInDownSmall}@keyframes fadeInDownSmall{from{opacity:0;-webkit-transform:translate3d(0, -6%, 0);transform:translate3d(0, -6%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInLeftSmall{animation-name:fadeInLeftSmall}@keyframes fadeInLeftSmall{from{opacity:0;-webkit-transform:translate3d(-6%, 0, 0);transform:translate3d(-6%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInRightSmall{animation-name:fadeInRightSmall}@keyframes fadeInRightSmall{from{opacity:0;-webkit-transform:translate3d(6%, 0, 0);transform:translate3d(6%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInTopLeftSmall{animation-name:fadeInTopLeftSmall}@keyframes fadeInTopLeftSmall{from{opacity:0;-webkit-transform:translate3d(-6%, -6%, 0);transform:translate3d(-6%, -6%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInTopRightSmall{animation-name:fadeInTopRightSmall}@keyframes fadeInTopRightSmall{from{opacity:0;-webkit-transform:translate3d(6%, -6%, 0);transform:translate3d(6%, -6%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInBottomLeftSmall{animation-name:fadeInBottomLeftSmall}@keyframes fadeInBottomLeftSmall{from{opacity:0;-webkit-transform:translate3d(-20%, 20%, 0);transform:translate3d(-20%, 20%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInBottomRightSmall{animation-name:fadeInBottomRightSmall}@keyframes fadeInBottomRightSmall{from{opacity:0;-webkit-transform:translate3d(20%, 20%, 0);transform:translate3d(20%, 20%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.bounceInSmall{animation-name:bounceInSmall}@keyframes bounceInSmall{from,6%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.8, 0.8, 0.8)}40%{transform:scale3d(1.04, 1.04, 1.04)}60%{transform:scale3d(1, 1, 1)}80%{opacity:1;transform:scale3d(1.01, 1.01, 1.01)}to{opacity:1;transform:scale3d(1, 1, 1)}}.act-wrap .side-btn-wrap{position:fixed;z-index:999;right:0;transition:all 0.8s cubic-bezier(0.95, 0.05, 0.795, 0.035) !important;bottom:10vh}.act-wrap .side-btn{text-align:center;padding:1.3em 1em  1em  !important;margin:0 !important;font-size:1.3em !important;position:relative;transform:translateX(100%) rotate(30deg);right:-30px;transition:all .4s ease-in-out !important}.act-wrap .side-btn .main-btn-text{padding:0;margin:0;margin-bottom:0.5em;line-height:1.2}.act-wrap .side-btn01{margin-bottom:.5em !important}.act-wrap .side-btn-show .side-btn{right:10px;transform:translateX(0) rotate(0deg);transition:all 0.8s cubic-bezier(0.95, 0.05, 0.795, 0.035) !important}@media screen and (max-width: 768px){.act-wrap .footer-btn-m-wrap{z-index:999;width:100%;bottom:0;position:fixed;display:flex;font-size:calc(1vw + 1vh + .5vmin)}.act-wrap .footer-btn-m{width:50%;border-radius:0 !important;font-size:1.2em !important;letter-spacing:0;padding:0.8em 0 !important;font-weight:bold;white-space:nowrap}}.act-container-wrap{width:100%;max-width:1240px;padding-left:1em;padding-right:1em;margin-left:auto;margin-right:auto;position:relative}.act-sect{padding-top:5em;padding-bottom:5em}@media screen and (min-width: 768px) and (max-width: 1380px){.act-header,.act-sect,.navbar-wrap{font-size:.9em}}@media screen and (max-width: 768px){.act-sect{font-size:calc(1vw + 1vh + .5vmin) !important;padding-top:3em;padding-bottom:3em}}.talk-bubble{border:0.12em solid #0f1e35;display:inline-block;border-radius:.6em;position:relative;padding:.75em 1.2em;font-size:1.5em;background:#fff}.talk-bubble .bubble-line{width:.8em;position:absolute}.talk-bubble .icon{width:1.1em;margin-right:0.4em}@media screen and (max-width: 768px){.talk-bubble{padding:.5em 1em;font-size:1.4em;border-radius:.5em;margin-bottom:1.5em}.talk-bubble .bubble-line{width:.8em;top:auto;top:calc(100% - .13em);transform:translateX(-50%) rotate(90deg);left:50%}}.act-wrap .act-btn{border-radius:20em;padding:.5em 1em;letter-spacing:2px;cursor:pointer}.act-wrap .btn-red{background:#c43826;color:#fff !important;padding-left:1.5em}.act-wrap .btn-red .icon{width:1.1em;position:relative;top:-0.1em;left:0;transition:all .3s}.act-wrap .btn-red:hover{color:#fff;background:#d74431}.act-wrap .btn-red:hover .icon{left:0.2em;transition:all .3s}.act-wrap .btn-grey{background:#748693;color:#fff !important;padding-left:1.5em}.act-wrap .btn-grey .icon{width:1.1em;position:relative;top:-0.1em;left:0;transition:all .3s}.act-wrap .btn-grey:hover{color:#fff;background:#8595a0}.act-wrap .btn-grey:hover .icon{left:0.2em;transition:all .3s}.act-wrap .btn-blue{background:#0f1e35;color:#fff;padding-left:1.5em}.act-wrap .btn-blue .icon{width:1.1em;position:relative;top:-0.1em;left:0;transition:all .3s}.act-wrap .btn-blue:hover{color:#fff;background:#162c4d}.act-wrap .btn-blue:hover .icon{left:0.2em;transition:all .3s}.act-wrap .btn-gold{background:#fdd8a1;color:#0f1e35;padding-left:1.5em}.act-wrap .btn-gold .icon{width:1.1em;position:relative;top:-0.1em;left:0;transition:all .3s}.act-wrap .btn-gold:hover{color:#0f1e35;background:#fee4bf}.act-wrap .btn-gold:hover .icon{left:0.2em;transition:all .3s}.act-wrap .btn-gold2{background:#e89d22;color:#fff;padding-left:1.5em}.act-wrap .btn-gold2 .icon{width:1.1em;position:relative;top:-0.1em;left:0;transition:all .3s}.act-wrap .btn-gold2:hover{color:#0f1e35;background:#eba93e}.act-wrap .btn-gold2:hover .icon{left:0.2em;transition:all .3s}.act-wrap .btn-arr-side{padding-right:3em;position:relative}.act-wrap .btn-arr-side .icon{position:absolute;right:.6em;left:auto;top:50%;transform:translateY(-50%)}.act-wrap .btn-arr-side:hover .icon{transition:all .3s;margin-right:-0.2em;left:auto}.act-wrap .btn-outline-blue{color:#0f1e35;background:#fff;border:1.5px solid #0f1e35;padding-left:1.5em}.act-wrap .btn-outline-blue .icon{width:1.2em;position:relative;top:-0.1em;left:0;transition:all .3s}.act-wrap .btn-outline-blue:hover{color:#0f1e35;border:1.5px solid #0f1e35;background:#fff}.act-wrap .btn-outline-blue:hover .icon{left:0.2em;transition:all .3s}.act-wrap .btn-outline-white{color:#fff;border:1px solid #fff;padding-top:calc(0.6em - 1px);padding-bottom:calc(0.6em - 1px)}.act-wrap .btn-outline-white:hover{color:#fff;border:none;padding:0.6em;background:linear-gradient(to right, #00c0fa 0%, #0196ff 100%)}.act-wrap .btn-sect-center{display:block;margin-top:2em;margin-left:auto;margin-right:auto;width:80%;max-width:200px}.act-wrap .btn-wrap-center{text-align:center;margin-top:3em}.act-wrap .btn-wrap-center .btn{max-width:220px;width:45%}.act-wrap .btn-wrap-center .btn:not(:last-child){margin-right:1.2em}.act-wrap .btn-link.text-red:hover{color:#c43826}@media screen and (max-width: 768px){.act-wrap .btn-wrap-center .btn:not(:last-child){margin-right:.5em}}.act-wrap .main-btn{border-radius:10em;display:inline-flex;justify-content:center;font-weight:bold;align-items:center;transition:background-color 200ms ease;padding-left:1.4em;padding-right:.6em;font-size:1.2em}.act-wrap .kv-btn-wrapper{display:flex}.act-wrap .main-btn-text{margin-right:.5em}.act-wrap .main-btn-arrow{position:relative;display:flex;overflow:hidden;width:1.6em;height:1.6em;justify-content:flex-end;align-items:center;border-radius:50%;background-color:#fff}.act-wrap .main-btn:hover .btn-arrow-wrapper{position:absolute;animation:arrow-move 0.3s both}@keyframes arrow-move{0%{transform:translateX(0)}100%{transform:translateX(50%)}}.act-wrap .btn-arrow-wrapper{position:absolute;display:flex;width:200%;height:100%}.act-wrap .btn-arrow-pic{display:flex;width:50%;height:100%;justify-content:center;align-items:center;background-image:url("../images/btn-arrow.svg");background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.act-wrap .main-btn-arrow-red{background:#c43826}.act-wrap .main-btn-arrow-red .btn-arrow-pic{background-image:url("../images/btn-arrow-white.svg")}.act-wrap .btn-gold2 .btn-arrow-pic{background-image:url("../images/btn-arrow-gold.svg")}.act-wrap .btn-grey .btn-arrow-pic{background-image:url("../images/btn-arrow-grey.svg")}.act-wrap a:hover{color:#0f1e35}.act-wrap .sect-title{text-align:center;margin-bottom:3em}.act-wrap .sect-title h2{font-size:3.2em;font-weight:900;line-height:1.2;color:#0f1e35;margin-bottom:.5em}.act-wrap .sect-title .text-lg{font-size:120%;margin-left:0.2em;margin-right:0.2em}.act-wrap .sect-title .text-shadow01{color:#fdd8a1;text-shadow:1px 1px 0 #0f1e35,2px 2px 0 #0f1e35,3px 3px 0px #956b2f,4px 4px 0px #956b2f,5px 5px 0px #956b2f,6px 6px 0px #956b2f,7px 7px 0px #956b2f,8px 8px 0px #956b2f,9px 9px 0px #0f1e35,10px 10px 0px #0f1e35}.act-wrap .sect-title .text-shadow02{color:#0f1e35;text-shadow:1px 1px 0 #f7f0e5,2px 2px 0 #f7f0e5,3px 3px 0px #d4b88c,4px 4px 0px #d4b88c,5px 5px 0px #d4b88c,6px 6px 0px #d4b88c,7px 7px 0px #d4b88c,8px 8px 0px #d4b88c,9px 9px 0px #0f1e35,10px 10px 0px #0f1e35}.act-wrap .sect-title .text-shadow03{color:#c43826;text-shadow:1px 1px 0 #f7f0e5,  2px 2px 0 #f7f0e5,  3px 3px 0px #f7f0e5, 4px 4px 0px #f7f0e5, 5px 5px 0px #f7f0e5, 6px 6px 0px #f7f0e5, 7px 7px 0px #f7f0e5, 8px 8px 0px #b18553, 9px 9px 0px #b18553}@media screen and (max-width: 768px){.act-wrap .sect-title .text-shadow01{color:#fdd8a1;text-shadow:1px 1px 0 #0f1e35,2px 2px 0 #0f1e35,3px 3px 0px #956b2f,4px 4px 0px #956b2f,5px 5px 0px #956b2f,6px 6px 0px #0f1e35,7px 7px 0px #0f1e35}.act-wrap .sect-title .text-shadow02{color:#0f1e35;text-shadow:1px 1px 0 #f7f0e5,2px 2px 0 #f7f0e5,3px 3px 0px #d4b88c,4px 4px 0px #d4b88c,5px 5px 0px #d4b88c,6px 6px 0px #0f1e35,7px 7px 0px #0f1e35}.act-wrap .sect-title .text-shadow03{color:#c43826;text-shadow:1px 1px 0 #f7f0e5,  2px 2px 0 #f7f0e5,  3px 3px 0px #f7f0e5, 4px 4px 0px #f7f0e5, 5px 5px 0px #f7f0e5, 6px 6px 0px #b18553, 7px 7px 0px #b18553}}.act-wrap .sect-title .text-border{z-index:1;margin-bottom:1em;font-size:1.4em;display:inline-block;padding:.5em 1em;line-height:1;position:relative;color:#fdd8a1;border:3px solid #fdd8a1;border-radius:14px}.act-wrap .sect-title .text-border .act-bubble{position:absolute;width:.8em;top:calc( 100% - 1px);left:50%;transform:translateX(-30%)}.act-wrap .sect-title .text-border01{color:#0f1e35;border:3px solid #0f1e35}.act-wrap .sect-title .text-border02{color:#c43826;border:3px solid #c43826}.act-wrap .sect-title .gold-highlight{color:#fdd8a1;margin-left:.5em;margin-right:0.5em;line-height:1.6;display:inline-block;border-bottom:3px solid  #fdd8a1}.act-wrap .sect-title p{font-size:1.5em;line-height:1.6;color:#0f1e35}@media screen and (max-width: 1380px){.act-wrap .sect-title h2{font-size:3em}}@media screen and (max-width: 768px){.act-wrap .sect-title{padding-right:.75em;padding-left:.75em;margin-bottom:2em}.act-wrap .sect-title h2{font-size:2.8em}}.act-wrap .act-nb{font-family:'Barlow', sans-serif}.act-wrap .text-border-arr{z-index:1;display:inline-block;padding:.6em 1em;line-height:1;position:relative;color:#bc7211;font-weight:bold;font-size:1.4em}.act-wrap .text-border-arr:before,.act-wrap .text-border-arr:after{content:"";position:absolute}.act-wrap .text-border-arr:before{width:calc( 100% + 16px);z-index:-1;height:70%;top:-8px;left:-8px;background:#fff}.act-wrap .text-border-arr:after{border:4px solid #bc7211;border-radius:20px;z-index:-2;width:100%;height:100%;top:0;left:0}.act-wrap .text-border-arr .act-arr:before,.act-wrap .text-border-arr .act-arr:after{content:"";width:0px;height:0px;position:absolute;left:0;top:0;right:0;bottom:0px;border-style:solid}.act-wrap .text-border-arr .act-arr:before{margin:auto auto -6px;z-index:2;border-width:10px 6px 0 6px;border-color:#fff transparent transparent transparent}.act-wrap .text-border-arr .act-arr:after{margin:auto auto -10px;z-index:1;border-width:14px 10px 0 10px;border-color:#bc7211 transparent transparent transparent}.act-wrap .text-border-arr02{color:#2c5696}.act-wrap .text-border-arr02:after{border-color:#2c5696}.act-wrap .text-border-arr02 .act-arr:after{border-color:#2c5696 transparent transparent transparent}.act-wrap .text-blue{color:#0f1e35}.act-wrap .text-red{color:#c43826}.act-wrap .text-gold{color:#daa360}.act-wrap .text-list-decimal{list-style-type:decimal;padding-left:1em}.act-wrap .text-list-disc{list-style-type:disc;padding-left:1em}.act-wrap .text-bg{padding:0.2em .4em;border-radius:6px}.act-wrap .text-bg-blue{background:#0f1e35;color:#fff}.text-blue{color:#0f1e35}.text-red{color:#c43826}.text-gold{color:#daa360}@media screen and (max-width: 768px){.mobile-swiper-container{overflow:hidden}.mobile-swiper-container .swiper-slide{width:auto;padding-left:0;padding-right:0}.mobile-swiper-container .swiper-scrollbar{margin-top:1.5em;height:10px;border-radius:0;background:#ccd6eb;position:relative;width:100%;margin-left:auto;margin-right:auto;left:0}.mobile-swiper-container .swiper-scrollbar-drag{border-radius:0;background:#2d4773}}.table-QA-wrap{background:#fff;border-radius:20px;overflow:hidden;width:100%}.table-QA-wrap .act-item{flex:1}.table-QA{margin-bottom:0;width:100%}.table-QA th{text-align:center;font-size:1em;border-bottom:2px solid #f0dac1 !important}.table-QA td{font-size:1em;padding:1em .5em;border-bottom:1px solid #f0dac1}@media screen and (min-width: 769px){.table-QA .m-hide{display:none}}@media screen and (max-width: 768px){.table-QA th{text-align:center;font-size:1em;padding:0.5em .25em}.table-QA td{font-size:.9em;padding:0.5em .25em}.table-QA br{display:none}}.act-wrap{width:100%;height:auto;position:relative;font-family:Microsoft Yahei,'微軟正黑體','Barlow',Helvetica, Arial;font-weight:400;line-height:1.5;color:#0f1e35;text-align:left;background:url("../images/bg-grid.svg") repeat #f7f0e5;background-size:1.5em;font-size:16px;overflow-X:hidden;max-width:100vw}@media screen and (max-width: 768px){.act-wrap{overflow-X:hidden;max-width:100vw}}.act-header{z-index:2;width:100%;position:relative;min-height:500px;height:auto;padding-bottom:50vh;background:#f7f0e5}.act-header .act-bg{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;pointer-events:none;background:url("../images/header-bg2-s.png") no-repeat top 20vh center,url("../images/header-bg1-s.png") no-repeat top center;background-size:100%,100%}@media screen and (min-width: 768px) and (max-width: 1380px){.act-header .act-bg{background:url("../images/header-bg2-s.png") no-repeat top 28vh center,url("../images/header-bg1-s.png") no-repeat top center;background-size:100%,100%}}.act-header .logo{display:inline-block;height:clamp(20px, 3vw, 40px);position:absolute;left:1em;top:1em}.act-header .logo img{height:100%}.act-header .act-container-wrap{width:90%;max-width:1300px;height:100%;padding-right:6vw;padding-left:2em;padding-top:3em}.act-header .text-part{position:relative;display:inline-block;z-index:6;font-size:calc(1vw + 1vw + .5vmin);padding:1.5em 3em}.act-header .text-part h1{font-weight:900;margin-bottom:0;font-size:clamp(20px, 6vw, 100px)}.act-header .text-part h1 strong{font-size:70%;display:block;font-weight:900}.act-header .text-part h1 .sub-title{font-weight:bold;font-size:42%;margin-top:0}.act-header .text-part h1 .sub-title .year{font-size:35%;transform:rotate(90deg);position:relative;top:-0.6em;transform-origin:center;display:inline-block;margin-right:-.5em}.act-header .text-part h1 .sub-title .act-nb{font-size:120%}.act-header .text-part .act-btn{font-size:clamp(16px, 1.5vw, 30px);margin-top:1em}@media screen and (max-width: 768px){.act-header{font-size:calc(1vw + 1vh + .5vmin) !important;height:auto;background:#f7f0e5;padding-bottom:45vh}.act-header .logo{height:2.4em}.act-header .act-bg{background:url("../images/header-bg2-s-m.png") no-repeat top 20em center,url("../images/header-bg1-s-m.png") no-repeat top center,linear-gradient(to bottom, transparent 90%, #0f1e35 85.1%);background-size:100% , 100%}.act-header .act-container-wrap{padding-left:1em;padding-right:1em;padding-top:7em;width:100%}.act-header .text-part{position:relative;width:96%;margin-left:0.6em;padding:1.5em 2em;padding-right:0}.act-header .text-part:before{border-radius:4.2em;left:0}.act-header .text-part h1{font-size:4.8em}.act-header .text-part h1 strong{font-size:70%}.act-header .text-part h1 .sub-title{font-size:43.6%}}.mv-part .mv{width:100%;aspect-ratio:560 / 315}.act-sect-soccer{background:#0f1e35;padding-bottom:0}.act-sect-soccer .soccer-content{padding-bottom:2em;position:relative}.act-sect-soccer .soccer-content .fb-share-wrap{width:36%;position:relative;z-index:2}.act-sect-soccer .soccer-content .fb-share-wrap .fb-share{width:100%;aspect-ratio:500 / 640;background:#fff}.act-sect-soccer .soccer-content .fb-share-wrap p{color:#fff;z-index:2;text-align:center;font-size:1.1em;margin-top:.5em}.act-sect-soccer .soccer-content .soccer-bg{width:64%;position:relative;z-index:1;background:url("../images/soccer-bg.png") no-repeat top center;background-size:100%;padding-top:5em}.act-sect-soccer .soccer-content .soccer-gift{display:block;margin-left:auto;margin-right:auto;width:46%;max-width:402px}@media screen and (max-width: 768px){.act-sect-soccer .act-container-wrap{padding-left:0;padding-right:0;padding-top:2em}.act-sect-soccer .soccer-content .fb-share-wrap{width:100%;padding-bottom:2em;padding-left:1em;padding-right:1em}.act-sect-soccer .soccer-content .fb-share-wrap .fb-share{aspect-ratio:500 / 700}.act-sect-soccer .soccer-content .fb-share-wrap .fb-text-box{padding:.6em;background:#fff;margin-top:-6px}.act-sect-soccer .soccer-content .soccer-bg{width:100%;padding-top:0em;padding-bottom:3em}.act-sect-soccer .soccer-content .soccer-gift{width:60%}}.act-sect-iphone{padding-bottom:30em;z-index:1;padding-top:6em;background:url("../images/s1-bg.png") no-repeat bottom center,linear-gradient(to bottom, #0f1e35 0%, #0f1e35 80%, transparent 80.1%);background-size:100%}.act-sect-iphone .act-container-wrap{max-width:1100px;width:90%}.act-sect-iphone .act-content{margin-bottom:7em}.act-sect-iphone .act-content .act-item{position:relative;width:28%}.act-sect-iphone .act-content .act-item:not(:last-child){margin-right:1em}.act-sect-iphone .act-content .act-item p{margin-top:3em;margin-bottom:2em;font-size:1.1em}.act-sect-iphone .act-content .act-item h4{font-weight:bold;color:#c43826;font-size:2em}.act-sect-iphone .act-content .act-item h4 .act-nb{margin-left:0.1em;margin-right:0.1em;font-size:140%;position:relative;top:0.1em}.act-sect-iphone .act-content .text-ps{color:#fff;font-size:14px;padding-left:0.5em;margin-top:0;line-height:1.5;position:absolute;left:0;width:200%;top:calc(100%  + 1.4em);text-align:left}.act-sect-iphone .act-content .text-ps-m{color:#fff;font-size:1em;text-align:left}.act-sect-iphone .act-content .text-phone{color:#fff;font-size:14px;padding-left:0.5em;margin-top:0;white-space:nowrap;position:absolute;right:.3em;top:calc(100%  + .6em);text-align:right;font-size:1.4em;font-weight:bold}.act-sect-iphone .act-content .text-phone strong{font-size:120%}.act-sect-iphone .act-content .border-bg{text-align:center;background:#fff;padding:4em 1em 1em;border-radius:12px;border:.5em solid #f5c173}.act-sect-iphone .act-content .border-bg02{border-color:#649bee}.act-sect-iphone .info-part{background:#1e3962;border:2px solid #3a64a5;padding:1.5em 2em;border-radius:12px;color:#fff}.act-sect-iphone .info-part h2{color:#fdd8a1;font-size:2.4em;font-weight:bold;margin-right:.8em;position:relative;margin-bottom:0;line-height:1}.act-sect-iphone .info-part h3{font-size:1.5em;margin-bottom:0;line-height:1}.act-sect-iphone .info-part h3 strong{display:block;font-size:120%}.act-sect-iphone .info-part .act-btn{padding:.6em 1.5em;font-size:1.2em;margin-left:auto}@media screen and (max-width: 768px){.act-sect-iphone{background:url("../images/s1-bg-m.png") no-repeat bottom center,linear-gradient(to bottom, #0f1e35 0%, #0f1e35 90%, transparent 91%);background-size:100%;padding-bottom:20em}.act-sect-iphone .act-container-wrap{width:98%}.act-sect-iphone .act-content{margin-bottom:1em}.act-sect-iphone .act-content .act-item{margin-bottom:1em;width:100%}.act-sect-iphone .act-content .act-item:not(:last-child){margin-right:0}.act-sect-iphone .act-content .act-item p{margin-top:2em;margin-bottom:1em;font-size:1.2em}.act-sect-iphone .act-content .act-item h4{font-size:2em}.act-sect-iphone .act-content .act-item h4 .act-nb{font-size:140%}.act-sect-iphone .act-content .border-bg{padding:1em}.act-sect-iphone .info-part{position:relative;padding:0;background:#122747;border:1px solid #295392}.act-sect-iphone .info-part .info-part-content{padding:1em}.act-sect-iphone .info-part .iphone-m{width:30%;margin-right:-.5em}.act-sect-iphone .info-part h2{font-size:1.6em;margin-right:0;margin-bottom:0.5em;line-height:1.4}.act-sect-iphone .info-part h3{font-size:1.1em;margin-right:0em;color:#fff !important;margin-bottom:0.5em}.act-sect-iphone .info-part h3 strong{font-size:120%}.act-sect-iphone .info-part .act-btn{padding:.6em 1.2em;font-size:1em;margin-top:2em;margin-left:0}}.act-sect-lecture{background:url("../images/s2-bg.png") no-repeat bottom center;background-size:100%;padding-bottom:30em;padding-top:0}.act-sect-lecture .char-info-content-wrap{position:absolute;z-index:0;top:0;z-index:9999;width:100%;height:100%;top:0;left:0;display:none}.act-sect-lecture .char-info-content-wrap .char-info-close{position:absolute;right:-.5em;top:-.5em}.act-sect-lecture .char-info-content-wrap .char-info-close span{font-size:2em;width:1.5em;height:1.5em;display:block;position:relative;background:#fff;border-radius:100em;z-index:99;text-align:center;line-height:1.4;cursor:pointer;font-family:Helvetica, sans-serif;color:#0f1e35;font-weight:300;border:2px solid #0f1e35}.act-sect-lecture .char-info-content-wrap .char-info-close span:hover{background:#c43826;color:#fff}.act-sect-lecture .char-info-content-wrap .char-info-close:before{content:"";z-index:0;border:2px solid #0f1e35;background:#f0d3b0;border-radius:100em;width:100%;height:100%;display:block;position:absolute;left:4px;top:4px}.act-sect-lecture .char-info-content-wrap .char-info-content{background:#f0d3b0;border:1px solid #dcbc8d;width:100%;height:100%;padding:0 2em;border-radius:2em;display:flex}.act-sect-lecture .char-info-content-wrap .char-pic{width:33%;max-width:480px;position:absolute;left:3%;bottom:0;z-index:1}.act-sect-lecture .char-info-content-wrap .text-part{margin-left:30%;margin-bottom:2em;width:70%;max-width:800px;z-index:2;position:relative}.act-sect-lecture .char-info-content-wrap .text-part .header-part{width:100%;padding:0 2em;margin-bottom:0.5em}.act-sect-lecture .char-info-content-wrap .text-part .name{font-size:6em;font-weight:bold}.act-sect-lecture .char-info-content-wrap .text-part .name span{font-size:50%;font-weight:500;display:block}.act-sect-lecture .char-info-content-wrap .text-part .char-info{font-size:1.2em}.act-sect-lecture .char-info-content-wrap .text-part .content-part{background:#fff;padding:2em;border-radius:2em;border:1px solid #dcbc8d}.act-sect-lecture .char-info-content-wrap .text-part .content-part .act-title{font-weight:bold;color:#c43826;font-size:2em}.act-sect-lecture .char-info-content-wrap .text-part .content-part .text-list{padding:1em 0}.act-sect-lecture .char-info-content-wrap .text-part .content-part .text-list dd{display:inline-block;margin-right:1em;min-width:32%;font-size:1.4em}.act-sect-lecture .char-info-content-wrap .text-part .footer-part dl{margin-bottom:0}.act-sect-lecture .char-info-content-wrap .text-part .footer-part dl dd{font-weight:bold;margin-bottom:0;font-size:1.2em}.act-sect-lecture .swiper-slide{align-self:stretch;height:auto}.act-sect-lecture .lecture-swiper-wrap{border-radius:2em;padding:2em 4em;background:#f0d3b0;border:1px solid #dcbc8d;box-shadow:0 0 12px 0px rgba(105,145,171,0.3)}.act-sect-lecture .lecture-swiper-wrap .act-item{display:block;background:#fff;border-radius:1.6em;padding:1em;height:100%;padding-top:2em;border:1px solid #dcbc8d;box-shadow:0 0 12px 0px rgba(105,145,171,0.3)}.act-sect-lecture .lecture-swiper-wrap .act-item .text-month{font-size:2em;text-align:center;margin-bottom:0.5em}.act-sect-lecture .lecture-swiper-wrap .act-item .char-pic{display:block;margin-left:auto;margin-right:auto;height:14em}.act-sect-lecture .lecture-swiper-wrap .act-item .act-name{width:74%;margin-left:auto;margin-right:auto;position:relative;z-index:1}.act-sect-lecture .lecture-swiper-wrap .act-item .act-name .act-inner{background:#fff;width:100%;position:relative;border:1px solid #8390a7;padding:.5em}.act-sect-lecture .lecture-swiper-wrap .act-item .act-name h3{margin-bottom:0;font-size:1.3em;font-weight:500;line-height:1.5;margin:0;padding:0;text-align:center}.act-sect-lecture .lecture-swiper-wrap .act-item .act-name:before,.act-sect-lecture .lecture-swiper-wrap .act-item .act-name:after{content:"";position:absolute;width:4em;height:100%;top:.55em;background:url("../images/ribbon.svg") no-repeat top center;z-index:-1}.act-sect-lecture .lecture-swiper-wrap .act-item .act-name:before{right:calc(100% - 1.8em )}.act-sect-lecture .lecture-swiper-wrap .act-item .act-name:after{left:calc(100% - 1.8em);transform:scaleX(-1)}.act-sect-lecture .lecture-swiper-wrap .act-item .class-name{font-size:1.4em;font-weight:bold;padding:1em  1em;margin-bottom:0}.act-sect-lecture .lecture-swiper-wrap .act-item .comming-soon{text-align:center;font-size:2.5em;font-weight:bold;padding:.8em}.act-sect-lecture .lecture-swiper-wrap .act-item .both-btns{margin-bottom:0.5em}.act-sect-lecture .lecture-swiper-wrap .act-item .both-btns .act-btn{font-size:1em;padding:0.5em;width:calc(50% - 2px)}.act-sect-lecture .acceding-wrap{border:1px solid #8390a7;border-radius:20px}.act-sect-lecture .acceding-bar{text-align:center;font-size:1em;padding:.5em;position:relative;cursor:pointer}.act-sect-lecture .acceding-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#fff;border-radius:10em;width:2em;height:2em;padding-top:0.2em;display:block}.act-sect-lecture .acceding-icon .arr{width:1em;transform:rotate(180deg);transition:all .3s}.act-sect-lecture .acceding-content{padding:.8em}.act-sect-lecture .acceding-content p{margin-bottom:0;font-size:.85em}.act-sect-lecture .collapsed .acceding-icon .arr{transform:rotate(0deg);transition:all .3s}.act-sect-lecture .swiper-button-next,.act-sect-lecture .swiper-button-prev{color:#0f1e35;border:3px solid #0f1e35;width:3em;height:3em;border-radius:100em;background:#fff}.act-sect-lecture .swiper-button-next:after,.act-sect-lecture .swiper-button-prev:after{font-size:160%;font-weight:bold}.act-sect-lecture .swiper-button-next.swiper-button-disabled,.act-sect-lecture .swiper-button-prev.swiper-button-disabled{opacity:0}@media screen and (max-width: 768px){.act-sect-lecture{background:url("../images/s2-bg-m.png") no-repeat bottom center;background-size:100%;padding-bottom:22em;padding-top:6em}.act-sect-lecture .char-info-content-wrap .char-info-close{right:.5em;top:.5em}.act-sect-lecture .char-info-content-wrap .char-info-close span{font-size:2em;width:1.5em;height:1.5em}.act-sect-lecture .char-info-content-wrap .char-info-content{padding:0 1em;border-radius:1.5em;display:block}.act-sect-lecture .char-info-content-wrap .char-pic{width:33%;position:relative;left:auto;bottom:auto;padding-top:0.5em}.act-sect-lecture .char-info-content-wrap .text-part{margin-left:0%;margin-bottom:1em;width:100%}.act-sect-lecture .char-info-content-wrap .text-part .header-part{width:65%;padding:0 1em;position:absolute;right:0;bottom:calc(100% + .5em)}.act-sect-lecture .char-info-content-wrap .text-part .name{font-size:3em}.act-sect-lecture .char-info-content-wrap .text-part .char-info{font-size:1em;margin-bottom:0}.act-sect-lecture .char-info-content-wrap .text-part .content-part{padding:1em;border-radius:1.5em}.act-sect-lecture .char-info-content-wrap .text-part .content-part .act-title{font-size:1.6em}.act-sect-lecture .char-info-content-wrap .text-part .content-part .text-list{margin-bottom:0;padding:.5em}.act-sect-lecture .char-info-content-wrap .text-part .content-part .text-list dd{margin-right:.5em;min-width:25%;font-size:1.3em;margin-bottom:0.2em}.act-sect-lecture .char-info-content-wrap .text-part .footer-part dl{margin-bottom:1em}.act-sect-lecture .lecture-swiper-wrap{border-radius:1.5em;padding:1.5em 2em}.act-sect-lecture .lecture-swiper-wrap .act-item{border-radius:1.2em}.act-sect-lecture .lecture-swiper-wrap .act-item .text-month{font-size:2em}.act-sect-lecture .lecture-swiper-wrap .act-item .char-pic{height:12em}.act-sect-lecture .swiper-button-next,.act-sect-lecture .swiper-button-prev{border:2px solid #0f1e35;font-size:.8em}}.act-sect-event{margin-top:-3px;padding-top:0;background:url("../images/s3-bg2.png") no-repeat bottom center,linear-gradient(to bottom, #ebc79e 0%, #ebc79e 85%, transparent 85.1%);background-size:100%;padding-bottom:12em}@media screen and (min-width: 768px) and (max-width: 1380px){.act-sect-event{background-size:110%}}.act-sect-event .act-container-wrap{max-width:1000px;width:66%}.act-sect-event .event-part{position:relative;z-index:1;margin-bottom:.8em}.act-sect-event .event-part .act-inner{z-index:1;position:relative;padding:3.5em 2em 3em;border-radius:20px;border:8px solid #4a84dd;background:url("../images/floral.png") no-repeat top center #fff;background-size:100%;text-align:center}.act-sect-event .event-part:after{content:"";position:absolute;z-index:-2;left:-6em;top:-6em;background:url("../images/s-circle.svg") no-repeat;width:15em;aspect-ratio:1 /1}.act-sect-event .event-part .act-gift{width:9em;display:block;margin-left:auto;margin-right:auto;margin-bottom:2em}.act-sect-event .event-part p{font-size:1.6em;font-weight:500;text-align:center;margin-bottom:1em}.act-sect-event .event-part .act-btn{margin-bottom:1em;margin-top:0em}.act-sect-event .act-notice{background:#faf1e6;padding:1em 1em;border:5px solid #fff;border-radius:20px}.act-sect-event .act-notice .notice-bar{text-align:center;font-weight:bold;font-size:1.2em;position:relative;cursor:pointer}.act-sect-event .act-notice .notice-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#fff;border-radius:10em;width:2em;height:2em;padding-top:0.2em;display:block}.act-sect-event .act-notice .notice-icon .arr{width:1em;transform:rotate(180deg);transition:all .3s}.act-sect-event .act-notice .notice-content{padding:2em 1em}.act-sect-event .act-notice .notice-content h3{font-size:1.2em;font-weight:bold}.act-sect-event .act-notice .notice-content ol{padding-left:1.8em}.act-sect-event .collapsed .notice-icon .arr{transform:rotate(0deg);transition:all .3s}@media screen and (max-width: 768px){.act-sect-event{padding-top:2em;background:url("../images/s3-bg2-m.png") no-repeat bottom center,linear-gradient(to bottom, #ebc79e 0%, #ebc79e 92%, transparent 92.1%);background-size:100%;padding-bottom:26em}.act-sect-event .act-container-wrap{width:100%}.act-sect-event .event-part .act-inner{padding:2.5em 1em 2em;border:6px solid #4a84dd}.act-sect-event .event-part:after{width:8em;left:-3em;top:-2em}.act-sect-event .event-part .act-gift{width:6em}.act-sect-event .event-part p{font-size:1.2em}.act-sect-event .act-notice{border-radius:1.5em}.act-sect-event .act-notice .notice-content .act-btn{font-size:0.9em}}.act-sect-question .act-container-wrap{max-width:1100px}.act-sect-question .QA-wrap .QA{border:2px solid  #6a7995;margin-bottom:0.5em;background:#f7f0e5;border-radius:20px;overflow:hidden}.act-sect-question .QA-wrap .QA .nb{color:#0f1e35;width:2em;height:100%;text-align:center;display:block;position:absolute;top:0;left:.5em;padding-top:0.5em;font-size:1em}.act-sect-question .QA-wrap .QA .Q{color:#0f1e35;font-size:1.4em;line-height:1.4;padding-top:0.5em;padding-bottom:0.5em;vertical-align:middle;font-weight:600;cursor:pointer;padding-right:2em;padding-left:2.5em;position:relative}.act-sect-question .QA-wrap .QA .Q:before{content:"";width:1em;height:1em;font-weight:bold;position:absolute;right:1em;transition:all .3s;top:0.8em;background:url("../images/arr-down.svg") no-repeat}.act-sect-question .QA-wrap .QA .Q.open:before{transform:rotate(180deg);transition:all .3s}.act-sect-question .QA-wrap .QA .A{color:#0f1e35;padding:1em 1.5em;font-size:1.1em;font-weight:500;position:relative;display:none;padding-left:60px;padding-top:0}.act-sect-question .QA-wrap .QA h4{font-size:1.5em}.act-sect-question .btn-more{font-size:1.2em}@media screen and (max-width: 768px){.act-sect-question .act-container-wrap{padding-left:0.5em;padding-right:0.5em}.act-sect-question .QA-wrap .QA{border-radius:1em}.act-sect-question .QA-wrap .QA .nb{left:0.6em;width:1em;font-size:.9em;padding-top:0.6em}.act-sect-question .QA-wrap .QA .Q{font-size:1.4em;line-height:1.4;padding-right:2em;padding-left:2em}.act-sect-question .QA-wrap .QA .A{padding:1em 0.75em;font-size:1.1em}.act-sect-question .QA-wrap .act-btn{font-size:0.9em}}.act-sect-footer{width:100%;position:relative;background:#0f1e35;color:#d0dcef;padding-top:2em;padding-bottom:2em}.act-sect-footer .container-wrap{text-align:center;font-size:0.9em}.act-sect-footer .text{font-size:1em;vertical-align:middle;list-style:none;letter-spacing:.5px}.act-sect-footer .text p{margin-bottom:0}.act-sect-footer .text a{color:#172439;text-decoration:underline}.act-sect-footer .text a:hover{color:#F00}.act-sect-footer .copyright{margin-top:1em}.act-sect-footer .copyright p:last-child{font-weight:90%;font-weight:200}.act-sect-footer .links{margin-top:1.6em}.act-sect-footer .links a{color:#fff;text-decoration:underline}@media screen and (max-width: 768px){.act-sect-footer{padding-bottom:5em}.act-sect-footer .text{font-size:1.1em}}
/*# sourceMappingURL=style.css.map */