@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@900&display=swap');

@font-face {
font-family: 'ITC';
src: url('font/AvantGardeLT-Bold.woff2') format('woff2'),
url('font/AvantGardeLT-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Brushwell';
src: url('font/Brushwell.woff2') format('woff2'),
url('font/Brushwell.woff') format('woff');
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Bemio';
src: url('font/Bemio.woff2') format('woff2'),
url('font/Bemio.woff') format('woff');
font-style: normal;
font-display: swap;
}

body{
width:100%;
font-size:13px;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,osaka,ＭＳ Ｐゴシック,MS PGothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,sans-serif;

color:#fff;
font-weight: 700;
font-style: normal;
font-feature-settings: "palt";
}

body {
animation: fadeIn 0.4s ease 0s 1 normal;
-webkit-animation: fadeIn 0.4s ease 0s 1 normal;
background: #fff;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

*{
margin:0px;
padding:0px;
box-sizing:border-box;
outline: 0;
}

ul,li{
list-style:none;
}

i{
font-style: normal;
display: block
}

img{
max-width:100%;
display:block;
}

a{
text-decoration: none;
color:#fff;
transition: 0.2s;
}

h1,h2,h3,h4,h5,h6{
line-height: 100%;
}

.pink{
text-shadow:
0 0 5px#ff66cc,
0 0 10px #ff66cc,
0 0 20px #ff66cc,
0 0 40px #ff66cc;
}

.pink_b{
box-shadow:
inset 0 0 6px#ff4fbf,
inset 0 0 14px #ff4fbf,
0 0 10px #ff4fbf,
0 0 18px #ff4fbf;
}

.blue{
text-shadow:
0 0 5px#4fc3ff,
0 0 10px #4fc3ff,
0 0 20px #4fc3ff,
0 0 40px #4fc3ff;
}

.blue_b{
box-shadow:
inset 0 0 5px#4fc3ff,
inset 0 0 10px #4fc3ff,
0 0 10px #4fc3ff,
0 0 30px #4fc3ff;
}

span.neon {
display: inline;
animation: neonFlicker 2.8s infinite;
will-change: filter, opacity, text-shadow;
}

@keyframes neonFlicker {
0% { opacity: 1; filter: brightness(1); }
3% { opacity: .45; filter: brightness(.8);}
6% { opacity: 1; filter: brightness(1.1); }
7% { opacity: .65; filter: brightness(.9);}
10%{ opacity: 1; filter: brightness(1.2); }
22%{ opacity: .8;filter: brightness(1); }
25%{ opacity: .35; filter: brightness(.75); }
28%{ opacity: 1; filter: brightness(1.25);}
55%{ opacity: .9;filter: brightness(1.05);}
58%{ opacity: .6;filter: brightness(.9);}
60%{ opacity: 1; filter: brightness(1.15);}
100% { opacity: 1; filter: brightness(1); }
}

div.more{
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-bottom: 20px
}

a.more{
width: 76%;
height: 56px;
display: block;
border:solid 2px #fff;
border-radius: 28px;
display: flex;
align-items: center;
justify-content: center
}

p.normal_more{
font-size: 14px
}