@charset "utf-8";

#oxygen {
	overflow: visible;
	max-width: 996px;
	margin: 0 auto 70px;
	padding-top: 12px;
	font-feature-settings: "palt";
	letter-spacing: 0.8px;
}
#oxygen .sp-inner {
	padding: 0 88px;
}
#oxygen h2 {
	margin: 100px 0 44px;
	padding: 14px 0 13px;
	background-color: #f0f0f0;
	font-size: 22px;
	text-align: center;
	letter-spacing: 2.4px;
}
#oxygen h3 {
	margin: 4px 0 44px;
	padding-bottom: 9px;
	border-bottom: 1px solid #323232;
	font-size: 22px;
	line-height: 1.4;
	text-align: center;
}
#oxygen p {
	margin-bottom: 28px;
	font-size: 16px;
	line-height: 1.75;
	text-align: justify;
	letter-spacing: 1.2px;
}
#oxygen p.expand {
	letter-spacing: 1.8px !important;
}
#oxygen p span.narrow {
	letter-spacing: 0.4px;
}

/* メインビジュアル */
#oxygen #kv {
	width: 760px;
	height: 410px;
	margin: 38px auto 76px;
	background: url(../img/kv_bg.jpg) no-repeat 50% 50%;
}
#oxygen #kv h1 {
	padding-top: 173px;
	font-size: 24px;
	text-align: center;
	letter-spacing: 1px;
}

/* ページ内ナビ */
#oxygen ul.oxygen-nav {
	display: flex;
	justify-content: center;
}
#oxygen ul.oxygen-nav li {
	width: 104px;
	margin: 0 14px;
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
}
#oxygen ul.oxygen-nav li a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 10px 0 20px;
	border: 1px solid #000;
	border-radius: 5px;
	background-color: #fff;
	transition: opacity .2s ease;
}
#oxygen ul.oxygen-nav li a:hover {
	opacity: 0.7;
}
#oxygen ul.oxygen-nav li a:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 3px;
	width: 13px;
	margin: 0 auto;
	color: #000;
	font-family: icomoon;
	font-size: 13px;
	line-height: 1;
	content: "\e904";
}
#oxygen ul.oxygen-nav li span.narrow {
	letter-spacing: -0.6px;
}

/* リード */
#oxygen #a-lead {
	padding: 103px 0 0;
}
#oxygen #a-lead p {
	padding-bottom: 8px;
	text-align: center;
	letter-spacing: 1.4px;
}
#oxygen #a-lead p span.narrow {
	letter-spacing: 1.4px;
}
#oxygen #a-lead p:after {
	display: block;
	margin: 73px auto 0;
	height: 310px;
	background: url(../img/metabolism.png) no-repeat 50% 50%;
	content: "";
}

/* 酸素に着目 */
#oxygen #a-discover p {
	letter-spacing: 1.4px;
}
#oxygen #a-discover p.lead {
	letter-spacing: 0.8px;
}
#oxygen #a-discover .status {
	display: flex;
	justify-content: space-between;
	position: relative;
	text-align: center;
}
#oxygen #a-discover .status > div {
	width: 460px;
}
#oxygen #a-discover .status h3 {
	margin-bottom: 30px;
	letter-spacing: 1.8px;
}
#oxygen #a-discover .status h3 span {
	padding-right: 20px;
}
#oxygen #a-discover .status picture {
	display: block;
	margin: 0 auto 47px;
}
#oxygen #a-discover .status ol {
	margin-bottom: 33px;
}
#oxygen #a-discover .status ol:before {
	position: absolute;
	left: 28px;
	right: 0;
	width: 390px;
	height: 50px;
	margin: -54px auto 0;
	background: url(../img/appropriate_cap.png) no-repeat 50% 50%;
	content: "";
}
#oxygen #a-discover .status .n ol:before {
	content: none;
}
#oxygen #a-discover .status li {
	list-style: none;
	line-height: 1.5;
}
#oxygen #a-discover .status li:after {
	display: block;
	width: 32px;
	height: 18px;
	margin: 19px auto 22px;
	background: url(../img/appropriate_arrow.png) no-repeat 50% 50%;
	content: "";
}
#oxygen #a-discover .status li:last-child:after {
	content: none;
}

/* 酸素イメージング */
#oxygen #a-imaging {
	margin-top: 96px;
}
#oxygen #a-imaging h3 {
	margin-bottom: 20px;
	letter-spacing: 3.5px;
}
#oxygen #a-imaging picture {
	display: block;
	margin-bottom: 14px;
	text-align: center;
}
#oxygen #a-imaging p.sup {
	margin-top: -3px;
	font-size: 13px;
	letter-spacing: 1px;
}

/* 酸素が肌にもたらすこと */
#oxygen #a-effect {
	margin-top: -51px;
	padding-top: 113px;
}
#oxygen #a-effect h3 {
	margin-bottom: 47px;
	letter-spacing: 3.5px;
}
#oxygen #a-effect p.sup {
	display: none;
}
#oxygen #effect-fig {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
	text-align: center;
}
#oxygen #effect-fig .fig-wrap {
	width: 301px;
	margin: 0 64px;
}
#oxygen #effect-fig p {
	margin: 8px 0 0;
	font-size: 16.3px;
	line-height: 1.45;
	text-align: center;
	letter-spacing: 1.2px;
}
#oxygen #effect-fig p span {
	display: block;
	width: 226px;
	margin: 7px auto 0;
	padding: 16px 0 15px;
	background-color: #e1e1e1;
	font-size: 89%;
	line-height: 1.2;
}
#oxygen #effect-bar {
	display: none;
}

/* 活用するには */
#oxygen #a-utilize {
	margin-top: 96px;
}
#oxygen #a-utilize h3 {
	margin-bottom: 41px;
	letter-spacing: 3.2px;
}
#oxygen #a-utilize picture {
	display: block;
	margin-bottom: 27px;
	text-align: center;
}
#oxygen #a-utilize p {
	letter-spacing: 1.5px;
}

/* 酸素状態とは */
#oxygen #a-state {
	margin-top: -39px;
	padding-top: 113px;
}
#oxygen #a-state h2 {
	margin-top: 0;
}
#oxygen #a-state p {
	letter-spacing: 0.6px;
}
#oxygen #a-state picture {
	display: block;
	padding: 15px 0 9px;
	text-align: center;
}

/* 酸素取り込み力と酸素活用力への対応 */
#oxygen #a-response h3 {
	margin: 0 0 46px;
	padding: 0;
	border-bottom: 0;
	font-size: 16px;
	letter-spacing: 1.2px;
}
#oxygen #a-response p {
	text-align: center;
	letter-spacing: 0.7px;
}
#oxygen #a-response picture {
	display: block;
	text-align: center;
}
#oxygen #a-response .difference {
	padding: 11px 0 103px;
}
#oxygen #a-response .difference h3 span {
	display: inline-block;
	padding: 0 2px 7px;
	border-bottom: 1px solid #323232;
}
#oxygen #a-response .res-slide {
	display: flex;
	justify-content: space-between;
	margin: 97px 89px 101px 119px;
}
#oxygen #a-response .res-slide:last-of-type {
	margin: 97px 67px 106px 95px;
}
#oxygen #a-response .res-slide h3 {
	margin-bottom: 42px;
	font-size: 20px;
	letter-spacing: 1.8px;
}
#oxygen #a-response .res-slide:last-of-type h3 {
	letter-spacing: 0;
}

/* 透明感 */
#oxygen #a-transparency h3 {
	margin: 0 0 44px;
	padding: 0;
	border-bottom: 0;
	font-size: 20px;
	letter-spacing: 1.8px;
}
#oxygen #a-transparency p {
	text-align: center;
	letter-spacing: 1.5px;
}
#oxygen #a-transparency p.lead {
	text-align: justify;
	letter-spacing: 1.3px;
}
#oxygen #a-transparency picture {
	display: block;
	text-align: center;
}
#oxygen #a-transparency .condition {
	display: flex;
	justify-content: space-between;
	margin: 39px 97px 25px;
}
#oxygen #a-transparency .condition p {
	margin: 23px 0 0;
	letter-spacing: 1px;
}
#oxygen #a-transparency p.sup {
	margin-bottom: 100px;
	font-size: 11px;
	line-height: 1.27;
	letter-spacing: 1.2px;
}
#oxygen #a-transparency .image {
	margin: 42px 0 98px;
	font-size: 11px;
}
#oxygen #a-transparency .image span {
	display: inline-block;
	text-align: right;
}
#oxygen #a-transparency .image img {
	margin-bottom: 15px;
}
#oxygen #a-transparency .filaggrin {
	padding: 70px 0 33px;
}

/* 酸素状態 */
#oxygen #a-level {
	margin-top: -39px;
	padding-top: 113px;
}
#oxygen #a-level h2 {
	margin-top: 0;
}
#oxygen #a-level h3 {
	margin: 97px -88px 54px;
	letter-spacing: 0;
}
#oxygen #a-level .low h3 {
	margin-bottom: 48px;
}
#oxygen #a-level p {
	letter-spacing: 0.7px;
}
#oxygen #a-level ul {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin: 0 auto 49px;
}
#oxygen #a-level ul:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 2px;
	bottom: 2px;
	width: 12px;
	height: 12px;
	margin: auto;
	background: url(../img/correspond_cross.png) no-repeat 50% 50%;
	content: "";
}
#oxygen #a-level li {
	position: relative;
	width: 157px;
	height: 157px;
	font-size: 16.5px;
	line-height: 1.35;
	text-align: center;
	letter-spacing: 1.2px;
}
#oxygen #a-level li:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/correspond_bg.png) no-repeat 50% 50%;
	content: "";
}
#oxygen #a-level li span {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
}
#oxygen #a-level .high ul {
	width: 352px;
}
#oxygen #a-level .low ul {
	width: 374px;
	margin-bottom: 45px;
	padding-top: 95px;
}
#oxygen #a-level .low ul:after {
	top: 46px;
}
#oxygen #a-level .low li:first-child {
	position: absolute;
	top: 0;
	width: 100%;
}

/* リンクボタン */
#oxygen .outro {
	padding-top: 74px;
}
#oxygen .outro .btn li {
	margin-bottom: 10px;
}
#oxygen .outro .btn a {
	display: block;
	position: relative;
	width: 300px;
	margin: 0 auto;
	padding: 12px;
	color: inherit;
	border: 1px solid #000;
	background-color: #fff;
	text-decoration: none;
	letter-spacing: 1.6px;
}
#oxygen .outro .btn a:after {
	position: absolute;
	top: 0;
	right: 5px;
	bottom: 0;
	height: 13px;
	margin: auto 0;
	color: #000;
	font-family: "icomoon";
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	opacity: 1 !important;
	content: "\e906";
}

/* 肌断面自動切り替え用アニメーション */
@keyframes fig-low-move {
	0% {
		width: 50%;
	}
	25% {
		width: 0%;
	}
	75% {
		width: 100%;
	}
	100% {
		width: 50%;
	}
}
@keyframes fig-high-move {
	0% {
		width: 50%;
	}
	25% {
		width: 100%;
	}
	75% {
		width: 0%;
	}
	100% {
		width: 50%;
	}
}
@keyframes fig-lowbox-move {
	0% {
		left: 0%;
	}
	25% {
		left: 0%;
	}
	50% {
		left: 0%;
		transform: translateX(0%);
	}
	75% {
		left: 50%;
		transform: translateX(-50%);
	}
	100% {
		left: 0%;
		transform: translateX(0%);
	}
}
@keyframes fig-highbox-move {
	0% {
		right: 0%;
		transform: translateX(0%);
	}
	25% {
		right: 50%;
		transform: translateX(50%);
	}
	50% {
		right: 0%;
		transform: translateX(0%);
	}
	75% {
		right: 0%;
	}
	100% {
		right: 0%;
	}
}
@keyframes bar-move {
	0% {
		left: 50%;
	}
	25% {
		left: 0%;
	}
	75% {
		left: 100%;
	}
	100% {
		left: 50%;
	}
}

@media screen and (max-width: 768px) {
	.product-sp {
		padding: 0 22px;
	}
	
	#oxygen {
		max-width: noen;
		margin-bottom: 45px;
		padding-top: 0;
	}
	#oxygen .sp-inner {
		padding: 0 8px;
	}
	#oxygen h2 {
		margin: 48px -22px 25px;
		padding: 17px 0 16px;
		font-size: 16px;
		font-size: 4.27vw;
		letter-spacing: 1.6px;
	}
	#oxygen h3 {
		margin: 32px 0 19px;
		padding-bottom: 3px;
		font-size: 17px;
		font-size: 4.53vw;
		line-height: 1.2;
	}
	#oxygen p {
		font-size: 14px;
		font-size: 3.73vw;
		line-height: 1.9;
	}
	#oxygen p span.narrow {
		letter-spacing: 1.4px;
	}
	
	/* メインビジュアル */
	#oxygen #kv {
		width: auto;
		height: 101.2vw;
		margin: 0 -22px;
		background-image: url(../img/sp_kv_bg.jpg);
		background-size: 100% auto;
	}
	#oxygen #kv h1 {
		padding-top: 48vw;
		font-size: 18px;
		font-size: 4.8vw;
	}
	
	/* ページ内ナビ */
	#oxygen ul.oxygen-nav {
		flex-direction: column;
		justify-content: flex-start;
		flex-wrap: wrap;
		width: auto;
		margin: 0 -1.33vw;
	}
	#oxygen ul.oxygen-nav li {
		width: 100%;
		margin: 0 0 2.67vw;
		padding: 0 1.33vw;
		font-size: 14px;
		font-size: 3.73vw;
		letter-spacing: 1.2px;
	}
	#oxygen ul.oxygen-nav li a {
		padding: 0.8em 12px;
		border-radius: 6px;
		opacity: 1 !important;
		transition: none;
	}
	#oxygen ul.oxygen-nav li a:after {
		top: 0;
		left: auto;
		right: 8px;
		bottom: 0;
		width: auto;
		height: 4vw;
		margin: auto 0;
		font-size: 4vw;
	}
	#oxygen ul.oxygen-nav li br {
		display: none;
	}
	#oxygen ul.oxygen-nav li span.narrow {
		letter-spacing: inherit;
	}
	
	/* リード */
	#oxygen #a-lead {
		padding-top: 54px;
	}
	#oxygen #a-lead p {
		margin: 0 -22px;
		padding-bottom: 21px;
		font-size: 14px;
		font-size: 3.73vw;
		line-height: 1.75;
	}
	#oxygen #a-lead p span.narrow {
		letter-spacing: 1px;
	}
	#oxygen #a-lead p:after {
		margin-top: 27px;
		height: 66.8vw;
		background-image: url(../img/sp_metabolism.png);
		background-size: auto 100%;
	}
	
	/* 酸素に着目 */
	#oxygen #a-discover h2 {
		margin-bottom: 15px;
	}
	#oxygen #a-discover p {
		margin-bottom: 17px;
		letter-spacing: 1.2px;
	}
	#oxygen #a-discover p.lead {
		letter-spacing: 1.3px;
	}
	#oxygen #a-discover .status {
		display: block;
		margin-bottom: 59px;
	}
	#oxygen #a-discover .slick-slide {
		position: relative;
		outline: none;
	}
	#oxygen #a-discover .slick-prev,
	#oxygen #a-discover .slick-next {
		top: 39.6vw;
		height: 80px;
		opacity: 1 !important;
	}
	#oxygen #a-discover .slick-prev {
		left: -2px;
	}
	#oxygen #a-discover .slick-next {
		right: -2px;
	}
	#oxygen #a-discover .slick-prev:before,
	#oxygen #a-discover .slick-next:before {
		padding: 20px 7px;
		color: #323232;
		font-size: 14px;
		font-size: 3.73vw;
		opacity: 1;
	}
	#oxygen #a-discover .slick-prev:before {
		float: left;
	}
	#oxygen #a-discover .slick-next:before {
		float: right;
	}
	#oxygen #a-discover .status > div {
		width: 100%;
	}
	#oxygen #a-discover .status h3 {
		margin-top: 44px;
		margin-bottom: 7px;
		letter-spacing: 0.8px;
	}
	#oxygen #a-discover .status h3 span {
		padding-right: 16px;
	}
	#oxygen #a-discover .status picture {
		width: 100%;
		margin-bottom: 7.2vw;
	}
	#oxygen #a-discover .status picture img {
		width: 100%;
	}
	#oxygen #a-discover .status ol {
		margin-bottom: 0;
	}
	#oxygen #a-discover .status ol:before {
		left: 0;
		width: 100%;
		height: 8vw;
		margin-top: -9.6vw;
		background-image: url(../img/sp_appropriate_cap.png);
		background-size: contain;
	}
	#oxygen #a-discover .status .n ol:before {
		content: "";
	}
	#oxygen #a-discover .status li {
		font-size: 14px;
		font-size: 3.73vw;
	}
	#oxygen #a-discover .status li:after {
		width: 29px;
		height: 16px;
		margin: 14px auto 17px;
		background-image: url(../img/sp_appropriate_arrow.png);
		background-size: contain;
	}
	
	/* 酸素イメージング */
	#oxygen #a-imaging {
		margin-top: 60px;
	}
	#oxygen #a-imaging h3 {
		margin-bottom: 28px;
		letter-spacing: 1.6px;
	}
	#oxygen #a-imaging picture {
		margin-bottom: 16px;
	}
	#oxygen #a-imaging picture img {
		width: 100%;
	}
	#oxygen #a-imaging p.sup {
		font-size: 9px;
		line-height: 1.3;
		letter-spacing: 0.8px;
	}
	
	/* 酸素が肌にもたらすこと */
	#oxygen #a-effect {
		margin-top: -21.2560vw;
		padding-top: 19.3236vw;
	}
	#oxygen #a-effect h3 {
		margin-bottom: 28px;
		letter-spacing: 1.6px;
	}
	#oxygen #a-effect p.sup {
		display: block;
		margin-bottom: 20px;
		font-size: 9px;
		font-size: 2.4vw;
		text-align: center;
		letter-spacing: 0.8px;
	}
	#oxygen #effect-fig {
		display: block;
		position: relative;
		height: 148vw;
		margin: 0 8px 15px;
	}
	#oxygen #effect-fig .fig-wrap {
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 50%;
		height: 100%;
		margin: 0;
		will-change: width;
	}
	#oxygen #effect-fig .fig-low {
		left: 0;
	}
	#oxygen #effect-fig .fig-high {
		right: 0;
	}
	#oxygen #effect-fig .fig-wrap > div {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
	}
	#oxygen #effect-fig .fig-low > div {
		left: 0;
	}
	#oxygen #effect-fig .fig-high > div {
		right: 0;
	}
	#oxygen #effect-fig img {
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		max-width: none;
		height: 111.6vw;
	}
	#oxygen #effect-fig p {
		position: absolute;
		bottom: 0;
		width: 39.47vw;
		margin: 0;
		font-size: 14px;
		font-size: 3.73vw;
		letter-spacing: 1.2px;
		will-change: left, right, transform;
	}
	#oxygen #effect-fig .fig-low p {
		left: 0%;
		transform: translateX(0%);
	}
	#oxygen #effect-fig .fig-high p {
		right: 0%;
		transform: translateX(0%);
	}
	#oxygen #effect-fig p span {
		width: 100%;
		margin-top: 16px;
		padding: 7px 0 6px;
	}
	#oxygen #effect-bar {
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		width: 1px;
		height: 100%;
		background: url(../img/sp_oxygen_bar.png) repeat-y 0 0;
		background-size: 1px 100%;
		cursor: pointer;
	}
	#oxygen #effect-bar:after {
		position: absolute;
		top: 0;
		left: -20px;
		right: -20px;
		width: 40px;
		height: 100%;
		margin: 0 auto;
		content: "";
	}
	/* 自動切り替え */
	#oxygen #effect-fig.auto-move .fig-low {
		animation: fig-low-move 2.5s linear 0.5s;
	}
	#oxygen #effect-fig.auto-move .fig-high {
		animation: fig-high-move 2.5s linear 0.5s;
	}
	#oxygen #effect-fig.auto-move .fig-low p {
		animation: fig-lowbox-move 2.5s linear 0.5s;
	}
	#oxygen #effect-fig.auto-move .fig-high p {
		animation: fig-highbox-move 2.5s linear 0.5s;
	}
	#oxygen #effect-fig.auto-move #effect-bar {
		animation: bar-move 2.5s linear 0.5s;
	}
	
	/* 活用するには */
	#oxygen #a-utilize {
		margin-top: 60px;
	}
	#oxygen #a-utilize h3 {
		margin-bottom: 26px;
		letter-spacing: 1.6px;
	}
	#oxygen #a-utilize h3 span {
		display: inline-block;
		padding-right: 16px;
	}
	#oxygen #a-utilize picture {
		margin: 0 -30px 17px;
	}
	#oxygen #a-utilize picture img {
		width: 100%;
	}
	#oxygen #a-utilize p {
		letter-spacing: 1.2px;
	}
	
	/* 酸素状態とは */
	#oxygen #a-state {
		margin-top: -8.4541vw;
		padding-top: 19.3236vw;
	}
	#oxygen #a-state h2 {
		margin-bottom: 15px;
	}
	#oxygen #a-state p {
		letter-spacing: 1.2px;
	}
	#oxygen #a-state picture {
		padding-top: 31px;
	}
	#oxygen #a-state img {
		width: 100%;
	}
	
	/* 酸素取り込み力と酸素活用力への対応 */
	#oxygen #a-response {
		padding-top: 10px;
	}
	#oxygen #a-response h3 {
		margin-bottom: 17px;
		font-size: 14px;
		font-size: 3.73vw;
	}
	#oxygen #a-response p {
		padding: 0 8px;
		text-align: justify;
		letter-spacing: 1px;
	}
	#oxygen #a-response img {
		width: 100%;
	}
	#oxygen #a-response .difference {
		padding: 32px 0 62px;
	}
	#oxygen #a-response .res-slide {
		margin: 61px 0 50px;
	}
	#oxygen #a-response .res-slide:last-of-type {
		margin: 61px 0 68px;
	}
	#oxygen #a-response .res-slide h3 {
		margin-bottom: 26px;
		font-size: 17px;
		font-size: 4.53vw;
		letter-spacing: 1.5px;
	}
	#oxygen #a-response .res-slide .uv-damage h3 {
		letter-spacing: 1px;
	}
	#oxygen #a-response .res-slide .uv-damage h3 span {
		display: inline-block;
		width: 111%;
		margin: 0 -5.5%;
	}
	#oxygen #a-response .res-slide .pollutant-damage h3 {
		letter-spacing: 0;
	}
	#oxygen #a-response .res-slide .pollutant-damage h3 span {
		display: inline-block;
		width: 111%;
		margin: 0 -5.5%;
		transform: scaleX(0.9);
	}
	#oxygen #a-response .slick-slide {
		position: relative;
		outline: none;
	}
	#oxygen #a-response .slick-prev,
	#oxygen #a-response .slick-next {
		top: 22.4vw;
		height: 80px;
		opacity: 1 !important;
	}
	#oxygen #a-response .slick-prev {
		left: -2px;
	}
	#oxygen #a-response .slick-next {
		right: -2px;
	}
	#oxygen #a-response .slick-prev:before,
	#oxygen #a-response .slick-next:before {
		padding: 20px 7px;
		color: #323232;
		font-size: 14px;
		font-size: 3.73vw;
		opacity: 1;
	}
	#oxygen #a-response .slick-prev:before {
		float: left;
	}
	#oxygen #a-response .slick-next:before {
		float: right;
	}
	
	/* 透明感 */
	#oxygen #a-transparency h3 {
		margin-bottom: 26px;
		font-size: 17px;
		font-size: 4.53vw;
		letter-spacing: 1.5px;
	}
	#oxygen #a-transparency p {
		padding: 0 8px;
		text-align: justify;
		letter-spacing: 1px;
	}
	#oxygen #a-transparency p.lead {
		margin-bottom: 61px;
		padding: 0;
		letter-spacing: 1px;
	}
	#oxygen #a-transparency img {
		width: 100%;
	}
	#oxygen #a-transparency .condition {
		margin: 0;
	}
	#oxygen #a-transparency .condition p {
		margin-top: 17px;
		text-align: center;
		letter-spacing: 1.2px;
	}
	#oxygen #a-transparency p.sup {
		margin: 15px 0 62px;
		font-size: 9px;
		font-size: 2.4vw;
		text-align: center;
		letter-spacing: 0.7px;
	}
	#oxygen #a-transparency .image {
		margin: -6px 0 18px;
		font-size: 9px;
		font-size: 2.4vw;
	}
	#oxygen #a-transparency .image img {
		margin-bottom: 5px;
	}
	#oxygen #a-transparency .filaggrin {
		padding: 34px 0 0;
	}
	#oxygen #a-transparency .slick-slide {
		position: relative;
		outline: none;
	}
	#oxygen #a-transparency .slick-prev,
	#oxygen #a-transparency .slick-next {
		top: 18vw;
		height: 80px;
		opacity: 1 !important;
	}
	#oxygen #a-transparency .slick-prev {
		left: -2px;
	}
	#oxygen #a-transparency .slick-next {
		right: -2px;
	}
	#oxygen #a-transparency .slick-prev:before,
	#oxygen #a-transparency .slick-next:before {
		padding: 20px 7px;
		color: #323232;
		font-size: 14px;
		font-size: 3.73vw;
		opacity: 1;
	}
	#oxygen #a-transparency .slick-prev:before {
		float: left;
	}
	#oxygen #a-transparency .slick-next:before {
		float: right;
	}
	
	/* 酸素状態 */
	#oxygen #a-level {
		margin-top: -2.8985vw;
		padding-top: 19.3236vw;
	}
	#oxygen #a-level h3 {
		margin: 61px -8px 31px;
		white-space: nowrap;
	}
	#oxygen #a-level .low h3 {
		margin-top: 61px;
		margin-bottom: 25px;
		letter-spacing: -0.3px;
	}
	#oxygen #a-level p {
		letter-spacing: 1.2px;
	}
	#oxygen #a-level ul {
		width: auto !important;
		margin-bottom: 25px;
		padding: 0 3.5px;
	}
	#oxygen #a-level ul:after {
		width: 2.67vw;
		height: 2.67vw;
		background-image: url(../img/sp_correspond_cross.png);
		background-size: contain;
	}
	#oxygen #a-level li {
		width: 36.5vw;
		height: 36.5vw;
		font-size: 14px;
		font-size: 3.73vw;
	}
	#oxygen #a-level li:before {
		background-image: url(../img/sp_correspond_bg.png);
		background-size: contain;
	}
	#oxygen #a-level .low ul {
		margin-left: -5px;
		margin-right: -5px;
		margin-bottom: 29px;
		padding: 22.1vw 0 0;
	}
	#oxygen #a-level .low ul:after {
		top: 10.4vw;
	}
	
	/* リンクボタン */
	#oxygen .outro {
		padding-top: 34px;
	}
	#oxygen .outro .btn li {
		margin-bottom: 12px;
	}
	#oxygen .outro .btn a {
		width: 100%;
		padding: 0.9em 12px;
		font-size: 14px;
		font-size: 3.73vw;
		opacity: 1 !important;
	}
	#oxygen .outro .btn a:after {
		right: 7px;
	}
}