:root{--fnid:video}.chocotabi-video{--content-width:95rem;--color-key1:#09cdb6;--color-key1-light:#c4f7ec;--color-key1-lighten:#e9fffa;--color-key2:#f071ab;--color-key2-light:#ffc9dd;--color-key2-lighten:#ffdfeb;--color-foreground:#343434;--color-background:var(--color-key1-lighten);--padding:4rem;background-color:var(--color-background);color:var(--color-foreground);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-feature-settings:normal;font-size:1.6rem;font-weight:300;letter-spacing:0;line-height:1.75;overflow:hidden}@media only screen and (max-width:767px){.chocotabi-video{--padding:1.6rem;font-size:1.4rem;line-height:1.5}}.chocotabi-video :where(.root-container){padding-inline:var(--padding)}.chocotabi-video :where(.root-container>*){margin-inline:auto;max-inline-size:var(--content-width)}.chocotabi-video .chocotabi-video__header{margin-block-end:-5rem;padding-block-start:2rem}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__header{margin-block-end:-10.6666666667vw}}.chocotabi-video .chocotabi-video__header .chocotabi-video__header__inner .chocotabi-video__header__logo{aspect-ratio:411/142;max-inline-size:41.1rem}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__header .chocotabi-video__header__inner .chocotabi-video__header__logo{aspect-ratio:311/108;inline-size:82.9333333333vw}}.chocotabi-video .chocotabi-video__header .chocotabi-video__header__inner .chocotabi-video__header__logo img{block-size:100%;inline-size:100%;-o-object-fit:cover;object-fit:cover}.chocotabi-video .chocotabi-video__movie{background-color:var(--color-key2-lighten);padding-block:10rem 5.1rem}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__movie{padding-block:17.0666666667vw 3.3rem}}.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__content{background-color:#fff;border:1.171875vw solid var(--color-key1);margin-block-end:5.1rem;padding:2rem 2.34375vw 2.6rem}@media only screen and (min-width:1280px){.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__content{border-width:1.5rem;padding-inline:3rem}}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__content{border-width:.8rem;margin-block-end:3.3rem;padding:.8rem 1.2rem .7rem}}.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__content .chocotabi-video__movie__mv{aspect-ratio:16/9;margin-block-end:3rem;margin-inline:-1rem}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__content .chocotabi-video__movie__mv{margin-block-end:1.6rem;margin-inline:-.4rem}}.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__content .chocotabi-video__movie__mv iframe{block-size:100%;inline-size:100%;-o-object-fit:cover;object-fit:cover}.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__content .chocotabi-video__movie__title{font-size:2.4rem;font-weight:600;line-height:1.5;margin-block-end:2.4rem}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__content .chocotabi-video__movie__title{font-size:1.6rem;margin-block-end:1.7rem}}.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__content .chocotabi-video__movie__text h3{font-size:1.6rem;font-weight:600;line-height:1.75}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__content .chocotabi-video__movie__text h3{font-size:1.4rem;line-height:1.5}}.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__content .chocotabi-video__movie__text p{margin-block-end:2.4rem}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__content .chocotabi-video__movie__text p{margin-block-end:1.6rem}}.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__button{display:flex;justify-content:center}.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__button .chocotabi-video__movie__button__link{background-color:var(--color-key1);border-radius:10rem;color:#000;display:flex;font-size:2.4rem;font-weight:600;gap:.9rem;line-height:1;min-inline-size:31.8rem;outline:2px solid #000;outline-offset:-1px;padding:1.7rem 2.7rem}.chocotabi-video .chocotabi-video__movie .chocotabi-video__movie__button .chocotabi-video__movie__button__link:before{background-image:url(../../assets/images/chevron-right.svg);content:"";inline-size:1.5rem;margin-inline-start:0}.chocotabi-video .chocotabi-video__features .chocotabi-video__features__inner{padding-block-start:5.1rem}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__features .chocotabi-video__features__inner{padding-block-start:3.2rem}}.chocotabi-video .chocotabi-video__features .chocotabi-video__features__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2.34375vw;gap:2.34375vw}@media only screen and (min-width:1280px){.chocotabi-video .chocotabi-video__features .chocotabi-video__features__items{gap:3rem}}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__features .chocotabi-video__features__items{gap:2.4rem;grid-template-columns:minmax(0,1fr)}}.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item{background-color:#fff;block-size:100%;border:1.171875vw solid var(--color-key2);display:flex;flex:1 0 0;flex-direction:column}@media only screen and (min-width:1280px){.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item{border-width:1.5rem}}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item{border-width:.8rem}}.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__image{align-items:end;display:grid}.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__image h2{block-size:7rem;grid-column:1;grid-row:1;inline-size:auto;margin-block-end:-3.4rem;position:relative}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__image h2{block-size:4.8rem;margin-block-end:-2.3rem}}.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__image h2 img{block-size:100%;inline-size:100%;-o-object-fit:contain;object-fit:contain}.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__image figure{aspect-ratio:430/320;grid-column:1;grid-row:1}.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__content{display:flex;flex-direction:column;flex-grow:1;padding:5.8rem 1.953125vw 2.6rem}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__content{padding:3.9rem 1.6rem 2.5rem}}.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__content h3{font-size:2rem;font-weight:600;line-height:1.5;margin-block-end:1.2rem}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__content h3{font-size:1.6rem;margin-block-end:1.3rem}}.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__content p{margin-block-end:1.6rem}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__content p{margin-block-end:1.5rem}}.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__content .chocotabi-video__features__item__details{font-size:1.4rem;font-style:normal;line-height:2;margin-block:auto 2.5rem}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__content .chocotabi-video__features__item__details{font-size:1.2rem;line-height:1.5;margin-block-end:1.7rem}}.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__content .chocotabi-video__features__item__button{display:flex;justify-content:center}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__content .chocotabi-video__features__item__button{margin-inline:-.2rem}}.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__content .chocotabi-video__features__item__button .chocotabi-video__features__item__button__link{background-color:var(--color-key1);border-radius:10rem;color:#000;display:flex;font-weight:600;gap:.8rem;inline-size:100%;max-inline-size:29.8rem;outline:2px solid #000;outline-offset:-1px;padding:.7rem 2rem}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__content .chocotabi-video__features__item__button .chocotabi-video__features__item__button__link{font-size:1.6rem;inline-size:100%;padding-block:.9rem}}.chocotabi-video .chocotabi-video__features .chocotabi-video__features__item .chocotabi-video__features__item__content .chocotabi-video__features__item__button .chocotabi-video__features__item__button__link:before{background:url(../../assets/images/chevron-right-bold.svg) no-repeat 50%;content:"";inline-size:1rem;margin-inline-start:0}.chocotabi-video .chocotabi-video__footer{padding-block:5rem 8rem}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__footer{padding-block-start:3.2rem}}.chocotabi-video .chocotabi-video__footer .chocotabi-video__footer__button{display:flex;justify-content:center}.chocotabi-video .chocotabi-video__footer .chocotabi-video__footer__button .chocotabi-video__footer__button__link{background-color:var(--color-key2);border-radius:10rem;display:flex;font-size:2.4rem;font-weight:600;gap:.8rem;inline-size:100%;justify-content:center;max-inline-size:30rem;outline:2px solid #000;outline-offset:-2px;padding:.9rem 2rem}@media only screen and (max-width:767px){.chocotabi-video .chocotabi-video__footer .chocotabi-video__footer__button .chocotabi-video__footer__button__link{padding-block:1.2rem}}.video-nav{--color-video:#ffdfeb;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-feature-settings:normal;inline-size:26.6rem;inset-block-end:9.5rem;inset-inline-end:2.4rem;opacity:1;position:fixed;transform:translateY(0);transition:transform .6s ease,opacity .6s ease;transition-delay:1s,1s;z-index:200}@starting-style{.video-nav{opacity:0;transform:translateY(100%)}}@media only screen and (max-width:767px){.video-nav{inset-block-end:12rem}}.video-nav .video-nav__title{aspect-ratio:170/59;inline-size:17rem;margin-block-end:-.7rem;margin-inline:auto;pointer-events:none;position:relative;z-index:1}.video-nav .video-nav__title img{block-size:100%;inline-size:100%;-o-object-fit:cover;object-fit:cover}.video-nav .video-nav__inner{position:relative}.video-nav .video-nav__link{display:block;text-decoration:none}.video-nav .video-nav__content{background-color:var(--color-video);border:3px solid #000}.video-nav .video-nav__content h3{background-color:#fff;color:#000;font-size:1.2rem;font-weight:600;letter-spacing:0;line-height:1.5;overflow:hidden;padding:.6rem .5rem .4rem;text-overflow:ellipsis;transition:.3s;white-space:nowrap}.video-nav .video-nav__content h3:before{aspect-ratio:20/14;background:url(../../assets/images/play.svg) no-repeat 50%/cover;content:"";display:inline-block;inline-size:2rem;inset-block-start:-.2rem;margin-inline:-2.5rem .5rem;opacity:0;position:relative;transition:.3s;vertical-align:middle}.video-nav .video-nav__content .video-nav__image{display:grid;grid-template-rows:1fr;transition:.3s}.video-nav .video-nav__content .video-nav__image .video-nav__image__inner{overflow:hidden}.video-nav .video-nav__content .video-nav__image figure{padding:.5rem;position:relative}.video-nav .video-nav__content .video-nav__image figure:before{aspect-ratio:50/35;background:url(../../assets/images/play.svg) no-repeat 50%/cover;content:"";inline-size:5rem;inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(-50%,-50%);transition:.3s;z-index:2}.video-nav .video-nav__content .video-nav__image figure:after{background-color:#fff;block-size:100%;content:"";inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute;transition:.3s;z-index:1}.video-nav .video-nav__content .video-nav__image figure img{aspect-ratio:250/141;opacity:1}.video-nav .video-nav__link:hover .video-nav__content h3{color:rgba(0,0,0,.6)}.video-nav .video-nav__link:hover .video-nav__content figure:after{opacity:.6}.video-nav .video-nav__close{inset-block-start:-1.4rem;inset-inline-end:-1.2rem;position:absolute;transition:.3s}.video-nav .video-nav__close button{aspect-ratio:1;background-color:var(--color-video);border:3px solid #000;border-radius:100%;inline-size:3rem;text-align:center;transition:.3s}.video-nav .video-nav__close button span{border-color:#000 transparent transparent;border-style:solid;border-width:.9rem .6rem 0;margin-block-start:.2rem;position:absolute;transform:translate(-50%,-50%)}.video-nav .video-nav__close button:hover{background-color:#fff}.video-nav.is-close .video-nav__content h3:before{margin-inline-start:0;opacity:1}.video-nav.is-close .video-nav__content .video-nav__image{grid-template-rows:0fr}.video-nav.is-close .video-nav__content .video-nav__image figure:before{opacity:0}.video-nav.is-close .video-nav__close{opacity:0;pointer-events:none}