body {
  font-family: "Avenir Next";
}

li {
  list-style: none;
}

span{
 color:#ECECEB;
}

img{
  width: 300px;
  height: 300px;
  border-radius:30px;
  float: left;
}

.header {
  background-color: #CEE8D7;
  color: #E88A73;
  height: 90px;
}

.header-logo {
  float: left;
  font-size: 36px;
  padding: 20px 40px;
}

.header-list li {
  float: left;
  padding: 33px 20px;
}

a.no-color-change{
 color: #E88A73;
}

.main {
  background-color: #CEE8D7;
  height: 600px;
  padding-top:100px;
  margin-bottom:-100px;
}

.scroll {
 display:flex;
 overflow-x:scroll;
 text-align:center;
 font-family:"Yu Mincho";
 font-size:20px;
 }

.image{
}

.footer {
  /* background-colorを#2f5167に変更してください */
  background-color: #CEE8D7;
  
  /* colorを#fffにしてください */
  color:#194A9E;
  
  /* heightを120pxに変更してください */
  height: 100px;
  /* 上下左右のpaddingを40pxにしてください */
  padding:30px;
  
}

/* footer-logoのfont-sizeとfloatを指定してください */
.footer-logo{
  font-size:32px;float:left;
}

/* footer-listのfloatを指定してください */
.footer-list{
  float:right;
}

.no-color-change2{
 color:#194A9E;
}

/* footer-listの中のli要素のpadding-bottomを指定してください */
.footer-list li{
  padding-bottom:10px;
}