body#Step1{color:#299fbd}#Step1 #button,#Step1 #button .btn,#Step1 #contents,#Step1 #slide p.visual-text,#Step1 header{background-color:#299fbd}#Step1 #slide p.tonedown,#Step1 #slide p.tonedown .underline,#Step1 #slide p.tonedown .underline span{color:#207a91}body#Step2{color:#48807a}#Step2 #button,#Step2 #button .btn,#Step2 #contents,#Step2 #slide p.visual-text,#Step2 header{background-color:#48807a}#Step2 #slide p.tonedown,#Step2 #slide p.tonedown .underline,#Step2 #slide p.tonedown .underline span{color:#3c6b66}body#Step3{color:#d17d7d}#Step3 #button,#Step3 #button .btn,#Step3 #contents,#Step3 #slide p.visual-text,#Step3 header{background-color:#d17d7d}#Step3 #slide p.tonedown{color:#b26b6b}body#Step4{color:#a1a0a0}#Step4 #button,#Step4 #button .btn,#Step4 #contents,#Step4 #slide p.visual-text,#Step4 header{background-color:#a1a0a0}header h1.unit-title.next-unit{padding-left:0;font-weight:500}header .unit-icon{display:none}div.japanese-translation div.notes{border-radius:10px;border-style:dotted;border-width:2px;margin-top:2.5em}div.japanese-translation div.notes dd,div.japanese-translation div.notes dl,div.japanese-translation div.notes dt{box-sizing:border-boxbor}div.japanese-translation div.notes dd,div.japanese-translation div.notes dt{margin:0;padding:5px 0}div.japanese-translation div.notes dl{margin:0;font-size:14px}div.japanese-translation div.notes dt{float:left;clear:left;width:3em}div.japanese-translation div.notes dd{margin-left:3em;width:auto}div.japanese-translation p{text-align:left;font-size:3.18vw;line-height:1.4}div.japanese-translation p span.notes-number{padding-left:.5em;font-size:3.18vw;font-weight:700}#Step1 div.japanese-translation div.notes,#Step1 div.japanese-translation p span.notes-number{color:#256d8f;border-color:#299fbd}#Step2 div.japanese-translation div.notes,#Step2 div.japanese-translation p span.notes-number{color:#345955;border-color:#48807a}div.japanese-translation em{text-decoration:underline;font-style:normal}div.japanese-translation div.notes dl,div.japanese-translation p,div.japanese-translation p span.notes-number,div.overlay p{font-size:16px}div.japanese-translation div.notes dl{display:block}div.japanese-translation div.notes dl:after{display:block}div.japanese-translation div.notes{padding:10px}div.japanese-translation p span{font-size:22px;opacity:.6}#button{display:flex;align-items:center;z-index:100;bottom:0;height:130px;width:1024px}#button .btn-group{margin:0 auto}#button .btn{height:auto;width:auto;margin:0 20px;color:#fff;border-radius:100px;padding:0;box-shadow:none;background:0 0}#button .btn a{color:#fff}#button img.control-btn{width:80px}#button .btn_next,#button .btn_unit{height:50px}.btn.btn-link:hover{opacity:1}.point-title{text-align:center;font-size:30px;font-weight:700}#Step1 .point-text a,#Step1 .point-title{color:#299fbd}#Step2 .point-text a,#Step2 .point-title{color:#48807a}.point-text{background-color:rgb(255 255 255 / .8);color:#505050;width:77%;margin:0 auto;padding:50px 60px;height:calc(100vh - 200px);text-align:left;overflow:auto;overflow-scrolling:touch;-webkit-overflow-scrolling:touch}#Step1 .point-text a,#Step2 .point-text a{text-decoration:underline}#Step1 .point-text h2,#Step1 .point-text h3,#Step1 .point-text h4{border-color:#299fbd}#Step2 .point-text h2,#Step2 .point-text h3,#Step2 .point-text h4{border-color:#48807a}.point-text blockquote,.point-text blockquote p,.point-text dl,.point-text h2,.point-text h3,.point-text h4,.point-text h5,.point-text h6,.point-text ol,.point-text p,.point-text table,.point-text ul{font-size:20px}.point-text h2{font-weight:700;margin:.6em 0 0;line-height:1.5;padding:12px 8px 10px;border-top:2px solid;border-bottom:2px solid}.point-text h2:first-child{margin-top:0}.point-text h3{font-weight:700;margin:1em 0 0;line-height:1.5;padding:12px 8px 10px;border-top:1px solid;border-bottom:1px solid}.point-text h4{margin:1em 0 0;line-height:1.5;font-weight:700;padding:12px 8px 8px;border-top:1px dashed;border-bottom:1px dashed}.point-text h5{font-weight:700;line-height:1.5;margin:0 0 .5em;position:relative;padding-top:1em;padding-left:30px}.point-text h5:before{content:"◆";position:absolute;left:0;top:1em;width:25px;height:25px}#Step1 .point-text h5:before{color:#299fbd}#Step2 .point-text h5:before{color:#48807a}.point-text .material-icons{font-size:inherit;line-height:inherit}#Step1 .point-text h5:before{border-color:#299fbd}#Step2 .point-text h5:before{border-color:#48807a}.point-text h6{font-weight:700;margin:1em 0 .5em;line-height:1.5}.point-text p{padding-top:.4em;margin:0;line-height:1.5}.point-text strong{font-weight:600}.point-text em{font-style:normal;opacity:.8;font-size:.9em}.point-text a{color:#3f9998;text-decoration:underline}.point-text a:hover{opacity:.6}.point-text blockquote,.point-text dl,.point-text ol,.point-text ul{margin:0 0 .8em}.point-text ul{list-style-type:circle;padding:.8em 0 0 1.5em}.point-text ul li{list-style-type:inherit}.point-text ol{padding:.8em 0 0 1.2em}.point-text ol li,.point-text ul li{margin-bottom:.4em}.point-text dl{display:block}.point-text dd,.point-text dt{width:100%}.point-text dd{margin:0 0 .2em;padding-left:1em}.point-text dt{margin-bottom:.2em;padding-top:.4em;font-weight:600}.point-text blockquote{border:none;padding:5px 20px;position:relative;display:inline-block}.point-text blockquote:before{content:"";position:absolute;top:50%;left:0;width:30px;height:100%;border-radius:50%;border:2px solid #a1c7ce;border-top-color:#fff0;border-right-color:#fff0;border-bottom-color:#fff0;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.point-text blockquote:after{content:"";position:absolute;top:50%;right:0;width:30px;height:100%;border-radius:50%;border:2px solid #a1c7ce;border-top-color:#fff0;border-left-color:#fff0;border-bottom-color:#fff0;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.point-text blockquote p{font-size:.9em;padding:.2em 0;opacity:.8}.point-text mark{color:#e65d22;background:0 0;padding:0}.point-text table td,.point-text table th{padding:5px 5px 2px 5px}.more table td{text-align:center}.arrow_box{position:absolute;left:50%;margin-left:-135px;top:-60px;background:#e88b8b;border:1px solid #e88b8b;border-radius:8px;padding:14px;width:270px;color:#fff;z-index:999;font-size:18px}.arrow_box:after,.arrow_box:before{top:100%;left:50%;border:solid #fff0;content:" ";height:0;width:0;position:absolute;pointer-events:none}.arrow_box:after{border-color:#fff0;border-top-color:#e88b8b;border-width:8px;margin-left:-8px}.arrow_box:before{border-color:#fff0;border-top-color:#e88b8b;border-width:11px;margin-left:-11px}#Cover.test .point-text{background-color:#fff;padding:50px}#Cover.test .point-text p{font-size:16px;margin-bottom:1.5em;padding:0}#Cover.test .point-text h2{border:none;color:#0e83a3;font-size:24px;margin:40px 0 20px;padding:0;text-align:center}#Cover.test .point-text h3{border:none;color:#0e83a3;font-size:16px;margin:20px 0 10px;padding:0}#Cover.test .point-text ol,#Cover.test .point-text ul{font-size:16px;list-style-type:none;padding:0 0 0 1.3em}#Cover.test .point-text ol li img{display:block;margin:10px auto 40px;max-width:80%}#Cover.test .point-text section#button{background-color:#d07d7d;padding:20px;position:relative;width:100%}#Cover.test .point-text .collapsible li{margin-bottom:0}#Cover.test .point-text .collapsible-header{border-bottom:none;border-top:1px solid #c8e6e5;color:#7ebdbc;font-size:22px;padding:19px 20px 20px}#Cover.test .point-text .collapsible-header .btn-edit{color:#7ebdbc}#Cover.test .point-text .collapsible-header.active .btn-edit{background-color:#7ebdbc;color:#fff}#Cover.test .point-text .collapsible-body{padding:20px;border-bottom:none;border-top:none}#Cover.test .point-text .btn{border-style:solid;border-width:2px;color:#fff;text-decoration:none}#Cover.test .point-text .check-icon{display:block;width:70px;height:70px;margin:5px auto}#Cover.test .point-text .ico_mic{display:inline-block;height:22px;width:auto;margin:0 5px}#Cover.test .point-text .ico_reload{display:inline-block;height:18px;width:auto;margin:0 5px}#Cover.test .point-text .round-box{border:1px solid #e6e6e6}#Cover.test .point-text .round-box .btn{border:none}#Cover.test .point-text .browser-wrapper{display:flex;justify-content:flex-start}#Cover.test .point-text .browser-wrapper img{width:100px;height:100px}#Cover.test .point-text .browser-wrapper .text-box{text-align:left;margin-left:20px}#Cover.test .point-text .browser-wrapper .text-box h4{border:none;color:#4d4d4d;margin:.5em 0;padding:0}@media screen and (max-width:1023px){#button{width:800px}}@media screen and (max-height:1230px){.arrow_box{top:-60px}}@media screen and (max-height:1079px){#button{height:110px}#button img.control-btn{width:60px}.point-text{height:calc(100vh - 166px)}}@media screen and (max-height:799px){#button{width:800px;height:70px}#button img.control-btn{width:45px}#button .btn_next,#button .btn_unit{height:40px}#point-text-container{max-height:393px}.point-text{height:calc(100vh - 118px)}.arrow_box{top:-60px}}@media screen and (max-height:630px){.point-text{height:calc(100vh - 110px)}}@media screen and (max-width:800px){header .unit-icon img{width:38px;height:38px;margin-right:.5em}div.japanese-translation{width:100%;padding:35px 5.875%}div.japanese-translation div.notes{padding-left:1.417%;padding-right:1.417%}div.japanese-translation div.notes dl,div.japanese-translation p,div.japanese-translation p span.notes-number,div.overlay p{font-size:2.05vw;line-height:1.6}div.japanese-translation div.notes dd,div.japanese-translation div.notes dt{padding:.272em 0}div.japanese-translation p span{font-size:2.875vw}#button{width:100%}#button img.control-btn{width:calc(40px + ((1vw - 3.21px) * 4.1667))}#button .btn_next,#button .btn_unit{height:calc(32px + ((1vw - 3.21px) * 3.3333))}.point-text{width:85%;padding:35px 7.5%;margin-bottom:0}.point-title{font-size:3.5vw}.point-text h2,.point-text h3,.point-text h4{padding-left:1%;padding-right:1%}.point-text blockquote,.point-text blockquote p,.point-text dl,.point-text h2,.point-text h3,.point-text h4,.point-text h5,.point-text h6,.point-text ol,.point-text p,.point-text table,.point-text ul{font-size:2.6vw}.point-text h5{padding-left:25px}.point-text h5:before{width:20px;height:20px}#Cover.test .point-text{padding:40px 30px}#Cover.test .point-text h2{font-size:20px;margin:35px 0 15px}#Cover.test .point-text h3,#Cover.test .point-text ol,#Cover.test .point-text p,#Cover.test .point-text ul{font-size:14px}#Cover.test .point-text .collapsible-header{font-size:18px}#Cover.test .point-text .browser-wrapper img{width:70px;height:70px}}@media screen and (max-width:599px){header .ico_header_help{height:24px}#button{height:110px}.point-text{height:calc(100vh - 166px)}.point-title{font-size:3.67vw}.point-text blockquote,.point-text blockquote p,.point-text dl,.point-text h2,.point-text h3,.point-text h4,.point-text h5,.point-text h6,.point-text ol,.point-text p,.point-text table,.point-text ul{font-size:3vw}#Cover.test .point-text{padding:20px 4.175%}#Cover.test .point-text h2{font-size:18px}#Cover.test .point-text .collapsible-header{font-size:16px;padding-left:0;padding-right:0}}@media screen and (max-width:480px){header .unit-icon img{width:32px;height:32px;margin-right:0}header h1.unit-title{display:none}header h1.unit-title.next-unit{display:block}header .ico_header_help{height:20px}div.japanese-translation{padding:20px}div.japanese-translation div.notes dl,div.japanese-translation p,div.japanese-translation p span.notes-number,div.overlay p{font-size:3.18vw;line-height:1.6}div.japanese-translation p span{font-size:4.45vw}#button{height:90px}.point-title{font-size:4.833vw;margin:8px 0}.point-text{width:90%;height:calc(100vh - 146px);padding:10px 4%}.point-text blockquote,.point-text blockquote p,.point-text dl,.point-text h2,.point-text h3,.point-text h4,.point-text h5,.point-text h6,.point-text ol,.point-text p,.point-text table,.point-text ul{font-size:3.54vw;font-size:3.85vw}.point-text p{line-height:1.7}.arrow_box{width:230px;margin-left:-115px;top:-70px}}@media screen and (max-width:400px){.point-text blockquote,.point-text blockquote p,.point-text dl,.point-text h2,.point-text h3,.point-text h4,.point-text h5,.point-text h6,.point-text ol,.point-text p,.point-text table,.point-text ul{font-size:4.24vw}}@media screen and (max-width:375px){div.japanese-translation{padding:15px}.arrow_box{top:-60px}}@media screen and (max-width:320px){#button{height:70px}#button img.control-btn{width:40px}#button .btn_next,#button .btn_unit{height:32px}.point-text{height:calc(100vh - 126px)}.point-title{font-size:16px;margin:8px 0}.point-text blockquote,.point-text blockquote p,.point-text dl,.point-text h2,.point-text h3,.point-text h4,.point-text h5,.point-text h6,.point-text ol,.point-text p,.point-text table,.point-text ul{font-size:14px}}