@charset "utf-8";.cf:after,.cf:before{display:table;content:""}.cf:after{clear:both}.cf{zoom:1}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}img{border:0px}a.img_hover:hover img{opacity:0.75;filter:alpha(opacity=75);-moz-opacity:0.75;-ms-filter:"alpha(opacity=75)"}a{color:#009;text-decoration:none}a:visited{color:#606}a:hover{color:#06c;text-decoration:underline}li,ol,ul{list-style:none}.m0{margin:0px!important}.mlr10{margin:0px 10px!important}.mb0{margin-bottom:0px!important}.mb05{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px!important}.mt0{margin-top:0px!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mr0{margin-right:0px!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr20{margin-right:20px!important}.mr30{margin-right:30px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.ml0{margin-left:0px!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml30{margin-left:30px!important}.ml40{margin-left:40px!important}.ml50{margin-left:50px!important}.pb0{padding-bottom:0px!important}.pb05{padding-bottom:05px!important}.pb10{padding-bottom:10px!important}.pb20{padding-bottom:20px!important}.pb30{padding-bottom:30px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.padding{padding:0px!important}.plr10{padding:0px 10px!important}.pt0{padding-top:0px!important}.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt20{padding-top:20px!important}.pt30{padding-top:30px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pr0{padding-right:0px!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr20{padding-right:20px!important}.pr30{padding-right:30px!important}.pr40{padding-right:40px!important}.pr50{padding-right:50px!important}.pl0{padding-left:0px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl20{padding-left:20px!important}.pl30{padding-left:30px!important}.pl40{padding-left:40px!important}.pl50{padding-left:50px!important}.tll{text-align:left}.tlc{text-align:center}.tlr{text-align:right}.fz10{font-size:10px}.fz12{font-size:12px}.fz14{font-size:14px}.fz16{font-size:16px}.fz18{font-size:18px}.fz20{font-size:20px}.fz24{font-size:24px}.flr{float:right}.fll{float:left}.w10{width:10%}.w20{width:20%}.w30{width:30%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w90{width:90%}.w100{width:100%}.inline-block{display:inline-block;*display:inline;*zoom:1}.fb{font-weight:bold}.trs{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease}.textOut{overflow:hidden;white-space:nowrap;font-size:12px;text-indent:100%}@media screen and (max-width:960px){#wrapper #main #content #mainarea #feature-data-box{padding:0 5px}#wrapper #main #content #mainarea #feature-data-box #feature-data{padding-top:10px}#wrapper #main #content #mainarea #content-inner .main-ttl .text-area{margin:-13% 20px 0}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123{max-width:650px;margin:0 auto 150px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-01{margin-right:0;margin-bottom:18%}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-01:after{top:55%;right:-70px;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-02{margin-right:0;margin-top:20%;float:right}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-02:after{top:90%;left:-78px;-webkit-transform:rotate(130deg);-ms-transform:rotate(130deg);transform:rotate(130deg)}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .agree,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .judge,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .opp{max-width:150px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .judge{left:calc(50% - 75px)}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 figure figcaption{padding:20px 20px 30px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area{padding:30px 20px 130px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area h3.left{float:none;margin-left:-20px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area figure.right{margin-top:-12%}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area figure.right figcaption{max-width:390px;top:34%;left:-90%}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area .qa-area{max-width:100%;margin-bottom:20px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area .img-area{margin:0 auto;float:none}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area .img-area figure{margin-left:10%}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area .img-area figure figcaption{left:280px;bottom:20%}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .qa-01{margin:-80px 0 30px}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body{padding:0 20px}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .col-area figure.right{float:none;margin:0 auto 20px}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .col-area .left{max-width:100%;margin-right:0;float:none;display:inline-block}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .col-area .left p:first-of-type{margin-bottom:15px}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .col-area .button{float:none;margin:30px auto 0;max-width:300px}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .sec-02-img{margin:0 -20px 30px 0}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .sec-02-img figcaption{left:-21%;top:45%}#wrapper #main #content #mainarea #content-inner #sec-03{margin:0 20px 40px}#wrapper #main #content #mainarea #content-inner #sec-04 .sec-body{padding:0 20px 40px}}@media screen and (max-width:767px){#wrapper #main{margin-top:50px}#wrapper #main #content #mainarea .button a{font-size:22px}#wrapper #main #content #mainarea .button a:hover{-webkit-transform:none;-ms-transform:none;transform:none}#wrapper #main #content #mainarea .button a:hover:after{right:15px}#wrapper #main #content #mainarea #content-inner{font-size:14px}#wrapper #main #content #mainarea #content-inner figure figcaption{font-size:12px;padding:10px}#wrapper #main #content #mainarea #content-inner .main-ttl .text-area .text-area-inner .text-area-title{max-width:190px}#wrapper #main #content #mainarea #content-inner .main-ttl .text-area .text-area-inner .button{max-width:240px;left:calc(50% - 120px)}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-header h2,#wrapper #main #content #mainarea #content-inner #sec-02 .sec-header h2{margin:0 -14%}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body{margin-top:20px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .whats-area .whats-area-title{max-width:300px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area:after{bottom:15%;background-size:650px;width:650px;height:650px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123{max-width:440px;margin:0 auto 90px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-01,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-02,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-03{float:none;margin:0 auto 10%}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-01 figure img,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-02 figure img,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-03 figure img{width:250px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-01 figure figcaption,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-02 figure figcaption,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-03 figure figcaption{top:58%;left:150px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-01:after,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-02:after{top:250px;left:95px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .button{padding-right:20px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .agree,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .judge,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .opp{max-width:120px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .judge{left:calc(50% - 60px)}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area{margin-bottom:20px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area figure.right{margin:-6% auto 0;float:none;padding-left:30%}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area figure.right figcaption{top:49%;left:0}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area h3.left{max-width:430px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area .img-area figure{margin:0 auto;max-width:465px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area .img-area figure img{max-width:330px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area .img-area figure figcaption{left:150px;bottom:10%}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .qa-01{margin:0 0 30px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .qa-01:after{right:-100px;background-size:350px 200px;width:350px;height:200px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .button{max-width:290px}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .col-area .button{max-width:260px;margin:20px auto 0}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .col-area figure.right{max-width:300px}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .col-area figure.right figcaption{left:calc(50% - 120px);width:240px}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .sec-02-img:before{top:-58%;background-size:302px 156px;width:302px;height:156px}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .sec-02-img figcaption{left:4%;top:50%}#wrapper #main #content #mainarea #content-inner #sec-03 .text-area-inner .text-area-title{max-width:400px}#wrapper #main #content #mainarea #content-inner #sec-03 .text-area-inner .button{max-width:240px}#wrapper #main #content #mainarea #content-inner #sec-04 .sec-header h2 .sub{max-width:110px}#wrapper #main #content #mainarea #content-inner #sec-04 .sec-header h2 .main{padding-top:20px}#wrapper #main #content #mainarea #content-inner #sec-04 .sec-header h2 .main img{max-width:280px}#wrapper #main #content #mainarea #content-inner #sec-04 .sec-body{padding:0 20px 30px}#wrapper #main #content #mainarea #content-inner #sec-04 .sec-body .event-table table tbody tr.footable-row-detail td .footable-row-detail-inner .footable-row-detail-row .footable-row-detail-name{width:40px}#wrapper #main #content #mainarea #content-inner #sec-04 .sec-body .button{max-width:240px;margin:20px auto 0}}@media screen and (max-width:479px){#wrapper #main{margin-top:0}#wrapper #main #content #mainarea #feature-data-box #feature-data .logo a img{max-width:240px;height:auto}#wrapper #main #content #mainarea .button a{font-size:20px;padding:6px 40px 6px 10px}#wrapper #main #content #mainarea .button a:after{width:28px;height:16px;top:calc(50% - 8px);right:10px;background-size:28px 16px}#wrapper #main #content #mainarea #content-inner .main-ttl .text-area{margin:-13% 0 0}#wrapper #main #content #mainarea #content-inner .main-ttl .text-area .text-area-inner{padding:10px 10px 30px}#wrapper #main #content #mainarea #content-inner .main-ttl .text-area .text-area-inner .text-area-title{max-width:160px;margin-bottom:10px}#wrapper #main #content #mainarea #content-inner .main-ttl .text-area .text-area-inner .button{max-width:204px;left:calc(50% - 102px);bottom:-22px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-header h2,#wrapper #main #content #mainarea #content-inner #sec-02 .sec-header h2{margin:0 -26%}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body{padding:0 10px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .whats-area{margin-bottom:20px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .whats-area .whats-area-title{max-width:270px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .whats-area .whats-area-content{padding:15px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-01 figure img,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-02 figure img,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-03 figure img{margin:0 auto;display:block;width:200px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-01 figure figcaption,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-02 figure figcaption,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-03 figure figcaption{top:70%;left:calc(50% - 145px)}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-01:after,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-02:after{left:calc(50% - 23px);background-size:46px 32px;width:46px;height:32px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-01{margin:0 auto 80px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-01:after{top:235px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-02{margin:0 auto 100px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-123 .flow-02:after{top:255px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .agree,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .judge,#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .opp{max-width:100px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .agree{left:5%}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .judge{left:calc(50% - 50px)}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .opp{right:5%}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 figure figcaption{padding:10px 20px 20px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .flow-area .flow-04 .button a:after{background-size:28px 16px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area{padding:30px 20px 100px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area h3.left{max-width:300px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area figure.right{margin:-20px auto;max-width:300px;padding-left:0;top:62%}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area figure.right figcaption{top:70%}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area .img-area figure img{max-width:240px;margin:0 auto;display:block}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .col-area .img-area figure figcaption{left:calc(50% - 150px);max-width:300px;bottom:0}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .qa-area{margin:0 0 20px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .qa-area dt{font-size:16px;padding-left:24px;margin-bottom:10px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .qa-area dt:before{background-size:18px 26px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .qa-area dd{margin:0 0 10px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .qa-area dd:last-of-type{margin:0}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .qa-01{margin:50px 0 20px}#wrapper #main #content #mainarea #content-inner #sec-01 .sec-body .student-qa-area .button{max-width:245px}#wrapper #main #content #mainarea #content-inner #sec-02{margin-top:-65px}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body{padding:20px 10px 0}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .col-area figure.right{max-width:260px}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .col-area .button{max-width:220px}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .sec-02-img{margin:0 -10px 70px}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .sec-02-img figcaption{left:auto;top:80%;right:0;width:290px}#wrapper #main #content #mainarea #content-inner #sec-02 .sec-body .sec-02-img:before{top:-98%;background-size:250px 130px;width:250px;height:130px}#wrapper #main #content #mainarea #content-inner #sec-03{margin:0 0 30px}#wrapper #main #content #mainarea #content-inner #sec-03 .text-area-inner{padding:10px 10px 20px}#wrapper #main #content #mainarea #content-inner #sec-03 .text-area-inner .text-area-content{margin-bottom:15px}#wrapper #main #content #mainarea #content-inner #sec-03 .text-area-inner .button{max-width:204px}#wrapper #main #content #mainarea #content-inner #sec-04 .sec-header h2 .sub{max-width:80px}#wrapper #main #content #mainarea #content-inner #sec-04 .sec-header h2 .main img{max-width:220px}#wrapper #main #content #mainarea #content-inner #sec-04 .sec-body{padding:0 10px 30px}#wrapper #main #content #mainarea #content-inner #sec-04 .sec-body .event-table{padding:20px 0 10px}#wrapper #main #content #mainarea #content-inner #sec-04 .sec-body .event-table table tbody tr td{font-size:14px}#wrapper #main #content #mainarea #content-inner #sec-04 .sec-body .button{max-width:200px}}