@charset "utf-8";
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
	local('MaterialIcons-Regular'),
	url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
	url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
	url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

/*------------------------------------------------------------------------------

	色の設定

		コンセプトカラー
		淡	#FFF4e1
		濃	#222

		アクセントカラー
		淡	#FAF2E3
		濃	#E4A03B
		
		グレー
		淡	#F8F8F8	(body背景)
		中	#F3F3F3	(背景)
		濃	#DFDFDF	(線)

------------------------------------------------------------------------------*/


/* 印刷用 */
@media print {
	.sp																		{display:none !important;}
	.inner																	{width:1200px;}
}

html																	{overflow: auto;}
body																	{overflow: hidden;background-color: #f1efe7;color: #222;font-family: "Noto Sans JP", sans-serif;line-height: 1.5;-webkit-text-size-adjust: none;	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;transition: background-color 0.5s, color 0.5s;}

a																		{color: #222;}
p																		{margin: 1.0em 0;}
b,
em,
strong,
.bold,
b a,
strong a,
.bold a																	{font-weight: bold;}
hr																		{height: 1px;margin: 1.0em 0;border: none;border-top: 1px #DFDFDF solid;}
u																		{text-decoration: underline #222 1px;text-underline-offset: 0.2em;}
s																		{text-decoration: line-through 1px;text-decoration-style: double;}
img																		{max-width: 100%;vertical-align: bottom;}
.tinymce img															{height: auto !important;}
.gray																	{color: #999;}
.red,
.alert																	{color: #c00;}
sub																		{font-size: 75%;font-style: italic;font-weight: normal;}
.req																	{display: inline-block;padding: 0 5px;background-color: #c00;color: #FFF;}
.opt																	{display: inline-block;padding: 0 5px;background-color: #999;color: #FFF;}
.note																	{color: #999;font-size: 0.75em}
.notes																	{position: relative;margin: 0.5em 0;padding-left: 1.1em;font-size: 0.85em;}
.notes::before															{position: absolute;top: 0;left: 0;content: "＊";}
small,
.xxxsmall																{font-size: 0.5em;}
.xxsmall																{font-size: 0.6em;}
.xsmall																	{font-size: 0.7em;}
.small																	{font-size: 0.85em;}
.medium																	{font-size: 1.0em !important;}
.large																	{font-size: 1.5em;}
.xlarge																	{font-size: 2.0em;}
.xxlarge																{font-size: 2.5em;}
.xxxlarge																{font-size: 3.0em;}
.uc																		{text-transform: uppercase;}
.bg																		{margin: 1.0em 0;padding: 1.5em 1.75em;background-color: #FFF4e1;}
.bg.accent																{background-color: #FAF2E3;}
.bg.gray																{background-color: #F3F3F3;color: #666;}
.bdr																	{margin: 1.0em 0;padding: 1.5em 1.75em;background-color: #FFF;border: 5px solid #FFF4e1;}
.bdr.accent																{border-color: #FAF2E3;}
.bdr.gray																{border-color: #DFDFDF;color: #666;}

.btn																	{display: block;overflow: hidden;position: relative;width: 100%;margin: 1.0em 0;padding: 0.6em 0;background-color: #222;border: none;color: #FFF !important;letter-spacing: 0.1em;text-align: center;text-decoration: none !important;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);-webkit-border-radius: 1.35em;-moz-border-radius: 1.35em;border-radius: 1.35em;transition: .3s;}
.btn.white																{background-color: #FFF;color: #222 !important;text-shadow: none;}
a.btn:hover																{background-color: #222;color: #FFF !important;}
.btn.small																{font-size: 0.85em;}
.btn.large																{font-size: 1.3em;}
.btn.accent																{background-color: #E4A03B;}
.btn.gray																{background-color: #999;}
.btn.line																{background-color: #07b53b;}

span.btn																{background-color: #CCC;box-shadow: 0 0 0 rgba(0,0,0,0);}
span.btn:hover															{filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a.btn																	{color: #FFF !important;}
table																	{width: 100%;margin: 2.0em 0;border-top: 1px solid #DFDFDF;font-size: 1.0em;}
table th,table td														{padding: 2%;}
table th																{width: 20%;border-bottom: 1px solid #DFDFDF;color: #222;font-weight: 700;vertical-align: middle;}
table td																{border-bottom: 1px solid #DFDFDF;vertical-align: middle;}
.more																	{display: block;margin: 1.0em auto;padding: 1.0em;border: 1px solid #222;color: #222 !important;-webkit-border-radius: 1.75em;-moz-border-radius: 1.75em;border-radius: 1.75em;text-align: center;text-decoration: none;transition: .3s;}
.more:hover																{background: #222;color: #FFF !important;}
.more.small																{font-size: 0.85em;}
.more.large																{font-size: 1.3em;}
.scroll																	{overflow: auto;height: 150px;}
.shadow																	{-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.hide span																{padding: 3px;cursor: pointer;text-decoration: underline;}
.hide span:hover														{text-decoration: none;}
.normal *																{color: #222 !important;text-shadow: 0px 0px 0px}
.normal a																{text-decoration: underline;}
.single_nav,
.archive_nav															{margin: 5.0em 0;padding: 1.0em 0;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;}

/* addition */
div.wpcf7-response-output												{margin: 1.0em auto !important;padding: 1.0em !important;background-color: #FFF !important;text-align: center !important;}
div.wpcf7-validation-errors												{border: 5px solid #f00 !important;}
.fancybox-skin															{padding: 0 !important;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;}
.wow																	{visibility: hidden;}
.sticky																	{z-index: 999;}
.slide_header															{z-index: 1000;}
.is-fixed																{position: fixed !important;top: 0;left: 0;width: 100%;}
.telLink																{white-space: nowrap;}
.mce img																{display: block;margin: 0 auto;}
section.wanted															{background: #FFF4e1;border: none;}
aside																	{border-top: 1px solid #DFDFDF;}
aside section															{background: #FFF;}

.instagram div															{overflow: hidden;}
.instagram div img														{width: 100%;}
.wpcf7-list-item														{display: block !important;margin: 0 !important;}
.wpcf7-list-item label													{padding: 0.5em 0;}
.wpcf7-spinner															{display: none !important;}
form.submitting .wpcf7-spinner											{display: inline-block !important;}

.slideToggle															{}
.slideToggle dt:hover,
.slideToggle .dt:hover													{cursor: pointer;text-decoration: none;}
.slideToggle dd,
.slideToggle .dd														{display: none;}
.slideToggle dd.open,
.slideToggle .dd.open													{display: block;}

.ff																		{font-family: "Big Shoulders Display";}

.material-icons															{font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;display: inline-block;line-height: 1;text-transform: none;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;font-feature-settings: 'liga';}
.material-icons.md-18													{font-size: 18px;}
.material-icons.md-24													{font-size: 24px;}
.material-icons.md-36													{font-size: 36px;}
.material-icons.md-48													{font-size: 48px;}
.material-icons.md-dark													{color: rgba(0, 0, 0, 0.54);}
.material-icons.md-dark.md-inactive										{color: rgba(0, 0, 0, 0.26);}
.material-icons.md-light												{color: rgba(255, 255, 255, 1);}
.material-icons.md-light.md-inactive									{color: rgba(255, 255, 255, 0.3);}



@media screen and (min-width:769px) {

	body																	{font-size: 16px;letter-spacing: 0.05em;}
	body.customize-support													{padding-top: 32px;}
	.inner																	{position: relative;margin-left: auto;margin-right: auto;padding-right: 5vw;padding-left: 5vw;}

	a																		{transition: .3s;}
	a:hover																	{text-decoration: none;}
	a img																	{transition: .3s;}
	a img:hover																{filter: brightness(130%) grayscale(50%);}

	.xxxsmall-pc															{font-size: 0.5em;}
	.xxsmall-pc																{font-size: 0.6em;}
	.xsmall-pc																{font-size: 0.7em;}
	.small-pc																{font-size: 0.85em;}
	.medium-pc																{font-size: 1.0em !important;}
	.large-pc																{font-size: 1.5em;}
	.xlarge-pc																{font-size: 2.0em;}
	.xxlarge-pc																{font-size: 2.5em;}
	.xxxlarge-pc															{font-size: 3.0em;}

	.mce																	{padding: 5.0em 0;}
	.mce .flex																{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;align-content: flex-start;}
	.mce .flex .flex-title													{width: 30vw;}
	.mce .flex .flex-contents												{width: calc( 100vw - 30vw - 12vw );}
	.mce .flex .flex-contents table											{border: none;}
	.mce .flex .flex-contents table,
	.mce .flex .flex-contents table td										{border: none;}
	.mce .flex .flex-contents table th										{width: 8.0em;vertical-align: top;}
	.mce h1,
	.mce h2,
	.mce h3,
	.mce h4,
	.mce h5,
	.mce h6,
	.mce .h1,
	.mce .h2,
	.mce .h3,
	.mce .h4,
	.mce .h5,
	.mce .h6																{margin: 2.0em 0 1.0em;font-weight: bold;}
	.mce h1,
	.mce .h1																{margin-bottom: 1.0em;font-family: "Big Shoulders Display";font-size: 6vw;line-height: 1;}
	.mce h1 sub,
	.mce .h1 sub															{display: block;padding-top: 0.5em;font-size: 0.2em;font-style: normal;font-weight: normal;letter-spacing: 0.1em;}
	.mce h2,
	.mce .h2																{position: relative;padding-bottom: 0.3em;font-size: 2.0em;}
	.mce h2::after,
	.mce .h2::after															{content: '';position: absolute;bottom: 0;left: 0;display: block;width: 4.0em;height: 2px;background: #222;}
	.mce h3,
	.mce .h3																{font-size: 1.8em;}
	.mce h4,
	.mce .h4																{font-size: 1.4em;}
	.mce h5,
	.mce .h5																{font-size: 1.2em;}
	.mce h6,
	.mce .h6																{font-size: 1.1em;}
	.mce ul																	{margin: 1.5em 0;padding: 0.3em;}
	.mce ul li																{position: relative;margin: 0.5em 0;padding: 0 0 0 1.3em;}
	.mce ul li:before														{content: "";position: absolute;top: 0.4em;left: 0;width: 0.8em;height: 0.8em;margin: auto;background: #222;border-radius: 50%;}
	.mce ol																	{margin: 1.5em 0;padding: 0.5em 1.0em;counter-reset: li;list-style: none;}
	.mce ol li																{position: relative;margin: 0.5em 0;padding: 0 0 0 2.0em;}
	.mce ol li:before														{content: counter(li) "";counter-increment: li;position: absolute;top: 0;bottom: 0;left: 0;width: 1.3em;height: 1.3em;margin: auto;background: #222;border-radius: 50%;color: #FFF;line-height: 1.3em;text-align: center;}
	.mce a																	{text-decoration: underline;}
	.nega {
		.mce																	{color: #FFF;}
		.mce h2::after,
		.mce .h2::after															{background: #FFF;}
		.mce ul li:before														{background: #FFF;}
		.mce ol li:before														{background: #FFF;color: #222;}
		.mce a																	{color: #FFF;text-decoration: underline;}
	}
	.single_nav																{}
	.single_nav a															{color: #222;}

	/* faqs */
	dl.faqs																	{}
	dl.faqs dt																{position:relative;margin:1.5em 0 0 0;padding:0 0 0 2.0em;color:#222;font-size: 1.2em;font-weight: bold;line-height: 1.5em;}
	dl.faqs dt:before														{display:block;content:"Q";position:absolute;top:0;left:0;width:1.5em;height:1.5em;line-height:1.5em;background:#222;border-radius:3px;color:#FFF;font-weight:bold;text-align:center;}
	dl.faqs dt:hover														{cursor:pointer;opacity: 0.7;text-decoration: none;}
	dl.faqs dd																{position:relative;margin:1.0em 0 0 0;padding: 1.5em;background: #FFF;border: 5px solid #FFF4e1;border-radius:3px;}
	dl.faqs .hover															{text-decoration:underline;}

	/* header */
	#header																	{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	#header nav																{}
	#header nav ul															{display: -webkit-flex;display: flex;}
	#header nav ul li														{padding-right: 2vw;}
	#header nav ul li a														{}
	#header,#menu-overlay header											{padding: 20px 60px;display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;transition: 0.3s;}
	#menu-overlay header													{position: absolute;z-index: 10000;}
	#header h1																{}
	#header h1 a,
	#menu-overlay h1 a														{display: inline-block;padding: 18px 0;color: #ff5722;letter-spacing: 0.05em;font-weight: normal;transition: 0.3s;}
	#header h1 a img,
	#menu-overlay h1 a img													{height: 24px;transition: 0.3s;}
	#menu-overlay .decoration-item											{position: fixed;}
	#menu-overlay .decoration-item:nth-child(1)								{bottom: -3vh;left: -20vh;max-width: 40vh;opacity: 0.9;transform: scale(-1, 1);}
	#menu-overlay .decoration-item:nth-child(2)								{top: 10vh;right: -12vh;max-width: 30vh;opacity: 0.8;transform: scale(-1, 1);}
	#menu-button															{position: fixed;top: 20px;right: 60px;z-index: 10000;width: 60px;height: 60px;transition: 0.3s;background-color: #222;border: none;border-radius: 50%;cursor: pointer;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}
	#menu-button .icon														{position: absolute;top: 15px;left: 15px;display: inline-block;}
	#menu-button .icon div													{width: 30px;height: 2px;margin: 6px 0 !important;transition: 0.3s;background-color: #FFF;}
	#menu-button.open														{position: fixed;background-color: #FFF;}
	#menu-button.open .icon													{left: 14px;}
	#menu-button.open .icon div												{background-color: #222;}
	#menu-button.open .icon div:nth-child(1)								{transform: rotate(-45deg) translate(-6px, 6px);}
	#menu-button.open .icon div:nth-child(2)								{opacity: 0;}
	#menu-button.open .icon div:nth-child(3)								{transform: rotate(45deg) translate(-5px, -6px);}
	#menu-overlay															{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #222;color: #FFF;overflow-y: auto;transition: opacity 0.3s ease-in-out;opacity: 0;pointer-events: none;z-index: 9999;}
	#menu-overlay.open														{opacity: 1;pointer-events: auto;}
	#menu-overlay .menu-content												{height: 100%}
	#menu-overlay .menu-content .l-navigation__inner						{height: 100%;padding: 0 10vw;width: 100%;margin-left: auto;margin-right: auto;}
	#menu-overlay .menu-content .l-navigation__menu							{padding-top: 150px;height: 100%;position: relative;z-index: 10;}
	#menu-overlay .menu-content .l-navigationMenu							{width: 100%;}
	#menu-overlay .menu-content ul.menu-links								{line-height: 1;text-transform: uppercase;}
	#menu-overlay .menu-content ul.menu-links > li							{padding: 0.2em 0;font-family: "Big Shoulders Display";font-size: 2.5em;}
	#menu-overlay .menu-content ul.menu-links a								{display: inline-block;color: #FFF;font-weight: bold;text-decoration: none;}
	#menu-overlay .menu-content ul.menu-links li > a						{}
	#menu-overlay .menu-content ul.menu-links li ul							{font-size: 0.3em;}
	#menu-overlay .menu-content ul.menu-links li ul li						{padding: 0.5em 0 0.5em 2.5em;font-size: 1.8em;}
	#menu-overlay .menu-content ul.menu-links li ul li:first-child			{padding-top: 1.5em;}
	#menu-overlay .menu-content ul.menu-links li ul li:last-child			{padding-bottom: 1.5em;}
	#menu-overlay .menu-content ul.menu-links li ul li > a					{font-weight: bold;}
	#menu-overlay .toggle													{max-height: 0;overflow: hidden;transition: max-height 0.5s ease-out;}
	#menu-overlay .toggle.active											{max-height: 500px;}
	#menu-overlay .toggle-icon::after										{position: absolute;right: 0;display: inline-block;margin-left: 5px;transition: transform 0.2s ease-out;content: '\f063';font: var(--fa-font-solid);font-size: 0.6em;line-height: 50px;}
	#menu-overlay .toggle-icon.active::after								{transform: rotate(180deg);}

	/* fullscreen-container */
	.fullscreen-container													{padding: 30px;padding-top: 0;}
	.fullscreen-image														{position: relative;width: 100%;height: calc(100vh - 100px - 30px);overflow: hidden;margin-top: 100px;background: #000;border-radius: 20px;}
	.fullscreen-image img													{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover;transform: translate(-50%, -50%);opacity: 0.5;}
	.overlay																{position: absolute;bottom: 50px;left: 50px;width: 70%;max-width: 1000px;color: #FFF;}
	.overlay h1																{margin: 20px 0;font-size: 5.0em;font-weight: bold;letter-spacing: 0;line-height: 1.1;text-align: left;}
	.overlay p																{margin: 10px 0;font-size: 1.0em;letter-spacing: 0.1em;line-height: 1.5;}
	.overlay > *															{/* text-align: justify; */}

	/* service */
	#service																{padding: 10.0em 0 0;}
	#service h2																{margin-bottom: 1.5em;font-family: "Big Shoulders Display";font-size: 6.0em;font-weight: bold;line-height: 1;}
	#service h2 sub															{display: block;padding-top: 0.5em;font-size: 0.2em;font-style: normal;font-weight: normal;letter-spacing: 0.1em;}
	#service .flex															{display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: center;padding-top: 100px;}
	#service .flex .service-item											{width: 45%;margin: 0 0 5.0em 0;padding: 0 1.5em;}
	#service .flex .service-item:nth-child(odd)								{transform: translateY(-150px);}
	#service .service-img													{position: relative;overflow: hidden;border-radius: 20px;padding-top: 133.25%;}
	#service .service-img img												{position: absolute;top: 0;left: 0;width: 100%;height: auto;}
	#service h3																{margin: 0.7em 0 0.5em;font-size: 3vw;font-weight: bold;line-height: 1;/* text-align: justify; */}
	#service p																{line-height: 1.5;}

	/* product */
	#product																{padding: 10.0em 0;}
	#product h2																{margin-bottom: 1.5em;font-family: "Big Shoulders Display";font-size: 6.0em;font-weight: bold;line-height: 1;}
	#product h2 sub															{display: block;padding-top: 0.5em;font-size: 0.2em;font-style: normal;font-weight: normal;letter-spacing: 0.1em;}
	#product .flex															{display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;}
	#product .flex > *														{position: relative;}
	#product .wrapper-img													{padding: 4.0em 0 0 4.0em;}
	#product .wrapper-img > div												{overflow: hidden;border-radius: 20px;}
	#product h3																{font-size: 3.0em;font-weight: bold;line-height: 1;}
	#product h3 sub															{display: block;font-size: 0.3em;font-style: normal;font-weight: normal;letter-spacing: 0.1em;}
	#product h4																{font-size: 2.0em;font-weight: bold;}

	/* news */
	#news																	{padding: 10.0em 0;background: #222;color: #FFF;}
	#news a																	{color:#fff;text-decoration:underline;}
	#news .flex																{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;align-content: flex-start;}
	#news .news-title														{width: 30vw;}
	#news .news-title h2													{margin-bottom: 1.0em;font-family: "Big Shoulders Display";font-size: 6vw;font-weight: bold;line-height: 1;}
	#news .news-title h2 sub												{display: block;padding-top: 0.5em;font-size: 0.2em;font-style: normal;font-weight: normal;letter-spacing: 0.1em;}
	#news .news-contents													{width: calc( 100vw - 30vw - 12vw );}
	#news .news-contents h3													{font-size: 1.6em;}
	#news .news-contents h4													{margin: 1.0em 0 0.5em;font-size: 1.1em;}
	#news .news-contents table.news-info									{border: none;}
	#news .news-contents table.news-info th,
	#news .news-contents table.news-info td									{border: none;}
	#news .news-contents table.news-info th									{width: 10.0em;color: #FFF;vertical-align: top;}
	
	/* scope */
	#scope																	{}
	#scope .flex															{display: -webkit-flex;display: flex;align-items: center;flex-wrap: wrap;}
	#scope .swiper-container												{position: relative;overflow: hidden;display: -webkit-flex;display: flex;justify-content: center;align-items: center;height: 70vh;min-height: 600px;width: 100%;max-width: 800px;}
	#scope .swiper															{height: 100%;width: calc(50% - 10px);position: absolute!important;}
	#scope .swiper.swiper1													{left: 0;top: 0;}
	#scope .swiper.swiper2													{left: calc(50% + 10px);top: 0;}
	#scope .swiper-wrapper													{transition-timing-function: linear;}
	#scope .swiper-slide													{padding: 2.0em;background: #FFF;border-radius: 20px;}
	#scope .swiper-slide h3													{font-size: 1.1em;}
	#scope .swiper-slide h3 sub												{display: block;font-style: normal;opacity: 0.7;}
	#scope .swiper-slide p													{font-size: 0.9em;}
	#scope .swiper-slide img												{width: 30%;}
	#scope .scope-text														{flex-direction: column;padding: 0 0 0 4.0em;}
	#scope .scope-text h2													{font-size: 5.0em;}

	/* company */
	#company																{padding: 10.0em 0;background: #222;color: #FFF;}
	#company .flex															{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;align-content: flex-start;}
	#company .company-title													{width: 30vw;}
	#company .company-title h2												{margin-bottom: 1.0em;font-family: "Big Shoulders Display";font-size: 6vw;font-weight: bold;line-height: 1;}
	#company .company-title h2 sub											{display: block;padding-top: 0.5em;font-size: 0.2em;font-style: normal;font-weight: normal;letter-spacing: 0.1em;}
	#company .company-contents												{width: calc( 100vw - 30vw - 12vw );}
	#company .company-contents h3											{font-size: 1.6em;}
	#company .company-contents h4											{margin: 1.0em 0 0.5em;font-size: 1.1em;}
	#company .company-contents table.company-info							{border: none;}
	#company .company-contents table.company-info th,
	#company .company-contents table.company-info td						{border: none;}
	#company .company-contents table.company-info th						{width: 8.0em;color: #FFF;vertical-align: top;}

	/* contact */
	#contact																{padding: 10.0em 0;background: #e4e2d9;}
	#contact h2																{margin-bottom: 1.0em;font-family: "Big Shoulders Display";font-size: 6.0em;font-weight: bold;line-height: 1;}
	#contact h2 sub															{display: block;padding-top: 0.5em;font-size: 0.2em;font-style: normal;font-weight: normal;letter-spacing: 0.1em;}
	#contact .flex															{display: -webkit-flex;display: flex;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: space-around;justify-content: space-around;-webkit-align-items: flex-start;align-items: flex-start;}
	#contact h3																{margin: 1.0em 0;font-size: 2em;}
	#contact .telLink														{margin: 0;font-size: 4.5vw;line-height: 1;}
	#contact a.btn															{font-size: 1.5vw}

	/* footer */
	footer																	{padding: 5.0em 0;background-color: #222;color: #FFF;}
	footer a																{position: relative;color: #FFF;line-height: 1.2;text-decoration: none;transition: .3s;}
	footer ul																{}
	footer ul li															{margin: 0.5em 0;}
	footer ul.arrows li a													{position: relative;display: inline-block;padding: 0.2em 0 0.2em 1.0em;}
	footer ul.arrows li a::before											{position: absolute;left: 0;top: 0.3em;content: "\f105";font-family: FontAwesome;}
	footer ul.arrows li a::after											{position: absolute;bottom: 0;left: 0;content: '';width: 0;height: 1px;background-color: #FFF;transition: .3s;}
	footer ul.arrows li a:hover::after										{width: 100%;}
	footer ul.arrows li.none a												{position: relative;padding-left: 0;}
	footer ul.arrows li.none a:before										{display: none;}
	footer section															{padding: 5.0em 0;}
	footer .ttl																{margin: 1.0em 0 0.5em 0;font-size: 1.1em;font-weight: 700;}
	footer .copyright														{padding: 5.0em 0 0 0;font-size: 0.8em;}

	/* page-top */
	#page-top a																{display: -webkit-flex;display: flex;justify-content:center;align-items:center;background:#e35b28;border-radius: 50%;width: 60px;height: 60px;color: #FFF;text-align: center;font-size:0.6rem;letter-spacing: 0.1em;transition:all 0.3s;}
	#page-top:hover															{right:25px;bottom:25px;}
	#page-top:hover a														{width:50px;height:50px;}
	#page-top a img															{width:20px;}
	#page-top																{position: fixed;right: 20px;bottom:20px;z-index: 2;opacity: 0;transform: translateY(100px);transition:all 0.3s;}
	#page-top.UpMove														{animation: UpAnime 0.5s forwards;}
	@keyframes UpAnime {
		from																	{opacity: 0;transform: translateY(100px);}
		to																		{opacity: 1;transform: translateY(0);}
	}
	#page-top.DownMove														{animation: DownAnime 0.5s forwards;}
	@keyframes DownAnime {
		from																	{opacity: 1;transform: translateY(0);}
		to																		{opacity: 1;transform: translateY(100px);}
	}

	/* language-links */
	#language-links a														{display: -webkit-flex;display: flex;justify-content:center;align-items:center;background: #444;border-radius: 50%;width: 60px;height: 60px;color: #FFF;text-align: center;font-size:0.8rem;letter-spacing: 0.1em;transition:all 0.3s;}
	#language-links:hover													{left:25px;bottom:25px;}
	#language-links:hover a													{width:50px;height:50px;}
	#language-links a img													{width:20px;}
	#language-links															{position: fixed;left: 20px;bottom:20px;z-index: 2;opacity: 0;transform: translateY(100px);transition:all 0.3s;}
	#language-links.UpMove													{animation: UpAnime 0.5s forwards;}
	@keyframes UpAnime {
		from																{opacity: 0;transform: translateY(100px);}
		to																	{opacity: 1;transform: translateY(0);}
	}
	#language-links.DownMove												{animation: DownAnime 0.5s forwards;}
	@keyframes DownAnime {
		from																{opacity: 1;transform: translateY(0);}
		to																	{opacity: 1;transform: translateY(100px);}
	}

}





@media screen and (max-width:768px) {

	body																	{font-size: 14px;letter-spacing: 0.05em;}
	body.customize-support													{padding-top: 32px;}
	.inner-sp																{position: relative;margin-right: auto;margin-left: auto;padding-right: 5vw;padding-left: 5vw;}

	.bg																		{padding: 0.75em 1.0em;}
	.bdr																	{padding: 0.75em 1.0em;}
	table																	{width: 100%;margin: 1.0em 0;border: none;font-size: 100%;}
	table th,
	table td																{display: block;padding: 0 5px;border-bottom: none;}
	table th																{width: 100% !important;padding-top: 1.0em;padding-bottom: 0.5em;border-top: 3px solid #DFDFDF;font-size: 1.3em;font-weight: 700;line-height: 1.5;vertical-align: middle;}
	table td																{padding-top: 0.5em;padding-bottom: 1.0em;vertical-align: middle;}

	a																		{transition: .3s;}
	a:hover																	{text-decoration: none;}
	a img																	{transition: .3s;}
	a img:hover																{filter: brightness(130%) grayscale(50%);}

	.xxxsmall-sp															{font-size: 0.5em;}
	.xxsmall-sp																{font-size: 0.6em;}
	.xsmall-sp																{font-size: 0.7em;}
	.small-sp																{font-size: 0.85em;}
	.medium-sp																{font-size: 1.0em !important;}
	.large-sp																{font-size: 1.5em;}
	.xlarge-sp																{font-size: 2.0em;}
	.xxlarge-sp																{font-size: 2.5em;}
	.xxxlarge-sp															{font-size: 3.0em;}

	.mce																	{padding: 2.0em 0 5.0em;}
	.mce .flex																{display: flex;flex-direction: column;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;align-content: flex-start;}
	.mce .flex .flex-title													{width: 100%;}
	.mce .flex .flex-contents												{width: 100%;margin-top: 4.0em;}
	.mce .flex .flex-contents table											{border: none;}
	.mce .flex .flex-contents table,
	.mce .flex .flex-contents table td										{border: none;}
	.mce .flex .flex-contents table th										{width: 8.0em;vertical-align: top;}
	.mce h1,
	.mce h2,
	.mce h3,
	.mce h4,
	.mce h5,
	.mce h6,
	.mce .h1,
	.mce .h2,
	.mce .h3,
	.mce .h4,
	.mce .h5,
	.mce .h6																{margin: 2.0em 0 1.0em;font-weight: bold;}
	.mce h1,
	.mce .h1																{margin-bottom: 1.0em;font-family: "Big Shoulders Display";font-size: 3.5em;font-weight: bold;line-height: 1;}
	.mce h1 sub,
	.mce .h1 sub															{display: block;padding-top: 0.5em;font-size: 0.3em;font-style: normal;font-weight: normal;letter-spacing: 0.1em;}
	.mce h2,
	.mce .h2																{position: relative;padding-bottom: 0.3em;font-size: 1.6em;}
	.mce h2::after,
	.mce .h2::after															{content: '';position: absolute;bottom: 0;left: 0;display: block;width: 3.0em;height: 2px;background: #222;}
	.mce h3,
	.mce .h3																{font-size: 1.4em;}
	.mce h4,
	.mce .h4																{font-size: 1.2em;}
	.mce h5,
	.mce .h5																{font-size: 1.1em;}
	.mce h6,
	.mce .h6																{font-size: 1.05em;}
	.mce ul																	{margin: 1.5em 0;padding: 0.3em;}
	.mce ul li																{position: relative;margin: 0.5em 0;padding: 0 0 0 1.2em;}
	.mce ul li:before														{content: "";position: absolute;top: 0.35em;left: 0;width: 0.8em;height: 0.8em;margin: auto;background: #222;border-radius: 50%;}
	.mce ol																	{margin: 1.5em 0;padding: 0.5em 1.0em;counter-reset: li;list-style: none;}
	.mce ol li																{position: relative;margin: 0.5em 0;padding: 0 0 0 2.0em;}
	.mce ol li:before														{content: counter(li) "";counter-increment: li;position: absolute;top: 0;bottom: 0;left: 0;width: 1.3em;height: 1.3em;margin: auto;background: #222;border-radius: 50%;color: #FFF;line-height: 1.3em;text-align: center;}
	.mce a																	{text-decoration: underline;}
	.nega {
		.mce																	{color: #FFF;}
		.mce h2::after,
		.mce .h2::after															{background: #FFF;}
		.mce ul li:before														{background: #FFF;}
		.mce ol li:before														{background: #FFF;color: #222;}
		.mce a																	{color: #FFF;text-decoration: underline;}
	}
	.single_nav																{}
	.single_nav a															{color: #222;}

	/* faqs */
	dl.faqs																	{}
	dl.faqs dt																{position:relative;margin:1.5em 0 0 0;padding:0 0 0 2.0em;color:#222;font-size: 1.1em;font-weight: bold;line-height: 1.5em;}
	dl.faqs dt:before														{display:block;content:"Q";position:absolute;top:0;left:0;width:1.5em;height:1.5em;line-height:1.5em;background:#222;border-radius:3px;color:#FFF;font-weight:bold;text-align:center;}
	dl.faqs dt:hover														{cursor:pointer;text-decoration: none;}
	dl.faqs dd																{position:relative;margin:0.5em 0 0 0;padding: 1.0em;/*background: #FFF4e1;*/background: #FFF;border: 5px solid #FFF4e1;border-radius:3px;}
	dl.faqs .hover															{text-decoration:underline;}

	/* header */
	#header																	{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
	#header nav																{}
	#header nav ul															{display: -webkit-flex;display: flex;}
	#header nav ul li														{padding-right: 1.75em;}
	#header nav ul li a														{}
	#header,#menu-overlay header											{padding: 20px;display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;transition: 0.3s;/*text-transform: uppercase;*/}
	#menu-overlay header													{position: absolute;z-index: 10000;}
	#header h1																{/*position: absolute;top: 30px;left: 60px;*/}
	#header h1 a,
	#menu-overlay h1 a														{display: inline-block;padding: 18px 0;color: #ff5722;letter-spacing: 0.05em;font-weight: normal;transition: 0.3s;}
	#header h1 a img,
	#menu-overlay h1 a img													{height: 24px;transition: 0.3s;}
	#menu-overlay .decoration-item											{position: fixed;}
	#menu-overlay .decoration-item:nth-child(1)								{bottom: -5vw;left: -32vw;z-index: -1;max-width: 65vw;opacity: 0.5;transform: scale(-1, 1);}
	#menu-overlay .decoration-item:nth-child(2)								{top: 20vw;right: -15vw;z-index: -1;max-width: 40vw;opacity: 0.5;transform: scale(-1, 1);}
	#menu-button															{position: fixed;top: 20px;right: 20px;z-index: 10000;width: 60px;height: 60px;transition: 0.3s;background-color: #222;border: none;border-radius: 50%;cursor: pointer;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}
	#menu-button .icon														{position: absolute;top: 15px;left: 15px;display: inline-block;}
	#menu-button .icon div													{width: 30px;height: 2px;margin: 6px 0 !important;transition: 0.3s;background-color: #FFF;}
	#menu-button.open														{position: fixed;background-color: #FFF;}
	#menu-button.open .icon													{left: 14px;}
	#menu-button.open .icon div												{background-color: #222;}
	#menu-button.open .icon div:nth-child(1)								{transform: rotate(-45deg) translate(-6px, 6px);}
	#menu-button.open .icon div:nth-child(2)								{opacity: 0;}
	#menu-button.open .icon div:nth-child(3)								{transform: rotate(45deg) translate(-5px, -6px);}
	#menu-overlay															{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #222;color: #FFF;overflow-y: auto;transition: opacity 0.3s ease-in-out;opacity: 0;pointer-events: none;z-index: 9999;}
	#menu-overlay.open														{opacity: 1;pointer-events: auto;}
	#menu-overlay .menu-content												{height: 100%}
	#menu-overlay .menu-content .l-navigation__inner						{padding-top: 2vh;padding-bottom: 20vh;}
	#menu-overlay .menu-content .l-navigation__menu							{padding-top: 100px;display: grid;place-items: center;height: 100%;position: relative;z-index: 10;}
	#menu-overlay .menu-content .l-navigationMenu							{display: -webkit-flex;display: flex;column-gap: 5%;width: 100%;}
	#menu-overlay .menu-content ul.menu-links								{line-height: 1;text-transform: uppercase;}
	#menu-overlay .menu-content ul.menu-links > li							{padding: 0.4em 0 0.4em 0.5em;font-family: "Big Shoulders Display";font-size: 1.8em;}
	#menu-overlay .menu-content ul.menu-links a								{display: inline-block;color: #FFF;font-weight: bold;text-decoration: none;}
	#menu-overlay .menu-content ul.menu-links li > a						{}
	#menu-overlay .menu-content ul.menu-links li ul							{font-size: 0.3em;}
	#menu-overlay .menu-content ul.menu-links li ul li						{padding: 0.5em 0 0.5em 1em;font-size: 2.5em;}
	#menu-overlay .menu-content ul.menu-links li ul li:first-child			{padding-top: 1.5em;}
	#menu-overlay .menu-content ul.menu-links li ul li:last-child			{padding-bottom: 1.5em;}
	#menu-overlay .menu-content ul.menu-links li ul li > a					{font-weight: bold;}
	#menu-overlay .toggle													{max-height: 0;overflow: hidden;transition: max-height 0.5s ease-out;}
	#menu-overlay .toggle.active											{max-height: 500px;}
	#menu-overlay .toggle-icon::after										{position: absolute;right: 15px;display: inline-block;margin-left: 5px;transition: transform 0.2s ease-out;content: '\f063';font: var(--fa-font-solid);font-size: 1.0em;line-height: 30px;}
	#menu-overlay .toggle-icon.active::after								{transform: rotate(180deg);}

	/* fullscreen-container */
	.fullscreen-container													{padding: 20px;padding-top: 0;}
	.fullscreen-image														{position: relative;width: 100%;height: calc(100vh - 100px - 30px);overflow: hidden;margin-top: 100px;background: #000;border-radius: 20px;}
	.fullscreen-image img													{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover;transform: translate(-50%, -50%);opacity: 0.5;}
	.overlay																{position: absolute;bottom: 20px;left: 20px;width: calc(100% - 60px );color: #FFF;}
	.overlay h1																{margin: 15px 0;font-size: 7vw;font-weight: bold;letter-spacing: 0;line-height: 1.1;text-align: left;}
	.overlay p																{margin: 10px 0;font-size: 1.0em;letter-spacing: 0.05em;line-height: 1.5;}
	.overlay > *															{/* text-align: justify; */}

	/* service */
	#service																{padding: 5.0em 0;}
	#service h2																{margin-bottom: 1.0em;font-family: "Big Shoulders Display";font-size: 3.5em;font-weight: bold;line-height: 1;}
	#service h2 sub															{display: block;padding-top: 0.5em;font-size: 0.3em;font-style: normal;font-weight: normal;letter-spacing: 0.1em;}
	#service .flex															{display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: center;}
	#service .flex .service-item											{width: 100%;margin: 0 0 3.0em 0;padding: 0 5vw;}
	#service .flex .service-item:nth-child(odd)								{}
	#service .service-img													{position: relative;overflow: hidden;border-radius: 20px;padding-top: 133.25%;}
	#service .service-img img												{position: absolute;top: 0;left: 0;width: 100%;height: auto;}
	#service h3																{margin: 0.7em 0 0.5em;font-size: 6vw;font-weight: bold;line-height: 1;/* text-align: justify; */}
	#service p																{line-height: 1.5;}

	/* product */
	#product																{padding: 5.0em 0;}
	#product h2																{margin-bottom: 1.0em;font-family: "Big Shoulders Display";font-size: 3.5em;font-weight: bold;line-height: 1;}
	#product h2 sub															{display: block;padding-top: 0.5em;font-size: 0.3em;font-style: normal;font-weight: normal;letter-spacing: 0.1em;}
	#product .flex															{display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;}
	#product .flex > *														{position: relative;}
	#product .wrapper-img													{padding: 4.0em 0 0 4.0em;}
	#product .wrapper-img > div												{overflow: hidden;border-radius: 20px;}
	#product h3																{font-size: 2.0em;font-weight: bold;line-height: 1;}
	#product h3 sub															{display: block;padding-bottom: 0.5em;font-size: 0.4em;font-style: normal;font-weight: normal;letter-spacing: 0.1em;}
	#product h4																{font-size: 2.0em;font-weight: bold;}

	/* news */
	#news																	{padding: 5.0em 0;background: #222;color: #FFF;}
	#news .flex																{display: -webkit-flex;display: flex;flex-wrap: wrap;}
	#news .news-title														{width: 100%;margin-bottom: 4.0em;}
	#news .news-title h2													{margin-bottom: 1.0em;font-family: "Big Shoulders Display";font-size: 3.5em;font-weight: bold;line-height: 1;}
	#news .news-title h2 sub												{display: block;padding-top: 0.5em;color: #FFF;font-size: 0.3em;font-style: normal;font-weight: normal;letter-spacing: 0.1em;}
	#news .news-contents													{width: 100%;}
	#news .news-contents h3													{margin: 2.5em 0 1.0em;font-size: 1.6em;}
	#news .news-contents h4													{margin: 1.0em 0 0.5em;font-size: 1.1em;}
	#news table.news-info													{border: none;}
	#news table.news-info th,
	#news table.news-info td												{padding-left: 10px;border: none;}
	#news table.news-info th												{color: #FFF;}

	/* scope */
	#scope																	{}
	#scope .flex															{display: -webkit-flex;display: flex;flex-wrap: wrap;}
	#scope .swiper-container												{order: 2;position: relative;overflow: hidden;display: -webkit-flex;display: flex;justify-content: center;align-items: center;height: calc( 60vh);width: 100%;}
	#scope .swiper															{height: 100%;width: calc(50% - 10px);position: absolute!important;}
	#scope .swiper.swiper1													{left: 0;top: 0;}
	#scope .swiper.swiper2													{left: calc(50% + 10px);top: 0;}
	#scope .swiper-wrapper													{transition-timing-function: linear;}
	#scope .swiper-slide													{padding: 1.0em;background: #FFF;border-radius: 20px;}
	#scope .swiper-slide h3													{font-size: 1.1em;}
	#scope .swiper-slide h3 sub												{display: block;font-style: normal;opacity: 0.7;}
	#scope .swiper-slide p													{font-size: 0.9em;}
	#scope .swiper-slide img												{width: 20%;}
	#scope .scope-text														{order: 1;flex-direction: column;padding: 4.0em 0 2.0em 0;}
	#scope .scope-text h2													{margin-bottom: 0.3em;font-size: 3.5em;}

	/* company */
	#company																{padding: 5.0em 0;background: #222;color: #FFF;}
	#company .flex															{display: -webkit-flex;display: flex;flex-wrap: wrap;}
	#company .company-title													{width: 100%;margin-bottom: 4.0em;}
	#company .company-title h2												{margin-bottom: 1.0em;font-family: "Big Shoulders Display";font-size: 3.5em;font-weight: bold;line-height: 1;}
	#company .company-title h2 sub											{display: block;padding-top: 0.5em;color: #FFF;font-size: 0.3em;font-style: normal;font-weight: normal;letter-spacing: 0.1em;}
	#company .company-contents												{width: 100%;}
	#company .company-contents h3											{margin: 2.5em 0 1.0em;font-size: 1.6em;}
	#company .company-contents h4											{margin: 1.0em 0 0.5em;font-size: 1.1em;}
	#company table.company-info												{border: none;}
	#company table.company-info th,
	#company table.company-info td											{padding-left: 10px;border: none;}
	#company table.company-info th											{color: #FFF;}

	/* contact */
	#contact																{padding: 5.0em 0;background: #e4e2d9;}
	#contact h2																{margin-bottom: 1.0em;font-family: "Big Shoulders Display";font-size: 3.5em;font-weight: bold;line-height: 1;}
	#contact h2 sub															{display: block;padding-top: 0.5em;font-size: 0.3em;font-style: normal;font-weight: normal;letter-spacing: 0.1em;}
	#contact .flex															{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	#contact .byPhone														{}
	#contact .byEmail														{margin-top: 3.0em;}
	#contact h3																{margin: 1.0em 0 0;font-size: 2.5em;}
	#contact .telLink														{margin: 0;font-size: 3.0em;line-height: 1;}
	#contact a.btn															{margin: 0;}

	/* footer */
	footer																	{padding: 5.0em 0 10em;background-color: #222;color: #FFF;}
	footer .inner-sp														{padding-right: 10vw;padding-left: 10vw;}
	footer a																{position: relative;color: #FFF;line-height: 1.2;text-decoration: none;transition: .3s;}
	footer .footer-logo														{}
	footer .footer-nav														{margin: 4.0em 0;}
	footer .footer-info														{}
	footer ul																{margin: 2.0em 0;}
	footer ul li															{margin: 1.0em 0;}
	footer ul.arrows li a													{position: relative;display: inline-block;padding: 0.2em 0 0.2em 1.0em;}
	footer ul.arrows li a::before											{position: absolute;left: 0;top: 0.3em;content: "\f105";font-family: FontAwesome;}
	footer ul.arrows li a::after											{position: absolute;bottom: 0;left: 0;content: '';width: 0;height: 1px;background-color: #FFF;transition: .3s;}
	footer ul.arrows li a:hover::after										{width: 100%;}
	footer ul.arrows li.none a												{position: relative;padding-left: 0;}
	footer ul.arrows li.none a:before										{display: none;}
	footer section															{padding: 5.0em 0;}
	footer .ttl																{margin: 1.0em 0 0.5em 0;font-size: 1.1em;font-weight: 700;}
	footer .copyright														{padding: 5.0em 0 0 0;font-size: 0.8em;}

	/* page-top */
	#page-top a																{display: -webkit-flex;display: flex;justify-content:center;align-items:center;background:#e35b28;border-radius: 50%;width: 60px;height: 60px;color: #FFF;text-align: center;font-size:0.6rem;letter-spacing: 0.1em;transition:all 0.3s;}
	#page-top:hover															{right:25px;bottom:25px;}
	#page-top:hover a														{width:50px;height:50px;}
	#page-top a img															{width:20px;}
	#page-top																{position: fixed;right: 20px;bottom:20px;z-index: 2;opacity: 0;transform: translateY(100px);transition:all 0.3s;}
	#page-top.UpMove														{animation: UpAnime 0.5s forwards;}
	@keyframes UpAnime {
		from																	{opacity: 0;transform: translateY(100px);}
		to																		{opacity: 1;transform: translateY(0);}
	}
	#page-top.DownMove														{animation: DownAnime 0.5s forwards;}
	@keyframes DownAnime {
		from																	{opacity: 1;transform: translateY(0);}
		to																		{opacity: 1;transform: translateY(100px);}
	}

	/* language-links */
	#language-links a														{display: -webkit-flex;display: flex;justify-content:center;align-items:center;background: #444;border-radius: 50%;width: 60px;height: 60px;color: #FFF;text-align: center;font-size:0.8rem;letter-spacing: 0.1em;transition:all 0.3s;}
	#language-links:hover													{left:25px;bottom:25px;}
	#language-links:hover a													{width:50px;height:50px;}
	#language-links a img													{width:20px;}
	#language-links															{position: fixed;left: 20px;bottom:20px;z-index: 2;opacity: 0;transform: translateY(100px);transition:all 0.3s;}
	#language-links.UpMove													{animation: UpAnime 0.5s forwards;}
	@keyframes UpAnime {
		from																{opacity: 0;transform: translateY(100px);}
		to																	{opacity: 1;transform: translateY(0);}
	}
	#language-links.DownMove												{animation: DownAnime 0.5s forwards;}
	@keyframes DownAnime {
		from																{opacity: 1;transform: translateY(0);}
		to																	{opacity: 1;transform: translateY(100px);}
	}

}


@media screen and (min-width:1024px) {
	#product .inner																{max-width: 1600px;}
	#service h3																	{font-size: 2.5vw;}
	#service .flex .service-item												{width: 40%;}
}



/* 4-1-2 プログレスバー＋数字カウントアップ */
#splash																		{position: fixed;z-index: 99999;width: 100%;height: 100%;background :#222;text-align:center;color: #FFF;}
#splash_text																{position: absolute;top: 50%;left: 50%;z-index: 999;width: 100%;transform: translate(-50%, -50%);color: #FFF;}
#splash_text svg															{height: 2px;}

/* 4 動き */
.fadeDown																	{animation-name: fadeDownAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeDownAnime{
	from																		{opacity: 0;transform: translateY(-100px);}
	to																			{opacity: 1;transform: translateY(0);}
}
.smooth																		{animation-name: smoothAnime;animation-duration:1s;animation-fill-mode:forwards;　transform-origin: left;opacity:0;}
@keyframes smoothAnime{
	from																		{transform: translate3d(0, 100%, 0) skewY(12deg);opacity:0;}
	to																			{transform: translate3d(0, 0, 0) skewY(0);opacity:1;}
}
.fadeDownTrigger,
.smoothTrigger																{opacity: 0;}