@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");body{font-family:YakuHanJPs,"Zen Kaku Gothic New",-apple-system,BlinkMacSystemFont,"segoe ui","游ゴシック体","yu gothic",meiryo,Roboto,sans-serif}img{pointer-events:none}@keyframes fadein{to{opacity:1;transform:translateY(0)}}.wrapper{position:relative}#js-loader{position:fixed;width:100%;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#CEF9FF;top:0;left:0}#js-loader:before{content:"";display:block;width:100%;height:100%;background-size:cover;position:absolute;top:0;opacity:0.15;filter:blur(7px);left:0}@media screen and (max-width:480px){#js-loader:before{background-position:center center}}.logo{position:relative;z-index:10;display:grid;justify-items:center;display:flex;align-items:center;flex-direction:row-reverse}@media screen and (max-width:480px){.logo{justify-content:center}}.logo .title{display:block;width:31rem}@media screen and (max-width:480px){.logo .title{width:80%}}.logo .title img{width:100%}@keyframes fadein{to{opacity:1;transform:translateY(0);visibility:visible}}.headline{position:relative;background-color:#CEF9FF;padding-top:5rem;padding-right:1rem;padding-bottom:4rem;display:flex;flex-wrap:wrap;justify-content:center;background-image:url(../img/top_bg.svg);background-repeat:no-repeat;background-position:center -21vw;background-size:100%}@media screen and (max-width:920px){.headline{justify-content:space-between;padding-top:3rem;padding-bottom:4.5rem}}@media screen and (max-width:480px){.headline{z-index:10;padding:2rem 0;display:grid;justify-items:center;background-size:170%}}.headline .top-right{width:calc(100% - 48vw);max-width:43rem}@media screen and (max-width:920px){.headline .top-right{width:52%;margin-right:1%}}@media screen and (max-width:480px){.headline .top-right{width:100%;margin:0}}.headline .top-img{opacity:0;visibility:hidden;width:40vw;margin-right:3vw;z-index:10;position:relative;max-width:40rem}@media screen and (max-width:920px){.headline .top-img{margin-right:1.5%;margin-left:3%}}@media screen and (max-width:480px){.headline .top-img{width:50%;margin:0}}.headline .top-img img{max-width:100%;box-shadow:0 0 30px rgba(0,57,83,0.4)}.headline .icon01{width:51vw;position:absolute;bottom:1vw;left:calc(50% - 11.5vw);opacity:0;visibility:hidden;transform:translateX(-10%);max-width:58rem}@media screen and (max-width:920px){.headline .icon01{bottom:2vw}}@media screen and (max-width:480px){.headline .icon01{position:static;margin-top:3vw;width:63vw}}.headline .icon01 img{max-width:100%;filter:drop-shadow(0 0 5px rgba(0,0,0,0.2))}.headline .icon02{opacity:0;visibility:hidden;position:absolute;width:10vw;bottom:7%;right:2vw;max-width:8rem}@media screen and (max-width:920px){.headline .icon02{bottom:7%;right:1vw}}@media screen and (max-width:480px){.headline .icon02{bottom:10%;right:2vw;width:18vw}}.headline .icon02 img{max-width:100%;filter:drop-shadow(0 0 5px rgba(0,0,0,0.2))}.headline .icon03{opacity:0;visibility:hidden;position:absolute;width:10vw;bottom:23%;right:9%;max-width:8rem}@media screen and (max-width:920px){.headline .icon03{right:7%}}@media screen and (max-width:480px){.headline .icon03{bottom:6%;right:auto;width:18vw;left:3vw}}.headline .icon03 img{max-width:100%;filter:drop-shadow(0 0 5px rgba(0,0,0,0.2))}.headline h1{opacity:0;visibility:hidden;margin-top:2rem}@media screen and (max-width:1100px){.headline h1{margin-top:0}}@media screen and (max-width:480px){.headline h1{width:90%;margin:3% auto 0;position:relative;z-index:10}}.headline h1 img{width:100%}.headline .kikan{background:#ffe500;padding:1rem 0.5rem;font-weight:900;margin-top:0.3rem;font-size:18px;text-align:center;opacity:0;visibility:hidden}@media screen and (max-width:920px){.headline .kikan{font-size:16px}}@media screen and (max-width:480px){.headline .kikan{margin-top:-5px;padding:0.5rem}}.headline .kikan span{font-size:27px;display:inline-block;margin:0 3px}@media screen and (max-width:920px){.headline .kikan span{font-size:18px}}.headline .kikan span.name{font-size:18px}@media screen and (max-width:920px){.headline .kikan span.name{display:block;font-size:15px;margin-bottom:0.2rem}}.headline.fix h1{animation:a-fadein 1s ease forwards}.headline.fix .top-img{animation:a-fadein 1s ease forwards}.headline.fix .kikan{animation:a-fadein 1s ease forwards}.headline.fix .icon01{animation:b-fadein 1s ease-out 0.5s forwards}.headline.fix .icon02{animation:a-fadein 1s ease 1.5s forwards}.headline.fix .icon03{animation:a-fadein 1s ease 1s forwards}@keyframes a-fadein{to{opacity:1;visibility:visible;filter:blur(0);transform:translateY(0)}}@keyframes b-fadein{to{opacity:1;visibility:visible;transform:translateX(0)}}.main{background:#fff;position:relative;padding:8vw 0}.main .lead{max-width:1200px;width:90%;line-height:1.8;font-weight:600;font-size:32px;margin:0 auto;text-align:center}@media screen and (max-width:768px){.main .lead{font-size:24px}}@media screen and (max-width:480px){.main .lead{text-align:left;font-size:17px}.main .lead br{display:none}}.main .inr-main{background:#CEF9FF;margin-top:4rem}@media screen and (max-width:480px){.main .inr-main{margin-top:1rem}}.main .inr-main:before{content:"";width:100%;background:url(../img/main-bg_top.svg) no-repeat 0 0;background-size:157%;height:8vw;display:block;background-color:#fff}.main .inr-main:after{content:"";width:100%;background:url(../img/main-bg_bottom.svg) no-repeat center 0;background-size:157%;height:16vw;display:block;background-color:#fff}.main .inr-main .contents{margin:0 auto;padding:3rem 0 0}@media screen and (max-width:480px){.main .inr-main .contents{padding-top:2rem;width:auto}}.main .inr-main .contents h2{width:32rem;margin:0 auto}@media screen and (max-width:768px){.main .inr-main .contents h2{width:50vw}}@media screen and (max-width:480px){.main .inr-main .contents h2{width:80vw}}.main .inr-main .contents h2 img{width:100%}.main .inr-main .contents .precent-wrap{display:flex;justify-content:space-between;width:90%;max-width:1200px;margin:6rem auto 0}@media screen and (max-width:768px){.main .inr-main .contents .precent-wrap{flex-wrap:wrap;justify-content:center}}@media screen and (max-width:480px){.main .inr-main .contents .precent-wrap{margin-top:2rem}}.main .inr-main .contents .precent-wrap .item{width:48%;background:#ffffff;border-radius:30px;position:relative;padding:0 1.5rem 2rem;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,0.2)}@media screen and (max-width:768px){.main .inr-main .contents .precent-wrap .item{width:80%}}@media screen and (max-width:480px){.main .inr-main .contents .precent-wrap .item{width:90%;padding:0 1.2rem 1rem;border-radius:15px;margin-top:1.5rem}}@media screen and (max-width:768px){.main .inr-main .contents .precent-wrap .item.item-b{margin-top:4rem}}.main .inr-main .contents .precent-wrap .item .type{width:10.5rem;margin:-1.5rem auto 0}@media screen and (max-width:480px){.main .inr-main .contents .precent-wrap .item .type{width:7rem}}.main .inr-main .contents .precent-wrap .item .type img{width:100%}.main .inr-main .contents .precent-wrap .item .num{position:absolute;width:5rem;right:5px;top:-2rem}@media screen and (max-width:480px){.main .inr-main .contents .precent-wrap .item .num{width:3.5rem;right:10px;top:-1.2rem}}.main .inr-main .contents .precent-wrap .item .num img{width:100%}.main .inr-main .contents .precent-wrap .item h3{margin:2rem 0 0;display:grid;justify-items:center;height:2.5em;align-items:center;text-align:center;font-size:31px;font-weight:900;padding:1.2rem 0;background-image:repeating-linear-gradient(90deg,#000000,#000000 12px,transparent 12px,transparent 20px),repeating-linear-gradient(90deg,#000000,#000000 12px,transparent 12px,transparent 20px);background-position:left top,left bottom;background-repeat:repeat-x,repeat-x;background-size:100% 4px,100% 4px}@media screen and (max-width:480px){.main .inr-main .contents .precent-wrap .item h3{margin-top:1.5rem;font-size:25px;background-size:100% 3px,100% 3px;background-image:repeating-linear-gradient(90deg,#000000,#000000 8px,transparent 8px,transparent 15px),repeating-linear-gradient(90deg,#000000,#000000 8px,transparent 8px,transparent 15px)}}.main .inr-main .contents .precent-wrap .item h3 span{line-height:1.2}.main .inr-main .contents .precent-wrap .item .ph{width:65%;margin:0.8rem auto}@media screen and (max-width:480px){.main .inr-main .contents .precent-wrap .item .ph{margin:1rem auto;width:80%}}.main .inr-main .contents .precent-wrap .item .ph img{max-width:100%;vertical-align:bottom}.main .inr-main .contents .precent-wrap .item .ph.col2{width:auto;display:flex;justify-content:space-between}@media screen and (max-width:480px){.main .inr-main .contents .precent-wrap .item .ph.col2{flex-wrap:wrap;justify-content:center}}.main .inr-main .contents .precent-wrap .item .ph.col2 .ph-img{width:48%}@media screen and (max-width:480px){.main .inr-main .contents .precent-wrap .item .ph.col2 .ph-img{width:80%}}.main .inr-main .contents .precent-wrap .item p{line-height:1.8;font-size:15px;font-weight:500}@media screen and (max-width:480px){.main .inr-main .contents .precent-wrap .item p{font-size:13px;line-height:1.8}}.main .inr-main .contents .precent-wrap .item.item-a .ph.col2{margin-top:2rem;width:90%}@media screen and (max-width:480px){.main .inr-main .contents .precent-wrap .item.item-a .ph.col2{flex-wrap:nowrap;width:auto}}.main .inr-main .contents .quiz{margin:7rem auto 0;padding:3rem 0;background:#fffcd2;box-shadow:inset 0 0 10px rgba(0,0,0,0.2)}@media screen and (max-width:480px){.main .inr-main .contents .quiz{width:auto;margin:4rem auto 3rem;padding:1.8rem 0}}.main .inr-main .contents .quiz a{display:block;transition:all 0.5s ease;width:90%;max-width:48rem;margin:0 auto}@media screen and (max-width:480px){.main .inr-main .contents .quiz a{width:95%;margin:0 auto}}.main .inr-main .contents .quiz a img{width:100%;filter:drop-shadow(0 0 10px rgba(0,0,0,0.25))}@media screen and (max-width:480px){.main .inr-main .contents .quiz a img{filter:none}}@media (hover:hover){.main .inr-main .contents .quiz a:hover{opacity:0.5}}.book-area{box-sizing:border-box;position:relative}.book-area *{box-sizing:border-box}.book-area-inner{box-sizing:border-box;position:relative;margin:0 auto;z-index:10;display:flex;position:relative;justify-content:center;align-items:flex-start}@media screen and (max-width:920px){.book-area-inner{flex-wrap:wrap;width:90%}}.book-area-inner-wrap{margin:0 auto 5rem;position:relative;z-index:10;width:95%}@media screen and (max-width:920px){.book-area-inner-wrap{padding:4rem 0}}@media screen and (max-width:768px){.book-area-inner-wrap{width:80%}}@media screen and (max-width:480px){.book-area-inner-wrap{padding:0;margin:0 auto 2rem;width:100%}}.book-area-inner-item{padding:4rem 3rem;display:flex}@media screen and (max-width:920px){.book-area-inner-item{flex-wrap:wrap}}@media screen and (max-width:480px){.book-area-inner-item{padding:1rem}}.book-area-inner-book{z-index:10;position:relative;width:40%;max-width:350px}@media screen and (max-width:920px){.book-area-inner-book{width:80%;max-width:380px;margin-right:3%}}@media screen and (max-width:480px){.book-area-inner-book{max-width:280px;width:80%;margin-right:0}}.book-area-inner-book img{vertical-align:bottom;max-width:100%;width:100%;box-shadow:0 0 10px rgba(255,255,255,0.35)}.book-area-inner-detail{z-index:0;position:relative;box-sizing:border-box;padding:0 3% 3%;position:relative;box-sizing:border-box;letter-spacing:0.06em}@media screen and (max-width:920px){.book-area-inner-detail{width:80%;margin-top:3vw;max-width:380px;padding:0}}@media screen and (max-width:480px){.book-area-inner-detail{margin-top:2rem;width:100%;text-align:center}}.book-area-inner-detail .sub-detail{color:#6A6A6A;font-size:16px;font-size:1rem;margin-top:1rem}@media screen and (max-width:480px){.book-area-inner-detail .sub-detail{font-size:13px;font-size:0.8125rem}}.book-area-inner-title{font-size:46px;font-size:2.875rem;line-height:1.2;font-weight:700}@media screen and (max-width:768px){.book-area-inner-title{font-size:40px;font-size:2.5rem}}@media screen and (max-width:480px){.book-area-inner-title{font-size:26px;font-size:1.625rem;line-height:1.2}}.book-area-inner-title ruby>rt{font-size:12px}.book-area-inner-title span{display:block;font-size:22px;font-size:1.375rem;line-height:1.2}@media screen and (max-width:480px){.book-area-inner-title span{font-size:18px}}.book-area-inner-writer{font-size:19px;font-size:1.1875rem;margin-top:1.5rem;line-height:1.4;font-weight:500}@media screen and (max-width:480px){.book-area-inner-writer{font-size:14px;font-size:0.875rem;margin-top:1.2rem}}.book-area-inner-info{margin-top:1.5rem;font-weight:300;font-weight:500}.book-area-inner-info span{display:block;line-height:1.8;font-size:12px;font-size:0.75rem}.book-area-inner-info span.genre{margin:0.5rem 0;width:6em;text-align:center;padding:0.1rem;border:solid 1px #707070}@media screen and (max-width:768px){.book-area-inner-info span.genre{margin:0.5rem auto}}@keyframes anime-book{0%{transform:rotate(0deg)}to{transform:rotate(357deg)}}.book_sotre_list{margin:1.5rem 0 0;max-width:575px;list-style:none;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-start}@media screen and (max-width:768px){.book_sotre_list{justify-content:center}}@media screen and (max-width:480px){.book_sotre_list{justify-content:space-between;margin-top:2rem;max-width:none}}.book_sotre_list li{width:44%;margin-right:10px;text-align:center;margin-bottom:10px}@media screen and (max-width:920px){.book_sotre_list li{width:46%}}@media screen and (max-width:768px){.book_sotre_list li{width:44%}}@media screen and (max-width:480px){.book_sotre_list li{width:48%;margin:0 0 10px}}.book_sotre_list li a{padding:7px 15px;background:#fff;border:solid 1px #dcdcdc;box-sizing:border-box;display:block}@media screen and (min-width:481px) and (max-width:914px){.book_sotre_list li a{padding:7px 5px}}@media screen and (max-width:480px){.book_sotre_list li a{padding:7px 5px}}.book_sotre_list li a img{width:100%;max-width:100%;vertical-align:bottom}.book_sotre_list li a:hover{opacity:0.4;transition:opacity 0.3s ease-out}@media screen and (max-width:768px){.book_sotre_list li a:hover{opacity:1;transition:none}}.book_sotre_list li:nth-child(7),.book_sotre_list li:nth-child(8){margin-bottom:0}@keyframes anime-book{0%{transform:rotate(0deg)}to{transform:rotate(357deg)}}footer{z-index:10}.movie-area_v03{background:#000}@media screen and (max-width:480px){.movie-area_v03{position:relative;z-index:10}}.movie-area_v03 .movie-wrap{position:relative;display:block;width:100%;padding:28vw 0;transition:all 1s ease;clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);overflow:hidden}@media screen and (min-width:1200px){.movie-area_v03 .movie-wrap{padding:20vw 0}}.movie-area_v03 .movie-wrap video{filter:brightness(0.7);position:absolute;left:0;top:0;width:100%}.movie-area_v03 .movie-wrap a{position:absolute;width:100%;height:100%;left:0;top:0;text-decoration:none;display:block}@media screen and (max-width:480px){.movie-area_v03 .movie-wrap a{background:rgba(0,0,0,0.5)}}.movie-area_v03 .movie-wrap a:hover .text,.movie-area_v03 .movie-wrap a:hover img{opacity:0.5}.movie-area_v03 .movie-wrap a .bg-white{display:grid;align-content:center;justify-items:center;height:100%;position:relative}.movie-area_v03 .movie-wrap a .bg-white img{width:5rem}@media screen and (max-width:480px){.movie-area_v03 .movie-wrap a .bg-white img{width:3rem}}.movie-area_v03 .movie-wrap a .bg-white.active{z-index:10}.movie-area_v03 .movie-wrap a .bg-white .text{color:#fff;font-weight:bold;margin-top:0.5rem;text-shadow:0 0 5px rgba(0,0,0,0.3);text-align:center;line-height:1.6;font-size:30px}@media screen and (max-width:920px){.movie-area_v03 .movie-wrap a .bg-white .text{font-size:24px}}@media screen and (max-width:480px){.movie-area_v03 .movie-wrap a .bg-white .text{font-size:15px;line-height:1.4}}.movie-area_v03.fadein .movie-wrap{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.movie-area_v02{background:#000}@media screen and (max-width:480px){.movie-area_v02{position:relative;z-index:10}}.movie-area_v02 .movie-wrap #movie-block{position:relative;display:block;width:100%;padding:20vw 0;transition:all 1s ease;clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%)}@media screen and (max-width:768px){.movie-area_v02 .movie-wrap #movie-block{padding:20vw 0}}@media screen and (max-width:480px){.movie-area_v02 .movie-wrap #movie-block{padding:28vw 0}}.movie-area_v02 .movie-wrap #movie-block #wrapper_bg-movie{z-index:10}.movie-area_v02 .movie-wrap #movie-block #wrapper_bg-movie iframe{filter:brightness(0.7)}@media screen and (max-width:480px){.movie-area_v02 .movie-wrap #movie-block #wrapper_bg-movie iframe{filter:none;width:120%!important;height:105vh!important;margin-top:-34vh!important}}.movie-area_v02 .movie-wrap #movie-block a{position:absolute;width:100%;height:100%;left:0;top:0;text-decoration:none}@media screen and (max-width:480px){.movie-area_v02 .movie-wrap #movie-block a{background:rgba(0,0,0,0.5)}}.movie-area_v02 .movie-wrap #movie-block a:hover .text,.movie-area_v02 .movie-wrap #movie-block a:hover img{opacity:0.5}.movie-area_v02 .movie-wrap #movie-block a:before{content:"";display:block;position:absolute;width:100%;height:100%;background-size:contain}.movie-area_v02 .movie-wrap #movie-block .bg-white{display:grid;align-content:center;justify-items:center;height:100%;position:relative}.movie-area_v02 .movie-wrap #movie-block .bg-white img{width:5rem}@media screen and (max-width:480px){.movie-area_v02 .movie-wrap #movie-block .bg-white img{width:3rem}}.movie-area_v02 .movie-wrap #movie-block .bg-white.active{z-index:10}.movie-area_v02 .movie-wrap #movie-block .bg-white .text{color:#fff;font-weight:bold;margin-top:0.5rem;text-shadow:0 0 5px rgba(0,0,0,0.3);text-align:center;line-height:1.6;font-size:30px}@media screen and (max-width:920px){.movie-area_v02 .movie-wrap #movie-block .bg-white .text{font-size:24px}}@media screen and (max-width:480px){.movie-area_v02 .movie-wrap #movie-block .bg-white .text{font-size:15px;line-height:1.4}}.movie-area_v02 .movie-wrap #movie-block .bg-white .text .credit:before{content:"";display:block;width:16px;height:12px;background:url(../img/yt_icon.png) no-repeat 0 0;background-size:100%;margin-top:0.4rem;margin-right:0.2rem}@media screen and (max-width:480px){.movie-area_v02 .movie-wrap #movie-block .bg-white .text .credit:before{margin-top:0.18rem}}.movie-area_v02 .movie-wrap #movie-block .bg-white .text .credit{font-size:14px;display:flex;justify-content:center}@media screen and (max-width:480px){.movie-area_v02 .movie-wrap #movie-block .bg-white .text .credit{font-size:12px}}.movie-area_v02 .movie-wrap #movie-block .loding{position:absolute;width:100%;height:100%;background:#000000;top:0;left:0;display:grid;align-items:center;justify-content:center;color:#e55b5b;font-size:20px;font-weight:200;z-index:-10}.movie-area_v02.fadein .movie-wrap #movie-block{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}