@charset "UTF-8";body{font-family:-apple-system, BlinkMacSystemFont,"segoe ui","游ゴシック体","yu gothic",meiryo,Roboto,sans-serif;position:relative}@media screen and (max-width:480px){body{overflow:auto}}body.fixed{overflow:hidden}img{pointer-events:none}@-webkit-keyframes fadein{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadein{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.wrapper{overflow-x:hidden}header{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0;padding:2rem 0 0;background:url(../img/top_bg.jpg) no-repeat 0 0;background-color:#000;background-size:cover;min-height:50vw}@media screen and (max-width:480px){header{min-height:auto}}header .lead01{width:35vw;margin:0 auto;position:relative;z-index:10;max-width:454px}@media screen and (max-width:480px){header .lead01{width:69vw}}header .lead01:after{content:"";position:absolute;background:#000;height:3vw;width:0;-webkit-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;left:-2.5%;bottom:0;z-index:0}header .lead01 img{opacity:0;width:100%;position:relative;z-index:10;-webkit-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}header .lead02{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:10;width:50vw;margin:0 auto;max-width:650px}@media screen and (max-width:480px){header .lead02{width:84vw}}header .lead02:after{position:absolute;content:"";display:block;height:.5px;width:0;background:#eee;-webkit-box-shadow:0 0 5px rgba(162, 23, 23, 0.75);box-shadow:0 0 5px rgba(162, 23, 23, 0.75);bottom:2.5vw;left:1.2vw;-webkit-transition:all .5s linear 2.4s;-o-transition:all .5s linear 2.4s;transition:all .5s linear 2.4s}header .lead02 span img{max-width:100%}header .lead02__item01{display:block;width:14vw;opacity:0;-webkit-transition:all .5s linear 1s;-o-transition:all .5s linear 1s;transition:all .5s linear 1s}@media screen and (max-width:480px){header .lead02__item01{width:20vw}}header .lead02__item02{display:block;width:18vw;opacity:0;-webkit-transition:all .5s linear 1.7s;-o-transition:all .5s linear 1.7s;transition:all .5s linear 1.7s}@media screen and (max-width:480px){header .lead02__item02{width:28vw}}header .lead02__item03{display:block;width:18vw;opacity:0;-webkit-transition:all .5s linear 2.4s;-o-transition:all .5s linear 2.4s;transition:all .5s linear 2.4s;margin:0 0 1.5vw}@media screen and (max-width:480px){header .lead02__item03{width:28vw}}header .lead02__icon{display:block;width:5vw;margin:0 -2vw 0;opacity:0;-webkit-transition:all .5s linear 1.7s;-o-transition:all .5s linear 1.7s;transition:all .5s linear 1.7s}header .lead03{margin:0 auto;width:40vw;position:relative;z-index:10;opacity:0;-webkit-transition:all .5s linear 3.2s;-o-transition:all .5s linear 3.2s;transition:all .5s linear 3.2s;max-width:460px}@media screen and (max-width:480px){header .lead03{width:64vw;margin-top:2vw}}header .lead03 img{width:100%}header h1{position:relative;z-index:10}header h1 .title01{display:block;width:91vw;margin:-1vw auto 0;opacity:0;max-width:1223px}@media screen and (max-width:480px){header h1 .title01{margin-top:6vw;width:100%}}header h1 .title01 img{max-width:100%}@media screen and (max-width:480px){header h1 .title01 img{max-width:none;width:110%;margin-left:-5%}}header h1 .title02{display:block;width:46vw;margin:-7vw auto 0;opacity:0;max-width:620px}@media screen and (min-width:1400px){header h1 .title02{margin-top:-7rem}}@media screen and (max-width:480px){header h1 .title02{width:66vw}}header h1 .title02 img{max-width:100%}header h1 img{width:100%}header h1 .boms{position:absolute;top:-67%;left:0;width:100%}header h1 .boms span{display:block;width:100%;height:100%;-webkit-transform:scale(0.1);-ms-transform:scale(0.1);transform:scale(0.1);opacity:0}header h1 .boms span img{width:100%}header h2{width:16vw;margin:-1vw auto 0;position:relative;z-index:10;opacity:0;-webkit-transition:all .5s ease 4.5s;-o-transition:all .5s ease 4.5s;transition:all .5s ease 4.5s;max-width:241px}@media screen and (max-width:480px){header h2{width:38vw;margin-top:-3.5vw}}header h2 img{width:100%}header .lead04{background:-webkit-gradient(linear, left top, right top, from(#050505), color-stop(15%, #9A9400), color-stop(52%, #8c8813), color-stop(85%, #827d06), to(#000000));background:-webkit-linear-gradient(left, #050505 0%, #9A9400 15%, #8c8813 52%, #827d06 85%, #000000 100%);background:-o-linear-gradient(left, #050505 0%, #9A9400 15%, #8c8813 52%, #827d06 85%, #000000 100%);background:linear-gradient(to right, #050505 0%, #9A9400 15%, #8c8813 52%, #827d06 85%, #000000 100%);color:#fff;padding:2rem 9vw;position:relative;z-index:10;line-height:1.8;font-size:21px;font-size:1.3125rem;font-weight:bold;text-shadow:0 0 5px rgba(0, 0, 0, 0.5);margin-top:2vw;-webkit-transform:scale(0, 1);-ms-transform:scale(0, 1);transform:scale(0, 1);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:all .5s ease 4.8s;-o-transition:all .5s ease 4.8s;transition:all .5s ease 4.8s}@media screen and (max-width:1200px){header .lead04{font-size:18px;font-size:1.125rem}}@media screen and (max-width:920px){header .lead04{font-size:16px;font-size:1rem;padding:1.2rem 9vw}}@media screen and (max-width:480px){header .lead04{padding:.8rem 8vw;background:-webkit-gradient(linear, left top, right top, from(#050505), color-stop(5%, #7f7c27), color-stop(52%, #747235), color-stop(95%, #7f7c27), to(#000000));background:-webkit-linear-gradient(left, #050505 0%, #7f7c27 5%, #747235 52%, #7f7c27 95%, #000000 100%);background:-o-linear-gradient(left, #050505 0%, #7f7c27 5%, #747235 52%, #7f7c27 95%, #000000 100%);background:linear-gradient(to right, #050505 0%, #7f7c27 5%, #747235 52%, #7f7c27 95%, #000000 100%);font-size:13px;font-size:0.8125rem;margin-top:5vw}}header .lead04 span{opacity:0;-webkit-transition:all .5s ease 5.2s;-o-transition:all .5s ease 5.2s;transition:all .5s ease 5.2s}header .bg-img{opacity:0;position:absolute;bottom:13vw;width:100%;left:0;-webkit-transition:all .5s ease 4s;-o-transition:all .5s ease 4s;transition:all .5s ease 4s}@media screen and (min-width:1600px){header .bg-img{top:-21%;bottom:0}}@media screen and (max-width:1200px){header .bg-img{top:-2vw;width:114%;left:-10%}}@media screen and (max-width:480px){header .bg-img{top:14vw;width:150%;margin-left:-15%}}header .bg-img img{width:100%}header.active .lead01:after{width:105%}header.active .lead01 img{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}header.active .lead02:after{width:95%}header.active .lead02__icon,header.active .lead02__item01,header.active .lead02__item02,header.active .lead02__item03{opacity:1}header.active .lead03{opacity:1}header.active h1 .title01,header.active h1 .title02{-webkit-animation:title .5s ease 4.2s forwards;animation:title .5s ease 4.2s forwards}header.active h1 .boms span{-webkit-animation:bom .8s ease 4s forwards;animation:bom .8s ease 4s forwards}header.active h2{opacity:1}header.active .bg-img{opacity:1}header.active .lead04{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}header.active .lead04 span{opacity:1}@-webkit-keyframes bom{0%{display:block;opacity:0;-webkit-transform:scale(0);transform:scale(0)}10%{opacity:1}50%{opacity:1;-webkit-transform:scale(3);transform:scale(3)}to{opacity:0;-webkit-transform:scale(4);transform:scale(4)}}@keyframes bom{0%{display:block;opacity:0;-webkit-transform:scale(0);transform:scale(0)}10%{opacity:1}50%{opacity:1;-webkit-transform:scale(3);transform:scale(3)}to{opacity:0;-webkit-transform:scale(4);transform:scale(4)}}@-webkit-keyframes title{0%{opacity:0}30%{opacity:1}45%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(2);transform:scale(2)}85%{-webkit-transform:scale(0.8);transform:scale(0.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes title{0%{opacity:0}30%{opacity:1}45%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(2);transform:scale(2)}85%{-webkit-transform:scale(0.8);transform:scale(0.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.main-c{background:url(../img/main_bg.jpg);background-size:contain;padding:4rem 0}@media screen and (max-width:480px){.main-c{padding:3rem 0}}.main-c-inr{max-width:1300px;width:90%;margin:0 auto;position:relative}@media screen and (max-width:480px){.main-c-inr{width:auto}}.main-c-inr:before{content:"";width:5px;height:0;display:block;background:-webkit-gradient(linear, left top, left bottom, from(#ad2828), to(#1a62aa));background:-webkit-linear-gradient(top, #ad2828 0%, #1a62aa 100%);background:-o-linear-gradient(top, #ad2828 0%, #1a62aa 100%);background:linear-gradient(180deg, #ad2828 0%, #1a62aa 100%);position:absolute;right:18px;top:20px;border-radius:5px;z-index:10;-webkit-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease}@media screen and (max-width:768px){.main-c-inr:before{top:0}}@media screen and (max-width:480px){.main-c-inr:before{right:9px;width:5px;top:1.1%}}@media screen and (max-width:480px){.main-c-inr .inr-box h2{margin:0 auto;text-align:center}}.main-c-inr .inr-box h2 img{width:13rem;opacity:0}@media screen and (max-width:768px){.main-c-inr .inr-box h2 img{width:20vw}}@media screen and (max-width:480px){.main-c-inr .inr-box h2 img{width:9rem}}.main-c-inr .inr-box h2:after{content:"";display:block;width:16rem;height:1px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;background:-webkit-linear-gradient(355deg, #f0e02e, transparent);background:-o-linear-gradient(355deg, #f0e02e, transparent);background:linear-gradient(95deg, #f0e02e, transparent)}@media screen and (max-width:768px){.main-c-inr .inr-box h2:after{width:26vw}}@media screen and (max-width:480px){.main-c-inr .inr-box h2:after{width:42vw;margin:4px auto 0}}.main-c-inr .inr-box .item{background:#363636;margin:1.5rem 0;padding:2rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative;opacity:0}@media screen and (max-width:768px){.main-c-inr .inr-box .item{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:2.5rem 0}}@media screen and (max-width:480px){.main-c-inr .inr-box .item{padding:2.5rem 2rem}}.main-c-inr .inr-box .item .ph{width:214px;-ms-flex-negative:0;flex-shrink:0;border:solid 0.5px #fff}@media screen and (max-width:920px){.main-c-inr .inr-box .item .ph{width:175px}}@media screen and (max-width:768px){.main-c-inr .inr-box .item .ph{width:80%;max-width:250px}}.main-c-inr .inr-box .item .ph a{display:block;background:#fff}@media screen and (min-width:921px){.main-c-inr .inr-box .item .ph a:hover img{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;opacity:.6}}.main-c-inr .inr-box .item .ph img{max-width:100%;vertical-align:top}.main-c-inr .inr-box .item .detail{color:#fff;margin-left:4rem;padding-right:4vw}@media screen and (max-width:920px){.main-c-inr .inr-box .item .detail{margin-left:2rem}}@media screen and (max-width:480px){.main-c-inr .inr-box .item .detail{margin:0;padding:0}}.main-c-inr .inr-box .item .detail .series{background:#f0e02e;color:#000;padding:0.1rem;width:8rem;font-size:14px;font-size:0.875rem;font-weight:bold;text-align:center}@media screen and (max-width:768px){.main-c-inr .inr-box .item .detail .series{margin:2rem auto 0}}@media screen and (max-width:480px){.main-c-inr .inr-box .item .detail .series{font-size:13px;font-size:0.8125rem}}.main-c-inr .inr-box .item .detail h3{font-size:42px;font-size:2.625rem;margin:1rem 0 2rem}@media screen and (max-width:768px){.main-c-inr .inr-box .item .detail h3{text-align:center}}@media screen and (max-width:480px){.main-c-inr .inr-box .item .detail h3{font-size:35px;font-size:2.1875rem}}.main-c-inr .inr-box .item .detail p{line-height:1.8}@media screen and (max-width:480px){.main-c-inr .inr-box .item .detail p{font-size:14px;font-size:0.875rem}}.main-c-inr .inr-box .item .detail a{display:block;background:#000;padding:1.2rem 1rem;width:12rem;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:14px;font-size:0.875rem;margin-top:2rem;border:solid #fff 0.5px;color:#fff;text-decoration:none}@media screen and (max-width:768px){.main-c-inr .inr-box .item .detail a{margin:2rem auto 0}}@media screen and (max-width:480px){.main-c-inr .inr-box .item .detail a{padding:1rem}}@media screen and (min-width:921px){.main-c-inr .inr-box .item .detail a:hover{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background:#fff;color:#000}}@media screen and (max-width:480px){.main-c-inr .inr-box .item.book01{margin-top:6rem}}.main-c-inr .inr-box .point{position:absolute;right:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:100;top:19px}@media screen and (max-width:768px){.main-c-inr .inr-box .point{top:-16px}}@media screen and (max-width:480px){.main-c-inr .inr-box .point{top:-16px;right:6px}}.main-c-inr .inr-box .point-icon{display:block;width:17px;height:17px;opacity:0;position:relative;z-index:100}@media screen and (max-width:768px){.main-c-inr .inr-box .point-icon{width:15px;height:15px}}@media screen and (max-width:480px){.main-c-inr .inr-box .point-icon{width:12px;height:12px}}.main-c-inr .inr-box .point-icon img{width:100%;vertical-align:top}.main-c-inr .inr-box .point .line{display:block;width:12px;height:2px;background:#fff;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.main-c-inr .inr-box .point-name{display:block;width:12rem;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}@media screen and (max-width:768px){.main-c-inr .inr-box .point-name{width:10rem}}@media screen and (max-width:480px){.main-c-inr .inr-box .point-name{width:9rem}}.main-c-inr .inr-box .point-name img{width:100%;vertical-align:top}.main-c-inr .inr-box .point.num00{top:-58px}@media screen and (max-width:768px){.main-c-inr .inr-box .point.num00{top:-90px}}@media screen and (max-width:480px){.main-c-inr .inr-box .point.num00{top:-65px}}.main-c-inr .inr-box.tankobon{margin-top:6rem}@media screen and (max-width:480px){.main-c-inr .inr-box.tankobon{margin-top:4rem}}.main-c-inr .inr-box.tankobon h2 img{width:10rem;opacity:0}@media screen and (max-width:768px){.main-c-inr .inr-box.tankobon h2 img{width:17vw}}@media screen and (max-width:480px){.main-c-inr .inr-box.tankobon h2 img{width:7.5rem}}.main-c-inr .inr-box.tankobon .item .ph{width:250px}@media screen and (max-width:920px){.main-c-inr .inr-box.tankobon .item .ph{width:200px}}@media screen and (max-width:768px){.main-c-inr .inr-box.tankobon .item .ph{width:auto;max-width:280px}}.main-c.fadein{position:relative;z-index:10}.main-c.fadein .main-c-inr:before{height:100%}@media screen and (max-width:768px){.main-c.fadein .main-c-inr:before{height:100.3%}}@media screen and (max-width:480px){.main-c.fadein .main-c-inr:before{height:99.2%}}.main-c.fadein .main-c-inr .inr-box h2 img{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;opacity:1}.main-c.fadein .main-c-inr .inr-box h2:after{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.main-c.fadein .main-c-inr .inr-box .item.book01{opacity:1;-webkit-transition:opacity 1s ease 1s;-o-transition:opacity 1s ease 1s;transition:opacity 1s ease 1s}.main-c.fadein .main-c-inr .inr-box .item.book02{opacity:1;-webkit-transition:opacity 1s ease 1.5s;-o-transition:opacity 1s ease 1.5s;transition:opacity 1s ease 1.5s}.main-c.fadein .main-c-inr .inr-box .item.book03{opacity:1;-webkit-transition:opacity 1s ease 2s;-o-transition:opacity 1s ease 2s;transition:opacity 1s ease 2s}.main-c.fadein .main-c-inr .inr-box .item.book04{opacity:1;-webkit-transition:opacity 1s ease 2.5s;-o-transition:opacity 1s ease 2.5s;transition:opacity 1s ease 2.5s}.main-c.fadein .main-c-inr .inr-box .item.book05{opacity:1;-webkit-transition:opacity 1s ease 3s;-o-transition:opacity 1s ease 3s;transition:opacity 1s ease 3s}.main-c.fadein .main-c-inr .inr-box .item.book06{opacity:1;-webkit-transition:opacity 1s ease 3.5s;-o-transition:opacity 1s ease 3.5s;transition:opacity 1s ease 3.5s}.main-c.fadein .main-c-inr .inr-box .item.book07{opacity:1;-webkit-transition:opacity 1s ease 4s;-o-transition:opacity 1s ease 4s;transition:opacity 1s ease 4s}.main-c.fadein .main-c-inr .inr-box .item.book08{opacity:1;-webkit-transition:opacity 1s ease 4.5s;-o-transition:opacity 1s ease 4.5s;transition:opacity 1s ease 4.5s}.main-c.fadein .main-c-inr .inr-box .item.book09{opacity:1;-webkit-transition:opacity 1s ease 5s;-o-transition:opacity 1s ease 5s;transition:opacity 1s ease 5s}.main-c.fadein .main-c-inr .inr-box .point .point-icon{-webkit-animation:point-icon .8s ease 1.5s forwards;animation:point-icon .8s ease 1.5s forwards}.main-c.fadein .main-c-inr .inr-box .point .line{-webkit-animation:point-line .8s ease 1s forwards;animation:point-line .8s ease 1s forwards}.main-c.fadein .main-c-inr .inr-box .point .point-name{-webkit-animation:point-name .8s ease 1s forwards;animation:point-name .8s ease 1s forwards}@-webkit-keyframes point-icon{to{opacity:1}}@keyframes point-icon{to{opacity:1}}@-webkit-keyframes point-line{to{-webkit-clip-path:inset(0);clip-path:inset(0)}}@keyframes point-line{to{-webkit-clip-path:inset(0);clip-path:inset(0)}}@-webkit-keyframes point-name{to{-webkit-clip-path:inset(0);clip-path:inset(0)}}@keyframes point-name{to{-webkit-clip-path:inset(0);clip-path:inset(0)}}