.loader-wrap {
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #fff;/*★背景カラー*/
	z-index: 10000;
	/*background-image: url(../img/loading.svg);*/
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: center center;
}

/*ローディングイメージを変える場合、以下を変える*/

.loader {
  width: 48px;
  height: 48px;
  background: #009FB9;
  border-radius: 50%;
  position: relative;
  animation: skLinRotate 1s ease-in-out infinite alternate;
}
.loader:after{
  content:"";
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  border: 5px solid transparent;
  border-top-color: #fff;
}
@keyframes skLinRotate {
  95% ,100% { transform: rotate(840deg) }
}