@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes logo{0%{left:0;opacity:0;top:15%;@media screen and (max-width: 380px){top:20%}}100%{left:0;opacity:1;top:20%;@media screen and (max-width: 380px){top:25%}}}@keyframes logo2{0%{left:0;opacity:0;top:20%}100%{left:0;opacity:1;top:25%}}header{background:url(/img/index-hd.jpg) no-repeat center center;background-size:cover;display:block;height:70vh;position:relative;width:100%;z-index:0}@media screen and (max-width: 480px){header{height:60vh}}@media screen and (max-width: 380px){header{background:url(/img/index-hd.jpg) no-repeat 60% center;background-size:cover}}@media screen and (max-width: 359px){header{height:80vh}}header .hd-inner{animation:gradientBG 10s ease infinite;background:linear-gradient(-45deg, rgba(186,149,246,0.8), rgba(114,57,248,0.8), rgba(128,60,231,0.8), rgba(189,137,234,0.8), rgba(149,71,248,0.9));background-size:400% 400%;color:#fff;font-family:"Exo", sans-serif;height:70vh;margin:0;position:relative;width:100%;z-index:10}@media screen and (max-width: 480px){header .hd-inner{height:60vh}}@media screen and (max-width: 359px){header .hd-inner{height:80vh}}header .hd-inner .hdLogoArea{height:100%;margin:0 auto;max-width:640px;position:relative;text-align:center;width:100%}@media screen and (max-width: 640px){header .hd-inner .hdLogoArea{width:86%}}header .hd-inner .hdLogoArea .hdLogo{animation:logo 1.5s ease 1;left:0;position:absolute;top:20%}header .hd-inner .container{bottom:30px;margin:0 auto;position:absolute;text-align:center;width:100%;z-index:20}@media screen and (max-width: 1220px){header .hd-inner .container{bottom:20px}}header .hd-inner .container .indexAtt{display:inline-block;font-family:"Sawarabi Mincho";font-size:16px;margin:0 auto;text-align:left}@media screen and (max-width: 480px){header .hd-inner .container .indexAtt{font-size:14px}}.btnArea{background:#fff0fd;font-size:0;padding:30px 0;text-align:center;width:100%}.btnArea .btn{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:white;border:0;display:inline-block;margin:0 10px 0 0;max-width:300px;overflow:hidden;padding:0;text-align:center;width:100%}.btnArea .btn:mth-of-type(2){margin:0}@media screen and (max-width: 680px){.btnArea .btn{display:block;margin:0 auto 10px;width:70%}.btnArea .btn:nth-of-type(2){margin:0 auto}}.btnArea .btn .btnLink{color:white;display:block;font-family:"Sawarabi Mincho";padding:15px;text-align:center;width:100%}.btnArea .btn .btnLink:hover{opacity:0.8}.btnArea .btn .btnLink span{display:block;font-family:"Sawarabi Mincho";font-size:16px}.btnArea .btn .btnLink span:nth-of-type(2){font-size:38px}@media screen and (max-width: 680px){.btnArea .btn .btnLink span:nth-of-type(2){font-size:34px}}.btnArea .btn .btnLink.enter{-webkit-transition:all .2s ease;transition:all .2s ease;animation:gradientBG 8s ease infinite;background:linear-gradient(-45deg, #bc52ee, #4d30fb, #803ce7, #857cfe, #a547f8);background-size:400% 400%}.btnArea .btn .btnLink.leave{background:#3f3b48}#wrapper{background:white;padding:0;position:relative}#wrapper:after{bottom:0;content:"";display:block;height:50px;left:0;position:absolute;right:0;top:0;width:100%}#wrapper:after{margin:auto auto 0 auto}#index{padding:20px 0 30px}#index-bottom{position:relative}.banner-list{margin-bottom:10px;padding-bottom:10px}.banner-list h3{border-left:2px solid #fff0fd;font-size:18px;font-weight:bold;margin-bottom:10px;padding-left:20px}.banner-list li a{display:inline-block;margin:0 5px 5px 0}.more-btn{display:block;margin:0 auto;padding:0 0 30px;text-align:center;width:70%}.directBanner{text-align:center;width:100%}.directBanner li{display:block;text-align:center}.directBanner li div a{display:inline-block}.directBanner li iframe{margin:0 auto}.directBanner img{max-width:100% !important;height:auto}.directBanner a{display:inline-block}.pc{display:block}@media screen and (max-width: 580px){.pc{display:none !important}}.sp{display:none !important}@media screen and (max-width: 580px){.sp{display:block !important}}.indexTxt{padding:40px 0 0;width:100%}.indexTxt h2{color:#ae86cf;font-size:clamp(1.125rem, 1.011rem + 0.48vw, 1.375rem);text-align:center;font-weight:600}@media screen and (max-width: 767px){.indexTxt h2{line-height:1.4}}.indexTxt h2 span{display:inline-block}.indexTxt .indexTxtInner{padding:15px 0 40px;text-align:left}