footer{position:relative}#free_wrap.body-content{padding-bottom:0}.tutorial-videos-page{position:relative;min-height:100vh;padding-top:64rem;color:#222;font-size:14px;line-height:1.7;font-family:YakuHanJPs,游ゴシック,YuGothic,"ヒラギノ角ゴProN W3","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;-webkit-text-size-adjust:100%;word-wrap:break-word;overflow-wrap:break-word}.tutorial-videos-page h1,.tutorial-videos-page h2,.tutorial-videos-page h3,.tutorial-videos-page h4,.tutorial-videos-page h5,.tutorial-videos-page h6,.tutorial-videos-page p,.tutorial-videos-page figure{margin:0;padding:0}.tutorial-videos-page h1,.tutorial-videos-page h2,.tutorial-videos-page h3,.tutorial-videos-page h4,.tutorial-videos-page h5,.tutorial-videos-page h6{font-family:inherit}.tutorial-videos-page #free-header ul,.tutorial-videos-page #free-header ol,.tutorial-videos-page #free-header li,.tutorial-videos-page #free_wrap ul,.tutorial-videos-page #free_wrap ol,.tutorial-videos-page #free_wrap li{list-style:none}.tutorial-videos-page img{vertical-align:bottom}.tutorial-videos-page .page-hero{padding-bottom:0}@media only screen and (max-width: 1271px){.tutorial-videos-page .page-hero{padding-top:0}}.tutorial-videos-page .page-hero__breadcrumb-item{white-space:nowrap}.tutorial-videos-page .page-hero__breadcrumb-item:nth-child(1){min-width:85rem}.tutorial-videos-page .page-hero__breadcrumb-item:nth-child(2){min-width:145rem;padding-left:28rem;padding-right:28rem;justify-content:center}.tutorial-videos-page .page-hero__breadcrumb-item:nth-child(3){min-width:120rem;padding-left:24rem;padding-right:24rem;justify-content:center}.tutorial-videos-page .page-hero__breadcrumb-item:nth-child(4){min-width:165rem}@media only screen and (max-width: 1271px){.tutorial-videos-page .bottom-breadcrumb__list{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tutorial-videos-page .bottom-breadcrumb__list::-webkit-scrollbar{display:none}}.tutorial-videos-page .container{position:relative;max-width:1010px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media screen and (min-width: 769px){.tutorial-videos-page .container{width:750px}}@media screen and (min-width: 992px){.tutorial-videos-page .container{width:970px}}@media screen and (min-width: 1200px){.tutorial-videos-page .container{width:1040px}}@media only screen and (max-width: 1271px){.tutorial-videos-page{padding-top:62rem}}.container.container02{padding:120px 15px;max-width:1280px}@media screen and (max-width: 768px){#header .logo{min-width:auto}#free_wrap .container{padding:0 30px}#free_wrap .container.container02{padding-top:60px;padding-bottom:60px}}#free_wrap em{font-style:normal}.trial_btn{display:flex;-o-object-fit:contain;object-fit:contain;background-image:linear-gradient(to bottom, #efac51, #db6f36);color:#fff;font-family:HiraKakuProN-W6,"メイリオ",Meiryo,sans-serif;border-radius:50px;justify-content:center;align-items:center;position:relative}.trial_btn::after{content:"";width:9px;height:9px;border:0px;border-top:solid 1px #fff;border-right:solid 1px #fff;transform:rotate(45deg)}.trial_btn:hover{color:#fff;background:#db6f36}.trial_btn.pc_flex{display:flex}@media(max-width: 768px){.trial_btn.pc_flex{display:none !important}}.center_text{font-size:16px;line-height:1.88;color:#4f4f4f;text-align:center}.center_text b{font-family:HiraKakuProN-W6;font-weight:bold}@media(max-width: 768px){.center_text{text-align:left !important;font-size:15px}}@media(max-width: 768px){.center_text.sp_center{text-align:center !important}}img{max-width:100%}.pc_contents{display:block !important}@media(max-width: 768px){.pc_contents{display:none !important}}.sp_contents{display:none !important}@media(max-width: 768px){.sp_contents{display:block !important}}#free_header_wrap{color:#231815}#free_wrap{color:#231815}#free_wrap #breadcrumb ul{margin:0 0 30px}.free_header_wrap{background:url("../images/tutorial-videos/fv_bg.webp") no-repeat;background-size:cover;padding-top:0}#free-header{max-width:1210px;width:100%;height:383.67px}#free-header #header_contents{padding-top:20px;padding-bottom:30px}#free-header #header_contents .trial_btn.white{background-color:#fff;background-image:none;box-sizing:border-box;color:#ce6016;border:1px solid #ce6016;border-radius:25px;box-shadow:2px 2px 2px rgba(0,0,0,.6)}#free-header h1{width:50%;margin:0 auto}#free-header .img_sentence{max-width:1170px;width:100%}#free-header .sentence{font-weight:500;font-size:41px;color:#fff;line-height:1.5em;position:relative;z-index:1;display:flex;justify-content:center}#free-header .catch{display:flex;justify-content:center}#free-header .fv_icon{width:20%}#free-header .catch .left{width:545px;height:300px;background:#fff;border-radius:100%;font-size:clamp(17px,2vw,27px);font-weight:bold;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;line-height:41px;transform:translateY(-65px);z-index:1}#free-header .catch .left img{width:69px;position:absolute;right:-20px;bottom:70px}#free-header .button{margin-top:0;transform:translateY(-40px);z-index:1;position:relative}@media(max-width: 980px){#free-header{height:initial}}@media(max-width: 980px){#free-header h1{width:100%}}@media(max-width: 980px){#free-header h1{margin-bottom:20px}#free-header #header_contents{padding-top:100px;padding-bottom:90px}#free-header .catch{justify-content:center}#free-header .catch .left{font-size:20px;line-height:1.5;width:405px;height:220px;transform:translateY(0) translateX(0)}#free-header .catch .left img{width:49px}#free-header .button{transform:translateY(0)}#free-header .fv_icon{width:40%;transform:translateX(0)}#free-header .sentence{text-align:center;font-size:35px;line-height:1.5}#free-header .img_sentence{max-width:500px;display:block;margin:0 auto}#free-header{background-size:380px}}@media(max-width: 768px){#free-header .img_sentence{max-width:400px}#free-header .sentence{font-size:20px}#free-header .catch{flex-direction:column;align-items:center;margin-bottom:30px}#free-header .catch .left{margin:30px 0;font-size:16px;width:320px;height:150px}#free-header .catch .left img{display:none}#free_wrap{margin-top:0}#free-header{background-position:center bottom 0;height:100%}#free-header #header_contents{padding-top:90px}#free-header .fv_icon{margin:0 auto}}#wall h2{background:url("../images/tutorial-videos/wall_title_bg.png") no-repeat;background-size:contain;height:clamp(300px,37vw,400px);display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:85px;text-align:center;font-weight:500}#wall h2 .up{font-size:40px;margin-top:-50px}#wall h2 .down{font-size:clamp(30px,4vw,60px)}#wall .graph{margin:100px auto 130px}#wall .graph02{margin:110px auto 70px}#wall .source{font-size:16px;font-weight:300;color:#646464;text-align:center;max-width:560px;margin:0 auto}#wall .sentence{font-size:clamp(40px,4vw,50px);font-weight:normal;text-align:center;line-height:1.6}@media screen and (max-width: 980px){#wall h2{line-height:1.5;height:clamp(300px,37vw,310px)}#wall h2 .up{font-size:clamp(20px,4vw,35px)}#wall h2 .down{font-size:clamp(30px,4vw,55px)}#wall .sentence{font-size:36px}}@media screen and (max-width: 768px){#wall h2{background:none;height:auto}#wall h2 .up{font-size:16px;margin-top:0}#wall h2 .down{font-size:25px;margin-top:10px}#wall .graph{margin:40px auto}#wall .graph02{margin:40px auto 20px}#wall .source{font-size:10px}#wall .sentence{font-size:18px}}#problem{background:#e6ebeb}#problem .container{padding-top:150px;position:relative}#problem .container:after{content:"";position:absolute;bottom:-25px;left:0;right:0;margin:0 auto;width:0;height:0;border-style:solid;border-width:45px 45px 0 45px;border-color:#e6ebeb rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);display:block}#problem h3{max-width:1153px;margin:0 auto;position:relative}#problem .img_problem{opacity:.4;position:absolute;left:-3%;right:0;top:-10%;bottom:0;margin:auto;max-width:1178px;width:100%}#problem h3 .text_brackets{font-size:clamp(45px,4vw,52px);line-height:1.5;display:inline-block;width:100%;position:relative;z-index:1;text-align:center}#problem .list{margin:100px auto 80px}#problem .list li{display:flex;align-items:center;justify-content:center;max-width:1020px;min-height:118px;line-height:1.3;background:#fff;border:3px solid #000;border-radius:59px;font-size:31px;font-weight:normal;margin:0 auto;padding:20px;box-sizing:border-box}#problem .list li:not(:last-child){margin-bottom:40px}#problem .sentence{font-size:45px;font-weight:normal;line-height:1.5;display:flex;flex-direction:column;align-items:center;justify-content:center}#problem .text_underline{font-size:90px;line-height:1;margin:15px 0}@media screen and (max-width: 980px){#problem h3 .text_brackets{font-size:36px}#problem .list li{min-height:88px;font-size:21px}#problem .sentence{font-size:35px}#problem .text_underline{font-size:50px}}@media screen and (max-width: 768px){#problem h3 .text_brackets{font-size:20px}#problem h3 .text_brackets br{display:none}#problem .list{margin:40px auto}#problem .list li{min-height:auto;font-size:16px}#problem .list li:not(:last-child){margin-bottom:20px}#problem .sentence{font-size:16px}#problem .text_underline{font-size:27px}}#solution{overflow:hidden}#solution .container{padding-top:160px}#solution h3{font-size:clamp(20px,4vw,52px);font-weight:normal}#solution h3 .text_top_dotted{font-size:clamp(40px,6vw,80px)}#solution h3 br{display:none}#solution .banner{width:100%;max-width:1260px;margin:0 auto}#solution .sentence{margin-top:30px;line-height:1.5;text-align:center}#solution .sentence .big{font-size:53px;margin-bottom:20px;display:inline-block}#solution .sentence .small{font-size:25px;display:inline-block}#solution .woman{max-width:238px;position:absolute;bottom:-30px;left:-40px}@media screen and (max-width: 980px){#solution .sentence .big{font-size:40px}#solution .sentence .small{font-size:20px}#solution .woman{max-width:158px;left:0}#solution .banner{margin-bottom:10px}}@media screen and (max-width: 768px){#solution .container{padding-top:80px}#solution h3{font-size:16px}#solution h3 .text_top_dotted{font-size:25px}#solution .sentence .big{font-size:20px}#solution .sentence .small{font-size:16px}#solution h3 br{display:block}#solution .woman{display:none}}#reason{background:#faf5f0}#reason .balloon{font-size:40px}#reason h3{font-size:55px;text-align:center;line-height:1.5;margin-top:20px}#reason .list{display:flex;justify-content:space-between}#reason .list li{width:calc(33.3333333333% - 20px)}#reason .list .img_wrap{display:flex;align-items:center;justify-content:center;height:230px;margin-top:20px}#reason .list .img_wrap img{width:100%}#reason .list h4{font-size:22px;font-weight:bold;margin-bottom:15px;line-height:1.5;text-align:center}#reason .list .list_sentence{font-size:16px;line-height:1.5}#reason .icon01{max-width:203px}#reason .icon02{max-width:261px}#reason .icon03{max-width:223px}#reason .balloon br{display:none}@media screen and (max-width: 980px){#reason h3{font-size:40px}}@media screen and (max-width: 768px){#reason h3{font-size:25px}#reason .list{flex-direction:column}#reason .list li{width:100%}#reason .balloon{font-size:25px;text-align:center}#reason .balloon br{display:block}}#favorite .container:after{content:"";position:absolute;bottom:-25px;left:0;right:0;margin:0 auto;width:0;height:0;border-style:solid;border-width:45px 45px 0 45px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);display:block}#favorite h4{font-size:40px;font-weight:normal;border-radius:32px;background:#ffaa32;padding:10px 20px 5px;box-sizing:border-box;color:#fff;display:inline-block;text-align:center;width:100%;line-height:1.5;margin-top:80px}#favorite .list{display:flex;flex-wrap:wrap;justify-content:space-between}#favorite .list li{width:calc(50% - 20px);border:2px solid #000;border-radius:5px;margin-top:30px;display:flex;flex-direction:column}#favorite .list .gray_title{font-size:18px;background:#e6e6e6;border-bottom:2px solid #000;text-align:center;line-height:1.5;font-weight:normal;padding:15px 15px 10px;box-sizing:border-box}#favorite .list .gray_title .mini{font-size:14px;line-height:1.5}#favorite .list .li_main{display:flex;height:100%}#favorite .list .left{display:flex;align-items:center;justify-content:center;width:126px}#favorite .list .right{width:calc(100% - 126px);padding:20px;box-sizing:border-box}#favorite h5{font-size:35px;line-height:1.5;font-weight:normal;margin-bottom:20px;border-bottom:1px dotted #231815;padding-bottom:10px}#favorite .list .li_sentence{font-size:16px}#favorite .icon01{max-width:88px}#favorite .icon02{max-width:89px}#favorite .icon03{max-width:84px}#favorite .icon04{max-width:93px}#favorite .icon05{max-width:75px}#favorite .icon06{max-width:56px}#favorite .icon07{max-width:67px}#favorite .icon08{max-width:80px}#favorite .icon09{max-width:63px}#favorite .icon10{max-width:89px}#favorite .chara_wrap{display:flex;align-items:center;justify-content:center;margin-top:30px}#favorite .chara_wrap .left{position:relative;width:47%}#favorite .chara_wrap .empty_box{content:"";width:100%;height:100%;display:block;border-radius:20px;background:#ff6e00;position:absolute;right:-5px;bottom:-5px}#favorite .chara_wrap .left>p{position:relative;border:2px solid #ff6e00;background:#fff;border-radius:20px;padding:20px;box-sizing:border-box;min-height:117px;display:flex;align-items:center;justify-content:center;font-size:31px;color:#ff6e00;line-height:1.5}#favorite .chara_wrap .empty_box:after,#favorite .chara_wrap .left>p:after{content:"";width:0;height:0;border-style:solid;border-width:11px 0 11px 17px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;position:absolute;right:-10px;top:0;bottom:0;margin:auto 0}#favorite .chara_wrap .empty_box:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #ff6e00;transform:translateY(-2px)}#favorite .chara_icon{width:520px;margin-left:4%}#favorite h3{background:url("../images/tutorial-videos/favorite_title_bg.png") no-repeat;background-size:contain;height:clamp(160px,37vw,200px);display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:85px;text-align:center;font-weight:500;font-size:clamp(50px,4vw,60px)}#favorite h3 span{margin-top:clamp(-40px,-3vw,-60px)}#favorite h3 span br{display:none}#favorite iframe{margin:20px auto 0;display:flex;align-items:center;justify-content:center;width:100%;max-width:613px}@media screen and (max-width: 980px){#favorite h3{line-height:1.5;font-size:clamp(30px,4vw,55px)}#favorite h3 span{margin-top:clamp(-80px,-3vw,-80px)}}@media screen and (max-width: 768px){#favorite h3{background:none;height:auto}#favorite h3 span{margin-top:0}#favorite h3 .down{font-size:25px;margin-top:10px}#favorite h3{text-align:center}#favorite h3 span br{display:block}}@media screen and (max-width: 980px){#favorite h4{font-size:30px}#favorite h5{font-size:25px}#favorite .chara_icon{width:360px}#favorite .chara_wrap .left{width:40%}#favorite .chara_wrap .left>p{font-size:20px}}@media screen and (max-width: 768px){#favorite h4{margin-top:40px;font-size:20px}#favorite h5{font-size:18px}#favorite .list{flex-direction:column}#favorite .list li{width:100%}#favorite .list .li_main{flex-direction:column}#favorite .list .left{width:100%;padding:15px}#favorite .list .right{width:100%}#favorite .chara_wrap{flex-direction:column}#favorite .chara_wrap .left{width:100%}#favorite .chara_wrap .empty_box:after{top:auto;bottom:-10px;left:0;right:0;margin:0 auto;border-width:17px 11px 0 11px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}#favorite .chara_wrap .left>p:after{top:auto;bottom:-10px;left:0;right:0;margin:0 auto;border-width:17px 11px 0 11px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);transform:translateX(3px)}#favorite .chara_wrap .empty_box:after{border-color:#ff6e00 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}#favorite .chara_wrap .left>p{font-size:16px}#favorite .chara_icon{width:320px}#favorite .chara_wrap .left>p br{display:none}}#supply-info .container{max-width:1200px;width:100%;padding-bottom:220px}#supply-info .box-wrap{display:flex;justify-content:space-between;margin-top:36px}#supply-info .box-wrap>li{width:calc(33.3333333333% - 20px)}#supply-info .box-wrap>li a{transition:opacity .3s}#supply-info .box-wrap>li a:hover{opacity:.7}#supply-info h3{font-size:40px;text-align:center;margin-bottom:20px;font-weight:bold;position:relative}@media(max-width: 768px){#supply-info{margin:0 auto}#supply-info .box-wrap{flex-direction:column;align-items:center}#supply-info .box-wrap>li{width:100%;max-width:300px}#supply-info .box-wrap>li:not(:last-child){margin-bottom:30px}#supply-info h3{line-height:1.5;font-size:30px}}.normal-btn{width:270px;height:55px;border-radius:27.5px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:bold;margin:0 auto;transition:opacity .3s}.normal-btn:hover{opacity:.7}.normal-btn.white{background:#fff;color:#ff6e00}.normal-btn.orange{background-color:#ff6e00;color:#fff}.normal-btn.white-on-black{background:#fff;color:#646464;border:1px solid #646464}.normal-btn.blue{color:#fff;background-color:#0064aa}#fixed-banner{position:fixed;right:10px;bottom:10px;flex-direction:column;z-index:1;display:none;opacity:0}#fixed-banner.doing{animation-name:bottomDownAnime;animation-duration:.5s;animation-fill-mode:forwards}#fixed-banner.gone{animation-name:bottomUpAnime;animation-duration:.5s;animation-fill-mode:forwards}#fixed-banner #close-btn{margin-left:auto;margin-bottom:5px;cursor:pointer}#fixed-banner>*{transition:opacity .3s}#fixed-banner>*:hover{opacity:.7}#fixed-banner img{zoom:.5}.text_wave{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.text_stroke{-webkit-text-stroke:1.3px #fff;text-stroke:1px #fff}.text_orange{color:#ff6e00}.text_orange02{color:#ff4600}.text_brackets{border-left:4px solid #231815;border-right:4px solid #231815;border-radius:20px;padding:15px 30px;box-sizing:border-box}.text_dotted{-webkit-text-decoration:underline dotted #ff6e00;text-decoration:underline dotted #ff6e00}.text_underline{background:linear-gradient(transparent 60%, #ff6 60%)}.text_top_dotted{padding-top:.3em;background-position:top left;background-repeat:repeat-x;background-size:1em .3em;background-image:radial-gradient(0.09em 0.09em at center center, #FF6E00, #FF6E00 100%, transparent)}.text_bottom_dotted{-webkit-text-decoration:underline dotted #ff6e00;text-decoration:underline dotted #ff6e00}.button{box-shadow:0px 6px 0px #231815;background:#fff;border-radius:50px;font-size:20px;font-weight:bold;color:#231815;height:3em;margin:40px auto 0;display:flex;align-items:center;justify-content:center;width:100%;max-width:380px;border:4px solid #fff;box-sizing:border-box}.button:hover{background:#231815;color:#fff}.button.yellow{background:#ff0;border-color:#ff0}.button.yellow:hover{background:#231815;color:#fff}@media screen and (max-width: 768px){.button{font-size:16px}}.balloon{display:flex;align-items:center;justify-content:center}.balloon:before,.balloon:after{content:"";width:5px;height:47px;background-color:#231815;display:inline-block}.balloon:before{transform:rotate(-35deg);margin-right:30px}.balloon:after{transform:rotate(35deg);margin-left:30px}.balloon.big:before,.balloon.big:after{height:60px}@media screen and (max-width: 768px){.balloon:before,.balloon:after{width:3px;height:27px}.balloon.big:before,.balloon.big:after{width:3px;height:36px}}#bottom-cv{background-color:#ff6e00;padding:50px 0}#bottom-cv .flex{display:flex;justify-content:space-between}#bottom-cv .container{position:relative;width:100%;max-width:1200px;justify-content:center;padding:0 15px}#bottom-cv .sentence-wrap{display:flex;flex-direction:column;align-items:flex-start;color:#fff;width:55%;position:relative;z-index:1}#bottom-cv figure{width:20%;min-width:230px}#bottom-cv h3{font-size:35px;display:flex;flex-direction:column;margin:25px 0 0;font-weight:bold}#bottom-cv img{width:195px;margin-top:10px}#bottom-cv .sentence{font-size:16px;line-height:30px;margin:30px 0}#bottom-cv .btn-group-wrap{display:flex;justify-content:space-between;max-width:540px}#bottom-cv .btn-group-wrap a{box-shadow:0 4px 0 rgba(0,0,0,.4)}#bottom-cv .btn-group-wrap .blue{margin-right:20px}#bottom-cv .image{width:110%;position:static;margin-top:-5%}@media(max-width: 768px){#bottom-cv{padding:40px 0 60px}#bottom-cv .sentence-wrap{width:100%}#bottom-cv figure{display:none}#bottom-cv h3{font-size:25px;text-align:left}#bottom-cv .sentence{font-size:15px;line-height:25px;margin:15px 0 20px}#bottom-cv .sentence .bold{font-weight:bold}#bottom-cv .btn-group-wrap{flex-direction:column;align-items:center;margin:0 auto}#bottom-cv .btn-group-wrap .blue{margin-right:0;margin-bottom:15px}#bottom-cv .image{position:static;display:block;width:200px;margin:0 auto}}