@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:62.5%}body{background:#f9f9f9;color:#000;font-family:游ゴシック体,YuGothic,游ゴシック,Yu Gothic,sans-serif;font-size:1.8rem;font-weight:300;letter-spacing:1px;line-height:1.5;overflow-x:hidden}.background-secondary{background-color:#ebe6e1}a,a:hover{text-decoration:none}a:hover{color:#000;opacity:.8;-webkit-transition:all .3s;transition:all .3s}.wrapper{margin:0 auto;max-width:1200px;padding:0 30px}.pcnone,.sponly{display:none}img{height:auto;max-width:100%}#tabmenu{display:none}section{padding-top:80px}.mb20{margin-bottom:20px!important}.mb60{margin-bottom:60px!important}.mb120{margin-bottom:120px!important}.pt0{padding-top:0}h2,h3,h4{font-weight:700}h2,h3,h4{text-align:center}h2{font-size:4rem;margin-bottom:40px}h3{font-size:3rem;margin-bottom:30px}h4{font-size:2rem;line-height:1.6;padding-bottom:20px}.container{box-sizing:border-box;margin:0 auto;max-width:1200px;position:relative;text-align:center}.contact .container{padding:60px}.fukidashi{margin-bottom:20px;width:40%}.col{display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr}.btn-primary a,.btn-secondary a{display:table-cell;vertical-align:middle}#nav-contact a:hover,#sidebtn a:hover,.btn-primary a:hover{box-shadow:0 0 6px #ccc;opacity:.75;transform:scale(1.02)}header{display:flex;font-size:1.5rem;font-weight:600;justify-content:right;margin:0 3%}header p:first-of-type{margin-right:auto}header .logo{margin-top:30px;width:250px}header nav ul{display:flex;margin-top:30px}header nav ul li{margin-left:20px}header #nav-contact{display:flex;margin:20px 0 0 20px}header #nav-contact p{display:table;height:34px;margin-left:20px}header #nav-contact a{background:#000;border-radius:6px;color:#fff;display:table-cell;height:30px;text-align:center;vertical-align:middle;width:140px}#main{position:relative}#main .wrapper{text-align:center;width:80%}#main h1{font-size:4rem;font-weight:700;line-height:1.6;margin:20px 0}#maintitle{display:flex;opacity:.5;overflow:hidden;position:absolute;top:50px;width:1500px;z-index:-1}#maintitle img{height:100%;width:auto}@keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}#maintitle img:first-child{animation:loop 140s linear -70s infinite}#maintitle img:last-child{animation:loop2 140s linear infinite}#main #mainimg img{height:250px;width:auto;z-index:-1}#main #mainimg img:first-of-type{left:0;position:absolute;top:400px}#main #mainimg img:last-of-type{position:absolute;right:0;top:400px}#main h1 span:last-of-type{border-bottom:4px solid #8c1111;color:#8c1111}#main .headline-top{font-size:2.8rem;font-weight:700}#main .headline-bottom{font-size:2rem;font-weight:700}#main .headline-top span{color:#bfa51e;font-size:4rem}#main h2{font-size:4rem;font-weight:600;margin-top:15px}#main .btn-group{display:flex;justify-content:center;margin-top:50px}#main .btn-group a{background:#8c1111;color:#fff;font-size:3rem;font-weight:600;height:100px;text-align:center;vertical-align:middle;width:400px}#main .btn-yellow a{background:#bfa51e}#main .btn-black a{background:#000}#scroll{font-size:1.4rem;margin-top:100px;text-align:center}#scroll span{display:block;transform:rotate(90deg)}#scroll img{animation:scrollanim 2s infinite;height:34px;margin-top:30px;position:relative;right:3px;width:auto}@keyframes scrollanim{0%{transform:translateY(0)}50%{transform:translateY(15px)}to{transform:translateY(0)}}#intro .headline-point-primary:before{bottom:20px;margin-right:15px}#intro .headline-point-primary:after,#intro .headline-point-primary:before{background:url(//20191103.fs1.hubspotusercontent-na1.net/hubfs/20191103/raw_assets/public/Comic%20Learning%20LP----/assets/images/freess-cp/ico-quote-primary.png)no-repeat;background-size:contain;content:"";display:inline-block;height:30px;position:relative;width:30px}#intro .headline-point-primary:after{bottom:-10px;margin-left:12px;transform:rotate(180deg)}#intro .headline-point-secondary:before{bottom:20px;margin-right:12px}#intro .headline-point-secondary:after,#intro .headline-point-secondary:before{background:url(//20191103.fs1.hubspotusercontent-na1.net/hubfs/20191103/raw_assets/public/Comic%20Learning%20LP----/assets/images/freess-cp/ico-quote-secondary.png)no-repeat;background-size:contain;content:"";display:inline-block;height:30px;position:relative;width:30px}#intro .headline-point-secondary:after{bottom:-10px;margin-left:12px;transform:rotate(180deg)}#intro .headline-point+p{font-size:2rem;line-height:1.8;text-align:center}#intro{background-color:#fff;padding-top:80px}#intro .container-dark{margin-top:120px}#intro .description-bottom,#intro .description-top{background:#f9f9f9;box-shadow:5px 5px 0 0 #bfa51e;margin-bottom:40px;padding:60px 100px}#intro .description-bottom{box-shadow:5px 5px 0 0 #8c1111}#sample{background-color:#f9f9f9;background-image:radial-gradient(#f0f0f0 20%,transparent 0),radial-gradient(#f0f0f0 20%,transparent 0);background-position:0 0,20px 20px;background-size:40px 40px;margin-top:-30px;padding-top:0}#sample .wrapper{padding-top:60px}#sample .card img,#sample .card-text{display:flex;margin:0 auto 20px;width:90%}#sample .card img{border:2px solid #000;margin-bottom:20px}.card{background:#fff;box-shadow:5px 5px 0 0 #bfa51e;margin-bottom:20px;padding:20px}.card-text{font-size:1.6rem;margin-top:20px}#sample .col3 .card p:first-of-type{margin-bottom:40px}#flow{background:#000;margin:-120px auto 0;padding-bottom:80px}#flow .wrapper{padding-top:120px}#flow h2{color:#fff}#flow h1:after{background:url(../img/thumb-flow.png)no-repeat;background-size:contain;content:"";display:block;height:220px;position:absolute;right:0;top:-80px;width:222px;z-index:99}#flow dl{background:#fff;box-sizing:border-box;margin:0 auto;max-width:920px;padding:40px;position:relative}#flow dl:not(:last-of-type){margin-bottom:30px}#flow dl:not(:last-of-type):after{background:url(//20191103.fs1.hubspotusercontent-na1.net/hubfs/20191103/raw_assets/public/Comic%20Learning%20LP----/assets/images/freess-cp/ico-arrow.png);background-size:contain;bottom:-28px;content:"";display:block;height:34px;left:50%;margin-left:-17px;position:absolute;width:17px;z-index:999}#flow dt{width:120px}#flow dd,#flow dt{display:inline-block;vertical-align:middle}#flow dd{font-size:2rem;font-weight:600;width:700px}#flow dd span{display:block;font-size:1.4rem;font-weight:400;line-height:1.5;margin-top:10px}#flow .pointnum span:first-of-type{bottom:9px;color:#c9c9c9;display:inline-block;font-size:1.3rem;letter-spacing:0;position:relative;transform:rotate(90deg)}#flow .pointnum span:nth-of-type(2){color:#c9c9c9;font-family:Courier Prime;font-size:4.8rem;letter-spacing:-5px;position:relative;right:6px}#campaign{background:#fff;background-image:url(../img/campaign-background.png);background-position:50% 5%;background-size:cover;padding-bottom:80px}#campaign h3{color:#8c1111;font-size:3.4rem}#campaign .campaign-catch{font-size:2.5rem;font-weight:600;margin-bottom:20px}.campaign-table td span,.campaign-table th{font-weight:700}.campaign-table .campaign-date{font-size:3rem}#campaign .wrapper{position:relative}#campaign .container:after{background-image:url(../img/campaign-book.svg);background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:300px;position:absolute;right:0;top:170px;vertical-align:middle;width:200px}.campaign-table td,.campaign-table th{padding:20px;vertical-align:middle}.campaign-table th{width:200px}.campaign-table tr{background:#81bad7;color:#fff;line-height:2;padding-left:50px;position:relative;text-align:center;width:300px}.campaign-table td{background:#f8f8f8;color:#000;padding:40px;position:relative;text-align:left}#contact{background:url(../img/toptitle-main.png)no-repeat 50%;background-blend-mode:darken;background-color:rgba(0,0,0,.8);background-position:10%;background-size:cover}#contact .section-contact{display:flex;justify-content:space-between;margin:0 auto;max-width:1100px;padding-bottom:80px}#contact .section-contact div{text-align:left;width:520px}#contact .contact-hover{background-size:auto 300px;height:300px;-webkit-transition:all .3s;transition:all .3s;width:auto}#contact a{border-bottom:1px solid #c9c9c9;color:#fff;display:block;padding:5px 0 20px 90px}#contact a:hover{color:#fff;opacity:1;opacity:.4}#contact dt{font-size:2.8rem;font-weight:600;margin-bottom:20px}#contact dd{font-size:1.4rem}.request a{background:url(../img/ico-request.png) no-repeat 0 0;background-size:70px 70px}.inquiry a{background:url(../img/ico-inquiry.png) no-repeat 0 0;background-size:70px 70px}footer{background:#fff;padding:40px 0;text-align:center}footer .wrapper{display:flex;justify-content:center}footer .section-footer{margin:0 20px}footer .section-footer:not(:last-of-type){border-right:1px solid #e8e8e8;padding-right:40px}footer h3{font-weight:600;text-align:left}footer ul{font-size:1.4rem;margin-top:20px;text-align:left}footer li:not(:last-child){margin-bottom:16px}footer li.list-child{font-size:1.2rem;font-weight:400;list-style-type:none;margin-bottom:12px;margin-left:1em}footer p{font-size:1.4rem}@media screen and (max-width:1024px) and (min-width:767px){#main h1{font-size:4rem}#main #mainimg img:first-of-type,#main #mainimg img:last-of-type{height:auto;top:500px;width:45%}#campaign .container:after{height:230px;right:-5%;top:10%;top:120px;width:170px}}@media screen and (max-width:768px){body{font-size:1.6rem}.wrapper{padding:20px}.spnone{display:none}img{height:auto;width:100%}section{padding-top:50px}.mb20{margin-bottom:10px!important}.pcnone{display:flex}h2{font-size:2.8rem;margin-bottom:20px}h3{font-size:2.2rem;margin-bottom:30px}h4{font-size:2rem;padding-bottom:10px}.contact .container{padding:60px}.fukidashi{margin-bottom:20px;width:80%}.container{width:100%}.col{display:block}header .logo{margin:20px 0 0;width:50%}header #nav-contact,header nav{display:none}#navtoggle{cursor:pointer;height:32px;position:fixed;right:5%;top:20px}#navtoggle>div{position:relative;width:19px}#navtoggle span{background:#000;display:block;height:2px;left:0;position:absolute;transition:top .2s ease,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,top .2s ease;transition:transform .3s ease-in-out,top .2s ease,-webkit-transform .3s ease-in-out;width:100%}#navtoggle span:first-child{top:0}#navtoggle span:nth-child(2){top:7px;width:70%}#navtoggle-academy span:nth-child(3){top:14px}.open #navtoggle span{background:#000}.open #navtoggle span:first-child{top:9px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.open #navtoggle span:nth-child(2){left:50%;top:9px;width:0}.open #navtoggle span:nth-child(3){top:9px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#navtoggle{z-index:991}.open nav{align-items:center;background:#f9f9f9;bottom:0;color:#000;display:flex;flex-direction:column;font-size:1.6rem;font-weight:700;justify-content:center;left:0;opacity:0;position:fixed;right:0;text-align:center;top:0;transition:opacity .6s ease,visibility .6s ease;visibility:hidden;z-index:990}.open nav a{color:#292929!important;display:block;font-weight:600;margin:30px 0;text-decoration:none;transition:color .1s ease}.open li{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px);transition:opacity .05s ease,-webkit-transform .05s ease;transition:transform .05s ease,opacity .05s ease;transition:transform .05s ease,opacity .05s ease,-webkit-transform .05s ease}.open li:first-of-type{font-size:2rem}.open{overflow:hidden}.open header nav{opacity:1;visibility:visible}.open header nav li{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity .9s ease,-webkit-transform 1s ease;transition:transform 1s ease,opacity .9s ease;transition:transform 1s ease,opacity .9s ease,-webkit-transform 1s ease}header li.pcnone{display:inline-block;margin:0 5px}header nav ul{flex-direction:column}header li.pcnone a{background:#000;border-radius:6px;box-sizing:border-box;color:#fff!important;font-size:1.4rem;height:36px;padding-top:7px;text-align:center;width:130px}#main .wrapper{margin-bottom:40px;text-align:center;width:95%}#main{overflow-x:hidden;position:relative}#maintitle{height:136px}@keyframes slideanim{0%{transform:translateX(0)}to{transform:translateX(-1200px)}}#main #mainimg{margin:20px 0}#main #mainimg img{display:inline-block;height:160px;width:auto}#main h1{font-size:3rem;margin-top:20px}#main .headline-top{font-size:2.2rem}#main .headline-top span{font-size:2.8rem}#main .headline-bottom{font-size:1.6rem}#main h2{font-size:2.2rem;font-weight:600;margin-top:15px}#main .btn-group{margin-top:200px}@media screen and (max-width:768px){#main .btn-group{margin-top:50px}#main .wrapper{margin-bottom:40px;text-align:center;width:90%}}#main .btn-group p{display:table;margin:0 10px}#main .btn-group a{font-size:2rem;height:70px}#scroll{font-size:1.2rem;margin-top:30px;text-align:center}#scroll span{display:block;transform:rotate(90deg)}#scroll img{animation:scrollanim 2s infinite;height:24px;margin-top:20px;position:relative;right:3px;width:auto}@keyframes scrollanim{0%{transform:translateY(0)}50%{transform:translateY(15px)}to{transform:translateY(0)}}#intro{padding-top:40px}#intro .description-bottom,#intro .description-top{padding:40px 20px}#intro .headline-point-primary:after,#intro .headline-point-primary:before,#intro .headline-point-secondary:after,#intro .headline-point-secondary:before{height:20px;width:20px}#main #mainimg img:first-of-type,#main #mainimg img:last-of-type{height:auto;top:400px;width:45%}#sample .card{margin:0 auto 30px;width:90%}#flow{margin-top:-80px}#flow dd,#flow dl{width:100%}#flow dl{padding:20px}#flow .wrapper{padding-top:40px}#campaign{background-image:url(../img/campaign-background-sp.png)}#campaign .container:after{display:none}#campaign .campaign-catch{font-size:1.8rem}.campaign-table td,.campaign-table th,.campaign-table tr{display:block}.campaign-table tr{padding-left:0;width:100%}.campaign-table th{width:88%}.campaign-table td{padding:20px}#campaign .campaign-table{font-size:1.8rem;width:100%}.campaign-table .campaign-date{font-size:2.6rem}#contact .section-contact{display:block;padding-bottom:20px;width:100%}#contact .container{margin:0 auto;padding:0 30px}.contact .container{color:#fff;margin-bottom:40px;padding:40px 0}#contact .section-contact div{margin:0 auto;width:100%}#contact a{border-bottom:none;display:block;height:96px;padding:15px 0 0 65px}#contact .request a{border-bottom:1px solid #c9c9c9}#contact .inquiry{padding-top:30px}#contact dt{font-size:1.8rem;font-weight:600;margin-bottom:10px;text-align:left}#contact dd{font-size:1rem;line-height:1.6;text-align:left}.request a{background:url(../img/ico-request.png) no-repeat left 10px;background-size:50px 50px}.inquiry a{background:url(../img/ico-inquiry.png) no-repeat left 10px;background-size:50px 50px}footer p{font-size:1rem;text-align:center}}@media screen and (max-width:767px) and (min-width:576px){#main #mainimg img{height:200px}#campaign .container:after{width:70%}}@media screen and (max-width:450px){.sponly{display:block}#main #mainimg img:first-of-type,#main #mainimg img:last-of-type{top:500px}}