@import'https://use.typekit.net/jvw3wan.css';@import'https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.0/dist/css/yakuhanjp.css';body{margin:0;padding:0}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ol,ul{list-style:none}fieldset,img{border:0}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}img{vertical-align:bottom}input,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #000;border-radius:0px}html{margin:0;padding:0;width:100%;-webkit-text-size-adjust:100%}@media screen and (min-width: 768px)and (max-width: 1439px){html{font-size:20px;font-size:1.3888888889vw}}@media screen and (min-width: 1440px){html{font-size:20px}}@media screen and (max-width: 767px){html{font-size:2.6666666667vw}}body{width:100%;min-height:calc(var(--vh, 1vh)*100);background-color:#000;color:#fff;font-family:YakuHanJP,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;font-size:.8rem;font-weight:400;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (min-width: 768px)and (max-width: 1439px){body{font-size:.6rem}}@media screen and (min-width: 1440px){body{font-size:.6rem}}@media screen and (max-width: 767px){body{font-size:1.2rem}}#wrapper{position:relative;width:100%}#wrapper strong,#wrapper b{font-weight:700}#wrapper .pc{display:block !important}@media screen and (max-width: 767px){#wrapper .pc{display:none !important}}#wrapper .sp{display:none !important}@media screen and (max-width: 767px){#wrapper .sp{display:block !important}}#wrapper .pc_ib{display:inline-block !important}@media screen and (max-width: 767px){#wrapper .pc_ib{display:none !important}}#wrapper .sp_ib{display:none !important}@media screen and (max-width: 767px){#wrapper .sp_ib{display:inline-block !important}}#wrapper .pc_fx{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media screen and (max-width: 767px){#wrapper .pc_fx{display:none !important}}#wrapper .sp_fx{display:none !important}@media screen and (max-width: 767px){#wrapper .sp_fx{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}#wrapper svg{width:100%;height:100%;vertical-align:top;fill:currentColor}#wrapper img{width:100%;height:auto;vertical-align:top}#wrapper *{-webkit-box-sizing:border-box;box-sizing:border-box}#wrapper .vrl{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}#wrapper .ita{font-style:italic}#wrapper .eng{font-family:"good-times",sans-serif;font-weight:300}#wrapper .w9{font-weight:900}#wrapper .w7{font-weight:700}#wrapper .w6{font-weight:600}#wrapper .w5{font-weight:500}#wrapper .w4{font-weight:400}#wrapper .w3{font-weight:300}#wrapper .touch{position:relative}#wrapper .touch .df{position:relative;top:0;left:0}#wrapper .touch .ov{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}#wrapper .touch.over .ov{opacity:1}a{color:#fff;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:hover{color:#fff;text-decoration:none}#loading{pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .5s linear;transition:opacity .5s linear}#loading.end{opacity:0}#loading .bg{position:absolute;top:0;left:50%;margin:0 0 0 -22.55rem;width:45.1rem;height:100%}@media screen and (max-width: 767px){#loading .bg{margin:0 0 0 -18.75rem;width:37.5rem}}#loading .bg .bg_ov{position:absolute;top:0;left:0;width:0;height:100%;overflow:hidden}#loading .bg .bg_ov:after{content:"";position:absolute;top:50%;left:0;margin:-22.5rem 0 0;width:45.1rem;height:200%;background:url(../img/loading_bg_ov.png) center top no-repeat;background-size:45.1rem 78.7rem}@media screen and (max-width: 767px){#loading .bg .bg_ov:after{top:2rem;margin:0;width:37.5rem;background:url(../img/loading_bg_ov_sp.png) center top no-repeat;background-size:37.5rem 64.75rem}}#loading .bg .bg_df{position:absolute;top:50%;left:0;margin:-22.5rem 0 0;width:45.1rem;height:200%;background:url(../img/loading_bg.png) center top no-repeat;background-size:45.1rem 78.7rem}@media screen and (max-width: 767px){#loading .bg .bg_df{top:2rem;margin:0;width:37.5rem;background:url(../img/loading_bg_sp.png) center top no-repeat;background-size:37.5rem 64.75rem}}#loading .content{position:relative;width:25rem}#loading .content p.text{margin:0 auto 0;width:18.7rem;height:0.65rem}#loading .progress{position:relative;margin:1.6rem auto 0;width:100%;height:0.6rem;background-color:dimgray}#loading .progress #progress_bar{position:absolute;top:0;left:0;width:0;height:100%;background-color:#ec3838}#loading #progress_count{margin:1.7rem auto 0;text-align:center;font-size:0.9rem;letter-spacing:.03em;line-height:1;color:#ec3838}#container{position:relative;width:100%;overflow:hidden;opacity:0}.end #container{-webkit-transition:opacity .5s linear;transition:opacity .5s linear;opacity:1 !important}header{position:fixed;top:0;left:0;z-index:10;width:100%;height:6.15rem; z-index:9999;}@media screen and (max-width: 767px){header{width:15rem}}header h1{position:absolute;top:0;left:0;width:14.5rem;opacity:0;-webkit-transform:translateX(-5rem);transform:translateX(-5rem);-webkit-transition:.5s ease 2.8s;transition:.5s ease 2.8s}.end header h1{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}header h1 a{-webkit-transition:opacity .4s ease;transition:opacity .4s ease}header h1 a.over{opacity:.5}main{position:relative;width:100%;margin:0 auto 0}main .atg.fade_in{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}main .atg.fade_in.active{-webkit-transition:opacity .6s ease .3s,-webkit-transform .6s ease .3s;transition:opacity .6s ease .3s,-webkit-transform .6s ease .3s;transition:transform .6s ease .3s,opacity .6s ease .3s;transition:transform .6s ease .3s,opacity .6s ease .3s,-webkit-transform .6s ease .3s;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}footer{position:relative;padding:4.45rem 0 2.05rem;width:100%;background-color:#fff;color:#000;text-align:center}@media screen and (max-width: 767px){footer{padding:5.7rem 0 3.4rem}}footer .logo{margin:0 auto 0;width:21rem}@media screen and (max-width: 767px){footer .logo{width:30.25rem}}footer .link{margin:3.65rem auto 0}@media screen and (max-width: 767px){footer .link{margin:6.35rem auto 0}}footer .link h3.title{font-size:0.7rem;font-weight:700;letter-spacing:.03em;line-height:1}@media screen and (max-width: 767px){footer .link h3.title{font-size:1.2rem}}footer .link ul.list{margin:1.3rem auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767px){footer .link ul.list{margin:2rem auto 0}}footer .link ul.list li+li{margin:0 0 0 2.3rem}@media screen and (max-width: 767px){footer .link ul.list li+li{margin:0 0 0 2.1rem}}footer .link ul.list li.okano{width:7.6rem}@media screen and (max-width: 767px){footer .link ul.list li.okano{width:10.9rem}}footer .link ul.list li.kita{width:5.65rem}@media screen and (max-width: 767px){footer .link ul.list li.kita{width:8.15rem}}footer .link ul.list li.pics{width:6.45rem}@media screen and (max-width: 767px){footer .link ul.list li.pics{width:8.35rem}}footer .link ul.list li.official{width:13.25rem}@media screen and (max-width: 767px){footer .link ul.list li.official{width:22.8rem}}footer .link ul.list li a{display:block;width:100%;height:100%;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}footer .link ul.list li a.over{opacity:.6}footer .copyright{margin:4.65rem auto 0;font-size:0.7rem;font-weight:400;letter-spacing:.03em;line-height:1}@media screen and (max-width: 767px){footer .copyright{margin:6.2rem auto 0;font-size:1rem}}#first_popup{pointer-events:none;position:fixed;top:0;left:0;z-index:-10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100vh;opacity:0;-webkit-transition:opacity .5s linear;transition:opacity .5s linear}.end #first_popup{pointer-events:auto;z-index:100;opacity:1}#first_popup.hide{pointer-events:none;opacity:0;z-index:-10}#first_popup .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}#first_popup .inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:2.65rem 0 0;width:35.65rem;height:20.4rem}@media screen and (max-width: 767px){#first_popup .inner{padding:3.25rem 0 0;width:35.65rem;height:27.4rem}}#first_popup .btn_close{position:absolute;top:-3.1rem;right:-3.5rem;width:2.875rem;height:2.875rem}@media print,screen and (min-width: 768px){#first_popup .btn_close{cursor:pointer}}@media screen and (max-width: 767px){#first_popup .btn_close{top:auto;bottom:-6.8rem;right:0.95rem;width:5rem;height:5rem}#first_popup .btn_close svg path.frame{stroke-width:0.2rem}}#first_popup .btn_close svg path{-webkit-transition:all .4s ease;transition:all .4s ease}#first_popup .btn_close.over svg path.frame{fill:#ec3838}#first_popup .btn_close.over svg path.ico{fill:#000}#first_popup .frame{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ec3838;border-color:#ec3838}#first_popup .frame:before,#first_popup .frame:after{display:block;content:"";position:absolute;left:0;right:0;border:0.6rem solid rgba(0,0,0,0)}#first_popup .frame:before{bottom:100%;border-bottom-color:inherit}#first_popup .frame:after{top:100%;border-top-color:inherit}#first_popup .frame span{position:absolute;width:0.35rem;height:0.35rem;background-color:#ec3838}#first_popup .frame span:nth-child(1){top:-0.6rem;left:0;-webkit-clip-path:polygon(100% 0, 0 100%, 0 0);clip-path:polygon(100% 0, 0 100%, 0 0)}#first_popup .frame span:nth-child(2){top:-0.6rem;right:0;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%);clip-path:polygon(0 0, 100% 0, 100% 100%)}#first_popup .frame span:nth-child(3){bottom:-0.6rem;right:0;-webkit-clip-path:polygon(100% 0, 100% 100%, 0 100%);clip-path:polygon(100% 0, 100% 100%, 0 100%)}#first_popup .frame span:nth-child(4){bottom:-0.6rem;left:0;-webkit-clip-path:polygon(0 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 100%, 0 100%)}#first_popup .icon{position:absolute;top:2.4rem;right:2.85rem;width:4.7rem;height:4.7rem}@media screen and (max-width: 767px){#first_popup .icon{top:4.75rem;right:1rem;width:5.25rem;height:5.25rem}}#first_popup div.text{position:relative;width:18.45rem}@media screen and (max-width: 767px){#first_popup div.text{width:24.9rem}}#first_popup .lead{position:relative;margin:1.2rem auto 0;width:21.2rem}@media screen and (max-width: 767px){#first_popup .lead{margin:1.95rem auto 0;width:32.35rem}}#first_popup .btn_area{position:relative;margin:1.45rem auto 0;width:14.85rem;height:2.45rem}@media screen and (max-width: 767px){#first_popup .btn_area{margin:2.15rem auto 0;width:20rem;height:3.3rem}}#first_popup .btn_area a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background-color:#000;color:#fff;-webkit-transition:all .4s ease;transition:all .4s ease}@media screen and (max-width: 767px){#first_popup .btn_area a{color:#000;background-color:#fff;border:#000 1px solid}}#first_popup .btn_area a.over{color:#000;background-color:#fff}@media screen and (max-width: 767px){#first_popup .btn_area a.over{color:#fff;background-color:#000}}#first_popup .btn_area a span.text{font-size:0.7rem;font-weight:700;line-height:1.4}@media screen and (max-width: 767px){#first_popup .btn_area a span.text{font-size:1.2rem}}#first_popup .btn_area a span.ico{position:absolute;top:0.7rem;right:0.7rem;width:1.05rem;height:1.05rem}@media screen and (max-width: 767px){#first_popup .btn_area a span.ico{top:0.9rem;right:0.9rem;width:1.4rem;height:1.4rem}}main#top{position:relative}main#top .main_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../img/kv_bg.jpg) no-repeat;background-size:100% auto}@media screen and (max-width: 767px){main#top .main_bg{background:url(../img/kv_bg_sp.jpg) no-repeat;background-size:100% auto}}main#top .main_bg .mask{position:absolute;bottom:0;left:0;width:100%;height:28.0555555556vw;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));background:linear-gradient(transparent, #000)}@media screen and (max-width: 767px){main#top .main_bg .mask{height:36.1rem}}main#top .main_bg .parts_1{position:absolute;top:17.9166666667vw;left:50%;margin:0 0 0 -50vw;width:95.7638888889vw;height:38.4722222222vw;background:url(../img/kv_bg_parts_1.png) no-repeat;background-size:100% auto;opacity:0;-webkit-transition:1.2s ease 1s;transition:1.2s ease 1s}.end main#top .main_bg .parts_1{opacity:1}.start main#top .main_bg .parts_1{-webkit-transition:600ms ease-out 0ms;transition:600ms ease-out 0ms}@media screen and (max-width: 767px){main#top .main_bg .parts_1{top:10.45rem;left:0;margin:0 auto 0;width:37.5rem;height:20.25rem;background:url(../img/kv_bg_parts_1_sp.png) no-repeat;background-size:100% auto}}main#top .main_bg .title{position:absolute;top:0;left:0;width:100%;height:24.0277777778vw;background:url(../img/kv_title.png) no-repeat;background-size:100% auto;opacity:0;-webkit-transform:translateY(-2.5rem);transform:translateY(-2.5rem);-webkit-transition:.8s ease 1s;transition:.8s ease 1s}.end main#top .main_bg .title{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (max-width: 767px){main#top .main_bg .title{height:10.9rem;background:url(../img/kv_title_sp.png) no-repeat;background-size:100% auto}}main#top .main_bg .bullbuster{position:absolute;top:.9722222222vw;left:50%;margin:0 0 0 -46.4583333333vw;width:92.9861111111vw;height:124.8611111111vw;background:url(../img/kv_bullbuster.png) no-repeat;background-size:100% auto;-webkit-transform:scale(1.2) translateY(-3rem);transform:scale(1.2) translateY(-3rem);opacity:0;-webkit-transition:.4s cubic-bezier(0.87, 0, 0.13, 1) .5s;transition:.4s cubic-bezier(0.87, 0, 0.13, 1) .5s}.end main#top .main_bg .bullbuster{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}.start main#top .main_bg .bullbuster{-webkit-transition:600ms ease-out 0ms;transition:600ms ease-out 0ms}@media screen and (max-width: 767px){main#top .main_bg .bullbuster{top:0;left:0;margin:0;width:37.5rem;height:68.2rem;background:url(../img/kv_bullbuster_sp.png) no-repeat;background-size:100% auto}}main#top .main_bg .parts_2{position:absolute;top:8.6111111111vw;left:50%;margin:0 0 0 -40.4166666667vw;width:90.4861111111vw;height:51.5972222222vw;background:url(../img/kv_bg_parts_2.png) no-repeat;background-size:100% auto;opacity:0;-webkit-transition:1.2s ease 1s;transition:1.2s ease 1s}.end main#top .main_bg .parts_2{opacity:1}.start main#top .main_bg .parts_2{-webkit-transition:600ms ease-out 0ms;transition:600ms ease-out 0ms}@media screen and (max-width: 767px){main#top .main_bg .parts_2{top:4.4rem;margin:0 0 0 -15.2rem;width:34rem;height:27.9rem;background:url(../img/kv_bg_parts_2_sp.png) no-repeat;background-size:100% auto}}main#top #kv{position:fixed;top:0;left:0;width:100%;height:100vh}@media screen and (max-width: 767px){main#top #kv{height:calc(var(--vh, 1vh)*100)}}main#top #kv.off .content{opacity:0}main#top #kv.off .sns{-webkit-transition:opacity .4s linear;transition:opacity .4s linear;opacity:1;}main#top #kv .content{position:absolute;top:50%;left:50%;margin:-2.0833333333vw 0 0 -27.9861111111vw;width:53.4027777778vw;-webkit-transition:opacity .4s linear;transition:opacity .4s linear}@media screen and (max-width: 767px){main#top #kv .content{top:auto;bottom:1.65rem;margin:0 0 0 -18.75rem;width:37.5rem}}main#top #kv h2.title{position:relative;width:100%;opacity:0;-webkit-transform:scale(1.3) translateY(-2.5rem);transform:scale(1.3) translateY(-2.5rem);-webkit-transition:.4s ease 1.6s;transition:.4s ease 1.6s}.end main#top #kv h2.title{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}main#top #kv h2.title .chara_area{position:absolute;top:-9.7222222222vw;left:9.8611111111vw;width:14.4444444444vw;height:15vw}@media screen and (max-width: 767px){main#top #kv h2.title .chara_area{top:-13.9rem;left:13.3rem;width:16.05rem;height:16.55rem}}main#top #kv h2.title .chara_area .chara{position:absolute;bottom:0;left:0;width:9.0277777778vw;opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem);-webkit-transition:.4s ease 2s;transition:.4s ease 2s}.end main#top #kv h2.title .chara_area .chara{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (max-width: 767px){main#top #kv h2.title .chara_area .chara{width:9.95rem}}main#top #kv h2.title .chara_area .serif{position:absolute;top:0;right:0;width:5.6944444444vw;opacity:0;-webkit-transform:translateX(-1.5rem);transform:translateX(-1.5rem);-webkit-transition:.3s ease 2.2s;transition:.3s ease 2.2s}.end main#top #kv h2.title .chara_area .serif{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (max-width: 767px){main#top #kv h2.title .chara_area .serif{width:6.15rem}}main#top #kv ul.link{margin:-.4166666667vw auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 767px){main#top #kv ul.link{margin:0.65rem auto 0;-ms-flex-wrap:wrap;flex-wrap:wrap; column-gap: .8rem;}}main#top #kv ul.link li{position:relative;width:12.5694444444vw;height:3.2638888889vw;opacity:0;-webkit-transform:translateX(1.5rem);transform:translateX(1.5rem);-webkit-transition:.4s ease 2.6s;transition:.4s ease 2.6s}.end main#top #kv ul.link li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (max-width: 767px){main#top #kv ul.link li{width:14.6rem;height:3.85rem;margin:0 0 0.8rem}}main#top #kv ul.link li+li{margin:0 0 0 0.1rem}@media screen and (max-width: 767px){main#top #kv ul.link li+li{margin:0 0 0.8rem 0.1rem}}main#top #kv ul.link li:nth-child(2){-webkit-transition:.4s ease 2.8s;transition:.4s ease 2.8s}main#top #kv ul.link li:nth-child(3){-webkit-transition:.4s ease 3s;transition:.4s ease 3s}main#top #kv ul.link li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:#000;-webkit-transition:color .4s ease;transition:color .4s ease}main#top #kv ul.link li a.over{color:#fff}main#top #kv ul.link li a.over .bg{color:#979797}main#top #kv ul.link li a .bg{position:absolute;top:0;left:0;width:100%;height:100%;color:#ec3838;-webkit-transition:color .4s ease;transition:color .4s ease}main#top #kv ul.link li a .text{position:relative;font-size:1.1vw;font-weight:900;letter-spacing:.03em}@media screen and (max-width: 767px){main#top #kv ul.link li a .text{font-size:1.25rem}}main#top #kv .sns{position:absolute;bottom:0.65rem;right:0.95rem;z-index:10;width:4.05rem;height:4.05rem;opacity:0;-webkit-transform:translateX(5rem);transform:translateX(5rem);-webkit-transition:.5s ease 2.8s;transition:.5s ease 2.8s}.end main#top #kv .sns{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.start main#top #kv .sns{-webkit-transition:.4s linear;transition:.4s linear}@media screen and (max-width: 767px){main#top #kv .sns{bottom:auto;top:0.9rem;right:0.5rem;width:6.2rem;height:6.2rem}}main#top #kv .sns a{position:relative;display:block;width:100%;height:100%}main#top #kv .sns a.over .bg{color:#979797}main#top #kv .sns a.over .logo{color:#fff}main#top #kv .sns a .bg{display:block;-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation:rotate 6s linear infinite;animation:rotate 6s linear infinite;color:#ec3838;-webkit-transition:color .4s ease;transition:color .4s ease}main#top #kv .sns a .bg svg{-webkit-filter:drop-shadow(0.35rem 0.35rem 0.15rem rgba(0, 0, 0, 0.5));filter:drop-shadow(0.35rem 0.35rem 0.15rem rgba(0, 0, 0, 0.5))}@media screen and (max-width: 767px){main#top #kv .sns a .bg svg{-webkit-filter:drop-shadow(0.25rem 0.25rem 0.15rem rgba(0, 0, 0, 0.5));filter:drop-shadow(0.25rem 0.25rem 0.15rem rgba(0, 0, 0, 0.5))}}main#top #kv .sns a .logo{position:absolute;top:0;left:0;display:block;z-index:2;width:100%;height:100%;color:#000;-webkit-transition:color .4s ease;transition:color .4s ease}main#top #mission{position:relative;margin:100vh 0 0;padding:2.15rem 0 7rem;width:100%;text-align:center;background-color:#000}@media screen and (max-width: 767px){main#top #mission{padding:6.55rem 0 6.1rem}}main#top #mission.active h2.title{width:26.5rem}main#top #mission.active p.lead{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:.4s ease .3s;transition:.4s ease .3s}main#top #mission.active .about .about_bg{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:.4s ease .6s;transition:.4s ease .6s}/*main#top #mission.active .about p.text{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:.4s ease .9s;transition:.4s ease .9s}*//*main#top #mission.active .about p.catch{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:.4s ease .9s;transition:.4s ease .9s}*/main#top #mission .bg{position:absolute;top:0;left:50%;margin:0 0 0 -46.4583333333vw;width:92.9861111111vw;height:100%;overflow:hidden;-webkit-clip-path:inset(0);clip-path:inset(0)}@media screen and (max-width: 767px){main#top #mission .bg{left:0;margin:0 auto 0;width:100%;height:100%}}main#top #mission .bg .bullbuster{position:fixed;top:0;left:50%;margin:0 0 0 -46.4583333333vw;width:92.9861111111vw;height:100%;background:url(../img/mission_bullbuster.png) left .9722222222vw no-repeat;background-size:100% auto}@media screen and (max-width: 767px){main#top #mission .bg .bullbuster{left:0;margin:0 auto 0;width:100%;background:url(../img/mission_bullbuster_sp.png) center top no-repeat;background-size:37.5rem 68.2rem}}main#top #mission h2.title{position:relative;left:50%;margin:0 0 0 -13.15rem;width:0;height:8.15rem;overflow:hidden;-webkit-transition:width .4s ease;transition:width .4s ease}main#top #mission h2.title .inner{position:absolute;top:0;left:0;width:26.5rem;height:100%}main#top #mission p.lead{position:relative;margin:2.65rem auto 0;font-size:1.95rem;font-weight:900;letter-spacing:.03em;line-height:1;color:#c5c5c5;opacity:0;-webkit-transform:translateY(1.5rem);transform:translateY(1.5rem)}@media screen and (max-width: 767px){main#top #mission p.lead{margin:3.05rem auto 0;font-size:2.25rem;line-height:1.5333333333}}main#top #mission .about{position:relative;margin:2.25rem auto 0;width:41.8rem}@media screen and (max-width: 767px){main#top #mission .about{margin:2.1rem auto 0;width:37.5rem}}main#top #mission .about .about_bg{position:absolute;top:-8.7rem;left:-9.15rem;width:53.9rem;height:20.85rem;background:url(../img/mission_about_bg.png) no-repeat;background-size:cover;opacity:0;-webkit-transform:translateY(1.5rem);transform:translateY(1.5rem)}@media screen and (max-width: 767px){main#top #mission .about .about_bg{top:-6.55rem;left:0;width:33.8rem;height:31.75rem;background:url(../img/mission_about_bg_sp.png) no-repeat;background-size:cover}}main#top #mission .about p.text{font-size:0.9rem;font-weight:700;letter-spacing:0;line-height:1.8333333333;/*opacity:0;-webkit-transform:translateY(1.5rem);transform:translateY(1.5rem)*/}@media screen and (max-width: 767px){main#top #mission .about p.text{font-size:1.4rem}}main#top #mission .about p.text.second{margin:1.4rem 0 0}@media screen and (max-width: 767px){main#top #mission .about p.text.second{margin:3.2rem 0 0}}main#top #mission .about p.catch{margin:1.4rem 0 0;width:100%;opacity:0;-webkit-transform:translateY(1.5rem);transform:translateY(1.5rem)}@media screen and (max-width: 767px){main#top #mission .about p.catch{margin:3.4rem auto 0;width:24.2rem}}main#top #message{position:relative;background-color:rgba(0,0,0,.7);padding:3.45rem 0 15.3rem}@media screen and (max-width: 767px){main#top #message{padding:9.85rem 0 19.65rem}}main#top #message h2.title{position:relative;left:50%;margin:0 0 0 -12rem;width:0;height:6.25rem;overflow:hidden;-webkit-transition:width .4s ease;transition:width .4s ease}main#top #message h2.title.active{width:26.65rem}main#top #message h2.title .inner{position:absolute;top:0;left:0;width:26.65rem;height:100%}@media screen and (max-width: 767px){main#top #message h2.title{margin:0 0 0 -13.6rem}}main#top #message .message_area{margin:5.2rem auto 0;width:72rem}@media screen and (max-width: 767px){main#top #message .message_area{margin:4.9rem auto 0;width:37.5rem}}main#top #message .message_area .message{position:relative;width:100%;opacity:0;-webkit-transform:translateY(2.5rem);transform:translateY(2.5rem);-webkit-transition:.4s ease .4s;transition:.4s ease .4s}main#top #message .message_area .message.active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}main#top #message .message_area .message svg{position:absolute;pointer-events:none}main#top #message .message_area .message .image{position:absolute;top:0;right:0;width:39rem}main#top #message .message_area .message .image .message_1_image{-webkit-clip-path:url(#message_1_image_shape);clip-path:url(#message_1_image_shape)}@media screen and (max-width: 767px){main#top #message .message_area .message .image{position:relative;margin:4.05rem 0 0 1.95rem;width:35.55rem}}main#top #message .message_area .message h3.title{width:33.9rem}@media screen and (max-width: 767px){main#top #message .message_area .message h3.title{margin:0 auto 0;width:22.6rem}}main#top #message .message_area .message .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:3rem 0 0}@media screen and (max-width: 767px){main#top #message .message_area .message .logo{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:2.55rem auto 0}}main#top #message .message_area .message .logo .logo_image{margin:0 0 0 0.4rem;width:9.75rem}@media screen and (max-width: 767px){main#top #message .message_area .message .logo .logo_image{margin:0;width:12.6rem}}main#top #message .message_area .message .logo .link{margin:0 0 0 3.2rem;width:8.1rem;height:1.8rem}@media screen and (max-width: 767px){main#top #message .message_area .message .logo .link{margin:0 0 0 1.5rem;width:12.65rem;height:2.8rem}}main#top #message .message_area .message .logo .link a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 0 1.15rem;width:100%;height:100%;-webkit-transition:all .4s ease;transition:all .4s ease;border:#fff 1px solid;border-radius:2px}@media screen and (max-width: 767px){main#top #message .message_area .message .logo .link a{padding:0 0 0 1.85rem}}main#top #message .message_area .message .logo .link a.over{color:#000;background-color:#fff}main#top #message .message_area .message .logo .link a .text{font-size:0.55rem;letter-spacing:.03em;line-height:1}@media screen and (max-width: 767px){main#top #message .message_area .message .logo .link a .text{font-size:0.85rem}}main#top #message .message_area .message .logo .link a .ico{position:absolute;top:0.55rem;right:1.15rem;width:0.65rem;height:0.6rem}@media screen and (max-width: 767px){main#top #message .message_area .message .logo .link a .ico{top:0.85rem;right:1.8rem;width:1rem;height:0.95rem}}main#top #message .message_area .message .text_area{position:relative;top:0;left:50%;margin:0 0 0 -32.1rem}@media screen and (max-width: 767px){main#top #message .message_area .message .text_area{margin:0 0 0 -14.7rem;width:31.5rem}}main#top #message .message_area .message .text_area .message_ico{position:absolute;bottom:0;left:-2.7rem;font-size:2.1rem;font-weight:400;letter-spacing:.03em;line-height:1;color:#ec3838}@media screen and (max-width: 767px){main#top #message .message_area .message .text_area .message_ico{bottom:auto;top:0.3rem;left:-4.05rem}}main#top #message .message_area .message .text_area .comment{margin:1.65rem 0 0 0.4rem;width:23rem;font-size:0.85rem;font-weight:500;letter-spacing:0;line-height:1.7647058824}@media screen and (max-width: 767px){main#top #message .message_area .message .text_area .comment{margin:1.9rem 0 0;width:100%;font-size:1.4rem}}main#top #message .message_area .message:nth-child(2){margin:3.6rem auto 0}@media screen and (max-width: 767px){main#top #message .message_area .message:nth-child(2){margin:9.6rem auto 0}}main#top #message .message_area .message:nth-child(2) .image{top:0;right:auto;left:0}main#top #message .message_area .message:nth-child(2) .image .message_2_image{-webkit-clip-path:url(#message_2_image_shape);clip-path:url(#message_2_image_shape)}@media screen and (max-width: 767px){main#top #message .message_area .message:nth-child(2) .image{margin:3.35rem 1.95rem 0 0}}main#top #message .message_area .message:nth-child(2) h3.title{margin:0 0 0 0;width:24.25rem}@media screen and (max-width: 767px){main#top #message .message_area .message:nth-child(2) h3.title{margin:0 auto 0;width:16.15rem}}main#top #message .message_area .message:nth-child(2) .text_area{margin:0 0 0 5.45rem;width:28.95rem}@media screen and (max-width: 767px){main#top #message .message_area .message:nth-child(2) .text_area{margin:0 0 0 -14.7rem}}main#top #message .message_area .message:nth-child(2) .text_area .message_ico{left:auto;right:0}@media screen and (max-width: 767px){main#top #message .message_area .message:nth-child(2) .text_area .message_ico{bottom:auto;top:0.3rem;right:auto;left:-4.05rem}}main#top #message .message_area .message:nth-child(2) .text_area .comment{margin:1.85rem 0 0 0}@media screen and (max-width: 767px){main#top #message .message_area .message:nth-child(2) .text_area .comment{margin:1.9rem 0 0;width:100%}}main#top #message .message_area .message:nth-child(2) .text_area .profile{margin:1.45rem 0 0 0;width:23rem;font-size:0.7rem;font-weight:500;letter-spacing:0;line-height:1.7857142857}@media screen and (max-width: 767px){main#top #message .message_area .message:nth-child(2) .text_area .profile{margin:2.25rem 0 0 0;width:100%;font-size:1.2rem}}main#top #information{position:relative;padding:26.5rem 0 9.25rem;text-align:center;background:#ececec url(../img/info_bg.jpg) no-repeat;background-size:100% auto}@media screen and (max-width: 767px){main#top #information{padding:19.9rem 0 14.85rem;background:#ececec url(../img/info_bg_sp.jpg) no-repeat;background-size:100% auto}}main#top #information:after{pointer-events:none;content:"";position:absolute;bottom:-1px;left:0;width:100%;height:11.65rem;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));background:linear-gradient(transparent, #fff)}@media screen and (max-width: 767px){main#top #information:after{height:11rem}}main#top #information>h2.title{font-size:1.2rem;font-weight:700;letter-spacing:.03em;line-height:1;color:#000}@media screen and (max-width: 767px){main#top #information>h2.title{font-size:2.4rem}}main#top #information ul.info_list{position:relative;z-index:2;margin:3.2rem auto 0}@media screen and (max-width: 767px){main#top #information ul.info_list{margin:4.8rem auto 0}}main#top #information ul.info_list li+li{margin:3.1rem auto 0}@media screen and (max-width: 767px){main#top #information ul.info_list li+li{margin:3.65rem auto 0}}/*main#top #information ul.info_list li+li .link{width:15.75rem}@media screen and (max-width: 767px){main#top #information ul.info_list li+li .link{width:22.5rem}}*/main#top #information ul.info_list li .title{font-size:0.75rem;font-weight:700;letter-spacing:0;line-height:1}@media screen and (max-width: 767px){main#top #information ul.info_list li .title{font-size:1.3rem}}main#top #information ul.info_list li .link{margin:0.65rem auto 0;width:10.75rem;height:2.8rem}@media screen and (max-width: 767px){main#top #information ul.info_list li .link{width:15.35rem;height:4rem}}main#top #information ul.info_list li .link a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;color:#000;-webkit-transition:color .4s ease;transition:color .4s ease}main#top #information ul.info_list li .link a.over{color:#fff}main#top #information ul.info_list li .link a.over .bg{color:#000}main#top #information ul.info_list li .link a .bg{position:absolute;top:0;left:0;color:#fff;-webkit-transition:color .4s ease;transition:color .4s ease}main#top #information ul.info_list li .link a .text{position:relative;font-size:0.9rem;font-weight:700;letter-spacing:.01em;line-height:1}@media screen and (max-width: 767px){main#top #information ul.info_list li .link a .text{font-size:1.4rem}}main#top #information #audition{position:absolute;top:-6.7rem;left:0;right:0;z-index:2;margin:auto;width:5rem;height:24.1rem;background-color:#1a1a1a;overflow:hidden;-webkit-transition:width .4s ease;transition:width .4s ease}@media screen and (max-width: 767px){main#top #information #audition{top:-12.25rem}}main#top #information #audition.active{width:45.6rem}@media screen and (max-width: 767px){main#top #information #audition.active{width:33.5rem}}main#top #information #audition.active .audition_area h2.title{width:29.8rem;-webkit-transition:width .4s ease .4s;transition:width .4s ease .4s}@media screen and (max-width: 767px){main#top #information #audition.active .audition_area h2.title{width:26rem}}main#top #information #audition.active .audition_area .cs{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:.4s ease .9s;transition:.4s ease .9s}main#top #information #audition.active .audition_area .chara_area{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:.4s ease .9s;transition:.4s ease .9s}main#top #information #audition .frame{position:absolute;top:0.85rem;left:0.85rem;width:calc(100% - 1.7rem);height:calc(100% - 1.7rem);border:#ec3838 1px solid}main#top #information #audition .frame .left_parts{position:absolute;top:0.35rem;left:0;width:1.1rem;height:21.65rem;color:#ec3838}main#top #information #audition .frame .right_parts{position:absolute;top:0.35rem;right:0;width:1rem;height:21.65rem;color:#ec3838}main#top #information #audition .audition_area{padding:3.55rem 0 0}@media screen and (max-width: 767px){main#top #information #audition .audition_area{padding:3.05rem 0 0}}main#top #information #audition .audition_area h2.title{position:relative;left:50%;margin:0 0 0 -14.8rem;width:0;height:7.4rem;overflow:hidden}main#top #information #audition .audition_area h2.title .inner{position:absolute;top:0;left:0;width:29.8rem;height:100%}@media screen and (max-width: 767px){main#top #information #audition .audition_area h2.title .inner{width:26rem}}@media screen and (max-width: 767px){main#top #information #audition .audition_area h2.title{margin:0 0 0 -12.85rem}}main#top #information #audition .audition_area .cs{margin:0.85rem auto 0;width:11.5rem;opacity:0;-webkit-transform:translateY(1.5rem);transform:translateY(1.5rem)}@media screen and (max-width: 767px){main#top #information #audition .audition_area .cs{margin:1.7rem auto 0;width:11.7rem}}main#top #information #audition .audition_area .chara_area{position:absolute;bottom:0;left:50%;margin:0 0 0 -8.25rem;width:14.95rem;opacity:0;-webkit-transform:translateY(1.5rem);transform:translateY(1.5rem)}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}


/* animation ---------------------------------------*/


/* --------------- TOP add 2024.03 ---------------- */

/* 右上　バナー */

header .banner {
	position: absolute;
	right: 30px;
	top: 15px;
	width: 347px;
	overflow: hidden;
}

header .banner::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 100%;
	transform: scale(2) rotate(20deg);
	background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
	animation-name: shiny;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

@keyframes shiny {
	0% { left: 0%; }
	4% { opacity: 1; }
	6.5% { opacity: 0; }
	10% { left: 120%; }
	100% { left: 120%; }
}


/* news */

main#top #news {
    position: relative;
    background-color: rgba(0, 0, 0, .7);
    padding: 12.45rem 0 7rem;
}

main#top #news h2.title {
    position: relative;
    left: 50%;
    margin: 0 0 0 -13.2rem;
    width: 0;
    height: 7.25rem;
    overflow: hidden;
    -webkit-transition: width .4s ease;
    transition: width .4s ease;
}

main#top #news h2.title.active {
	width: 26.65rem;
}

main#top #news h2.title .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 26.65rem;
    height: 100%;
}

main#top #news .news_area {
    margin: 3.7rem auto 0;
    width: 54rem;
}

#news .news_area .list li{margin-bottom: 1.5rem;}

#news .news_area .list li .openmodal{
	display: block;
	position: relative;
	cursor: pointer;
}

#news .news_area .list li .openmodal::after {
	display:block;
	content:'';
	background:url('../img/icon_arrow_news.svg') no-repeat left top;
	background-size:100%;
	width: 2.5rem;
	height: 2.5rem;
	position:absolute;
	right: -1rem;
	top: 50%;
	transform:translate(0,-50%);
}

#news .news_area .list li .box{display: flex;}

#news .news_area .list .summary {
	width: 19rem;
	background: #000;
	color: #fff;
	display: flex;
}

#news .news_area .list .summary .image {
	width: 6.3rem;
	border-right: 0.3rem solid #ec3838;
  background-size: contain;
  min-height: 70px;
}

#news .news_area .list .summary .image.chara01{
  background:url('../img/chara01.png') no-repeat left top;
  background-size: contain;
}
#news .news_area .list .summary .image.chara02{
  background:url('../img/chara02.png') no-repeat left top;
  background-size: contain;
}
#news .news_area .list .summary .image.chara03{
  background:url('../img/chara03.png') no-repeat left top;
  background-size: contain;
}
#news .news_area .list .summary .image.chara04{
  background:url('../img/chara04.png') no-repeat left top;
  background-size: contain;
}
#news .news_area .list .summary .image.chara05{
  background:url('../img/chara05.png') no-repeat left top;
  background-size: contain;
}
#news .news_area .list .summary .image.chara06{
  background:url('../img/chara06.png') no-repeat left top;
  background-size: contain;
}

#news .news_area .list .summary .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#news .news_area .list .summary .date {
	font-size: 1.1rem;
	font-weight: bold;
	width: calc(100% - 6.3rem);
	text-align: center;
	border-right: 0.3rem solid #ec3838;
	display: flex;
	align-items: center;
	justify-content: center;
}

#news .news_area .list .box .title {
	width: calc(100% - 19rem);
	display: flex;
	align-items: center;
	padding: 0 3rem 0 2rem;
	background: #fff;
	color: #000;
	transition: all .25s ease;
}

#news .news_area .list .openmodal:hover .box .title {background: #ec3838;}

#news .news_area .list .box .title p{
	font-size: 0.8rem;
	line-height: 1.3;
	font-weight: 900;
}

main#top #kv ul.link li:nth-child(4){
  -webkit-transition: .4s ease 3.2s;
  transition: .4s ease 3.2s;
}



@media screen and (min-width: 768px){

	#news .news_area .list .box .title p{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

}

main#top #news .news_area .more {
	text-align: right;
	line-height: 1;
}

main#top #news .news_area .more a{
	font-size: 1.5rem;
	display: inline-block;
	position: relative;
	padding-right: 1rem;
	font-weight: bold;
	transition: all .25s ease;
}

main#top #news .news_area .more a::after {
	content: '';
	position:absolute;
	right: 0;
	top: 50%;
	width: 0.5rem;
	height:  0.5rem;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: translate(0, -50%) rotate(45deg);
}

main#top #news .news_area .more a:hover{color:#c5c5c5;}
main#top #news .news_area .more a:hover::after {border-color: #c5c5c5;}


/* modal */

#news .modal-wrapper {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background: rgba(0,0,0,0.5);
	display: none;
	cursor: default;
}

#news .modal {
	background: #F6F6F6;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 40rem;
	color: #000;
}

#news .modal > .close{
	position: absolute;
	top: -3.1rem;
	right: -3.5rem;
	width: 2.875rem;
	height: 2.875rem;
	cursor: pointer;
}

#news .modal > .close svg path {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

#news .modal > .close .frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ec3838;
	border-color: #ec3838;
}

#news .modal > .close:hover svg path.frame {fill: #ec3838;}
#news .modal > .close:hover svg path.ico {fill: #000;}

#news .modal .block {
	overflow: auto;
	height: auto;
	max-height: calc(100vh - 8rem);
}

#news .modal .head{position: relative;}

#news .modal .head::before,
#news .modal .head::after{
	display:block;
	content:'';
	background:url('../img/news/modal_deco.webp') no-repeat left top;
	background-size:100%;
	width: 1.5rem;
	height: 1.5rem;
	position:absolute;
	top: 0;
}

#news .modal .head::before{left: 0;}

#news .modal .head::after{
	right: 0;
	transform: rotate(90deg);
}

#news .modal .head .date{
	text-align: center;
	padding: 1rem;
	font-size: 2rem;
	font-weight: bold;
}

/*#news .modal .head .title{
	background: #000;
	padding: 1rem 2rem;
	color: #fff;
	font-weight: 900;
	font-size: 1rem;
	line-height: 1.6;
}*/
#news .modal .head h3{
  background: #000;
  padding: 1rem 2rem;
  color: #fff;
  font-weight: 900;
  font-size: 1rem;
  line-height: 1.6;
}

#news .modal .inner {
	padding: 1.5rem 2rem 60px;
	position: relative;
}

#news .modal .inner::before,
#news .modal .inner::after{
	display:block;
	content:'';
	background:url('../img/news/modal_deco.webp') no-repeat left top;
	background-size:100%;
	width: 1.5rem;
	height: 1.5rem;
	position:absolute;
	bottom: 0;
}

#news .modal .inner::before{
	left: 0;
	transform: rotate(270deg);
}

#news .modal .inner::after{
	right: 0;
	transform: rotate(180deg);
}

#news .modal .inner .image{
	width: 100%;
	margin-bottom: 1rem;
}

#news .modal .inner p{
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.8;
	margin: 1rem 0;
}

/*#news .modal .inner .subtitle{
	background: #D5D5D5;
	line-height: 1.6;
	font-size: 0.8rem;
	padding: 0.2rem 1rem;
	font-weight: 900;
	border-left: 0.3rem solid #ec3838;
	margin: 2.5rem 0 1.5rem;
}*/

#news .modal .inner h4{
  background: #D5D5D5;
  line-height: 1.6;
  font-size: 0.8rem;
  padding: 0.2rem 1rem;
  font-weight: 900;
  border-left: 0.3rem solid #ec3838;
  margin: 2.5rem 0 1.5rem;
}

#news .modal .inner p a{
	color:#ec3838;
	border-bottom: 1px solid #ec3838;
	display: inline-block;
}

#news .modal .inner p a:hover{border-bottom-color: transparent;}

#news .modal .inner .close{
	text-align: center;
	margin-top: 3rem;
}

#news .modal .inner .close div {
	width: 12rem;
	display: inline-block;
	border: 1px solid #000;
	background: #fff;
	font-size: .8rem;
	font-weight: bold;
	padding: .7rem;
	text-align: center;
	position: relative;
	cursor: pointer;
	line-height: 1;
	transition: all .25s ease;
}

#news .modal .inner .close div:hover {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

#news .modal .inner .close div .icon{
	position:absolute;
	right:.5rem;
	top:50%;
	transform:translate(0,-50%);
	-webkit-mask-image: url('../img/news/icon_close.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: contain;
	mask-image: url('../img/news/icon_close.svg');
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: contain;
	display: inline-block;
	vertical-align: middle;
	width:0.7rem;
	height:0.7rem;
	background: #000;
	transition: all .25s ease;
}

#news .modal .inner .close div:hover .icon{background: #fff;}


/* information */

main#top #information {padding-top: 30.5rem;}
main#top #information #audition{height:37.5rem;}

main#top #information #audition .audition_area {
	padding-right: 4rem;
	padding-left: 4rem;
}

main#top #information #audition .btn {
	text-align: center;
	margin-top: 3rem;
}

main#top #information #audition .btn a{
	display: inline-block;
	width: 30rem;
	text-align: center;
	padding: 1.5rem;
	position: relative;
	font-size: 1.1rem;
	font-weight: 900;
	border: 3px solid #ec3838;
	color: #000;
	border-radius: 0.4rem;
	background: #ec3838;
	box-shadow: 0px 0px 1rem 0.5rem rgba(236,56,56,0.2);
	transition: all .25s ease;
}

/* main#top #information #audition .btn a:hover{background: #000;} */

/* main#top #information #audition .btn a::after{
	display:block;
	content:'';
	background:#ec3838;
	background-size:100%;
	width: 2.4rem;
	height: 1.15rem;
	position:absolute;
	right: 1.5rem;
	top:50%;
	transform:translate(0,-50%);
} */

main#top #information #audition .frame .left_parts{
	width: 1.2rem;
	height:34.65rem;
}

main#top #information #audition .frame .right_parts{
	width: 1.2rem;
	height:34.65rem;
}


/* animation */

.fadein{
	transition: all 1.25s ease;
	opacity: 0;
	transform: translate(0,10px);
}

.fadein.on{
	opacity: 1;
	transform: translate(0,0);
}

@media screen and (max-width: 767px){

	/* 右上　バナー */

	header .banner {
		position: fixed;
		right: 10px;
		top: 0px;
		width: 230px;
	}

	.start main#top #kv .sns{top: 0;}

	/* news */

	main#top #news {padding: 7.45rem 0 3rem;}

	main#top #news .news_area {
	    margin: 2.7rem auto 0;
	    width: 80vw;
	}

	#news .news_area .list li{margin-bottom: 2.5rem;}

	#news .news_area .list li .openmodal{}

	#news .news_area .list li .openmodal::after {
		top: calc(50% + 2.65rem);
		transform:translate(0,-50%);
	}

	#news .news_area .list li .box{display: block;}
	#news .news_area .list .summary {width: 100%;}
	#news .news_area .list .summary .image {
    width: 9.3rem;
    background-size: contain;
    min-height: 14vw;
  }

	#news .news_area .list .summary .date {
		font-size: 1.7rem;
		width: calc(100% - 9.3rem);
	}

	#news .news_area .list .box .title {
		width: 100%;
		display: block;
		padding: 1.5rem 2rem;
	}

	#news .news_area .list .box .title p{
		font-size: 1.3rem;
		line-height: 1.4;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	main#top #news .news_area .more a{
		padding-right: 2rem;
	}

	main#top #news .news_area .more a::after{
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}


	/* modal */

	#news .modal {width: 90vw;}

	#news .modal > .close{
		top: -5rem;
		right: 0rem;
		width: 4rem;
		height: 4rem;
	}

	#news .modal .block {
		overflow: auto;
		height: auto;
		max-height: calc(100vh - 16rem);
	}

	#news .modal .head{position: relative;}

	#news .modal .head .date{padding: 1.2rem;}

	/*#news .modal .head .title{
		padding: 1.2rem 2rem;
		font-size: 1.2rem;
	}*/
  #news .modal .head h3{
    padding: 1.2rem 2rem;
    font-size: 1.2rem;
  }

	#news .modal .inner {padding: 2rem 3rem 4rem;}
	#news .modal .inner .image{margin-bottom: 1.2rem;}

	#news .modal .inner p{
		font-size: 1.2rem;
		margin: 1rem 0;
	}

	/*#news .modal .inner .subtitle{
		font-size: 1.3rem;
		padding: 0.3rem 1rem;
		border-left: 0.4rem solid #ec3838;
		margin: 2.5rem 0 2rem;
	}*/
  #news .modal .inner h4{
    font-size: 1.3rem;
    padding: 0.3rem 1rem;
    border-left: 0.4rem solid #ec3838;
    margin: 2.5rem 0 2rem;
  }

	#news .modal .inner .close{margin-top: 3.5rem;}

	#news .modal .inner .close div{
		width: 18rem;
		font-size: 1rem;
		padding: 1rem;
	}

	#news .modal .inner .close div .icon{
		width: 1rem;
		height: 1rem;
		right: 0.75rem;
	}


	/* information */

	main#top #message{padding-bottom: 26rem;}
	main#top #information {padding-top: 26rem;}
	main#top #information #audition{height:31rem;}

	main#top #information #audition .audition_area {
		padding-right: 3rem;
		padding-left: 3rem;
	}

	main#top #information #audition .logo{
		position: relative;
		top: -1.5rem;
	}

	main#top #information #audition .btn {margin-top: 1rem;}

	main#top #information #audition .btn a{
		width: 92%;
		padding: 1.5rem 1.5rem 1.5rem 1rem;
		font-size: 1.5rem;
		border: 2px solid #ec3838;
	}

	main#top #information #audition .frame .left_parts{height:28.3rem;}
	main#top #information #audition .frame .right_parts{height:28.3rem;}

}

/* --------------- TOP add 2025.04 ---------------- */

/* fvのyoutubeボタン */
main#top #kv.fixed_youtube {
    position: fixed;
    bottom: 0;
    right: 0;
    top: unset;
    left: unset;
    width: 4.05rem;
    height: 4.05rem;
    z-index: 9998;
}
@media screen and (max-width: 767px){
    main#top #kv.fixed_youtube {
		position: fixed;
        height: 6.2rem;
        width: 6.2rem;
        top: 6.6rem;
        bottom: unset;
		transform: translateY(0);
		transition: all .5s ease;
    }
	.start main#top #kv.fixed_youtube.stopped {
        transform: translateY(calc(100vh - 12rem));
        top: unset;
        bottom: unset;
        right: 2px;
    }
	.start main#top #kv.fixed_youtube.stopped .sns {
		top: unset;
		bottom: 0;
	}
}

/* fadeUpアニメーション */
.fadeup {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.8s ease, transform 0.8s ease;
  }
  
.fadeup.active {
opacity: 1;
transform: translateY(0);
}

/* misssion */
main#top #mission h2.title {
	height: 9.30rem;
}
main#top #mission .about {
    display: grid;
    justify-items: center;
	height: 16rem;
}
main#top #mission.active .about p.catch.active {
	opacity: 1;
	transform: translateY(0);
	width: 62%;
	transition: .4s ease .9s;
}
.text_anime_lead,
.text_anime_text,
.text_anime_text_second {
	position: relative;
	display: block;
	transition: min-height 0.5s ease; /* 高さの変化をアニメーション */
	z-index: 200;
}
span.text_anime_text01, span.text_anime_text02, span.text_anime_text03, span.text_anime_text04, span.text_anime_text05,
span.text_anime_text_second01, span.text_anime_text_second02, span.text_anime_text_second03, span.text_anime_text_second04, span.text_anime_text_second05, span.text_anime_text_second06, span.text_anime_text_second07{
    display: block;
	opacity: 0;
}
span.text_anime_lead01_sp, span.text_anime_lead02_sp,span.text_anime_text01_sp, span.text_anime_text02_sp, span.text_anime_text03_sp, span.text_anime_text04_sp, span.text_anime_text05_sp, span.text_anime_text_second01_sp, span.text_anime_text_second02_sp, span.text_anime_text_second03_sp, span.text_anime_text_second04_sp, span.text_anime_text_second05_sp {
	display: block;
	opacity: 0;
}
main#top #mission .about:before {
    content: '';
    position: absolute;
    top: -9rem;
    left: -8rem;
    width: 14rem;
    height: 14rem;
    background: url(../img/kitakyusyumap.png);
    background-size: cover;
    background-position: center center;
    z-index: 100;
    transform: rotate(15deg);
}
main#top #mission .about:after {
	content: '';
	position: absolute;
	top: -.5rem;
	left: 50%;
	width: 45.9rem;
	transform: translateX(-50%) scale(0.9); /* ← scale追加 */
	height: 25rem;
	background: url(../img/mission_kakko_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1000;
	opacity: 0;
	transition: transform 0.4s ease-out, opacity 0.4s ease-out;
}
main#top #mission .about.active:after {
	transform: translateX(-50%) scale(1);
	opacity: 1;
}
@media screen and (max-width: 767px){
	main#top #mission.active .about p.text {
		text-align: left;
	}
	main#top #mission .about p.text.second {
		text-align: left;
	}
	main#top #mission.active .about p.catch.active {
		width: 86%;
		margin: 3.5rem auto 0;
	}
    main#top #mission .about {
		padding: 0 5vw;
		height: 38rem;
	}
	main#top #mission .about:after {
		content: '';
		position: absolute;
		top: unset;
		bottom: -3rem;
		left: 50%;
		width: 34.9rem;
		transform: translateX(-50%) scale(0.9); /* ← scale追加 */
		height: 8rem;
		background: url(../img/mission_kakko_sp.png);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 1000;
		opacity: 0;
		transition: transform 0.6s ease-out, opacity 0.6s ease-out;
	}
}

/* message */
main#top #message h2.title {
	height: 8.1rem;
}
@media screen and (max-width: 767px){
	main#top #message .message_area .message .image,
	main#top #message .message_area .message .text_area,
	main#top #message .message_area .message .logo,
	main#top #message .message_area .message h3.title {
		width: 26.5rem;
	}
	main#top #message .message_area .message .image {
		margin: 4.05rem auto 0;
	}
	main#top #message .message_area .message .text_area {
		margin: 0 auto;
		left: 0;
	}
	main#top #message .message_area .message:nth-child(2) .image,
	main#top #message .message_area .message:nth-child(2) .text_area {
		width: 26.5rem;
	}
	main#top #message .message_area .message:nth-child(2) .image {
		margin: 3.35rem auto 0;
	}
	main#top #message .message_area .message:nth-child(2) .text_area {
		margin: 0 auto;
	}
}


/* footer_info */
main#top #information #audition.active {
	transition: width .4s ease, background-color 0.4s ease;
}
main#top #information #audition.active:hover {
	background: #ec3838;
}
main#top #information #audition.active .comic a {
    display: block;
}
/* main#top #information ul.info_list li.instagram .link,
main#top #information ul.info_list li.facebook .link{
    width: 10.75rem;
} */
main#top #information ul.info_list li.contact .link {
    width: 14.3rem;
}
main#top #information ul.info_list li .link a .text {
	font-size: 0.75rem;
}
main#top #information ul.info_list li.instagram,
main#top #information ul.info_list li.facebook,
main#top #information ul.info_list li.tiktok {
	margin: 0 auto 0;
}
main#top #information ul.info_list li .link {
    margin: 0.65rem auto 0;
    width: 9.75rem;
    height: 2.5rem;
}
main#top #information ul.info_list li .link a:hover {
	color: #fff;
}
main#top #information ul.info_list li .link a:hover svg path{
	fill: #000;
}
@media screen and (min-width: 768px) {
	main#top #information ul.info_list.sns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        max-width: max-content;
        row-gap: 0.5rem;
        column-gap: 1.1rem;
        margin: 2.2rem auto 0;
    }
}
@media screen and (max-width: 767px) {
    main#top #information ul.info_list li .link {
        width: 15rem;
        height: 4rem;
    }
	main#top #information ul.info_list li.contact .link {
        width: 23.5rem;
        height: 4.2rem;
    }
	main#top #information ul.info_list.sns {
		display: grid;
		grid-template-columns: 1fr 1fr;
		max-width: max-content;
        row-gap: 1rem;
        column-gap: 1.7rem;
        margin: 3.2rem auto 0;
	}
	main#top #information ul.info_list li .link a .text {
        font-size: 1.2rem;
    }
	main#top #information ul.info_list li.instagram,
	main#top #information ul.info_list li.facebook,
	main#top #information ul.info_list li.tiktok {
		margin: 0 auto 0;
	}
}