.m__page-title>div{background-image:url(https://juku.teachers.studysapuri.jp/hubfs/juku_20220301/case/page-title/bg.jpg)}@media (max-width:812px){.mb__case{background-image:linear-gradient(#003fa5 20%,#005ead);box-sizing:border-box;padding:50px 15px;width:100%}.mb__case>div{margin:0 auto}.mb__case>div>h2{color:#fff;font-size:14px;font-weight:600;letter-spacing:.1em;line-height:2;margin-bottom:3em;text-align:center}.mb__case>div>p{color:#fff;margin-top:3em;text-align:center}}@media (min-width:813px){.mb__case{background-image:linear-gradient(#003fa5 20%,#005ead);box-sizing:border-box;padding:100px 20px;width:100%}.mb__case>div{margin:0 auto;max-width:980px}.mb__case>div>h2{color:#fff;font-size:24px;font-weight:600;letter-spacing:.1em;line-height:2;margin-bottom:4em;text-align:center}.mb__case>div>p{color:#fff;margin-top:3em;text-align:center}}@media (max-width:812px){.p__case-list>li+li{margin-top:2em}.p__case-list>li>article{background:#fff;border-radius:8px;box-shadow:7px 7px 10px rgba(36,36,63,.25);box-sizing:border-box}.p__case-list>li>article>header>h3{background:#3c67b2;border-radius:8px 8px 0 0;color:#fff;font-size:16px;font-weight:600;padding:.5em 25px;text-align:center}.p__case-list>li>article>main{padding:1.5em 25px}.p__case-list>li>article>main>.catchcopy{border-bottom:1px solid #0b419f;margin-bottom:1.75em;padding-bottom:1.75em}.p__case-list>li>article>main>.catchcopy>.sub{color:#0b419f;font-size:14px}.p__case-list>li>article>main>.catchcopy>.main{color:#0b419f;font-size:16px;font-weight:600;line-height:1.55;margin-top:.75em}.p__case-list>li>article>main>.category{background:#f3fafd;padding:15px}.p__case-list>li>article>main>.category>ul{display:flex;flex-wrap:wrap}.p__case-list>li>article>main>.category>ul>li{color:#fff;font-size:10px;height:18px;line-height:18px;margin:0 15px 5px 0;padding:0 .75em 0 .5em;position:relative}.p__case-list>li>article>main>.category>ul>li:after{border-bottom:9px solid transparent;border-right:9px solid transparent;border-top:9px solid transparent;bottom:0;content:"";height:0;position:absolute;right:-18px;top:0;width:0}.p__case-list>li>article>main>.category>ul>li:first-child{background:#2fb2ea}.p__case-list>li>article>main>.category>ul>li:first-child:after{border-left:9px solid #2fb2ea}.p__case-list>li>article>main>.category>ul>li:nth-child(2){background:#5acac7}.p__case-list>li>article>main>.category>ul>li:nth-child(2):after{border-left:9px solid #5acac7}.p__case-list>li>article>main>.category>ul>li:nth-child(3){background:#770dfa}.p__case-list>li>article>main>.category>ul>li:nth-child(3):after{border-left:9px solid #770dfa}.p__case-list>li>article>main>.category>dl{display:flex;font-size:12px;margin-top:.5em}.p__case-list>li>article>main>.category>dl>dt{margin-right:1em}.p__case-list>li>article>main>.category>dl>dd{flex:1}.p__case-list>li>article>footer{padding:0 20px 20px}.p__case-list>li>article>footer>.btn>a{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:flex;font-size:17px;font-weight:600;justify-content:center;letter-spacing:.05em;line-height:1.4;padding:.5em 25px .5em 10px;position:relative;text-align:center;width:100%}.p__case-list>li>article>footer>.btn>a:hover{background-image:linear-gradient(90deg,#90bfe9,#a8cff4)}.p__case-list>li>article>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;transform:rotate(45deg);width:6px}}@media (min-width:813px){.p__case-list{display:flex;flex-wrap:wrap}.p__case-list>li{max-width:460px;width:calc(50% - 30px)}.p__case-list>li:nth-child(2n){margin-left:60px}.p__case-list>li:nth-child(n+3){margin-top:2em}.p__case-list>li>article{background:#fff;border-radius:16px;box-shadow:7px 7px 10px rgba(36,36,63,.25);box-sizing:border-box;height:100%;padding:0 0 90px;position:relative}.p__case-list>li>article>header>h3{background:#3c67b2;border-radius:16px 16px 0 0;color:#fff;font-size:20px;font-weight:600;padding:.5em 30px;text-align:center}.p__case-list>li>article>main{padding:1.5em 30px}.p__case-list>li>article>main>.catchcopy{border-bottom:1px solid #0b419f;margin-bottom:1.75em;padding-bottom:1.75em}.p__case-list>li>article>main>.catchcopy>.sub{color:#0b419f;font-size:18px}.p__case-list>li>article>main>.catchcopy>.main{color:#0b419f;font-size:22px;font-weight:600;line-height:1.55;margin-top:.75em}.p__case-list>li>article>main>.category{background:#f3fafd;padding:15px}.p__case-list>li>article>main>.category>ul{display:flex;flex-wrap:wrap}.p__case-list>li>article>main>.category>ul>li{color:#fff;font-size:14px;height:24px;line-height:24px;margin:0 20px 5px 0;padding:0 .75em 0 .5em;position:relative}.p__case-list>li>article>main>.category>ul>li:after{border-bottom:12px solid transparent;border-right:12px solid transparent;border-top:12px solid transparent;bottom:0;content:"";height:0;position:absolute;right:-24px;top:0;width:0}.p__case-list>li>article>main>.category>ul>li:first-child{background:#2fb2ea}.p__case-list>li>article>main>.category>ul>li:first-child:after{border-left:12px solid #2fb2ea}.p__case-list>li>article>main>.category>ul>li:nth-child(2){background:#5acac7}.p__case-list>li>article>main>.category>ul>li:nth-child(2):after{border-left:12px solid #5acac7}.p__case-list>li>article>main>.category>ul>li:nth-child(3){background:#770dfa}.p__case-list>li>article>main>.category>ul>li:nth-child(3):after{border-left:12px solid #770dfa}.p__case-list>li>article>main>.category>dl{display:flex;margin-top:.5em}.p__case-list>li>article>main>.category>dl>dt{margin-right:1em}.p__case-list>li>article>main>.category>dl>dd{flex:1}.p__case-list>li>article>footer{bottom:0;left:0;padding:0 30px 30px;position:absolute;right:0}.p__case-list>li>article>footer>.btn>a{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:flex;font-size:24px;font-weight:600;justify-content:center;letter-spacing:.05em;line-height:1.4;padding:.35em 40px .35em 20px;position:relative;text-align:center;width:100%}.p__case-list>li>article>footer>.btn>a:hover{background-image:linear-gradient(90deg,#90bfe9,#a8cff4)}.p__case-list>li>article>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;transform:rotate(45deg);width:8px}}