body{font-family:Hiragino Kaku Gothic ProN,Meiryo,Osaka,MS PGothic,sans-serif}.beginner{margin-top:-49px;min-width:1132px!important}.beginner .hidden,.beginner .sp{display:none}.beginner .flex{display:flex}.beginner .flex_between{display:flex;justify-content:space-between}.beginner .flex_center{display:flex;justify-content:center}.beginner .flex_start{display:flex;justify-content:flex-start}.beginner .flex_end{display:flex;justify-content:flex-end}.beginner .flex_wrap{flex-wrap:wrap}.beginner .align_center{align-items:center}.beginner .align_end{align-items:end}.beginner .align_baseline{align-items:baseline}.beginner .shine{overflow:hidden;position:relative}.beginner .shine:hover{text-decoration:none;color:#fff}.beginner .shine:before{position:absolute;content:"";display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;-webkit-animation:shine 3s ease-in-out infinite;animation:shine 3s ease-in-out infinite}@-webkit-keyframes shine{0%{transform:scale(0) rotate(45deg);opacity:0}80%{transform:scale(0) rotate(45deg);opacity:.5}81%{transform:scale(4) rotate(45deg);opacity:1}to{transform:scale(50) rotate(45deg);opacity:0}}@keyframes shine{0%{transform:scale(0) rotate(45deg);opacity:0}80%{transform:scale(0) rotate(45deg);opacity:.5}81%{transform:scale(4) rotate(45deg);opacity:1}to{transform:scale(50) rotate(45deg);opacity:0}}.beginner .big_small{transition:all;cursor:pointer;-webkit-animation:big_small 2s ease-in-out forwards;animation:big_small 2s ease-in-out forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes big_small{0%{transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-webkit-transform:scale(1.1)}}@keyframes big_small{0%{transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.1);-webkit-transform:scale(1.1)}}.beginner .mv{position:relative;z-index:-1}.beginner .mv .mv_inner{display:flex;flex-direction:column;width:100%;min-height:817px;background-image:url(/img/beginner/mv_text_jra.png),url(/img/beginner/mv_text_nar.png),url(/img/beginner/mv_bg.jpg);background-repeat:no-repeat;background-size:354px 714px,331px 697px,cover;background-position:left 15px,right 18px,top;margin:0 auto}.beginner .mv .mv_inner .mv_inner_inner .mv_horse{width:738px;margin:0 auto -137px;display:block;transform:translateX(-29px)}.beginner .mv .mv_inner .mv_inner_inner .mv_text{width:1128px;margin:0 auto -16px;display:block;position:relative}.beginner .mv .mv_inner .mv_inner_inner .mv_feature li{width:408px}.beginner .mv .mv_inner .mv_inner_inner .mv_feature li.center{margin:0 -28px}.beginner .mv .mv_inner .mv_logo_area{width:100%;background-color:rgba(0,0,0,.55);margin-top:auto;padding:6px 0 4px 21px}.beginner .mv .mv_inner .mv_logo_area .logo_area_inner .jra{margin-right:60px}.beginner .mv .mv_inner .mv_logo_area .logo_area_inner .jra .logo_img{width:366px}.beginner .mv .mv_inner .mv_logo_area .logo_area_inner .nar .logo_img{width:469px}.beginner .about{width:100%;margin:0 auto;background-image:linear-gradient(180deg,#0c1329 49%,#0d1532)}.beginner .about .about_inner{background:url(/img/beginner/about_bg.png) -7px 0/contain no-repeat;padding:114px 0 103px}.beginner .about .about_inner .about_jra_nar{padding-bottom:121px}.beginner .about .about_inner .about_jra_nar .h1_ttl{font-size:28px;font-weight:700;color:#eceff1;text-align:center;margin-bottom:3px;letter-spacing:.01em}.beginner .about .about_inner .about_jra_nar .ttl{font-size:48px;font-weight:700;color:#eceff1;text-align:center;margin:0 0 36px}.beginner .about .about_inner .about_jra_nar .ttl .alphabet{font-size:52px;font-family:Montserrat;font-weight:400}.beginner .about .about_inner .about_jra_nar .desc{font-size:18px;color:#eceff1;text-align:center;line-height:1.83;letter-spacing:.06em}.beginner .about .about_inner .flow{width:1132px;margin:0 auto 110px;background-image:linear-gradient(180deg,#0a2c4f,#0a2c51 75%)}.beginner .about .about_inner .flow .flow_inner{background-image:url(/img/beginner/flow_bg.png);background-repeat:no-repeat;background-size:contain;background-position:center bottom -17px;position:relative;padding:65px 0 50px}.beginner .about .about_inner .flow .flow_inner .conjugation{width:474px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.beginner .about .about_inner .flow .flow_inner .ttl{font-size:48px;font-weight:700;color:#eceff1;text-align:center;letter-spacing:3.2px;margin-bottom:18px}.beginner .about .about_inner .flow .flow_inner .desc{font-size:18px;color:#eceff1;text-align:center;line-height:1.83;letter-spacing:1.2px;margin-bottom:58px}.beginner .about .about_inner .flow .flow_inner .useful_function .img_top{width:1032px;margin:0 auto}.beginner .about .about_inner .flow .flow_inner .useful_function .inner{width:1032px;margin:0 auto;background-color:#00101d;border-right:2px solid #084e58;border-left:2px solid #084e58;padding:0 48px;position:relative}.beginner .about .about_inner .flow .flow_inner .useful_function .inner:before{content:"";display:inline-block;width:598px;height:8px;box-shadow:0 0 16px 0 #25effb;background-color:#25effb;position:absolute;top:-48px;left:50%;transform:translate(-50%)}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .subttl{font-size:40px;font-weight:700;color:#25effb;text-align:center;letter-spacing:.08em;margin-bottom:26px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .subttl .small{font-size:28px;font-weight:700;color:#25effb;display:block;letter-spacing:1.87px;margin-bottom:8px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box{margin-bottom:0;border:4px solid #01d7e9;box-shadow:inset 0 1px 46px 0 rgba(0,217,255,.5);background-image:radial-gradient(circle at 50% 50%,#023d62,#031324 138%);padding:36px 36px 41px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list{border:2px solid #01d7e9;padding:3px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:not(:last-child){margin-bottom:21px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list .list_ttl{font-size:28px;font-weight:700;letter-spacing:1.87px;color:#050812;background-color:#25effb;margin-bottom:2px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list .inner_list_box{padding:17px 11px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list .inner_list_box .inner_list{width:371px;font-size:18px;color:#eceff1;letter-spacing:1.2px;line-height:1.3}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list .inner_list_box .inner_list a:hover{text-decoration:underline}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:first-child .list_ttl{padding:7px 17px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:first-child .list_ttl .num{width:15px;margin-right:20px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(2) .list_ttl:first-child,.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(2) .list_ttl:nth-child(2){padding:7px 8px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(2) .list_ttl:first-child .num,.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(2) .list_ttl:nth-child(2) .num{width:29px;margin-right:15px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(3) .list_ttl:first-child{padding:7px 9px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(3) .list_ttl:first-child .num{width:27px;margin-right:16px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(3) .list_ttl:nth-child(2){padding:7px 8px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(3) .list_ttl:nth-child(2) .num{width:30px;margin-right:14px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(4) .list_ttl{padding:7px 9px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(4) .list_ttl .num{width:29px;margin-right:14px}.beginner .about .about_inner .flow .flow_inner .useful_function .img_bottom{width:1032px;margin:0 auto;transform:rotate(180deg)}.beginner .about .about_inner .useful_contens{width:1112px;margin:0 auto;background-image:radial-gradient(circle at 98% 2%,#005b7b,#0a2d55 39%);padding:88px 50px 38px;position:relative;z-index:1}.beginner .about .about_inner .useful_contens:after,.beginner .about .about_inner .useful_contens:before{content:"";display:inline-block;width:140px;height:140px;background-color:transparent;position:absolute;z-index:0}.beginner .about .about_inner .useful_contens:before{top:-10px;right:-10px;border-top:4px solid #25effb;border-right:4px solid #25effb}.beginner .about .about_inner .useful_contens:after{bottom:-10px;left:-10px;border-bottom:4px solid #25effb;border-left:4px solid #25effb}.beginner .about .about_inner .useful_contens .ttl{width:751px;position:absolute;top:-22px;left:-22px}.beginner .about .about_inner .useful_contens .desc{font-size:18px;color:#eceff1;line-height:1.83;letter-spacing:1.2px;margin-bottom:24px}.beginner .about .about_inner .useful_contens .detail{width:1012px;margin:0 auto}.beginner .about .about_inner .useful_contens .detail li{width:244px;background-color:#0c1531;margin-bottom:12px}.beginner .about .about_inner .useful_contens .detail li:not(:nth-child(4n)){margin-right:12px}.beginner .about .about_inner .useful_contens .detail li a{font-size:18px;font-weight:700;color:#eceff1;display:block;padding:13px 16px;letter-spacing:1.2px}.beginner .about .about_inner .useful_contens .detail li a[href]:hover{text-decoration:underline}.beginner .register_area{width:100%;box-shadow:inset 0 1px 61px 0 rgba(0,0,0,.5);background-image:radial-gradient(circle at 49% 45%,#00b9ff,#025676 50%)}.beginner .register_area .inner{width:100%;background-image:url(/img/beginner/register_area_bg_left.png),url(/img/beginner/register_area_bg_right.png);background-repeat:no-repeat;background-size:contain;background-position:0,100%;position:relative;padding:44px 0 48px}.beginner .register_area .inner .ttl{font-size:48px;font-weight:700;color:#0d1532;letter-spacing:.09em;text-align:center;line-height:1.3}.beginner .register_area .inner .ttl .small{font-size:32px;font-weight:700;letter-spacing:.07em;display:block;color:#0d1532;margin:2px 0 23px}.beginner .register_area .inner .button{width:520px;margin:0 auto 8px;border-radius:32px;text-align:center;background-image:linear-gradient(180deg,#ff3bb6,#f271c2 53%,#ff3bb6 54%,#ff3bb6);padding:10px 0;box-shadow:0 2px 0 0 #ad1d78;position:relative;z-index:1}.beginner .register_area .inner .button a{font-size:28px;font-weight:700;color:#fff;display:block}.beginner .register_area .inner .login{font-size:12px;color:#eceff1;text-align:center;margin-bottom:0}.beginner .register_area .inner .login a{text-decoration:underline}.beginner .register_area .inner .moon{width:164px;height:164px;box-shadow:0 2px 25px 0 rgba(0,0,0,.5);border:2px solid #fe0;background-image:linear-gradient(149deg,#fe0 45%,#bcb10d 79%,#b9ae0e 83%);font-size:44px;font-weight:700;letter-spacing:2.93px;color:#0c1532;position:absolute;top:27px;left:calc(50% - 512px);line-height:1.1;flex-direction:column;border-radius:50%}.beginner .register_area .inner .moon .small{font-size:32px;font-weight:700;color:#0c1532;letter-spacing:2.13px}.beginner .register_area .inner .horse_img{width:421px;position:absolute;top:-78px;right:calc(50% - 732px)}.beginner .for_free_member{padding:56px 0 0;background-color:#0d1531}.beginner .for_free_member .ttl{font-size:48px;font-weight:700;color:#fff;letter-spacing:3.2px;text-align:center;position:relative;margin-bottom:66px}.beginner .for_free_member .ttl .small{font-size:32px;font-weight:700;color:#fff;border:1px solid #fff;letter-spacing:2.13px;display:inline-block;padding:9px 0 9px 12px;margin-bottom:22px}.beginner .for_free_member .ttl:before{content:"";display:inline-block;width:48px;height:20px;position:absolute;bottom:-34px;left:50%;transform:translate(-50%);z-index:0;background-image:url(/img/beginner/for_free_member_ttl_flare.png);background-repeat:no-repeat;background-size:contain}.beginner .for_free_member .ttl:after{content:"";display:inline-block;width:976px;height:3px;box-shadow:0 0 16px 0 #25effb;background-color:#80c3f3;position:absolute;bottom:-26px;left:50%;transform:translate(-50%,-50%)}.beginner .for_free_member .desc{font-size:18px;color:#eceff1;line-height:1.83;letter-spacing:1.2px;text-align:center;margin-bottom:50px}.beginner .for_free_member .contents_logo_area{width:1132px;margin:0 auto 6px}.beginner .for_free_member .contents_logo_area .left{margin-right:30px}.beginner .for_free_member .contents_logo_area .left .img_box{width:26px;margin-right:6px}.beginner .for_free_member .contents_logo_area .left .text_box{font-size:16px;font-weight:700;color:#fff;letter-spacing:1px;line-height:1}.beginner .for_free_member .contents_logo_area .right .img_box{width:26px;margin-right:6px}.beginner .for_free_member .contents_logo_area .right .text_box{font-size:16px;font-weight:700;color:#fff;letter-spacing:1px;line-height:1}.beginner .for_free_member .available_viewing,.beginner .for_free_member .useful_function{width:1132px}.beginner .for_free_member .available_viewing .subttl,.beginner .for_free_member .useful_function .subttl{background-image:url(/img/beginner/for_free_member_ttl_bg.png);background-repeat:no-repeat;background-size:contain;padding:29px 14px 28px 33px;margin:0 -11px -11px;position:relative;z-index:2}.beginner .for_free_member .available_viewing .subttl .left,.beginner .for_free_member .useful_function .subttl .left{font-size:40px;font-weight:700;letter-spacing:2.5px;color:#0d1531}.beginner .for_free_member .available_viewing .subttl .left .small,.beginner .for_free_member .useful_function .subttl .left .small{font-size:23px;font-weight:700;color:#fff;margin-right:13px;display:inline-block;background-color:#052b54;letter-spacing:1.53px;padding:8px 0 8px 10px}.beginner .for_free_member .available_viewing .subttl .left .small .letter_space,.beginner .for_free_member .useful_function .subttl .left .small .letter_space{letter-spacing:4px}.beginner .for_free_member .available_viewing .functions_detail,.beginner .for_free_member .useful_function .functions_detail{width:1132px;margin:0 auto;background-color:#eceff1;position:relative;z-index:1;padding:50px 50px 21px}.beginner .for_free_member .available_viewing .functions_detail:after,.beginner .for_free_member .available_viewing .functions_detail:before,.beginner .for_free_member .useful_function .functions_detail:after,.beginner .for_free_member .useful_function .functions_detail:before{content:"";display:inline-block;background-color:#263238}.beginner .for_free_member .available_viewing .functions_detail li,.beginner .for_free_member .useful_function .functions_detail li{width:506px;border:1px solid #0d1531;margin-bottom:20px}.beginner .for_free_member .available_viewing .functions_detail li:nth-child(odd),.beginner .for_free_member .useful_function .functions_detail li:nth-child(odd){margin-right:20px}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl{background-color:#0d1531;padding:21px 20px 20px;margin:0}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .left,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .left{font-size:21px;font-weight:700;letter-spacing:.05em;color:#fff}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .right .jra_box,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .right .jra_box{width:26px}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .right .nar_box,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .right .nar_box{width:26px;margin-left:6px}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .right .toggle_btn,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .right .toggle_btn{width:20px;height:20px;border-radius:50%;border:1px solid #fff;position:relative;margin-left:10px}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .right .toggle_btn:after,.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .right .toggle_btn:before,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .right .toggle_btn:after,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .right .toggle_btn:before{content:"";display:block;background-color:#fff;width:13px;height:4px;position:absolute;top:50%;left:50%}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .right .toggle_btn:before,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .right .toggle_btn:before{transform:translate(-47%,-50%) rotate(90deg);transition:all .2s}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .right .toggle_btn:after,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .right .toggle_btn:after{transform:translate(-47%,-50%)}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .small,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .small{font-size:16px;font-weight:700;color:#fff}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .detail_subttl,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .detail_subttl{font-size:16px;font-weight:700;color:#0d1531;letter-spacing:1px;background-color:#17bcd5;margin-right:10px;padding:3px 5px 3px 18px}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .detail_subttl2 .small,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .detail_subttl2 .small{font-size:16px;display:block}.beginner .for_free_member .available_viewing .functions_detail li .detail_desc,.beginner .for_free_member .useful_function .functions_detail li .detail_desc{padding:13px}.beginner .for_free_member .available_viewing .functions_detail li .detail_desc .top,.beginner .for_free_member .useful_function .functions_detail li .detail_desc .top{font-size:18px;color:#0d1531;letter-spacing:1.2px;line-height:1.17}.beginner .for_free_member .available_viewing .functions_detail li .detail_desc .top .top_small,.beginner .for_free_member .useful_function .functions_detail li .detail_desc .top .top_small{font-size:14px}.beginner .for_free_member .available_viewing .functions_detail li .detail_desc .bottom,.beginner .for_free_member .useful_function .functions_detail li .detail_desc .bottom{width:150px;border-radius:28px;background-color:#0d1531;margin:0 auto;padding:1px 0}.beginner .for_free_member .available_viewing .functions_detail li .detail_desc .bottom .bottom_inner,.beginner .for_free_member .useful_function .functions_detail li .detail_desc .bottom .bottom_inner{width:148px;border:1px solid #4c74ff;border-radius:28px;margin:0 auto}.beginner .for_free_member .available_viewing .functions_detail li .detail_desc .bottom .bottom_inner a,.beginner .for_free_member .useful_function .functions_detail li .detail_desc .bottom .bottom_inner a{font-size:18px;font-weight:700;letter-spacing:1.13px;background-image:linear-gradient(90deg,#0d1531 -9%,#233679 69%);color:#eceff1;display:block;text-align:center;border:1px solid #163ed3;border-radius:28px;padding:7px 0 7px 7px}.beginner .for_free_member .available_viewing .functions_detail li:nth-child(2n-1),.beginner .for_free_member .useful_function .functions_detail li:nth-child(2n-1){margin-right:20px}.beginner .for_free_member .available_viewing .img_bottom,.beginner .for_free_member .useful_function .img_bottom{width:1132px;margin:-10px auto 0;position:relative}.beginner .for_free_member .useful_function{margin:0 auto 32px}.beginner .for_free_member .useful_function .functions_detail li .detail_desc .top{margin-bottom:10px}.beginner .for_free_member .useful_function .functions_detail li:nth-child(2) .detail_desc .top,.beginner .for_free_member .useful_function .functions_detail li:nth-child(3) .detail_desc .top{margin-bottom:35px}.beginner .for_free_member .available_viewing{margin:0 auto -389px}.beginner .for_free_member .available_viewing .functions_detail li .detail_desc .top{margin-bottom:14px}.beginner .for_free_member .available_viewing .functions_detail li:nth-child(2) .detail_desc .top,.beginner .for_free_member .available_viewing .functions_detail li:nth-child(4) .detail_desc .top{margin-bottom:35px}.beginner .for_free_member .available_viewing .functions_detail li:nth-child(7) .detail_ttl{padding:18px 20px 19px 0}.beginner .for_free_member .available_viewing .functions_detail li:nth-child(8) .detail_ttl{padding:5px 20px 6px 0}.beginner .for_free_member .available_viewing .functions_detail li:nth-child(8) .detail_ttl .left .detail_subttl2{line-height:1.4}.beginner .for_free_member .available_viewing .functions_detail li:nth-child(9) .detail_ttl{padding:7px 20px 6px 0}.beginner .for_free_member .available_viewing .functions_detail li:nth-child(10) .detail_ttl{padding:18px 20px 19px 0}.beginner .for_free_member .available_viewing .functions_detail li:nth-child(10) .detail_desc .top{margin-bottom:56px}.beginner .for_free_member .img_box{width:100%;display:block}.beginner .support_function{padding:48px 0 100px;background-color:#0d1531;background-image:url(/img/beginner/support_function_bg_logo_nar.png),url(/img/beginner/support_function_bg_logo_jra.png);background-repeat:no-repeat;background-position:right top 20px,left top 290px;background-size:380px 420px}.beginner .support_function .ttl{text-align:center;margin-bottom:44px;position:relative;z-index:0;background-image:url(/img/beginner/support_function_ttl2.png);background-repeat:no-repeat;background-size:1163px 93px;background-position:top;padding-top:56px;flex-direction:column}.beginner .support_function .ttl .top{font-size:32px;font-weight:700;color:#17bcd5;letter-spacing:2.13px;display:inline-block;margin-bottom:14px}.beginner .support_function .ttl .bottom .bg_white{font-size:32px;font-weight:700;color:#0d1531;display:inline-block;letter-spacing:2.13px;background-color:#fff;padding:2px 3px 2px 8px;margin-right:15px}.beginner .support_function .ttl .bottom .text_white{font-size:48px;font-weight:700;color:#fff;letter-spacing:.07em}.beginner .support_function .ttl .bottom .small{font-size:32px;font-weight:700;color:#fff;letter-spacing:2.13px;margin-top:6px}.beginner .support_function .desc{font-size:18px;line-height:1.83;letter-spacing:1.2px;color:#eceff1;text-align:center;margin-bottom:36px}.beginner .support_function .usecase{width:1132px;margin:0 auto 50px}.beginner .support_function .usecase .list{width:100%;border:2px solid #25effb;padding:3px 3px 4px 4px}.beginner .support_function .usecase .list:not(:last-child){margin-bottom:20px}.beginner .support_function .usecase .list .left{width:326px;font-size:24px;font-weight:700;text-align:center;letter-spacing:1.5px;background-image:radial-gradient(circle at 50% 50%,#1bc7ee,#1e5bb5 130%);position:relative;overflow:hidden}.beginner .support_function .usecase .list .right{width:795px;box-shadow:inset 0 0 26px 2px #17bcd5;background-color:#1a374c;padding:16px 0 19px 38px}.beginner .support_function .usecase .list .right .usecase_detail li{font-size:16px;font-weight:700;letter-spacing:1.07px;line-height:2.5;color:#eceff1;position:relative}.beginner .support_function .usecase .list .right .usecase_detail li:before{content:"";display:inline-block;width:10px;height:3px;background-color:#1cb3e4;position:absolute;top:calc(50% - 1px);left:-12px;transform:translate(-50%,-50%)}.beginner .support_function .usecase .list .right .usecase_detail li:nth-child(3n-2){width:240px;margin-right:31px}.beginner .support_function .usecase .list .right .usecase_detail li:nth-child(3n-1){width:222px;margin-right:47px}.beginner .support_function .usecase .list:first-child .left .inner,.beginner .support_function .usecase .list:nth-child(3) .left .inner{height:100%;background-image:url(/img/beginner/support_function_decoration1.png),url(/img/beginner/support_function_decoration2.png);background-repeat:no-repeat;background-size:contain;background-position:0,100%}.beginner .support_function .usecase .list:first-child .left .inner .inner_inner,.beginner .support_function .usecase .list:nth-child(3) .left .inner .inner_inner{margin:0 36px}.beginner .support_function .usecase .list:nth-child(2) .left .inner{height:100%;background-image:url(/img/beginner/support_function_decoration3.png),url(/img/beginner/support_function_decoration4.png);background-repeat:no-repeat;background-size:contain;background-position:0,100%}.beginner .support_function .usecase .list:nth-child(2) .left .inner .inner_inner{margin:0 36px}.beginner .support_function .point_present{width:1132px;padding:28px 0 30px;box-shadow:inset 0 0 23px 8px rgba(0,0,0,.5);background-color:#fff;margin:0 auto}.beginner .support_function .point_present .inner{width:1132px;margin:0 auto}.beginner .support_function .point_present .inner .present_ttl{font-size:60px;font-weight:700;text-align:center;letter-spacing:4px;color:#0d1531;line-height:1;margin-bottom:22px}.beginner .support_function .point_present .inner .present_ttl .ttl_top{font-size:32px;font-weight:700;color:#0d1531;letter-spacing:.08em;display:block;margin-bottom:4px}.beginner .support_function .point_present .inner .present_ttl .img_free{width:392px;margin-right:11px;display:inline-block}.beginner .support_function .point_present .inner .present_ttl .img_free img{vertical-align:bottom}.beginner .support_function .point_present .inner .present_ttl .img_point{width:243px;display:inline-block;margin-right:6px}.beginner .support_function .point_present .inner .present_ttl .img_point img{vertical-align:bottom}.beginner .support_function .point_present .inner .present_ttl .middle{font-size:48px;font-weight:700;color:#0d1531;letter-spacing:3.2px}.beginner .support_function .point_present .inner .present_desc{font-size:18px;line-height:1.83;letter-spacing:1.2px;text-align:center;margin-bottom:12px}.beginner .support_function .point_present .inner .present_btn{width:auto;max-width:315px;border-radius:28px;background-color:#0d1531;margin:0 auto;padding:2.3px 0}.beginner .support_function .point_present .inner .present_btn .btn_inner{width:auto;max-width:311px;border:2px solid #4c74ff;border-radius:28px;margin:0 auto}.beginner .support_function .point_present .inner .present_btn .btn_inner a{font-size:18px;font-weight:700;letter-spacing:1.13px;background-image:linear-gradient(90deg,#0d1531 -9%,#233679 69%);color:#eceff1;display:block;text-align:center;border:2px solid #163ed3;border-radius:28px;padding:4px 0}@media screen and (min-width:1921px){.beginner .for_free_member .available_viewing{margin:0 auto -542px}}@media screen and (max-width:1440px){.beginner .for_free_member .available_viewing{margin:0 auto -292px}}@media screen and (max-width:768px){.beginner{margin-top:-24px;min-width:auto!important}.beginner .pc{display:none}.beginner .sp{display:block}.beginner .column{flex-direction:column}.beginner .reverse{flex-direction:column-reverse}.beginner .mv .mv_inner{background-size:86px,73px,cover;min-height:auto;background-image:url(/img/beginner/mv_text_jra_sp.png),url(/img/beginner/mv_text_nar_sp.png),url(/img/beginner/mv_bg_sp.jpg);background-position:left 8px,right 1px top 6px,top}.beginner .mv .mv_inner .mv_inner_inner{margin-bottom:-10px}.beginner .mv .mv_inner .mv_inner_inner .mv_horse{width:228px;transform:translateX(5px);margin-bottom:-90px}.beginner .mv .mv_inner .mv_inner_inner .mv_text{width:100%;margin-bottom:-33px}.beginner .mv .mv_inner .mv_inner_inner .mv_feature{align-items:center}.beginner .mv .mv_inner .mv_inner_inner .mv_feature li{width:92.7%;margin:0 auto -10.5%}.beginner .mv .mv_inner .mv_inner_inner .mv_feature li.center{margin:0 auto -10.5%}.beginner .mv .mv_inner .mv_inner_inner .mv_feature li.right{margin-bottom:0}.beginner .mv .mv_inner .mv_logo_area{padding:3px 0 3px 2px}.beginner .mv .mv_inner .mv_logo_area .logo_area_inner .jra{margin-right:14px}.beginner .mv .mv_inner .mv_logo_area .logo_area_inner .jra .logo_img{width:auto;max-width:146px}.beginner .mv .mv_inner .mv_logo_area .logo_area_inner .nar .logo_img{width:auto;max-width:187px}.beginner .about .about_inner{padding:33px 0 58px;background-image:url(/img/beginner/about_bg_sp.png);background-position:top}.beginner .about .about_inner .about_jra_nar{background-image:url(/img/beginner/about_bg2_sp.png);background-repeat:no-repeat;background-position:left 104% bottom -148px;background-size:95%;padding-bottom:156px}.beginner .about .about_inner .about_jra_nar .h1_ttl{font-size:18px}.beginner .about .about_inner .about_jra_nar .ttl{font-size:32px;line-height:1.33;margin-bottom:14px}.beginner .about .about_inner .about_jra_nar .ttl .alphabet{font-size:32px}.beginner .about .about_inner .about_jra_nar .desc{font-size:16px;text-align:left;line-height:1.5;letter-spacing:1.07px;padding:0 10px}.beginner .about .about_inner .flow{width:100%;margin:0 auto 50px}.beginner .about .about_inner .flow .flow_inner{padding:44px 10px 47px}.beginner .about .about_inner .flow .flow_inner .conjugation{width:92.8%}.beginner .about .about_inner .flow .flow_inner .ttl{font-size:32px;margin-bottom:14px}.beginner .about .about_inner .flow .flow_inner .desc{font-size:16px;line-height:1.5;letter-spacing:1.07px;text-align:left;margin-bottom:26px}.beginner .about .about_inner .flow .flow_inner .useful_function .img_top{width:100%}.beginner .about .about_inner .flow .flow_inner .useful_function .inner{width:100%;padding:16px 8px 0}.beginner .about .about_inner .flow .flow_inner .useful_function .inner:before{width:250px;top:-11px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .subttl{font-size:27px;letter-spacing:normal}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box{width:100%;padding:9px 7px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:first-child .list_ttl{padding:4px 8px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:first-child .list_ttl .num{width:10px;margin-right:12px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(2) .list_ttl:first-child,.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(2) .list_ttl:nth-child(2){padding:4px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(2) .list_ttl:first-child .num,.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(2) .list_ttl:nth-child(2) .num{width:20px;margin-right:7px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(2) .list_ttl:nth-child(2){font-size:20px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(3) .list_ttl:first-child{padding:4px 5px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(3) .list_ttl:first-child .num{width:18px;margin-right:6px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(3) .list_ttl:nth-child(2){padding:4px 5px;font-size:21px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(3) .list_ttl:nth-child(2) .num{width:20px;margin-right:6px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(3) .list_ttl:nth-child(2) .ttl_extra .small_text{font-size:16px;letter-spacing:1.07px;margin-left:-7px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(4) .list_ttl{padding:4px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:nth-child(4) .list_ttl .num{width:20px;margin-right:6px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list:not(:last-child){margin-bottom:10px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list .list_ttl{font-size:23px;letter-spacing:1.53px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list .inner_list_box{padding:10px 4px}.beginner .about .about_inner .flow .flow_inner .useful_function .inner .function_box .list .inner_list_box .inner_list{font-size:16px}.beginner .about .about_inner .flow .flow_inner .useful_function .img_bottom{width:100%}.beginner .about .about_inner .useful_contens{width:89.4%;padding:128px 20px 20px}.beginner .about .about_inner .useful_contens:after,.beginner .about .about_inner .useful_contens:before{width:70px;height:70px}.beginner .about .about_inner .useful_contens:before{top:auto;bottom:-8px;right:-8px;border-top:none;border-right:2px solid #25effb;border-bottom:2px solid #25effb}.beginner .about .about_inner .useful_contens:after{bottom:-8px;left:-8px;border-bottom:2px solid #25effb;border-left:2px solid #25effb}.beginner .about .about_inner .useful_contens .ttl{width:106%;top:-10px;left:50%;transform:translate(-50%)}.beginner .about .about_inner .useful_contens .desc{font-size:16px;line-height:1.75;letter-spacing:1.07px;margin-bottom:16px}.beginner .about .about_inner .useful_contens .detail{width:100%}.beginner .about .about_inner .useful_contens .detail li{width:100%;margin-bottom:3px}.beginner .about .about_inner .useful_contens .detail li:not(:nth-child(4n)){margin-right:0}.beginner .about .about_inner .useful_contens .detail li a{padding:8px 16px}.beginner .register_area{background-image:radial-gradient(circle at 49% 45%,#00b9ff,#025676 124%)}.beginner .register_area .inner{background-image:url(/img/beginner/register_area_bg_sp.png);padding:28px 0 40px;background-size:cover}.beginner .register_area .inner .ttl{font-size:32px;position:relative;z-index:1;text-shadow:2px 2px 0 #54bce1,-2px -2px 0 #54bce1,-2px 2px 0 #54bce1,2px -2px 0 #54bce1,0 2px 0 #54bce1,-2px 0 #54bce1,-2px 0 0 #54bce1,2px 0 0 #54bce1}.beginner .register_area .inner .ttl .small{margin-bottom:17px;font-size:18px}.beginner .register_area .inner .button{width:89.4%;padding:14px 0}.beginner .register_area .inner .button a{font-size:16px}.beginner .register_area .inner .moon{width:94px;height:94px;font-size:34px;top:-30px;left:20px;padding-top:5px}.beginner .register_area .inner .moon .small{font-size:16px}.beginner .register_area .inner .horse_img{width:112px;top:-41px;right:0}.beginner .for_free_member{padding:36px 0 0;background-image:none}.beginner .for_free_member .ttl{font-size:30px;margin-bottom:35px}.beginner .for_free_member .ttl:before{width:48px;height:20px;bottom:-30px}.beginner .for_free_member .ttl:after{width:100%;bottom:-21px}.beginner .for_free_member .ttl .small{font-size:20px;margin-bottom:12px;padding:4px;letter-spacing:0}.beginner .for_free_member .desc{font-size:16px;line-height:1.5;letter-spacing:1.07px;text-align:left;padding:0 10px;margin-bottom:13px}.beginner .for_free_member .contents_logo_area{width:94.8%;display:flex;justify-content:space-between;margin-bottom:0}.beginner .for_free_member .contents_logo_area .logo_area_inner .left{margin-right:0}.beginner .for_free_member .contents_logo_area .logo_area_inner .left .img_box{width:20px}.beginner .for_free_member .contents_logo_area .logo_area_inner .left .text_box{font-size:14px}.beginner .for_free_member .contents_logo_area .logo_area_inner .right .img_box{width:20px}.beginner .for_free_member .contents_logo_area .logo_area_inner .right .text_box{font-size:14px}.beginner .for_free_member .contents_logo_area .toggle_switch{width:188px}.beginner .for_free_member .contents_logo_area .toggle_switch .batch_operation{height:100%}.beginner .for_free_member .contents_logo_area .toggle_switch .batch_operation.open .button .button_close{color:#546e7a}.beginner .for_free_member .contents_logo_area .toggle_switch .batch_operation.open .button .button_open{color:#fff}.beginner .for_free_member .contents_logo_area .toggle_switch .batch_operation.open .button .button_on{margin-left:69px}.beginner .for_free_member .contents_logo_area .toggle_switch .batch_operation .all{font-size:14px;font-weight:700;color:#eceff1;margin-right:10px}.beginner .for_free_member .contents_logo_area .toggle_switch .batch_operation .button{width:134px;background-color:#eceff1;border-radius:20px;padding:9px 16px 9px 11px;position:relative;z-index:1}.beginner .for_free_member .contents_logo_area .toggle_switch .batch_operation .button .button_close{font-size:14px;font-weight:700;z-index:3;color:#fff;transition:all .2s}.beginner .for_free_member .contents_logo_area .toggle_switch .batch_operation .button .button_open{font-size:14px;font-weight:700;z-index:3;color:#546e7a;transition:all .2s}.beginner .for_free_member .contents_logo_area .toggle_switch .batch_operation .button .button_on{background-image:linear-gradient(90deg,#0d1531 -9%,#233679 69%);border-radius:28px;position:absolute;z-index:2;width:61px;height:37px;padding:1px;top:2px;left:2px;transition:all .2s}.beginner .for_free_member .contents_logo_area .toggle_switch .batch_operation .button .button_on .inner{border-radius:28px;border:1px solid #4c74ff;width:58px;height:33px;margin-top:1px}.beginner .for_free_member .available_viewing,.beginner .for_free_member .useful_function{width:100%}.beginner .for_free_member .available_viewing .subttl,.beginner .for_free_member .useful_function .subttl{background-image:url(/img/beginner/for_free_member_ttl_bg_sp.png);background-size:100%;margin:0 0 -11px;padding:21px 14px 12px 20px}.beginner .for_free_member .available_viewing .subttl .left,.beginner .for_free_member .useful_function .subttl .left{font-size:23px;letter-spacing:1.44px}.beginner .for_free_member .available_viewing .functions_detail,.beginner .for_free_member .useful_function .functions_detail{width:94%;padding:17px 8px 0}.beginner .for_free_member .available_viewing .functions_detail li,.beginner .for_free_member .useful_function .functions_detail li{width:100%;margin-bottom:10px;border-radius:6px}.beginner .for_free_member .available_viewing .functions_detail li:nth-child(2n-1),.beginner .for_free_member .useful_function .functions_detail li:nth-child(2n-1){margin-right:0}.beginner .for_free_member .available_viewing .functions_detail li:last-child,.beginner .for_free_member .useful_function .functions_detail li:last-child{margin-bottom:0}.beginner .for_free_member .available_viewing .functions_detail li.open,.beginner .for_free_member .useful_function .functions_detail li.open{border-radius:6px 6px 0 0}.beginner .for_free_member .available_viewing .functions_detail li.open .detail_ttl,.beginner .for_free_member .useful_function .functions_detail li.open .detail_ttl{border-radius:4px 4px 0 0}.beginner .for_free_member .available_viewing .functions_detail li.open .detail_ttl .right .toggle_btn:before,.beginner .for_free_member .useful_function .functions_detail li.open .detail_ttl .right .toggle_btn:before{transform:translate(-50%,-50%)}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl{align-items:center;padding:12px 11px;border-radius:4px}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .left,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .left{font-size:16px;letter-spacing:1px}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .left .small,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .left .small{font-size:12px;letter-spacing:.75px}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .right .jra_box,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .right .jra_box{width:20px}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .right .nar_box,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .right .nar_box{width:20px;margin-left:5px}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .right .toggle_btn,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .right .toggle_btn{margin-left:10px}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .right .toggle_btn:before,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .right .toggle_btn:before{transform:translate(-50%,-50%) rotate(90deg)}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .right .toggle_btn:after,.beginner .for_free_member .useful_function .functions_detail li .detail_ttl .right .toggle_btn:after{transform:translate(-50%,-50%)}.beginner .for_free_member .available_viewing .functions_detail li .detail_desc,.beginner .for_free_member .useful_function .functions_detail li .detail_desc{display:none;padding:7px 14px}.beginner .for_free_member .available_viewing .functions_detail li .detail_desc .top,.beginner .for_free_member .useful_function .functions_detail li .detail_desc .top{font-size:16px;line-height:1.13;letter-spacing:1.07px}.beginner .for_free_member .available_viewing .functions_detail li .detail_desc .bottom .bottom_inner a,.beginner .for_free_member .useful_function .functions_detail li .detail_desc .bottom .bottom_inner a{font-size:16px}.beginner .for_free_member .available_viewing .img_bottom,.beginner .for_free_member .useful_function .img_bottom{width:94.8%;margin:0 auto}.beginner .for_free_member .useful_function{margin:0 auto 10px}.beginner .for_free_member .useful_function .subttl .left .small{font-size:16px;margin-right:9px;padding:5px 4px 6px 7px}.beginner .for_free_member .useful_function .functions_detail li:nth-child(2) .detail_desc .top,.beginner .for_free_member .useful_function .functions_detail li:nth-child(3) .detail_desc .top{margin-bottom:14px}.beginner .for_free_member .available_viewing{margin-bottom:0}.beginner .for_free_member .available_viewing .subttl .left{line-height:1}.beginner .for_free_member .available_viewing .subttl .left .small{font-size:16px;margin-right:9px;padding:7px 4px 4px 7px;line-height:1.2}.beginner .for_free_member .available_viewing .functions_detail li:nth-child(2) .detail_desc .top,.beginner .for_free_member .available_viewing .functions_detail li:nth-child(4) .detail_desc .top{margin-bottom:14px}.beginner .for_free_member .available_viewing .functions_detail li:nth-child(7) .detail_ttl,.beginner .for_free_member .available_viewing .functions_detail li:nth-child(8) .detail_ttl,.beginner .for_free_member .available_viewing .functions_detail li:nth-child(9) .detail_ttl,.beginner .for_free_member .available_viewing .functions_detail li:nth-child(10) .detail_ttl{padding:11px 11px 12px 0}.beginner .for_free_member .available_viewing .functions_detail li:nth-child(10) .detail_desc .top{margin-bottom:14px}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .left{align-items:normal}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .left .detail_subttl{width:116px;font-size:14px;margin-right:0;justify-content:center;padding:3px 0 1px;margin-bottom:6px}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .left .detail_subttl2{margin-left:10px}.beginner .for_free_member .available_viewing .functions_detail li .detail_ttl .left .small{display:inline;margin-left:-1px}.beginner .for_free_member .img_box{width:100%}.beginner .support_function{background-position:right top 102px,left top 206px;background-size:148px;padding:15px 0 50px}.beginner .support_function .ttl{font-size:32px;margin-bottom:14px;background-image:url(/img/beginner/support_function_ttl2_sp.png);background-size:contain;padding-top:20px}.beginner .support_function .ttl .top{font-size:16px;letter-spacing:1.07px}.beginner .support_function .ttl .bottom .bg_white{font-size:18px;margin-right:0;margin-bottom:8px}.beginner .support_function .ttl .bottom .text_white{font-size:32px;margin-bottom:-4px}.beginner .support_function .ttl .bottom .small{font-size:14px}.beginner .support_function .desc{font-size:16px;line-height:1.75;letter-spacing:1.07px;text-align:left;margin-bottom:14px;padding:0 10px}.beginner .support_function .usecase{width:95.8%;margin-bottom:30px}.beginner .support_function .usecase .list{padding:4px}.beginner .support_function .usecase .list:first-child .left .inner,.beginner .support_function .usecase .list:nth-child(2) .left .inner,.beginner .support_function .usecase .list:nth-child(3) .left .inner{background-image:url(/img/beginner/support_function_decoration1_sp.png),url(/img/beginner/support_function_decoration2_sp.png)}.beginner .support_function .usecase .list .left{width:100%;font-size:23px}.beginner .support_function .usecase .list .left .inner{padding:11px 0;justify-content:center}.beginner .support_function .usecase .list .left .inner .inner_inner{margin:initial!important}.beginner .support_function .usecase .list .right{width:100%;padding:23px 0 16px 60px;margin-top:-16px}.beginner .support_function .usecase .list .right .usecase_detail li{line-height:2;width:auto!important}.beginner .support_function .usecase .list .right .usecase_detail li:nth-child(3n-2){margin-right:0}.beginner .support_function .usecase .list .right .usecase_detail li:before{width:16px;left:-21px}.beginner .support_function .point_present{width:94.7%;padding:19px 0 20px}.beginner .support_function .point_present .inner{width:100%}.beginner .support_function .point_present .inner .present_ttl{font-size:23px;letter-spacing:1.53px;margin-bottom:16px}.beginner .support_function .point_present .inner .present_ttl .ttl_top{font-size:18px;margin-bottom:4px}.beginner .support_function .point_present .inner .present_ttl .img_free{width:172px;margin-right:5px;margin-bottom:8px}.beginner .support_function .point_present .inner .present_ttl .img_point{width:100px}.beginner .support_function .point_present .inner .present_ttl .middle{font-size:18px}.beginner .support_function .point_present .inner .present_desc{font-size:16px;line-height:1.31;letter-spacing:1.07px;text-align:left;padding:0 10px;margin-bottom:10px}}@media screen and (max-width:320px){.beginner .support_function .usecase .list .right .usecase_detail li{font-size:13px}}.keiba-breadcrumb.bottom{border:0;margin-top:0}