@media only screen and (max-width: 320px) {
	.jp-headline-adjust.xsmall-show-inlineflex {
		display: inline-flex;
	}
}

.ribbon {
	padding: 25px 0;
	text-align: center;
	background-color: #faf2e3;
}

.no-in-height-range .no-in-height-range-hide {
	display: none;
}

.in-height-range .no-in-height-range-show {
	display: none;
}

.in-height-range .no-in-height-range-show.medium {
	display: block;
}

@media only screen and (max-width: 734px) {
	.in-height-range .no-in-height-range-show.medium {
		display: none;
	}
}

.section-hero .hero-headline .highlight-wrapper {
	margin-right: 15px;
}

@media only screen and (max-width: 734px) {
	.section-hero .hero-headline .highlight-wrapper {
		margin-right: 0;
	}
}

.section-hero .highlight-wrapper .highlight::before {
	transform: translateY(-53%);
}

.section-hero .underline .underline-illustration {
	bottom: -4%;
}

.section-tools .highlight-wrapper .highlight::before {
	transform: translateY(-55%);
}

.section-tools .hardware-headline-potential .headline .highlight-wrapper {
	margin-left: 5px;
}

.section-tools .hardware-copy-potential .highlight-wrapper {
	margin-right: 8px;
	margin-left: 5px;
}

.section-tools .hardware-copy-versatile .highlight-wrapper {
	margin-right: 8px;
	margin-left: 5px;
}

.section-tools .hardware-copy-compatible .highlight-wrapper.ipad {
	margin-right: 8px;
}

.section-tools .hardware-copy-compatible .highlight-wrapper.compatible {
	margin-left: 7px;
}

@media only screen and (max-width: 734px) {
	.section-tools .hardware-copy-compatible .highlight-wrapper.compatible {
		margin-left: 2px;
	}
}

.section-tools .section-hardware .hardware-headline-performance {
	width: 100%;
}

.section-tools .hardware-headline-performance .highlight-wrapper {
	margin-left: 8px;
}

@media only screen and (max-width: 734px) {
	.section-tools .hardware-headline-performance .highlight-wrapper {
		margin-left: 0;
	}

	.section-tools .hardware-copy-performance .highlight-wrapper.mr {
		margin-right: 8px;
	}
}

.section-tools .hardware-copy-battery .highlight-wrapper {
	margin-right: 8px;
}

@media only screen and (max-width: 320px) {
	.section-tools .hardware-copy-battery .highlight-wrapper {
		margin-right: 5px;
	}
}

.section-tools .section-hardware .hardware-copy-intuitive {
	max-width: 750px;
}

@media only screen and (max-width: 734px) {
	.section-tools .section-hardware .hardware-copy-intuitive {
		max-width: 330px;
	}
}

.section-tools .hardware-copy-intuitive .highlight-wrapper {
	margin-right: 8px;
}

@media only screen and (max-width: 734px) {
	.section-tools .hardware-copy-intuitive .highlight-wrapper {
		margin-right: 0;
	}
}

.section-values .grid-bentos .grid-item .tile-content {
	padding-left: 10px;
	padding-right: 10px;
}

@media only screen and (max-width: 734px) {
	.section-values .grid-bentos .grid-item .tile-content {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-values .grid-bentos .grid-item.grid-item-privacy .tile-content,
	.section-values
		.grid-bentos
		.grid-item.grid-item-privacy
		.tile-content
		.tile-headline {
		width: 100%;
	}
}

.section-values .highlight-wrapper .highlight::before {
	transform: translateY(-55%);
}

.section-values .bentos-intro-headline .highlight-wrapper {
	margin-right: 8px;
}

@media only screen and (max-width: 734px) {
	.section-values .bentos-intro-headline .highlight-wrapper {
		margin-right: 0;
	}
}

@media only screen and (max-width: 320px) {
	.section-values .bentos-intro-headline .highlight-wrapper.mr {
		margin-right: 8px;
	}
}

.section-built-in-apps .highlight-wrapper .highlight::before {
	transform: translateY(-55%);
}

.section-built-in-apps .section-headline .highlight-wrapper {
	margin-left: 12px;
}

@media only screen and (max-width: 734px) {
	.section-built-in-apps .section-headline .highlight-wrapper {
		margin-left: 0;
	}
}

.section-built-in-apps .section-hardware-copy .highlight-wrapper {
	margin-right: 4px;
}

.section-apps .highlight-wrapper .highlight::before {
	transform: translateY(-55%);
}

.section-apps .apps-headline .highlight-wrapper {
	margin-left: 8px;
}

@media only screen and (max-width: 734px) {
	.section-apps .apps-headline .highlight-wrapper {
		margin-left: 0;
	}
}

/** macbook hw */
html.in-height-range .section-tools .section-hardware .hardware-layer-alt,
html.in-height-range .section-tools .section-hardware .screens-layer,
html.in-height-range .section-tools .section-hardware .tools-snipe {
	opacity: 0;
	transition: opacity 0.5s;
}

html.in-height-range .section-tools .section-hardware.reveal {
	pointer-events: auto;
}

html.in-height-range .section-tools .section-hardware.reveal .screens-layer,
html.in-height-range .section-tools .section-hardware.reveal .tools-snipe {
	opacity: 1;
}

html.in-height-range
	.section-tools
	.section-hardware.reveal
	.hardware-layer-alt {
	opacity: 1;
	transition: unset;
}

html.in-height-range .section-tools .section-hardware .turn-on .screens-layer {
	opacity: 1;
}

/* Locaize Images */
html.hero-fallback .section-hero .image-hero-ipad-top-center-fallback,
html.no-js .section-hero .image-hero-ipad-top-center-fallback,
html.static-layout .section-hero .image-hero-ipad-top-center-fallback {
	width: 440px;
	height: 342px;
	background-size: 440px 342px;
	background-repeat: no-repeat;
	background-image: url(/jp/education/k12/home/images/overview/hero_ipad_pen__bi9aqpri9a82_large.jpg);
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	html.hero-fallback .section-hero .image-hero-ipad-top-center-fallback,
	html.no-js .section-hero .image-hero-ipad-top-center-fallback,
	html.static-layout .section-hero .image-hero-ipad-top-center-fallback {
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_pen__bi9aqpri9a82_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	html.hero-fallback .section-hero .image-hero-ipad-top-center-fallback,
	html.no-js .section-hero .image-hero-ipad-top-center-fallback,
	html.static-layout .section-hero .image-hero-ipad-top-center-fallback {
		width: 368px;
		height: 290px;
		background-size: 368px 290px;
		background-repeat: no-repeat;
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_pen__bi9aqpri9a82_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	html.hero-fallback .section-hero .image-hero-ipad-top-center-fallback,
	html.no-js .section-hero .image-hero-ipad-top-center-fallback,
	html.static-layout .section-hero .image-hero-ipad-top-center-fallback {
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_pen__bi9aqpri9a82_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	html.hero-fallback .section-hero .image-hero-ipad-top-center-fallback,
	html.no-js .section-hero .image-hero-ipad-top-center-fallback,
	html.static-layout .section-hero .image-hero-ipad-top-center-fallback {
		width: 300px;
		height: 240px;
		background-size: 300px 240px;
		background-repeat: no-repeat;
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_pen__bi9aqpri9a82_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	html.hero-fallback .section-hero .image-hero-ipad-top-center-fallback,
	html.no-js .section-hero .image-hero-ipad-top-center-fallback,
	html.static-layout .section-hero .image-hero-ipad-top-center-fallback {
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_pen__bi9aqpri9a82_small_2x.jpg);
	}
}

.section-hero .image-hero-macbook-bottom-right {
	width: 634px;
	height: 385px;
	background-size: 634px 385px;
	background-repeat: no-repeat;
	background-image: url(/jp/education/k12/home/images/overview/hero_macbook_1__emf081hfi4eq_large.jpg);
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.section-hero .image-hero-macbook-bottom-right {
		background-image: url(/jp/education/k12/home/images/overview/hero_macbook_1__emf081hfi4eq_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-hero-macbook-bottom-right {
		width: 532px;
		height: 323px;
		background-size: 532px 323px;
		background-repeat: no-repeat;
		background-image: url(/jp/education/k12/home/images/overview/hero_macbook_1__emf081hfi4eq_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-macbook-bottom-right {
		background-image: url(/jp/education/k12/home/images/overview/hero_macbook_1__emf081hfi4eq_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-hero-macbook-bottom-right {
		width: 434px;
		height: 264px;
		background-size: 434px 264px;
		background-repeat: no-repeat;
		background-image: url(/jp/education/k12/home/images/overview/hero_macbook_1__emf081hfi4eq_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-macbook-bottom-right {
		background-image: url(/jp/education/k12/home/images/overview/hero_macbook_1__emf081hfi4eq_small_2x.jpg);
	}
}

.section-hero .image-hero-macbook-top-left {
	width: 634px;
	height: 385px;
	background-size: 634px 385px;
	background-repeat: no-repeat;
	background-image: url(/jp/education/k12/home/images/overview/hero_macbook_2__fx4gtlu4h0a6_large.jpg);
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.section-hero .image-hero-macbook-top-left {
		background-image: url(/jp/education/k12/home/images/overview/hero_macbook_2__fx4gtlu4h0a6_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-hero-macbook-top-left {
		width: 532px;
		height: 323px;
		background-size: 532px 323px;
		background-repeat: no-repeat;
		background-image: url(/jp/education/k12/home/images/overview/hero_macbook_2__fx4gtlu4h0a6_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-macbook-top-left {
		background-image: url(/jp/education/k12/home/images/overview/hero_macbook_2__fx4gtlu4h0a6_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-hero-macbook-top-left {
		width: 434px;
		height: 264px;
		background-size: 434px 264px;
		background-repeat: no-repeat;
		background-image: url(/jp/education/k12/home/images/overview/hero_macbook_2__fx4gtlu4h0a6_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-macbook-top-left {
		background-image: url(/jp/education/k12/home/images/overview/hero_macbook_2__fx4gtlu4h0a6_small_2x.jpg);
	}
}

.section-hero .image-hero-ipad-top-right {
	width: 306px;
	height: 440px;
	background-size: 306px 440px;
	background-repeat: no-repeat;
	background-image: url(/jp/education/k12/home/images/overview/hero_ipad_1__f31tz6bdo1yu_large.jpg);
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.section-hero .image-hero-ipad-top-right {
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_1__f31tz6bdo1yu_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-hero-ipad-top-right {
		width: 256px;
		height: 368px;
		background-size: 256px 368px;
		background-repeat: no-repeat;
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_1__f31tz6bdo1yu_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-ipad-top-right {
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_1__f31tz6bdo1yu_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-hero-ipad-top-right {
		width: 210px;
		height: 302px;
		background-size: 210px 302px;
		background-repeat: no-repeat;
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_1__f31tz6bdo1yu_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-ipad-top-right {
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_1__f31tz6bdo1yu_small_2x.jpg);
	}
}

.section-hero .image-hero-ipad-bottom-left {
	width: 306px;
	height: 440px;
	background-size: 306px 440px;
	background-repeat: no-repeat;
	background-image: url(/jp/education/k12/home/images/overview/hero_ipad_2__bd52v1y0qpua_large.jpg);
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.section-hero .image-hero-ipad-bottom-left {
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_2__bd52v1y0qpua_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-hero-ipad-bottom-left {
		width: 256px;
		height: 368px;
		background-size: 256px 368px;
		background-repeat: no-repeat;
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_2__bd52v1y0qpua_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-ipad-bottom-left {
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_2__bd52v1y0qpua_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-hero-ipad-bottom-left {
		width: 210px;
		height: 302px;
		background-size: 210px 302px;
		background-repeat: no-repeat;
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_2__bd52v1y0qpua_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-ipad-bottom-left {
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad_2__bd52v1y0qpua_small_2x.jpg);
	}
}

.section-hero .image-hero-ipad-bottom {
	width: 440px;
	height: 306px;
	background-size: 440px 306px;
	background-repeat: no-repeat;
	background-image: url(/jp/education/k12/home/images/overview/hero_ipad__b9pvjktiqdma_large.jpg);
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.section-hero .image-hero-ipad-bottom {
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad__b9pvjktiqdma_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .image-hero-ipad-bottom {
		width: 367px;
		height: 255px;
		background-size: 367px 255px;
		background-repeat: no-repeat;
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad__b9pvjktiqdma_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-ipad-bottom {
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad__b9pvjktiqdma_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .image-hero-ipad-bottom {
		width: 300px;
		height: 210px;
		background-size: 300px 210px;
		background-repeat: no-repeat;
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad__b9pvjktiqdma_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero .image-hero-ipad-bottom {
		background-image: url(/jp/education/k12/home/images/overview/hero_ipad__b9pvjktiqdma_small_2x.jpg);
	}
}