*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
 height: 100%;
 background-color: #f0fff0;
}
h1{
  margin-left: 20px;
}
#wrap{
    width: 100%;
    margin: 0 auto;
    background-color: #f0fff0;
}

header{
  background-color: #26d0c9;
  color: #fff;
  user-select:none;
  width:100%;
  height:44px;
  display:flex;
  align-items:stretch;
}

.btn{
  display:block;
  cursor:pointer;
  border: 2px solid #ffffff;
  border-bottom: 5px solid #26d0c9;
  border-top: 5px solid #26d0c9;
}

.btn a{
    display:block;
    width:100%;
    height:44px;
    line-height:44px;
    text-align:center;
    color:inherit;
    text-decoration: none;
}

.header-item{
  flex-grow: 1;
}

.contents{
}

.contentsA{
}

.contents-table{
  margin: 20px 30px;
  widht: 60%;
}

.contents-table table, th, td{
  vertical-align: top;
}

.contents-table table{
  border: 2px solid;
  widht: 70%;
  border-spacing: 5px 10px;
}

.contents-table input{
   width: 100%;
}

.maru{
    color: #fff;
    background-color: #26d0c9;
    border-radius: 100%;
}

.mojimaru{
    color: #25d0c9;
}
.mojimaru2{
    color: blue;
}