@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700;900&Noto+Serif+JP:wght@600;800&Inter:opsz,wght@14..32,700&family=Montserrat:ital@1&family=Jost:ital,wght@1,500&family=Kiwi+Maru:wght@500&display=swap');


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

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

@font-face {
font-family: 'Notera';
src: url('fonts/Notera2PERSONALUSEONLY-Light.woff2') format('woff2'),
url('fonts/Notera2PERSONALUSEONLY-Light.woff') format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}

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

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

@font-face {
font-family: 'Tw';
src: url('fonts/TwCenMT-CondensedExtraBold.woff2') format('woff2'),
url('fonts/TwCenMT-CondensedExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

body{
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "hiragino-kaku-gothic-pron", sans-serif;
font-weight: 200;
font-style: normal;
color:#000;
font-feature-settings: "palt";
letter-spacing: 0.05em
}

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

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

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

ul,li{
list-style:none;
}

li{
font-style: normal;
}

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

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

a{
text-decoration: none;
color: #000
}

/*--------------------loadingWrap--------------------*/

/* 全画面ローディング */
.loadingWrap {
position: fixed;
inset: 0;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: #1e4e90;
z-index: 9999;
animation: fadeOut 2s ease 1s forwards;
}

.loadingWrap img {
width: 180px;
animation: logoFade 1.2s ease-in-out;
}

@keyframes logoFade {
from { opacity: 0; transform: scale(0.8); }
to   { opacity: 1; transform: scale(1); }
}

@keyframes fadeOut {
to { opacity: 0; visibility: hidden; }
}