main{
  background: #fff2d1;
  padding-top: 78px;
}
.ttl_conte{
  position: relative;
  width: 782px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 52px;
}
.ttl_conte .ttl{
  width: 373px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
/* 可変 */
.ttl_conte .head{
  margin-left: auto;
  margin-right: auto;
}
.ttl_conte .head._01{
  width: 689px;
}
.ttl_conte .head._02{
  width: 706px;
}
.ttl_conte .head._03{
  width: 650px;
}
.ttl_conte .illust{
  width: 145px;
  position: absolute;
  top: -40px;
  right: -40px;
  animation: sway 3s infinite;
}

@keyframes sway {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}
.lists{
  width: 782px;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #af8c53;
  padding-bottom: 105px;
}
.list{
  padding-top: 52px;
}




@media(max-width:1000px){
  main{
    padding-top: 7.8vw;
  }
  .ttl_conte{
    width: 78.2vw;
    margin-bottom: 5.2vw;
  }
  .ttl_conte .ttl{
    width: 37.3vw;
    margin-bottom: 3vw;
  }
  /* 可変 */
  .ttl_conte .head._01{
    width: 68.9vw;
  }
  .ttl_conte .head._02{
    width: 70.6vw;
  }
  .ttl_conte .head._03{
    width: 65vw;
  }
  .ttl_conte .illust{
    width: 14.5vw;
    top: -4vw;
    right: -4vw;
  }
  .lists{
    width: 78.2vw;
    padding-bottom: 10.5vw;
  }
  .list{
    padding-top: 5.2vw;
  }
}

@media(max-width:769px){
  main{
    padding-top: 11.33vw;
  }
  .ttl_conte{
    width: 80vw;
    margin-bottom: 7.6vw;
  }
  .ttl_conte .ttl{
    width: 73.6vw;
    margin-bottom: 12.6vw;
  }
  .ttl_conte .head._01,
  .ttl_conte .head._02,
  .ttl_conte .head._03{
    width: 100%;
  }
  .lists{
    width: 80vw;
    padding-bottom: 26.66vw;
  }
  .list{
    padding-top: 12.6vw;
  }
}