html{font-size:16px}@font-face{font-family:'Noto';src:url(../font/NotoSansCJKjp-Medium.woff)}@font-face{font-family:'Noto';src:url(../font/NotoSansCJKjp-Bold.woff);font-weight:bold}body{font-family:"Helvetica Neue",
 Arial,
 "Hiragino Kaku Gothic ProN",
 "Hiragino Sans",
 Meiryo,
 sans-serif;font-size:0.875rem;color:#222;line-height:1.6;padding:6.0rem 0 0 0}@media screen and (min-width: 768px), print{body{padding:4.0rem 0 0 0}}img{image-rendering:-webkit-optimize-contrast}.global-header{height:auto;border-bottom:1px solid #C5C5C5}.global-header .header-wrapper{width:100%;height:4.0rem;margin:0 auto;padding:0;box-sizing:border-box;display:block;position:relative}.registration_wrapper{width:auto;height:2.0rem;margin:auto;padding:0;box-sizing:border-box;display:flex;position:absolute;right:1.0rem;top:0;bottom:0}@media screen and (min-width: 768px), print{.registration_wrapper{right:2.0rem}}.registration_wrapper a.login_btn{width:auto;height:2.0rem;margin:0 1.0rem 0 0;padding:0;box-sizing:border-box;display:block;position:relative;text-decoration:none}.registration_wrapper a.login_btn p{width:auto;height:2.0rem;margin:0 auto;padding:0;box-sizing:border-box;display:inline-block;line-height:2.0rem}@media screen and (min-width: 768px), print{.registration_wrapper a.login_btn p{transition:all 0.3s}.registration_wrapper a.login_btn p:hover{opacity:0.3}}.registration_wrapper a.creator_btn{display:none}@media screen and (min-width: 768px), print{.registration_wrapper a.creator_btn{width:auto;height:2.0rem;margin:0 1.0rem 0 0;padding:0;box-sizing:border-box;display:block;position:relative;text-decoration:none}}.registration_wrapper a.creator_btn p{width:auto;height:2.0rem;margin:0 auto;padding:0;box-sizing:border-box;display:inline-block;line-height:2.0rem}@media screen and (min-width: 768px), print{.registration_wrapper a.creator_btn p{transition:all 0.3s}.registration_wrapper a.creator_btn p:hover{opacity:0.3}}.creator_btn_wrapper{width:100%;height:auto;margin:0 auto;padding:0 1.0rem 0 0;box-sizing:border-box;display:block;background:#F5F5F5 0 0 no-repeat;position:relative;text-align:right}.creator_btn_wrapper a{width:auto;height:auto;margin:auto;padding:0.5rem 1.5rem 0.5rem 0;box-sizing:border-box;display:inline-block;text-decoration:none;position:relative}.creator_btn_wrapper a:after{content:"";width:1.0rem;height:1.0rem;padding:0;margin:auto;box-sizing:border-box;display:block;background:url(../img/guide/icon_link_arrow.png) center center no-repeat #F15353;background-size:0.312rem auto;border-radius:0.5rem;position:absolute;top:0;bottom:0;right:0}@media screen and (min-width: 768px), print{.creator_btn_wrapper{display:none}}a.reg_btn{width:6.8rem;height:2.0rem;margin:0 auto;padding:0;box-sizing:border-box;display:block;background-color:#F15353;text-align:center;border-radius:1.0rem;transition:all 0.3s}@media screen and (min-width: 768px), print{a.reg_btn:hover{opacity:0.3}}p.btn_txt{width:auto;height:2.0rem;margin:0 auto;padding:0;box-sizing:border-box;display:inline-block;color:#fff;line-height:2.0rem}.global-footer{width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:block;background:#E3E3E3}.global-footer .footer_wrapper{width:100%;height:auto;margin:0 auto;padding:0 1.0rem;box-sizing:border-box;display:block;position:relative}@media screen and (min-width: 768px), print{.global-footer .footer_wrapper{padding:0}}.global-footer .menu_wrapper{width:100%;height:auto;margin:0 auto;padding:1.25rem 0;box-sizing:border-box;display:block;position:relative}@media screen and (min-width: 768px), print{.global-footer .menu_wrapper{padding:2.0rem 2.0rem 0;display:flex}}.global-footer .menu_wrapper:first-of-type{border-bottom:1px solid #C5C5C5}.global-footer .menu_wrapper:last-of-type{padding:1.25rem 0 2.0rem}@media screen and (min-width: 768px), print{.global-footer .menu_wrapper:last-of-type{padding:2.0rem}}.global-footer .footer_menu{width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:block}@media screen and (min-width: 768px), print{.global-footer .footer_menu{width:auto;margin:0 1.5rem 2.0rem 0;padding:0 1.5rem 0 0}.global-footer .footer_menu:first-of-type{border-right:1px solid #C5C5C5}}.global-footer .footer_menu li{width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:block}.global-footer .footer_menu li a{width:auto;height:auto;margin:0 auto;padding:0.75rem 0;box-sizing:border-box;display:inline-block;text-decoration:none}@media screen and (min-width: 768px), print{.global-footer .footer_menu li a{padding:0.25rem 0;transition:0.3s all}.global-footer .footer_menu li a:hover{opacity:0.3}}.global-footer .footer_global_menu{width:100%;height:auto;margin:0 auto 3.0rem;padding:0;box-sizing:border-box;display:block;position:relative}@media screen and (min-width: 768px), print{.global-footer .footer_global_menu{padding:0 12rem 0 0;display:flex;flex-wrap:wrap;margin:0 auto}}.global-footer .footer_global_menu li{width:100%;height:auto;margin:0 auto;padding:0.75rem 0;box-sizing:border-box;display:block}.global-footer .footer_global_menu li:last-child{padding:0.75rem 0 0}@media screen and (min-width: 768px), print{.global-footer .footer_global_menu li{width:auto;margin:0 1.0rem 0 0;padding:0 1.0rem 0.5rem 0;border-right:1px solid #C5C5C5}.global-footer .footer_global_menu li:last-child{padding:0 1rem 0 0;border-right:none}}.global-footer .footer_global_menu li a{width:auto;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:inline-block;text-decoration:none}.global-footer .footer_global_menu li a.pdf{padding:0 1.75rem 0 0;position:relative}.global-footer .footer_global_menu li a.pdf:after{content:"";width:1.5rem;height:1.5rem;padding:0;margin:auto;box-sizing:border-box;display:block;background:url(../img/icon_pdf.png) 0 0 no-repeat;background-size:1.5rem auto;position:absolute;top:0;bottom:0;right:0}@media screen and (min-width: 768px), print{.global-footer .footer_global_menu li a{transition:0.3s all}.global-footer .footer_global_menu li a:hover{opacity:0.3}}.global-footer .copyright{width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:block}@media screen and (min-width: 768px), print{.global-footer .copyright{width:auto;margin:auto;position:absolute;top:50%;right:2.0rem;transform:translateY(-50%)}}.global-footer .copyright img{width:10.4rem;height:auto;margin:0 auto 0.5rem;padding:0;box-sizing:border-box;display:block}@media screen and (min-width: 768px), print{.global-footer .copyright img{width:8.625rem}}.global-footer .copyright .copyright_txt{width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:block;text-align:center;font-size:0.75rem}.page_top_btn_wrapper{width:100%;height:4.5rem;margin:0 auto;padding:0 0 0 0;box-sizing:border-box;display:block;background:#F5F5F5;position:relative}.page_top_btn{width:2.5rem;height:2.5rem;margin:0 auto;padding:0;box-sizing:border-box;display:block;background:#000;opacity:0.6;border-radius:50%;cursor:pointer;transition:0.3s all;position:absolute;top:0;right:2rem}@media screen and (min-width: 560px), print{.page_top_btn:hover{opacity:0.5}}.page_top_btn img{width:1.0625rem;height:auto;margin:auto;padding:0;box-sizing:border-box;display:block;position:absolute;top:0;bottom:0;right:0;left:0}h2,h3{font-family:Noto}h2{width:100%;height:auto;margin:0 auto 2.0rem;padding:0.75rem 0 0 0;box-sizing:border-box;display:block;font-size:1.375rem;position:relative;text-align:center}@media screen and (min-width: 768px), print{h2{text-align:left}}h2:after{content:"";width:3.0rem;height:0.25rem;padding:0;margin:auto;box-sizing:border-box;display:block;background:#F15353;position:absolute;top:0;left:0;right:0}@media screen and (min-width: 768px), print{h2:after{right:auto}}h2 br{display:block}@media screen and (min-width: 560px), print{h2 br{display:none}}h3{width:100%;height:auto;margin:0 auto 1.0rem;padding:0;box-sizing:border-box;display:block;font-size:0.9rem;font-weight:800;text-align:center}main{background:#F5F5F5}.key_visual{width:100%;height:34.0rem;margin:0 auto 4.0rem;padding:0;box-sizing:border-box;display:block;background:url(../img/guide/bg_key_visual.jpg) 0 0 no-repeat;background-size:cover}@media screen and (min-width: 768px), print{.key_visual{height:25.0rem}}.key_visual .kv_content{width:100%;height:34.0rem;margin:0 auto;padding:0;box-sizing:border-box;display:block;position:relative}@media screen and (min-width: 768px), print{.key_visual .kv_content{height:25.0rem}}@media screen and (min-width: 1200px), print{.key_visual .kv_content{max-width:1400px}}.key_visual .copy_area{width:auto;height:auto;margin:0;padding:0;box-sizing:border-box;display:block;position:absolute;bottom:1.0rem;left:2.0rem;z-index:1;opacity:0;transform:translateY(30px);transition:opacity .8s, transform .8s}.key_visual .copy_area.is_load{opacity:1;transform:translateX(0);transition-delay:0.2s}@media screen and (min-width: 768px), print{.key_visual .copy_area{bottom:3.0rem;left:2.0rem}}.key_visual .copy_area br{display:block}@media screen and (min-width: 960px), print{.key_visual .copy_area br{display:none}}.key_visual .copy_area .copy_txt{width:auto;height:auto;margin:0 auto 2.0rem;padding:0;box-sizing:border-box;display:inline-block;transform:skewX(-10deg);font-size:1.8rem;font-weight:800;color:#fff;font-family:Noto}@media screen and (min-width: 768px), print{.key_visual .copy_area .copy_txt{margin:-0.4rem 0 0 0;font-size:2.5rem}}.key_visual .copy_area .copy_txt:after{content:"";background:#222;position:absolute;top:-0.5rem;bottom:-0.75rem;left:-1.0rem;right:-1.0rem;z-index:-1;transform:skewX(10deg)}@media screen and (min-width: 768px), print{.key_visual .copy_area .copy_txt:after{display:none}}.key_visual .copy_area .intro_txt{width:100%;height:auto;margin:0 0 0 -1.0rem;padding:0;box-sizing:border-box;display:block;font-family:Noto;color:#fff;line-height:1.75}@media screen and (min-width: 768px), print{.key_visual .copy_area .intro_txt{padding:1.1rem 0 0 0;margin:0}}.key_visual .copy_area .intro_txt br{display:none}@media screen and (min-width: 768px), print{.key_visual .copy_area .intro_txt br{display:block}}.key_visual .img_container{width:100%;height:auto;margin:0;padding:0;box-sizing:border-box;display:block;opacity:0;transform:translateY(30px);transition:opacity .8s, transform .8s}.key_visual .img_container.is_load{opacity:1;transform:translateX(0);transition-delay:0.2s}.key_visual .img_container .character_pic,.key_visual .img_container .item_pic,.key_visual .img_container .bg{width:100%;height:auto;margin:auto;padding:0;box-sizing:border-box;display:block;position:absolute;top:1.0rem;right:0;left:0}@media screen and (min-width: 560px), print{.key_visual .img_container .character_pic,.key_visual .img_container .item_pic,.key_visual .img_container .bg{width:32rem;position:absolute;top:1.0rem;right:0;left:auto}}@media screen and (min-width: 1200px), print{.key_visual .img_container .character_pic,.key_visual .img_container .item_pic,.key_visual .img_container .bg{width:40rem}}.key_visual .img_container .character_pic img,.key_visual .img_container .item_pic img,.key_visual .img_container .bg img{width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:block}@media screen and (min-width: 768px), print{.key_visual .img_container .character_pic img,.key_visual .img_container .item_pic img,.key_visual .img_container .bg img{min-width:30.0rem}}.content{width:100%;height:auto;margin:0 auto 4.0rem;padding:0 1.0rem;box-sizing:border-box;display:block}@media screen and (min-width: 768px), print{.content{padding:0 2.0rem;max-width:1400px}}.content .content_wrapper{width:100%;height:auto;margin:0 auto;padding:2.5rem 1.0rem;box-sizing:border-box;display:block;background:#fff}@media screen and (min-width: 768px), print{.content .content_wrapper{padding:2.5rem}}.intro p{width:100%;height:auto;margin:0 auto 1.5rem;padding:0;box-sizing:border-box;display:block}@media screen and (min-width: 1200px), print{.intro p{width:54%;margin:0 0 1.5rem}}.intro h2{text-align:left}.intro h2:after{right:auto}.user_voice{width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:block}@media screen and (min-width: 768px), print{.user_voice{display:flex;flex-wrap:wrap;gap:0 1.5rem}}.user_voice li{width:100%;height:auto;margin:0 auto 1.0rem;padding:0;box-sizing:border-box;display:flex}.user_voice li:last-child{margin:0 auto 0.5rem}@media screen and (min-width: 768px), print{.user_voice li{width:48%}}.user_voice li .icon{width:3.0rem;height:auto;margin:0 1.0rem 0 0;padding:0;box-sizing:border-box;display:block}.user_voice li .icon img{width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:block}.user_voice li p.voice{width:100%;height:auto;margin:0 auto;padding:1.0rem;box-sizing:border-box;display:block;background:#FFF;border-radius:0.125rem}p.caption{width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:block;font-size:0.8rem;text-align:right}ul.usage{width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:block}@media screen and (min-width: 768px), print{ul.usage{display:flex;flex-wrap:wrap;gap:0 1.5rem;justify-content:space-between}}ul.usage li{width:100%;height:auto;margin:0 auto 3.0rem;padding:0;box-sizing:border-box;display:block;text-align:center}ul.usage li:last-child{margin:0 auto}@media screen and (min-width: 768px), print{ul.usage li{width:40%}ul.usage li:nth-child(n+3){margin:0 auto}}@media screen and (min-width: 960px), print{ul.usage li{width:22.7%;margin:0}ul.usage li:nth-child(n+3){margin:0}}ul.usage li .pic{width:100%;height:auto;margin:0 auto 1.5rem;padding:0;box-sizing:border-box;display:block;position:relative}ul.usage li .pic img{width:100%;max-width:15.3rem;height:auto;margin:auto;padding:0;box-sizing:border-box;display:block}ul.usage li p{width:auto;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:inline-block;text-align:left}p.content_intro{margin:0 auto 1.0rem}p.intro_caption{width:100%;height:auto;margin:0 auto 1.5rem;padding:0 0 0 1.5rem;box-sizing:border-box;display:block;font-size:0.8rem;position:relative}p.intro_caption:after{content:"※";width:1.0rem;height:1.0rem;padding:0;margin:auto;box-sizing:border-box;display:block;position:absolute;top:0;left:0}ul.txt_list{width:100%;height:auto;margin:0 auto 1.0rem;padding:0;box-sizing:border-box;display:block}ul.txt_list li{width:100%;height:auto;margin:0 auto;padding:0 0 0 1.5rem;box-sizing:border-box;display:block;position:relative}ul.txt_list li:after{content:"・";width:1.0rem;height:1.0rem;padding:0;margin:auto;box-sizing:border-box;display:block;position:absolute;top:0;left:0}ul.profit{width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:block}@media screen and (min-width: 768px), print{ul.profit{display:flex;flex-wrap:wrap;gap:0 1.5rem;justify-content:space-between}}ul.profit li{width:100%;height:auto;margin:0 auto 3.0rem;padding:0;box-sizing:border-box;display:block;text-align:center}ul.profit li:last-child{margin:0 auto}@media screen and (min-width: 768px), print{ul.profit li{width:48%;margin:0 auto}}ul.profit li .pic{width:100%;height:auto;margin:0 auto 1.5rem;padding:1.0rem;box-sizing:border-box;display:block;position:relative;background:#F5F5F5;border-radius:0.25rem}@media screen and (min-width: 768px), print{ul.profit li .pic{width:100%;height:auto}}ul.profit li .pic img.sp{width:100%;max-width:19.5rem;height:auto;margin:auto;padding:0;box-sizing:border-box;display:block}@media screen and (min-width: 960px), print{ul.profit li .pic img.sp{display:none}}ul.profit li .pic img.pc{display:none}@media screen and (min-width: 960px), print{ul.profit li .pic img.pc{width:100%;max-width:37.0rem;height:auto;margin:auto;padding:0;box-sizing:border-box;display:block}}ul.profit li p{width:auto;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:inline-block;text-align:left}ul.flow{width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:block}@media screen and (min-width: 768px), print{ul.flow{display:flex;flex-wrap:wrap;gap:0 1.5rem;justify-content:space-between}}ul.flow li{width:100%;height:auto;margin:0 auto 2.5rem;padding:0;box-sizing:border-box;display:block}ul.flow li:last-child{margin:0}@media screen and (min-width: 768px), print{ul.flow li{width:48%;margin:0 0 3.0em 0}}@media screen and (min-width: 960px), print{ul.flow li{width:31%;margin:0 auto}}ul.flow li .pic{width:100%;height:auto;margin:0 auto 1.0rem;padding:0;box-sizing:border-box;display:block;position:relative;border:1px solid #BABABA}@media screen and (min-width: 960px), print{ul.flow li .pic{margin:0 auto 1.5rem;width:100%;height:auto}}ul.flow li .flow_num{width:auto;height:2.5rem;margin:0 0 1.0rem;padding:0 0 0 3.25rem;box-sizing:border-box;display:table;position:relative}ul.flow li .flow_num .num{width:2.5rem;height:2.5rem;margin:auto;padding:0;box-sizing:border-box;display:block;background:#F15353;border-radius:50%;font-size:1.25rem;color:#fff;line-height:2.5rem;text-align:center;font-family:Noto;font-weight:800;position:absolute;top:0;bottom:0;left:0}ul.flow li .flow_num h3{display:table-cell;vertical-align:middle;text-align:left;margin:0}ul.flow li p{width:auto;height:auto;margin:auto;padding:0;box-sizing:border-box;display:inline-block;text-align:left}.cta{width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:block}.cta h2{width:100%;height:auto;margin:0 auto 2.0rem;padding:0;box-sizing:border-box;display:block;text-align:center}.cta h2:after{display:none}.cta p{text-align:center;margin:0 auto 2.0rem}.cta p br.sp{display:block}@media screen and (min-width: 560px), print{.cta p br.sp{display:none}}.cta .btn_wrapper{width:100%;height:auto;margin:0 auto;padding:0;box-sizing:border-box;display:block;text-align:center}.cta a.cta_btn{width:auto;height:2.0rem;margin:0 auto 1.0rem;padding:0 2.0rem;box-sizing:border-box;display:inline-block;background-color:#F15353;text-align:center;border-radius:1.0rem;transition:all 0.3s}@media screen and (min-width: 768px), print{.cta a.cta_btn:hover{opacity:0.3}}.cta a.cta_btn p.btn_txt{width:auto;height:2.0rem;margin:0 auto;padding:0;box-sizing:border-box;display:inline-block;color:#fff;line-height:2.0rem}.cta a{color:#F15353}.cta_creator{margin:0 auto;padding:4.0rem 0 2.0rem;background:#FFF}.page_top_btn_wrapper{background-color:#FFF}.onload{opacity:0;transition:opacity .8s, transform .8s}.ol_active{opacity:1;transition-delay:0.2s}.inview{opacity:0;transform:translateY(30px);transition:opacity .8s, transform .8s}.iv_active{opacity:1;transform:translateX(0);transition-delay:0.2s}