/* footer */
body {
	display: flex;
	flex-flow: column;
	min-height: 100vh;
}
main {
	flex: 1;
}


.bg-gray {
	background-color: #eeeeee;
}
.bg-white {
	background-color: #ffffff;
}

.flex1 {
	flex: 1;
}
.fs--10 {
	font-size: 5rem;
}
.fs--8 {
	font-size: 4.5rem;
}
.fs--1 {
	font-size: 2.75rem;
}
.fs-7 {
	font-size: 0.85rem;
}
.fs-8 {
	font-size: 0.8rem;
}
.fs-9 {
	font-size: 0.75rem;
}



/* link */
a:hover {
	text-decoration: none; 
	cursor: pointer;
}
a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	color: #ffffff; }
a:hover {
	color: #cbd3da;
	text-decoration: none;
	cursor: pointer;
}


.w-20px {
	width: 30px;
}
.w-300px {
	width: 300px;
}



iframe {
	width: 100%;
	aspect-ratio: 16/9;
}


@media screen and (min-width:1042px) {
	.top-30px-l {
		top: 30px;
	}
}
@media screen and (min-width:575px) and (max-width:1041px) {
	.top-60px-m {
		top: 60px;
	}
}
@media screen and (min-width:576px) {
	.fs-2-m {
		font-size: 2rem;
	}
	.fs-6-m {
		font-size: 1rem;
	}
	.w-100px-m {
		width: 100px;
	}
	.w-250px-m {
		width: 250px;
	}
}
@media screen and (max-width:575px) {
	.fs-5-s {
		font-size: 1.25rem;
	}
	.fs-7-s {
		font-size: 0.75rem;
	}
	.w-100p-s {
		width: 100%;
	}
}