@media (min-width:835px){#contents .step{background:#fff;position:relative}#contents .step:after{content:"";display:block;width:100%;height:22px;background:#F5F5F5;position:absolute;left:0;bottom:0}#contents .step .steplist{width:95%;max-width:1100px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#contents .step .steplist li{width:31%;border-radius:10px 10px 0 0;padding:25px;text-align:center;font-weight:bold;font-size:1.8rem;line-height:1;color:#fff;-webkit-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out;position:relative}#contents .step .steplist li.active{border-radius:10px;padding:35px 25px;font-size:2rem;z-index:3}#contents .step .steplist li.active:after{content:"";display:block;border:10px solid transparent;position:absolute;left:50%;bottom:0;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}#contents .step .steplist li:not(.active){position:relative}#contents .step .steplist li:not(.active):hover{cursor:pointer;opacity:0.8}#contents .step .steplist li:not(.active):before{content:"";display:block;width:10px;height:10px;position:absolute;right:15px;top:50%;border-bottom:2px solid #fff;border-right:2px solid #fff;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}#contents .step .steplist li.start{background:#6AC1D6}#contents .step .steplist li.start:after{border-top:10px solid #6AC1D6}#contents .step .steplist li.operation{background:#8ABE38}#contents .step .steplist li.operation:after{border-top:10px solid #8ABE38}#contents .step .steplist li.advanced{background:#F49E29}#contents .step .steplist li.advanced:after{border-top:10px solid #F49E29}#contents .step .steplist li:not(.active):hover{cursor:pointer;opacity:0.8}#contents main+.step:after{top:0;bottom:auto}#contents main+.step .steplist{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#contents main+.step .steplist li:not(.active){border-radius:0 0 10px 10px}#contents main+.step .steplist li:not(.active):before{border:none;border-left:2px solid #fff;border-top:2px solid #fff}#contents main+.step .steplist li.active:after{top:0;bottom:auto;border-top:10px solid transparent;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}#contents main+.step .steplist li.active.start:after{border-bottom:10px solid #6AC1D6}#contents main+.step .steplist li.active.operation:after{border-bottom:10px solid #8ABE38}#contents main+.step .steplist li.active.advanced:after{border-bottom:10px solid #F49E29}body#flow main{padding-top:80px;padding-bottom:0}body#flow main .chapter{width:95%;max-width:1100px;margin:0 auto;padding-bottom:80px}body#flow main .chapter:not(.start){display:none}body#flow main .chapter h2{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:60px;padding-top:20px;position:relative}body#flow main .chapter h2:before{content:"";display:block;width:26rem;position:absolute;left:0;top:0}body#flow main .chapter h2 em{font-family:"Poppins",serif;font-weight:600;line-height:1;letter-spacing:0.2em;margin-right:20px;font-size:2.5rem}body#flow main .chapter h2 span{font-size:1.5rem}body#flow main .chapter .flowlist>li{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:35px}body#flow main .chapter .flowlist>li .root{width:120px;padding:20px;position:relative}body#flow main .chapter .flowlist>li .root:after{content:"";display:block;border:60px solid transparent;border-bottom-width:30px;position:absolute;left:0;bottom:-60px}body#flow main .chapter .flowlist>li .root .num span{display:block;text-align:center;font-family:"Poppins",serif;font-weight:600;line-height:1;letter-spacing:0.2em;font-size:1.6rem;color:#fff}body#flow main .chapter .flowlist>li .root .num em{display:block;width:40px;height:40px;background:#fff;border-radius:50%;margin:10px auto 0;text-align:center;font-family:"Roboto",sans-serif;line-height:1;letter-spacing:0.1em;font-size:2.2rem;line-height:40px;letter-spacing:0}body#flow main .chapter .flowlist>li .root .month{margin-top:10px;text-align:center;font-weight:bold;font-size:1.3rem;color:#fff}body#flow main .chapter .flowlist>li .details{width:calc(100% - 120px);padding:30px 0 30px 50px;position:relative}body#flow main .chapter .flowlist>li .details:before{content:"";display:block;width:35px;border-top:2px dotted #6AC1D6;position:absolute;left:0;top:49px}body#flow main .chapter .flowlist>li .details h3{font-size:2rem;color:#1E346F}body#flow main .chapter .flowlist>li .details .note{background:#fff;border-radius:10px;overflow:hidden;margin-top:20px;padding:25px 30px}body#flow main .chapter .flowlist>li .details .note .contactlist{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:30px}body#flow main .chapter .flowlist>li .details .note .contactlist li:not(:last-of-type){margin-right:20px}body#flow main .chapter .flowlist>li .details .note .contactlist li.tel a,body#flow main .chapter .flowlist>li .details .note .contactlist li.tel span{width:230px;display:block;height:45px;background:#6AC1D6;border-radius:22.5px;padding-left:4rem;text-align:center;font-family:"Roboto",sans-serif;line-height:1;letter-spacing:0.1em;font-weight:bold;font-size:1.9rem;line-height:45px;color:#fff;position:relative}body#flow main .chapter .flowlist>li .details .note .contactlist li.tel a:before,body#flow main .chapter .flowlist>li .details .note .contactlist li.tel span:before{content:"";display:block;width:35px;height:35px;background:#fff;border-radius:50%;position:absolute;left:1.5rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body#flow main .chapter .flowlist>li .details .note .contactlist li.tel a:after,body#flow main .chapter .flowlist>li .details .note .contactlist li.tel span:after{display:block;content:"\f095";font-family:"Font Awesome 5 Free";line-height:1;margin-right:0.5rem;font-weight:900;font-size:1.7rem;color:#1E346F;position:absolute;left:2.3rem;top:50%;-webkit-transform:translateY(-50%) rotate(100deg);transform:translateY(-50%) rotate(100deg)}body#flow main .chapter .flowlist>li .details .note .contactlist li.contact a{display:block;width:100%;max-width:230px;height:45px;border-radius:22.5em;padding:0 4rem 0 2rem;text-align:center;font-weight:bold;line-height:45px;color:#fff;position:relative;z-index:1;-webkit-transition:background 0.3s ease-out;transition:background 0.3s ease-out;-webkit-filter:none;filter:none;background:#F49E29}}@media (min-width:835px) and (max-width:414px){body#flow main .chapter .flowlist>li .details .note .contactlist li.contact a{max-width:none}}@media (min-width:835px){body#flow main .chapter .flowlist>li .details .note .contactlist li.contact a:before{content:"";display:block;width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media (min-width:835px){body#flow main .chapter .flowlist>li .details .note .contactlist li.contact a:after{content:"";display:block;width:11px;height:9px;background:url(/mg/wp-content/themes/japanskill_220613/assets/common/img/arrow.svg) center center/contain no-repeat;position:absolute;right:1.7rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;-webkit-filter:invert(63%) sepia(87%) saturate(530%) hue-rotate(340deg) brightness(99%) contrast(93%);filter:invert(63%) sepia(87%) saturate(530%) hue-rotate(340deg) brightness(99%) contrast(93%)}}@media (min-width:835px){body#flow main .chapter .flowlist>li .details .note .contactlist li.contact a:hover{opacity:1;background:#E84312}body#flow main .chapter .flowlist>li .details .note .contactlist li.contact a:hover:after{-webkit-filter:invert(66%) sepia(58%) saturate(5441%) hue-rotate(345deg) brightness(99%) contrast(93%);filter:invert(66%) sepia(58%) saturate(5441%) hue-rotate(345deg) brightness(99%) contrast(93%)}}@media (min-width:835px){body#flow main .chapter .period{margin-top:-4px;margin-left:170px;background:#1E346F;border-radius:10px;padding:20px 30px;font-weight:bold;font-size:2rem;color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:relative}body#flow main .chapter .period:before{content:"";display:block;width:110px;border-top:2px dotted #1E346F;position:absolute;left:0;top:50%;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}body#flow main .chapter .period span{font-size:1.6rem}}@media (min-width:835px){body#flow main .chapter.start{padding-bottom:60px}body#flow main .chapter.start h2:before{border-top:3px solid #6AC1D6}body#flow main .chapter.start h2 em{color:#6AC1D6}body#flow main .chapter.start h2 span{color:#1E346F}body#flow main .chapter.start .flowlist li:last-of-type .details{padding-bottom:60px}body#flow main .chapter.start .flowlist li .root{background:#6AC1D6}body#flow main .chapter.start .flowlist li .root:after{border-top:30px solid #6AC1D6}body#flow main .chapter.start .flowlist li .root .num em{color:#6AC1D6}}@media (min-width:835px){body#flow main .chapter.operation h2:before{border-top:3px solid #8ABE38}body#flow main .chapter.operation h2 em{color:#8ABE38}body#flow main .chapter.operation h2 span{color:#349616}body#flow main .chapter.operation .flowlist li .root{background:#8ABE38}body#flow main .chapter.operation .flowlist li .root:after{border-top:30px solid #8ABE38}body#flow main .chapter.operation .flowlist li .root .num em{color:#8ABE38}}@media (min-width:835px){body#flow main .chapter.advanced h2:before{border-top:3px solid #F49E29}body#flow main .chapter.advanced h2 em{color:#F49E29}body#flow main .chapter.advanced h2 span{color:#CC740D}body#flow main .chapter.advanced .flowlist li .root{background:#F49E29}body#flow main .chapter.advanced .flowlist li .root:after{border-top:30px solid #F49E29}body#flow main .chapter.advanced .flowlist li .root .num em{color:#F49E29}}@media (min-width:835px){#morecont{padding:80px 0}}@media (min-width:835px){#relatednav{background:#F5F5F5}}@media (max-width:834px){#contents .step{background:#fff;position:relative}#contents .step:after{content:"";display:block;width:100%;height:10px;background:#F5F5F5;position:absolute;left:0;bottom:0}#contents .step .steplist{width:95%;max-width:1100px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#contents .step .steplist li{width:32%;border-radius:10px 10px 0 0;padding:10px 15px 10px 10px;text-align:center;font-weight:bold;font-size:1.4rem;line-height:1.5;color:#fff;-webkit-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out;position:relative}#contents .step .steplist li span{display:none}#contents .step .steplist li.active{border-radius:10px;padding:15px 10px;z-index:3}#contents .step .steplist li.active:after{content:"";display:block;border:10px solid transparent;position:absolute;left:50%;bottom:0;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}#contents .step .steplist li:not(.active){position:relative}#contents .step .steplist li:not(.active):hover{cursor:pointer;opacity:0.8}#contents .step .steplist li:not(.active):before{content:"";display:block;width:7px;height:7px;position:absolute;right:10px;top:50%;border-bottom:2px solid #fff;border-right:2px solid #fff;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}#contents .step .steplist li.start{background:#6AC1D6}#contents .step .steplist li.start:after{border-top:10px solid #6AC1D6}#contents .step .steplist li.operation{background:#8ABE38}#contents .step .steplist li.operation:after{border-top:10px solid #8ABE38}#contents .step .steplist li.advanced{background:#F49E29}#contents .step .steplist li.advanced:after{border-top:10px solid #F49E29}#contents .step .steplist li:not(.active):hover{cursor:pointer;opacity:0.8}#contents main+.step{padding-bottom:60px}#contents main+.step:after{top:0;bottom:auto}#contents main+.step .steplist{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#contents main+.step .steplist li:not(.active){border-radius:0 0 10px 10px}#contents main+.step .steplist li:not(.active):before{border:none;border-left:2px solid #fff;border-top:2px solid #fff}#contents main+.step .steplist li.active:after{top:0;bottom:auto;border-top:10px solid transparent;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}#contents main+.step .steplist li.active.start:after{border-bottom:10px solid #6AC1D6}#contents main+.step .steplist li.active.operation:after{border-bottom:10px solid #8ABE38}#contents main+.step .steplist li.active.advanced:after{border-bottom:10px solid #F49E29}main{padding-top:50px}main h2,main h3{font-weight:bold}main .chapter{width:95%;margin:0 auto;padding-bottom:40px}main .chapter:not(.start){display:none}main .chapter h2{text-align:center;margin-bottom:40px}main .chapter h2>em{display:inline-block;border-top:3px solid #6AC1D6;font-family:"Poppins",serif;font-weight:600;line-height:1;letter-spacing:0.2em;color:#5CBABE}main .chapter h2>span{display:block;font-weight:bold;color:#1E346F}}@media (max-width:834px) and (min-width:835px){main .chapter h2>em{padding-top:30px;font-size:3rem}main .chapter h2>span{margin-top:20px;font-size:2.4rem}}@media (max-width:834px) and (max-width:834px){main .chapter h2>em{padding-top:25px;font-size:2.8rem}main .chapter h2>span{margin-top:15px;font-size:1.6rem;line-height:1.7}}@media (max-width:834px){main .chapter h2 span{font-size:1.5rem}}@media (max-width:834px){main .chapter .flowlist>li{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:13px}main .chapter .flowlist>li .root{width:50px;padding:20px 10px;position:relative}main .chapter .flowlist>li .root:after{content:"";display:block;border:25px solid transparent;border-bottom-width:12.5px;position:absolute;left:0;bottom:-25px}main .chapter .flowlist>li .root .num span{display:block;text-align:center;font-family:"Poppins",serif;font-weight:600;line-height:1;letter-spacing:0.2em;font-size:1.1rem;color:#fff}main .chapter .flowlist>li .root .num em{display:block;width:30px;height:30px;background:#fff;border-radius:50%;margin:10px auto 0;text-align:center;font-family:"Roboto",sans-serif;line-height:1;letter-spacing:0.1em;font-size:1.8rem;line-height:30px;letter-spacing:0}main .chapter .flowlist>li .root .month{display:none}main .chapter .flowlist>li .details{width:calc(100% - 60px);padding:10px 0 30px 0;position:relative}main .chapter .flowlist>li .details h3{font-size:1.6rem;line-height:1.6;color:#1E346F}main .chapter .flowlist>li .details h3 span{font-size:1.1rem}main .chapter .flowlist>li .details .note{background:#fff;border-radius:10px;overflow:hidden;margin-top:15px;padding:20px}main .chapter .flowlist>li .details .note p{line-height:1.8}main .chapter .flowlist>li .details .note .contactlist{margin-top:30px}main .chapter .flowlist>li .details .note .contactlist li:not(:last-of-type){margin-bottom:10px}main .chapter .flowlist>li .details .note .contactlist li.tel a,main .chapter .flowlist>li .details .note .contactlist li.tel span{display:block;height:45px;background:#6AC1D6;border-radius:22.5px;padding-left:4rem;text-align:center;font-family:"Roboto",sans-serif;line-height:1;letter-spacing:0.1em;font-weight:bold;font-size:1.9rem;line-height:45px;color:#fff;position:relative}main .chapter .flowlist>li .details .note .contactlist li.tel a:before,main .chapter .flowlist>li .details .note .contactlist li.tel span:before{content:"";display:block;width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;left:1.5rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}main .chapter .flowlist>li .details .note .contactlist li.tel a:after,main .chapter .flowlist>li .details .note .contactlist li.tel span:after{display:block;content:"\f095";font-family:"Font Awesome 5 Free";line-height:1;margin-right:0.5rem;font-weight:900;font-size:1.4rem;color:#1E346F;position:absolute;left:2rem;top:50%;-webkit-transform:translateY(-50%) rotate(100deg);transform:translateY(-50%) rotate(100deg)}main .chapter .flowlist>li .details .note .contactlist li.contact a{display:block;width:100%;max-width:230px;height:45px;border-radius:22.5em;padding:0 4rem 0 2rem;text-align:center;font-weight:bold;line-height:45px;color:#fff;position:relative;z-index:1;-webkit-transition:background 0.3s ease-out;transition:background 0.3s ease-out;-webkit-filter:none;filter:none;background:#F49E29}}@media (max-width:834px) and (max-width:414px){main .chapter .flowlist>li .details .note .contactlist li.contact a{max-width:none}}@media (max-width:834px){main .chapter .flowlist>li .details .note .contactlist li.contact a:before{content:"";display:block;width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media (max-width:834px){main .chapter .flowlist>li .details .note .contactlist li.contact a:after{content:"";display:block;width:11px;height:9px;background:url(/mg/wp-content/themes/japanskill_220613/assets/common/img/arrow.svg) center center/contain no-repeat;position:absolute;right:1.7rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;-webkit-filter:invert(63%) sepia(87%) saturate(530%) hue-rotate(340deg) brightness(99%) contrast(93%);filter:invert(63%) sepia(87%) saturate(530%) hue-rotate(340deg) brightness(99%) contrast(93%)}}@media (max-width:834px){main .chapter .flowlist>li .details .note .contactlist li.contact a:hover{opacity:1;background:#E84312}main .chapter .flowlist>li .details .note .contactlist li.contact a:hover:after{-webkit-filter:invert(66%) sepia(58%) saturate(5441%) hue-rotate(345deg) brightness(99%) contrast(93%);filter:invert(66%) sepia(58%) saturate(5441%) hue-rotate(345deg) brightness(99%) contrast(93%)}}@media (max-width:834px){main .chapter .period{background:#1E346F;border-radius:10px;padding:15px;text-align:center;font-weight:bold;font-size:1.8rem;color:#fff}main .chapter .period span{display:block;font-size:1.3rem}}@media (max-width:834px){main .chapter.start h2 em{border-top:3px solid #6AC1D6;color:#6AC1D6}main .chapter.start h2 span{color:#1E346F}main .chapter.start .flowlist li .root{background:#6AC1D6}main .chapter.start .flowlist li .root:after{border-top:12.5px solid #6AC1D6}main .chapter.start .flowlist li .root .num em{color:#6AC1D6}}@media (max-width:834px){main .chapter.operation h2 em{border-top:3px solid #8ABE38;color:#8ABE38}main .chapter.operation h2 span{color:#349616}main .chapter.operation .flowlist li .root{background:#8ABE38}main .chapter.operation .flowlist li .root:after{border-top:30px solid #8ABE38}main .chapter.operation .flowlist li .root .num em{color:#8ABE38}}@media (max-width:834px){main .chapter.advanced h2 em{border-top:3px solid #F49E29;color:#F49E29}main .chapter.advanced h2 span{color:#CC740D}main .chapter.advanced .flowlist li .root{background:#F49E29}main .chapter.advanced .flowlist li .root:after{border-top:30px solid #F49E29}main .chapter.advanced .flowlist li .root .num em{color:#F49E29}}@media (max-width:834px){#relatednav{background:#F5F5F5}}