@import url(https://fonts.googleapis.com/css2?family=Gloock&family=Grand+Hotel&family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&family=Staatliches&family=Zen+Kaku+Gothic+New&display=swap);
.d-contentsWrap{width:100%}@media(max-width: 600.98px){.d-contentsWrap{background-position:10% center;background-size:5% auto}}.d-contentsWrap [class*=-img] img{display:block;width:100%}.d-contentsWrap button{font-family:inherit;color:inherit}.d-main{width:100%;font-family:"Zen Kaku Gothic New",sans-serif;color:#1f2428;background-color:#edf0f4}@media(min-width: 993px){.d-main a{transition:opacity .1s ease}.d-main a:hover{opacity:.6}}.d-contentsBox-inner{overflow:hidden}.spinoff-intro-wrap,.spinoff-staff-area{width:100%;padding:60px 0;margin:0 auto}@media(max-width: 600.98px){.spinoff-intro-wrap,.spinoff-staff-area{padding:3% 10px}}.spinoff-intro-area__inner,.spinoff-story-area__inner,.spinoff-staff-area__inner{width:100%;max-width:1000px;padding:0 20px;margin:0 auto}@media(max-width: 600.98px){.spinoff-intro-area__inner,.spinoff-story-area__inner,.spinoff-staff-area__inner{width:100%;max-width:100%;padding:0;margin:0 auto}}.spinoff-box,.spinoff-intro-box,.spinoff-story-area__box,.spinoff-staff-box{word-break:break-all}.spinoff-title,.spinoff-hero,.spinoff-intro-title,.spinoff-staff-title{position:relative;width:100%;margin:0 auto 40px}@media(max-width: 600.98px){.spinoff-title,.spinoff-hero,.spinoff-intro-title,.spinoff-staff-title{margin:0 auto 8.5333333333vw}}.spinoff-title>span,.spinoff-hero>span,.spinoff-intro-title>span,.spinoff-staff-title>span{font-size:0;text-indent:-9999px;white-space:nowrap;display:block;padding-top:100px;background-repeat:no-repeat;background-position:center;background-size:contain}@media(max-width: 600.98px){.spinoff-title>span,.spinoff-hero>span,.spinoff-intro-title>span,.spinoff-staff-title>span{padding-top:80px}}.spinoff-area{position:relative;width:100%;padding:40px 0 0;margin:0 auto}@media(max-width: 600.98px){.spinoff-area{padding:48px 0 0}}.spinoff-area__inner{width:100%;margin:0 auto}@media(max-width: 600.98px){.spinoff-area__inner{width:100%;max-width:100%;padding:0;margin:0 auto}}.spinoff-title span{padding-top:88px}body.webp .spinoff-title span{background-image:url("/pankoi/images/spinoff/tit_hulu.webp")}body.no-webp .spinoff-title span{background-image:url("/pankoi/images/spinoff/tit_hulu.png")}@media(max-width: 600.98px){.spinoff-title span{padding-top:70.4px}}.spinoff-area-body{position:relative;padding-top:54.8611111111vw;padding-bottom:80px;margin-top:-52.7777777778vw;background-color:#3f4f59;--wave-height-max: 64;--wave-height-min: 18;--wave-height: clamp( var(--wave-height-min) * 1px, calc( var(--wave-height-min) * 1px + (var(--wave-height-max) - var(--wave-height-min)) * ((100vw - 375px) / (1440 - 375)) ), var(--wave-height-max) * 1px );-webkit-mask-image:url("/pankoi/images/common/bg/wave_pattern02.svg"),linear-gradient(to bottom, transparent 0%, transparent var(--wave-height), #000 var(--wave-height), #000 100%);mask-image:url("/pankoi/images/common/bg/wave_pattern02.svg"),linear-gradient(to bottom, transparent 0%, transparent var(--wave-height), #000 var(--wave-height), #000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:200% var(--wave-height),100% 100%;mask-size:200% var(--wave-height),100% 100%;-webkit-mask-position:0 1px,0 0;mask-position:0 1px,0 0}@media(max-width: 1000px)and (min-width: 993px){.spinoff-area-body{--wave-height-max: 50;--wave-height-min: 16}}@media(min-width: 1440px){.spinoff-area-body{-webkit-mask-size:2880px var(--wave-height),100% 100%;mask-size:2880px var(--wave-height),100% 100%;-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0}}@media(max-width: 992.98px){.spinoff-area-body{padding-top:53.3333333333vw;margin-top:-48vw}}.spinoff-mainV{position:relative;z-index:1;display:block;width:100%;padding:0 40px}@media(max-width: 600.98px){.spinoff-mainV{padding:0 10px}}.spinoff-mainV img{width:100%}.spinoff-hero{padding:0 40px;margin:0 auto 16px}.spinoff-hero span{padding-top:61px}body.webp .spinoff-hero span{background-image:url("/pankoi/images/spinoff/title.webp")}body.no-webp .spinoff-hero span{background-image:url("/pankoi/images/spinoff/title.png")}@media(max-width: 600.98px){.spinoff-hero span{padding-top:84px}body.webp .spinoff-hero span{background-image:url("/pankoi/images/spinoff/title_sp.webp")}body.no-webp .spinoff-hero span{background-image:url("/pankoi/images/spinoff/title_sp.png")}}.spinoff-lead{margin-bottom:40px;font-family:"TsukuGoPro-B",sans-serif;font-size:3.2rem;font-weight:700;line-height:1.6;color:#12c607;text-align:center;letter-spacing:.05em}@media(max-width: 600.98px){.spinoff-lead{margin-bottom:20px;font-size:1.8rem}}.spinoff-text{margin-bottom:40px;font-size:2.4rem;font-weight:700;color:#fff;text-align:center;letter-spacing:.05em}@media(max-width: 992.98px){.spinoff-text{margin-bottom:20px;font-size:1.4rem}}.spinoff-btn{position:absolute;bottom:0;left:50%;z-index:3;width:100%;max-width:550px;padding:0 40px;margin:0 auto;transform:translateX(-50%)}@media(max-width: 600.98px){.spinoff-btn{padding:0 20px}}.spinoff-btn>a{position:relative;z-index:10;display:block}.spinoff-btn>a img{width:100%}.spinoff-intro-area{position:relative;margin-top:-60px}.spinoff-intro-wrap{position:relative;padding:120px 0 60px;background-color:#fff;--wave-height-max: 64;--wave-height-min: 18;--wave-height: clamp( var(--wave-height-min) * 1px, calc( var(--wave-height-min) * 1px + (var(--wave-height-max) - var(--wave-height-min)) * ((100vw - 375px) / (1440 - 375)) ), var(--wave-height-max) * 1px );-webkit-mask-image:url("/pankoi/images/common/bg/wave_pattern02.svg"),linear-gradient(to bottom, transparent 0%, transparent var(--wave-height), #000 var(--wave-height), #000 100%);mask-image:url("/pankoi/images/common/bg/wave_pattern02.svg"),linear-gradient(to bottom, transparent 0%, transparent var(--wave-height), #000 var(--wave-height), #000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:200% var(--wave-height),100% 100%;mask-size:200% var(--wave-height),100% 100%;-webkit-mask-position:0 1px,0 0;mask-position:0 1px,0 0}@media(max-width: 1000px)and (min-width: 993px){.spinoff-intro-wrap{--wave-height-max: 50;--wave-height-min: 16}}@media(min-width: 1440px){.spinoff-intro-wrap{-webkit-mask-size:2880px var(--wave-height),100% 100%;mask-size:2880px var(--wave-height),100% 100%;-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0}}@media(max-width: 992.98px){.spinoff-intro-wrap{padding:100px 0 20px}}.spinoff-intro-wrap::before{position:absolute;bottom:0;left:0;z-index:-1;width:31.875%;aspect-ratio:459/1069;content:"";background-image:url("/pankoi/images/spinoff/bg/bg_intro_item_left.png");background-repeat:no-repeat;background-position:center;background-size:contain}@media(max-width: 600.98px){.spinoff-intro-wrap::before{width:42.4%;aspect-ratio:318/1108;background-image:url("/pankoi/images/spinoff/bg/bg_intro_item_left_sp.png")}}.spinoff-intro-wrap::after{position:absolute;right:0;bottom:-2.0833333333%;z-index:-1;width:31.875%;aspect-ratio:456/900;content:"";background-image:url("/pankoi/images/spinoff/bg/bg_intro_item_right.png");background-repeat:no-repeat;background-position:center;background-size:contain}@media(max-width: 600.98px){.spinoff-intro-wrap::after{bottom:-111px;width:45.8666666667%;aspect-ratio:344/956;background-image:url("/pankoi/images/spinoff/bg/bg_intro_item_right_sp.png")}}.spinoff-intro-title{margin-bottom:64px;margin-bottom:clamp(32px,4.4444444444vw,64px)}@media(max-width: 600.98px){.spinoff-intro-title{margin-bottom:32px}}.spinoff-intro-title span{padding-top:82px}body.webp .spinoff-intro-title span{background-image:url("/pankoi/images/spinoff/tit_intro.webp")}body.no-webp .spinoff-intro-title span{background-image:url("/pankoi/images/spinoff/tit_intro.png")}@media(max-width: 600.98px){.spinoff-intro-title span{padding-top:65.6px}}@media(max-width: 600.98px){.spinoff-intro-body{padding:0 20px}}.spinoff-intro-catch img{width:100%}@media(max-width: 600.98px){.spinoff-story-area{padding:0 20px}}.spinoff-story-body{container-type:inline-size;margin:0 auto 64px}@media(max-width: 600.98px){.spinoff-story-body{margin:0 auto 48px}}.spinoff-wave-contents{position:relative;padding-top:32px;background-color:#edf0f4;position:relative;z-index:1}.spinoff-wave-contents .bg-wave-contents{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;z-index:-1;background-color:#3f4f59;background-image:url(/pankoi/images/common/bg/wave_pattern02_white_spinoff.svg),url(/pankoi/images/common/bg/wave_pattern_nowave_gray.svg);background-repeat:repeat-x,repeat-x;background-position:left 0 top -1px,left 0 bottom -1px;background-size:2880px auto,2880px auto;background-color:#edf0f4}@media(max-width: 600.98px){.spinoff-wave-contents .bg-wave-contents{height:100%;background-size:1000px auto,1000px auto}}.spinoff-wave-contents::before{position:absolute;top:88px;left:0;width:317px;height:505px;content:"";background-image:url("/pankoi/images/spinoff/bg/bg_spinoff_item_green_left.png");background-repeat:no-repeat;background-position:center;background-size:contain}@media(max-width: 600.98px){.spinoff-wave-contents::before{top:28px;left:0;width:101px;height:220px;background-image:url("/pankoi/images/spinoff/bg/bg_spinoff_item_green_left_sp.png")}}.spinoff-wave-contents::after{position:absolute;right:0;bottom:0;width:505px;height:772px;content:"";background-image:url("/pankoi/images/spinoff/bg/bg_spinoff_item_green_right.png");background-repeat:no-repeat;background-position:center;background-size:contain}@media(max-width: 600.98px){.spinoff-wave-contents::after{bottom:-40px;width:189px;height:509px;background-image:url("/pankoi/images/spinoff/bg/bg_spinoff_item_green_right_sp.png")}}.spinoff-staff-area{padding:0 0 80px}@media(max-width: 600.98px){.spinoff-staff-area{padding:28px 20px 20px}}.spinoff-staff-title span{padding-top:72px}body.webp .spinoff-staff-title span{background-image:url("/pankoi/images/spinoff/tit_staff.webp")}body.no-webp .spinoff-staff-title span{background-image:url("/pankoi/images/spinoff/tit_staff.png")}@media(max-width: 600.98px){.spinoff-staff-title span{padding-top:57.6px}}@media(max-width: 992.98px){.spinoff-staff-box .spinoff-staff-list{max-width:600px;margin:0 auto}}.spinoff-staff-box .spinoff-staff-list>li{font-family:"TsukuGoPro-B",sans-serif;text-align:center}@media(max-width: 992.98px){.spinoff-staff-box .spinoff-staff-list>li{display:block;min-width:100%}}.spinoff-staff-box .spinoff-staff-list>li:not(:last-child){margin-bottom:32px}.spinoff-staff-box .spinoff-staff-list li+li{margin-top:16px}@media(max-width: 992.98px){.spinoff-staff-box .spinoff-staff-list li+li{margin-top:16px}}.spinoff-staff-box .spinoff-staff-list .role{display:inline-block;justify-self:end;padding:0 8px;margin-block-end:8px;font-size:1.6rem;font-weight:700;line-height:1.5;color:#fff;text-align:center;letter-spacing:.2em;background-color:#1f2428}@media(max-width: 600.98px){.spinoff-staff-box .spinoff-staff-list .role{margin-block-end:8px;font-size:1.4rem}}.spinoff-staff-box .spinoff-staff-list .staff,.spinoff-staff-box .spinoff-staff-list .staff--producer{display:flex;gap:2rem;justify-content:center;font-size:2.2rem;font-weight:700;line-height:1.8;letter-spacing:.2em}@media(max-width: 600.98px){.spinoff-staff-box .spinoff-staff-list .staff,.spinoff-staff-box .spinoff-staff-list .staff--producer{margin-block-end:16px;font-size:min(4.2666666667vw,16px)}}.spinoff-staff-box .spinoff-staff-list .staff--producer{padding-inline-start:114px}@media(max-width: 600.98px){.spinoff-staff-box .spinoff-staff-list .staff--producer{padding-inline-start:88px;white-space:nowrap}}.spinoff-staff-box .spinoff-staff-list .staff .txt-sm,.spinoff-staff-box .spinoff-staff-list .staff .txt-sm--block,.spinoff-staff-box .spinoff-staff-list .staff--producer .txt-sm,.spinoff-staff-box .spinoff-staff-list .staff--producer .txt-sm--block{font-size:1.6rem}@media(max-width: 600.98px){.spinoff-staff-box .spinoff-staff-list .staff .txt-sm,.spinoff-staff-box .spinoff-staff-list .staff .txt-sm--block,.spinoff-staff-box .spinoff-staff-list .staff--producer .txt-sm,.spinoff-staff-box .spinoff-staff-list .staff--producer .txt-sm--block{font-size:1.2rem;font-size:min(3.2vw,12px)}}.spinoff-staff-box .spinoff-staff-list .staff .txt-sm--block,.spinoff-staff-box .spinoff-staff-list .staff--producer .txt-sm--block{display:block}