body {
	font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	text-autospace: normal;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

a {
	color: #016a3a;
}

a:focus,
a:hover {
	color: #014c2a;
}

.top-bar,
.top-bar ul {
	background-color: #fefefe;
}

.hero {
	padding: 6rem 0;
	margin-bottom: 3rem;
	background-color: #8a8a8a;
	background-image: url('/englishtraining/images/v5/englishtraining/plans-main_visual.jpg');
	background-size: cover;
	color: #fefefe;
}

main {
	margin-bottom: 6rem;
}

legend.h4 {
	margin-bottom: 3rem;
}

.button {
	line-height: 1.4;
}

.button.gallery,
.button.gallery.disabled,
.button.gallery[disabled],
.button.gallery.disabled:hover,
.button.gallery[disabled]:hover,
.button.gallery.disabled:focus,
.button.gallery[disabled]:focus {
	background-color: #eeeeee;
	color: #016a3a;
	border-radius: 0.3rem;
}

.button.gallery:hover,
.button.gallery:focus {
	background-color: #d6f2e1;
}

.button.expanded.gallery {
	height: 100%;
}

.button-group.gallery .button,
.button-group.gallery .button.disabled,
.button-group.gallery .button[disabled],
.button-group.gallery .button.disabled:hover,
.button-group.gallery .button[disabled]:hover,
.button-group.gallery .button.disabled:focus,
.button-group.gallery .button[disabled]:focus {
	margin-right: 1rem;
	border-radius: 0.3rem;
	background-color: #eeeeee;
	color: #016a3a;
}

.button-group.gallery .button:hover,
.button-group.gallery .button:focus {
	background-color: #d6f2e1;
}

.button-group.stacked.gallery .button,
.button-group.stacked.gallery .button.disabled,
.button-group.stacked.gallery .button[disabled],
.button-group.stacked.gallery .button.disabled:hover,
.button-group.stacked.gallery .button[disabled]:hover,
.button-group.stacked.gallery .button.disabled:focus,
.button-group.stacked.gallery .button[disabled]:focus {
	margin-bottom: 0.3rem;
}

.button-group.stacked .button:last-child {
	margin-bottom: 0;
}

.button.fun-green,
.button.fun-green.disabled,
.button.fun-green[disabled],
.button.fun-green.disabled:hover,
.button.fun-green[disabled]:hover,
.button.fun-green.disabled:focus,
.button.fun-green[disabled]:focus {
	background-color: #016a3a;
	color: #fefefe;
}

.button.fun-green:hover, .button.fun-green:focus {
	background-color: #014224;
	color: #fefefe;
}

.button.clear.fun-green,
.button.clear.fun-green.disabled,
.button.clear.fun-green[disabled],
.button.clear.fun-green.disabled:hover,
.button.clear.fun-green[disabled]:hover,
.button.clear.fun-green.disabled:focus,
.button.clear.fun-green[disabled]:focus {
	background-color: transparent;
	color: #016a3a;
}

.button.clear.fun-green:hover,
.button.clear.fun-green:focus {
	color: #014224;
}

.callout.results {
	margin: 2rem 0;
	background-color: #b4ce8d;
	background-color: #d6f2e1;
}

ul#lesson {
	font-weight: bold;
}

ul#lesson-links {
	margin-bottom: 2rem;
}

footer {
	padding: 2rem 0;
	border-top: 1px solid #e6e6e6;
}

footer .media-object img {
	max-height: 6rem;
}

footer address {
	font-size: 80%;
	font-style: normal;
}

.border-none {
	border: 0 !important;
}

.margin-bottom-0 {
	margin-bottom: 0rem !important;
}

.padding-0 {
	padding: 0rem !important;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	.button-group.stacked-for-small.gallery .button,
	.button-group.stacked-for-small.gallery .button.disabled,
	.button-group.stacked-for-small.gallery .button[disabled],
	.button-group.stacked-for-small.gallery .button.disabled:hover,
	.button-group.stacked-for-small.gallery .button[disabled]:hover,
	.button-group.stacked-for-small.gallery .button.disabled:focus,
	.button-group.stacked-for-small.gallery .button[disabled]:focus {
		margin-bottom: 0.3rem;
	}
	
	.button-group.stacked .button:last-child,
	.button-group.stacked-for-small .button:last-child {
		margin-bottom: 0;
	}
}

/* Small and medium only */
@media screen and (max-width: 63.99875em) {
	.button-group.stacked-for-medium.gallery .button,
	.button-group.stacked-for-medium.gallery .button.disabled,
	.button-group.stacked-for-medium.gallery .button[disabled],
	.button-group.stacked-for-medium.gallery .button.disabled:hover,
	.button-group.stacked-for-medium.gallery .button[disabled]:hover,
	.button-group.stacked-for-medium.gallery .button.disabled:focus,
	.button-group.stacked-for-medium.gallery .button[disabled]:focus {
		margin-bottom: 0.3rem;
	}
	
	.button-group.stacked .button:last-child,
	.button-group.stacked-for-small .button:last-child,
	.button-group.stacked-for-medium .button:last-child {
		margin-bottom: 0;
	}
}

/* Medium and up */
@media screen and (min-width: 40em) {
	.hero {
		margin-bottom: 6rem;
	}

	main {
		margin-bottom: 12rem;
	}
}