.spinoff-area{display:block;width:100%;background-repeat:no-repeat;background-size:cover;background:#f2e5d0 url(../images/spinoff/spinoff_bg_pc.jpg) no-repeat right top/100% auto}@media only screen and (max-width : 600px){.spinoff-area{background:#f2e5d0 url(../images/spinoff/spinoff_bg_sp.jpg) no-repeat right top/100% auto}}.spinoff-area .d-box-title{width:100%;max-width:1000px;height:96px;padding:0 20px;margin:0 auto 60px;background-position:center}.spinoff-area .d-box-title.hulu-title{background-image:url(../images/spinoff/spinoff_hulu_title.png)}.spinoff-area .d-box-title.intro-title{background-image:url(../images/spinoff/spinoff_intro_title.png)}@media only screen and (max-width : 600px){.spinoff-area .d-box-title{height:48px;margin-bottom:40px}}.hulu-box{margin-bottom:115px}@media only screen and (max-width : 600px){.hulu-box{margin-bottom:60px}}.hulu-box-title{overflow:hidden;font-size:0;display:block;width:100%;background-repeat:no-repeat;background-size:contain;width:72%;padding-top:calc(442 / 1362 * 72%);margin:0 auto 80px;background-image:url(../images/spinoff/spinoff_program_title.png)}@media only screen and (max-width : 600px){.hulu-box-title{margin:0 auto 40px}}.hulu-box-movie{position:relative;width:77%;padding-top:calc(315 / 560 * 77%);margin:0 auto 70px;overflow:hidden}.hulu-box-movie iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:10px solid #75a746}@media only screen and (max-width : 600px){.hulu-box-movie{width:100%;padding-top:calc(315 / 560 * 100%);margin:0 auto 40px}}.hulu-box-text{overflow:hidden;font-size:0;display:block;width:100%;background-repeat:no-repeat;background-size:contain;width:50%;padding-top:calc(215 / 896 * 50%);margin:0 auto 60px;background-image:url(../images/spinoff/spinoff_hulu_text.png)}@media only screen and (max-width : 600px){.hulu-box-text{margin:0 auto 40px}}.hulu-box-down{background-color:#f6ecdd;border-radius:10px}.hulu-box-down-inner{width:100%;max-width:725px;padding:40px 10px;margin:60px auto 0}@media only screen and (max-width : 600px){.hulu-box-down-inner{padding:20px 10px;margin:30px auto 0}}.hulu-box-down-title{margin-bottom:20px;font-size:2.4rem;font-weight:bold;text-align:center;letter-spacing:2px}@media only screen and (max-width : 600px){.hulu-box-down-title{margin-bottom:10px;font-size:1.5rem;letter-spacing:0}}.hulu-box-down-btn{width:100%;font-size:0;text-align:center}@media only screen and (max-width : 600px){.hulu-box-down-btn{width:100%;font-size:0}}.hulu-box-down-btn-google,.hulu-box-down-btn-apple{display:inline-block;width:48.45%;vertical-align:top}@media only screen and (max-width : 600px){.hulu-box-down-btn-google,.hulu-box-down-btn-apple{width:47%}}.hulu-box-down-btn-google:not(:first-child),.hulu-box-down-btn-apple:not(:first-child){margin-left:3.1%}@media only screen and (max-width : 600px){.hulu-box-down-btn-google:not(:first-child),.hulu-box-down-btn-apple:not(:first-child){margin-left:6%}}.hulu-box-down-btn-google a,.hulu-box-down-btn-apple a{overflow:hidden;font-size:0;display:block;width:100%;background-repeat:no-repeat;background-size:contain;display:block;padding-top:calc(85 / 300 * 100%);border-radius:3px}.hulu-box-down-btn-google a{background-image:url(../images/spinoff/spinoff_google.png)}.hulu-box-down-btn-apple a{background-image:url(../images/spinoff/spinoff_apple.png)}.intro-box{max-width:940px;margin:0 auto}.intro-box-img{display:flex;justify-content:center;max-width:880px;margin:0 auto}.intro-box-img>div{max-width:420px}.intro-box-img>div:nth-of-type(2){margin-left:40px}@media only screen and (max-width : 600px){.intro-box-img>div{max-width:100%}.intro-box-img>div:nth-of-type(2){margin-top:20px;margin-left:0}}@media only screen and (max-width : 600px){.intro-box-img{display:block}}.intro-box-text{overflow:hidden;font-size:0;display:block;width:100%;background-repeat:no-repeat;background-size:contain;width:92%;padding-top:calc(350 / 1842 * 92%);margin:80px auto 0;background-image:url(../images/spinoff/spinoff_intro_text.png)}@media only screen and (max-width : 600px){.intro-box-text{width:100%;padding-top:calc(350 / 1842 * 100%);margin:40px auto 0}}.intro-box-comment{padding:60px 20px;margin-top:70px;color:#fff;background-image:url(../images/spinoff/spinoff_comment_bg.png);border-radius:20px}@media only screen and (max-width : 600px){.intro-box-comment{padding:30px 20px;margin-top:40px}}.intro-box-comment-title{overflow:hidden;font-size:0;display:block;width:100%;background-repeat:no-repeat;background-size:contain;width:100%;max-width:1000px;height:96px;padding:0 20px;margin:0 auto 60px;background-position:center;height:55px;background-image:url(../images/spinoff/spinoff_comment_title.png)}@media only screen and (max-width : 600px){.intro-box-comment-title{height:48px;margin-bottom:40px}}@media only screen and (max-width : 600px){.intro-box-comment-title{height:30px}}.intro-box-comment-list{max-width:750px;margin:70px auto 0}@media only screen and (max-width : 600px){.intro-box-comment-list{margin:40px auto 0}}.intro-box-comment-item:not(:first-of-type){margin-top:80px}@media only screen and (max-width : 600px){.intro-box-comment-item:not(:first-of-type){margin-top:40px}}.intro-box-comment-name{width:100%;padding-bottom:35px;font-size:4rem;font-weight:900;line-height:1;text-align:center;border-bottom:1px solid #fff}@media only screen and (max-width : 600px){.intro-box-comment-name{padding-bottom:20px;font-size:2rem}}.intro-box-comment-text{margin-top:35px;font-size:1.8rem;line-height:1.5}@media only screen and (max-width : 600px){.intro-box-comment-text{margin-top:20px;font-size:1.2rem}}.intro-box-down{background-color:#f6ecdd;border-radius:10px}.intro-box-down-inner{width:100%;max-width:725px;padding:40px 10px;margin:60px auto 0}@media only screen and (max-width : 600px){.intro-box-down-inner{padding:20px 10px;margin:30px auto 0}}.intro-box-down-desc{margin-bottom:50px}@media only screen and (max-width : 600px){.intro-box-down-desc{margin-bottom:15px}}.intro-box-down-title{margin-bottom:20px;font-size:2.4rem;font-weight:bold;text-align:center;letter-spacing:2px}@media only screen and (max-width : 600px){.intro-box-down-title{margin-bottom:10px;font-size:1.5rem;letter-spacing:0}}.intro-box-down-text{font-size:1.4rem;text-align:center}@media only screen and (max-width : 600px){.intro-box-down-text{font-size:1.2rem;text-align:left}}.intro-box-down-btn{width:100%;font-size:0;text-align:center}@media only screen and (max-width : 600px){.intro-box-down-btn{width:100%;font-size:0}}.intro-box-down-btn-google,.intro-box-down-btn-apple{display:inline-block;width:48.45%;vertical-align:top}@media only screen and (max-width : 600px){.intro-box-down-btn-google,.intro-box-down-btn-apple{width:47%}}.intro-box-down-btn-google:not(:first-child),.intro-box-down-btn-apple:not(:first-child){margin-left:3.1%}@media only screen and (max-width : 600px){.intro-box-down-btn-google:not(:first-child),.intro-box-down-btn-apple:not(:first-child){margin-left:6%}}.intro-box-down-btn-google a,.intro-box-down-btn-apple a{overflow:hidden;font-size:0;display:block;width:100%;background-repeat:no-repeat;background-size:contain;display:block;padding-top:calc(85 / 300 * 100%);border-radius:3px}.intro-box-down-btn-google a{background-image:url(../images/spinoff/spinoff_google.png)}.intro-box-down-btn-apple a{background-image:url(../images/spinoff/spinoff_apple.png)}