@charset "UTF-8";#ordersComplete{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center}#ordersComplete .ordersComplete-content{width:100%;max-width:1230px}#ordersComplete .ordersComplete-content-title{width:100%;border:2px solid #142c7e;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 0 14.3px #00000080}#ordersComplete .ordersComplete-content-title-id{width:100%;font-size:4rem;font-weight:900;color:#fff;background-color:#142c7e;display:flex;justify-content:center;align-items:center;border-radius:15px 15px 0 0;padding:15px 0}#ordersComplete .ordersComplete-content-title-text{font-size:3.2rem;font-weight:400;color:#000;text-align:center;padding:20px;line-height:48px}#ordersComplete .ordersComplete-content-title-a{padding-bottom:40px}#ordersComplete .ordersComplete-content-title-a button{font-size:3.2rem;font-weight:900;display:flex;align-items:center;padding:15px 40px;border-radius:20px}#ordersComplete .ordersComplete-content-title-a img{width:24px}@media screen and (max-width: 800px){#ordersComplete .ordersComplete-content-title-id{font-size:3.2rem}#ordersComplete .ordersComplete-content-title-text{font-size:2.4rem;line-height:36px}#ordersComplete .ordersComplete-content-title-a{padding-bottom:40px}#ordersComplete .ordersComplete-content-title-a button{font-size:2.4rem}}@media screen and (max-width: 600px){#ordersComplete .ordersComplete-content-title-id{font-size:1.8rem}#ordersComplete .ordersComplete-content-title-text{font-size:1.4rem;line-height:21px;padding:0}#ordersComplete .ordersComplete-content-title-a{padding-bottom:20px}#ordersComplete .ordersComplete-content-title-a button{font-size:2rem;padding:5px 15px}#ordersComplete .ordersComplete-content-title-a img{width:16px}}#ordersComplete .ordersComplete-hint{width:100%;max-width:1230px;padding:30px 0;display:flex;flex-direction:column;gap:10px}#ordersComplete .ordersComplete-hint-text{font-size:3.2rem;font-weight:400;line-height:48px;display:flex;align-items:center;position:relative;padding-left:30px}#ordersComplete .ordersComplete-hint-text .hint-arrow{position:relative;padding-left:26px;margin:8px 0;line-height:1.6}#ordersComplete .ordersComplete-hint-text .hint-arrow:before{content:"";position:absolute;top:.4em;left:0;width:20px;height:20px;background-image:url(/images/icon/arrow.webp);background-size:contain;background-repeat:no-repeat}#ordersComplete .ordersComplete-hint-text a{color:#142c7e;text-decoration:underline}@media screen and (max-width: 900px){#ordersComplete .ordersComplete-hint-text{font-size:2.4rem;line-height:36px}}@media screen and (max-width: 640px){#ordersComplete .ordersComplete-hint-text{font-size:1.8rem;line-height:24px}#ordersComplete .ordersComplete-hint-text img{width:15px}}@media screen and (max-width: 575px){#ordersComplete .ordersComplete-hint-text{font-size:1.4rem;line-height:16px;padding-left:10px}#ordersComplete .ordersComplete-hint-text img{width:7px;top:5px}}#ordersComplete .ordersComplete-teaching{width:100%;max-width:1680px;box-shadow:0 0 25px #00000040;border-radius:0 20px 20px;margin-top:250px;padding:50px 80px;z-index:2;position:relative}#ordersComplete .ordersComplete-teaching-button{position:absolute;top:-140px;left:0;display:flex;gap:30px}#ordersComplete .ordersComplete-teaching-button button{background-color:#142c7e;color:#fff;font-size:4rem;font-weight:700;padding:10px 15px;border:none;border-radius:20px 20px 0 0;width:400px;height:140px;cursor:pointer;position:relative;text-align:center;transition:all .3s ease-in-out;transform-origin:bottom}#ordersComplete .ordersComplete-teaching-button button:hover,#ordersComplete .ordersComplete-teaching-button button.active{height:180px;background-color:#fff;color:#142c7e;transform:translateY(-40px);box-shadow:0 -10px 25px -10px #00000040}#ordersComplete .ordersComplete-teaching-button button:hover:before,#ordersComplete .ordersComplete-teaching-button button.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:70%;height:18px;background-color:#142c7e}#ordersComplete .ordersComplete-teaching-confirm-title,#ordersComplete .ordersComplete-teaching-use-title{font-size:4rem;font-weight:900;color:#142c7e}#ordersComplete .ordersComplete-teaching-confirm-content,#ordersComplete .ordersComplete-teaching-use-content{padding:50px 0;display:flex;flex-direction:column;gap:10px}#ordersComplete .ordersComplete-teaching-confirm-content-text,#ordersComplete .ordersComplete-teaching-use-content-text{font-size:3.2rem;font-weight:400;display:flex;align-items:center;position:relative;padding-left:50px}#ordersComplete .ordersComplete-teaching-confirm-content-text img,#ordersComplete .ordersComplete-teaching-use-content-text img{width:45px;padding-right:10px;position:absolute;left:0;top:0}#ordersComplete .ordersComplete-teaching-confirm-content-text a,#ordersComplete .ordersComplete-teaching-use-content-text a{color:#142c7e;text-decoration:underline}#ordersComplete .ordersComplete-teaching-confirm-content-text span,#ordersComplete .ordersComplete-teaching-use-content-text span{font-weight:700}#ordersComplete .ordersComplete-teaching-confirm .hint,#ordersComplete .ordersComplete-teaching-use .hint{width:100%}#ordersComplete .ordersComplete-teaching-confirm .hint-mobile,#ordersComplete .ordersComplete-teaching-use .hint-mobile{display:none}@media screen and (max-width: 575px){#ordersComplete .ordersComplete-teaching-confirm .hint-pc,#ordersComplete .ordersComplete-teaching-use .hint-pc{display:none}#ordersComplete .ordersComplete-teaching-confirm .hint-mobile,#ordersComplete .ordersComplete-teaching-use .hint-mobile{display:block}}#ordersComplete .ordersComplete-teaching-confirm-remark,#ordersComplete .ordersComplete-teaching-use-remark{display:flex;justify-content:center;padding-top:100px;font-size:2.4rem;font-weight:400}#ordersComplete .ordersComplete-teaching-confirm-remark p,#ordersComplete .ordersComplete-teaching-use-remark p{text-align:center}#ordersComplete .ordersComplete-teaching-confirm-remark a,#ordersComplete .ordersComplete-teaching-use-remark a{color:#142c7e;text-decoration:underline}#ordersComplete .ordersComplete-teaching-content{display:none}#ordersComplete .ordersComplete-teaching-content.active{display:block}@media screen and (max-width: 1000px){#ordersComplete .ordersComplete-teaching{margin-top:150px;padding:50px}#ordersComplete .ordersComplete-teaching-button{top:-100px}#ordersComplete .ordersComplete-teaching-button button{font-size:3.2rem;width:300px;height:100px}#ordersComplete .ordersComplete-teaching-button button:hover,#ordersComplete .ordersComplete-teaching-button button.active{height:140px}#ordersComplete .ordersComplete-teaching-button button:hover:before,#ordersComplete .ordersComplete-teaching-button button.active:before{height:10px}#ordersComplete .ordersComplete-teaching-confirm-title,#ordersComplete .ordersComplete-teaching-use-title{font-size:3.2rem}#ordersComplete .ordersComplete-teaching-confirm-content-text,#ordersComplete .ordersComplete-teaching-use-content-text{font-size:2.4rem;padding-left:35px}#ordersComplete .ordersComplete-teaching-confirm-content-text img,#ordersComplete .ordersComplete-teaching-use-content-text img{width:35px}#ordersComplete .ordersComplete-teaching-confirm-remark,#ordersComplete .ordersComplete-teaching-use-remark{font-size:1.8rem}}@media screen and (max-width: 720px){#ordersComplete .ordersComplete-teaching{margin-top:120px}#ordersComplete .ordersComplete-teaching-button{top:-70px;gap:10px}#ordersComplete .ordersComplete-teaching-button button{font-size:2.4rem;width:200px;height:70px}#ordersComplete .ordersComplete-teaching-button button:hover,#ordersComplete .ordersComplete-teaching-button button.active{height:110px}#ordersComplete .ordersComplete-teaching-button button:hover:before,#ordersComplete .ordersComplete-teaching-button button.active:before{height:8px}#ordersComplete .ordersComplete-teaching-confirm-title,#ordersComplete .ordersComplete-teaching-use-title{font-size:2.4rem}#ordersComplete .ordersComplete-teaching-confirm-content-text,#ordersComplete .ordersComplete-teaching-use-content-text{font-size:1.8rem;padding-left:30px}#ordersComplete .ordersComplete-teaching-confirm-content-text img,#ordersComplete .ordersComplete-teaching-use-content-text img{width:35px}#ordersComplete .ordersComplete-teaching-confirm-remark,#ordersComplete .ordersComplete-teaching-use-remark{font-size:1.4rem}}@media screen and (max-width: 575px){#ordersComplete .ordersComplete-teaching{margin-top:70px;padding:40px 20px}#ordersComplete .ordersComplete-teaching-button{top:-40px;gap:10px}#ordersComplete .ordersComplete-teaching-button button{font-size:1.4rem;border-radius:8px 8px 0 0;width:140px;height:40px}#ordersComplete .ordersComplete-teaching-button button:hover,#ordersComplete .ordersComplete-teaching-button button.active{height:60px;transform:translateY(-20px)}#ordersComplete .ordersComplete-teaching-button button:hover:before,#ordersComplete .ordersComplete-teaching-button button.active:before{height:5px}#ordersComplete .ordersComplete-teaching-confirm-title,#ordersComplete .ordersComplete-teaching-use-title{font-size:2.4rem}#ordersComplete .ordersComplete-teaching-confirm-content,#ordersComplete .ordersComplete-teaching-use-content{padding:20px 0}#ordersComplete .ordersComplete-teaching-confirm-content-text,#ordersComplete .ordersComplete-teaching-use-content-text{font-size:1.4rem;padding-left:10px}#ordersComplete .ordersComplete-teaching-confirm-content-text img,#ordersComplete .ordersComplete-teaching-use-content-text img{width:17px;top:5px}#ordersComplete .ordersComplete-teaching-confirm-remark,#ordersComplete .ordersComplete-teaching-use-remark{padding-top:50px;font-size:1.4rem}}#ordersComplete .tutorial-title{display:flex;align-items:center;gap:10px}#ordersComplete .tutorial-title img{width:40px}#ordersComplete .tutorial-title p{font-size:4.8rem;font-weight:700;color:#142c7e}@media screen and (max-width: 575px){#ordersComplete .tutorial-title img{width:20px}#ordersComplete .tutorial-title p{font-size:2.2rem}}