@-webkit-keyframes sec_tit{50%{opacity:0}}@keyframes sec_tit{50%{opacity:0}}@-webkit-keyframes main_scroll{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes main_scroll{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes thanks_scroll{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}100%{-webkit-transform:translateX(-40%);transform:translateX(-40%)}}@keyframes thanks_scroll{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}100%{-webkit-transform:translateX(-40%);transform:translateX(-40%)}}@-webkit-keyframes thanks_img{50%{-webkit-transform:scale(1.03);transform:scale(1.03)}}@keyframes thanks_img{50%{-webkit-transform:scale(1.03);transform:scale(1.03)}}@-webkit-keyframes comparison_2022{50%{color:#93f}}@keyframes comparison_2022{50%{color:#93f}}body{padding-top:0;font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif}#cursor{background:url("/assets/img/campaign/20th_anniversary/cursor.png") no-repeat center/contain;display:none;width:80px;height:99px;position:fixed;pointer-events:none;z-index:10000000000}#content .wrap{max-width:860px;padding:60px 0}#content .sec_tit{margin:-20px 0 28px;font-size:26px;font-weight:bold;text-align:center;-webkit-animation:"sec_tit" 2.4s ease infinite;animation:"sec_tit" 2.4s ease infinite}@media only screen and (min-width: 769px){#content .wrap{padding:80px 0}#content .sec_tit{font-size:32px}}main{background:#93f;padding:0 30px;position:relative;color:#fff}main::before{content:"";display:block;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:#fdff33 4px solid}main .wrap{padding:110px 0 46px !important;position:relative;z-index:2}main .wrap::before{content:"";display:block;width:99px;height:328px;position:absolute;background:url("/assets/img/campaign/20th_anniversary/main_catch01.png") no-repeat center/contain;top:120px;right:0}main .wrap::after{content:"";display:block;width:98px;height:320px;position:absolute;background:url("/assets/img/campaign/20th_anniversary/main_catch02.png") no-repeat center/contain;top:184px;left:0}main .wrap::before,main .wrap::after{display:none}main .since{width:220px;position:absolute;top:30px;left:30px}main .tit,main .kiriban{max-width:480px;margin:0 auto}main .kiriban{background:url("/assets/img/campaign/20th_anniversary/main_kiriban.jpg") no-repeat center/cover;margin:20px auto 24px;padding:20px 10px;color:#93f;font-size:1.4rem;font-weight:bold;border:#ff26ed 1px dashed;text-align:center}main .kiriban .access{display:inline-block;background:#000;width:104px;height:30px;padding:8px 6px 0;margin-top:-6px;text-align:center;vertical-align:middle}main .kiriban .access img{display:inline-block;width:10%;vertical-align:top}main .kiriban a{color:#2630ff;text-decoration:underline}main .attention{display:table;margin:0 auto;padding-left:1.4rem;font-size:1.17rem;font-weight:bold}main .scroll_btn{display:none;width:180px;height:180px;position:absolute;bottom:60px;right:40px;text-align:center;z-index:3}main .scroll_btn::before{content:"";display:block;width:100%;height:100%;position:absolute;background:url("/assets/img/campaign/20th_anniversary/main_btn_bg.png") no-repeat center/contain;-webkit-animation:"main_scroll" 10s linear infinite;animation:"main_scroll" 10s linear infinite;z-index:-1}main .scroll_btn img{display:block;width:60%;max-width:139px;margin-top:8px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media only screen and (min-width: 769px){main .since{width:300px}main .wrap{padding:120px 0 54px !important}main .wrap::before,main .wrap::after{display:block}main .wrap::before{right:10px}main .wrap::after{left:10px}main .kiriban{margin-bottom:34px;padding:32px 20px}}@media only screen and (min-width: 960px){main::before{width:calc(100% - 40px);height:calc(100% - 40px)}main .since{top:40px;left:40px}main .kiriban a:hover{text-decoration:none}}@media only screen and (min-width: 1100px){main .scroll_btn{display:block}}@media only screen and (min-width: 1300px){main .since{top:60px;left:60px}main .scroll_btn{width:202px;right:60px}}#thanks{background:url("/assets/img/campaign/20th_anniversary/thanks_bg.gif") repeat left 30px/80px auto;padding-bottom:60px !important;overflow:hidden}#thanks .scroll{background:url("/assets/img/campaign/20th_anniversary/thanks_scroll.png") repeat-x center/264px auto;background-color:#fdff33;width:200%;height:50px;margin:0 -20px;-webkit-animation:"thanks_scroll" 10s linear 0s infinite;animation:"thanks_scroll" 10s linear 0s infinite}#thanks .wrap{background:#fff;margin-top:40px;padding:40px 20px 34px;font-weight:bold;border:#000 2px solid;border-radius:10px}#thanks .sec_tit{-webkit-animation:none;animation:none}#thanks .tit{margin-bottom:30px}#thanks .tit img{-webkit-animation:"thanks_img" 2s infinite;animation:"thanks_img" 2s infinite}#thanks dd{font-size:18px}#thanks dd:not(:first-of-type){margin-top:22px}#thanks dd span{display:inline-block;margin-bottom:8px;background:#93f;color:#fff}@media only screen and (min-width: 769px){#thanks{padding-bottom:80px !important}#thanks .scroll{-webkit-animation:"thanks_scroll" 20s linear 0s infinite;animation:"thanks_scroll" 20s linear 0s infinite}#thanks .wrap{margin-top:80px;padding:50px 40px}#thanks .tit{margin-bottom:40px}#thanks dd{font-size:24px}#thanks dd:not(:first-of-type){margin-top:50px}}#comparison{background:url("/assets/img/campaign/20th_anniversary/comparison_bg.gif") repeat left top/40px auto}#comparison .scroll_tb table{min-width:600px;border-collapse:separate;border-spacing:4px 0;position:relative}#comparison .scroll_tb thead th{height:60px;font-size:1.33rem;font-weight:bold;text-align:center}#comparison .scroll_tb thead th:not(:first-of-type){background:url("/assets/img/campaign/20th_anniversary/comparison_th.jpg") no-repeat left bottom/cover;width:30%}#comparison .scroll_tb thead th.value{width:16%}#comparison .scroll_tb tbody tr:last-of-type th,#comparison .scroll_tb tbody tr:last-of-type td{height:126px}#comparison .scroll_tb tbody tr:last-of-type td img{max-width:240px}#comparison .scroll_tb tbody tr:not(:first-of-type) th,#comparison .scroll_tb tbody tr:not(:first-of-type) td{border-top:#aaa 2px solid}#comparison .scroll_tb tbody tr.phone td:last-of-type s,#comparison .scroll_tb tbody tr.phone td:last-of-type span{font-size:.83rem;display:block}#comparison .scroll_tb tbody th,#comparison .scroll_tb tbody td{background:#fff;height:82px;padding:2px 12px 0;font-size:1.08rem}#comparison .scroll_tb tbody th{padding-left:16px;padding-right:0;font-size:13px;font-weight:normal}#comparison .scroll_tb tbody td{font-weight:bold;text-align:center}#comparison .scroll_tb tbody td.now{-webkit-animation:"comparison_2022" 2s infinite;animation:"comparison_2022" 2s infinite}#comparison .scroll_txt::before{display:none}#comparison .scroll_txt span{background:none}#comparison .scroll_txt span::before{left:-20px}#comparison .scroll_txt span::after{right:-20px}@media only screen and (min-width: 769px){#comparison .scroll_tb tbody th{padding-left:18px;padding-right:18px;font-size:1rem}}#campaign{background:#ff26ed}#campaign .sec_tit{color:#fff}#campaign .detail{background:#fff;padding:90px 20px 40px;position:relative;overflow:hidden;font-size:1.17rem;border:#2630ff 2px solid;border-radius:10px}#campaign .detail_tit{background:#2630ff;width:100%;height:66px;position:absolute;top:0;left:0;color:#fdff33;font-size:20px;font-weight:bold;line-height:66px}#campaign .detail .tit{margin-bottom:16px;color:#ff26ed;font-size:18px;font-weight:bold;text-align:center}#campaign .detail .txt span{font-weight:bold}#campaign .detail .btn{display:block;background-image:-webkit-gradient(linear, left bottom, left top, from(#2630ff), to(#e5e7ff));background-image:linear-gradient(360deg, #2630ff 0%, #e5e7ff 100%);width:100%;max-width:580px;height:70px;margin:30px auto 0;color:#fff;font-size:18px;font-weight:bold;line-height:70px;text-align:center;border-radius:10px;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.4);box-shadow:0 0 4px 0 rgba(0,0,0,.4)}#campaign .detail .btn span{display:block;-webkit-animation:"thanks_img" 2s linear infinite;animation:"thanks_img" 2s linear infinite}#campaign .detail#server .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#campaign .detail#server .inner .txt,#campaign .detail#server .inner .price{width:100%}#campaign .detail#server .inner .txt span{display:block}#campaign .detail#server .inner .txt p:last-of-type{margin-top:16px}#campaign .detail#server .inner .price{background:#eee;margin-top:20px;padding:24px 16px;border-radius:5px}#campaign .detail#server .inner .price p{margin-bottom:20px;font-weight:bold;text-align:center}#campaign .detail#server .inner .price li span{color:#2630ff}#campaign .detail#server .inner .price li span s{color:#333}#campaign .detail#server .buy .price li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#campaign .detail#server .buy .price li:not(:first-child){margin-top:6px}#campaign .detail#server .update{margin-top:40px}#campaign .detail#server .update .price ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:-6px;font-size:1rem}#campaign .detail#twitter{margin-top:30px}#campaign .detail#twitter .txt{margin-bottom:20px}#campaign .detail#twitter .txt p{margin-top:16px}#campaign .detail#twitter .txt p span{display:block}#campaign .detail#twitter .present{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}#campaign .detail#twitter .present li{width:100%;margin-bottom:22px}#campaign .detail#twitter .present li p{margin-bottom:14px;font-weight:bold;text-align:center}#campaign .detail#twitter .present li p span{color:#2630ff}#campaign .detail#twitter .entry span{display:block;font-weight:bold}#campaign .detail#twitter .entry a{color:#2630ff;text-decoration:underline}@media only screen and (min-width: 769px){#campaign .detail{padding:116px 50px 50px}#campaign .detail_tit{height:80px;font-size:28px;line-height:80px}#campaign .detail .tit{margin-bottom:28px;font-size:24px}#campaign .detail .btn{height:80px;margin-top:40px;font-size:24px;line-height:80px}#campaign .detail#server .inner .txt{width:42%}#campaign .detail#server .inner .price{margin-top:0;width:53%;padding-left:20px;padding-right:20px}#campaign .detail#server .update{margin-top:70px}#campaign .detail#twitter .txt{margin-bottom:30px}#campaign .detail#twitter .txt p{margin-top:20px}#campaign .detail#twitter .txt p span{display:inline-block}#campaign .detail#twitter .present li{width:48.6%;margin-bottom:32px}#campaign .detail#twitter .entry{margin-top:20px}}@media only screen and (min-width: 960px){#campaign .detail{font-size:16px}#campaign .detail#twitter .entry a:hover{text-decoration:none}#campaign .btn:hover{background-image:-webkit-gradient(linear, left bottom, left top, from(#fdff33), to(#fff));background-image:linear-gradient(360deg, #fdff33 0%, #fff 100%);color:#2630ff}}#note{background:url("/assets/img/campaign/20th_anniversary/note_bg.gif") repeat left top/80px auto}#note .sec_tit{font-size:1.33rem}#note .detail{max-width:740px;margin:0 auto}#note .detail .tit{font-size:1.17rem;font-weight:bold}#note .detail .tit:not(:first-of-type){margin-top:20px}#note .detail .dot_list{font-size:1.17rem}#note .footer{max-width:860px;height:70px;margin:0 auto;padding:0 10px;line-height:70px;text-align:center;border-top:#93f 2px solid}@media only screen and (min-width: 769px){#note .detail .tit:not(:first-of-type){margin-top:30px}#note .footer{height:96px;line-height:96px}}