.home-page{margin-top:calc(var(--pp-header-height)*-1)}.home-page.is-login{margin-top:unset}.home-page.is-login .home-page-content[data-type=main]>:first-child[class^=container]>div{padding-top:32px}@media(max-width:767.98px){.home-page.is-login .home-page-content[data-type=main]>:first-child[class^=container]>div{padding-top:24px}.home-page{margin-top:unset}}.home-page .home-page-content[data-type=main]{background-image:linear-gradient(156deg,var(--black) 30.32%,var(--brand-blue) 100%);padding-bottom:40px}.home-page .home-page-content[data-type=minor]:not(.no-minor){padding-top:40px}.home-page .home-page-content[data-type=minor]:is(.no-minor) .home-static-section[data-type=app]{margin-top:0}@media(max-width:991.98px){.home-page .home-page-content>[class^=container]>div:not([data-section-id=search_search],[data-section-id=video_course_promote_video]){padding:0 8px}}@media(max-width:575.98px){.home-page .home-page-content>[class^=container]>div:not([data-section-id=search_search],[data-section-id=video_course_promote_video]){padding:0}}.home-page .home-page-content .section-block:not([class*=section-block-]){padding-bottom:0;padding-top:0}.home-page .home-page-content>[class^=container]+[class^=container]>div{margin-top:32px}@media(max-width:767.98px){.home-page .home-page-content>[class^=container]+[class^=container]>div{margin-top:24px}}.home-page .home-promote{--promote-height:720px;--promote-calc-height:calc(var(--promote-height) - var(--pp-header-height)/2);--gradient-center:40%;--gradient-smooth-gap:15%;--gradient-start-position:8.25%;--gradient-middle-position:calc(var(--gradient-center) - var(--gradient-smooth-gap));--gradient-end-position:calc(var(--gradient-center) + var(--gradient-smooth-gap));--gap:calc(50% - var(--promote-calc-height)*16/9/2 + 16px);--gradient-start-color:var(--black);--gradient-middle-color:var(--black-a20);--gradient-end-color:var(--black-a00);height:var(--promote-calc-height);margin-left:-16px;margin-right:-16px;position:relative}.home-page .home-promote .home-promote-media{background-color:var(--pp-bg-body);display:grid;grid-template-columns:40% 1fr;grid-template-rows:auto;height:inherit;margin:auto;max-width:1680px;position:relative;width:inherit}.home-page .home-promote .home-promote-media>.pp-video-player,.home-page .home-promote .home-promote-media>.yt-player{height:100%;position:absolute;width:100%;z-index:1}.home-page .home-promote .home-promote-media>img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:1;transform:scale(1);transition:opacity .5s ease-in-out,transform .3s ease-in-out;width:100%}.home-page .home-promote .home-promote-media>img:not([src]){opacity:0}.home-page .home-promote .home-promote-media>.pp-video-player,.home-page .home-promote .home-promote-media>.yt-player,.home-page .home-promote .home-promote-media>img{grid-column:1/-1;grid-row:1/-1}.home-page .home-promote .home-promote-media>div{grid-column:1/-1;grid-row:1/-1;z-index:5}.home-page .home-promote .home-promote-media>.pp-video-player{--object-fit:contain}.home-page .home-promote .home-promote-media .home-promote-container{display:grid}.home-page .home-promote .home-promote-media .home-promote-info{align-self:flex-end;display:grid;gap:12px;grid-template-columns:auto;grid-template-rows:min-content;max-width:300px;padding:48px 0}.home-page .home-promote .home-promote-media .home-promote-info>img{max-width:100%}.home-page .home-promote .home-promote-media .home-promote-info .home-promote-title{color:var(--pp-main-10);font-size:32px;font-weight:600;line-height:1.5;text-shadow:var(--pp-shadow-1)}.home-page .home-promote .home-promote-media .home-promote-info .home-promote-metadata{align-items:center;color:var(--pp-main-10);display:flex;flex-wrap:wrap;font-size:14px;font-weight:400;line-height:1.43;text-shadow:var(--pp-shadow-1)}.home-page .home-promote .home-promote-media .home-promote-info .home-promote-metadata>span{align-items:center;display:inline-flex}.home-page .home-promote .home-promote-media .home-promote-info .home-promote-metadata>span i{font-size:16px;margin-right:4px}.home-page .home-promote .home-promote-media .home-promote-info .home-promote-metadata span+span:before{color:inherit;content:"・";display:inline-block;font-size:14px;font-weight:400;line-height:1.43}@media(max-width:991.98px){.home-page .home-promote .home-promote-media .home-promote-info>img{max-width:100%}.home-page .home-promote .home-promote-media .home-promote-info .home-promote-title{font-size:16px;font-weight:600;line-height:1.5}}@media(max-width:767.98px){.home-page .home-promote .home-promote-media .home-promote-info{padding:24px 0}.home-page .home-promote .home-promote-media .home-promote-info>img{max-width:100%}}.home-page .home-promote .home-promote-media:after{background-image:linear-gradient(90deg,var(--gradient-start-color) 0,var(--gradient-start-color) var(--gap),var(--gradient-start-color) var(--gap),var(--gradient-middle-color) calc(var(--gap) + var(--gradient-middle-position)),var(--gradient-end-color) calc(var(--gap) + var(--gradient-end-position))),linear-gradient(270deg,var(--gradient-start-color) 0,var(--gradient-start-color) var(--gap),var(--gradient-start-color) var(--gap),var(--gradient-middle-color) calc(var(--gap) + var(--gradient-middle-position)),var(--gradient-end-color) calc(var(--gap) + var(--gradient-end-position)));bottom:-1px;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}@media(max-width:1199.98px){.home-page .home-promote{--promote-height:initial;--gradient-start-position:4.25%;--gap:0px}.home-page .home-promote .home-promote-media{aspect-ratio:16/9}.home-page .home-promote .home-promote-media>.pp-video-player{--object-fit:cover}.home-page .home-promote .home-promote-media:after{background-image:linear-gradient(90deg,var(--gradient-start-color) var(--gradient-start-position),var(--gradient-middle-color) calc(var(--gap) + var(--gradient-middle-position)),var(--gradient-end-color) calc(var(--gap) + var(--gradient-end-position))),linear-gradient(270deg,var(--gradient-start-color) var(--gradient-start-position),var(--gradient-middle-color) calc(var(--gap) + var(--gradient-middle-position)),var(--gradient-end-color) calc(var(--gap) + var(--gradient-end-position)))}}@media(max-width:991.98px){.home-page .home-promote{--promote-height:initial;--gradient-start-position:4.25%;--gap:0px}.home-page .home-promote .home-promote-media{aspect-ratio:16/9}.home-page .home-promote .home-promote-media>.pp-video-player{--object-fit:cover}}@media(max-width:767.98px){.home-page .home-promote{--promote-height:initial;--gradient-start-position:4.25%;--gap:0px;padding-top:16px}.home-page .home-promote .home-promote-media:after{background-image:linear-gradient(90deg,var(--gradient-start-color) var(--gradient-start-position),var(--gradient-middle-color) calc(var(--gap) + var(--gradient-middle-position)),var(--gradient-end-color) calc(var(--gap) + var(--gradient-end-position)))}}@media(max-width:575.98px){.home-page .home-promote{--promote-height:initial;--gradient-start-position:4.25%;--gap:0px;padding-top:16px}}.home-page .home-static-section{align-items:center;display:flex;gap:32px}.home-page .home-static-section+.home-static-section{margin-top:40px}.home-page .home-static-section .home-static-content{flex:0 1 40%;order:1}.home-page .home-static-section .home-static-content .home-static-title{color:var(--brand-blue);font-size:24px;font-weight:600;line-height:1.5}.home-page .home-static-section .home-static-content .home-static-deco{background-color:var(--brand-orange);border-radius:10rem;height:8px;margin:1.5rem 0;width:64px}.home-page .home-static-section .home-static-content .home-static-desc{color:var(--pp-main-9);font-size:20px;font-weight:600;font-weight:400;line-height:1.6}.home-page .home-static-section .home-static-image{align-self:stretch;border-radius:calc(var(--pp-border-radius)*4);flex:1 1 60%;order:2;overflow:hidden;position:relative;width:100%}@supports(aspect-ratio:initial){.home-page .home-static-section .home-static-image{aspect-ratio:2056/1333}}@supports not (aspect-ratio:initial){.home-page .home-static-section .home-static-image:before{content:"";display:block;padding-top:64.8346303502%}.home-page .home-static-section .home-static-image>img{bottom:0;left:0;position:absolute;right:0;top:0}}.home-page .home-static-section .home-static-image>img{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:1;transition:opacity .5s ease-in-out;width:100%}.home-page .home-static-section .home-static-image>img:not([src]){opacity:0}.home-page .home-static-section:nth-child(2n-1) .home-static-content{order:1}.home-page .home-static-section:nth-child(2n) .home-static-content,.home-page .home-static-section:nth-child(2n-1) .home-static-image{order:2}.home-page .home-static-section:nth-child(2n) .home-static-image{order:1}@media(max-width:991.98px){.home-page .home-static-section .home-static-content .home-static-desc{font-size:16px;font-weight:400;line-height:1.5}}@media(max-width:767.98px){.home-page .home-static-section{display:block}.home-page .home-static-section+.home-static-section{margin-top:32px}.home-page .home-static-section .home-static-content{margin-bottom:32px}.home-page .home-static-section .home-static-content .home-static-title{text-align:center}.home-page .home-static-section .home-static-content .home-static-deco{margin:1.5rem auto}.home-page .home-static-section .home-static-content .home-static-desc{text-align:center}}@media(max-width:575.98px){.home-page .home-static-section .home-static-content .home-static-deco{margin:16px auto}}.home-page .home-static-section[data-type=app]{background-color:var(--pp-main-2);box-shadow:0 0 0 100vmax var(--pp-main-2);clip-path:inset(0 -100vmax);margin-top:16px;padding-bottom:2.5rem;padding-top:3.5rem}.home-page .home-static-section[data-type=app] .home-static-content{order:1}.home-page .home-static-section[data-type=app] .home-static-content .home-static-deco{margin:1.5rem 0}.home-page .home-static-section[data-type=app] .home-static-content .home-static-desc{color:var(--pp-main-7)}.home-page .home-static-section[data-type=app] .home-static-content .home-static-app{align-items:center;display:none;justify-content:center;margin-top:32px}.home-page .home-static-section[data-type=app] .home-static-content .home-static-app .home-static-app-item{display:block}.home-page .home-static-section[data-type=app] .home-static-content .home-static-app .home-static-app-item .home-static-app-image{max-width:144px}.home-page .home-static-section[data-type=app] .home-static-content .home-static-app .home-static-app-item+.home-static-app-item{margin-left:16px}.home-page .home-static-section[data-type=app] .home-static-content .home-static-qr{margin-top:16px}.home-page .home-static-section[data-type=app] .home-static-content .home-static-qr img{height:auto;max-width:160px}.home-page .home-static-section[data-type=app] .home-static-image{order:2;position:relative;transform:translateY(40px)}@supports(aspect-ratio:initial){.home-page .home-static-section[data-type=app] .home-static-image{aspect-ratio:1696/960}}@supports not (aspect-ratio:initial){.home-page .home-static-section[data-type=app] .home-static-image:before{content:"";display:block;padding-top:56.6037735849%}.home-page .home-static-section[data-type=app] .home-static-image>img{bottom:0;left:0;position:absolute;right:0;top:0}}.home-page .home-static-section[data-type=app] .home-static-image>img{-o-object-position:center bottom;object-position:center bottom}@media(max-width:1199.98px){.home-page .home-static-section[data-type=app] .home-static-content .home-static-qr img{height:auto;max-width:96px}}@media(max-width:991.98px){.home-page .home-static-section[data-type=app]{display:block}.home-page .home-static-section[data-type=app] .home-static-content{margin-bottom:0}.home-page .home-static-section[data-type=app] .home-static-content .home-static-title{text-align:center}.home-page .home-static-section[data-type=app] .home-static-content .home-static-deco{margin:1.5rem auto}.home-page .home-static-section[data-type=app] .home-static-content .home-static-desc{text-align:center}.home-page .home-static-section[data-type=app] .home-static-content .home-static-app{display:flex}.home-page .home-static-section[data-type=app] .home-static-content .home-static-qr{display:none}}@media(max-width:767.98px){.home-page .home-static-section[data-type=app]{margin-top:16px;padding-bottom:32px;padding-top:48px}.home-page .home-static-section[data-type=app] .home-static-image{transform:translateY(32px)}}@media(max-width:575.98px){.home-page .home-static-section[data-type=app] .home-static-content .home-static-app{flex-direction:column}.home-page .home-static-section[data-type=app] .home-static-content .home-static-app .home-static-app-item .home-static-app-image{max-width:176px}.home-page .home-static-section[data-type=app] .home-static-content .home-static-app .home-static-app-item+.home-static-app-item{margin-left:0;margin-top:16px}}