@charset "utf-8";
/* ==========================================================

lording.css

============================================================ */
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.42em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.44em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.46em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.477em rgba(245, 229, 228, 1);
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.42em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.44em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.46em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.477em rgba(245, 229, 228, 1);
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em rgba(195, 221, 244, 1), -0.087em -0.825em 0 -0.42em rgba(195, 221, 244, 1), -0.173em -0.812em 0 -0.44em rgba(195, 221, 244, 1), -0.256em -0.789em 0 -0.46em rgba(195, 221, 244, 1), -0.297em -0.775em 0 -0.477em rgba(195, 221, 244, 1);
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em rgba(149, 151, 204, 1), -0.338em -0.758em 0 -0.42em rgba(149, 151, 204, 1), -0.555em -0.617em 0 -0.44em rgba(149, 151, 204, 1), -0.671em -0.488em 0 -0.46em rgba(149, 151, 204, 1), -0.749em -0.34em 0 -0.477em rgba(149, 151, 204, 1);
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em rgba(196, 205, 237, 1), -0.377em -0.74em 0 -0.42em rgba(196, 205, 237, 1), -0.645em -0.522em 0 -0.44em rgba(196, 205, 237, 1), -0.775em -0.297em 0 -0.46em rgba(196, 205, 237, 1), -0.82em -0.09em 0 -0.477em rgba(196, 205, 237, 1);
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.42em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.44em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.46em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.477em rgba(245, 229, 228, 1);
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.42em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.44em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.46em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.477em rgba(245, 229, 228, 1);
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.42em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.44em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.46em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.477em rgba(245, 229, 228, 1);
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em rgba(195, 221, 244, 1), -0.087em -0.825em 0 -0.42em rgba(195, 221, 244, 1), -0.173em -0.812em 0 -0.44em rgba(195, 221, 244, 1), -0.256em -0.789em 0 -0.46em rgba(195, 221, 244, 1), -0.297em -0.775em 0 -0.477em rgba(195, 221, 244, 1);
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em rgba(149, 151, 204, 1), -0.338em -0.758em 0 -0.42em rgba(149, 151, 204, 1), -0.555em -0.617em 0 -0.44em rgba(149, 151, 204, 1), -0.671em -0.488em 0 -0.46em rgba(149, 151, 204, 1), -0.749em -0.34em 0 -0.477em rgba(149, 151, 204, 1);
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em rgba(196, 205, 237, 1), -0.377em -0.74em 0 -0.42em rgba(196, 205, 237, 1), -0.645em -0.522em 0 -0.44em rgba(196, 205, 237, 1), -0.775em -0.297em 0 -0.46em rgba(196, 205, 237, 1), -0.82em -0.09em 0 -0.477em rgba(196, 205, 237, 1);
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.42em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.44em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.46em rgba(245, 229, 228, 1), 0 -0.83em 0 -0.477em rgba(245, 229, 228, 1);
  }
}

@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

  PC

  _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/	

	.loader-wrap {
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;  
		z-index: 100;
		background: #fff;
		-webkit-transition: all .2s ease-out;
		transition: all .2s ease-out;
	}
	
	.logo_loading{
		width: 300px;
		position: relative;
	}

	.bd{
		width: 310px;
		height: 64px;
		text-align: center;
		position: relative;
	}

	.bd figure{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		z-index: 1;
		text-align: center;
	}
	
	.bd figure::before{
		content: '';
		width: 100%;
		height: 60%;
		display: block;
		background: #fff;
		position: absolute;
		z-index: -1;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	
	.wrap_loader{display: none;}

	.loader {
		background-color: transparent;
		font-size: 90px;
		text-indent: -9999em;
		overflow: hidden;
		width: 1em;
		height: 1em;
		border-radius: 50%;
		position: relative;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
		animation: load6 1.7s infinite ease, round 1.7s infinite ease;
		left: 0;
		right: 0;
		margin: auto;
		z-index: -1;
		display: none;
		top: -15px;
	}
	

	/* stop */
	.stop{animation-play-state: paused;}

}


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

スマートフォン（iPhone,Android)

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
	
	/*--一時的--*/
	.circle{display: none;}
	
	
	.loader-wrap {
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;  
		z-index: 100;
		background: #fff;
		-webkit-transition: all .2s ease-out;
		transition: all .2s ease-out;
	}
	
	.logo_loading{
		width: 80vw;
		position: relative;
	}

	.bd{
		height: 0;
		width: 80vw;
		padding-top: 21.3%;
		text-align: center;
		position: relative;
	}

	.bd figure{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		z-index: 1;
		text-align: center;
	}
	
	.bd figure::before{
		content: '';
		width: 100%;
		height: 60%;
		display: block;
		background: #fff;
		position: absolute;
		z-index: -1;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	
	.wrap_loader{
		display: none;
		position: relative;
		top: -20vw;
	}
	
	.loader {border-radius: 50%;}

	.loader {
		background-color: transparent;
		font-size: 90px;
		text-indent: -9999em;
		overflow: hidden;
		width: 1em;
		height: 1em;
		border-radius: 50%;
		position: relative;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease ;
		animation: load6 1.7s infinite ease, round 1.7s infinite ease;
		left: 0;
		right: 0;
		margin: auto;
		z-index: -1;
		display: none;
	}
	
	/* stop */
	.stop{animation-play-state: paused;}
	
}