@charset "UTF-8";@-webkit-keyframes ttl-animate{0%{bottom:-10%;opacity:0}to{bottom:0;opacity:1}}@keyframes ttl-animate{0%{bottom:-10%;opacity:0}to{bottom:0;opacity:1}}body{width:auto}#learn .topic-ttl-block{min-height:422px;background-position:right 25%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}#learn #topic01 .topic-ttl-block{background-image:url(/law2/img/education/learn/main_img_year01.jpg)}#learn #topic02 .topic-ttl-block{background-image:url(/law2/img/education/learn/main_img_year02.jpg)}#learn #topic02 .topic-ttl-block:after{top:0;right:auto;left:0;-webkit-transform:scale(-1,1);transform:scale(-1,1)}#learn #topic03 .topic-ttl-block{background-image:url(/law2/img/education/learn/main_img_year0304.jpg)}#learn #topic03 .lesson-list,#learn .ttl-area{justify-content:center}#learn .ttl-area{background-color:#fff;display:flex;width:332px;height:224px;box-sizing:border-box;padding:0 0 30px;position:absolute;bottom:0;left:75px;flex-direction:column;align-items:center;text-align:center;line-height:1.28;z-index:100;opacity:0}#learn .ttl-area.ttl-view{-webkit-animation:ttl-animate .5s ease-out 1 forwards;animation:ttl-animate .5s ease-out 1 forwards}#learn .ttl-area.right{left:auto;right:75px}#learn .ttl-area p{margin-top:30px;margin-bottom:15px;color:#ad181f}#learn .ttl-area p img{vertical-align:text-bottom}#learn .ttl-area p span{margin-left:.4em;font-size:22px;font-weight:700}#learn .ttl-area h2{font-size:30px}#learn .topic-wrap{max-width:766px;margin:0 auto;padding:45px 70px 110px}#learn .topic-wrap.anchor{padding-bottom:10px}#learn .topic-learn-lead{font-size:18px;font-weight:500;line-height:1.8}#learn .topic-notice{margin:15px 0 0}#learn .topic-notice li{position:relative;padding-left:1em;font-weight:500}#learn .topic-notice li:before{content:"※";display:block;position:absolute;top:0;left:0}#learn .curriculum-wrap{margin-top:60px;padding:50px;background-color:#e6e6e6}#learn .topic-subttl{text-align:center;font-size:26px;margin:40px 0 35px}#learn .curriculum-img{max-width:376px;margin:30px auto 0;position:relative;text-align:center}#learn .curriculum-img .img-sp{display:none}#learn .curriculum-arrow01{position:absolute;bottom:-50px;left:5%}#learn .curriculum-arrow02{position:absolute;bottom:-60px;margin-left:-10px;left:50%}#learn .curriculum-arrow02-sp{display:none}#learn .curriculum-arrow03{position:absolute;bottom:-50px;right:5%}#learn .curriculum-arrow03-sp{display:none}#learn .lesson-list{display:flex;flex-wrap:wrap;margin:-50px -5.6% 0 -12.8%}#learn .lesson-list>div{width:28%;min-height:300px;display:flex;margin:50px 0 0 5.3%}#learn .lesson-list>div .lesson-block,#learn .lesson-list>div>a{display:flex;width:100%;flex-direction:column;position:relative;padding:40px 20px 80px;line-height:1.8;color:#2e0608;background-color:#fff}#learn .lesson-list>div .lesson-block.double-btn,#learn .lesson-list>div>a.double-btn{padding-bottom:150px}#learn .lesson-list>div .lesson-block>*,#learn .lesson-list>div>a>*{min-width:0%;min-height:0%}#learn .lesson-list>div .lesson-block div,#learn .lesson-list>div .lesson-block p,#learn .lesson-list>div>a div,#learn .lesson-list>div>a p{font-weight:500}#learn .lesson-list>div .lesson-block.cl01,#learn .lesson-list>div>a.cl01{border:#00479d solid 2px}#learn .lesson-list>div .lesson-block.cl01 .lesson-notice,#learn .lesson-list>div>a.cl01 .lesson-notice{background-color:#00479d}#learn .lesson-list>div .lesson-block.cl01>a,#learn .lesson-list>div>a.cl01>a{border:#00479d solid 2px;color:#00479d}#learn .lesson-list>div .lesson-block.cl01>a:after,#learn .lesson-list>div>a.cl01>a:after{border-top:solid 1px #00479d;border-right:solid 1px #00479d}#learn .lesson-list>div .lesson-block.cl02,#learn .lesson-list>div>a.cl02{border:#eb6100 solid 2px}#learn .lesson-list>div .lesson-block.cl02 .lesson-notice,#learn .lesson-list>div>a.cl02 .lesson-notice{background-color:#eb6100}#learn .lesson-list>div .lesson-block.cl02>a,#learn .lesson-list>div>a.cl02>a{border:#eb6100 solid 2px;color:#eb6100}#learn .lesson-list>div .lesson-block.cl02>a:after,#learn .lesson-list>div>a.cl02>a:after{border-top:solid 1px #eb6100;border-right:solid 1px #eb6100}#learn .lesson-list>div .lesson-block.cl03,#learn .lesson-list>div>a.cl03{border:#005e15 solid 2px}#learn .lesson-list>div .lesson-block.cl03 .lesson-notice,#learn .lesson-list>div>a.cl03 .lesson-notice{background-color:#005e15}#learn .lesson-list>div .lesson-block.cl03>div,#learn .lesson-list>div>a.cl03>div{border:#005e15 solid 2px;color:#005e15}#learn .lesson-list>div .lesson-block.cl03>div:after,#learn .lesson-list>div>a.cl03>div:after{border-top:solid 1px #005e15;border-right:solid 1px #005e15}#learn .lesson-list>div .lesson-block.cl04,#learn .lesson-list>div>a.cl04{border:#601986 solid 2px}#learn .lesson-list>div .lesson-block.cl04 .lesson-notice,#learn .lesson-list>div>a.cl04 .lesson-notice{background-color:#601986}#learn .lesson-list>div .lesson-block.cl04>a,#learn .lesson-list>div>a.cl04>a{border:#601986 solid 2px;color:#601986}#learn .lesson-list>div .lesson-block.cl04>a:after,#learn .lesson-list>div>a.cl04>a:after{border-top:solid 1px #601986;border-right:solid 1px #601986}#learn .lesson-list>div .lesson-block.cl05,#learn .lesson-list>div>a.cl05{border:#009e96 solid 2px}#learn .lesson-list>div .lesson-block.cl05 .lesson-notice,#learn .lesson-list>div>a.cl05 .lesson-notice{background-color:#009e96}#learn .lesson-list>div .lesson-block.cl05>a,#learn .lesson-list>div>a.cl05>a{border:#009e96 solid 2px;color:#009e96}#learn .lesson-list>div .lesson-block.cl05>a:after,#learn .lesson-list>div>a.cl05>a:after{border-top:solid 1px #009e96;border-right:solid 1px #009e96}#learn a.btn,#learn a.btn2{display:block;width:200px;max-width:100%;text-align:center;padding:5px;box-sizing:border-box;position:absolute;left:50%;margin:0 0 0 -100px;font-size:14px;font-weight:500}#learn a.btn{bottom:30px}#learn a.btn2:after,#learn a.btn:after{content:"";display:block;width:6px;height:6px;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:10px;top:50%;margin:-4px 0 0}#learn a.btn2:hover,#learn a.btn:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.3)}#learn a.btn.txt-long,#learn a.btn2.txt-long{line-height:1.4}#learn a.btn2{bottom:80px}#learn a.btn2.btm90{bottom:90px}#learn .lesson-notice{display:inline-block;color:#fff;position:absolute;top:0;left:25px;padding:1px 10px}#learn .lesson-ttl{font-size:24px;margin:0 0 15px}#learn .support-wrap{margin-top:50px}#learn .support-wrap a{display:inline-block;padding:25px;border:2px solid #e6e6e6}#learn .support-wrap a:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.3)}#learn .support-title{margin-bottom:20px;text-align:center;font-size:18px;font-size:1.8rem;font-weight:700;color:#ad181f}#learn .other-link a,#learn .support-title span{display:inline-block;position:relative}#learn .support-title span::after,#learn .support-title span::before{content:'';display:block;position:absolute;top:50%;width:18px;height:1px;background-color:#ad181f}#learn .support-title span::before{left:-25px}#learn .support-title span::after{right:-25px}#learn .choice-list>div a,#learn .support-main{display:flex;align-items:center}#learn .support-lead{width:220px;font-size:24px;font-weight:700}#learn .support-detail{width:490px;margin-left:auto}#learn .choice-list{display:flex;justify-content:space-around;margin:70px 0 0}#learn .choice-list>div{position:relative;width:30%}#learn .choice-list>div::before{content:'';display:block;padding-top:100%}#learn .choice-list>div a{position:absolute;top:0;bottom:0;left:0;right:0;justify-content:center;text-align:center;font-size:22px;font-weight:700;padding:0;border-radius:50%;border-width:2px;border-style:solid;opacity:0;transition:opacity .5s ease-out}#learn .choice-list>div a.play{opacity:1}#learn .choice-list>div a.curriculum-01{border-color:#ad181f}#learn .choice-list>div a.curriculum-02{border-color:#007130}#learn .choice-list>div a.curriculum-03{border-color:#fbc600}#learn .choice-list>div a:after,#learn .other-link a:after{content:"";display:block;width:12px;height:12px;border-top:solid 3px #2e0608;border-right:solid 3px #2e0608;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:20px;top:50%;margin:-8px 0 0;transition:.3s}#learn .choice-list>div a:hover:after,#learn .other-link a:hover:after{-webkit-transform:rotate(45deg) translate(6px,-6px);transform:rotate(45deg) translate(6px,-6px)}#learn .other-link{text-align:center;margin:35px 0 0;font-size:18px}#learn .other-link a{color:#2e0608;padding-right:36px;font-weight:700}#learn .other-link a:after{width:8px;height:8px;border-top:solid 2px #000;border-right:solid 2px #000;margin:-6px 0 0}@media screen and (max-width:1024px){body{width:auto}#learn .ttl-area.right{width:240px;height:230px;right:6%}#learn .ttl-area{width:240px;height:230px;left:6%}#learn .ttl-area p span{font-size:20px}#learn .ttl-area h2{font-size:26px}#learn .topic-wrap{padding:45px 30px}#learn .lesson-list{margin:-30px 0 0 -5%}#learn .lesson-list>div{width:45%;min-height:auto;margin:30px 0 0 5%}#learn a.btn,#learn a.btn2{width:80%;margin:0 0 0 -40%}}@media screen and (max-width:767px){body{width:auto}#learn .support-main{display:block}#learn .support-lead{width:auto;margin-bottom:10px}#learn .support-detail{width:auto}}@media screen and (max-width:580px){body{width:auto}#learn .topic-ttl-block{min-height:300px;background-position:center top}#learn #topic01 .topic-ttl-block{background-image:url(/law2/img/education/learn/main_img_year01_sp.jpg);background-position:center 35%}#learn #topic02 .topic-ttl-block{background-image:url(/law2/img/education/learn/main_img_year02_sp.jpg)}#learn #topic03 .topic-ttl-block{background-image:url(/law2/img/education/learn/main_img_year0304_sp.jpg)}#learn .ttl-area.right{right:auto}#learn .ttl-area,#learn .ttl-area.right{width:90%;height:auto;left:50%;margin-left:-45%;padding:15px 15px 5px}#learn .ttl-area p{margin-bottom:10px;margin-top:0}#learn .ttl-area p img{height:30px;width:auto}#learn .ttl-area p span{font-size:14px}#learn .choice-list>div a,#learn .ttl-area h2{font-size:18px}#learn .curriculum-img .img-pc,#learn .ttl-area h2 br{display:none}#learn .topic-wrap{padding:20px 15px}#learn .topic-learn-lead{font-size:16px}#learn .curriculum-wrap{padding:25px 15px}#learn .topic-subttl{font-size:24px;margin:30px 0 20px}#learn .curriculum-img .img-sp{display:inline-block}#learn .curriculum-arrow01{left:18%}#learn .curriculum-arrow02{display:none}#learn .curriculum-arrow02-sp{display:block;position:absolute;bottom:-185px;margin-left:-10px;left:50%}#learn .curriculum-arrow03{right:18%}#learn .curriculum-arrow03-sp{position:absolute;bottom:-50px;right:18%}#learn .lesson-list{display:block;margin:0}#learn .lesson-list>div{width:auto;max-width:320px;margin:20px auto 0}#learn .choice-list{justify-content:center;flex-wrap:wrap}#learn .choice-list>div{width:40%;max-width:140px}#learn .choice-list>div:nth-child(2n){margin-left:20%}#learn .choice-list>div a:after{width:10px;height:10px;border-top:solid 2px #2e0608;border-right:solid 2px #2e0608;right:12px;margin:-6px 0 0}#learn .other-link{margin-bottom:30px;font-size:14px}}