@import url(https://fonts.googleapis.com/earlyaccess/notosanskhmer.css);
@import url(https://fonts.googleapis.com/css?family=Padauk&display=swap);
@import url(https://fonts.googleapis.com/css?family=Kantumruy:300&display=swap&subset=khmer);
@font-face {
	font-family: "Noto Sans Myanmar";
	src: url("../font/NotoSansMyanmar-Bold.woff2") format("woff2"), url("../font/NotoSansMyanmar-Bold.woff") format("woff");
}

@keyframes underlineShow {
	0% {
		transform: translateX(-101%);
	}
	20% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(101%);
	}
}

@keyframes underlineShow_ar {
	0% {
		transform: translateX(101%);
	}
	20% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-101%);
	}
}

@keyframes contmodalicoShow {
	0% {
		opacity: 0;
	}
	35% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes underlineHoverShow {
	0% {
		transform: translateX(-101%);
	}
	100% {
		transform: translateX(0%);
	}
}

@keyframes underlineHoverHide {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(102%);
	}
}

@keyframes underlineHoverShow_ar {
	0% {
		transform: translateX(101%);
	}
	100% {
		transform: translateX(0%);
	}
}

@keyframes underlineHoverHide_ar {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-102%);
	}
}

@keyframes fadeIn {
	0% {
		display: none;
		opacity: 0;
	}
	1% {
		display: block;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}

@keyframes fadeOut {
	0% {
		display: block;
		opacity: 1;
	}
	99% {
		display: block;
		opacity: 0;
	}
	100% {
		display: none;
		opacity: 0;
	}
}

@keyframes fadeOutLoading {
	0% {
		display: block;
		opacity: 1;
		top: 0vh;
	}
	99% {
		display: block;
		opacity: 0;
		top: 0vh;
	}
	100% {
		display: none;
		opacity: 0;
		top: -100vh;
	}
}

@keyframes slideIn {
	0% {
		opacity: 0;
		transform: translateX(4rem);
	}
	100% {
		opacity: 1;
		transform: translateX(0rem);
	}
}

@keyframes slideIn_ar {
	0% {
		opacity: 0;
		transform: translateX(-4rem);
	}
	100% {
		opacity: 1;
		transform: translateX(0rem);
	}
}

@keyframes slideInFromL {
	0% {
		opacity: 0;
		transform: translateX(-30%);
	}
	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}

@keyframes slideInFromL_s {
	0% {
		opacity: 0;
		transform: translateX(-5%);
	}
	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}

@keyframes slideInFromR {
	0% {
		opacity: 0;
		transform: translateX(30%);
	}
	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}

@keyframes slideInFromR_s {
	0% {
		opacity: 0;
		transform: translateX(5%);
	}
	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}

@keyframes slideUp {
	0% {
		opacity: 0;
		transform: translateY(4rem);
	}
	100% {
		opacity: 1;
		transform: translateY(0rem);
	}
}

@keyframes slideUp_s {
	0% {
		opacity: 0;
		transform: translateY(2rem);
	}
	100% {
		opacity: 1;
		transform: translateY(0rem);
	}
}

@keyframes zoomfadeIn {
	0% {
		transform: scale(1.1);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes fadeInOut {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* Base styles: opinionated defaults */
html {
	font-size: 10px;
	overflow-x: hidden;
}

img {
	vertical-align: middle;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}

a {
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-decoration: none;
}

.onepage *::-webkit-scrollbar {
	display: none;
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}

html.navOpen {
	position: fixed;
	height: 100%;
	width: 100%;
}

.wrap {
	overflow-x: hidden;
	background: #fff;
}

main {
	display: block;
}

.MSHeading_f,
.MHeading_f,
.SHeading_f,
.pageTitle,
.LHeading,
.contText_f,
nav .brand-menu span,
nav .about-menu span,
nav .products-menu h3 span {
	font-family: 'Neue Frutiger World W00 Bold', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #474747;
}

.footer p,
.closeSite,
#brand .mainvisual h1,
.mainvisual .scroll span,
.profile_name,
.contText,
.contSText,
.contSLink,
nav .language-menu h3,
nav .language-menu span,
nav .products-menu span {
	font-family: 'Helvetica Neue World W05_45 Lt', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #474747;
}

#brand .sec02 .contSLink,
.contSLink_b,
.MSHeading,
.MHeading,
.SHeading,
.XSHeading {
	font-family: 'Neue Frutiger World W00 Bold', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #474747;
}

html[lang="th"].ie11 .MSHeading_f,
html[lang="th"].ie11 .MHeading_f,
html[lang="th"].ie11 .SHeading_f,
html[lang="th"].ie11 .pageTitle,
html[lang="th"].ie11 .LHeading,
html[lang="th"].ie11 .contText_f,
html[lang="th"].ie11 nav .brand-menu span,
html[lang="th"].ie11 nav .about-menu span,
html[lang="th"].ie11 nav .products-menu h3 span,
html[lang="th"].ie11 #brand .sec02 .contSLink,
html[lang="th"].ie11 .contSLink_b,
html[lang="th"].ie11 .MSHeading,
html[lang="th"].ie11 .MHeading,
html[lang="th"].ie11 .SHeading,
html[lang="th"].ie11 .XSHeading {
	font-family: 'Helvetica Neue World W05_75 Bd', sans-serif;
}

/*
																	f f f - Khmer - f f f
----------------------------------------------------- */
html[lang="km"] .MSHeading_f,
html[lang="km"] .MHeading_f,
html[lang="km"] .SHeading_f,
html[lang="km"] .pageTitle,
html[lang="km"] .LHeading,
html[lang="km"] .contText_f,
html[lang="km"] nav .brand-menu span,
html[lang="km"] nav .about-menu span,
html[lang="km"] nav .products-menu h3 span {
	font-family: 'Neue Frutiger World W00 Bold', 'Noto Sans Khmer', sans-serif;
	font-weight: bold;
}

html[lang="km"] #brand .mainvisual h1,
html[lang="km"] .mainvisual .scroll span,
html[lang="km"] .profile_name,
html[lang="km"] .contText,
html[lang="km"] .contSText,
html[lang="km"] .contSLink,
html[lang="km"] nav .language-menu h3,
html[lang="km"] nav .language-menu span,
html[lang="km"] nav .products-menu span {
	font-family: 'Helvetica Neue World W05_45 Lt', 'Kantumruy', sans-serif;
}

html[lang="km"] #brand .sec02 .contSLink,
html[lang="km"] .contSLink_b,
html[lang="km"] .MSHeading,
html[lang="km"] .MHeading,
html[lang="km"] .SHeading,
html[lang="km"] .XSHeading {
	font-family: 'Neue Frutiger World W00 Bold', 'Noto Sans Khmer', sans-serif;
	font-weight: bold;
}

/*
																f f f - Burmese - f f f
----------------------------------------------------- */
html[lang="my"] .MSHeading_f,
html[lang="my"] .MHeading_f,
html[lang="my"] .SHeading_f,
html[lang="my"] .pageTitle,
html[lang="my"] .LHeading,
html[lang="my"] .contText_f,
html[lang="my"] nav .brand-menu span,
html[lang="my"] nav .about-menu span,
html[lang="my"] nav .products-menu h3 span {
	font-family: 'Neue Frutiger World W00 Bold', 'Noto Sans Myanmar', sans-serif;
	font-weight: normal;
}

html[lang="my"] #brand .mainvisual h1,
html[lang="my"] .mainvisual .scroll span,
html[lang="my"] .profile_name,
html[lang="my"] .contText,
html[lang="my"] .contSText,
html[lang="my"] .contSLink,
html[lang="my"] nav .language-menu h3,
html[lang="my"] nav .language-menu span,
html[lang="my"] nav .products-menu span {
	font-family: 'Helvetica Neue World W05_45 Lt', 'Padauk', sans-serif;
}

html[lang="my"] #brand .sec02 .contSLink,
html[lang="my"] .contSLink_b,
html[lang="my"] .MSHeading,
html[lang="my"] .MHeading,
html[lang="my"] .SHeading,
html[lang="my"] .XSHeading {
	font-family: 'Neue Frutiger World W00 Bold', 'Noto Sans Myanmar', sans-serif;
	font-weight: normal;
}

.pageTitle {
	font-size: 3.8rem;
	line-height: 1.4;
}

.LHeading {
	font-size: 3.4rem;
	line-height: 1.4;
}

.MHeading_f,
.MHeading {
	font-size: 2.6rem;
	line-height: 1.5;
	letter-spacing: 0.04em;
}

.MSHeading_f,
.MSHeading {
	font-size: 2.4rem;
	line-height: 1.5;
}

.SHeading_f,
.SHeading {
	font-size: 2rem;
	line-height: 1.4;
	letter-spacing: 0.02em;
}

.XSHeading,
.contText_f,
.contText {
	font-size: 1.8rem;
	line-height: 1.8;
}

.contSText {
	font-size: 1.4rem;
	line-height: 1.6;
}

.contSLink_b,
.contSLink {
	font-size: 1.4rem;
}

.redText {
	color: #e60027;
}

.caption {
	padding-left: 1em;
	position: relative;
	line-height: 1.4em;
	margin-top: 3em !important;
}

.caption span {
	position: absolute;
	left: 0;
	height: 1.4em;
}

main .slick-dots {
	bottom: 1rem;
}

main .slick-dots button {
	padding: 0.7rem;
}

main .slick-dots button:before {
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 2rem;
	border: 2px solid #fff;
	background: #474747;
	opacity: 1 !important;
}

main .slick-dots .slick-active button:before {
	background: #e60027;
}

.uc main .more span {
	overflow: visible;
}

/*
																				comingsoon
----------------------------------------------------- */
.comingsoon {
	pointer-events: none;
}

.comingsoon .more {
	padding-left: 0 !important;
}

.comingsoon .more:before {
	display: none !important;
}

/*
																				loading
----------------------------------------------------- */
#loading {
	direction: ltr;
	position: fixed;
	top: 0;
	z-index: 99999;
	background: #fff;
	width: 100%;
	height: 100%;
}

#loading .circle {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
}

#loading .circle span {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	background: #92959c;
	border-radius: 15px;
	animation-duration: 0.7s;
	animation-timing-function: linear;
	animation-fill-mode: both;
	animation-name: loading;
	animation-iteration-count: infinite;
}

#loading .circle span:before,
#loading .circle span:after {
	position: absolute;
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

#loading .circle span:before {
	top: 2px;
	left: 2px;
	width: 26px;
	height: 26px;
	background: #fff;
	border-radius: 13px;
}

#loading .circle span:after {
	top: 18px;
	left: 18px;
	background: #fff;
}

.loaded #loading.loadingHide .circle {
	animation-name: fadeOut;
	animation-duration: 0.3s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
}

.loaded #loading.loadingHide {
	animation-delay: 0.3s;
	animation-name: fadeOutLoading;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
}

@keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*
					header
------------------------ */
.closeSite, .logo, nav ul li a, nav ul:after {
	display: block;
}

header {
	width: 100%;
	border-top: solid 5px #e60027;
}

.logo-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 45px;
	background-color: #f2f2f2;
}

.logo-wrapper p {
	padding: 9px 0 0 14px;
	margin: 0 auto;
}

.logo {
	width: 95px;
	height: 29px;
	background: url(../img/corp_id.gif) center no-repeat;
	background-size: contain;
}

.closeSite {
	line-height: 1.2;
	position: absolute;
	right: 0;
	top: -5px;
	background-color: #e60027;
	color: #fff;
	height: 50px;
	width: 50px;
	padding: 18px 9px;
	font-size: 12px;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
}

.closeSite img {
	display: block;
	margin: -9px auto 2px;
}

/*
					footer
------------------------ */
.footer {
	width: 100%;
	background-color: #e5e5e5;
	position: relative;
	bottom: 0;
	z-index: 100;
}

.footer .footer-copy {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	clear: both;
	padding: 5px 0;
}

.footer p {
	font-size: 10px !important;
	line-height: 45px;
	color: #333;
	text-align: right;
	padding-right: 10px;
}

/*
																				header +
----------------------------------------------------- */
header {
	position: relative;
	z-index: 9999;
}

.onepage header {
	-webkit-transform: translate(0px, -49.99px);
	transform: translate(0px, -49.99px);
	top: 0;
	position: fixed;
	transition-property: transform;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

/*
																				nav
----------------------------------------------------- */
nav {
	position: fixed;
	top: 0;
	background: #000;
	z-index: 999;
	width: 100vw;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 5rem 0;
}

nav .nav_inner {
	position: relative;
	top: calc(50% + 2.5rem);
	width: 90vw;
	max-width: 800px;
	margin: 0 auto;
	padding: 8rem 0 9rem;
	transform: translateY(-50%);
}

nav a {
	display: block;
}

nav .brand-menu ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

nav .about-menu a,
nav .brand-menu a,
nav .products-menu h3 a {
	display: inline-block;
	backface-visibility: hidden;
}

nav .about-menu a span,
nav .brand-menu a span,
nav .products-menu h3 a span {
	overflow: hidden;
	position: relative;
	font-size: 2.6rem;
	letter-spacing: 0.04em;
	padding-left: 0.7em;
	display: inline-block;
	line-height: 2;
	color: #fff;
}

nav .about-menu a span:before,
nav .brand-menu a span:before,
nav .products-menu h3 a span:before {
	position: absolute;
	content: " ";
	display: block;
	top: calc(50% - 0.36rem);
	left: 0;
	border: 0.36rem dashed transparent;
	border-left: 0.48rem solid #fff;
}

nav .about-menu a span:after,
nav .brand-menu a span:after,
nav .products-menu h3 a span:after {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% + 0.9em);
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	transform-origin: left;
	transform: translateX(-101%);
	font-size: inherit;
	top: calc(50% + 0.9em);
}

nav .about-menu a span,
nav .products-menu h3 a span {
	font-size: 2rem;
}

nav .products-menu h3 a {
	padding: 4.2em 0 1em;
}

nav .language-menu ul,
nav .products-menu ul {
	display: flex;
	align-items: center;
	justify-content: left;
	flex-wrap: wrap;
}

nav .language-menu ul li,
nav .products-menu ul li {
	width: calc(99.99% / 3);
	text-align: center;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-top: -1px;
	display: none;
}

nav .language-menu ul li:nth-of-type(3n-2),
nav .products-menu ul li:nth-of-type(3n-2) {
	border-left: 1px solid #333;
}

nav .language-menu ul li.menu-item--on,
nav .products-menu ul li.menu-item--on {
	display: block;
}

nav .language-menu ul a,
nav .products-menu ul a {
	line-height: 5.2em;
	backface-visibility: hidden;
	text-align: center;
}

nav .language-menu ul span,
nav .products-menu ul span {
	position: relative;
	top: 0.05em;
	display: inline-block;
	margin-top: 0.2em;
	padding-bottom: 0.4em;
	font-size: 1.6rem;
	line-height: 1;
	text-align: left;
	color: #fff;
}

nav .language-menu h3 {
	font-size: 1.6rem;
	color: #fff;
	padding: 2.4em 0 0.8em;
	letter-spacing: 0.1em;
}

nav .language-menu ul {
	flex-wrap: nowrap;
}

nav .language-menu ul li {
	width: 100%;
}

nav .language-menu ul li span {
	width: auto;
	margin-left: 0;
}

nav .about-menu {
	padding-top: 2.5em;
}

.nav_btn {
	mix-blend-mode: difference;
	position: absolute;
	top: 5em;
	right: 5em;
	z-index: 9999;
	width: 3.3em;
	height: 2.8em;
	padding: 0.8rem;
	margin: -0.8rem;
	box-sizing: content-box;
	-webkit-transform: translate(0px, 50px);
	transform: translate(0px, 50px);
	cursor: pointer;
}

.nav_btn div {
	position: relative;
	width: 100%;
	height: 100%;
	transform: rotate(0deg);
	transition-property: opacity transform;
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.nav_btn span {
	position: absolute;
	display: block;
	width: 100%;
	height: 0.5em;
	background: #fff;
	transition-property: opacity transform;
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.nav_btn span:nth-of-type(1) {
	top: 0;
	transform: translateY(0%) rotate(0deg);
}

.nav_btn span:nth-of-type(2) {
	top: 50%;
	transform: translateY(-50%) scale(1, 1);
}

.nav_btn span:nth-of-type(3) {
	bottom: 0;
	transform: translateY(0%) rotate(0deg);
}

.navOpen .nav_btn span:nth-of-type(1) {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	transform-origin: center;
}

.navOpen .nav_btn span:nth-of-type(2) {
	opacity: 0;
	transform: translate(0px, -50%) scale(1, 0);
	transform-origin: center;
}

.navOpen .nav_btn span:nth-of-type(3) {
	bottom: 50%;
	transform: translateY(50%) rotate(-45deg);
	transform-origin: center;
}

.edge .nav_btn, .ie11 .nav_btn, .samsung .nav_btn {
	mix-blend-mode: normal;
}

.edge .nav_btn div:before, .ie11 .nav_btn div:before, .samsung .nav_btn div:before {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: rgba(0, 0, 0, 0.12);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2), 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.samsung .nav_btn {
	transition: none !important;
}

.onepage .nav_btn {
	position: fixed;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	transition-property: transform;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.page--top header {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.page--top .nav_btn {
	-webkit-transform: translate(0px, 50px);
	transform: translate(0px, 50px);
}

body[id*="part"] .nav_btn:not(.nav_btn--copy),
body[id*="life0"] .nav_btn:not(.nav_btn--copy) {
	-webkit-transform: translate(0px, calc(88px - 5em - 50%));
	transform: translate(0px, calc(88px - 5em - 50%));
}

.ie11 body[id*="part"] .nav_btn:not(.nav_btn--copy),
.ie11 body[id*="life0"] .nav_btn:not(.nav_btn--copy) {
	transform: translate(0px, 1.8em);
}

.nav_btn--copy {
	position: fixed;
	transform: translateX(9rem);
	opacity: 0;
	transition-property: transform;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
	transition-property: transform, opacity;
}

.nav_btn--show .nav_btn {
	opacity: 1;
	transform: translateX(0rem) !important;
	transition-duration: 0.4s;
}

nav {
	transition-property: transform;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
	transform: translateX(100%);
}

.navOpen nav {
	transform: translateX(0%) !important;
}

.navOpen .language-menu,
.navOpen .about-menu,
.navOpen .products-menu {
	animation-name: fadeIn;
	animation-duration: 1.2s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
}

.navOpen .brand-menu li {
	animation-name: slideIn;
	animation-duration: 0.6s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
}

.navOpen .brand-menu li:nth-of-type(1) {
	animation-delay: 0.6s;
}

.navOpen .brand-menu li:nth-of-type(2) {
	animation-delay: 0.8s;
}

.navOpen .brand-menu li:nth-of-type(3) {
	animation-delay: 1s;
}

.navOpen .brand-menu li:nth-of-type(4) {
	animation-delay: 1.2s;
}

.navOpen .products-menu {
	animation-delay: 1.3s;
}

.navOpen .about-menu {
	animation-delay: 1.6s;
}

.navOpen .language-menu {
	animation-delay: 1.9s;
}

main .more {
	position: relative;
	display: inline-block;
	padding-left: 0.9em;
	line-height: 2.6;
	overflow: hidden;
}

main .more:before {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% - (0.36rem / 2));
	left: 0;
	border: 0.36rem solid transparent;
	border-left: 0.48rem solid #474747;
	top: calc(50% - 0.1rem);
}

main .more.contText_f:before {
	top: calc(50% - 0.3rem);
}

main .more span {
	display: block;
	position: absolute;
	top: calc(50% + 0.9em);
	width: 100%;
	height: 1px;
	left: 0;
	overflow: hidden;
	font-size: inherit;
}

main .more span:after {
	content: " ";
	display: block;
	width: 100%;
	height: 1px;
	background: #474747;
	transform-origin: left;
	transform: translateX(-101%);
	font-size: inherit;
}

.pagetop {
	width: 100%;
	max-width: 90vw;
	margin: 4rem auto 0;
	line-height: 0;
	text-align: right;
	padding-bottom: 6rem;
	box-sizing: border-box;
}

.pagetop_block {
	cursor: pointer;
	width: 3.5rem;
	height: 3.5rem;
	border: 1px solid #474747;
	display: inline-block;
	background: #fff;
}

.pagetop .pagetop_arrow {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.pagetop .pagetop_arrow span {
	width: 1rem;
	height: 1rem;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: rotate(45deg) translate(-55%, 20%);
	border-top: 2px solid #474747;
	border-left: 2px solid #474747;
}

.gdpr_block {
	position: fixed;
	bottom: 0;
	z-index: 998;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	padding: 1.3rem 0;
}

.gdpr_block .gdpr_block-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90vw;
	max-width: 1000px;
	margin: 0 auto;
}

.gdpr_block .gdpr_txt .contSText {
	display: block;
	font-size: 1.2rem;
	line-height: 1.4;
	color: #fff;
	letter-spacing: 0.04em;
}

.gdpr_block .gdpr_txt .contSText + .contSText {
	display: inline-block;
	margin-top: 0.5rem;
	position: relative;
	padding-left: 1rem;
}

.gdpr_block .gdpr_txt .contSText + .contSText:before {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% - (0.36rem / 2));
	left: 0;
	border: 0.36rem solid transparent;
	border-left: 0.48rem solid #fff;
}

.gdpr_block .gdpr_btn-box {
	background: #000;
	margin-left: 1rem;
}

.gdpr_block .gdpr_btn-box .gdpr_btn {
	cursor: pointer;
	background: #e60027;
	line-height: 3rem;
	padding: 0.3rem 1.4rem;
}

.gdpr_block .gdpr_btn-box .gdpr_btn span {
	font-size: 1.2rem;
	letter-spacing: 0.05em;
	color: #fff;
}

/*
																				brand top
----------------------------------------------------- */
.vertical .mainvisualbg * {
	max-width: none;
	width: auto;
	height: 100%;
}

.horizontal .mainvisualbg * {
	max-height: none;
	width: 100vw;
	height: auto;
}

#brand main section {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#brand .sec00,
#brand .sec01 {
	overflow: hidden;
}

#brand .scroll {
	position: absolute;
	bottom: 3.5vh;
	left: 50%;
	transition-property: opacity;
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.01, 0.27, 0.5, 0.95);
	z-index: 999;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	transition-property: opacity;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
	opacity: 0;
}

#brand .scroll span {
	min-width: 6.55rem;
	text-align: center;
	display: block;
	padding: 3em 1em 0;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	line-height: 1;
	background: url(../img/top/scroll_pc.png) no-repeat top center;
	background-size: auto 100%;
	color: #fff;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.4), 0 0 15px rgba(0, 0, 0, 0.4);
	animation-name: fadeInOut;
	animation-duration: 2.5s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

#brand .mainvisual .sec_inner {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
}

#brand .mainvisual.cur .sec_inner h1,
#brand .mainvisual.cur .sec_inner .cm_btn,
#brand .cur .scroll {
	opacity: 1;
}

#brand .mainvisualbg {
	direction: ltr;
	position: relative;
	top: 0;
	width: 100vw;
	height: 100%;
}

#brand .mainvisualbg * {
	position: relative;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#brand .mainvisualbg--img {
	background-size: cover;
	background-position: center;
	background-image: url(../img/top/mainvisual_pc.jpg);
}

#brand h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 100%;
	text-align: center;
}

#brand h1 span {
	display: block;
	font-size: 6rem;
	color: #fff;
	letter-spacing: 0.03em;
	line-height: 1;
	white-space: nowrap;
	text-shadow: 0px 0px 40px rgba(40, 40, 40, 0.3), 0px 0px 20px rgba(40, 40, 40, 0.5), 0px 0px 4px rgba(40, 40, 40, 0.6);
}

#brand h1 span span {
	font-size: 4rem;
	margin-top: 0.5em;
}

#brand .cm_btn {
	position: absolute;
	bottom: calc(8rem + 8vh);
	left: 50%;
	z-index: 2;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	cursor: pointer;
}

#brand .cm_btn div {
	max-width: 7em;
	max-height: 7em;
	width: 9vh;
	height: 9vh;
	border-radius: 10em;
}

#brand .cm_btn div:before {
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 10em;
	animation-iteration-count: infinite;
}

#brand .cm_btn div:before {
	font-size: 1rem;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: 54%;
	border: 1em solid transparent;
	border-left: 1.3em solid #fff;
	border-right: none;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 0;
}

#brand .cm_btn div span {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 10em;
}

#brand .cm_btn div span:after {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10em;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 20px 5px rgba(255, 255, 255, 0.7);
	opacity: 0;
}

#brand h1,
#brand .cm_btn {
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

#brand .slogan {
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
}

#brand .slogan .sec_inner {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	width: 60vw;
	max-width: 600px;
	margin: 0 auto;
}

#brand .slogan p {
	font-size: 2rem;
}

#brand .slogan p,
#brand .slogan span {
	line-height: 2.8;
	letter-spacing: 0.06em;
	color: #fff;
	text-align: center;
}

#brand .slogan p + p {
	margin: 3em 0;
}

#brand .sec02 {
	background-color: #fff;
}

#brand .sec02 * {
	cursor: none;
}

#brand .sec02 div {
	height: 100%;
}

#brand .sec02 div[class*="sec02_cont"] {
	position: relative;
	height: 100%;
	overflow: hidden;
	transform: translate3d(0, 0, 0);
}

#brand .sec02 div[class*="-bg"] {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#brand .sec02 .inner {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 2;
	width: 90vw;
	height: auto;
	max-width: 1000px;
	margin: 0 auto;
	transform: translateY(-50%);
}

#brand .sec02 .inner h3 {
	letter-spacing: 0.05em;
}

#brand .sec02 .inner h3, #brand .sec02 .inner p, #brand .sec02 .inner a {
	color: #fff;
}

#brand .sec02 .inner .more span:after {
	background: #fff;
}

#brand .sec02 .inner p {
	margin-top: 1.5rem;
	line-height: 2;
	letter-spacing: 0.1em;
	width: 100%;
}

#brand .sec02 .inner a {
	font-size: inherit;
	line-height: 4.8;
	letter-spacing: 0.04em;
	padding-left: calc(0.9em + 3px);
}

#brand .sec02 .inner .cont_link > div + div {
	margin-left: 2.6rem;
}

#brand .sec02 .inner div.contSLink_b,
#brand .sec02 .inner div.contSLink {
	overflow: hidden;
	position: relative;
	display: inline-block;
}

#brand .sec02 .inner div.contSLink_b {
	margin-left: -0.7em;
}

#brand .sec02 .inner div.contSLink_b a {
	padding-left: 3.7rem;
}

#brand .sec02 .inner div.contSLink_b a:before {
	display: none;
}

#brand .sec02 .inner div.contSLink:after {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% + 0.9em);
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	transform-origin: left;
	transform: translateX(-101%);
	font-size: inherit;
}

#brand .sec02 .inner div.contSLink a:before {
	border-left-color: #fff;
	top: calc(50% - 0.36rem);
	left: 3px;
}

#brand .sec02 .inner div.contSLink a:after {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% + 0.9em);
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	transform-origin: left;
	transform: translateX(-101%);
	font-size: inherit;
}

#brand .sec02 .inner .cont_modal-ico {
	position: absolute;
	top: calc(50% - 0.7em);
	left: 1rem;
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	border: 1px solid #fff;
}

#brand .sec02 .inner .cont_modal-ico span, #brand .sec02 .inner .cont_modal-ico:after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.4);
	box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.6), 0px 0px 0.6em white, 0px 0px 0.3em white;
	opacity: 0;
}

#brand .sec02 .inner .cont_modal-ico:before {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% - (0.36rem / 2));
	left: 0;
	border: 0.36rem solid transparent;
	border-left: 0.48rem solid #fff;
	top: calc(50% - 0.32rem);
	left: calc(50% - 0.18rem);
}

#brand .sec02 .inner .cont_modal-ico span:after {
	display: none;
}

#brand .sec02 .sec02_cont01 {
	text-align: right;
}

#brand .sec02 .sec02_cont03 .inner {
	top: 32%;
}

#brand .sec02 .sec02_cont01-bg {
	background-image: url(../img/top/sec02_bg01_pc.jpg);
}

#brand .sec02 .sec02_cont02-bg {
	background-image: url(../img/top/sec02_bg02_pc.jpg);
}

#brand .sec02 .sec02_cont03-bg {
	background-image: url(../img/top/sec02_bg03_pc.jpg);
}

#brand .sec02 .slick-slide {
	line-height: 0;
}

#brand .sec02 .cursor,
#brand .sec02 .cursor-follower {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	border-radius: 50%;
	pointer-events: none;
	opacity: 0;
}

#brand .sec02 .cursor_inner,
#brand .sec02 .cursor-follower_inner {
	border-radius: 50%;
	pointer-events: none;
	transform: translate(-50%, -50%);
}

#brand .sec03 {
	background: #fff;
}

#brand .sec03 .sec_inner {
	display: flex;
	align-items: center;
	height: 100%;
}

#brand .sec03 .sec03_ttl {
	width: 35%;
	height: auto;
}

#brand .sec03 .sec03_ttl .sec03_ttl-inner {
	width: 84%;
	text-align: center;
	margin: 0 auto;
}

#brand .sec03 .sec03_block {
	width: 65%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
}

#brand .sec03 .sec_inner .sec03_block > div[class*="sec03_cont"] {
	position: relative;
	width: 100%;
}

#brand .sec03 .sec_inner .sec03_block > div[class*="sec03_cont"]:nth-of-type(2) {
	margin: 1.5vh 0;
}

#brand .sec03 .sec_inner .sec03_block > div[class*="sec03_cont"]:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

#brand .sec03 .sec_inner .sec03_block > div[class*="sec03_cont"]:before {
	z-index: 0;
	background: linear-gradient(30deg, rgba(10, 20, 30, 0.6) -10%, rgba(255, 255, 255, 0.3) 70%);
}

#brand .sec03 .sec_inner .sec03_block > div[class*="sec03_cont"] a {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
}

#brand .sec03 .sec_inner .sec03_block > div[class*="sec03_cont"] .inner {
	position: relative;
	top: 50%;
	transform: translateY(-45%);
	margin-left: 8.5%;
	z-index: 5;
}

#brand .sec03 h4 {
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8);
	width: 90%;
	line-height: 1.35;
	letter-spacing: 0.05em;
	position: relative;
	z-index: 2;
}

#brand .sec03 h4 span {
	display: block;
	color: #fff;
}

#brand .sec03 h4 + span {
	text-indent: 0.1em;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8);
	color: #fff;
	line-height: 2.4;
	letter-spacing: 0.05em;
	margin-top: 3vh;
}

#brand .sec03 h4 + span span:after {
	position: absolute;
	background: #fff;
}

#brand .sec03 h4 + span:before {
	border-left-color: #fff;
	filter: drop-shadow(0 0 2px black);
}

#brand .sec03 h4 + span:after {
	opacity: 0;
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% + 0.9em);
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	transform-origin: left;
	transform: translateX(-101%);
	font-size: inherit;
}

#brand .sec03 div[class*="-bg"] {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#brand .sec03 .sec03_cont01-bg {
	background-image: url(../img/top/sec03_img01.jpg);
}

#brand .sec03 .sec03_cont02-bg {
	background-image: url(../img/top/sec03_img02.jpg);
}

#brand .sec03 .sec03_cont03-bg {
	background-image: url(../img/top/sec03_img03.jpg);
}

#brand .sec04 {
	background: #fff;
}

#brand .sec04_bg {
	position: absolute;
	width: 100%;
	height: calc(100% - 54px);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(../img/top/sec04_img01_pc.jpg);
}

#brand .sec04 .sec_inner {
	position: relative;
	height: 100%;
}

#brand .sec04 .sec_inner .pagetop {
	position: absolute;
	width: 100%;
	bottom: 55px;
	left: 0;
	right: 0;
	z-index: 2;
}

#brand .sec04 .inner {
	top: 50%;
	transform: translateY(-45%);
	position: relative;
	z-index: 2;
	width: 90vw;
	max-width: 1000px;
	margin: 0 auto;
	color: #fff;
}

#brand .sec04 .inner h3 {
	color: inherit;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8);
}

#brand .sec04 .inner p {
	margin-top: 1rem;
	line-height: 2.1;
	color: inherit;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8);
}

#brand .sec04 .inner p + a {
	margin-bottom: 5rem;
	margin-top: 2rem;
	line-height: 3;
	color: inherit;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8);
}

#brand .sec04 .inner p + a:before {
	filter: drop-shadow(0 0 2px black);
	border-left-color: #fff;
}

#brand .sec04 .inner p + a:after {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% + 0.9em);
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	transform-origin: left;
	transform: translateX(-101%);
	font-size: inherit;
}

#brand .sec04 .inner p + a span:after {
	background: #fff;
}

#brand .sec04 footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
}

@keyframes cm_btn {
	0% {
		opacity: 1;
		transform: scale(1, 1);
	}
	100% {
		opacity: 0;
		transform: scale(1.3, 1.3);
	}
}

@keyframes cm_btnBreath {
	0% {
		opacity: 1;
		transform: scale(1, 1);
	}
	75% {
		opacity: 0.3;
		transform: scale(0.9, 0.9);
	}
	100% {
		opacity: 1;
		transform: scale(1, 1);
	}
}

@keyframes scrollAttention {
	0% {
		transform: translateY(0.01%) scale(1, 0);
	}
	40% {
		transform: translateY(0.01%) scale(1, 1);
	}
	80% {
		transform: translateY(100%) scale(1, 1);
	}
	100% {
		transform: translateY(100%) scale(1, 1);
	}
}

.cursor {
	mix-blend-mode: difference;
	z-index: 997;
	width: 16px;
	height: 16px !important;
}

.cursor_inner {
	width: 20px;
	height: 20px;
}

.cursor_inner:before, .cursor_inner:after {
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	display: block;
	width: 20px;
	height: 20px;
	opacity: 0;
}

.cursor_inner:before {
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	transform: rotate(-45deg) translate(100%, 100%);
}

.cursor_inner:after {
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: rotate(-45deg) translate(-100%, -100%);
}

/*
																							lower
----------------------------------------------------- */
.contents_inner {
	width: 1000px;
	max-width: 90vw;
	margin: 0 auto;
}

.contents .item_lists {
	margin-top: 6rem;
	display: flex;
	justify-content: space-between;
}

/*
																		Learn from Life
----------------------------------------------------- */
#life .pageTitle {
	margin-top: 11rem;
	text-align: center;
}

#life .pageTitle + p {
	margin-top: 1.5rem;
	line-height: 2;
}

#life .item_lists {
	margin-top: 2.5rem;
	display: flex;
	justify-content: space-between;
}

#life .item_lists img {
	width: 100%;
}

#life .item_lists .item_list {
	width: calc((100% - 4rem) / 3);
	position: relative;
	border: 1px solid #dedede;
}

#life .item_lists .item_list:nth-of-type(2) {
	margin: 0 2rem;
}

#life .item_lists .item_list a {
	display: block;
}

#life .item_lists .item_list .item_text {
	font-size: 1.4rem;
	position: relative;
	padding: 2rem 1.5rem;
	padding-bottom: calc(2.6em + 3rem);
}

#life .item_lists .item_list h3 {
	height: 7em;
	line-height: 1.3;
}

#life .item_lists .item_list h4 {
	line-height: 1;
}

#life .item_lists .item_list h4 + p {
	margin-top: 1.5rem;
	min-height: 6.1em;
}

#life .item_lists .item_list p {
	line-height: 1.5;
}

#life .item_lists .item_list .more {
	margin-top: 1rem;
	position: absolute;
	bottom: 1.5rem;
}

#life .item_lists .item_list .more:after {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% + 0.9em);
	left: 0;
	width: 100%;
	height: 1px;
	background: #474747;
	transform-origin: left;
	transform: translateX(-101%);
	font-size: inherit;
}

.life_article .keyvisual {
	position: relative;
	width: 100%;
	height: 41.7vw;
	background: no-repeat;
	background-size: 100% auto;
}

.life_article .contents_title {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 90vw;
	max-width: 1000px;
	margin: 0 auto;
}

.life_article .contents_title h1 {
	color: #fff;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	letter-spacing: 0.015em;
}

.life_article .contents_lead {
	width: 1000px;
	max-width: 90vw;
	text-align: right;
	margin: 3rem auto 12rem;
}

.life_article p {
	line-height: 1.6;
	margin-top: 2.5rem;
}

.life_article .MHeading + .clm2_block {
	margin-top: 3rem;
}

.life_article .clm2_block {
	display: flex;
	justify-content: space-between;
	margin-bottom: 13rem;
}

.life_article .clm2_block p:first-child {
	margin-top: -0.7em;
}

.life_article .clm2_block .MHeading {
	margin-top: -0.4em;
}

.life_article .clm2_block .MHeading + p {
	margin-top: 2.5rem;
}

.life_article .clm2_block > div:nth-of-type(2) {
	padding-left: 5rem;
}

.life_article .clm2_block--reverce {
	flex-direction: row-reverse;
}

.life_article .clm2_block--reverce > div:nth-of-type(2) {
	padding-right: 3.5rem;
	padding-left: 0;
}

.life_article .contents_inner + .contents_inner,
.life_article .cont_lastiImage {
	margin-top: 14rem;
}

.life_article .keyvisual + .contents_inner + .contents_inner {
	margin-top: 0;
}

.life_article .clm2_img img {
	max-width: 378px;
	width: 37.8vw;
}

.life_article .clm2_block + .MHeading {
	margin-top: 14rem;
}

.life_article div[class*="cont_image"] {
	margin-top: 5rem;
}

.life_article div[class*="cont_image"] img {
	position: relative;
	width: 100%;
}

.life_article div[class*="cont_image"] + .contText {
	margin-top: 4rem;
}

.life_article .cont_lastiImage img {
	width: 100%;
}

.life_article .link_block {
	margin-top: 15rem;
	margin-bottom: 4rem;
	display: flex;
	justify-content: space-between;
}

.life_article .link_block .link_item {
	position: relative;
	width: 48%;
	border: 1px solid #dedede;
}

.life_article .link_block .link_item a {
	position: relative;
	display: block;
	height: 100%;
	font-size: 1.4rem;
	padding-bottom: calc(3.5em + 1.5rem);
}

.life_article .link_block .link_item img {
	width: 100%;
}

.life_article .link_block .link_item .redText {
	display: block;
	margin: 0 3rem 1rem;
}

.life_article .link_block h3 {
	margin: 2rem 3rem 0.5rem;
}

.life_article .link_block h3 br {
	display: none;
}

.life_article .link_block .more {
	margin-left: 3rem;
	margin-right: 3rem;
	position: absolute;
	bottom: 1.5rem;
}

.life_article .link_block .more:after {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% + 0.9em);
	left: 0;
	width: 100%;
	height: 1px;
	background: #474747;
	transform-origin: left;
	transform: translateX(-101%);
	font-size: inherit;
}

.life_article .link_block + .more:after {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% + 0.9em);
	left: 0;
	width: 100%;
	height: 1px;
	background: #474747;
	transform-origin: left;
	transform: translateX(-101%);
	font-size: inherit;
}

#life01 .keyvisual {
	background-image: url(../img/listentolife/life01/keyvisual_pc.jpg);
}

#life02 .keyvisual {
	background-image: url(../img/listentolife/life02/keyvisual_pc.jpg);
}

#life02 .cont_image02 {
	width: 85.4%;
}

#life03 .keyvisual {
	background-image: url(../img/listentolife/life03/keyvisual_pc.jpg);
}

#life03 .cont_image02 {
	width: 95.6%;
	margin-left: 4.4%;
}

/*
																		Create New Value
----------------------------------------------------- */
#create .mainvisual {
	position: relative;
	height: calc(100vh - 50px);
}

#create .mainvisual .slick-list,
#create .mainvisual .slick-track {
	height: 100%;
}

#create .mainvisual .contents_slider {
	height: 100%;
}

#create .mainvisual .contents_slider div {
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#create .mainvisual .contents_slide01 {
	background-image: url(../img/createnewvalue/index_slide01_pc.jpg);
}

#create .mainvisual .contents_slide02 {
	background-image: url(../img/createnewvalue/index_slide02_pc.jpg);
}

#create .mainvisual .contents_slide03 {
	background-image: url(../img/createnewvalue/index_slide03_pc.jpg);
}

#create .mainvisual .contents_title {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 52vw;
	max-width: 490px;
	text-align: center;
	color: #fff;
	transform: translateY(-50%);
	margin: 0 auto;
}

#create .mainvisual .contents_title h1 {
	color: inherit;
	letter-spacing: 0.04em;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8);
}

#create .mainvisual .contents_title p {
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.8);
	margin-top: 0.8rem;
	padding-top: 0.8rem;
	color: inherit;
	border-top: 1px solid #fff;
	display: inline-block;
	letter-spacing: 0.08em;
	text-align: justify;
	text-align: center;
	line-height: 1.7;
}

#create .anchor_block {
	margin-bottom: 6rem;
}

#create .anchor_block ul {
	max-width: 630px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

#create .anchor_block ul a {
	position: relative;
	display: block;
	line-height: 5rem;
	padding-left: 1.5em;
	overflow: hidden;
}

#create .anchor_block ul a:before {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% - (0.3em / 2 - 0.12em));
	left: 0;
	border: 0.3em solid transparent;
	border-top: 0.4em solid #474747;
}

#create .anchor_block ul a:after {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% + 0.9em);
	left: 0;
	width: 100%;
	height: 1px;
	background: #474747;
	transform-origin: left;
	transform: translateX(-101%);
	font-size: inherit;
}

#create .keyvisual {
	height: 370px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#create section + section {
	margin-top: 11rem;
	margin-bottom: 9rem;
}

#create section[class*="contents_sec"] h2 {
	margin-top: 4.5rem;
}

#create section[class*="contents_sec"] p {
	margin-top: 1rem;
	line-height: 2;
}

#create section[class*="contents_sec"] p + p {
	margin-top: 3rem;
}

#create .contents_sec01 {
	margin-top: 9rem;
}

#create .contents_sec02 .keyvisual {
	background-image: url(../img/createnewvalue/index_img01_pc.jpg);
}

#create .contents_sec03 .keyvisual {
	background-image: url(../img/createnewvalue/index_img02_pc.jpg);
}

#create .dev_storys {
	padding: 3rem 0 4rem;
	background: #f7f7f7;
}

#create .dev_storys h3 {
	margin-top: 2.5rem;
}

#create .dev_storys .story_items {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem 0 0.5rem;
}

#create .dev_storys .story_items .story_item {
	position: relative;
	width: 48%;
	background: #fff;
}

#create .dev_storys .story_items .story_item a {
	display: block;
}

#create .dev_storys .story_items .story_item img {
	width: 100%;
}

#create .dev_storys .story_items .item_text {
	font-size: 1.4rem;
	padding: 1.6rem 2.5rem 4.6em;
}

#create .dev_storys .story_items h4 {
	padding-bottom: 1rem;
	border-bottom: 1px solid #a0a0a0;
}

#create .dev_storys .story_items p {
	margin-top: 1rem;
	line-height: 1.6;
}

#create .dev_storys .story_items .more {
	margin-top: 1.5rem;
	position: absolute;
	bottom: 1em;
}

#create .dev_storys .story_items .more:after {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% + 0.9em);
	left: 0;
	width: 100%;
	height: 1px;
	background: #474747;
	transform-origin: left;
	transform: translateX(-101%);
	font-size: inherit;
}

.create_article .keyvisual {
	position: relative;
	width: 100%;
	height: 41.7vw;
	background: no-repeat;
	background-size: 100% auto;
}

.create_article .contents_title {
	position: absolute;
	width: 49vw;
	max-width: 470px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	text-align: center;
}

.create_article .contents_title h1,
.create_article .contents_title p {
	margin: 0 auto;
}

.create_article .contents_title h1 {
	line-height: 1;
	font-size: 3rem;
	letter-spacing: 0;
}

.create_article .contents_title h1:after {
	content: " ";
	display: block;
	width: 88%;
	height: 1px;
	background: #474747;
	margin: 2rem auto;
}

.create_article .contents_title p {
	line-height: 1.2;
	width: 39.56vw;
	max-width: 380px;
}

.create_article .contents_title .MHeading_f {
	text-align: center;
	font-size: 2.4rem;
	letter-spacing: 0;
}

.create_article .contents_title-inner {
	padding: 3.6rem 0;
	background: #fff;
}

.create_article h2,
.create_article h2 + p {
	text-align: center;
}

.create_article h2 {
	margin-top: 5rem;
}

.create_article h2 + p {
	margin-top: 3rem;
}

.create_article .cont_image {
	margin-top: 3rem;
}

.create_article .cont_image img {
	width: 100%;
}

.create_article .cont_image + p {
	margin-top: 2.5rem;
}

.create_article .more:after {
	content: " ";
	display: block;
	position: absolute;
	top: calc(50% + 0.9em);
	left: 0;
	width: 100%;
	height: 1px;
	background: #474747;
	transform-origin: left;
	transform: translateX(-101%);
	font-size: inherit;
}

.create_article section {
	margin-top: 11rem;
}

.create_article section p {
	margin-top: 2.5rem;
}

.create_article section .more {
	margin: 1.5rem 0;
	line-height: 2;
}

.create_article section .more:before {
	top: calc(50% - 0.3rem);
}

.create_article .link_items {
	margin-top: 11rem;
}

.create_article .link_items .link_item {
	border: 1px solid #dedede;
}

.create_article .link_items h4 {
	line-height: 1.3;
}

.create_article .link_items img {
	width: 100%;
}

.create_article .link_items a {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.create_article .link_items a > div {
	position: relative;
	width: 50%;
}

.create_article .link_items a > div:nth-of-type(2) {
	padding: 0 4%;
}

.create_article .link_items a > div:nth-of-type(2) div {
	width: 84%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.create_article .link_items .contSText {
	margin-top: 3%;
	line-height: 1.8;
}

.create_article .link_items .more {
	margin-top: 5%;
}

.create_article .link_items + .anim_item .more {
	margin-top: 4rem;
}

.create_article .link_items + .anim_item .devref_link01 {
	margin-top: 0.5rem;
	margin-bottom: 2rem;
}

#ref_part01 .keyvisual {
	background-image: url(../img/createnewvalue/ref/part01/keyvisual_pc.jpg);
}

#ref_part02 .keyvisual {
	background-image: url(../img/createnewvalue/ref/part02/keyvisual_pc.jpg);
}

.contents_category p {
	margin-top: 0 !important;
	line-height: 60px !important;
	text-align: center;
	font-size: 2.4rem;
	letter-spacing: 0.02em;
}

/*
							one page scroll

---------------------------------------- */
.onepage body {
	height: 100%;
}

.onepage #wrap {
	height: 100%;
}

.onepage .scrollArea,
.onepage main > section {
	position: fixed !important;
	top: 0vh;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.onepage main > section:first-child {
	display: block;
	transform: translateY(0vh);
}

.onepage .scrollArea {
	-webkit-overflow-scrolling: touch;
	z-index: 10;
	min-height: 100vh;
	background: #fff;
}

.onepage .scrollArea.cur {
	overflow-y: scroll;
}

.onepage .scrollArea section {
	transform: translateY(0vh);
	position: relative !important;
}

.onepage .scrollArea section {
	height: auto;
}

.onepage .scrollArea section .sec_inner {
	position: relative;
	transform: none;
	height: auto;
	padding: 0;
}

.onepage .scrollArea .sec02 {
	height: 100%;
	overflow: hidden;
}

.onepage.noAnim main > section,
.onepage.noAnim .scrollArea {
	animation-duration: 0s !important;
}

.onepage.noAnim main > section,
.onepage.noAnim .scrollArea {
	visibility: hidden;
}

/*
							one page scroll #brand

---------------------------------------- */
@keyframes onepageUpShow {
	0% {
		top: 99.99vh;
		opacity: 0;
		transform: translateY(90vh);
	}
	1% {
		top: 0vh;
	}
	95% {
		opacity: 1;
	}
	100% {
		top: 0vh;
		opacity: 1;
		transform: translateY(0vh);
	}
}

@keyframes onepageDownHide {
	0% {
		top: 0vh;
		opacity: 1;
		transform: translateY(0vh);
	}
	95% {
		top: 0vh;
		opacity: 0;
	}
	99% {
		top: 0vh;
		opacity: 0;
	}
	100% {
		top: 99.99vh;
		opacity: 0;
		transform: translateY(90vh);
	}
}

@keyframes onepageDownShow {
	0% {
		top: -99.99vh;
		opacity: 0;
		transform: translateY(-90vh);
	}
	1% {
		top: 0vh;
	}
	90% {
		top: 0vh;
		opacity: 1;
	}
	100% {
		top: 0vh;
		opacity: 1;
		transform: translateY(0vh);
	}
}

@keyframes onepageUpHide {
	0% {
		top: 0vh;
		opacity: 1;
		transform: translateY(0vh);
	}
	95% {
		top: 0vh;
		opacity: 0;
	}
	99% {
		top: 0vh;
		opacity: 0;
	}
	100% {
		opacity: 0;
		transform: translateY(-90vh);
		top: -99.99vh;
	}
}

.onepage main > section {
	opacity: 0;
	transition: opacity 0.7s cubic-bezier(0.09, 0.64, 0.62, 0.99), transform 0.8s cubic-bezier(0.09, 0.64, 0.62, 0.99);
}

.onepage:not(.lower--show) #brand main .sec00 {
	opacity: 1;
}

.onepage:not(.lower--show) #brand main .sec01 {
	opacity: 0;
	transform: translate(0vh, 100vh);
}

.onepage:not(.lower--show) #brand main .sec01.show.cur {
	opacity: 1;
	transform: translate(0vh, 0vh);
}

.onepage.lower--show #brand main > section.show {
	opacity: 0;
	transform: translate(0vh, -100vh);
}

.onepage.lower--show #brand main > section.show.cur {
	opacity: 1;
	transform: translate(0vh, 0vh);
}

.onepage.ie11 main > section {
	transform: none !important;
	transition: opacity 0.7s cubic-bezier(0.09, 0.64, 0.62, 0.99), top 0.8s cubic-bezier(0.09, 0.64, 0.62, 0.99);
}

.onepage.ie11:not(.lower--show) #brand main .sec01 {
	opacity: 0;
	top: 100vh;
}

.onepage.ie11:not(.lower--show) #brand main .sec01.show.cur {
	opacity: 1;
	top: 0vh;
}

.onepage.ie11.lower--show #brand main > section.show {
	opacity: 0;
	top: -100vh;
}

.onepage.ie11.lower--show #brand main > section.show.cur {
	opacity: 1;
	top: 0vh;
}

/*
															animation

---------------------------------------- */
/*
	animation #brand
*/
@keyframes onepageContShow {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.onepage #brand main > section > .sec_inner {
	transition-property: opacity;
	transition-duration: 1.6s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
	opacity: 0;
}

.onepage #brand main > section.show > .sec_inner {
	opacity: 1;
	transition-delay: 0.8s;
}

.onepage #brand .sec02 .inner {
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1.6s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.onepage #brand .sec02 .inner h3,
.onepage #brand .sec02 .inner .contText,
.onepage #brand .sec02 .inner .cont_link,
.onepage #brand .sec02 .inner .contSLink_b,
.onepage #brand .sec02 .inner .contSLink {
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1.6s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.onepage #brand .sec02.show .inner {
	transition-delay: 1.8s;
	opacity: 1;
}

.onepage #brand .sec02.show .cont_link {
	transition-delay: 2.4s;
	opacity: 1;
}

.onepage #brand .sec02.show div[class*="-bg"] {
	animation-delay: 0.7s;
	animation-name: zoomfadeIn;
	animation-duration: 1.4s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
	animation-timing-function: cubic-bezier(0.13, 0.43, 0.47, 1);
}

.onepage #brand .sec02.show .slick-dots {
	animation-name: onepageContShow;
	animation-duration: 1.6s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
	animation-delay: 1.6s;
}

.onepage #brand .sec02.show .cursor,
.onepage #brand .sec02.show .cursor-follower {
	opacity: 1;
}

.onepage #brand .sec02 .slick-active .inner h3, .onepage #brand .sec02 .slick-active .inner .contText {
	transition-delay: 0.8s;
	opacity: 1;
}

.onepage #brand .sec02 .slick-active .inner .contSLink_b,
.onepage #brand .sec02 .slick-active .inner .contSLink {
	transition-delay: 1.4s;
	opacity: 1;
}

.onepage #brand .sec03_ttl {
	animation-delay: 0.8s;
}

.onepage #brand .sec03_ttl.show {
	animation-name: onepageContShow;
	animation-duration: 1.6s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
}

.onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"] {
	transition-property: opacity transform;
	transition-duration: 1.2s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
	transition-timing-function: cubic-bezier(0.05, 0.49, 0.49, 1);
	opacity: 0;
	transform: translateX(5%);
}

.onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"] a:after {
	transition-delay: 0.8s;
	opacity: 1;
}

.onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"] h4 span,
.onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"] h4 + span {
	opacity: 0;
	transform: translateY(3rem);
	transition-delay: 0s;
	transition-property: opacity transform;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"].show {
	opacity: 1;
}

.onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"].show h4 span,
.onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"].show h4 + span {
	opacity: 1;
	transform: translateY(0rem);
}

.onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"].show h4 span:nth-of-type(1) {
	transition-delay: 0.4s;
}

.onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"].show h4 span:nth-of-type(2) {
	transition-delay: 0.6s;
}

.onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"].show h4 span:nth-of-type(3) {
	transition-delay: 0.8s;
}

.onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"].show h4 + span {
	transition-delay: 1s;
}

.onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"].show h4 + span span:after {
	animation-name: underlineShow;
	animation-duration: 2s;
	animation-fill-mode: none;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
	animation-timing-function: cubic-bezier(0.04, 0.67, 0.6, 1);
	animation-delay: 1.4s;
}

.onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"].show a:after {
	transition-property: opacity transform;
	transition-duration: 1.4s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
	transition-delay: 0s;
	opacity: 0.3;
	transform: scale(1.01) translateY(102%) rotate(-1deg);
}

.onepage #brand .sec03.show .sec03_ttl {
	animation-delay: 0.8s;
	animation-name: onepageContShow;
	animation-duration: 1.6s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
}

.onepage #brand .sec03.show .sec03_block > div[class*="sec03_cont"] {
	opacity: 1;
}

.onepage #brand .sec03.show .sec03_block > div[class*="sec03_cont"] h4 span,
.onepage #brand .sec03.show .sec03_block > div[class*="sec03_cont"] h4 + span {
	opacity: 1;
	transform: translateY(0rem);
}

.onepage #brand .sec03.show .sec03_block > div[class*="sec03_cont"] h4 + span span:after {
	transform: translateX(102%);
	transition-property: transform;
	transition-duration: 2s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
	transition-timing-function: cubic-bezier(0.04, 0.67, 0.6, 1);
}

.onepage #brand .sec03.show .sec03_block > div[class*="sec03_cont"] a:after {
	transition-property: opacity transform;
	transition-duration: 1.4s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
	opacity: 0.3;
	transform: scale(1.01) translateY(102%) rotate(-1deg);
}

.onepage #brand .sec03.show .sec03_block .sec03_cont01 {
	transform: translateX(0%) !important;
	transition-delay: 1.2s;
}

.onepage #brand .sec03.show .sec03_block .sec03_cont01 h4 span {
	transition-delay: 1.4s;
}

.onepage #brand .sec03.show .sec03_block .sec03_cont01 h4 + span {
	transition-delay: 1.8s;
}

.onepage #brand .sec03.show .sec03_block .sec03_cont01 h4 + span span:after {
	transition-delay: 2s;
}

.onepage #brand .sec03.show .sec03_block .sec03_cont02 {
	transform: translateX(0%) !important;
	transition-delay: 1.6s;
}

.onepage #brand .sec03.show .sec03_block .sec03_cont02 h4 span {
	transition-delay: 1.8s;
}

.onepage #brand .sec03.show .sec03_block .sec03_cont02 h4 + span {
	transition-delay: 2.2s;
}

.onepage #brand .sec03.show .sec03_block .sec03_cont02 h4 + span span:after {
	transition-delay: 2.4s;
}

.onepage #brand .sec03.show .sec03_block .sec03_cont03 {
	transform: translateX(0%) !important;
	transition-delay: 2s;
}

.onepage #brand .sec03.show .sec03_block .sec03_cont03 h4 span {
	transition-delay: 2.2s;
}

.onepage #brand .sec03.show .sec03_block .sec03_cont03 h4 + span {
	transition-delay: 2.6s;
}

.onepage #brand .sec03.show .sec03_block .sec03_cont03 h4 + span span:after {
	transition-delay: 2.8s;
}

.onepage #brand .sec04 .inner,
.onepage #brand .sec04 a {
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1.6s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.onepage #brand .sec04.show .inner,
.onepage #brand .sec04.show a {
	opacity: 1;
}

.onepage #brand .sec04.show .sec04_bg {
	animation-delay: 0.7s;
	animation-name: zoomfadeIn;
	animation-duration: 1.4s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
	animation-timing-function: cubic-bezier(0.13, 0.43, 0.47, 1);
}

.onepage #brand .sec04.show .inner {
	transition-delay: 1.8s;
}

.onepage #brand .sec04.show a {
	transition-delay: 2.4s;
}

.onepage #brand .sec04.show a span:after {
	animation-name: underlineShow;
	animation-duration: 2s;
	animation-fill-mode: none;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
	animation-timing-function: cubic-bezier(0.04, 0.67, 0.6, 1);
	animation-delay: 2.4s;
}

.onepage.edge #brand .sec02.show .contSLink_b,
.onepage.edge #brand .sec02.show .contSLink {
	animation-delay: 0s;
}

.cursor {
	pointer-events: none;
}

.cursor * {
	pointer-events: none;
}

.cursor.prev .cursor_inner:before {
	opacity: 1;
	transform: rotate(-45deg) translate(10%, 10%);
	transition-property: opacity transform;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.cursor.next .cursor_inner:after {
	opacity: 1;
	transform: rotate(-45deg) translate(-10%, -10%);
	transition-property: opacity transform;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.sec02.cursor--hide a, .sec02.cursor--hide button {
	cursor: pointer !important;
}

.sec02.cursor--hide a *, .sec02.cursor--hide button * {
	cursor: pointer !important;
}

.cursor-follower {
	pointer-events: none;
	transition-duration: 0.5s;
	transition-timing-function: cubic-bezier(0.07, 0.5, 0.21, 1);
}

.cursor.cursor--hide,
.cursor-follower.cursor--hide {
	transition-property: opacity;
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
	opacity: 0 !important;
}

/*
	lower
*/
.contents_block .anchor_block,
.contents_block .contents_title-inner,
.contents_block .anim_item,
.contents_block .anim_block {
	opacity: 0;
}

.contents_block .anim_block--active {
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
}

.contents_block .anim_block--active .anim_item {
	animation-name: slideUp;
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
}

.contents_block .anim_block--active .anim_item:nth-of-type(1) {
	animation-delay: 0.25s;
}

.contents_block .anim_block--active .anim_item:nth-of-type(2) {
	animation-delay: 0.5s;
}

.contents_block .anim_block--active .anim_item:nth-of-type(3) {
	animation-delay: 0.75s;
}

.contents_block .anim_block--active .anim_item:nth-of-type(4) {
	animation-delay: 1s;
}

.contents_block .anim_block--active .anim_item:nth-of-type(5) {
	animation-delay: 1.25s;
}

.contents_block .anim_block--active .anim_item:nth-of-type(6) {
	animation-delay: 1.5s;
}

.contents_block .anim_block--active .anim_item:nth-of-type(7) {
	animation-delay: 1.75s;
}

.contents_block .anim_block--active .anim_item:nth-of-type(8) {
	animation-delay: 2s;
}

body[id*="part"] .contents_title-inner > * {
	opacity: 0;
}

.loaded[id*="life0"]:not(#life) .contents_title-inner,
.loaded#create .contents_title-inner {
	animation-delay: 0.6s;
	animation-name: slideUp;
	animation-duration: 1.4s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
}

.loaded[id*="part"] .contents_title-inner {
	animation-delay: 0.6s;
	animation-name: slideInFromL;
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
	animation-timing-function: cubic-bezier(0.07, 0.53, 0.3, 1);
}

.loaded[id*="part"] .contents_title-inner > * {
	animation-delay: 1.2s;
	animation-name: slideInFromR_s;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
}

.loaded .anchor_block {
	animation-delay: 1.8s;
	animation-name: fadeIn;
	animation-duration: 0.8s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
}

/*
															hover

---------------------------------------- */
@keyframes cm_btnHover {
	0% {
		opacity: 1;
		transform: scale(0);
	}
	95% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		transform: scale(1.5);
	}
}

.hover .gdpr_block .gdpr_btn-box .gdpr_btn {
	transition-property: opacity;
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.hover .gdpr_block .gdpr_btn-box:hover .gdpr_btn {
	opacity: 0.8;
}

.hover .gdpr_block a:hover {
	text-decoration: underline;
}

.hover .cursor,
.hover .cursor-follower {
	display: block !important;
}

.hover .pagetop_block {
	position: relative;
}

.hover .pagetop_block:before {
	position: absolute;
	top: 0;
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(224, 231, 228, 0.3);
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.hover .pagetop_block .pagetop_arrow {
	transition-property: transform;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.hover .pagetop_block:hover .pagetop_arrow {
	transform: translateY(-0.3rem);
}

.hover .pagetop_block:hover:before {
	opacity: 1;
}

.hover #brand .cm_btn div span:after {
	transition-property: opacity;
	transition-duration: 0.8s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.hover #brand .cm_btn:hover div span:after {
	opacity: 1;
}

.hover nav .language-menu a,
.hover nav .products-menu ul a {
	position: relative;
}

.hover nav .language-menu a:before,
.hover nav .products-menu ul a:before {
	content: " ";
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #333;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.hover nav .language-menu a:hover:before,
.hover nav .products-menu ul a:hover:before {
	opacity: 1;
}

.hover .contents_block .more:before,
.hover nav .about-menu span:before,
.hover nav .brand-menu span:before,
.hover nav .products-menu h3 span:before,
.hover #brand .sec02.show .slick-active .inner a:before,
.hover #brand .sec04 a:before {
	transition-property: transform;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
	transform: translateX(0%);
}

.hover .contents_block .more:after,
.hover nav .about-menu span:after,
.hover nav .brand-menu span:after,
.hover nav .products-menu h3 span:after,
.hover #brand .sec02.show .slick-active .inner a:after,
.hover #brand .sec04 a:after {
	animation-name: underlineHoverHide;
	animation-duration: 0.4s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
	animation-timing-function: cubic-bezier(0.04, 0.67, 0.6, 1);
}

.hover .contents_block .more:hover:before,
.hover nav .about-menu span:hover:before,
.hover nav .brand-menu span:hover:before,
.hover nav .products-menu h3 span:hover:before,
.hover #brand .sec02.show .slick-active .inner a:hover:before,
.hover #brand .sec04 a:hover:before {
	transform: translateX(20%);
}

.hover .contents_block .more:hover:after,
.hover nav .about-menu span:hover:after,
.hover nav .brand-menu span:hover:after,
.hover nav .products-menu h3 span:hover:after,
.hover #brand .sec02.show .slick-active .inner a:hover:after,
.hover #brand .sec04 a:hover:after {
	animation-delay: 0s;
	animation-name: underlineHoverShow;
}

.hover #brand .sec03 a .more:before {
	transition-property: transform;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
	transform: translateX(0%);
}

.hover #brand .sec03 a .more:after {
	transition-delay: 0.4s;
	animation-name: underlineHoverHide;
	animation-duration: 0.4s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
}

.hover #brand .sec03 a:hover .more:before {
	transform: translateX(20%);
}

.hover #brand .sec03 a:hover .more:after {
	transition-delay: 0s;
	opacity: 1;
	animation-delay: 0s;
	animation-timing-function: cubic-bezier(0.04, 0.67, 0.6, 1);
	animation-name: underlineHoverShow;
}

.hover #brand .sec03 div[class*="sec03_cont"] div[class*="-bg"] {
	opacity: 1;
	transition-property: opacity;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.hover #brand .sec03 div[class*="sec03_cont"]:hover div[class*="-bg"] {
	opacity: 0.7;
}

.hover .anchor_block a:before {
	transition-property: transform;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
	transform: translateY(0%);
}

.hover .anchor_block a:after {
	animation-name: underlineHoverHide;
	animation-duration: 0.4s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
	animation-timing-function: cubic-bezier(0.04, 0.67, 0.6, 1);
}

.hover .anchor_block a:hover:before {
	transform: translateY(15%);
}

.hover .anchor_block a:hover:after {
	animation-delay: 0s;
	animation-name: underlineHoverShow;
}

.hover .story_item,
.hover .link_item,
.hover .item_list {
	position: relative;
}

.hover .story_item a,
.hover .link_item a,
.hover .item_list a {
	opacity: 1;
	transition-property: opacity;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.hover .story_item:before,
.hover .link_item:before,
.hover .item_list:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(224, 231, 228, 0.5);
	z-index: 0;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.hover .story_item:hover a,
.hover .link_item:hover a,
.hover .item_list:hover a {
	opacity: 0.8 !important;
}

.hover .story_item:hover:before,
.hover .link_item:hover:before,
.hover .item_list:hover:before {
	opacity: 1;
}

.hover .story_item:hover .more:before,
.hover .link_item:hover .more:before,
.hover .item_list:hover .more:before {
	transform: translateX(20%);
}

.hover .story_item:hover .more:after,
.hover .link_item:hover .more:after,
.hover .item_list:hover .more:after {
	animation-delay: 0s;
	animation-name: underlineHoverShow;
}

.hover .story_item:before {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.14);
}

.hover #brand .contSLink_b a .cont_modal-ico:after {
	transition-property: opacity;
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

.hover #brand .contSLink_b a:hover .cont_modal-ico:after {
	opacity: 1;
}

nav .language-menu a {
	position: relative;
}

nav .language-menu a:before {
	content: " ";
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #333;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

html[lang="km"] nav .language-menu .kh,
html[lang="my"] nav .language-menu .mm,
html[lang="th"] nav .language-menu .th,
html[lang="vi"] nav .language-menu .vn,
html[lang="ar"] nav .language-menu .ar,
html[lang="el"] nav .language-menu .gr,
html[lang="pl"] nav .language-menu .pl,
html[lang="hu"] nav .language-menu .hu,
html[lang="ru"] nav .language-menu .ru,
html[lang="id"] nav .language-menu .ind,
html[lang="en"] nav .language-menu .eng {
	pointer-events: none;
}

html[lang="km"] nav .language-menu .kh:before,
html[lang="my"] nav .language-menu .mm:before,
html[lang="th"] nav .language-menu .th:before,
html[lang="vi"] nav .language-menu .vn:before,
html[lang="ar"] nav .language-menu .ar:before,
html[lang="el"] nav .language-menu .gr:before,
html[lang="pl"] nav .language-menu .pl:before,
html[lang="hu"] nav .language-menu .hu:before,
html[lang="ru"] nav .language-menu .ru:before,
html[lang="id"] nav .language-menu .ind:before,
html[lang="en"] nav .language-menu .eng:before {
	opacity: 1;
}

/*
	modal window
*/
.overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	display: none;
}

.overlay .youtube {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.overlay .close {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: -45px;
	cursor: pointer;
}

.overlay .video_close {
	right: 26px;
	top: 26px;
	cursor: pointer;
	max-width: 4em;
	max-height: 4em;
	width: 8vw;
	height: 8vw;
	position: absolute;
}

.video_close:before {
	position: absolute;
	content: " ";
	display: block;
	transform: rotate(45deg);
	background: #fff;
	left: 46%;
	height: 100%;
	width: 0.2em;
	transform-origin: center;
}

.video_close:after {
	position: absolute;
	content: " ";
	display: block;
	transform: rotate(-45deg);
	background: #fff;
	left: 46%;
	height: 100%;
	width: 0.2em;
	transform-origin: center;
}

/*
													direction = rtl

---------------------------------------- */
html[dir="rtl"] .caption {
	padding-left: 0;
	padding-right: 1em;
}

html[dir="rtl"] .caption span {
	left: auto;
	right: 0;
}

html[dir="rtl"] main .more {
	padding-left: 0;
	padding-right: 0.9em;
}

html[dir="rtl"] main .more:before {
	left: auto !important;
	right: 0 !important;
	border: 0.36rem solid transparent !important;
	border-right: 0.48rem solid #474747 !important;
}

html[dir="rtl"] .closeSite {
	left: 0;
	right: auto;
}

html[dir="rtl"] .logo-wrapper p {
	padding: 9px 14px 0 0;
}

html[dir="rtl"] .gdpr_block {
	direction: ltr;
}

html[dir="rtl"] .pagetop {
	text-align: left;
}

html[dir="rtl"] .footer p {
	text-align: left;
	padding-right: 0;
	padding-left: 10px;
	direction: ltr;
}

html[dir="rtl"] .cursor .cursor_inner:before, html[dir="rtl"] .cursor .cursor_inner:after {
	opacity: 0;
}

html[dir="rtl"] .cursor .cursor_inner:before {
	transform: rotate(135deg) translate(10%, 10%);
}

html[dir="rtl"] .cursor .cursor_inner:after {
	transform: rotate(135deg) translate(-10%, -10%);
}

html[dir="rtl"] .cursor.prev .cursor_inner:before {
	opacity: 1;
	transform: rotate(135deg) translate(-10%, -10%);
	transition-property: opacity transform;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

html[dir="rtl"] .cursor.next .cursor_inner:after {
	opacity: 1;
	transform: rotate(135deg) translate(10%, 10%);
	transition-property: opacity transform;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.21, 0.63, 0.43, 1);
}

html[dir="rtl"] nav {
	transform: translateX(-100%);
}

html[dir="rtl"] nav .language-menu ul li,
html[dir="rtl"] nav .products-menu ul li {
	border-right: none;
	border-left: 1px solid #333;
}

html[dir="rtl"] nav .language-menu ul li:nth-of-type(3n-2),
html[dir="rtl"] nav .products-menu ul li:nth-of-type(3n-2) {
	border-right: 1px solid #333;
}

html[dir="rtl"] nav .about-menu a span,
html[dir="rtl"] nav .brand-menu a span,
html[dir="rtl"] nav .products-menu h3 a span {
	padding-left: 0;
	padding-right: 0.7em;
}

html[dir="rtl"] nav .about-menu a span:before,
html[dir="rtl"] nav .brand-menu a span:before,
html[dir="rtl"] nav .products-menu h3 a span:before {
	left: auto;
	right: 0;
	border: 0.36rem dashed transparent;
	border-right: 0.48rem solid #fff;
}

html[dir="rtl"] .nav_btn {
	right: auto;
	left: 5em;
}

html[dir="rtl"] .nav_btn--copy {
	transform: translateX(-9rem);
}

html[dir="rtl"] #brand .sec02 .inner a {
	padding-right: calc(0.9em + 3px);
	padding-left: 0;
}

html[dir="rtl"] #brand .sec02 .inner .cont_link > div + div {
	margin-left: 0;
	margin-right: 2.6rem;
}

html[dir="rtl"] #brand .sec02 .inner div.contSLink a:before {
	border-right-color: #fff !important;
}

html[dir="rtl"] #brand .sec02 .inner .contSLink_b {
	margin-left: 0;
	margin-right: -0.7em;
}

html[dir="rtl"] #brand .sec02 .inner div.contSLink_b a {
	padding-right: 3.7rem;
}

html[dir="rtl"] #brand .sec02 .inner div.contSLink_b a:before {
	border-right-color: #fff !important;
	left: auto;
	right: 3px;
}

html[dir="rtl"] #brand .sec02 .inner .cont_modal-ico {
	left: auto;
	right: 1rem;
}

html[dir="rtl"] #brand .sec02 .sec02_cont02 .inner,
html[dir="rtl"] #brand .sec02 .sec02_cont03 .inner {
	text-align: left;
}

html[dir="rtl"] #brand .sec02 .sec02_cont01 div.contSLink a:before,
html[dir="rtl"] #brand .sec02 .sec02_cont03 div.contSLink a:before {
	border-right-color: #fff;
}

html[dir="rtl"] #brand .sec03 .sec_inner .sec03_block > div[class*="sec03_cont"] .inner {
	margin-left: 0;
	margin-right: 8.5%;
}

html[dir="rtl"] #brand .sec03 .more:before {
	border-right-color: #fff !important;
}

html[dir="rtl"] #brand .sec03 h4 + span {
	padding-left: 0;
	padding-right: 0.9rem;
}

html[dir="rtl"] #brand .sec03 h4 + span span:after {
	transform: translateX(102%);
}

html[dir="rtl"] #brand .sec03.show .sec03_block > div[class*="sec03_cont"] h4 + span span:after {
	transform: translateX(-101%);
}

html[dir="rtl"] #brand .sec04 .inner p + a:before {
	border-right-color: #fff !important;
}

html[dir="rtl"] .life_article .contents_title h1 {
	text-align: center;
}

html[dir="rtl"] .life_article .clm2_block > div:nth-of-type(2) {
	padding-left: 0;
	padding-right: 5rem;
}

html[dir="rtl"] .life_article .clm2_block--reverce > div:nth-of-type(2) {
	padding-right: 0;
	padding-left: 3.5rem;
}

html[dir="rtl"] .create_article .contents_title {
	left: 0;
}

html[dir="rtl"].onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"] {
	transform: translateX(-5%);
}

html[dir="rtl"].onepage #brand .sec04.show a span:after {
	animation-name: underlineShow_ar;
}

html[dir="rtl"].navOpen .brand-menu li {
	animation-name: slideIn_ar;
}

html[dir="rtl"].hover .contents_block .more:before,
html[dir="rtl"].hover nav .about-menu span:before,
html[dir="rtl"].hover nav .brand-menu span:before,
html[dir="rtl"].hover nav .products-menu h3 span:before,
html[dir="rtl"].hover #brand .sec02.show .slick-active .inner a:before,
html[dir="rtl"].hover #brand .sec04 a:before {
	transform: translateX(0%);
}

html[dir="rtl"].hover .contents_block .more:after,
html[dir="rtl"].hover nav .about-menu span:after,
html[dir="rtl"].hover nav .brand-menu span:after,
html[dir="rtl"].hover nav .products-menu h3 span:after,
html[dir="rtl"].hover #brand .sec02.show .slick-active .inner a:after,
html[dir="rtl"].hover #brand .sec04 a:after {
	animation-name: underlineHoverHide_ar;
}

html[dir="rtl"].hover .contents_block .more:hover:before,
html[dir="rtl"].hover nav .about-menu span:hover:before,
html[dir="rtl"].hover nav .brand-menu span:hover:before,
html[dir="rtl"].hover nav .products-menu h3 span:hover:before,
html[dir="rtl"].hover #brand .sec02.show .slick-active .inner a:hover:before,
html[dir="rtl"].hover #brand .sec04 a:hover:before {
	transform: translateX(-20%);
}

html[dir="rtl"].hover .contents_block .more:hover:after,
html[dir="rtl"].hover nav .about-menu span:hover:after,
html[dir="rtl"].hover nav .brand-menu span:hover:after,
html[dir="rtl"].hover nav .products-menu h3 span:hover:after,
html[dir="rtl"].hover #brand .sec02.show .slick-active .inner a:hover:after,
html[dir="rtl"].hover #brand .sec04 a:hover:after {
	animation-name: underlineHoverShow_ar;
}

html[dir="rtl"].hover #brand .sec03 a .more:before {
	transform: translateX(0%);
}

html[dir="rtl"].hover #brand .sec03 a .more:after {
	animation-name: underlineHoverHide_ar;
}

html[dir="rtl"].hover #brand .sec03 a:hover .more:before {
	transform: translateX(-4%);
}

html[dir="rtl"].hover #brand .sec03 a:hover .more:after {
	animation-name: underlineHoverShow_ar;
}

html[dir="rtl"].hover .story_item:hover .more:after,
html[dir="rtl"].hover .link_item:hover .more:after,
html[dir="rtl"].hover .item_list:hover .more:after {
	animation-name: underlineHoverShow_ar;
}

html[lang="ru"] .create_article h2,
html[lang="pl"] .create_article h2,
html[lang="my"] .create_article h2,
html[lang="km"] .create_article h2,
html[lang="id"] .create_article h2,
html[lang="hu"] .create_article h2,
html[lang="el"] .create_article h2,
html[lang="en"] .create_article h2 {
	margin-left: -5vw;
	margin-right: -5vw;
}

html[lang="id"] #life .item_lists .item_list h3 br {
	display: none;
}

html[lang="id"] #life .item_lists .item_list h3 {
	height: 7em;
}

html[lang="km"] #brand h1 span span {
	margin-top: 1em;
}

html[lang="km"] #life .item_lists .item_list h3 br {
	display: none;
}

html[lang="my"] .SHeading {
	line-height: 1.6;
}

html[lang="my"] .MSHeading_f {
	line-height: 1.6;
}

html[lang="my"] #brand h1 span span {
	margin-top: 1em;
}

html[lang="my"] #brand .sec03 h4 {
	line-height: 1.6;
}

html[lang="my"] #life .item_lists .item_list h3 {
	height: 10em;
	line-height: 1.6;
}

html[lang="my"] .life_article .contents_title h1 {
	line-height: 1.7;
}

html[lang="my"] #life .item_lists .item_list h3 br {
	display: none;
}

html[lang="vi"] #life .item_lists .item_list h3 br {
	display: none;
}

html[lang="vi"] .create_article .contents_title h1 {
	font-size: 2.7rem;
}

html[lang="vi"] .create_article .contents_title .MHeading_f {
	font-size: 2.2rem;
}

html[lang="vi"] .create_article .contents_title p {
	width: 37.5vw;
	max-width: 360px;
}

html[lang="vi"] .create_article h2 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

html[lang="km"].edge #create .mainvisual .contents_title p, html[lang="km"].ie11 #create .mainvisual .contents_title p, html[lang="km"].winff #create .mainvisual .contents_title p {
	width: 100%;
}

html[lang="km"].edge #create .mainvisual .contents_title p,
html[lang="km"].edge #life .item_lists .item_list h3,
html[lang="km"].edge #life .item_lists .item_list h4 + p, html[lang="km"].ie11 #create .mainvisual .contents_title p,
html[lang="km"].ie11 #life .item_lists .item_list h3,
html[lang="km"].ie11 #life .item_lists .item_list h4 + p, html[lang="km"].winff #create .mainvisual .contents_title p,
html[lang="km"].winff #life .item_lists .item_list h3,
html[lang="km"].winff #life .item_lists .item_list h4 + p {
	word-wrap: break-word;
}

html[lang="el"] #life .item_lists .item_list h3 {
	height: 8em;
}

html[lang="el"] #brand .slogan .sec_inner {
	max-width: none;
	width: 100%;
}

html[lang="hu"] #brand .slogan .sec_inner {
	max-width: none;
	width: 100%;
}

html[lang="hu"] #life .item_lists .item_list h3 {
	height: 9em;
}

html[lang="ru"] .closeSite {
	padding: 18px 0;
	font-size: 11px;
}

.uc #create .mainvisual .contents_title {
	text-align-last: center !important;
}

@media screen and (max-width: 1070px) {
	.nav_btn {
		top: 5vw;
		right: 5vw;
	}
	html[dir="rtl"] .nav_btn {
		left: 5vw;
	}
	body[id*="part"] .nav_btn:not(.nav_btn--copy),
	body[id*="life0"] .nav_btn:not(.nav_btn--copy) {
		-webkit-transform: translate(0px, calc(108px - 5vw - 50%));
		transform: translate(0px, calc(108px - 5vw - 50%));
	}
	.desktop body[id*="part"] .nav_btn:not(.nav_btn--copy),
	.tablet body[id*="part"] .nav_btn:not(.nav_btn--copy),
	.desktop body[id*="life0"] .nav_btn:not(.nav_btn--copy),
	.tablet body[id*="life0"] .nav_btn:not(.nav_btn--copy) {
		-webkit-transform: translate(0px, calc(88px - 5vw - 50%));
		transform: translate(0px, calc(88px - 5vw - 50%));
	}
}

@media screen and (max-width: 980px) {
	html[lang="hu"] #life .item_lists .item_list h3 {
		height: 11em;
	}
}

@media screen and (max-width: 960px) {
	html {
		font-size: calc(100vw / 96);
	}
}

.sp {
	display: none;
}

@media screen and (max-width: 750px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	html {
		font-size: calc(100vw / 37.5);
	}
	.tablet {
		font-size: calc(100vw / 60);
	}
	.pageTitle {
		font-size: 2.8rem;
	}
	.LHeading {
		font-size: 2.5rem;
	}
	.MHeading_f,
	.MHeading {
		font-size: 2.2rem;
		line-height: 1.2;
	}
	.MSHeading_f,
	.MSHeading {
		font-size: 2rem;
		line-height: 1.2;
	}
	.SHeading_f,
	.SHeading {
		font-size: 1.8rem;
		line-height: 1.25;
	}
	.XSHeading,
	.contText {
		font-size: 1.6rem;
	}
	.contSLink_b,
	.contSLink {
		font-size: 1.35rem;
	}
	.caption {
		font-size: 1.2rem;
	}
	.footer .footer-copy {
		padding-top: 2px;
	}
	.footer p {
		line-height: 1.4;
		text-align: right;
		font-weight: normal;
		padding-right: 5.4vw;
	}
	nav {
		padding: 12em 0 10em;
		-webkit-overflow-scrolling: touch;
	}
	nav .nav_inner {
		position: static;
		transform: none;
		padding: 0;
	}
	nav .about-menu a span,
	nav .brand-menu a span {
		line-height: 1.5;
		font-size: 2.2rem;
	}
	nav .language-menu ul li,
	nav .products-menu ul li {
		width: 50%;
	}
	nav .language-menu ul li:nth-of-type(3n-2),
	nav .products-menu ul li:nth-of-type(3n-2) {
		border-left: none;
	}
	nav .language-menu ul li:nth-of-type(odd),
	nav .products-menu ul li:nth-of-type(odd) {
		border-left: 1px solid #333;
	}
	nav .language-menu span,
	nav .products-menu span {
		font-size: 1.4rem;
		width: auto;
	}
	nav .about-menu a span,
	nav .products-menu h3 a span {
		font-size: 1.7rem;
	}
	nav .products-menu h3 a {
		padding: 3em 0 0.6em;
	}
	nav .language-menu h3 {
		font-size: 1.6rem;
	}
	nav .language-menu ul {
		flex-wrap: wrap;
	}
	nav .language-menu ul li {
		width: 50%;
	}
	.nav_btn {
		top: 2em;
		right: 2em;
		width: 2.5em;
		height: 2.1em;
	}
	.nav_btn span {
		height: 3px;
	}
	body[id*="part"] .nav_btn:not(.nav_btn--copy),
	body[id*="life0"] .nav_btn:not(.nav_btn--copy) {
		-webkit-transform: translate(0px, calc(88px - 2em - 50%));
		transform: translate(0px, calc(88px - 2em - 50%));
	}
	.gdpr_block {
		padding: 2rem 0 2.4rem;
	}
	.gdpr_block br {
		display: none !important;
	}
	.gdpr_block .gdpr_block-inner {
		width: 93vw;
	}
	.gdpr_block .gdpr_txt .contSText {
		font-size: 1.1rem;
	}
	.gdpr_block .gdpr_txt .contSText + .contSText {
		margin-top: 0.8rem;
	}
	.gdpr_block .gdpr_btn-box .gdpr_btn {
		padding: 0.1rem 1rem;
	}
	.gdpr_block .gdpr_btn-box .gdpr_btn span {
		font-size: 1.1rem;
	}
	/*
																					brand top
	----------------------------------------------------- */
	#brand h1 span {
		font-size: 3.8rem;
	}
	#brand h1 span span {
		margin-top: 0.4em;
		font-size: 0.76em;
	}
	#brand .cm_btn {
		bottom: 15vh;
	}
	#brand .cm_btn div {
		max-width: 6.5em;
		max-height: 6.5em;
		width: 11vh;
		height: 11vh;
	}
	#brand .cm_btn div:before {
		border: 1.9vh solid transparent;
		border-left: 2.4vh solid #fff;
		border-right: none;
	}
	#brand .slogan .sec_inner {
		width: 88vw;
	}
	#brand .slogan p,
	#brand .slogan span {
		font-size: 1.8rem;
		line-height: 1.8;
	}
	#brand .sec02 div[class*="sec02_cont"],
	#brand .sec02 div[class*="-bg"] {
		height: 100%;
	}
	#brand .sec02 .slick-slide {
		width: 100vw;
	}
	#brand .sec02 .inner {
		top: 50%;
	}
	#brand .sec02 .inner p {
		width: 100%;
		padding-top: 0;
		line-height: 1.6;
	}
	#brand .sec02 .inner a:before {
		top: calc(50% - 0.1rem);
		border-width: 0.4rem;
		border-left-width: 0.6rem;
	}
	#brand .sec02 .inner .cont_modal-ico:before {
		top: calc(50% - 0.34rem);
		left: calc(50% - 0.12rem);
	}
	#brand .sec02 .sec02_cont01 {
		text-align: left;
	}
	#brand .sec02 .sec02_cont01 .inner {
		top: 65%;
	}
	#brand .sec02 .sec02_cont01 .inner p {
		padding-top: 0;
	}
	#brand .sec02 .sec02_cont01 h3, #brand .sec02 .sec02_cont01 p, #brand .sec02 .sec02_cont01 a {
		color: #fff;
	}
	#brand .sec02 .sec02_cont01 div.contSLink a:before {
		border-left-color: #000;
	}
	#brand .sec02 .sec02_cont01 h3, #brand .sec02 .sec02_cont01 p, #brand .sec02 .sec02_cont01 a,
	#brand .sec02 .sec02_cont03 h3,
	#brand .sec02 .sec02_cont03 p,
	#brand .sec02 .sec02_cont03 a {
		color: #fff;
	}
	#brand .sec02 .sec02_cont01 div.contSLink a:before,
	#brand .sec02 .sec02_cont03 div.contSLink a:before {
		border-left-color: #fff;
	}
	#brand .sec03 .sec03_ttl {
		padding-bottom: 0;
	}
	#brand .sec03 .sec03_ttl p {
		padding-bottom: 1.5rem;
		line-height: 1.4;
	}
	#brand .sec03 h4 {
		position: relative;
		top: 50%;
		left: 2rem;
		transform: translateY(-50%);
		font-size: 1.5rem;
	}
	#brand .sec03 h4 span {
		line-height: 1.25;
	}
	#brand .sec03 h4 + span {
		margin-top: 0;
		line-height: 2.4rem;
		padding: 0.25rem 0;
		padding-left: 1.2rem;
		position: absolute !important;
		top: auto;
		right: 0.8rem;
		bottom: 0.3rem !important;
	}
	#brand .sec03 h4 + span span {
		top: calc(50% + 0.7em);
	}
	#brand .sec03 h4 + span span:after {
		position: relative;
		transform: translateX(calc(-100% - 1.2rem));
	}
	#brand .sec03 h4 + span:after {
		display: none;
	}
	#brand .sec03 h4 + span:before {
		content: " ";
		display: block;
		position: absolute;
		top: calc(50% - (0.34rem / 2));
		left: 0.1rem;
		border: 0.34rem solid transparent;
		border-left: 0.5rem solid #fff;
	}
	#brand .sec03 .sec_inner .sec03_block > div[class*="sec03_cont"] a:before {
		opacity: 0;
	}
	#brand .sec03 .sec_inner .sec03_block > div[class*="sec03_cont"] .inner {
		position: static;
		transform: none;
		margin: 0;
		padding: 0;
		height: 100%;
	}
	#brand .sec04_bg {
		height: calc(100% - 20px);
		max-height: none;
	}
	#brand .sec04 .sec_inner .inner {
		position: absolute;
		top: 52%;
		left: 0;
		right: 0;
		height: auto;
		transform: translateY(-50%);
	}
	#brand .sec04 .sec_inner p {
		line-height: 1.6;
	}
	#brand .sec04 .sec_inner p + a {
		margin-top: 3rem;
	}
	#brand .sec04 .sec_inner h3 {
		padding-top: 0;
	}
	.onepage .footer {
		position: absolute;
	}
	.onepage .pagetop {
		position: absolute;
		right: 1.9rem;
		bottom: calc(2.5rem + 21px);
		padding-bottom: 0;
	}
	/*
																								lower
	----------------------------------------------------- */
	.contents_inner {
		max-width: 100%;
		padding: 0 2rem;
	}
	main + .pagetop {
		max-width: 100%;
		padding: 0 2rem;
		margin: 4rem auto 2.5rem;
	}
	/*
																			Learn from Life
	----------------------------------------------------- */
	#life .pageTitle {
		margin-top: 3.5rem;
		text-align: left;
	}
	#life .pageTitle + p {
		line-height: 1.6;
	}
	#life .item_lists .item_list h4 + p {
		min-height: auto;
	}
	.life_article .contents_title h1 {
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	}
	.life_article .contents_lead {
		width: 100%;
		margin: 2.5rem auto 6rem;
	}
	.life_article .clm2_block + .MHeading {
		margin-top: 6rem;
	}
	.life_article .contents_inner + .contents_inner,
	.life_article .cont_lastiImage {
		margin-top: 6.5rem;
	}
	.life_article .keyvisual + .contents_inner + .contents_inner {
		margin-top: 0;
	}
	.life_article div[class*="cont_image"] {
		width: 100% !important;
		margin-left: 0 !important;
		margin-top: 2.5rem;
		padding-left: 0 !important;
	}
	.life_article div[class*="cont_image"] + .contText {
		margin-top: 2rem;
	}
	.life_article p {
		margin-top: 1rem;
		line-height: 1.4;
	}
	.life_article p + p {
		margin-top: 1.2rem;
	}
	.life_article .link_block + .more {
		line-height: 1.6;
	}
	#life01 .cont_image02,
	#life01 .cont_image03 {
		padding-top: 0;
	}
	#life02 .cont_image02,
	#life02 .cont_image03 {
		padding-top: 0;
	}
	#life03 .cont_image02,
	#life03 .cont_image03 {
		padding-top: 0;
	}
	/*
																			Create New Value
	----------------------------------------------------- */
	#create {
		height: 100%;
	}
	#create .mainvisual {
		height: calc(87vh - 50px);
	}
	#create section[class*="contents_sec"] h2 {
		margin-top: 2rem;
	}
	#create section[class*="contents_sec"] p {
		margin-top: 0.5rem;
		line-height: 1.8;
	}
	#create section[class*="contents_sec"] p + p {
		margin-top: 1.5rem;
	}
	#create section + section {
		margin-top: 5rem;
		margin-bottom: 5rem;
	}
	#create .mainvisual .contents_title p {
		font-size: 1.5rem;
	}
	#create .mainvisual .contents_title p br {
		display: none;
	}
	.create_article .contents_title h1,
	.create_article .contents_title .MHeading_f {
		max-width: none;
		letter-spacing: -0.01em;
	}
	.create_article .contents_title h1 {
		padding: 0;
		font-size: 2.4rem;
	}
	.create_article .contents_title .MHeading_f {
		font-size: 2rem;
	}
	.create_article .contents_title .MHeading_f:before {
		margin: 1rem 0;
	}
	.create_article p {
		line-height: 1.6;
	}
	.create_article h2 {
		margin-top: 4rem;
	}
	.create_article h2 + p {
		margin-top: 1rem;
	}
	.create_article .cont_image {
		margin-top: 2rem;
	}
	.create_article .cont_image + p {
		margin-top: 1.5rem;
	}
	.create_article section {
		margin-top: 4.5rem;
	}
	.create_article section p {
		margin-top: 1rem;
	}
	.create_article section .more {
		margin: 0.6rem 0 0;
	}
	.create_article .link_items {
		margin-top: 5.5rem;
	}
	.create_article .link_items .XSHeading {
		margin-top: 0.3rem;
	}
	.create_article .link_items .contSText {
		line-height: 1.6;
	}
	.create_article .link_items .contSText br {
		display: none;
	}
	.create_article .link_items a > div:nth-of-type(2) div {
		position: static;
		transform: none;
		width: auto;
	}
	.create_article .link_items + .more {
		line-height: 1.6;
	}
	.contents_category p {
		font-size: 2rem;
	}
	/*
								one page scroll

	---------------------------------------- */
	.onepage .scrollArea .sec02 .inner {
		height: 100%;
	}
	.onepage .scrollAreaInner {
		height: auto;
	}
	.loaded#create .anchor_inner {
		animation-delay: 1.4s;
		animation-name: slideIn;
		animation-duration: 1.4s;
		animation-fill-mode: both;
		animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
	}
	/*
																onepage

	---------------------------------------- */
	.onepage {
		width: 100%;
		height: 100%;
	}
	.onepage:not(.page--top) {
		overflow: hidden;
	}
	.onepage:not(.page--top) .wrap,
	.onepage:not(.page--top) main,
	.onepage:not(.page--top) body {
		overflow: hidden;
	}
	.onepage main > section {
		overflow: hidden;
		position: absolute;
	}
	.onepage .wrap,
	.onepage main,
	.onepage body {
		width: 100%;
		height: 100%;
	}
	.onepage #brand .mainvisualbg * {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	/*
		modal window
	*/
	.overlay .close {
		width: 20px;
		height: 20px;
		top: -30px;
	}
	.overlay .video_close {
		top: 2vw;
		right: 1.5vw;
	}
	.video_close:before {
		max-width: 0.4em;
		max-height: 4em;
	}
	.video_close:after {
		max-width: 0.4em;
		max-height: 4em;
	}
	html[dir="rtl"] nav .language-menu ul li:nth-of-type(3n-2),
	html[dir="rtl"] nav .products-menu ul li:nth-of-type(3n-2) {
		border-right: none;
	}
	html[dir="rtl"] nav .language-menu ul li:nth-of-type(2n-1),
	html[dir="rtl"] nav .products-menu ul li:nth-of-type(2n-1) {
		border-right: 1px solid #333;
	}
	html[dir="rtl"] .nav_btn {
		right: auto;
		left: 1.5em;
	}
	html[dir="rtl"].onepage #brand .sec03 .sec03_block > div[class*="sec03_cont"] {
		transform: translateX(0%);
	}
	html[dir="rtl"] .life_article .contents_title h1 {
		text-align: right;
	}
	html[dir="rtl"] .life_article .clm2_block > div:nth-of-type(2) {
		padding-left: 0;
		padding-right: 0;
	}
	html[lang="id"] #brand h1 span span {
		margin-top: 0.6em;
		font-size: 2.2rem;
	}
	html[lang="id"] nav .language-menu ul span, html[lang="id"] nav .products-menu ul span {
		white-space: nowrap;
		font-size: 1.4rem;
	}
	html[lang="my"] #brand h1 span span {
		margin-top: 1.2em;
		font-size: 2.4rem;
	}
	html[lang="my"] #brand .sec02 .inner p {
		line-height: 1.7;
	}
	html[lang="my"] #brand .sec03 h4 {
		font-size: 1.4rem;
	}
	html[lang="my"] #brand .sec03 h4 span {
		line-height: 1.6;
	}
	html[lang="my"] #brand .sec04 .sec_inner p {
		line-height: 1.7;
	}
	html[lang="vi"] #brand h1 span {
		font-size: 2.8rem;
	}
	html[lang="vi"] #brand h1 span span {
		margin-top: 0.8em;
		font-size: 0.83em;
	}
	html[lang="vi"] .create_article .contents_title h1 {
		font-size: 2.13rem;
	}
	html[lang="vi"] .create_article .contents_title .MHeading_f {
		font-size: 2rem;
	}
	html[lang="el"] #brand .sec03 .sec03_cont02 h4 br {
		display: none;
	}
	html[lang="pl"] #brand .sec03 .sec03_cont02 h4 br {
		display: none;
	}
	html[lang="pl"] #life02 .life_article .contents_title h1 br {
		display: none;
	}
}

@media screen and (max-width: 750px) and (orientation: Portrait) {
	html {
		height: 100%;
	}
	nav .about-menu ul,
	nav .brand-menu ul {
		display: block;
	}
	nav .about-menu ul li + li,
	nav .brand-menu ul li + li {
		margin-top: 2.4em;
	}
	nav .language-menu span,
	nav .products-menu span {
		font-size: 1.3rem;
	}
	#brand h1 {
		top: 45%;
	}
	#brand h1 span {
		font-size: 3.9rem;
	}
	#brand h1 span span {
		margin-top: 0.4em;
		font-size: 0.72em;
	}
	#brand .mainvisualbg--img {
		background-image: url(../img/top/mainvisual_sp.jpg);
	}
	#brand .sec02 .sec02_cont02 .inner {
		top: 72%;
	}
	#brand .sec02 .sec02_cont03 {
		text-align: right;
	}
	#brand .sec02 .sec02_cont03 .inner {
		top: 34%;
	}
	#brand .sec02 .sec02_cont01-bg {
		background-image: url(../img/top/sec02_bg01_sp.jpg);
	}
	#brand .sec02 .sec02_cont02-bg {
		background-image: url(../img/top/sec02_bg02_sp.jpg);
	}
	#brand .sec02 .sec02_cont03-bg {
		background-image: url(../img/top/sec02_bg03_sp.jpg);
	}
	#brand .sec03 .sec_inner {
		display: block;
		height: auto;
	}
	#brand .sec03 .sec03_ttl {
		padding-top: 7vh;
	}
	#brand .sec03 .sec03_ttl,
	#brand .sec03 .sec03_block {
		display: block;
		height: auto;
		width: 90vw;
		margin: 0 auto;
	}
	#brand .sec03 .sec03_block > div[class*="sec03_cont"]:nth-of-type(2) {
		margin: 0;
	}
	#brand .sec03 .sec03_ttl {
		margin-top: 2rem;
		margin-bottom: 6vh;
	}
	#brand .sec03 .sec03_ttl .sec03_ttl-inner {
		margin-left: 0;
		width: 100%;
		margin-bottom: 0;
	}
	#brand .sec03 .sec_inner .sec03_block > div[class*="sec03_cont"] {
		height: 20.5vh;
		max-height: 34.2vw;
		margin-top: 1.6vh;
		transform: none;
	}
	#brand .sec04_bg {
		background-image: url(../img/top/sec04_img01_sp.jpg);
	}
	main .more {
		position: relative !important;
		bottom: auto !important;
	}
	#life .item_lists {
		margin-top: 3.5rem;
		display: block;
	}
	#life .item_lists .item_list {
		width: 100%;
	}
	#life .item_lists .item_list:nth-of-type(2) {
		margin: 0;
	}
	#life .item_lists .item_list + .item_list {
		margin-top: 5rem;
	}
	#life .item_lists .item_list h3 {
		height: auto;
		margin: 0 0 2.5rem;
	}
	#life .item_lists .item_list h3 br {
		display: none;
	}
	#life .item_lists .item_list h4 {
		margin-bottom: 0.2rem;
	}
	#life .item_lists .item_list .item_text {
		padding-bottom: 1.5rem;
	}
	#life .item_lists .item_list .more {
		margin-top: 2.5rem;
	}
	.life_article .keyvisual {
		height: 122.7vw;
	}
	.life_article .contents_title {
		position: absolute;
		top: auto;
		bottom: 1.3rem;
		width: 90vw;
		left: 2rem;
		transform: none;
	}
	.life_article .contents_title h1 {
		line-height: 1.2;
	}
	.life_article .clm2_block {
		display: block;
		margin-top: 0;
		margin-bottom: 2rem;
	}
	.life_article .clm2_block .MHeading {
		margin-top: 0;
	}
	.life_article .clm2_block p {
		margin-top: 1rem !important;
	}
	.life_article .clm2_block .clm2_img img {
		width: 100%;
		max-width: none;
		margin-top: 3rem;
	}
	.life_article .clm2_block > div:nth-of-type(2) {
		padding-right: 0;
		padding-left: 0;
	}
	.life_article .link_block {
		margin-top: 7rem;
		display: block;
		margin-bottom: 3rem;
	}
	.life_article .link_block .link_item {
		width: 100%;
	}
	.life_article .link_block .link_item a {
		line-height: 1;
		padding-bottom: 0.5rem;
	}
	.life_article .link_block .link_item .redText {
		margin: 0 2rem 1rem;
	}
	.life_article .link_block .link_item + .link_item {
		margin-top: 4rem;
	}
	.life_article .link_block .more {
		margin-left: 2rem;
		line-height: 2;
	}
	.life_article .link_block h3 {
		margin: 1.2rem 2rem 0.2rem;
	}
	#life01 .keyvisual {
		background-image: url(../img/listentolife/life01/keyvisual_sp.jpg);
	}
	#life02 .keyvisual {
		background-image: url(../img/listentolife/life02/keyvisual_sp.jpg);
	}
	#life03 .keyvisual {
		background-image: url(../img/listentolife/life03/keyvisual_sp.jpg);
	}
	#create .mainvisual {
		max-height: none;
	}
	#create .mainvisual .contents_title {
		top: 46%;
		width: 91vw;
		margin: 0 auto;
	}
	#create .mainvisual .contents_title p {
		text-align: center;
	}
	#create .mainvisual .contents_slide01 {
		background-image: url(../img/createnewvalue/index_slide01_sp.jpg);
	}
	#create .mainvisual .contents_slide02 {
		background-image: url(../img/createnewvalue/index_slide02_sp.jpg);
	}
	#create .mainvisual .contents_slide03 {
		background-image: url(../img/createnewvalue/index_slide03_sp.jpg);
	}
	#create .anchor_block {
		position: relative;
		padding-bottom: 0.6rem;
		margin-bottom: 0;
		overflow: hidden;
	}
	#create .anchor_block .anchor_inner {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	#create .anchor_block:before, #create .anchor_block:after {
		position: absolute;
		z-index: 2;
		content: " ";
		display: block;
	}
	#create .anchor_block:before {
		top: 0;
		right: -1px;
		width: 5.4rem;
		height: 100%;
		background: linear-gradient(to left, #fff 50%, rgba(255, 255, 255, 0) 100%);
	}
	#create .anchor_block:after {
		top: 52%;
		right: 1.1rem;
		width: 1.4rem;
		height: 1.4rem;
		border-top: 0.2rem solid #e60029;
		border-right: 0.2rem solid #e60029;
		transform: rotate(45deg);
		transform-origin: top right;
	}
	#create .anchor_block ul {
		width: 142%;
		padding: 0 5.4rem 0 2.4rem;
	}
	#create .anchor_block ul a {
		margin-left: 1rem;
		white-space: nowrap;
	}
	#create .keyvisual {
		height: 49.3vw;
	}
	#create .contents_sec01 {
		margin-top: 4rem;
	}
	#create .contents_sec02 .keyvisual {
		background-image: url(../img/createnewvalue/index_img01_sp.jpg);
	}
	#create .contents_sec03 .keyvisual {
		background-image: url(../img/createnewvalue/index_img02_sp.jpg);
	}
	#create .dev_storys .story_items {
		display: block;
	}
	#create .dev_storys .story_items .story_item {
		width: 100%;
	}
	#create .dev_storys .story_items .story_item + .story_item {
		margin-top: 2rem;
	}
	#create .dev_storys .story_items .story_item .item_text {
		padding-bottom: 1rem;
	}
	.create_article .keyvisual {
		height: auto;
	}
	.create_article .keyvisual:before {
		content: " ";
		display: block;
		height: 97.3vw;
	}
	.create_article .contents_title {
		position: static;
		width: 100%;
		margin-top: 1.5rem;
		max-width: none;
		transform: none;
	}
	.create_article .contents_title h1,
	.create_article .contents_title p {
		width: 100%;
	}
	.create_article .contents_title h1:after {
		width: 100%;
	}
	.create_article h2 {
		margin-left: 0;
		margin-right: 0;
	}
	.create_article .contents_title-inner {
		padding: 2.2rem 5.3vw;
	}
	.create_article .link_items a {
		display: block;
	}
	.create_article .link_items a > div {
		width: 100%;
	}
	.create_article .link_items a > div:nth-of-type(2) {
		padding: 2.2rem 4.2vw 1rem;
	}
	.create_article .link_items .contText {
		margin-top: 1rem;
		line-height: 1.6;
	}
	.create_article .link_items .more {
		margin-top: 3rem;
	}
	.create_article .link_items + .anim_item .more {
		margin-top: 3rem;
	}
	.create_article .link_items + .anim_item .devref_link01 {
		margin-top: 0.5rem;
		margin-bottom: 1.5rem;
	}
	#ref_part01 .keyvisual {
		background-image: url(../img/createnewvalue/ref/part01/keyvisual_sp.jpg);
	}
	#ref_part02 .keyvisual {
		background-image: url(../img/createnewvalue/ref/part02/keyvisual_sp.jpg);
	}
	#ref_part02 .contents_title .MHeading_f {
		width: 80%;
	}
	html[lang="ru"] .create_article h2,
	html[lang="pl"] .create_article h2,
	html[lang="my"] .create_article h2,
	html[lang="km"] .create_article h2,
	html[lang="id"] .create_article h2,
	html[lang="hu"] .create_article h2,
	html[lang="el"] .create_article h2,
	html[lang="en"] .create_article h2 {
		margin-left: 0;
		margin-right: 0;
	}
	html[dir="rtl"] #brand .sec03 h4 {
		left: 0;
	}
	html[dir="rtl"] #brand .sec03 h4 + span {
		right: auto;
		left: 0.8rem;
	}
	html[dir="rtl"] #life .pageTitle {
		text-align: right;
	}
	html[lang="my"] #life .item_lists .item_list h3 {
		height: auto;
	}
	html[lang="my"] .create_article .LHeading {
		font-size: 2.2rem;
	}
	html[lang="my"] .create_article .MHeading {
		font-size: 2rem;
	}
	html[lang="id"] #life .item_lists .item_list h3 {
		height: auto;
	}
	html[lang="th"] #brand h1 > span {
		font-size: 3.3rem;
	}
	html[lang="km"] #brand h1 > span {
		font-size: 3.7rem;
	}
	html[lang="vi"] #brand h1 > span {
		font-size: 2.3rem;
	}
	html[lang="ar"] #brand h1 > span {
		font-size: 3.6rem;
	}
	html[lang="id"] #brand .slogan p {
		font-size: 1.6rem;
	}
	html[lang="id"] #brand .slogan .sec_inner {
		width: 95vw;
	}
	html[lang="vi"] #brand .slogan p {
		font-size: 1.5rem;
	}
	html[lang="vi"] #brand .slogan .sec_inner {
		width: 95vw;
	}
	html[lang="vi"] .create_article .contents_title p {
		width: auto;
		max-width: none;
	}
	html[lang="el"] #brand h1 span {
		font-size: 3.5rem;
	}
	html[lang="el"] #brand h1 span span {
		margin-top: 1em;
		font-size: 0.46em;
	}
	html[lang="el"] #life .item_lists .item_list h3 {
		height: auto;
	}
	html[lang="el"] #brand .slogan .sec_inner {
		width: 88vw;
	}
	html[lang="pl"] #brand h1 span span {
		margin-top: 0.7em;
		font-size: 0.6em;
	}
	html[lang="pl"] #life .pageTitle {
		letter-spacing: -0.01em;
		margin-top: 5.5rem;
	}
	html[lang="hu"] #brand h1 span span {
		margin-top: 0.6em;
		font-size: 0.6em;
	}
	html[lang="hu"] #brand .slogan .sec_inner {
		width: 94vw;
	}
	html[lang="hu"] #brand .slogan p {
		font-size: 1.6rem;
	}
	html[lang="hu"] #life .item_lists .item_list h3 {
		height: auto;
	}
	.loaded[id*="part"] .contents_title-inner {
		animation-name: slideUp_s;
		animation-duration: 0.8s;
		animation-fill-mode: both;
		animation-timing-function: cubic-bezier(0.09, 0.64, 0.62, 0.99);
		animation-timing-function: cubic-bezier(0.07, 0.53, 0.3, 1);
	}
	.loaded[id*="part"] .contents_title-inner > * {
		opacity: 1;
		animation: none;
	}
}

@media screen and (max-width: 750px) and (orientation: landscape) {
	.pc {
		display: block;
	}
	.sp {
		display: none;
	}
	nav .about-menu ul,
	nav .brand-menu ul {
		flex-wrap: wrap;
	}
	nav .about-menu ul li,
	nav .brand-menu ul li {
		margin-top: 2rem;
		width: 50%;
	}
	nav .about-menu ul li:nth-of-type(1), nav .about-menu ul li:nth-of-type(2),
	nav .brand-menu ul li:nth-of-type(1),
	nav .brand-menu ul li:nth-of-type(2) {
		margin-top: 0;
	}
	html {
		font-size: calc(100vw / 66.7);
	}
	#brand h1 {
		top: 40%;
	}
	#brand .scroll span {
		padding: 2em 1em 0;
		background-size: auto 80%;
	}
	#brand .slick-dots {
		bottom: 0;
	}
	#brand .sec02 .sec02_cont01 .inner {
		top: 55%;
	}
	#brand .sec02 .sec02_cont03 .inner {
		top: 45%;
	}
	#brand .sec03 h4 {
		top: 46%;
	}
	#brand .sec03 .sec03_ttl {
		width: 45%;
	}
	#brand .sec03 .sec03_block {
		width: 55%;
	}
	.life_article h2 br, .life_article h3 br, .life_article h4 br {
		display: none;
	}
	.life_article .link_block {
		margin-top: 7.5rem;
		padding-bottom: 0;
	}
	.life_article .link_block .link_item .redText {
		margin: 0 2rem;
	}
	.life_article .link_block .more {
		margin-left: 2rem;
		line-height: 2;
	}
	.life_article .link_block h3 {
		margin: 1.5rem 2rem 0.5rem;
	}
	#life .item_lists {
		flex-wrap: wrap;
	}
	#life .item_lists .item_list {
		width: 48%;
		margin-top: 4%;
	}
	#life .item_lists .item_list:nth-of-type(1), #life .item_lists .item_list:nth-of-type(2) {
		margin: 0;
	}
	#create .mainvisual {
		position: relative;
		height: calc(86vh - 50px);
	}
	#create .mainvisual .contents_title {
		top: 45%;
		transform: translateY(-50%);
	}
	#create .keyvisual {
		height: 30vw;
	}
	#create .mainvisual .contents_title {
		max-width: 45em;
	}
	.create_article .contents_title .contents_title-inner {
		padding: 2.8rem 0;
	}
	.create_article .contents_title h1 {
		font-size: 2.1rem;
	}
	.create_article .contents_title h1:after {
		margin: 1.4rem auto;
	}
	.create_article .contents_title .MHeading_f {
		width: 43vw;
		max-width: none;
		font-size: 1.8rem;
	}
	.create_article .link_items a > div:nth-of-type(1) {
		width: 58%;
		overflow: hidden;
		position: relative;
	}
	.create_article .link_items a > div:nth-of-type(1) img {
		height: 100%;
		width: auto;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.create_article .link_items a > div:nth-of-type(2) {
		width: 42%;
		padding: 1.6rem 1.8rem 1.2rem;
	}
	.create_article .link_items .XSHeading {
		margin-top: 0.5rem;
		font-size: 1.5rem;
		line-height: 1.2;
	}
	.create_article .link_items .contSText {
		margin-top: 1rem;
		line-height: 1.4;
	}
	.create_article .link_items .contSText br {
		display: none;
	}
	.create_article .link_items .more {
		margin-top: 1.5rem;
	}
	.onepage main {
		position: absolute;
		top: 0;
	}
	.onepage main > section {
		position: absolute !important;
		opacity: 0.4;
		top: auto;
		top: 0;
	}
	html[dir="rtl"] #life .pageTitle {
		text-align: right;
	}
	html[lang="my"] #life .item_lists .item_list h3 {
		height: 9em;
	}
	html[lang="el"] #brand .sec03 .sec03_cont01 h4 span {
		width: calc(100% - 3rem);
	}
	html[lang="el"] #brand .sec03 .sec03_cont01 h4 span br {
		display: none;
	}
	html[lang="hu"] #brand .sec03 .sec03_cont01 h4 span {
		width: calc(100% - 3rem);
	}
	html[lang="hu"] #brand .sec03 .sec03_cont01 h4 span br {
		display: none;
	}
	html[lang="vi"] .create_article .contents_title h1 {
		font-size: 1.9rem;
	}
	html[lang="vi"] .create_article .contents_title .MHeading_f {
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 751px) and (max-height: 700px) {
	nav {
		-webkit-overflow-scrolling: touch;
	}
	nav .nav_inner {
		top: 0;
		transform: none;
	}
	#brand h1 {
		top: 38%;
	}
	#brand .cm_btn {
		bottom: calc(4em + 9vh);
	}
	#brand .cm_btn div:before {
		border-width: 1em;
		border-left-width: 1.4em;
	}
}

.tablet .onepage {
	position: relative;
	overflow: hidden !important;
	top: 0;
}

.tablet .onepage body {
	top: 0;
	position: absolute;
}

.tablet .onepage main {
	position: relative;
	top: 0;
	overflow: hidden;
}

@media screen and (orientation: Portrait) {
	.tablet #brand .sec02 .sec02_cont02-bg {
		background-position: center left 75%;
	}
	.tablet #brand .sec03 .sec_inner {
		display: block;
	}
	.tablet #brand .sec03 .sec03_ttl {
		padding-top: 7vh;
	}
	.tablet #brand .sec03 .sec03_ttl,
	.tablet #brand .sec03 .sec03_block {
		width: 90vw;
		margin: 0 auto;
	}
	.tablet #brand .sec03 .sec03_ttl .sec03_ttl-inner {
		width: 100%;
		margin-bottom: 0;
	}
	.tablet #brand .sec03 .sec_inner .sec03_block {
		height: auto;
	}
	.tablet #brand .sec03 .sec_inner .sec03_block > div[class*="sec03_cont"] {
		height: 22vh;
		margin-top: 1.6vh;
		transform: none;
	}
	.tablet #brand .sec03 .sec_inner .sec03_block > div[class*="sec03_cont"]:nth-of-type(2) {
		margin-bottom: 0;
	}
}

@media screen and (orientation: landscape) {
	.tablet .nav_inner {
		position: static;
		transform: none;
	}
	#create .mainvisual .contents_title {
		width: 100%;
	}
	html[lang="el"] #brand .sec03 h4 {
		line-height: 1.1;
	}
	html:not(.desktop):not(.tablet) .nav_btn {
		top: 2em;
		right: 2em;
	}
	html:not(.desktop)[dir="rtl"] .nav_btn {
		right: auto;
		left: 2em;
	}
	html:not(.desktop) #brand .sec02 .sec02_cont03 .inner {
		top: 45%;
	}
	html:not(.desktop) #brand .mainvisualbg * {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	html:not(.desktop) #brand .sec03 h4 + span {
		margin-top: 0;
	}
	html:not(.desktop) #brand .sec04 .sec_inner .pagetop {
		padding-bottom: 2rem;
	}
	/*
																ios safari

	---------------------------------------- */
	.iossafari #brand {
		position: relative;
	}
	.iossafari #brand .gdpr_block {
		position: absolute;
	}
}