@charset "utf-8";
body{
  background-color:#ffffff;
}

.container {  display: grid;
  grid-template-columns: 0.7fr 1.6fr 0.7fr;
  grid-template-rows: 2fr 0.1fr;
  grid-auto-columns: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "subbase1 mainbase subbase2"
    ". . .";
}

.mainbase { 
  grid-area: mainbase;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border:3px solid;
  background-color: #79a7d9;
  border-radius: 15px;
}

.subbase1 { 
  grid-area: subbase1; 
}

.subbase2 { 
  grid-area: subbase2; 
}

#link_text{
  color:#4f85a6;
  text-decoration: none;
}

.text_size{
  font-size: 20px;
}

.input_size{
  font-size:30px;
  width:auto;
  align-items: center;
}


/*スマホ設定*/
@media screen and (max-width: 479px){

.text_size{
  font-size: 30px;
  align-items: center;
}

.input_size{
  font-size:25px;
  align-items: center;
}
}