﻿body{height:100%}body[data-state=loading] .load{opacity:1}body[data-state=loading] .load .load_inner svg .cls-1{stroke-dashoffset:1630}body[data-state=loading] main,body[data-state=loading] .translateY,body[data-state=loading] .footerWrap{display:none}body[data-state=open1] .load .load_inner svg .cls-1{stroke-dashoffset:0}body[data-state=open1] .load .load_border{transform:scaleX(0)}body[data-state=open1] main,body[data-state=open1] .translateY,body[data-state=open1] .footerWrap{display:none}body[data-state=open2] .load .load_inner{opacity:0}body[data-state=open2] .load .load_inner svg .cls-1{stroke-dashoffset:0}body[data-state=open2] .load .load_border{transform:scaleX(0)}body[data-state=open2] main,body[data-state=open2] .translateY,body[data-state=open2] .footerWrap{display:none}body[data-state=open3] .load .load_box{border-width:30px}body[data-state=open3] .load .load_inner{opacity:0}body[data-state=open3] .load .load_inner svg .cls-1{stroke-dashoffset:0}body[data-state=open3] .load .load_border{transform:scaleX(0)}body[data-state=open3] main,body[data-state=open3] .translateY,body[data-state=open3] .footerWrap{display:none}body[data-state=start] .load{display:none}.load{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:10000}.load .load_box{position:fixed;top:0;left:0;width:100%;height:100%;border-top:50vh solid #d9c540;border-bottom:50vh solid #d9c540;border-left:50vw solid #d9c540;border-right:50vw solid #d9c540;transition:all 600ms ease-in;box-sizing:border-box}.load .load_inner{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:all 200ms ease-out}.load .load_inner .load_logo_pc{display:block}.load .load_inner .load_logo_sp{display:none}@media screen and (max-width: 768px){.load .load_inner .load_logo_pc{display:none}.load .load_inner .load_logo_sp{display:block;padding:27% 0 0}}.load .load_inner svg{width:90%;height:auto}@media screen and (max-width: 768px){.load .load_inner svg{width:96%}}.load .load_inner svg .cls-1{position:relative;width:90%;z-index:10002;fill:#d9c540;stroke:#fff;stroke-width:2px;stroke-dasharray:1630;transition:all 1200ms linear}.load .load_border{position:fixed;top:calc(50vh - 1px);left:0;width:100%;height:1px;background-color:#fff;transition:all 100ms linear}.keyvisual{position:relative}@media screen and (max-width: 768px){.keyvisual{background-size:97%;padding-bottom:12%;background-position:center bottom;overflow:hidden}}.keyvisual img{width:100%}.kv__bg{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:-1}.kv__bg .kv_logo_pc{display:block}.kv__bg .kv_logo_sp{display:none}@media screen and (max-width: 768px){.kv__bg .kv_logo_pc{display:none}.kv__bg .kv_logo_sp{display:block;padding:34% 0 0}}.kv__bg svg{width:90%;height:auto}@media screen and (max-width: 768px){.kv__bg svg{width:96%}}.kv__bg svg .cls-1{fill-opacity:0;stroke:#dbc321;stroke-linejoin:round;stroke-width:2px;fill-rule:evenodd;stroke-dasharray:1680}.kv__title{width:100%;margin:0 auto;z-index:10;position:relative;padding:40px 0 0 0}@media screen and (max-width: 768px){.kv__title{position:static}}.kv__title_inner{display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:60%;font-style:italic;letter-spacing:12px}@media screen and (max-width: 768px){.kv__title_inner{width:86%}}.kv__title_inner h1{width:16.84%}@media screen and (max-width: 768px){.kv__title_inner h1{width:30%;margin:0}}.kv__title_inner p{width:35%;margin-top:-30px;max-width:388px}@media screen and (max-width: 768px){.kv__title_inner p{margin:-26% 0 0;width:32%}}.kv__inner{display:flex;justify-content:center;width:100%;max-width:100%;margin:-60px auto 0;position:relative}@media screen and (max-width: 768px){.kv__inner{margin:0 auto}}.kv__inner .chara__list{display:flex;justify-content:center;position:relative;padding:40% 0 0;width:100%;height:0}@media screen and (max-width: 768px){.kv__inner .chara__list{padding:102% 0 0}}.kv__inner .chara__list[data-kv-id="1"] li:nth-child(1) .chara__list_chara,.kv__inner .chara__list[data-kv-id="2"] li:nth-child(2) .chara__list_chara,.kv__inner .chara__list[data-kv-id="3"] li:nth-child(3) .chara__list_chara,.kv__inner .chara__list[data-kv-id="4"] li:nth-child(4) .chara__list_chara,.kv__inner .chara__list[data-kv-id="5"] li:nth-child(5) .chara__list_chara,.kv__inner .chara__list[data-kv-id="6"] li:nth-child(6) .chara__list_chara,.kv__inner .chara__list[data-kv-id="7"] li:nth-child(7) .chara__list_chara,.kv__inner .chara__list[data-kv-id="8"] li:nth-child(8) .chara__list_chara{transform:translateY(0);opacity:1}.kv__inner .chara__list[data-kv-id="1"] li:nth-child(1) .name p.chara_name,.kv__inner .chara__list[data-kv-id="1"] li:nth-child(1) .name p.pear_name,.kv__inner .chara__list[data-kv-id="2"] li:nth-child(2) .name p.chara_name,.kv__inner .chara__list[data-kv-id="2"] li:nth-child(2) .name p.pear_name,.kv__inner .chara__list[data-kv-id="3"] li:nth-child(3) .name p.chara_name,.kv__inner .chara__list[data-kv-id="3"] li:nth-child(3) .name p.pear_name,.kv__inner .chara__list[data-kv-id="4"] li:nth-child(4) .name p.chara_name,.kv__inner .chara__list[data-kv-id="4"] li:nth-child(4) .name p.pear_name,.kv__inner .chara__list[data-kv-id="5"] li:nth-child(5) .name p.chara_name,.kv__inner .chara__list[data-kv-id="5"] li:nth-child(5) .name p.pear_name,.kv__inner .chara__list[data-kv-id="6"] li:nth-child(6) .name p.chara_name,.kv__inner .chara__list[data-kv-id="6"] li:nth-child(6) .name p.pear_name,.kv__inner .chara__list[data-kv-id="7"] li:nth-child(7) .name p.chara_name,.kv__inner .chara__list[data-kv-id="7"] li:nth-child(7) .name p.pear_name,.kv__inner .chara__list[data-kv-id="8"] li:nth-child(8) .name p.chara_name,.kv__inner .chara__list[data-kv-id="8"] li:nth-child(8) .name p.pear_name{transform:translateX(0);opacity:1}.kv__inner .chara__list[data-kv-id="1"] li:nth-child(1) .name p.chara_name::after,.kv__inner .chara__list[data-kv-id="2"] li:nth-child(2) .name p.chara_name::after,.kv__inner .chara__list[data-kv-id="3"] li:nth-child(3) .name p.chara_name::after,.kv__inner .chara__list[data-kv-id="4"] li:nth-child(4) .name p.chara_name::after,.kv__inner .chara__list[data-kv-id="5"] li:nth-child(5) .name p.chara_name::after,.kv__inner .chara__list[data-kv-id="6"] li:nth-child(6) .name p.chara_name::after,.kv__inner .chara__list[data-kv-id="7"] li:nth-child(7) .name p.chara_name::after,.kv__inner .chara__list[data-kv-id="8"] li:nth-child(8) .name p.chara_name::after{transform:translateX(-20%);opacity:0}.kv__inner .chara__list[data-kv-id="1"] li:nth-child(1) .name p.pear_name::after,.kv__inner .chara__list[data-kv-id="2"] li:nth-child(2) .name p.pear_name::after,.kv__inner .chara__list[data-kv-id="3"] li:nth-child(3) .name p.pear_name::after,.kv__inner .chara__list[data-kv-id="4"] li:nth-child(4) .name p.pear_name::after,.kv__inner .chara__list[data-kv-id="5"] li:nth-child(5) .name p.pear_name::after,.kv__inner .chara__list[data-kv-id="6"] li:nth-child(6) .name p.pear_name::after,.kv__inner .chara__list[data-kv-id="7"] li:nth-child(7) .name p.pear_name::after,.kv__inner .chara__list[data-kv-id="8"] li:nth-child(8) .name p.pear_name::after{transform:translateX(20%);opacity:0}.kv__inner .chara__list[data-kv-id="1"] li:nth-child(1) .name p.chara_name::after{background-color:#0cf}.kv__inner .chara__list[data-kv-id="2"] li:nth-child(2) .name p.chara_name::after{background-color:#ff8400}.kv__inner .chara__list[data-kv-id="3"] li:nth-child(3) .name p.chara_name::after{background-color:#fc0}.kv__inner .chara__list[data-kv-id="4"] li:nth-child(4) .name p.chara_name::after{background-color:#d6ff43}.kv__inner .chara__list[data-kv-id="5"] li:nth-child(5) .name p.chara_name::after{background-color:#ff4e00}.kv__inner .chara__list[data-kv-id="6"] li:nth-child(6) .name p.chara_name::after{background-color:#70007a}.kv__inner .chara__list[data-kv-id="7"] li:nth-child(7) .name p.chara_name::after{background-color:#128c82}.kv__inner .chara__list[data-kv-id="8"] li:nth-child(8) .name p.chara_name::after{background-color:#8ee3ce}.kv__inner .chara__list[data-kv-id="1"] li:nth-child(1) .name p.pear_name::after{background-color:#f9c}.kv__inner .chara__list[data-kv-id="2"] li:nth-child(2) .name p.pear_name::after{background-color:#26bc69}.kv__inner .chara__list[data-kv-id="3"] li:nth-child(3) .name p.pear_name::after{background-color:#c8a5e9}.kv__inner .chara__list[data-kv-id="4"] li:nth-child(4) .name p.pear_name::after{background-color:#adc7ca}.kv__inner .chara__list[data-kv-id="5"] li:nth-child(5) .name p.pear_name::after{background-color:#fff}.kv__inner .chara__list[data-kv-id="6"] li:nth-child(6) .name p.pear_name::after{background-color:#3e76d4}.kv__inner .chara__list[data-kv-id="7"] li:nth-child(7) .name p.pear_name::after{background-color:#ffcec7}.kv__inner .chara__list[data-kv-id="8"] li:nth-child(8) .name p.pear_name::after{background-color:#ffc}.kv__inner .chara__list_item{position:absolute;top:0;display:flex;justify-content:center;width:100%}.kv__inner .chara__list_item .chara__list_chara{display:block;width:50%;max-width:940px;transition:all 400ms ease-out;transform:translateY(20%);opacity:0}@media screen and (max-width: 768px){.kv__inner .chara__list_item .chara__list_chara{width:90%}}.kv__inner .chara__list_item .chara__list_chara img{width:100%;max-width:100%;border:1px solid #d9c540;box-sizing:border-box;box-shadow:0px 0px 40px 0px #d9c540}@media screen and (max-width: 768px){.kv__inner .chara__list_item .chara__list_chara img{margin:8% 0 5%;box-shadow:0px 0px 20px 0px #d9c540}}.kv__inner .chara__list_item .name{position:absolute;top:0;width:36%;max-width:677px;height:100%}@media screen and (max-width: 768px){.kv__inner .chara__list_item .name{margin:5% auto 10%;padding:76% 0 0;width:80%;box-sizing:border-box}}.kv__inner .chara__list_item .name p{position:absolute;background:#000;color:#fff;font-style:italic;font-family:"FP-ヒラギノ角ゴ StdN W1";text-align:center;white-space:nowrap;z-index:10}.kv__inner .chara__list_item .name p span{position:relative;font-style:italic;text-shadow:1px 1px 1px #000;z-index:11}@media screen and (max-width: 768px){.kv__inner .chara__list_item .name p{width:80%;position:static;margin:1% auto;display:inline-block}}.kv__inner .chara__list_item .name p::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 600ms ease-out 600ms,opacity 600ms ease-out 800ms;transform:translateX(0%);opacity:1;z-index:1}.kv__inner .chara__list_item .name p.chara_name{right:100%;left:initial;top:12px;font-size:13px;padding:1% 0 1% 1em;letter-spacing:1em;transition:all 200ms ease-out 400ms;transform:translateX(20%);opacity:0}.kv__inner .chara__list_item .name p.chara_name::after{transform:translateX(20%)}@media screen and (max-width: 768px){.kv__inner .chara__list_item .name p.chara_name{font-size:2vw;letter-spacing:2vw}}.kv__inner .chara__list_item .name p.pear_name{left:100%;right:initial;bottom:12px;font-size:13px;letter-spacing:1em;padding:1% 1% 1% 2em;transition:all 200ms ease-out 600ms;transform:translateX(-20%);opacity:0}.kv__inner .chara__list_item .name p.pear_name::after{transform:translateX(-20%)}@media screen and (max-width: 768px){.kv__inner .chara__list_item .name p.pear_name{font-size:2vw;letter-spacing:2vw;padding:.5% 0 .5% 2vw}}.kv__inner .chara__list_arrow{position:absolute;top:0;display:flex;align-items:center;justify-content:space-between;width:50%;max-width:940px;height:100%;z-index:1000;pointer-events:none}@media screen and (max-width: 768px){.kv__inner .chara__list_arrow{width:100%;height:84%}}.kv__inner .chara__list_arrow_l,.kv__inner .chara__list_arrow_r{width:16%;background-color:transparent;outline:none;border:none;cursor:pointer;pointer-events:auto}@media screen and (max-width: 768px){.kv__inner .chara__list_arrow_l,.kv__inner .chara__list_arrow_r{margin-left:initial !important;margin-right:initial !important;width:14%}}.kv__inner .chara__list_arrow_l img,.kv__inner .chara__list_arrow_r img{pointer-events:none;transform:translateX(0)}.kv__inner .chara__list_arrow_l:hover img,.kv__inner .chara__list_arrow_r:hover img{animation:arrow_left 800ms ease-in-out infinite}.kv__inner .chara__list_arrow_l{margin-left:-16%;transform:rotate(180deg)}.kv__inner .chara__list_arrow_r{margin-right:-16%}@keyframes arrow_left{0%{transform:translateX(-16%);opacity:1}100%{transform:translateX(16%);opacity:0}}.kv .scrolldown{text-align:center;margin-top:1%;line-height:1.5}@media screen and (max-width: 768px){.kv .scrolldown{font-size:8px}}.kv .scrolldown p{-webkit-animation:scrolldown 1.8s infinite ease-in-out;animation:scrolldown 1.8s infinite ease-in-out}.kv .scrolldown p:nth-child(1){-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.kv .scrolldown p:nth-child(2){-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@keyframes scrolldown{0%{opacity:0}50%{opacity:.5}80%{opacity:.9}100%{opacity:0}}.fixid_sns{position:fixed;top:4%;right:36px;width:100px;display:flex;justify-content:space-between;z-index:1000}@media screen and (max-width: 768px){.fixid_sns{top:2%;right:4.5%;width:20%}}.fixid_sns button{padding:0;width:44%;background-color:transparent;border:none;cursor:pointer}.fixid_sns button img{max-width:100%}@media screen and (max-width: 768px){.mg_area{overflow:hidden}}
