@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap);#top{height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:100%;position:relative}#top h1,#top p,#top span{margin:0;color:#fff}#top h1:hover,#top p:hover,#top span:hover{cursor:default}#top .top-title{position:absolute;bottom:0;opacity:0;left:clamp(30px,4vw,60px);transition:all 1s}#top .top-title.loaded{bottom:50px;opacity:1}#top .top-title h1,#top .top-title span{-webkit-filter:brightness(95%);filter:brightness(95%)}#top .top-title h1{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;font-size:clamp(40px,4vw,70px);letter-spacing:2px}#top .top-title span{font-size:clamp(12px,1vw,20px)}#top .top-title span,#top p{font-family:"Noto Sans JP",sans-serif}#top p{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;position:absolute;right:0;opacity:0;transition:all 1s;bottom:50px;font-size:clamp(12px,4vw,25px);font-weight:100;letter-spacing:12px;-webkit-filter:brightness(85%);filter:brightness(85%)}#top p.loaded{right:clamp(30px,4vw,100px);opacity:1}#top img{position:absolute;left:clamp(30px,4vw,60px);top:-10px;width:55vw;max-width:400px;transition:all 1s;opacity:0}#top img.loaded{top:clamp(30px,25vw,120px);opacity:1}#comments #comments-text-container{margin-top:30px;font-size:clamp(10px,3vw,16px)}#comments #comments-text-container .comment{padding-left:15px;border-left:2px solid #79abe5;max-width:1200px;margin:0 auto 50px;font-family:"Noto Serif JP",serif;font-weight:lighter}#comments #comments-text-container .comment .comment-text p{color:#676767;margin:0}#comments #comments-text-container .comment .comment-text p:last-child{margin-bottom:16px}#comments #comments-text-container .comment:last-child{margin-bottom:0}#comments .video-responsive{margin-top:clamp(50px,12vw,100px)}#comments .video-responsive iframe{width:60%;height:80%}footer{color:#5a5a5a;text-align:center;font-family:"Noto Serif JP",serif}footer .casts,footer .staffs{margin-bottom:15px}footer .main-participants,footer .support-participants{margin:10px auto}footer .main-participants span:not(:last-child),footer .support-participants span:not(:last-child){margin-right:clamp(10px,1vw,30px)}footer .main-participants,footer .theme-song{font-size:clamp(14px,2vw,20px);padding:0 clamp(20px,2vw,30px)}footer .support-participants{font-weight:100;font-size:clamp(10px,1.7vw,16px);padding:0 clamp(20px,1.7vw,30px)}footer #footer-icons-container{width:clamp(100px,16vw,180px)}footer .copywright-information{color:#5a5a5a;font-weight:100}footer .theme-song{font-weight:500}footer .copywright-information p{margin-bottom:10px;font-weight:100;color:#5a5a5a;font-size:clamp(8px,1.3vw,12px)}.roadshow-table{font-family:"Noto Serif JP",serif;color:#525252;text-align:center;margin:clamp(45px,6vw,70px) 0}.roadshow-table:last-child{margin-top:0}.roadshow-table colgroup col:first-child,.roadshow-table colgroup col:nth-child(2){width:20%}.roadshow-table colgroup col:last-child{width:60%}.roadshow-table p{margin:30px 0 20px;font-size:clamp(20px,3vw,25px)}.roadshow-table table,.roadshow-table td,.roadshow-table th{border:1px solid #81b2d0}.roadshow-table table{border-collapse:collapse;margin:0 auto;width:clamp(200px,80vw,800px);font-size:clamp(10px,3vw,16px)}.roadshow-table table tr:first-child th{color:#fff}.roadshow-table table tr th{background-color:#81b2d0}.roadshow-table table tr a,.roadshow-table table tr a:visited{color:#81b2d0}.roadshow-table table td{padding:10px 1px}.getting-ready-container{text-align:center;color:#faebd7;background-image:url(https://res.cloudinary.com/wholemovie/image/upload/v1626530400/Whole_fc_422.00_01_23_18.Still004_jphjmt.jpg);height:100%;margin:0;background-position:50%;align-items:center}.getting-ready-container div{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.getting-ready-container h1{margin-top:0;font-family:"Noto Sans JP",sans-serif}.getting-ready-container p{font-family:"Noto Serif JP",serif}.timeline-container{margin:80px auto 0}.timeline-container iframe:first-child{margin-bottom:30px}@media only screen and (min-width:900px){.timeline-container{display:flex;justify-content:space-between;max-width:900px;margin-bottom:0}}@media only screen and (max-width:467px){.timeline-container iframe{width:100%}}#cast #main-casts,#cast #sub-casts{display:grid;grid-row-gap:50px}#cast #main-casts{grid-template-columns:repeat(auto-fill,minmax(clamp(14rem,52vw,48rem),1fr));margin:50px auto}#cast #main-casts .main-profile .introduction .role p{font-size:clamp(25px,6vw,38px)}#cast #main-casts .main-profile .introduction .role span{font-size:clamp(20px,4vw,30px)}#cast #main-casts .main-profile .introduction .slash{margin:0 15px}#cast #main-casts .main-profile .introduction .name p:first-child{font-size:clamp(15px,4vw,25px)}#cast #main-casts .main-profile .introduction .name p:last-child{font-size:clamp(10px,4vw,20px)}#cast #main-casts .main-profile img{width:clamp(120px,40vw,300px)}#cast #main-casts .main-profile .description{width:clamp(250px,45vw,500px);font-size:clamp(12px,3vw,18px)}#cast #sub-casts{grid-template-columns:repeat(auto-fill,minmax(clamp(10rem,70vw,34rem),2fr));margin:120px auto}#cast #sub-casts .sub-profile .introduction .role{display:flex;align-items:center}#cast #sub-casts .sub-profile .introduction .role p{font-size:clamp(16px,4vw,29px)}#cast #sub-casts .sub-profile .introduction .role span{font-size:clamp(12px,3vw,22px)}#cast #sub-casts .sub-profile .introduction .slash{margin:0 clamp(11px,2vw,15px)}#cast #sub-casts .sub-profile .introduction .name p:first-child{font-size:clamp(11px,3vw,17px)}#cast #sub-casts .sub-profile .introduction .name p:last-child{font-size:clamp(8px,3vw,12px)}#cast #sub-casts .sub-profile img{width:clamp(70px,35vw,250px)}#cast #sub-casts .sub-profile .description{width:clamp(250px,45vw,500px);font-size:clamp(9px,3vw,15px)}.introduction,.name{font-family:"Noto Serif JP",serif;display:flex;color:#525252}.introduction{justify-content:center;margin:20px 0}.introduction .slash{width:1px;background-color:#878787;-webkit-transform:rotate(10deg);transform:rotate(10deg)}.introduction .name{flex-direction:column;justify-content:center}.introduction .name p{margin:0}.introduction .name p:last-child{font-family:"Noto Serif",serif;color:#81b2d0}.introduction .role p{margin:0}.main-profile,.sub-profile{width:100%;margin:0 auto;color:#525252;font-family:"Noto Serif JP",serif}.main-profile img,.sub-profile img{border-radius:50%}.main-profile p,.sub-profile p{margin:0}.main-profile .profile-pic,.sub-profile .profile-pic{text-align:center}.main-profile .description,.sub-profile .description{margin:0 auto;font-weight:100;color:#676767!important}#staff #main-staffs,#staff #sub-staffs{display:grid}#staff #main-staffs{grid-row-gap:50px}#staff #sub-staffs{grid-row-gap:clamp(10px,2vw,50px)}#staff #main-staffs{grid-template-columns:repeat(auto-fill,minmax(clamp(14rem,52vw,48rem),1fr));margin:50px auto}#staff #main-staffs .main-profile .introduction .role p{font-size:clamp(25px,6vw,38px)}#staff #main-staffs .main-profile .introduction .role span{font-size:clamp(20px,4vw,30px)}#staff #main-staffs .main-profile .introduction .slash{margin:0 15px}#staff #main-staffs .main-profile .introduction .name p:first-child{font-size:clamp(15px,4vw,25px)}#staff #main-staffs .main-profile .introduction .name p:last-child{font-size:clamp(10px,4vw,20px)}#staff #main-staffs .main-profile img{width:clamp(120px,40vw,300px)}#staff #main-staffs .main-profile .description{width:clamp(250px,45vw,500px);font-size:clamp(12px,3vw,18px)}#staff #sub-staffs{grid-template-columns:repeat(auto-fill,minmax(clamp(18rem,32vw,23rem),3fr));margin:clamp(10px,10vw,120px) auto}#staff #sub-staffs .introduction .role{display:flex;align-items:center}#staff #sub-staffs .introduction .role p{font-size:clamp(16px,4vw,29px)}#staff #sub-staffs .introduction .role span{font-size:clamp(12px,3vw,22px)}#staff #sub-staffs .introduction .slash{margin:0 clamp(11px,2vw,15px)}#staff #sub-staffs .introduction .name p:first-child{font-size:clamp(11px,3vw,17px)}#staff #sub-staffs .introduction .name p:last-child{font-size:clamp(8px,3vw,12px)}#introduction{padding:100px 0!important}#introduction #intro-text{width:clamp(250px,75vw,1000px);margin:30px auto 0;font-family:"Noto Serif JP";font-weight:lighter;font-size:clamp(12px,2vw,16px);color:#676767}#introduction .marquee-wrapper{margin:clamp(30px,5vw,80px) 0}#introduction .marquee-wrapper .marquee-container .marquee{height:clamp(150px,20vw,450px)}#introduction .marquee-wrapper .marquee-container .marquee img{height:100%}#introduction .marquee-wrapper .marquee-container .overlay{display:none}#story div:last-child{width:clamp(250px,75vw,1000px);margin:30px auto 0;font-family:"Noto Serif JP";font-weight:lighter;font-size:clamp(12px,2vw,16px);color:#676767}.section-title{text-align:center}.section-title h2{text-underline-offset:10px;text-decoration:underline;width:auto;text-decoration-thickness:1px;-webkit-text-decoration-color:#c9c9c9;text-decoration-color:#c9c9c9;font-size:clamp(24px,5vw,35px);margin-top:0;margin-bottom:4px;padding-bottom:4px;font-family:"Noto Sans JP",sans-serif;color:#525252}.section-title span{font-family:"Noto Sans",sans-serif;color:#81b2d0;font-size:clamp(11px,2vw,16px)}.icons-container{display:flex;justify-content:space-between;margin:0 auto}.icons-container p{font-weight:500;color:#5a5a5a}.icons-container i{font-size:clamp(18px,3vw,31px);color:#3c3c3c}.video-responsive{padding-bottom:40%;position:relative;height:0;margin:30px auto 0}.video-responsive iframe{left:0;top:0;right:0;height:100%;width:85%;position:absolute;margin:0 auto}/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */nav{position:fixed;top:0;width:100%;z-index:1;height:clamp(65px,16vw,80px);background-color:#fff}nav .navigation-contents{display:flex;align-items:center;height:100%;justify-content:space-between;width:95%;opacity:0;transition:opacity 2s;margin:0 auto}nav .navigation-contents.loaded{opacity:1}nav .navigation-contents a{font-family:"Open Sans",sans-serif;text-decoration:none}nav .navigation-contents a,nav .navigation-contents a:visited{color:#666}nav #logo{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#525252;-webkit-filter:brightness(0);filter:brightness(0);font-weight:700;font-size:clamp(27px,5vw,32px)}nav .navigation-links{width:clamp(500px,80vw,1250px);display:flex;justify-content:space-between}nav .navigation-links a{position:relative;transition:-webkit-filter .3s linear;transition:filter .3s linear;transition:filter .3s linear,-webkit-filter .3s linear;font-size:16px}nav .navigation-links a:before{content:"";position:absolute;width:100%;height:1px;background-color:#525252;top:85%;left:0;pointer-events:none;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}nav .navigation-links a.active,nav .navigation-links a:hover{-webkit-filter:brightness(0);filter:brightness(0)}nav .navigation-links a.active:before,nav .navigation-links a:hover:before{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(1);transform:scaleX(1)}nav #hamburger-container .hamburger{padding:0;display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;z-index:1}nav #hamburger-container .hamburger.is-active:hover,nav #hamburger-container .hamburger:hover{opacity:.7}nav #hamburger-container .hamburger.is-active nav #hamburger-container .hamburger-inner,nav #hamburger-container .hamburger.is-active nav #hamburger-container .hamburger-inner:after,nav #hamburger-container .hamburger.is-active nav #hamburger-container .hamburger-inner:before{background-color:#525252}nav #hamburger-container .hamburger-box{width:40px;height:24px;display:inline-block;position:relative}nav #hamburger-container .hamburger-inner{display:block;top:50%;margin-top:-2px}nav #hamburger-container .hamburger-inner,nav #hamburger-container .hamburger-inner:after,nav #hamburger-container .hamburger-inner:before{width:36px;height:2px;background-color:#525252;border-radius:4px;position:absolute;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.15s;transition-timing-function:ease}nav #hamburger-container .hamburger-inner:after,nav #hamburger-container .hamburger-inner:before{content:"";display:block}nav #hamburger-container .hamburger-inner:before{top:-10px}nav #hamburger-container .hamburger-inner:after{bottom:-10px}nav #hamburger-container .hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}nav #hamburger-container .hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}nav #hamburger-container .hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19)}nav #hamburger-container .hamburger--squeeze.is-active .hamburger-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}nav #hamburger-container .hamburger--squeeze.is-active .hamburger-inner:before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms ease .12s}nav #hamburger-container .hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s}nav #hamburger-container .navigation-contents{position:absolute;top:0;height:100vh;background-color:#fff;z-index:-1;right:-100vw;width:100vw;visibility:hidden;opacity:1!important;transition:right .3s ease-in-out,visibility .3s ease-in-out}nav #hamburger-container .navigation-contents.active{visibility:visible;right:0}nav #hamburger-container .navigation-contents .navigation-links{flex-direction:column;align-items:center;justify-content:space-between;height:clamp(400px,90vw,500px);width:100%}nav #hamburger-container .navigation-contents .navigation-links a{font-size:clamp(12px,3vw,16px)}.loading-page{height:100vh;width:100vw;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;background:#5d9bbe;opacity:1;transition:all .3s ease-out}.loading-page.loaded{opacity:0;visibility:hidden}.loading-page .moon{background:#a8bece;width:clamp(180px,30vw,256px);height:clamp(180px,30vw,256px);border-radius:50%;position:relative}.loading-page .moon .moon-cover{background:#5d9bbe;position:absolute;top:0;right:0;height:100%;border-radius:50%;transition:width .4s}.loading-page h1,.loading-page p{color:#fff}.loading-page h1:hover,.loading-page p:hover{cursor:default}.loading-page h1{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;margin-bottom:0;font-size:clamp(25px,4vw,32px)}.loading-page p{font-family:"Noto Sans",sans-serif;-webkit-filter:brightness(85%);filter:brightness(85%);margin:0;font-size:clamp(12px,2vw,16px)}#special-thanks #thank-you-message{margin:70px auto;width:60%;font-size:clamp(12px,2vw,16px)}#special-thanks #thank-you-message p{font-family:"Noto Serif JP",serif;font-weight:lighter;color:#282828}#special-thanks #supporters{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(5rem,43vw,15rem),1fr));grid-row-gap:30px;justify-content:center;font-size:16px;text-align:center}#special-thanks #supporters .supporter{color:#676767;border-left:1px solid #81b2d0}#special-thanks #supporters .supporter p{font-family:"Noto Serif JP",serif;margin:0;font-size:clamp(12px,2vw,16px)}#public-screenings .main-contents .links .blue-button,#public-screenings .main-contents .links .white-button{border-radius:.5625rem;display:flex;padding:.9375rem 1.25rem;justify-content:center;align-items:center;grid-gap:.625rem;gap:.625rem;font-family:"Noto Serif JP",serif;font-size:clamp(.75rem,2vw,1rem);font-style:normal;font-weight:300;line-height:normal;letter-spacing:-.05625rem;transition:all .3s}#public-screenings .main-contents{width:clamp(16.25rem,80vw,70.3125rem);margin:3rem auto 0}#public-screenings .main-contents img{width:100%}#public-screenings .main-contents .texts{margin-top:clamp(2rem,5vw,3rem)}#public-screenings .main-contents .texts h2,#public-screenings .main-contents .texts p{margin:0 0 1.5rem}#public-screenings .main-contents .texts h2{color:#81b2d0;font-family:"Noto Sans JP",serif;font-size:clamp(1.2rem,3vw,1.5rem);font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.09375rem;margin-bottom:1rem}#public-screenings .main-contents .texts p{color:#424242;font-family:"Noto Serif JP",serif;font-size:clamp(.75rem,2vw,1rem);font-style:normal;font-weight:300;line-height:normal;letter-spacing:-.06875rem;line-height:1.6rem}#public-screenings .main-contents .links{display:flex;align-items:flex-start;grid-gap:3rem;gap:3rem;margin-bottom:1rem}#public-screenings .main-contents .links a{text-decoration:none;box-sizing:border-box}#public-screenings .main-contents .links .blue-button{background:#81b2d0;color:#fff;border:.0625rem solid #81b2d0}#public-screenings .main-contents .links .blue-button:visited{color:#fff}#public-screenings .main-contents .links .blue-button:hover{background:#fff;color:#81b2d0}#public-screenings .main-contents .links .white-button{background:#fff;color:#81b2d0;border:.0625rem solid #81b2d0}#public-screenings .main-contents .links .white-button:visited{color:#81b2d0}#public-screenings .main-contents .links .white-button:hover{background:#81b2d0;color:#fff}#public-screenings .main-contents small{color:#8c8c8c;font-family:"Noto Serif JP",serif;font-size:clamp(.5rem,2vw,.75rem);font-style:normal;font-weight:300;line-height:normal;letter-spacing:-.0375rem}@media screen and (max-width:500px){#public-screenings .links{flex-direction:column;grid-gap:1rem!important;gap:1rem!important}#public-screenings .links a{width:100%}}#trailer .content{display:flex;flex-direction:column;justify-content:center;text-align:left;width:clamp(15rem,80vw,56.9375rem);margin:0 auto}#trailer .content h2{color:#81b2d0;font-family:"Noto Sans JP","serif";font-size:clamp(2rem,7vw,3rem);font-weight:600;margin-bottom:1rem}#trailer .content p{margin:0;color:#525252}#trailer .content p,#trailer .content p a{font-family:"Noto Serif JP","serif";font-size:clamp(1rem,3vw,1.25rem);font-weight:300}#trailer .content p a{-webkit-text-decoration-line:underline;text-decoration-line:underline}#trailer .content p a,#trailer .content p a:visited{color:#81b2d0}#trailer .content .video-container{padding:56.25% 0 0;position:relative;margin-top:clamp(2.75rem,10vw,4.75rem)}#trailer .content .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}body,html{width:100%;height:100%;overflow-x:hidden;overflow-y:hidden;position:fixed}body{margin:0;padding:0;-ms-scroll-chaining:none;overscroll-behavior:none}#root{height:100%;background-image:url(https://res.cloudinary.com/wholemovie/image/upload/v1626530400/Whole_fc_422.00_01_23_18.Still004_jphjmt.jpg);background-size:cover;background-repeat:no-repeat;background-position:100%}#root .container{padding:100px 30px}#root .container:nth-child(2n){background-color:#fff}#root .container:nth-child(odd){background-color:#f7faff}@media only screen and (max-width:1200px){#root{background-position-x:70%;background-position-y:clamp(0,20vw,60px)}}
/*# sourceMappingURL=main.b57801ae.chunk.css.map */