/* ==== General ==== */

a wbr + .nowrap {
	display: inline;
}

span.jp-headline-adjust.half {
	margin-right: -0.2em;
}

span.jp-headline-adjust.small-only {
	margin-right: 0;
}
span.jp-headline-adjust.half.small-only {
	margin-right: 0;
}

@media only screen and (max-width: 1068px) {
	span.jp-headline-adjust.medium-reject {
		margin-right: 0;
	}
}

@media only screen and (min-width: 736px) and (max-width: 1068px) {
	span.jp-headline-adjust.only-medium-reject {
		margin-right: 0;
	}
}

@media only screen and (max-width: 735px) {
	span.jp-headline-adjust.small-reject {
		margin-right: 0;
	}
	span.jp-headline-adjust.small-only {
		margin-right: -0.45em;
	}
	span.jp-headline-adjust.half.small-only {
		margin-right: -0.2em;
	}
}

@media only screen and (max-width: 1068px) {
	span.jp-headline-adjust-medium {
		margin-right: -0.45em;
	}
}

@media only screen and (max-width: 735px) {
	span.jp-headline-adjust-small {
		margin-right: -0.45em;
	}
}

@media only screen and (max-width: 357px) {
	span.jp-headline-adjust-xsmall {
		margin-right: -0.45em;
	}
}

@media only screen and (max-width: 374px) {
	.xsmall-show-inline {
		display: inline;
	}
	.xsmall-show {
		display: block;
	}
}

/* ==== JP Styles ==== */

@media only screen and (max-width: 734px) {
	#ac-localnav .ac-ln-button {
		padding-top: 4px;
		padding-bottom: 2px;
	}
}

.outline-button {
	padding: 0.4em 1.15em 0.28em;
}

@media only screen and (max-width: 734px) {
	.outline-button {
		padding: 0.3em 1.15em 0.28em;
	}
}

@supports (-ms-ime-align: auto) {
	.outline-button {
		padding: 0.4em 1.15em 0.4em;
	}
}

_:-ms-lang(x)::-ms-backdrop, .outline-button {
	padding: 0.4em 1.15em 0.4em;
}

/* underline svg */
.underlined-text .underline-illustration {
	bottom: 0;
}

/* hero */
html.hero-enhance-xp .section-hero .hero-image-container {
	padding-top: 50px;
}
html.hero-enhance-xp .section-hero .intro-container .sticky {
	padding-bottom: 250px;
}

@media only screen and (max-width: 1068px) {
	html.hero-enhance-xp .section-hero .hero-image-container {
		padding-top: 0;
	}
	html.hero-enhance-xp .section-hero .intro-container .sticky {
		padding-bottom: 200px;
	}
	.section-hero .hero-headline {
		max-width: 650px;
	}
}
@media only screen and (max-width: 734px) {
	html.hero-enhance-xp .section-hero .intro-container .sticky {
		padding-bottom: 80px;
	}
}

/* hero-plan */
.plan-logo {
	margin-right: 0.14em;
}
.section-hero .hero-plan .plan-copy {
	max-width: 44ch;
}
html.hero-enhance-xp .section-hero .hero-plan {
	padding-top: 250px;
}
@media only screen and (max-width: 1068px) {
	html.hero-enhance-xp .section-hero .hero-plan {
		padding-top: 100px;
	}
}
@media only screen and (max-width: 734px) {
	html.hero-enhance-xp .section-hero .hero-plan {
		padding-top: 0;
	}
}
html.hero-enhance-xp .section-hero .hero-plan .plan-modal-button {
	padding-bottom: 160px;
}
@media only screen and (max-width: 1068px) {
	html.hero-enhance-xp .section-hero .hero-plan .plan-modal-button {
		padding-bottom: 0;
	}
}

/* hero snipe */
.section-hero .mac-mini-callout .snipe {
	top: 190px;
}

@media only screen and (max-width: 1068px) {
	.section-hero .mac-mini-callout .snipe {
		top: 160px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .mac-mini-callout .snipe {
		top: 90px;
	}
}

.section-hero .mac-mini-callout .snipe .m1-illustration {
	left: 34px;
	top: -35px;
}

@media only screen and (max-width: 1068px) {
	.section-hero .mac-mini-callout .snipe .m1-illustration {
		left: 20px;
		top: -33px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .mac-mini-callout .snipe .m1-illustration {
		left: 13px;
		top: -30px;
	}
}

.section-hero .mac-mini-callout .snipe .arrow-illustration {
	top: -98px;
}

@media only screen and (max-width: 1068px) {
	.section-hero .mac-mini-callout .snipe .arrow-illustration {
		top: -73px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .mac-mini-callout .snipe .arrow-illustration {
		top: -57px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .iphone-box-callout .snipe {
		left: -41px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .overview-hero-snipe-ipad {
		padding-top: 16px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .overview-hero-snipe-ipad {
		padding-top: 12px;
	}
}

.section-hero .ipad-callout .snipe {
	left: -142px;
}

@media only screen and (max-width: 1068px) {
	.section-hero .ipad-callout .snipe {
		left: 303px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .ipad-callout .snipe {
		left: -81px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .iphone-box-callout .snipe .arrow-illustration {
		left: 23px;
	}
}

/* modal common */
.typography-modal-copy {
	line-height: 1.45;
}

/* modal-plan */
@media only screen and (min-width: 735px) {
	.modal.modal-plan .plan-modal-headline {
		max-width: 775px;
	}
}
@media only screen and (min-width: 735px) {
	.modal.modal-plan .plan-modal-goal p {
		max-width: 611px;
	}
}
@media only screen and (min-width: 735px) {
	.modal.modal-plan .plan-modal-subheadline {
		max-width: 694px;
	}
}

/* iPhone card */
.section-iphone .callout .overview-callout-iphone-card {
	margin-top: 0;
}

@media only screen and (max-width: 734px) {
	.section-iphone .callout .resistant {
		margin-left: 28px;
	}
}

.section-iphone .callout .jp-resistant {
	margin-top: 0;
	position: relative;
	bottom: -12px;
}

@media only screen and (max-width: 734px) {
	.section-iphone .callout .jp-resistant {
		margin-left: -32px;
		bottom: -9px;
	}
}

/* iphone-carousel */
.section-iphone-carousel .callout .oops {
	max-width: 8ch;
}

/* changemakers */
.section-changemakers .card-headline-container .card-headline {
	max-width: 400px;
	line-height: 1.1;
}

/* modal-changemakers */
.modal-changemakers .modal-headline {
	max-width: 12em;
}

@media only screen and (max-width: 734px) {
	.modal-changemakers .modal-headline {
		max-width: 100%;
	}
}

/* renewables */
.section-renewables .image-renewables-2 {
	margin-top: 10px;
}

/* modal-renewables */
html.js .modal-renewables .card-modal-content {
	padding-left: 137px;
	padding-right: 137px;
}

@media only screen and (max-width: 1068px) {
	html.js .card-modal-content, html.js .modal-renewables .card-modal-content {
		padding-left: 90px;
		padding-right: 90px;
	}
}

@media only screen and (max-width: 734px) {
	html.js .card-modal-content, html.js .modal-renewables .card-modal-content {
		padding-left: 24px;
		padding-right: 24px;
	}
}

/* one-less-thing */
.section-one-less-thing .card-headline {
	white-space: nowrap;
}

/* Siri */
.section-siri .line2 .punctuation-wrapper:after {
	right: -50%;
	bottom: -4%;
}

@media only screen and (max-width: 1068px) {
	.section-siri .line2 .punctuation-wrapper:after {
		right: -100%;
		bottom: -29%;
	}
}

/* Siri */
.section-wild-ideas .card-content {
	padding-left: 0;
	padding-right: 0;
}
.section-wild-ideas .card-headline {
	max-width: 14ch;
}

/* recycled-guts */
.section-recycled-guts.card .card-headline > span[aria-hidden] span.jp-headline-adjust:before {
	content: none;
	background-image: none;
}

.section-cards .section-recycled-guts.card:not(.card-mini) {
	min-height: initial;
}

.section-recycled-guts.card .card-picture-container {
	margin-top: 35px;
}

@media only screen and (max-width: 1068px) {
	.section-recycled-guts.card .card-picture-container {
		margin-top: 46px;
	}
}

@media only screen and (max-width: 734px) {
	.section-recycled-guts.card .card-picture-container {
		margin-top: 42px;
	}
}

.section-recycled-guts.card .card-headline > span[aria-hidden] span:before {
	top: -50px;
	left: -93px;
}

@media only screen and (max-width: 1068px) {
	.section-recycled-guts.card .card-headline > span[aria-hidden] span:before {
		top: -39px;
		left: -83px;
	}
}

@media only screen and (max-width: 734px) {
	.section-recycled-guts.card .card-headline > span[aria-hidden] span:before {
		top: -30px;
		left: -63px;
	}
}

/* clean-energy */
.section-clean-energy .card-content {
	white-space: nowrap;
	font-size: 0;
}
.section-clean-energy .caption {
	white-space: normal;
}

/* progress-reports */
.progress-reports-headline {
	max-width: 780px;
}

@media only screen and (max-width: 1068px) {
	.progress-reports-headline {
		max-width: 590px;
	}
}

@media only screen and (max-width: 734px) {
	.progress-reports-headline {
		max-width: 400px;
	}
}
@media only screen and (max-width: 343px) {
	.progress-reports-headline {
		font-size: 34px;
	}
}

.tabnav-item .tabnav-label {
	padding-top: 4px;
	box-sizing: border-box;
}

html.text-zoom .progress-reports-headline {
	max-width: unset;
}

/* blockquote */
.section-blockquote .no-wrap {
	white-space: normal;
}
.section-blockquote .blockquote-quote:before {
	background-image: none;
	width: 16px;
	height: 27px;
	content: "「";
	left: -28px;
	top: -10px;
	color: #00d959;
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
		"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo",
		"ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 600;
	position: absolute;
}

.section-blockquote .blockquote-quote:after {
	background-image: none;
	width: 16px;
	height: 27px;
	content: "」";
	left: auto;
	top: auto;
	right: -4px;
	bottom: -12px;
	color: #00d959;
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
		"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo",
		"ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 600;
	position: relative;
}

@media only screen and (max-width: 734px) {
	.section-blockquote .blockquote-quote:before {
		right: -4px;
		bottom: -12px;
	}
}

@media only screen and (max-width: 734px) {
	.section-blockquote .blockquote-quote:after {
		right: -4px;
		bottom: -12px;
	}
}

@media only screen and (min-width: 735px) {
	.section-blockquote .blockquote-wrapper {
		max-width: 16.4em;
	}
}

/* section-emissions */
.section-emissions .caption {
	padding-top: 18px;
}
@media only screen and (max-width: 734px) {
	.section-emissions .caption {
		padding-top: 10px;
	}
}

/* reports-product */
#reports-product .typography-headline-super .underlined-text {
	white-space: nowrap;
}

/* newsroom */
.paddlenav-compact .paddlenav-arrow-next:after {
	margin-right: -0.084em;
	margin-top: 0.1em;
}
.paddlenav-compact .paddlenav-arrow-previous:after {
	margin-left: -0.084em;
	margin-top: 0.1em;
}

/* recycled-guts */
.section-recycled-guts.card .card-headline > span[aria-hidden] span:before {
	width: 175px;
	height: 60px;
	background-size: 175px 60px;
	background-image: url(/jp/environment/images/overview/recycled_arrow__byk8b3zmq5ea_large.png);
}

@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-recycled-guts.card .card-headline > span[aria-hidden] span:before {
		background-image: url(/jp/environment/images/overview/recycled_arrow__byk8b3zmq5ea_large_2x.png);
	}
}

@media only screen and (max-width: 1068px) {
	.section-recycled-guts.card .card-headline > span[aria-hidden] span:before {
		width: 149px;
		height: 49px;
		background-size: 149px 49px;
		background-image: url(/jp/environment/images/overview/recycled_arrow__byk8b3zmq5ea_medium.png);
	}
}

@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-recycled-guts.card .card-headline > span[aria-hidden] span:before {
		background-image: url(/jp/environment/images/overview/recycled_arrow__byk8b3zmq5ea_medium_2x.png);
	}
}

@media only screen and (max-width: 734px) {
	.section-recycled-guts.card .card-headline > span[aria-hidden] span:before {
		width: 120px;
		height: 40px;
		background-size: 120px 40px;
		background-image: url(/jp/environment/images/overview/recycled_arrow__byk8b3zmq5ea_small.png);
	}
}

@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-recycled-guts.card .card-headline > span[aria-hidden] span:before {
		background-image: url(/jp/environment/images/overview/recycled_arrow__byk8b3zmq5ea_small_2x.png);
	}
}

/* less-power */

/* .section-less-power .card-headline .line1 .jp-headline-adjust {
	display: inline-block;
} */