.c-bg{margin-bottom:calc(var(--rem)*42);padding-bottom:calc(var(--rem)*80);.bg_decoration{bottom:calc(var(--rem)*12);position:absolute;right:0;>img{max-width:unset;-o-object-position:100%;object-position:100%;width:max(100vw,calc(var(--rem)*716))}}@media screen and (width >= 60rem){margin-bottom:calc(var(--rem)*80);padding-bottom:calc(var(--rem)*170);.bg_decoration{bottom:calc(var(--rem)*24)}}@media screen and (width >= 90rem){.bg_decoration{right:50%;translate:50% 0;&:after,&:before{background-color:var(--color-yellow);content:"";height:calc(var(--rem)*5);position:absolute;width:calc(50vw - var(--rem)*1440/2 + var(--rem)*4)}&:before{bottom:calc(var(--rem)*1);left:calc(var(--rem)*4);translate:-100% 0}&:after{bottom:calc(var(--rem)*58);right:0;translate:100% 0}>img{max-width:unset;-o-object-position:100%;object-position:100%;width:calc(var(--rem)*1440)}}}}#mv{overflow:hidden;padding-bottom:calc(var(--rem)*18 + var(--rem)*48 + var(--rem)*12);position:relative;.mv_textbox{padding-top:calc(var(--rem)*183)}.mv_heading{font-family:var(--font-jpAccent);font-size:calc(var(--rem)*20);font-weight:500;letter-spacing:0;line-height:1.45;margin-bottom:calc(var(--rem)*10);position:relative;z-index:var(--z-index-front);>span{background-color:hsla(0,0%,100%,.88);display:inline-block;padding:calc(var(--rem)*4);&:nth-of-type(2){padding-right:0}&:last-of-type{margin-top:calc(var(--rem)*6);padding-left:0}}}.mv_hero{border-radius:calc(var(--rem)*8);overflow:hidden;position:absolute;right:4%;top:0;>img{aspect-ratio:295/202;width:calc(var(--rem)*295)}}.mv_decoration{bottom:calc(var(--rem)*18);left:0;position:absolute;>img{max-width:unset;-o-object-position:100%;object-position:100%;width:max(100vw,calc(var(--rem)*548))}}@media screen and (width >= 40rem){padding-bottom:calc(var(--rem)*18 + var(--rem)*88 + var(--rem)*12);.mv_textbox{padding-top:calc(var(--rem)*160)}.mv_heading{font-size:calc(var(--rem)*28);font-weight:600}.mv_hero{>img{aspect-ratio:3/2;width:calc(var(--rem)*400)}}}@media screen and (width >= 60rem){padding-bottom:clamp(calc(var(--rem)*120),calc(var(--vw-max)*240),calc(var(--rem)*240));.mv_textbox{padding-top:calc(var(--rem)*64)}.mv_heading{font-size:calc(var(--rem)*36);margin-bottom:calc(var(--rem)*22);>span{padding:calc(var(--rem)*10);&:first-of-type{padding-right:0}&:nth-of-type(2){padding-inline:0 calc(var(--rem)*10)}&:last-of-type{margin-top:calc(var(--rem)*8);padding-left:calc(var(--rem)*10)}}}.mv_hero{border-radius:calc(var(--rem)*18);>img{width:clamp(calc(var(--rem)*400),calc(var(--vw-max)*600),calc(var(--rem)*600))}}.mv_decoration{bottom:calc(var(--rem)*20)}}@media screen and (width >= 70rem){.mv_hero{right:calc(50% + var(--rem)*18);translate:100% 0}}@media screen and (width >= 90rem){.mv_decoration{left:50%;translate:-50% 0;&:after,&:before{background-color:var(--color-yellow);content:"";height:calc(var(--rem)*5);position:absolute;width:calc(50vw - var(--rem)*1440/2 + var(--rem)*4)}&:before{bottom:calc(var(--rem)*1);left:calc(var(--rem)*4);translate:-100% 0}&:after{bottom:calc(var(--rem)*68);right:0;translate:100% 0}>img{max-width:unset;-o-object-position:100%;object-position:100%;width:calc(var(--rem)*1440)}}}}.lesson{display:grid;row-gap:calc(var(--rem)*120);.lesson_item{margin-top:calc(var(--rem)*-64);padding-top:calc(var(--rem)*64)}.lesson_item,h2{position:relative}h2{background-color:hsla(0,0%,100%,.88);border-bottom:1px solid var(--color-blue);border-top-left-radius:calc(var(--rem)*8);border-top-right-radius:calc(var(--rem)*8);font-family:var(--font-jpAccent);font-size:calc(var(--rem)*24);font-weight:600;letter-spacing:0;line-height:1.5;margin-bottom:calc(var(--rem)*180);margin-left:auto;padding:calc(var(--rem)*4) calc(var(--rem)*12);width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:var(--z-index-front)}.lesson_text{display:grid;padding-inline:calc(var(--rem)*15);row-gap:calc(var(--rem)*8)}.lesson_img{left:50%;position:absolute;top:calc(var(--rem)*64 + var(--rem)*36);translate:-50% 0;width:-webkit-max-content;width:-moz-max-content;width:max-content;>img{aspect-ratio:325/177;border-radius:calc(var(--rem)*8);width:calc(var(--rem)*315)}}.lesson_illustration{position:absolute;&.--01{bottom:calc(var(--rem)*-80);right:calc(var(--rem)*8);>img{aspect-ratio:103/89;width:calc(var(--rem)*103)}}&.--02{bottom:calc(var(--rem)*-90);right:calc(var(--rem)*15);>img{aspect-ratio:113/102;width:calc(var(--rem)*113)}}}@media screen and (width >= 40rem){row-gap:calc(var(--rem)*96);h2{border-top-left-radius:calc(var(--rem)*10);border-top-right-radius:calc(var(--rem)*10);font-size:calc(var(--rem)*24);margin-bottom:calc(var(--rem)*32);padding:calc(var(--rem)*8) calc(var(--rem)*16) calc(var(--rem)*6) calc(var(--rem)*80);width:min(70%,calc(var(--rem)*628))}.lesson_text,h2{margin-left:auto}.lesson_text{padding-inline:calc(var(--rem)*16);width:min(50vw,calc(var(--rem)*580))}.lesson_img{left:0;translate:0 0;>img{aspect-ratio:580/326;border-radius:calc(var(--rem)*18);width:min(40vw,calc(var(--rem)*580))}}.lesson_illustration{position:absolute;&.--01{right:calc(var(--rem)*-8)}&.--02{right:calc(var(--rem)*-15)}}}@media screen and (width >= 60rem){.lesson_item{margin-top:calc(var(--rem)*-160);padding-top:calc(var(--rem)*160);position:relative}h2{font-size:clamp(calc(var(--rem)*24),calc(var(--vw-max)*40),calc(var(--rem)*40))}.lesson_text{display:grid;grid-template-rows:auto 1fr;min-height:calc(var(--rem)*240);padding-inline:calc(var(--rem)*40)}.lesson_img{top:calc(var(--rem)*160 + var(--rem)*18);>img{width:min(40vw,calc(var(--rem)*580))}}.lesson_illustration{position:absolute;&.--01{right:max(calc(var(--rem)*-107),-4vw)}&.--02{right:max(calc(var(--rem)*-111),-4vw)}}}@media screen and (width >= 90rem){.lesson_illustration{position:absolute;&.--01{right:calc(var(--rem)*-107);>img{width:calc(var(--rem)*143)}}&.--02{bottom:calc(var(--rem)*-28);right:calc(var(--rem)*-111);>img{width:calc(var(--rem)*165)}}}}}.cta{margin-bottom:calc(var(--rem)*64);>p{font-family:var(--font-jpAccent);font-size:calc(var(--rem)*19);font-weight:600;letter-spacing:0;line-height:1.45;margin-bottom:calc(var(--rem)*32);text-align:center}@media screen and (width >= 40rem){>p{font-size:calc(var(--rem)*24)}}@media screen and (width >= 60rem){margin-bottom:calc(var(--rem)*80);>p{font-size:clamp(calc(var(--rem)*24),calc(var(--vw-max)*32),calc(var(--rem)*32));margin-bottom:calc(var(--rem)*48)}}}