
		.container,
		.container-md,
		.container-sm {
		    max-width: 100%;
		}
		/* ここにSP向けのCSS指定 */
		@media (max-width: 991.98px) {
			.hidden-md {
				display: none !important;
			}
		}

		@media screen and (max-width:767px){
			.hidden
				{display:none!important}
			.hidden-sm
			{display:!important}
		}
		@media screen and (min-width:768px){
			.hidden
				{display:!important}
			.hidden-sm
				{display:none!important}
		}
		@media screen and (min-width:992px){
			.hidden
				{display:!important}
			.hidden-sm
				{display:none!important}
		}

		.lds-dual-ring {
		  display: inline-block;
		  width: 80px;
		  height: 80px;
		}
		.lds-dual-ring:after {
		  content: " ";
		  display: block;
		  width: 64px;
		  height: 64px;
		  margin: 5% auto;
		  border-radius: 50%;
		  border: 6px solid #fff;
		  border-color: #342d2d transparent #342d2d transparent;
		  animation: lds-dual-ring 1.2s linear infinite;
		}
		@keyframes lds-dual-ring {
		  0% {
		    transform: rotate(0deg);
		  }
		  100% {
		    transform: rotate(360deg);
		  }
		}
		.overlay {
		    position: fixed;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100vh;
		    background: rgba(0,0,0,.8);
		    z-index: 999;
		    opacity: 1;
		    transition: all 0.5s;
		}