#about .wrapper{font-size:14px;line-height:1.8em}#about h2,h1{margin:0px auto 70px}#about .main{height:19vw;margin-bottom:60px;padding:6vw 0 0 0;background-image:url("/images/about/about_fv_pc.png");background-position:top center;background-repeat:no-repeat;background-size:cover;color:#fff;text-align:center}#about .main p{margin-bottom:3vw;font-size:2vw;font-weight:600;letter-spacing:0.05em}#about .main img{width:25%}.about_intro,.about_merit,.about_interval_pic,.about_free,.about_step,.about_search,.about_situation{margin:0 0 150px 0}.about_span_inner{padding:30px;margin:40px auto 0 auto;background-color:#fafafa;text-align:center;max-width:590px}.about_span_inner p{padding:0 20px;font-size:13px;text-align:center}.about_span_next_period{padding:40px 0 30px 0;background-color:#ffffff}.about_span_next_period img{width:70%;height:auto;margin:12px 0;padding:3%;border:1px solid #eee}#about .about_intro div{display:inline-block;width:54%;margin:0 5% 0 0;vertical-align:top}#about .about_intro_title{margin-bottom:20px;color:#240000;font-size:20px;font-weight:600;line-height:1.6em}#about .about_intro img{display:inline-block;width:40%}#about .karitoke_about_btn_moview img{margin:20px 0 0 0;width:60%;display:block}#about .about_price_wrap{margin:20px 0 0;border-radius:5px}#about .about_price_btn_wrap{display:flex;flex-wrap:wrap}#about .about_price_btn_wrap a{display:inline-block;margin:0 10px 10px 0;padding:7px 10px;border-radius:5px;background:#eee;line-height:1}#about .about_merit dl{position:relative;margin:0 0 80px 0;padding:0 30px}#about .about_merit dt::before{display:inline-block;position:absolute;top:-26px;left:30px;transform:scale(0.4)}#about .about_merit .merit01 dt::before{content:url("/images/about/about_merit_ico01.png")}#about .about_merit .merit02 dt::before{content:url("/images/about/about_merit_ico02.png")}#about .about_merit .merit03 dt::before{content:url("/images/about/about_merit_ico03.png")}#about .about_merit .merit04 dt::before{content:url("/images/about/about_merit_ico04.png")}#about .about_merit .merit05 dt::before{content:url("/images/about/about_merit_ico05.png")}#about .about_merit dt{display:inline-block;width:60%;margin:0 0 10px 0;padding:0 0 0 80px;color:#240000;font-size:20px;font-weight:600}#about .about_merit dd:first-of-type{display:inline-block;width:60%;padding:0 0 0 80px;vertical-align:top}#about .about_merit dd:nth-of-type(2) img{width:100%}#about .about_merit dd:nth-of-type(2){display:inline-block;width:26%;margin:-44px 0 0 0}.about_interval_pic img{width:100%}.about_free .sign_up_freeMV{background:#F4F1EA;padding:20px;position:relative;margin:0 auto 20px;max-width:600px}.about_free .sign_up_freeMV::before{position:absolute;content:"";border-left:#BF9C27 13px solid;border-top:#BF9C27 13px solid;width:30px;height:30px;left:-9px;top:-9px}.about_free .sign_up_freeMV::after{position:absolute;content:"";border-right:#BF9C27 13px solid;border-bottom:#BF9C27 13px solid;width:30px;height:30px;right:-9px;bottom:-9px}.about_free .sign_up_freeMV .sign_up_freeMV_copy{font-weight:bold;text-align:center;line-height:1.4;margin:0 0 10px;font-size:16px}.about_free .sign_up_freeMV .sign_up_freeMV_50off{margin:0 0 20px;text-align:center;position:relative}.about_free .sign_up_freeMV .sign_up_freeMV_50off::before{position:absolute;content:url(/images/common/sign_up_watch01.png);left:-251px;top:-147px;transform:scale(0.3)}.about_free .sign_up_freeMV .sign_up_freeMV_50off::after{position:absolute;content:url(/images/common/sign_up_watch02.png);right:-251px;top:-137px;transform:scale(0.3)}.about_free .sign_up_freeMV_period{background:#fff;width:80%;margin:0 auto;text-align:center;padding:9px 0;color:#BF9C27;font-weight:bold;font-size:18px;border-radius:10px}.about_free .sign_up_freeMV_under{margin:0 auto;max-width:640px}.about_step{width:600px;margin:80px auto 0 auto}.about_step dl{margin:0 0 30px;display:flex;align-items:center}.about__step--img{width:26%;margin:0 20px 0 0;flex-shrink:0}.about_step dt{font-size:21px;line-height:1.2;color:#240000}.about_step dl dd{position:relative;margin:10px 0 0 0}.about_step .about_step_registdocuments{margin:15px 0 40px 0;padding:30px;border-radius:5px;background:#fafafa}.about_step .about_step_registdocuments ul{display:flex;justify-content:space-evenly;margin:0 0 10px;font-size:10px;font-weight:bold}.about_step .about_step_registdocuments li{width:20%;line-height:1.2;text-align:center}.about_step .about_step_registdocuments li span{display:inline-block}.about_step .about_step_registdocuments li .illust_icon{margin:0 0 10px 0}.about_search{text-align:center}.about_search img{width:25%;margin:0 0 40px 0}.about_search p{margin:0 0 30px 0;color:#240000;font-size:20px;font-weight:600}.free_word{position:relative;width:40%;margin:0 auto}.free_word input{box-sizing:border-box;width:100%;height:34px;padding:12px 45px 12px 10px;border:0px solid #240000;border-radius:0;border-radius:5px;background-color:#eeeeee;color:#646464;font-size:14px;vertical-align:middle}.free_word_btn button{box-sizing:border-box;position:absolute;top:0;right:0;width:34px;height:34px;padding:0;border:none;border-radius:0 5px 5px 0;background-color:#eeeeee}.free_word_btn span::before{-webkit-transform:scale(0.5, 0.5);-moz-transform:scale(0.5, 0.5);-ms-transform:scale(0.5, 0.5);-o-transform:scale(0.5, 0.5);display:block;margin:5px 0 0 -2px;transform:scale(0.5, 0.5);content:url("/images/common/mf_glass_g.svg")}.free_word_btn span{font-size:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #eee inset !important}.about_situation div{display:flex;justify-content:space-between}.about_situation p{margin:0 0 60px 0;font-size:20px;font-weight:600;text-align:center}.about_situation dl{width:29%;margin:0 0 40px 0px}.about_situation dl img{width:100%;margin:0 0 10px 0}.about_situation dt{color:#240000;font-size:16px;font-weight:600}.about_regist .about_regist_copy{margin:0 0 60px 0;font-size:20px;font-weight:600;text-align:center}.about_regist div{display:inline-block;width:49%;color:#240000;font-size:20px;vertical-align:top}.about_regist div img{width:100%}.about_regist div p{width:90%;margin:0 0 30px 10%;line-height:1.5em}.about_faq .tab_wrapper{width:60%;margin:0 auto}#price_plan_modal .price_plan_table .plan_title{background:#646464;color:#fff;font-weight:bold}#price_plan_modal .price_plan_table .plan_title td{border:1px solid #fff;color:#fff;text-align:center}#price_plan_modal .price_plan_table td{padding:7px;border:1px solid #646464;color:#646464;font-size:11px;line-height:1.3;text-align:left;vertical-align:middle}#price_plan_modal .price_plan_table .plan_name{font-weight:bold}.about_review{background-color:#eee;margin:auto;padding:40px 0 0}.about_review h2{margin:0}.review_wrap div{width:auto}.review_wrap{margin:0 40px}.review_wrap ul{display:flex;justify-content:space-between;flex-direction:row}.review_wrap li{font-size:14px;width:23%;margin:0 0 40px;padding:0 0 20px;border:2px solid #eee;background-color:#fff}.review_wrap li p.review_user_info{position:relative;margin:5px 0 0 50px;font-size:12px}.review_wrap li p.review_rate{margin:5px 20px}.review_wrap li p.review_rate img{margin:5px auto -3px}.review_wrap li p.review_user_info:before{content:url(/images/about/about_review_icon.png);display:inline-block;position:absolute;transform:scale(0.25);top:-40px;left:-66px}.review_wrap li p.review_title{margin:10px 20px 0;font-weight:bold}.review_wrap li p.review_text{margin:5px 20px}@media screen and (min-width: 640px) and (max-width: 800px){#about h2,h1{margin:0px auto 50px}.wrapper .contents_wrap{padding:0}.about_intro,.about_merit,.about_interval_pic,.about_free,.about_step,.about_search,.about_situation{width:90%;margin:0 auto 100px auto}#about .about_intro div{width:48%;margin:0 14px 0 0}#about .about_intro_title{padding:10px 0 0 0;font-size:18px}#about .about_intro img{width:48%}#about .karitoke_about_btn_moview img{width:80%}#about .about_price_btn_wrap a{margin:0 7px 10px 0;padding:7px 4px;font-size:10px}.about_span_inner{margin-top:25px;padding:0;border-top:1px solid #eee;background-color:transparent;text-align:center}.about_span_inner p{padding:0 20px;font-size:13px;text-align:center}.about_span_next_period{padding:25px 0 30px 0;background:none}.about_span_next_period img{width:70%;height:auto;padding:3%}#about .about_merit dl{padding:0}#about .about_merit dt{font-size:18px}#about .about_merit dt::before{top:-34px;left:-1px;transform:scale(0.35)}#about .about_merit dt{width:59%}#about .about_merit dd:first-of-type{width:59%}.about_interval_pic{width:100%}.about_regist{width:90%;margin:0 auto}.review_wrap li{width:25%;margin:0 10px 20px}.review_wrap li p:last-child:before{left:30px}.review_wrap ul{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap}.review_wrap li{width:40%;margin:0 auto 30px}.review_wrap li p.review_rate{margin:5px 10px}}@media screen and (min-width: 320px) and (max-width: 640px){section{width:90%;margin:0px auto 50px}#about h2,h1{width:100%;margin:0px auto 40px}.about_intro,.about_merit,.about_interval_pic,.about_free,.about_step,.about_search,.about_situation{margin:0 auto 70px auto}#about .main{height:auto;margin-bottom:40px;padding:17vw 0 21vw 0;background-image:url("/images/about/about_fv_sp.png")}#about .main p{margin-bottom:7vw;font-size:5vw}#about .main img{width:55%}#about .about_intro_title{padding:0}#about .about_intro div{width:100%;margin:0 0 40px}#about .about_intro img{display:block;width:90%;margin:0 auto}#about .karitoke_about_btn_moview img{width:80%;margin:20px auto}.about_price_wrap{font-size:10px}#about .about_price_btn_wrap{justify-content:space-between}#about .about_price_btn_wrap a{width:45%;margin:0 0 10px 0;padding:7px 2%;line-height:1.3;text-align:center}.about_span_inner{margin-top:25px;padding:0;border-top:1px solid #eee;background-color:transparent;text-align:center}.about_span_inner p{padding:0;font-size:13px;text-align:left}.about_span_next_period{padding:25px 0 30px 0;background-color:transparent}.about_span_next_period img{width:94%;height:auto;padding:3%}#about .about_merit dl{margin:9em 0 0 0;padding:0}#about .about_merit dt{width:100%;padding:0;font-size:18px;text-align:center}#about .about_merit dt::before{top:-90px;left:50%;width:10%;margin-left:-35px;transform:scale(0.5)}#about .about_merit dd:first-of-type{width:100%;padding:0;text-align:center}#about .about_merit dd:nth-of-type(2){display:block;width:62%;margin:0 auto;padding:1em 0 0 0}.about_search img{width:45%}.free_word{width:64%}.about_situation div{display:block}.about_situation dl{width:80%;margin:0 auto 40px auto}.about_free .sign_up_freeMV .sign_up_freeMV_50off::before,.about_free .sign_up_freeMV .sign_up_freeMV_50off::after{content:none}.about_regist div{width:100%}.about_regist div img{width:90%}.about_regist div p{margin:0 auto 40px auto}.about_faq .tab_wrapper{width:100%;margin:0 auto}.about_step{width:100%}.about_step dl{align-items:flex-start}.about__step--img{width:30%;margin:0 20px 0 0}.about_step .about_step_registdocuments ul{flex-wrap:wrap}.about_step .about_step_registdocuments li{width:50%;margin:0 0 11px}.about_step .about_step_registdocuments li .illust_icon{margin:0 0 4px 0}.about_step .about_step_registdocuments{padding:15px}.review_wrap{margin:0 15px}.review_wrap ul{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap}.review_wrap li{width:46%;margin:0 auto 30px;padding:0}.review_wrap li p.review_rate{margin:5px 0}.review_wrap li p.review_rate span:nth-of-type(2){padding-left:5px}.review_wrap li p.review_rate img{transform:scale(0.8)}.review_wrap li p.review_rate span.rate_score{margin:0 0 0 -10px;display:inline-block}.review_wrap li p.review_user_info{margin:5px 0 0 35px;font-size:10px;line-height:1.3}.review_wrap li p.review_user_info:before{transform:scale(0.2);left:-66px}.review_wrap li p.review_title{margin:10px 10px 0;font-size:12px;line-height:1.2}.review_wrap li p.review_text{margin:5px 10px;font-size:12px;line-height:1.8}}@media screen and (min-width: 450px) and (max-width: 640px){#about .about_merit dt::before{top:-88px}#about .about_merit dt{display:inline-block;width:70%;margin:0 0 10px 0;padding:0 0 0 30%;color:#240000;font-size:20px;font-weight:600;text-align:left}#about .about_merit dd:first-of-type{display:inline-block;width:70%;padding:0 0 0 30%;text-align:left;vertical-align:top}#about .about_merit dd:nth-of-type(2){position:absolute;top:0;left:0;width:26%}.about_span_inner{margin-top:25px;padding:0;border-top:1px solid #eee;background-color:transparent;text-align:center}}
