* {
    margin: 0;
    box-sizing: border-box;
}

:root {
    --color1: #e1e8ee;
    --color2: #0f75a4;
    --color3: #FF3B53;
    --color4: #6F6F6F;
    --color5: #1c1c1c;
    --color6: #9c9c9c;
    --color7: #BC3657;
}
/* 旧デザイン
:root {
    --color1: #e0e6e4;
    --color2: #0FA480;
    --color3: #FF3B53;
    --color4: #6F6F6F;
    --color5: #1c1c1c;
    --color6: #9c9c9c;
    --color7: #BC3657;
} */

a {
    text-decoration: none;
}

input {
    display: block;
    font-family: SHS;
    outline: none;
}

select {
    display: block;
    font-family: SHS;
    outline: none;
}

input:focus {
    outline: none;
}

@font-face {
    font-family: SHS;
    src: url(../fonts/SHS-L.woff2);
    font-weight: 300;
}

@font-face {
    font-family: SHS;
    src: url(../fonts/SHS-M.woff2);
    font-weight: 600;
}

body {
    font-family: SHS, sans-serif;
    font-weight: 300;
    color: var(--color5);
}

.wrapper {
    width: 100vw;
    height: 100vh;
    background-color: var(--color1);
    display: flex;
    min-width: 990px;
    min-height: 500px;
    overflow: hidden;
}

.center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.shadow {
    box-shadow: 0px 4px 6px #00000011;
}

.grow {
    flex-grow: 1;
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 40px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,var(--color2) 90%,#0000);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 50%;
  animation: l3 1s infinite linear;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}


.loader2 {
  height: 15px;
  aspect-ratio: 5;
  background: radial-gradient(closest-side at 37.5% 50%,var(--color2) 70%,#0000 72%) 0/calc(80%/3) 100%;
  animation: l47 .75s infinite;
}
@keyframes l47 {
  100% {background-position: 36.36%}
}