/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0; padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;}
ul{list-style: none;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}

body {
  font-family:  "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "MyYuGothicM", Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Meiryo", sans-serif;
  background: #f5d62b;
  text-align: center;
}


a img:hover {
  opacity: 0.7;
}

header {
  margin-top: 60px;
}

.menu {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.menu ul {
  display: flex;
}

.info li {
  margin: 10px auto 20px;
}

.info {
  margin-bottom: 20px;
}


#sec02 {
  position: relative;
}

.btn {
  position: absolute;
  bottom: 20px;
  left: calc(50% - 425px);
}

.notes {
  width: 790px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e8e8e8;
  box-shadow: 0px 0px 0px 6px #e8e8e8;
  text-align: left;
  padding: 30px 40px 60px;
  font-size: 12px;
  line-height: 1.8;
  margin: 0 auto 60px;
  position: relative;
}

.notes img {
  position: absolute;
  left: 25px;
}


.notes h1 {
  margin: 10px auto 80px;
}

.notes h2 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}

.notes img {
  text-align: center;
}