
body {
	overflow-x: hidden;
	overflow-y: scroll;
}
html {
	font-size: 62.5%;
	scroll-behavior: smooth;
	scroll-padding-top: 250px;
}
@media (min-width: 992px) {
	html {
		scroll-padding-top: 100px;
	}
}

h2 {
	font-size: 5rem;
}
h3 {
	font-size: 4.5rem;
}
h4 {
	font-size: 4rem;
}
h5 {
	font-size: 3.5rem;
}
p {
	font-size: 3.5rem;
}
.sp {
	font-size: 1rem;
}
li {
	font-size: 3.5rem;
}
th,td {
	font-size: 3rem;
}
input[type="email"] {
	font-size: 3.5rem;
}
textarea[name="MESSAGE"] {
	font-size: 5rem;
}
button[type="submit"] {
	font-size: 5rem;
}

@media (min-width: 992px) {
	h2 {
		font-size: 5rem;
	}
	h3 {
		font-size: 3.5rem;
	}
	h4 {
		font-size: 2.5rem;
	}
	h5 {
		font-size: 2rem;
	}
	p {
		font-size: 2rem;
	}
	li {
		font-size: 2rem;
	}
	th,td {
		font-size: 2rem;
	}
	input[type="email"] {
		font-size: 2rem;
	}
	textarea[name="MESSAGE"] {
		font-size: 2rem;
	}
	button[type="submit"] {
		font-size: 2rem;
	}
}

/* navbar */
.navbar {
	/*height: 60px;*/
}
.login {
	font-size: 2rem;
}
.logo {
	height: 60px;
}

/* banner */
.banner {
	background-image: url(../img/banner.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

/* bg-red */
.bg-red {
	background-image: url(../img/bg-kirakira.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/*bg-planets*/
.bg-planets {
	background-image: url(../img/bg-orange.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}

/* bg-money */
.bg-money {
	background-image: url(../img/bg_04.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}

/* bg-race */
.bg-race {
	background-image: url(../img/bg_08.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}

/* bg-hm */
.bg-hm {
	background-image: url(../img/bg_05.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	height: 1050px;
}

/* bg-title */
.bg-title {
	background-image: url(../img/bg_title.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* bg-10 */
.bg-10 {
	background-image: url(../img/bg_10.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}

/* bg-11 */
.bg-11 {
	background-image: url(../img/bg_11.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* bg-boart */
.bg-boat {
	background-image: url(../img/bg_03.jpg);
	background-position: 0 -300px;
	background-repeat: no-repeat;
	background-size: cover;
}

/* card */
.red-l {
	color: #f00;
	font-weight: 600;
}
.red-l small {
	font-size: 2rem;
	font-weight: 600;
}

/* bg-cau */
.bg-cau {
	background-image: url(../img/bg_cau.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
.n-margin {
	margin-top: -48px;
}
/* footer */
.footer-link {
	list-style: none;
	display: inline-flex;
}
.footer-link li {
	margin: 0 1.5rem;
}
.footer-link a {
	color: #ffc107;
}

/* sub page */
.list-n {
	list-style: decimal;
	margin-bottom: 3rem;
}



/*-----------------------------------*/
/* bg color */
.bg-wsmoke {
	background-color: rgba(255, 255, 255, 0.6);
}

.bg-parallax {
  background-image: url('../img/parallax.jpg');
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  /*position: relative;*/
  z-index: -99;

}


@media screen and (max-width: 992px) {
	/*.bg-parallax {
		background-image: url('../img/vintage-tech-background-mobile.jpg');
	}*/

}
.topimage {
	margin-top: -700px;
	position: relative;
	z-index: -90;
}
.box {
	margin-top: -30px;
}

/* bg-question */
.bg-question {
	background-image: url(../img/bg-question.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* bg-race */
.bg-race {
	background-image: url(../img/bg-race.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-about {
	background-image: url(../img/bg-about.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-water {
	background-image: url(../img/bg-water.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-our {
	background-image: url(../img/bg-our.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-result {
	background-image: url(../img/bg-result.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.footer {
	background-image: url(../img/bg-footer.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.link {
	position: relative;
	z-index: 99;
}
.llbtn {
	border: none;
}


.bg-plan1 {
	background-color: rgba(255, 255, 255, 0.6);
}

.bg-plan2 {
	background-color: rgba(255, 255, 255, 0.8);
}

.titleLP {
	font-size: 4rem;
	font-weight: 600;
	color: #fff;
	text-align: center;
	text-shadow: 
		2px 2px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		-1px -1px 0 #000;
}
