body {
  display: grid;
  height: 100vh;
  margin: 0 0 0 0;
  font-size: 16px;
  grid-template-rows: auto 1fr auto;
}


header {
  background-image: url('../images/bg_k.jpg');
  background-repeat: repeat;
  display: flex;
  /*
  background-image: url('../images/yoko_top.png');
  background-repeat: no-repeat;
  background: coral;
  background-position: right;
  */
  /*padding: 3rem;*/
  padding-left: 8%;
  height: 100px;
}

main {
  background: #FFFFFF;
  padding-left:25%;
  padding-right:25%;
  padding-top: 3rem;
  padding-bottom: 1em;
}

footer {
  background-image: url('../images/bg_k.jpg');
  background-repeat: repeat;
  padding: 2rem;
  text-align: center;
  text-shadow: 2px 2px 2px #000000;
  font-size: 0.8em;
  color: #FFFFFF;
}

body {
  font-family: system-ui, sans-serif;
}

.imgoftop{
    align-self: center;
    width: 80px;
}



.aboutnaiyou{
    padding-top:15px;
    color: #848484;
    padding-bottom:22px;
    font-size:1.3rem;
}

.bottun_ks{
    cursor: pointer;
    color: #FFFFFF;
    font-size: 2.4rem;
    border-radius:12px;
    width:50%;
    height:4rem;
    text-align: center;
    background-color: red;
    border: 1px solid #EfEfEf;
    box-shadow: 5px 5px 5px #8F8F8F;
}

.bottun_ss{
    cursor: pointer;
    color: #FFFFFF;
    font-size: 2.4rem;
    border-radius:12px;
    width:50%;
    height:4rem;
    text-align: center;
    background-color: green;
    border: 1px solid #EfEfEf;
    box-shadow: 5px 5px 5px #8F8F8F;
}

.err_ip{
    color: #FFFFFF;
    font-size: 2.4rem;
    border-radius:12px;
    width:50%;
    height:4rem;
    text-align: center;
    background-color: red;
    border: 1px solid #EfEfEf;
    box-shadow: 5px 5px 5px #8F8F8F;
}