.blue-back{
	animation: bgchange 7s ease infinite;/*変化の時間を変更したい場合は20sの部分を好きな時間に変更*/
}
.green-back{
	animation: bgchangetate 7s ease infinite;/*変化の時間を変更したい場合は20sの部分を好きな時間に変更*/
}

@keyframes bgchange{
      0%   {background:#e0cf9d;}/*変化させたい色*/
      25%  {background:#ded7cc;}/*変化させたい色*/
      50%  {background:#f2f2f2;}/*変化させたい色*/
      75%  {background:#f2f2f2;}/*変化させたい色*/
      90%  {background:#ded7cc;}/*変化させたい色*/
      100% {background:#e0cf9d;}/*変化させたい色*/
 }
 
@keyframes bgchangetate{
      0%   {background:#d0e3e6;}/*変化させたい色*/
      25%  {background:#d0dbc5;}/*変化させたい色*/
      50%  {background:#f9ffd6;}/*変化させたい色*/
      75%  {background:#f9ffd6;}/*変化させたい色*/
      90%  {background:#d0dbc5;}/*変化させたい色*/
      100% {background:#d0e3e6;}/*変化させたい色*/
 }