body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;

}

.header{
    height: 70px;
    text-align: center;
    background-color: #eee;
}
.content{
    display: flex;
	flex-wrap: wrap;
	background-image: url(../img/waku.png);
	background-size: 2%;
}
.content2{
margin: 3px;
float: left;
}


.footer{
    height: 70px;
    text-align: center;
    background-color: #eee;
}

h1 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  border-left: solid 5px #ff9c00;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

h3 {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}

.h3-005{
border-left: solid 10px #07ff54;/*左線*/
}

.h3-006{
border-left: solid 10px  #ff9c00;/*左線*/
}

.h3-007{
border-left: solid 10px  #2d82ff;/*左線*/
}

.h3-008{
border-left: solid 10px  #ff7549;/*左線*/
}

h4:first-letter {
  font-size: 2em;
  color: #7172ac;
}

.button005 a {
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 3px;
    max-width: 220px;
    padding: 5px 10px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #00d85e;
    background: linear-gradient(270deg, #00d85e 0%, #00d85e 100%);
}
.button005 a:hover {
    background: #00bf54;
    background: linear-gradient(270deg, #00bf54 0%, #00bf54 100%);
}

.button006 a {
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 3px;
    max-width: 220px;
    padding: 5px 10px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #ffc130;
    background: linear-gradient(270deg, #ffc130 0%, #ffc130 100%);
}
.button006 a:hover {
    background: #ffa316;
    background: linear-gradient(270deg, #ffa316 0%, #ffa316 100%);
}

.button007 a {
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 3px;
    max-width: 220px;
    padding: 5px 10px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #2d82ff;
    background: linear-gradient(270deg, #2d82ff 0%, #2d82ff 100%);
}
.button007 a:hover {
    background: #2311ff;
    background: linear-gradient(270deg, #075bff 0%, #075bff 100%);
}

.button008 a {
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 3px;
    max-width: 220px;
    padding: 5px 10px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #ff7549;
    background: linear-gradient(270deg, #ff7549 0%, #ff7549 100%);
}
.button008 a:hover {
    background: #ff3019;
    background: linear-gradient(270deg, #ff3019 0%, #ff3019 100%);
}