.spinoff-area{padding:0 0 150px;margin:0 auto !important;background-image:linear-gradient(180deg, #66aa33 0%, rgba(102, 170, 51, 0) 100%),url(../images/spinoff/bg_spinoff.png);background-repeat:no-repeat;background-position:bottom;background-size:cover}@media(max-width: 600px){.spinoff-area{padding:0 15px 50px}}.spinoff-contents{max-width:1000px;margin:0 auto}.spinoff-mainV img{width:100%;vertical-align:middle}.spinoff-title{margin:0 auto 25px;text-align:center;font-size:2.8rem}.spinoff-title span{position:relative;display:inline-block;padding:0 0 .5em 0;font-family:"FOT-筑紫ゴシック Pro B","TsukuGoPro-B","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:bold;color:#5c6263;letter-spacing:.2em}.spinoff-title span::after{position:absolute;bottom:0;left:50%;display:block;width:120px;height:1px;content:"";background-color:#6a3;transform:translateX(-50%)}@media(max-width: 600px){.spinoff-title span::after{width:60px}}@media(max-width: 600px){.spinoff-title{margin:0 auto 20px;font-size:1.4rem}}.spinoff-intro{padding:50px 0 70px;margin:0 auto !important;background-image:url(../images/spinoff/bg_intro.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}@media(max-width: 600px){.spinoff-intro{padding:35px 0}}.spinoff-intro__text{max-width:830px;padding-top:61.8%;margin:0 auto;background-image:url(../images/spinoff/txt_intro.png);background-repeat:no-repeat;background-position:center;background-size:contain;font-size:0 !important;text-indent:100% !important;white-space:nowrap !important}@media(max-width: 600px){.spinoff-intro__text{padding-top:95.71%;margin:0 auto;background-image:url(../images/spinoff/txt_intro_sp.png)}}.spinoff-staff{padding:60px 0 80px;background-color:#fff}@media(max-width: 600px){.spinoff-staff{padding:30px 0 40px}}.spinoff-staff-list{display:block;width:100%;padding:0 15px;margin:0 auto 35px}@media(max-width: 600px){.spinoff-staff-list{margin:0 auto 20px}}.spinoff-staff-list:last-child{margin:0 auto}.spinoff-staff-list__item{display:flex;margin:0 0 15px}@media(max-width: 600px){.spinoff-staff-list__item{margin:0 0 8px}}.spinoff-staff-list__role{width:40%;padding:0 40px 0 0;color:#6a3;text-align:right;letter-spacing:.025em;font-size:2rem}@media(max-width: 600px){.spinoff-staff-list__role{padding:0 14px 0 0;font-size:1rem}}.spinoff-staff-list__name{width:60%;color:#838383;letter-spacing:.025em;font-size:2rem}.spinoff-staff-list__name span{font-size:1.5rem}@media(max-width: 600px){.spinoff-staff-list__name{font-size:1.3rem}.spinoff-staff-list__name span{font-size:1.2rem}}.spinoff-story{padding:60px 0 80px;background-color:#d9e8ef}.spinoff-story__text{max-width:830px;padding:0 15px;margin:0 auto}.spinoff-backnumber{padding:40px 65px;background-color:#333}@media(max-width: 992px){.spinoff-backnumber{padding:25px 10px 20px}}.spinoff-backnumber-list{display:flex;flex-wrap:wrap;width:100%;margin-bottom:10px;counter-reset:num}@media(max-width: 992px){.spinoff-backnumber-list{margin-bottom:20px}.spinoff-backnumber-list.is-wrap{padding:3% 3% 0}.spinoff-backnumber-list.is-wrap .spinoff-backnumber-list__item{width:100%;margin-left:0}.spinoff-backnumber-list.is-wrap .spinoff-backnumber-list__item .spinoff-backnumber-list__wrapper{display:flex;flex-wrap:nowrap}.spinoff-backnumber-list.is-wrap .spinoff-backnumber-list__image{align-self:auto;width:50%;padding-top:25.3125%}.spinoff-backnumber-list.is-wrap .spinoff-backnumber-list__description{align-self:flex-start;width:50%}}@media(max-width: 600px){.spinoff-backnumber-list.is-wrap{padding:3% 0}.spinoff-backnumber-list.is-wrap .spinoff-backnumber-list__image{padding-top:0;background-size:auto 120px}}.spinoff-backnumber-list__item{position:relative;flex-shrink:0;width:47%;margin-top:.8%;margin-bottom:3%;margin-left:3%;background-color:#878787}.spinoff-backnumber-list__item:nth-child(2n+1){margin-left:0}.spinoff-backnumber-list__item.display-num-icon:before{position:absolute;top:-10px;left:-5px;z-index:10;display:inline-block;width:4rem;height:4rem;font-size:1.6rem;line-height:2.5;color:#fff;text-align:center;letter-spacing:1px;content:"#" counter(num);counter-increment:num;background-color:#000;border-radius:100%}.spinoff-backnumber-list__item.display-num-icon.display-num-icon_reverse:before{counter-increment:num -1}.spinoff-backnumber-list__item.is-current:before{background-color:#999}.spinoff-backnumber-list__item.is-current .spinoff-backnumber-list__wrapper{pointer-events:none}.spinoff-backnumber-list__item.is-disabled .spinoff-backnumber-list__wrapper{pointer-events:none}.spinoff-backnumber-list__item .spinoff-backnumber-list__wrapper{width:100%;height:100%}@media(max-width: 992px){.spinoff-backnumber-list__item .spinoff-backnumber-list__wrapper{padding:30px 0 15px}}.spinoff-backnumber-list__image{width:100%;padding-top:56.25%;background-repeat:no-repeat;background-position:center;background-size:cover}@media(max-width: 600px){.spinoff-backnumber-list__image{min-height:140px;background-position:center top;background-size:auto 140px}}.spinoff-backnumber-list__description{position:relative;padding:30px 25px}@media(min-width: 993px){.spinoff-backnumber-list__description{min-height:189px}}@media(max-width: 992px){.spinoff-backnumber-list__description{padding:0 15px}}@media(max-width: 600px){.spinoff-backnumber-list__description{padding:0 10px}}.spinoff-backnumber-list__title{display:flex;align-items:center;justify-content:space-between;margin-bottom:3%;line-height:1}.spinoff-backnumber-list__number{margin-left:-25px;color:#fff;letter-spacing:.025em;font-size:2.4rem}@media(max-width: 992px){.spinoff-backnumber-list__number{margin-left:-10px;font-size:1.8rem}}@media(max-width: 600px){.spinoff-backnumber-list__number{margin-left:-7px}}.spinoff-backnumber-list__heading{color:#fff;letter-spacing:.025em;font-size:2rem}@media(max-width: 600px){.spinoff-backnumber-list__heading{font-size:1.4rem}}.spinoff-backnumber-list__oa{position:absolute;top:25px;right:0;width:155px;padding:.75em;color:#fff;text-align:center;background-color:#6a3;font-size:1.2rem}@media(max-width: 992px){.spinoff-backnumber-list__oa{top:-20px;width:95px;padding:.25em}}@media(max-width: 600px){.spinoff-backnumber-list__oa{font-size:1rem}}.spinoff-backnumber-list__text{font-size:1.2rem;color:#fff}@media(max-width: 600px){.spinoff-backnumber-list__text{font-size:1rem}}.spinoff-backnumber-btn .btn-spinoff{display:block;margin:0 auto;margin-bottom:30px}.spinoff-backnumber-btn .btn-spinoff:last-child{margin-bottom:0}@media(max-width: 600px){.spinoff-backnumber-btn .btn-spinoff{margin-bottom:20px}}.spinoff-trial{padding:50px 15px;background-color:#878787}@media(max-width: 600px){.spinoff-trial{padding:25px 15px}}.spinoff-trial-text{margin-bottom:20px;color:#fff;text-align:center;letter-spacing:.025em;font-size:2.4rem}@media(max-width: 600px){.spinoff-trial-text{margin-bottom:10px;font-size:1.6rem}}.spinoff-trial-banner{display:flex;justify-content:space-between;max-width:615px;margin:0 auto;margin-bottom:15px}@media(max-width: 600px){.spinoff-trial-banner{margin-bottom:5px}}.spinoff-trial-banner__item{width:48%}.spinoff-trial-banner__item img{width:100%}.spinoff-hulu{width:calc(100% - 12px);padding:50px 25px;margin:0 auto;margin-top:60px;background-color:#333;box-shadow:0 0 0 6px rgba(51,51,51,.5)}@media(max-width: 600px){.spinoff-hulu{padding:30px 25px;margin-top:25px}}.spinoff-hulu-title{margin-bottom:30px;font-family:"HiraKakuProN-W6",Meiryo,sans-serif;font-size:3.8rem;color:#6a3;text-align:center;letter-spacing:.2em}@media(max-width: 600px){.spinoff-hulu-title{margin-bottom:20px;font-size:2rem;letter-spacing:.1em}}.spinoff-hulu-text{margin-bottom:35px;color:#fff;text-align:center}@media(max-width: 600px){.spinoff-hulu-text{margin-bottom:20px}}.spinoff-hulu-btn{text-align:center}