* {
				padding: 0;
				margin: 0;
				box-sizing: border-box;
			}
			body {
				background: #111;
				color: #ffffff;
				font-family: "Source Sans Pro", sans-serif;
				font-weight: 300;
				font-size: 1rem;
				line-height: 1.65;
				display: flex;
				flex-direction: column;
				min-height: 100vh;
			}
			main {
				z-index: 999999;
			}
			.container {
				max-width: 1200px;
				width: 100%;
				margin: 0 auto;
				position: relative;
				z-index: 999;
			}
			.main__content {
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				margin-top: 4rem;
			}
			.logo img {
				width: 375px;
			}
			.bnr{
				margin: 50px auto 0;
				width: 100%;
			}
			.bnr img{ margin: 0 auto; width: 100%; }

			
			.btn {
				display: flex;
				flex-direction: column;
				gap: 10px;
				max-width: 100%;
				width: 375px;
				text-align: center;
				margin: 50px auto 0;
				justify-content: center; 
			}

			.btn a:hover {
				opacity: 0.7;
				transition: 0.5s;
			}
			.btn a {
				text-decoration: none;
				color: white;
				text-transform: uppercase;
				font-weight: bold;
				border: none;
				transition: 0.3s;
				transition: 0.5s;
				background-color: #d8b65f;
				padding: 10px 15px;
				box-sizing: border-box;
				border-radius: 5px;
				cursor: pointer;
				margin-top: 5px;
				display:flex;
				align-items: center;
			}
			.btn a img{ margin-right: 15px; max-width: 50px; vertical-align: middle; }
			.btn a:nth-child(1){
				background-color: #07144d;
				box-shadow: 0 0 7px #b0bdf9;
			}
			.btn a:nth-child(2){
				background-color: #dc3a35;
				box-shadow: 0 0 7px #faa5a3;
			}
			.btn a:nth-child(3){
				background-color: #feba00;
				box-shadow: 0 0 7px #fadc8a;
			}
			.btn a:nth-child(4){
				background-color: #876d2b;
				box-shadow: 0 0 7px #fade9f;
			}
			
			footer {
				text-align: center;
				margin-top: auto;
				margin-bottom: 1rem;
			}
			#mbsgroup .pc{ display: block; }
			#mbsgroup .sp{ display: none; }
			
			.bubbles {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				padding: 0;
				z-index: 9;
			}
			.bubbles li {
				position: absolute;
				list-style: none;
				display: block;
				width: 20px;
				height: 20px;
				border-radius: 30%;
				bottom: -150px;
				background: rgb(183 183 183 / 20%);
				animation: animate 25s infinite linear;
			}
			.bubbles li:nth-child(1) {
				left: 25%;
				width: 80px;
				height: 80px;
			}
			.bubbles li:nth-child(2) {
				left: 10%;
				width: 20px;
				height: 20px;
				animation-delay: 2s;
				animation-duration: 12s;
			}
			.bubbles li:nth-child(3) {
				left: 70%;
				width: 20px;
				height: 20px;
				animation-delay: 4s;
			}
			.bubbles li:nth-child(4) {
				left: 40%;
				width: 60px;
				height: 60px;
				animation-delay: 0s;
				animation-duration: 18s;
			}
			.bubbles li:nth-child(5) {
				left: 65%;
				width: 20px;
				height: 20px;
				animation-delay: 0s;
			}
			.bubbles li:nth-child(6) {
				left: 75%;
				width: 110px;
				height: 110px;
				animation-delay: 3s;
			}
			.bubbles li:nth-child(7) {
				left: 35%;
				width: 150px;
				height: 150px;
				animation-delay: 7s;
			}
			.bubbles li:nth-child(8) {
				left: 50%;
				width: 25px;
				height: 25px;
				animation-delay: 15s;
				animation-duration: 45s;
			}
			.bubbles li:nth-child(9) {
				left: 20%;
				width: 15px;
				height: 15px;
				animation-delay: 2s;
				animation-duration: 35s;
			}
			.bubbles li:nth-child(10) {
				left: 85%;
				width: 150px;
				height: 150px;
				animation-delay: 0s;
				animation-duration: 11s;
			}

			
			@keyframes animate{
				0% {
					transform: translateY(0) rotate(0deg);
					opacity: 1;
					border-radius: 30%;
				}
				100% {
					transform: translateY(-1000px) rotate(720deg);
					opacity: 0;
					border-radius: 50%;
				}	
			}
			
			@media (max-width: 750px) {
				.bnr img{ width: 95%; margin: 0 auto; display: block; } 
				#mbsgroup .pc{ display: none; }
				#mbsgroup .sp{ display: block; }
				.bnr{ margin: 20px auto 0; }
				.btn { margin: 20px auto 0; }
				.main__content{ margin-top: 2rem; }
			}
			@media (max-width: 400px) {
				.logo img{ width: 90%; margin: 0 auto; display: block; }
				.btn { width: 90%; }
			}