﻿/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}img{vertical-align:top}html{height:100%}body{display:flex;flex-direction:column;min-height:100%;margin:0;font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'Yu Gothic', YuGothic, 'MS PGothic', Osaka, arial, sans-serif;font-size:16px;color:#151515}hr{margin-bottom:12px}.container{background-color:#f5f5f5;line-height:1.5}header{width:100%;background-color:#00b7c2;text-align:center;padding:16px}main{padding:24px 0 64px;background-color:#f5f5f5}section{margin:0 auto;padding:16px 24px 40px;max-width:640px;background-color:#ffffff}footer{width:100%;margin-top:auto;padding:16px;background-color:#f4f4f1;text-align:center}a,a:visited{font-weight:bold;text-decoration:underline}.btn:visited{color:#fff}a:hover,a:active{color:#00929b;text-decoration:none}p{margin-top:8px}.inner{margin:0 auto;padding:8px 120px 40px;width:750px;background-color:#f4f4f1}.title1{margin-top:24px;font-size:36px}.title2{margin:40px 0 16px;font-size:32px}.title3{margin:32px 0 8px;font-size:24px}.title_appeal{font-size:20px;margin-top:0}.title_form{margin-top:24px;font-size:20px;font-weight:bold;padding-left:8px;border-left:#00b7c2 6px solid}.notice{font-size:14px;color:#999;text-indent:-1em;margin-left:1em}input{display:block;width:100%;outline:none;border:2px solid #cccbc6;border-radius:8px;margin-top:8px;padding:20px 24px;background-color:#fff;font-size:16px;color:#222}input::placeholder{color:#cccbc6}input:-ms-input-placeholder{color:#cccbc6}input::-ms-input-placeholder{color:#cccbc6}select::-ms-expand{display:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;outline:none;border:2px solid #cccbc6;border-radius:8px;margin-top:8px;padding:20px 48px 20px 24px;background-color:#fff;font-size:16px;color:#222;background-image:url(/assets/icon_arrow-a19ce3817bf0583893fe6c900597115a58446f6a9b35e6bd8a3239025f09bd63.svg);background-repeat:no-repeat;background-size:16px;background-position:right 16px center}button{cursor:pointer;outline:none}.field_with_errors>input{border:2px solid #ff8b8b;background-color:#ffebeb}.errortext{color:#ff0000}.btn,.btn__emph{display:block;max-width:400px;border-radius:50px;margin:40px auto 0;padding:16px 24px;text-align:center;text-decoration:none;line-height:1.2;font-size:20px;font-weight:bold;color:#fff;border:none;-moz-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.15);-webkit-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.15);-ms-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.15);box-shadow:0px 4px 0px 0px rgba(0,0,0,0.15)}.inner .btn,.inner .btn__emph{width:90%}.btn{background-color:#00b7c2}.btn:hover{color:#fff;background-color:#00929b}.btn__emph{background-color:#ffb800}.btn__emph:hover{color:#fff;background-color:#e7a600}.btn__emph span{font-size:16px}.btn__fav,.btn__favactive{border-radius:20px;margin:8px 8px 8px 0;padding:4px 16px;text-align:center;text-decoration:none;line-height:1.2;font-size:16px;font-weight:bold;cursor:pointer}.btn__fav{color:#aaa;border:1px solid #ccc;background-color:#fff}.btn__favactive{color:#fff;border:1px solid #ffb800;background-color:#ffb800}.btn__delete{border-radius:4px;margin:0 8px 0 0;padding:8px 8px 10px;border:2px solid #aaa;background-color:#fff}.btn__delete div{content:"";width:14px;height:8px;border-left:3px solid #ddd;border-bottom:3px solid #ddd;transform:rotate(-45deg)}.active{border-radius:4px;margin:0 8px 0 0;padding:8px 8px 10px;border:2px solid #00b7c2;background-color:#00b7c2}.btn__delete input[type="checkbox"]{display:none}footer ul{display:flex;justify-content:center;flex-wrap:wrap;margin-top:-16px;list-style:none;padding:0 0 16px}footer li{margin-top:16px;padding:0 16px}footer li+li{border-left:1px solid #cccbc6}footer a{font-size:12px;font-weight:normal;color:#666}footer a:hover{color:#999;text-decoration:none}.copyright{font-size:12px;color:#999}.input__login_mail{border-bottom:none;border-radius:8px 8px 0 0}.input__login_pass{margin-top:0;border-radius:0 0 8px 8px}.field{margin-top:8px;margin-bottom:-24px}.field input{display:inline-block;width:auto;margin-right:8px}.submenu{margin-left:auto}.submenu a+a{margin-left:16px;padding-left:16px;border-left:1px solid #cccbc6}.label_free,.label_paid{display:inline-block;font-size:13px;padding:4px 8px;vertical-align:middle}.label_free{background-color:#BFEDF0;color:#006469}.label_paid{background-color:#ffecbd;color:#c28b00}.appeal{margin-top:8px;padding:16px;background-color:#fff5dc;border:2px solid #ffb800;border-radius:8px}.title_appeal{color:#d49900;font-size:20px}.appeal .btn__emph{width:400px;margin:8px auto}.submitfield{display:flex;margin-top:24px}.submitfield input{flex:1;margin-top:0}.submitfield button{width:240px;margin:0 0 0 16px}.pagelist dl{display:flex;flex-wrap:wrap}.pagelist dl+dl{border-bottom:1px solid #cccbc6}.pagelist dt,.pagelist dd{padding:16px}.pagelist dt{flex:1}.participant{width:120px;text-align:center}.date{width:140px;color:#999;text-align:center}.pagelist .title{background-color:#f4f4f1;margin-bottom:8px}.pagelist .done{background-color:#f4f4f1}.done span{color:#999;font-size:13px;font-weight:bold;margin-right:8px}.title dt,.title dd{padding:8px 16px}.commentarea{padding-top:24px;background-color:#f4f4f1}.commentarea .title2{margin-top:0}#chat-index{margin-top:8px}#chat-index>dl>dd>a{text-decoration:none}.commentarea .title{background-color:#f4f4f1;margin-bottom:8px;padding:8px 16px}.commentarea dl{display:flex;border-bottom:1px solid #cccbc6}.commentarea dt{flex:1;word-break:break-word;padding:8px 0}.commentarea dd{text-align:right}.commentarea span{display:inline-block;width:auto}.favorite{color:#ffb800;font-weight:bold;padding:8px}dl .commentnone{color:#f4f4f1}#comprehension{margin-top:24px;padding:8px;font-weight:bold;text-align:center}#comprehension .figure{font-size:40px;margin-top:0}.level0{color:#ba426c;background-color:#ffc9dc}.level1{color:#bf4e35;background-color:#ffd3c9}.level2{color:#9b8c05;background-color:#fff9be}.level3{color:#6d8b1b;background-color:#eeffbf}.level4{color:#0e9069;background-color:#c9ffde}.level5{color:#00878f;background-color:#b9fbff}.graph{position:relative;width:100%;height:240px;overflow:hidden;margin:0}#lesson_start{font-weight:bold;margin-top:24px}.label__finish{display:inline-block;padding:4px 8px;font-size:13px;font-weight:bold;color:#999;background-color:#f4f4f1;vertical-align:top}.margin40{margin-top:40px}.center{display:block;text-align:center}.right{text-align:right}.bold{font-weight:bold}.flex{display:flex;flex-wrap:wrap}.recipient{background-color:#f4f4f1}.jadge{text-align:center}.jadge img{margin-bottom:4px}.jadge .ok,.jadge .no,.jadge .ok_off,.jadge .no_off{display:inline-block;width:300px;border-radius:16px;margin:24px auto 0;padding:16px 8px;text-align:center;text-decoration:none;line-height:1.5;font-size:16px;font-weight:bold;border:none}.jadge .ok,.jadge .no{color:#fff;background-color:#00b7c2}.jadge .ok_off,.jadge .no_off{color:#999;background-color:#f4f4f1;border:2px solid #ccc;-moz-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.08);-webkit-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.08);-ms-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.08);box-shadow:0px 4px 0px 0px rgba(0,0,0,0.08)}.jadge .no,.jadge .no_off{margin-left:16px}.jadge .ok_off:hover,.jadge .no_off:hover{background-color:#dbf3f4}.notfound{margin:64px auto -170px;padding-bottom:0}.review_reportro{margin-top:64px}#price .flex_container{display:flex;justify-content:space-around}#price .flex_item{background:#ffffff;flex-basis:45%;text-align:center;border-radius:8px;-moz-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.15);-webkit-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.15);-ms-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.15);box-shadow:0px 4px 0px 0px rgba(0,0,0,0.15)}#price .flex_item dd{padding-top:4px}#price .flex_item .title{position:relative;background-color:#BFEDF0;padding:8px;border-radius:8px 8px 0 0}#price .flex_item .title .appeal{position:absolute;top:-20px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);display:block;width:150px;background-color:#FFF500;border-radius:50px;padding:4px}#price .flex_item .title dt,#price .flex_item .contents_1 dd{font-size:20px;font-weight:bold;padding:8px}#price .flex_item .contents_1 .notice{font-size:14px;font-weight:normal}#price .flex_item .contents_1{padding:16px}.contents_1+.contents_1{border-top:1px solid #cdcdcd}@media screen and (max-width: 750px){main{padding:0}.inner{width:100%;padding:8px 16px 40px}.title1{font-size:22px}.title2{font-size:20px}.title3{font-size:18px}.appeal{padding:8px}.title_appeal{font-size:18px}.appeal .btn__emph{width:100%}.submitfield{display:block}.submitfield button{width:90%;margin:16px auto 0}.pagelist dl,.commentarea dl{display:block;padding:8px 0}.pagelist .date{display:inline-block;width:100%;text-align:right;padding:0}.pagelist .participant{display:none}.title .participant,.title .date{display:none}.pagelist dt,.commentarea dt{padding:0}.pagelist .title,.commentarea .title{padding:8px}.pagelist .done{padding:0 8px}.commentarea .date{display:inline;text-align:right;padding:0}.jadge .ok,.jadge .no,.jadge .ok_off,.jadge .no_off{display:inline-block;width:47%}.jadge .no,.jadge .no_off{margin-left:8px}.notfound{margin-top:40px}.notfound h1{width:200px;margin:0 auto}#price .flex_item{flex-basis:50%;margin:0 8px}}#table1 tr{border-bottom:1px solid #b5b1b1;text-align:left}#table1 th,#table1 td{padding:24px 0;border:none}#table1 th{width:30%}#user_agreement_terms{display:inline;width:auto}@media only screen and (max-width: 480px){#table1 th,#table1 td{width:100%;display:block}#table1 th{width:100%}#table1 td{padding-top:0}.video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video iframe{position:absolute;top:0;left:0;width:100%;height:100%}}.apply_btn{background-color:#ff4500;color:white;padding:1em 2em;text-decoration:none;font-size:1.2em;font-weight:bold;border-radius:8px;display:inline-block}.apply_btn:hover{background-color:#ef4302;color:white;text-decoration:none}.yello-marker{margin:auto;background:linear-gradient(transparent 70%, #FFE500 70%);margin-bottom:16px}.blur-overlay{position:relative;max-height:600px;overflow:hidden}.blur-content{filter:blur(6px);pointer-events:none}.blur-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.6);display:flex;justify-content:center;align-items:center;text-align:center;z-index:10;cursor:pointer}.blur-mask:hover{background-color:rgba(255,255,255,0.8)}.blur-mask span{font-weight:bold;color:#333;background:white;padding:10px 20px;border-radius:8px;border:1px solid #ccc}
