@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1+Code:wght@100;200;300;400;500;600;700&family=Noto+Sans+JP&display=swap');
	html,
    body {
      background-color: white;
		color: black;
    }
.delta{
    position: relative;
    width: 100%;
}
.outer{
    display: flex;
    /*display: table;*/
    width: 100%;
    height: 100vh;
position: relative;
}
.inner {
/*    display: flex;
    display: table-cell;
    text-align: center;
    vertical-align: middle;*/
    padding: 0 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.inner svg{
    width: 92vw;
    height: auto;

}
.st0{
   fill:none;
    stroke:#000000;
    stroke-width:0.25;
    stroke-miterlimit:10;
/*     animation: light_anime 500ms ease-in-out 0s infinite alternate; */
}
.info{
    width: 90%;
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-align: center;
}
.info p{
    padding-bottom: 30px;
    font-weight: 300;
    font-weight: bold;
    font-size: 3.2vw;
    font-family: 'M PLUS 1 Code', sans-serif;
}

@media (min-width: 768px){
 .info p{
    padding-bottom: 20px;
    font-size: 3vw;
}
}
@media (min-width: 1200px){
 .info p{
    font-size: 40px;
}
}