#lovl{position:fixed;width:100%;height:100%;left:0;top:0;z-index:10000;background:#d9f7ff}#lovl #loadingbg1{position:absolute;width:100%;height:100%;background:url("../images/common/loading/bg/01.webp") center center no-repeat;background-size:50% auto;animation:rotate-anime 33s linear infinite}@media screen and (max-width: 767px){#lovl #loadingbg1{background-size:90% auto}}#lovl #loadimg{position:absolute;width:32vw;left:calc(50% - 16vw);top:calc(50% - 7.1vw)}@media screen and (max-width: 767px){#lovl #loadimg{position:absolute;width:70vw;left:calc(50% - 35vw);top:calc(50% - 15.54vw);animation:a_load_img .5s ease-in-out}}#lovl #loadimg img{width:100%}#lovl #loadingtxt{width:50%;position:absolute;top:calc(60% + 1vw);left:25%;text-align:center;font-size:3vw;font-weight:bold;color:#d8d8d8;animation:a_load_txt 2s linear infinite}@media screen and (max-width: 1920px){#lovl #loadingtxt{top:60%;font-size:3vw}}@media screen and (max-width: 767px){#lovl #loadingtxt{top:calc(60% + 1vw);left:25%;font-size:5vw}}@keyframes a_load_img{0%{transform:scale(2);@media screen and (max-width: 767px){transform:scale(4)}}100%{transform:scale(1)}}@keyframes a_load_txt{0%{opacity:0}50%{opacity:1}100%{opacity:0}}*{margin:0;padding:0}.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}.clearfix{min-height:1px}* html .clearfix{height:1px}html{font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}.fl{float:left}.flimg img{float:left}.fldiv{width:960px}.fldiv div{float:left}.rblock{position:relative}.ablock{position:absolute;left:0;top:0;width:100%;height:100%}.rblock img,.ablock img{display:block}.pblock img{display:block;width:100%}.tx{width:100%;position:absolute}li{list-style:none}img{border:0;vertical-align:top;height:auto}a{color:#09f;outline:0}a:focus{outline:0}html{width:100%;background:#fff;overflow-y:scroll}body{width:100%}#wrapper{width:100%;position:relative;overflow:hidden}.wrapper{width:100%}.contents{position:relative;width:950px;margin:0 auto}@media screen and (max-width: 950px){.contents{width:100%}}#bg{position:relative;width:100%;background:#fff}.lower{background:url("../images/common/bg_dot.gif") top left repeat}.ptop{position:fixed;right:3.16vw;bottom:7em;text-align:right;display:block;z-index:100 !important}@media screen and (max-width: 950px){.ptop{width:15vw}}.ptop img{width:5.05vw !important}@media screen and (max-width: 950px){.ptop img{width:15vw !important}}.ptop a:hover{opacity:.7}hr{border:0}.sp{display:none}.text_indent{padding-left:1em;text-indent:-1em}.text_indent_list li{padding-left:1em;text-indent:-1em}h5,.text_in_tl{font-weight:normal;font-size:100%}.text_center{text-align:center}#header{position:relative;width:100%;margin:0 0 10.44vw;z-index:10}@media screen and (max-width: 767px){#header{width:100%;margin:0 auto 14.21%}}#header img{width:100%}#header .header-kv{position:relative;width:100%}#header .header-kv::after{content:"";display:block;position:absolute;width:100%;height:0;bottom:0;left:0;padding-top:15.72%;background:url("../images/top/kv/bg_pc_2.webp") top center no-repeat;background-size:100% auto;z-index:10}@media screen and (max-width: 767px){#header .header-kv::after{padding-top:13.33%;background:url("../images/top/kv/bg_sp.webp") top center no-repeat;background-size:100% auto}}#header .header-kv h2{position:absolute;bottom:0;left:0;margin-bottom:-5.21%;margin-left:30.79%;width:38.42%;z-index:20}@media screen and (max-width: 767px){#header .header-kv h2{position:absolute;bottom:0;left:0;margin-bottom:-8.21%;margin-left:20.79%;width:58.42%;z-index:20}}#header .header-kv p{position:relative;width:100%;font-size:0;line-height:0}#header .header-kv p picture{position:relative;width:100%}header{position:relative;width:100%}nav img{width:100%}.openbtn{display:block;position:fixed;top:.63vw;right:.84vw;z-index:9999;cursor:pointer;width:100px;height:0;padding-top:100px;background:url("../images/common/nav2/bg/sp/01.png") top center no-repeat;background-size:100% auto}.openbtn span{display:inline-block;transition:all .4s;position:absolute;top:0;left:0;height:5px;border-radius:9999px;width:45.27%;background-image:linear-gradient(90deg, rgb(74, 255, 255), rgb(128, 161, 255) 50%, rgb(106, 145, 255))}@media screen and (max-width: 767px){.openbtn span{height:.61vw}}.openbtn span:nth-of-type(1){margin-top:33.86%;margin-left:25%}@media screen and (max-width: 767px){.openbtn span:nth-of-type(1){margin-top:39.86%}}.openbtn span:nth-of-type(2){margin-top:calc(50.56% - 2.5px);margin-left:30%}@media screen and (max-width: 767px){.openbtn span:nth-of-type(2){margin-top:50.56%}}.openbtn span:nth-of-type(3){margin-top:62.21%;margin-left:25%}.openbtn.active{background:url("../images/common/nav2/bg/sp/01_close.png") top center no-repeat;background-size:100% auto}.openbtn.active span{background-image:none;background-color:#fff}.openbtn.active span:nth-of-type(1){transform:translateY(6px) rotate(-45deg);margin-left:27%;margin-top:40%}@media screen and (max-width: 767px){.openbtn.active span:nth-of-type(1){margin-top:37.86%}}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){margin-top:53%;margin-left:27%;transform:translateY(-6px) rotate(45deg)}@media screen and (max-width: 767px){.openbtn.active span:nth-of-type(3){margin-top:57%}}@media screen and (max-width: 767px){.openbtn{width:15.57vw;padding-top:15.57vw}}nav#nav{display:block;position:fixed;z-index:999;top:0;right:-120%;width:100%;height:100vh;background:#fff;transition:all .6s;overflow-y:auto;max-height:100vh;scrollbar-width:thin;scrollbar-color:#6a91e1 rgba(0,0,0,0)}nav#nav::-webkit-scrollbar{width:10px}nav#nav::-webkit-scrollbar-track{background:rgba(0,0,0,0)}nav#nav::-webkit-scrollbar-thumb{border-radius:10px;background:linear-gradient(to bottom, #00cfff, #6a91e1)}nav#nav ul{position:absolute;z-index:999;top:0;left:0;width:300px;margin-top:0;margin-left:45.15%}nav#nav ul li{list-style:none}@media screen and (max-width: 767px){nav#nav ul{width:47.08%;margin-left:40.15%}}nav#nav .nav-deco{position:absolute;bottom:0;right:0;width:31.68%;height:0;padding-top:10.84%;background:url("../images/common/nav2/bg/02.png") top left no-repeat;background-size:100% auto;margin-right:3.15%;margin-bottom:2.42%}nav#nav .nav-deco2{position:absolute;top:0;left:0;width:50%;height:100%;background:#a5ffff url("../images/common/nav2/bg/sp/02.webp") center right no-repeat;background-size:auto 100%}@media screen and (max-width: 767px){nav#nav .nav-deco2{background-size:auto 150%;background-position:center left}}nav#nav.panelactive{right:0}nav#nav.panelactive ul{display:block}nav#nav.panelactive ul li{animation-name:gnaviAnime;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards;opacity:0;margin:0}@keyframes gnaviAnime{0%{opacity:0}100%{opacity:1}}#title{position:relative}#title img{width:100%}#title h1{position:relative;width:61.6842105263%;margin-left:31.6842105263%;padding-bottom:8.7368421053%;font-size:0;line-height:0}#title p{position:absolute;top:0;left:0;width:138.8541666667%;margin-top:-14.52%;margin-left:-32.63%}#step{position:relative;background-color:#d9f7ff;padding-top:6.09375%}#step img{width:100%}#step::before{content:"";position:absolute;width:2.6041666667%;height:100%;top:0;left:0;background-image:linear-gradient(90deg, rgb(165, 255, 255), rgba(165, 255, 255, 0))}@media screen and (max-width: 950px){#step::before{width:5.2631578947%}}#step::after{content:"";position:absolute;width:2.6041666667%;height:100%;top:0;right:0;background-image:linear-gradient(90deg, rgba(165, 255, 255, 0), rgb(165, 255, 255))}@media screen and (max-width: 950px){#step::after{width:5.2631578947%}}#step .top-howto-bg1{position:absolute;top:0;left:0;width:114.58%;height:0;padding-top:91.61%}@media screen and (max-width: 767px){#step .top-howto-bg1{width:198.63%;padding-top:190.94%;margin-top:6.1%;margin-left:-51.05%}}#step .top-howto-bg1 .top-howto-bg1a{position:absolute;top:0;left:0;width:27.04%;height:0;padding-top:17.77%;background:url("../images/top/howto/bg/03.png") top left repeat;background-size:3.51% auto}@media screen and (max-width: 767px){#step .top-howto-bg1 .top-howto-bg1a{width:31.53%;padding-top:20.72%}}#step .top-howto-bg1 .top-howto-bg1b{position:absolute;top:0;right:0;width:17.95%;height:0;margin-top:23.68%;margin-right:11.4%;padding-top:10.86%;background:url("../images/top/howto/bg/03.png") top left repeat;background-size:5.31% auto}@media screen and (max-width: 767px){#step .top-howto-bg1 .top-howto-bg1b{width:20.72%;padding-top:12.45%;margin-top:27.45%;margin-right:16.26%}}#step .top-howto-bg1 .top-howto-bg1c{position:absolute;top:0;left:0;width:15.59%;height:0;padding-top:4.27%;margin-top:48.5%;margin-left:15.9%;background:url("../images/top/howto/bg/04.png") top left repeat;background-size:11.95% auto}@media screen and (max-width: 767px){#step .top-howto-bg1 .top-howto-bg1c{width:18.07%;padding-top:4.92%;margin-top:56.22%;margin-left:15.89%}}#step .top-howto-bg1 .top-howto-bg1d{position:absolute;bottom:0;right:0;width:52.3958333333%;height:0;padding-top:52.1354166667%;background:url("../images/top/howto/bg/05.webp") top left no-repeat;background-size:100% auto;animation:rotate-anime 33s linear infinite}@media screen and (max-width: 767px){#step .top-howto-bg1 .top-howto-bg1d{width:49.92%;padding-top:49.92%}}#step .fixed{position:fixed;top:0}@keyframes rotate-anime{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate-anime2{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}#step .stepnum-bg{position:absolute;top:0;left:0;width:calc(450px + (100vw - 950px)/2);height:112px;margin-top:-56px;background-image:linear-gradient(90deg, rgb(0, 207, 255) 19%, rgb(128, 161, 255) 54%, rgb(106, 145, 225) 88%);border-radius:0 16px 16px 0;z-index:10}@media screen and (max-width: 950px){#step .stepnum-bg{height:11.78vw;width:50vw;margin-top:-5.89vw;border-radius:0 1.68vw 1.68vw 0}}#step .stepnum-bg .stepnum-bg2{position:relative;width:100%;height:100%;background:url("../images/top/howto/bg/02.png") top right repeat;background-size:auto 100%}#step .nextstep{position:relative;width:9.7894736842%;margin:5.2631578947% auto 11.0526315789%}#step .nextstep img{width:100%}#step #step1{position:relative}#step #step1 .step1-deco{position:absolute;top:0;right:0;width:29.0526315789%;height:0;padding-top:16.9473684211%;margin-top:-9.78%;margin-right:1.7894736842%;background:url("../images/beginner/step1/deco.png") top left no-repeat;background-size:100% auto}#step #step1 h2{position:relative;width:80.9473684211%;margin:0 auto 7.3684210526%;padding-top:9.2631578947%;font-size:0;line-height:0;z-index:20}#step #step1 h3{position:relative;font-size:0;line-height:0;width:84.6347607053%;margin-bottom:10.5793450882%;margin-left:7.4307304786%}#step #step1 p{position:relative;font-size:0;line-height:0;z-index:20}#step #step1 p.step1-number{position:absolute;width:28.4210526316%;top:0;left:0;margin-top:-3.47%;margin-left:8.4210526316%}#step #step1 p.step1-txt{width:54.9473684211%;margin-left:39.0526315789%;margin-bottom:8%}#step #step1 p.step1-txt2{width:75.3684210526%;margin-left:10.9473684211%;padding-bottom:6%}#step #step1 p.step1-img{position:absolute;width:26.4210526316%;top:0;left:0;margin-top:18.2105263158%;margin-left:10.2105263158%}#step #step1 p.step1-img2{width:70.9068010076%;margin-left:5.0377833753%;box-shadow:10px 10px 5px 0px rgba(166,189,255,.8)}@media screen and (max-width: 950px){#step #step1 p.step1-img2{box-shadow:1.05vw 1.05vw .52vw 0px rgba(166,189,255,.8)}}#step #step1 p.step1-img3{position:absolute;top:0;left:0;width:38.5390428212%;margin-top:19.1435768262%;margin-left:57.556675063%;padding-bottom:5.1578947368%}#step #step1 .step1-1{padding-bottom:60px}@media screen and (max-width: 950px){#step #step1 .step1-1{padding-bottom:6.3157894737%}}#step #step1 .step1-1 .step1-1-1{position:relative;width:83.5789473684%;margin-left:10.4210526316%;padding-top:3.8947368421%;padding-bottom:5.2631578947%;border-radius:20px;border:dashed 2px #6a91ff}@media screen and (max-width: 950px){#step #step1 .step1-1 .step1-1-1{border-radius:2.1vw;border:dashed .21vw #6a91ff}}#step #step2{position:relative}#step #step2 .step2-deco{position:absolute;bottom:0;right:0;width:33.2631578947%;height:0;padding-top:20.3157894737%;margin-bottom:-17.68%;margin-right:1.4736842105%;background:url("../images/beginner/step2/deco.png") top left no-repeat;background-size:100% auto}#step #step2 h2{position:relative;font-size:0;line-height:0;z-index:20}#step #step2 p{position:relative;font-size:0;line-height:0;z-index:20}#step #step2 .step2-1{position:relative;padding-bottom:60px;margin-bottom:16px}@media screen and (max-width: 950px){#step #step2 .step2-1{padding-bottom:6.31vw;margin-bottom:1.68vw}}#step #step2 .step2-1 h2{width:80.9473684211%;margin:0 auto 6.4210526316%;padding-top:10.3157894737%}#step #step2 .step2-1 p.step2-number{position:absolute;width:30.3157894737%;top:0;left:0;margin-top:-3.47%;margin-left:8.4210526316%}#step #step2 .step2-1 p.step2-img1{width:76%;margin-left:15.2631578947%}#step #step2 .step2-1 p.step2-img2{width:90.6315789474%;margin-top:-7.57%;margin-left:7.6842105263%}#step #step2 .step2-1 p.step2-img3{width:83.879093199%;margin-bottom:2.5188916877%;margin-left:6.4231738035%;box-shadow:10px 10px 5px 0px rgba(166,189,255,.8)}@media screen and (max-width: 950px){#step #step2 .step2-1 p.step2-img3{box-shadow:1.05vw 1.05vw .52vw 0px rgba(166,189,255,.8)}}#step #step2 .step2-1 p.step2-img4{width:83.879093199%;margin-bottom:6.0453400504%;margin-left:6.4231738035%;box-shadow:10px 10px 5px 0px rgba(166,189,255,.8)}@media screen and (max-width: 950px){#step #step2 .step2-1 p.step2-img4{box-shadow:1.05vw 1.05vw .52vw 0px rgba(166,189,255,.8)}}#step #step2 .step2-1 p.step2-img5{width:83.879093199%;margin-bottom:5.0377833753%;margin-left:6.4231738035%;box-shadow:10px 10px 5px 0px rgba(166,189,255,.8)}@media screen and (max-width: 950px){#step #step2 .step2-1 p.step2-img5{box-shadow:1.05vw 1.05vw .52vw 0px rgba(166,189,255,.8)}}#step #step2 .step2-1 p.step2-txt1{width:86.3157894737%;margin-bottom:6.6315789474%;margin-left:9.2631578947%}#step #step2 .step2-1 p.step2-txt2{width:85.516372796%;margin-bottom:11.7128463476%;margin-left:6.0453400504%}#step #step2 .step2-1 p.step2-txt3{width:74.9370277078%;margin-left:10.8312342569%}#step #step2 .step2-1 .step2-1-1{position:relative;width:83.5789473684%;margin-left:10.4210526316%;padding-top:5.2631578947%;padding-bottom:6.9473684211%;border-radius:20px;border:dashed 2px #6a91ff}@media screen and (max-width: 950px){#step #step2 .step2-1 .step2-1-1{border-radius:2.1vw;border:dashed .21vw #6a91ff}}#step #step2 .step2-2{position:relative}#step #step2 .step2-2 h2{width:74.7368421053%;margin:0 auto 5.2631578947%;padding-top:6.2105263158%}#step #step2 .step2-2 p.step2-img6{width:70.1052631579%;margin-bottom:4.7368421053%;margin-left:15.8947368421%;box-shadow:10px 10px 5px 0px rgba(166,189,255,.8)}@media screen and (max-width: 950px){#step #step2 .step2-2 p.step2-img6{box-shadow:1.05vw 1.05vw .52vw 0px rgba(166,189,255,.8)}}#step #step2 .step2-2 p.step2-txt4{width:72.5263157895%;margin-left:14.8421052632%;padding-bottom:5.1578947368%}#step #step2 .step2-2 .step2-1-1{position:relative;width:83.5789473684%;margin-left:10.4210526316%;padding-top:5.2631578947%;padding-bottom:6.9473684211%;border-radius:20px;border:dashed 2px #6a91ff}@media screen and (max-width: 950px){#step #step2 .step2-2 .step2-1-1{border-radius:2.1vw;border:dashed .21vw #6a91ff}}#step #step3{position:relative}#step #step3 h2{position:relative;font-size:0;line-height:0;z-index:20}#step #step3 p{position:relative;font-size:0;line-height:0;z-index:20}#step #step3 .step3-1{position:relative;margin-bottom:20px}@media screen and (max-width: 950px){#step #step3 .step3-1{margin-bottom:2.1vw}}#step #step3 .step3-1 h2{width:63.2631578947%;margin-left:9.4736842105%;padding-top:12.3157894737%}#step #step3 .step3-1 p.step3-number{position:absolute;width:30.3157894737%;top:0;left:0;margin-top:-3.47%;margin-left:8.4210526316%}#step #step3 .step3-1 p.step3-img1{width:90.6315789474%;margin-top:-12.73%;margin-left:7.6842105263%}#step #step3 .step3-2{position:relative;padding-bottom:45px;margin-bottom:20px}@media screen and (max-width: 950px){#step #step3 .step3-2{padding-bottom:4.73vw;margin-bottom:2.1vw}}#step #step3 .step3-2 h2{width:80.9473684211%;margin:0 auto 6.3157894737%;padding-top:6.7368421053%}#step #step3 .step3-2 p.step3-img2{width:73.5789473684%;margin-left:15.3684210526%}#step #step3 .step3-3{position:relative;padding-bottom:68px;margin-bottom:20px}@media screen and (max-width: 950px){#step #step3 .step3-3{padding-bottom:7.15vw;margin-bottom:2.1vw}}#step #step3 .step3-3 h2{width:58.2105263158%;margin:0 auto 4.2105263158%;padding-top:5.5789473684%}#step #step3 .step3-3 p.step3-img5{width:70.2105263158%;margin-left:15.8947368421%;box-shadow:10px 10px 5px 0px rgba(166,189,255,.8)}@media screen and (max-width: 950px){#step #step3 .step3-3 p.step3-img5{box-shadow:1.05vw 1.05vw .52vw 0px rgba(166,189,255,.8)}}#step #step3 .step3-4{position:relative;margin-bottom:45px}@media screen and (max-width: 950px){#step #step3 .step3-4{margin-bottom:4.73vw}}#step #step3 .step3-4 h2{width:83.1578947368%;margin:0 auto 2.8421052632%;padding-top:4.8421052632%}#step #step3 .step3-4 p.step3-img6{width:82.8421052632%;margin-left:15.0526315789%;padding-bottom:4.5263157895%}#step #step3 .step3-4 p.step3-txt1{width:49.5789473684%;margin-bottom:3.7894736842%;margin-left:25.8947368421%}#step #step3 .step3-5{position:relative}#step #step3 .step3-5 h2{width:52.8421052632%;margin:0 auto 13.0526315789%;padding-top:4.8421052632%}#step #step3 .step3-5 h3{position:absolute;top:0;left:0;font-size:0;line-height:0}#step #step3 .step3-5 h4{position:relative;font-size:0;line-height:0;padding-top:12.9479768786%}#step #step3 .step3-5 p.step3-img7{width:77.225433526%;margin:0 auto}#step #step3 .step3-5 p.step3-img8{width:93.4104046243%;margin-top:-11.21%;margin-left:4.3930635838%}#step #step3 .step3-5 p.step3-img9{width:77.225433526%;margin:0 auto}#step #step3 .step3-5 p.step3-img10{width:93.4104046243%;margin-top:-10.86%;margin-left:4.3930635838%}#step #step3 .step3-5 p.step3-btn{width:78.5263157895%;margin-left:13.2947976879%}#step #step3 .step3-5 .step3-5-1{position:relative;width:91.0526315789%;margin:0 auto 12%;background-image:linear-gradient(90deg, rgb(255, 135, 177), rgb(255, 98, 128));border-radius:25px}@media screen and (max-width: 950px){#step #step3 .step3-5 .step3-5-1{border-radius:2.63vw}}#step #step3 .step3-5 .step3-5-1 h3{width:81.0404624277%;margin-top:-10.75%;margin-left:11.2138728324%}#step #step3 .step3-5 .step3-5-1 h4{width:50.4046242775%;margin:0 auto 5.5619930475%}#step #step3 .step3-5 .step3-5-2{position:relative;width:91.0526315789%;margin:0 auto 3.2631578947%;background-image:linear-gradient(90deg, rgb(22, 172, 240), rgb(125, 107, 218));border-radius:25px}@media screen and (max-width: 950px){#step #step3 .step3-5 .step3-5-2{border-radius:2.63vw}}#step #step3 .step3-5 .step3-5-2 h3{width:81.0404624277%;margin-top:-10.75%;margin-left:11.2138728324%}#step #step3 .step3-5 .step3-5-2 h4{width:88.7861271676%;margin:0 auto 4.4032444959%}#step #step4{position:relative}#step #step4 .step4-deco{position:absolute;top:0;right:0;width:29.0526315789%;height:0;padding-top:17.0526315789%;margin-top:-18.94%;margin-right:.9473684211%;background:url("../images/beginner/step4/deco.png") top left no-repeat;background-size:100% auto}#step #step4 h2{position:relative;font-size:0;line-height:0;z-index:20}#step #step4 p{position:relative;font-size:0;line-height:0;z-index:20}#step #step4 .step4-1{position:relative}#step #step4 .step4-1 h2{width:84.3157894737%;margin-left:9.1578947368%;margin-bottom:4.2105263158%;padding-top:11.4736842105%}#step #step4 .step4-1 p.step4-number{position:absolute;width:30.6315789474%;top:0;left:0;margin-top:-3.47%;margin-left:8.4210526316%}#step #step4 .step4-1 p.step4-img1{width:47.6842105263%;margin-bottom:6.1052631579%;margin-left:26.5263157895%;box-shadow:10px 10px 5px 0px rgba(166,189,255,.8)}@media screen and (max-width: 950px){#step #step4 .step4-1 p.step4-img1{box-shadow:1.05vw 1.05vw .52vw 0px rgba(166,189,255,.8)}}#step #step4 .step4-1 p.step4-img2{width:81.2631578947%;margin-bottom:3.7894736842%;margin-left:10.7368421053%}#step #step4 .step4-1 p.step4-txt1{position:absolute;top:0;left:0;width:34.4210526316%;margin-top:-5.05%;margin-left:60.2105263158%}#step #step4 .step4-1 p.step4-txt2{width:76.4210526316%;margin-bottom:3.1578947368%;margin-left:11.5789473684%}#step #step4 .step4-1 p.step4-txt3{width:63.8947368421%;margin-left:18.4210526316%;padding-bottom:4.7368421053%}#step #step4 .step4-1 ul{position:relative;width:80%;margin-bottom:2.2105263158%;margin-left:10.2105263158%;padding-top:3.6842105263%;border-top:dashed 2px #6a91ff}@media screen and (max-width: 950px){#step #step4 .step4-1 ul{border-top:dashed .21vw #6a91ff}}#step #step4 .step4-1 ul li{position:relative;font-size:0;line-height:0}#step #step4 .step4-1 ul li:nth-of-type(1){width:101.3157894737%;margin-bottom:4.8684210526%}#step #step4 .step4-1 ul li:nth-of-type(2){width:86.3157894737%;margin-bottom:4.0789473684%}#step #step4 .step4-1 ul li:nth-of-type(3){width:88.1578947368%}#step #step4 .step4-2{position:relative}#step #step4 .step4-2 p.step4-btn{width:81.1578947368%;margin:0 auto;padding-top:4.7368421053%;padding-bottom:10%}#step #step4 .step4-2 p.step4-btn a{transition:.6s}#step #step4 .step4-2 p.step4-btn a:hover{opacity:.8}#step .stepbg{position:absolute;top:0;left:0;margin-left:5.26%;width:100vw;height:100%;background-color:#fff;border-radius:27px 0 0 27px}@media screen and (max-width: 950px){#step .stepbg{border-radius:2.84vw 0 0 2.84vw}}#lecture{position:relative;background:url("../images/beginner/lecture/bg_01.webp") top left repeat-y;background-size:100% auto;padding-top:85px;padding-bottom:85px}@media screen and (max-width: 1920px){#lecture{padding-top:4.42vw;padding-bottom:4.42vw}}@media screen and (max-width: 767px){#lecture{padding-top:8.9473684211%;padding-bottom:8.9473684211%}}#lecture img{width:100%}#lecture .lecture-bg{position:absolute;top:0;left:0;margin-top:135px;width:100%;height:425px;background:url("../images/beginner/lecture/bg_02.png") top left repeat-x;background-size:106px auto}@media screen and (max-width: 1920px){#lecture .lecture-bg{margin-top:7.03125%;height:0;padding-top:22.1354166667%;background-size:5.5208333333%}}@media screen and (max-width: 767px){#lecture .lecture-bg{margin-top:14.2105263158%;padding-top:44.7368421053%;background-size:11.1578947368%}}#lecture .lecture-main{position:relative;width:89.0526315789%;margin:0 auto;padding-bottom:2.6315789474%;background:#fff;box-shadow:5px 5px 10px 0px rgba(0,0,0,.2)}#lecture .lecture-main .lecture-deco{position:absolute;top:0;left:0;margin-top:5.9101654846%;margin-left:-1.3%;width:9.3380614657%;height:0;padding-top:12.7659574468%;background:url("../images/beginner/lecture/deco.png") top left no-repeat;background-size:100% auto}#lecture .lecture-main h2{position:relative;width:78.841607565%;margin:0 auto 2.0094562648%;padding-top:4.609929078%;font-size:0;line-height:0}#lecture .lecture-main h3{position:relative;width:75.0591016548%;margin:0 auto 5.3191489362%;font-size:0;line-height:0}#lecture .lecture-main h3+p{position:relative;width:83.451536643%;margin:0 auto 5.3191489362%;font-size:0;line-height:0}#lecture .lecture-main .lecture-box{position:relative;width:94.5626477541%;margin:0 auto;background-color:#d9f7ff;border-radius:100px 0 100px 0}@media screen and (max-width: 1920px){#lecture .lecture-main .lecture-box{border-radius:5.2vw 0 5.2vw 0}}@media screen and (max-width: 767px){#lecture .lecture-main .lecture-box{border-radius:10.52vw 0 10.52vw 0}}#lecture .lecture-main .lecture-box h4{position:relative;width:79%;margin:0 auto 5%;padding-top:5%}#lecture .lecture-main .lecture-box ul{position:relative;width:92.5%;margin:-4.25% auto 0;padding-bottom:2.5%}#lecture .lecture-main .lecture-box ul li{position:relative;font-size:20px;line-height:1.5}@media screen and (max-width: 1920px){#lecture .lecture-main .lecture-box ul li{font-size:1.04vw}}@media screen and (max-width: 767px){#lecture .lecture-main .lecture-box ul li{font-size:2.1vw}}#lecture .lecture-main .lecture-box .lecture-date{position:relative;width:92.5%;margin:0 auto 6.25%}#lecture .lecture-main .lecture-box .lecture-date h5{position:relative;width:100%;font-size:28px;line-height:1.6;color:#4d4f5e;font-weight:bold;text-align:center;padding:.3% 0 .1%;border:solid 2px #4d4f5e}@media screen and (max-width: 1920px){#lecture .lecture-main .lecture-box .lecture-date h5{font-size:1.45vw}}@media screen and (max-width: 767px){#lecture .lecture-main .lecture-box .lecture-date h5{font-size:5vw}}#lecture .lecture-main .lecture-box .lecture-date dl{position:relative;width:100%;display:flex;flex-wrap:wrap;align-items:center;border:solid 2px #4d4f5e;margin-top:-2px}@media screen and (max-width: 767px){#lecture .lecture-main .lecture-box .lecture-date dl{display:block;border:none}}#lecture .lecture-main .lecture-box .lecture-date dl dt{position:relative;width:calc(50% - 2px);padding:.5% 2% .3%;font-size:22px;line-height:1.5;color:#4d4f5e;font-weight:bold;border-right:solid 2px #4d4f5e}@media screen and (max-width: 1920px){#lecture .lecture-main .lecture-box .lecture-date dl dt{font-size:1.14vw}}@media screen and (max-width: 767px){#lecture .lecture-main .lecture-box .lecture-date dl dt{width:96%;font-size:4vw;border-top:solid 2px #4d4f5e;border-right:solid 2px #4d4f5e;border-left:solid 2px #4d4f5e}}#lecture .lecture-main .lecture-box .lecture-date dl dt a{color:#4d4f5e}#lecture .lecture-main .lecture-box .lecture-date dl dt a:hover{text-decoration:none}#lecture .lecture-main .lecture-box .lecture-date dl dt a::after{content:"";display:inline-block;width:.6em;height:.6em;margin-left:.2em;background:url("../images/common/blank.svg") top left no-repeat;background-size:100% auto}#lecture .lecture-main .lecture-box .lecture-date dl dd{position:relative;width:calc(42% - 2px);padding:1.5% 2% 1.4%;margin-left:-2px;font-size:22px;line-height:1.5;color:#4d4f5e;font-weight:bold;border-left:solid 2px #4d4f5e}@media screen and (max-width: 1920px){#lecture .lecture-main .lecture-box .lecture-date dl dd{font-size:1.14vw}}@media screen and (max-width: 767px){#lecture .lecture-main .lecture-box .lecture-date dl dd{width:96%;font-size:4vw;border-top:dotted 2px #4d4f5e;border-right:solid 2px #4d4f5e;border-bottom:solid 2px #4d4f5e;border-left:solid 2px #4d4f5e;margin-left:0}}#footer{position:relative;width:100%;overflow:hidden;z-index:200;background-color:#d9f7ff}#footerbox{position:relative;background-color:#d9f7ff;z-index:20}#footerbox.topfooter{background:none !important}#footerbox.topfooter .topfooter-bg{position:absolute;top:0;left:0;width:100%;height:0;padding-top:50.2604166667%;background:url("../images/top/idol/bg/02.webp") top center no-repeat;background-size:100% auto}@media screen and (max-width: 767px){#footerbox.topfooter .topfooter-bg{width:202.1052631579%;padding-top:101.5789473684%}}#footerbox.topfooter #mypage{padding-top:7.5% !important}#footerbox #mypage{position:relative;width:100%}#footerbox #mypage img{width:100%}#footerbox #mypage p{position:relative;width:55.07%;margin:2.2857142857% auto;font-size:0;line-height:0}@media screen and (max-width: 767px){#footerbox #mypage p{width:80.94%;margin:5.89% auto}}#footerbox #playmapbtn{position:fixed;bottom:0;left:0;margin-bottom:.5%;width:39.375%;z-index:100}@media screen and (max-width: 767px){#footerbox #playmapbtn{width:52.6315789474%;margin-bottom:19.5%}}#footerbox #playmapbtn p{background:#fff;box-shadow:5px 5px 10px 0px rgba(0,0,0,.2);border-radius:0 9999px 9999px 0;text-align:right;font-size:0;line-height:0}#footerbox #playmapbtn p a{display:block;padding:2% 5%}@media screen and (max-width: 767px){#footerbox #playmapbtn p a{padding:5% 15%}}#footerbox #playmapbtn p img{width:49.0740740741%}@media screen and (max-width: 767px){#footerbox #playmapbtn p img{width:100%}}#footerbox #footerarea{position:relative;z-index:20}#footerbox #footerarea p{position:relative;width:100%;text-align:center}#footerbox #footerarea p.footernotice{font-size:15px;line-height:1.5;padding:1.42% 0 1.28%}@media screen and (max-width: 767px){#footerbox #footerarea p.footernotice{font-size:2.33vw;padding:3.54% 0 3.54%}}#footerbox #footerarea p.copyright{font-size:.78vw;line-height:1.5;font-weight:normal;padding:2.14% 0 1.78%}@media screen and (max-width: 767px){#footerbox #footerarea p.copyright{font-size:2.33vw;padding:13% 0 3.54%}}[data-aos=fadeinanime]{opacity:0}[data-aos=fadeinanime].aos-animate{opacity:1}[data-aos=imganime1]{clip-path:inset(0 100% 0 0)}[data-aos=imganime1].aos-animate{clip-path:inset(0)}/*# sourceMappingURL=beginner.css.map */