.m__page-title>div{background-image:url(https://juku.teachers.studysapuri.jp/hubfs/juku_20220301/how-to/page-title/bg.jpg)}@media (max-width:812px){.mb__how-to{background-image:linear-gradient(#003fa5 20%,#005ead);box-sizing:border-box;padding:50px 15px;width:100%}.mb__how-to>nav{margin:0 auto 3em}.mb__how-to>section{background:#3c67b2;border-radius:12px;box-sizing:border-box;color:#fff;margin:0 auto;padding:10px 20px 20px}.mb__how-to>section+section{margin-top:3em}.mb__how-to>section>header{margin-bottom:1.25em;padding-bottom:20px;position:relative;text-align:center}.mb__how-to>section>header:before{border-bottom:3px solid #fff;border-right:3px solid #fff;bottom:0;content:"";height:10px;left:0;margin:auto;position:absolute;right:0;-ms-transform:rotate(45deg);transform:rotate(45deg);width:10px}.mb__how-to>section>header>div{margin-bottom:.75em;padding-bottom:15px;position:relative}.mb__how-to>section>header>div:after{border-top:1px solid #fff;bottom:0;content:"";display:block;left:0;margin:0 auto;position:absolute;right:0;width:8px}.mb__how-to>section>header>div>span{display:block;font-size:11px;font-weight:600;margin:0 auto .25em}.mb__how-to>section>header>div>img{display:block;margin:0 auto;width:25px}.mb__how-to>section>header>h2{font-size:14px;font-weight:600}.mb__how-to>section>section{padding-bottom:1.5em}.mb__how-to>section>section>h3{background:#f12dda;border-radius:8px;box-sizing:border-box;font-size:14px;font-weight:600;margin:0 auto 1em;padding:.35em;text-align:center}.mb__how-to>section>section>h3>span{font-size:10px}.mb__how-to>section>section>p{font-size:12px;line-height:1.6;margin:0 auto 1em}.mb__how-to>section>section>p.caption{font-size:10px}.mb__how-to>section>section>figure{margin:2em auto 0}.mb__how-to>section>footer{border-top:1px solid #fff;padding-top:1.5em}.mb__how-to>section>footer>p{font-size:12px;margin:0 auto;width:70%}.mb__how-to>section>footer>p a{color:#fff;text-decoration:underline}.mb__how-to>section>footer>p a:hover{text-decoration:none}.mb__how-to>section>footer>.btn>a{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-image:linear-gradient(90deg,#3e7fcc,#649fe3);border-radius:10em;box-shadow:7px 7px 10px rgba(36,36,63,.25);box-sizing:border-box;color:#fff;display:-ms-flexbox;display:flex;font-size:17px;font-weight:600;justify-content:center;letter-spacing:.05em;line-height:1.4;margin:0 auto;padding:.5em 25px .5em 10px;position:relative;text-align:center;width:100%}.mb__how-to>section>footer>.btn>a:hover{background-image:linear-gradient(90deg,#90bfe9,#a8cff4)}.mb__how-to>section>footer>.btn>a:after{border-right:3px solid #fff;border-top:3px solid #fff;bottom:0;content:"";height:6px;margin:auto;position:absolute;right:18px;top:0;-ms-transform:rotate(45deg);transform:rotate(45deg);width:6px}.mb__how-to>section>footer>.case{margin:0 auto;width:70%}.mb__how-to>section>footer>.case>figure{margin-bottom:1.5em}.mb__how-to>section>footer>.case>div>h3{border:1px solid #fff;border-radius:5em;display:inline-block;font-size:10px;font-weight:600;margin-bottom:.75em;padding:.25em 2em}.mb__how-to>section>footer>.case>div>p{font-size:12px;line-height:1.8;margin-bottom:1em}.mb__how-to>section>footer>.case>div>.btn>a{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-image:linear-gradient(90deg,#3e7fcc,#649fe3);border-radius:10em;box-shadow:7px 7px 10px rgba(36,36,63,.25);box-sizing:border-box;color:#fff;display:-ms-flexbox;display:flex;font-size:10px;font-weight:600;justify-content:center;letter-spacing:.05em;line-height:1.4;padding:.75em 30px .75em 15px;position:relative;text-align:center;width:100%}.mb__how-to>section>footer>.case>div>.btn>a:hover{background-image:linear-gradient(90deg,#90bfe9,#a8cff4)}.mb__how-to>section>footer>.case>div>.btn>a:after{border-right:3px solid #fff;border-top:3px solid #fff;bottom:0;content:"";height:6px;margin:auto;position:absolute;right:18px;top:0;-ms-transform:rotate(45deg);transform:rotate(45deg);width:6px}.mb__how-to>section>footer>.link+.case,.mb__how-to>section>footer>.link+.text,.mb__how-to>section>footer>.text+.btn{margin-top:2em}}@media (min-width:813px){.mb__how-to{background-image:linear-gradient(#003fa5 20%,#005ead);box-sizing:border-box;padding:100px 20px;width:100%}.mb__how-to>nav{margin:0 auto 4em;max-width:900px}.mb__how-to>section{background:#3c67b2;border-radius:16px;box-sizing:border-box;color:#fff;margin:0 auto;max-width:980px;padding:40px}.mb__how-to>section+section{margin-top:4em}.mb__how-to>section>header{margin-bottom:2.5em;padding-bottom:40px;position:relative;text-align:center}.mb__how-to>section>header:before{border-bottom:6px solid #fff;border-right:6px solid #fff;bottom:0;content:"";height:18px;left:0;margin:auto;position:absolute;right:0;-ms-transform:rotate(45deg);transform:rotate(45deg);width:18px}.mb__how-to>section>header>div{margin-bottom:1.5em;padding-bottom:30px;position:relative}.mb__how-to>section>header>div:after{border-top:2px solid #fff;bottom:0;content:"";display:block;left:0;margin:0 auto;position:absolute;right:0;width:16px}.mb__how-to>section>header>div>span{display:block;font-size:22px;font-weight:600;margin:0 auto .25em}.mb__how-to>section>header>div>img{display:block;margin:0 auto;width:40px}.mb__how-to>section>header>h2{font-size:24px;font-weight:600}.mb__how-to>section>section{padding-bottom:4em}.mb__how-to>section>section>h3{background:#f12dda;border-radius:12px;box-sizing:border-box;font-size:24px;font-weight:600;margin:0 70px 1.5em;padding:.35em;text-align:center}.mb__how-to>section>section>h3>span{font-size:12px}.mb__how-to>section>section>p{line-height:2;margin:0 140px 1em}.mb__how-to>section>section>p.caption{font-size:12px}.mb__how-to>section>section>figure{margin:3em auto 0}.mb__how-to>section>footer{border-top:1px solid #fff;padding-top:2.5em}.mb__how-to>section>footer>.link{text-align:center}.mb__how-to>section>footer>.link a{color:#fff;text-decoration:underline}.mb__how-to>section>footer>.link a:hover{text-decoration:none}.mb__how-to>section>footer>.text{margin:0 auto;max-width:620px}.mb__how-to>section>footer>.btn>a{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-image:linear-gradient(90deg,#3e7fcc,#649fe3);border-radius:10em;box-shadow:7px 7px 10px rgba(36,36,63,.25);box-sizing:border-box;color:#fff;display:-ms-flexbox;display:flex;font-size:24px;font-weight:600;justify-content:center;letter-spacing:.05em;line-height:1.4;margin:0 auto;padding:.35em 40px .35em 20px;position:relative;text-align:center;width:612px}.mb__how-to>section>footer>.btn>a:hover{background-image:linear-gradient(90deg,#90bfe9,#a8cff4)}.mb__how-to>section>footer>.btn>a:after{border-right:4px solid #fff;border-top:4px solid #fff;bottom:0;content:"";height:8px;margin:auto;position:absolute;right:30px;top:0;-ms-transform:rotate(45deg);transform:rotate(45deg);width:8px}.mb__how-to>section>footer>.case{-ms-flex-pack:center;display:-ms-flexbox;display:flex;justify-content:center;margin:0 auto}.mb__how-to>section>footer>.case>figure{width:260px}.mb__how-to>section>footer>.case>div{margin-left:30px;width:350px}.mb__how-to>section>footer>.case>div>h3{border:1px solid #fff;border-radius:5em;display:inline-block;font-size:12px;font-weight:600;margin-bottom:2em;padding:.25em 2em}.mb__how-to>section>footer>.case>div>p{line-height:2;margin-bottom:1.75em}.mb__how-to>section>footer>.case>div>.btn>a{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-image:linear-gradient(90deg,#3e7fcc,#649fe3);border-radius:10em;box-shadow:7px 7px 10px rgba(36,36,63,.25);box-sizing:border-box;color:#fff;display:-ms-flexbox;display:flex;font-size:16px;font-weight:600;justify-content:center;letter-spacing:.05em;line-height:1.4;padding:.75em 30px .75em 15px;position:relative;text-align:center;width:100%}.mb__how-to>section>footer>.case>div>.btn>a:hover{background-image:linear-gradient(90deg,#90bfe9,#a8cff4)}.mb__how-to>section>footer>.case>div>.btn>a:after{border-right:4px solid #fff;border-top:4px solid #fff;bottom:0;content:"";height:8px;margin:auto;position:absolute;right:30px;top:0;-ms-transform:rotate(45deg);transform:rotate(45deg);width:8px}.mb__how-to>section>footer>.link+.case,.mb__how-to>section>footer>.link+.text{margin-top:2em}.mb__how-to>section>footer>.text+.btn{margin-top:4em}}