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

	色の設定

		コンセプトカラー
		淡	#FFF8CC
		普	#FFDC00
		濃	#998400

		アクセントカラー
		淡	#F0F7ED
		普	#6ab04c
		濃	#406A2E
		
		グレー
		淡	#F8F8F8	(body背景)
		中	#F3F3F3	(背景)
		濃	#DFDFDF	(線)

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

@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');

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

* 																		{text-rendering:geometricPrecision !important;}
html 																	{overflow: auto;}
body 																	{overflow: hidden;background: #FFF;color: #333;font-family: "M PLUS Rounded 1c", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;line-height: 1.5;-webkit-text-size-adjust: none;}
.wrapper																{position: relative;text-align: left;}
a 																		{color: #998400;text-decoration: none;}
a:hover 																{text-decoration: none;}
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;}
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: #c00;color: #FFF;}
.opt																	{display: inline-block;padding: 0 5px;background: #999;color: #FFF;}
.note																	{color: #999;font-size: 0.75em}
small,
.xsmall																	{font-size: 0.7em;}
.small																	{font-size: 0.85em;}
.medium																	{font-size: 1.0em !important;}
.large																	{font-size: 1.5em;}
.bg																		{margin: 2.0em 0;padding: 2.0em;background: #FFF8CC;}
[class~="bg"][class*="accent"]											{background-color: #F0F7ED;}
[class~="bg"][class*="gray"]											{background-color: #F8F8F8;color: #998400;}
.bdr																	{margin: 2.0em 0;padding: 2.0em;background: #FFF;border: 5px solid #FFF8CC;}
[class~="bdr"][class*="accent"]											{border-color: #F0F7ED;}
[class~="bdr"][class*="gray"]											{border-color: #F8F8F8;color: #998400;}
.btn																	{display: block;overflow: hidden;position: relative;width: 100%;margin: 1.0em 0;padding: 0.6em 0 calc(0.6em + 0.15em);background-color: #998400;border: none;box-shadow: 0 -0.3em 0 rgba(0,0,0,0.2) inset;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: 0.5em;-moz-border-radius: 0.5em;border-radius: 0.5em;}
.btn:hover																{filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;text-decoration: none !important;}
[class~="btn"][class*="small"]											{font-size: 0.85em;}
[class~="btn"][class*="large"]											{font-size: 1.3em;}
[class~="btn"][class*="accent"]											{background-color: #6ab04c;}
[class~="btn"][class*="gray"]											{background-color: #999;color: #FFF;}
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;background: transparent;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: #333;vertical-align: middle;}
table td																{border-bottom: 1px solid #DFDFDF;vertical-align: middle;}
.more																	{display: block;margin: 1.0em 0;padding: 1.0em;border: 1px solid #333;color: #333 !important;text-align: center;}
.more:after 															{display: inline-block;margin: 0 0 0 0.5em;content: "\f054";font-family: FontAwesome;font-size: 0.8em;vertical-align: middle;}
.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: #333 !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: #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;}
.index #fee,
.index #office																{position: relative;z-index: 0;background-repeat: no-repeat;background-size: cover;color: #FFF;}
.index #fee::before,
.index #office::before														{content: '';position: absolute;top: 0;width: 100%;height: 100%;background: inherit;filter: brightness(60%);z-index: -1;}
.index #fee a,
.index #office a															{color: #FFF !important;}
.index #fee a.more,
.index #office a.more														{background: #FFF;border-color: #333;color: #333 !important;}


@media screen and (min-width:769px) {
	body 																	{font-size: 16px;line-height: 1.75;}
	.inner																	{position: relative;max-width: 1100px;margin: 0 auto;padding: 0 20px;}

	.slidemenu 																{position: absolute;top: 0;right: 0;left: 0;z-index: 10000 !important;max-width: 1100px;min-width: 1000px;height: 0 !important;margin: 0 auto;visibility: visible !important;}
	.slidemenu a 															{color: #333;}
	.slidemenu .slidemenu-body ul 											{position: absolute;top: 0;right: 0;letter-spacing: -.4em;text-align: right;}
	.index .slidemenu,
	.page .slidemenu 														{position: fixed;top: 0;right: 0;left: 0;z-index: 10000 !important;max-width: 1100px;min-width: 1000px;height: 0 !important;margin: 0 auto;visibility: visible !important;}

	.slidemenu .slidemenu-body ul li 										{display: inline-block;margin-right: 0;}
	.slidemenu .slidemenu-body ul li:last-child 							{margin-right: 0;}
	.slidemenu .slidemenu-body ul li a 										{display: inline-block;/*color: #FFDC00;*/height: 100px;margin: 0;padding: 0 20px;font-family: 'Poppins', sans-serif;font-size: 16px;font-weight: 300;letter-spacing: 1px;line-height: 100px;text-align: center;text-transform: uppercase;}
	.slidemenu .slidemenu-body ul li a span 								{display: none;/*display: block;font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', YuGothic, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;font-size: 10px;font-weight: normal;line-height: 20px;*/}
	.slidemenu .slidemenu-body ul li.trial 									{margin-left: 10px;}
	.slidemenu .slidemenu-body ul li.trial a 								{display: block;position: relative;margin: 0;padding: 0px 30px 0px 15px;background: #FFF;border: 5px solid #FFDC00;color: #998400;font-weight: bold;line-height: 20px;text-align: center;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
	.slidemenu .slidemenu-body ul li.trial a:after 							{position: absolute;right: 10px;content: "\f054";font-family: FontAwesome;}

	#slidebody 																{z-index: 1;background: #FFF;}
	.page #slidebody 														{padding-top: 100px;}

	header 																	{position: relative;width: 100%;height: 80px;background: #FFDC00;text-align: left;}
	header a.logo 															{position: absolute;top: 0;left: 20px;display: block;height: 60px;}
	header a.logo img 														{height: 100%;}
	.index header,
	.page header 															{position: fixed;top: 0;right: 0;left: 0;z-index: 9999;width: 100%;height: 100px;padding: 20px 0;background: transparent;text-align: left;}
	.index header.fixed,
	.page header.fixed 														{background: #FFDC00;transition: 0.3s;}
	.index header.fixed .slidemenu a,
	.page header.fixed .slidemenu a											{color: #333;}
	.index header a.logo 													{top: 0;}

	.contentHero 															{width: 100vw;height: 100vh;min-height: 650px;color: #FFF;background-size: cover;background-position: center;background-image: url('../images/bgHero.jpg?ver=111');display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	.contentHero h1 														{color: #333;font-size: 1.4em;}
	.contentHero .catch 													{margin: 0;font-size: 8.0em;font-weight: bold;letter-spacing: 0.1em;line-height: 1.3;}
	.contentHero .catch img 												{width: 60%;margin-left: 0;}
	.contentHero p 															{color: #333;font-size: 2.0em;}
	.contentHero .trial 													{display: block;position: relative;width: 100%;margin: 1.0em 0 0.75em;padding: 15px 0;background: #FFF;border: 10px solid #FFDC00;font-size: 25px;font-weight: bold;text-align: center;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
	.contentHero .trial:after 												{position: absolute;right: 20px;content: "\f054";font-family: FontAwesome;}
	.contentHero .download 													{display: block;width: 15.0em;margin: 0 auto;color: #FFF;text-align: center;}

	.contentAction 															{padding: 1.5em 0 2.0em;background: #998400;color: #FFF;}
	.contentAction.firstView 												{background: #FFDC00;}
	.contentAction h2 														{margin: 1.5em 0 0.75em;font-size: 1.8em;font-weight: bold;line-height: 2.0em;text-align: center;}
	.contentAction h2:before 												{content: " ";display: inline-block;width: 50px;height: 40px;margin: 0 0.5em 0 0;background: url(../images/bgActionTitle.png) no-repeat;background-size: contain;vertical-align: middle;}
	.contentAction h2 span 													{font-weight: bold;}
	.contentAction h2 em 													{font-size: 1.2em;font-weight: bold;}
	.contentAction .fr 														{width: 49%;text-align: center;}
	.contentAction .fr .freedial 											{font-size: 45px;color: #FFF;font-weight: bold;line-height: 50px;vertical-align: baseline;}
	.contentAction .fr .freedial:before 									{content: " ";display: inline-block;width: 60px;height: 38px;margin: 0 0.2em 0 0;background: url(../images/bgFreedialFV.png) no-repeat left bottom;background-size: cover;vertical-align: baseline;}
	.contentAction .fr dl 													{margin: 0.5em 0;line-height: 1.5em;}
	.contentAction .fr dl dt 												{display: inline-block;margin: 0 0.5em 0 0;padding:0 0.5em;border: 1px solid #FFF;}
	.contentAction .fr dl dd 												{display: inline-block;}
	.contentAction .fr .mail 												{display: block;position: relative;width: 100%;margin: 1.5em 0 0;padding: 0.5em 0;border: 5px solid #FFF;text-align: center;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
	.contentAction .fr .mail span 											{display: block;color: #FFF;font-size: 2.0em;font-weight: bold;line-height: 1.5;}
	.contentAction .fr .mail span sub 										{display: block;font-size: 0.5em;font-style: normal;font-weight: normal;}
	.contentAction .fr .mail:after 											{position: absolute;top: calc(50% - 0.5em);right: 20px;color: #FFF;content: "\f054";font-family: FontAwesome;font-size: 25px;line-height: 1;}
	.contentAction .fl 														{width: 49%;}
	.contentAction .fl .example 											{padding: 1.7em 2.0em;border: 1px solid #FFF;}
	.contentAction .fl .example ul											{margin: 0;padding: 0;}
	.contentAction .fl .example ul li										{position: relative;margin: 0.2em 0;padding: 0.3em 0 0 1.5em;font-size: 1.2em;font-weight: bold;line-height: 1.2;}
	.contentAction .fl .example ul li:before								{content: "";position: absolute;top: 0.45em;left: 0;width: 0.95em;height: 0.95em;margin: auto;background: #FFF;border-radius: 50%;}
	.contentAction .fl .example p 											{margin: 0.5em 0;font-size: 1.2em;line-height: 1.5;}

	.contentTitle 															{background: #FFF8CC;color: #333;}
	.contentTitle .inner 													{padding: 5.0em 0;}
	.contentTitle h1 span,
	.contentTitle .h1 span 													{display: block;font-size: 0.5em;}
	.contentTitle h1,
	.contentTitle .h1 														{position: relative;z-index: 2;font-size: 2.6em;font-weight: bold;line-height: 1.2;text-align: center;}
	.post .contentTitle 													{overflow: hidden;position: relative;z-index: 0;height: 200px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
	.post .contentTitle::before 											{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;content: "";display: block;background: rgba(0,0,0,0.3);}
	.post .content .title 													{margin: 0 0 5.0em 0;}
	.post .content h1,
	.post .content .h1 														{margin: 3.0em 0 0.5em;font-size: 2.6em;font-weight: bold;}
	.post .content .date 													{color: #666;font-size: 0.9em;}

	.content 																{padding: 5.0em 0;border-bottom: 1px solid #DDD;}
	.content:last-child 													{border: none;}
	.content h2 span,
	.content .h2 span,
	.content h3 span,
	.content .h3 span,
	.content h4 span,
	.content .h4 span,
	.content h5 span,
	.content .h5 span,
	.content h6 span,
	.content .h6 span 														{display: block;font-size: 0.5em;}
	.content h2,
	.content .h2 															{margin: 2.0em 0 1.0em;font-size: 2.2em;font-weight: bold;}
	.content h3,
	.content .h3 															{margin: 2.0em 0 1.0em;font-size: 1.8em;font-weight: bold;}
	.content h4,
	.content .h4 															{margin: 2.0em 0 1.0em;font-size: 1.4em;font-weight: bold;}
	.content h5,
	.content .h5 															{margin: 2.0em 0 1.0em;font-size: 1.2em;font-weight: bold;}
	.content h6,
	.content .h6 															{margin: 2.0em 0 1.0em;font-size: 1.1em;font-weight: bold;}
	.content ul																{margin: 1.5em 0;padding: 0.5em 1.0em;}
	.content ul li															{position: relative;margin: 0.5em 0;padding: 0 0 0 2.0em;}
	.content ul li:before													{content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 1.3em;height: 1.3em;margin: auto;background: #333;border-radius: 50%;}
	.content ol 															{margin: 1.5em 0;padding: 0.5em 1.0em;counter-reset: li;list-style: none;}
	.content ol li 															{position: relative;margin: 0.5em 0;padding: 0 0 0 2.0em;}
	.content 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: #333;border-radius: 50%;color: #FFF;line-height: 1.3em;text-align: center;}

	.index .content 														{padding: 10.0em 0;}
	.index .content h2 span,
	.index .content .h2 span,
	.index .content h3 span,
	.index .content .h3 span,
	.index .content h4 span,
	.index .content .h4 span,
	.index .content h5 span,
	.index .content .h5 span,
	.index .content h6 span,
	.index .content .h6 span 												{display: block;font-size: 0.2em;}
	.index .content h2,
	.index .content .h2 													{margin: 3.0em 0 0.5em;font-size: 6.0em;font-weight: bold;line-height: 1.5;}
	.index .content h3,
	.index .content .h3 													{margin: 3.0em 0 1.0em;font-size: 2.8em;font-weight: bold;line-height: 1.5;}
	.index .content h4,
	.index .content .h4 													{margin: 3.0em 0 1.0em;font-size: 1.4em;font-weight: bold;line-height: 1.5;}
	.index .content h5,
	.index .content .h5 													{margin: 3.0em 0 1.0em;font-size: 1.2em;font-weight: bold;line-height: 1.5;}
	.index .content h6,
	.index .content .h6 													{margin: 3.0em 0 1.0em;font-size: 1.0em;font-weight: bold;line-height: 1.5;}

	/* section.content */
	.cases 																	{margin: 0;}
	.cases .case 															{}
	.cases .case a 															{display: block;background: #EEE;}
	.cases .case .image 													{overflow: hidden;width: 100%;background: url(../images/bgBxLoader.gif) no-repeat center center;border: 1px solid #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.cases .case .image img 												{display: none;max-width: none;}
	.cases .case .text 														{padding: 1.0em 0;background: #998400;color: #FFF;}
	.cases .case .text p 													{margin: 0.5em 0;}
	.cases .case .text p.title 												{font-size: 1.1em;font-weight: bold;}
	.logos 																	{}
	.what 																	{}
	.functions 																{}
	.functions .function 													{padding: 1.0em 0;}
	.functions .function i.fa 												{color: #998400;font-size: 8.0em;}
	.functions .function p 													{}
	.functions .function p.title 											{margin: 1.5em 0 1.0em;color: #998400;font-size: 1.2em;}
	.supports 																{}
	.supports .support 														{padding: 1.0em 0;}
	.supports .support i.fa 												{color: #998400;font-size: 8.0em;}
	.supports .support p 													{}
	.supports .support p.title 												{margin: 1.5em 0 1.0em;color: #998400;font-size: 1.2em;}
	.informations 															{}
	.informations .information 												{display: block;color: #333;}
	.informations .information .image 										{overflow: hidden;width: 100%;background: url(../images/bgBxLoader.gif) no-repeat center center;border: 1px solid #F6F6F6;isplay: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.informations .information .image img 									{visibility: hidden;max-width: none;transition: 0.3s;}
	.informations .information:hover .image img 							{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);}
	.informations .information .text 										{margin: 1.0em 0 0 0;}
	.informations .information .text p 										{margin: 0;line-height: 1.75;}
	.informations .information .text p.date 								{margin: 0.5em 0;color: #666;font-size: 0.8em;}
	.informations .information .text p.title 								{font-weight: bold;}
	.informations .information:hover .text p 								{color: #998400;}
	.index .content.articles 												{}
	.index .content.articles .article 										{display: block;color: #333;}
	.index .content.articles .article .image 								{overflow: hidden;width: 100%;background: url(../images/bgBxLoader.gif) no-repeat center center;border: 1px solid #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.index .content.articles .article .image img 							{visibility: hidden;max-width: none;transition: 0.3s;}
	.index .content.articles .article:hover .image img 						{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);}
	.index .content.articles .article .text 								{margin: 1.0em 0 0 0;}
	.index .content.articles .article .text p 								{margin: 0;line-height: 1.75;}
	.index .content.articles .article .text p.date 							{margin: 0.5em 0;color: #666;font-size: 0.8em;}
	.index .content.articles .article .text p.title 						{font-weight: bold;}
	.index .content.articles .article:hover .text p 						{color: #998400;}

	.index .news dl 														{font-size: 1.1em;}
	.index .news dl dt 														{float: left;width: 8.0em;padding-bottom: 0.5em;}
	.index .news dl dd 														{padding-bottom: 0.5em;padding-left: 8.0em;}

	.page .content.articles 												{}
	.page .content.articles .main 											{width: 66%;}
	.page .content.articles .aside 											{width: 30%;}

	.page .content.articles .article 										{display: block;padding: 3.0em 0;border-bottom: 1px solid #EBEBEB;color: #333;}
	.page .content.articles .article:first-child 							{padding-top: 0;}
	.page .content.articles .article .image 								{float: left;overflow: hidden;width: 33%;background: url(../images/bgBxLoader.gif) no-repeat center center;border: 1px solid #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.page .content.articles .article .image img 							{visibility: hidden;max-width: none;transition: 0.3s;}
	.page .content.articles .article .image:hover img 						{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);}
	.page .content.articles .article .text 									{float: right;width: 65%;margin: 0;}
	.page .content.articles .article .text a 								{color: #333;}
	.page .content.articles .article .text p 								{margin: 0;line-height: 1.75;}
	.page .content.articles .article .text p.date 							{margin: 0.5em 0;color: #666;font-size: 1.0em;}
	.page .content.articles .article .text p.title 							{font-size: 1.5em;font-weight: bold;}
	.page .content.articles .article .text:hover p.title 					{color: #998400;}

	.page .content.articles .articleAside 									{display: block;margin: 1.5em 0;padding: 0;color: #333;}
	.page .content.articles .articleAside .image 							{float: left;overflow: hidden;width: 33%;background: url(../images/bgBxLoader.gif) no-repeat center center;border: 1px solid #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.page .content.articles .articleAside .image img 						{visibility: hidden;max-width: none;transition: 0.3s;}
	.page .content.articles .articleAside:hover .image img 					{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);}
	.page .content.articles .articleAside .text 							{float: right;width: 63%;margin: 0;}
	.page .content.articles .articleAside .text a 							{color: #333;}
	.page .content.articles .articleAside .text p 							{margin: 0;font-size: 0.8em;line-height: 1.5;}
	.page .content.articles .articleAside .text p.date 						{margin: 0.5em 0;color: #666;font-size: 0.9em;}
	.page .content.articles .articleAside .text p.title 					{font-size: 0.9em;}
	.page .content.articles .articleAside:hover .text p 	 				{color: #998400;}

	.page .functions 														{}
	.page .functions .function 												{padding: 2.5em 0.5em 2.0em;border: 1px solid #998400;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	.page .functions .function i.fa 										{color: #998400;font-size: 8.0em;}
	.page .functions .function p 											{}
	.page .functions .function p.title 										{margin: 1.5em 0 1.0em;color: #998400;font-size: 1.3em;}
	.page .functions .function.new 											{background: url(../images/bgNew.png?ver=1) no-repeat top right;background-size: 30%;}

	.page .tokuteiginou svg													{color: #998400 !important;}

	.breadcrumb 															{position: absolute;top:0;left:20px;z-index: 2;padding: 10px 0;color: #FFF;font-size: 0.85em;}
	.breadcrumb a 															{color: #FFF;}

	footer																	{padding: 4.0em 0;background: #FFDC00;border-top: 1px solid #DDD;}
	footer .inner 															{margin-top: 4.0em;margin-bottom: 4.0em;}
	footer a 																{color: #333;}
	footer .blocks  														{margin-left: -2%;}
	footer .blocks > * 														{float: left;height: auto;margin-left: 2%;}
	footer .blocks:after 													{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
	footer .blocks > *														{width: 18.000%;}
	footer .blocks > *:last-child 											{width: 58.000%;}
	footer .logo img														{width: 80%;}
	footer nav 																{}
	footer nav h2 															{font-size: 1.1em;font-weight: bold;}
	footer nav ul 															{}
	footer nav ul li 														{padding: 0.2em 0;}
	footer nav ul li a 														{position: relative;padding: 0 0 0 1.0em;}
	footer nav ul li a:before 												{position: absolute;left: 0;content: "\f105";font-family: FontAwesome;}
	footer .facebook 														{}
	footer .copyright 														{font-size: 0.9em;line-height: 1.5;text-align: center;}

	/* addition */
	.customize-support .slidemenu,
	.customize-support header 												{top: 0px;}
	.index.customize-support .slidemenu,
	.index.customize-support header 										{top: 32px;}
	#policy 																{/*border: none;*/}

	/* slick */
	.slick-prev,
	.slick-next 															{width: 30px !important;height: 30px !important;}
	.slick-prev 															{left: 0px !important;z-index: 9999;}
	.slick-next 															{right: 0px !important;z-index: 9999;}
	.slick-prev:before,
	.slick-next:before 														{font-size: 30px !important;}

}











@media screen and (max-width:768px) {
	body 																	{font-size: 13px;}
	.bg																		{padding: 1.0em;}
	.bdr																	{padding: 1.0em;}
	table																	{width: 100%;margin: 1em 0;background: transparent;border: 1px solid #DFDFDF;border-bottom: none;font-size: 100%;}
	table th,table td														{display: block;padding: 3%;}
	table th																{width: 100% !important;background: #998400;border-bottom: 1px solid #DFDFDF;color: #FFF;vertical-align: middle;}
	table td																{border-bottom: 1px solid #DFDFDF;vertical-align: middle;}
	.inner-sp 																{width: 100%;margin: 0 auto;padding: 0 5%;}

	.slidemenu 																{position: fixed;top: 0;right: 0;z-index: -1;visibility: hidden;width: 250px;padding: 0 20px;background: #FFDC00;border-left: 1px solid #FFF;color: #333;font-size: 14px;}
	.slidemenu a 															{color: #333;}
	.slidemenu .slidemenu-header 											{display: none;}
	.slidemenu .slidemenu-body 												{overflow: hidden;position: relative;height: 100%;padding: 20px 0;}
	.slidemenu .slidemenu-body .logo a 										{display: block;padding: 0.5em;}
	.slidemenu .slidemenu-body ul 											{margin: 2.0em 0 0;font-size: 1.1em;}
	.slidemenu .slidemenu-body ul li 										{}
	.slidemenu .slidemenu-body ul li a 										{display: block;padding: 0;/*color: #FFDC00;*/font-weight: bold;line-height: 40px;}
	.slidemenu .slidemenu-body ul li a:hover 								{text-decoration: none;}
	.slidemenu .slidemenu-body ul li a span 								{display: none;/*margin-left: 0.75em;font-size: 0.8em;*/}
	.slidemenu .slidemenu-body ul li a span:before 							{/*margin-right: 0.75em;content: "-";*/}
	.slidemenu .slidemenu-body ul li.login 									{}
	.slidemenu .slidemenu-body ul li.login:before 							{}
	.slidemenu .slidemenu-body ul li.login a 								{}
	.slidemenu .slidemenu-body ul li.trial 									{margin-left: 0;padding: 0.5em;}
	.slidemenu .slidemenu-body ul li.trial a 								{display: block;position: relative;padding: 0 2.5em 0 1.0em;background: #FFF;border: 5px solid #FFDC00;color: #998400;font-weight: bold;text-align: center;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
	.slidemenu .slidemenu-body ul li.trial a:after 							{position: absolute;right: 10px;content: "\f054";font-family: FontAwesome;}
	#slidebody 																{z-index: 1;background: #FFF;}
	header 																	{position: relative;width: 100%;height: 50px;background: #FFDC00;text-align: left;}
	.index header 															{position: absolute;background: transparent;z-index: 99999;}
	header a.logo 															{position: absolute;top: 10px;left: 10px;display: block;height: 30px;}
	header a.logo img 														{height: 100%;}
	header .button 															{position: absolute;top: 0;right: 0;display: block;width: 50px;height: 50px;text-align: center;z-index: 99999;}
	header .button:before 													{color: #333;content: "\f0c9";font-family: FontAwesome;font-size: 30px;line-height: 50px;}
/*
	.contentHero 															{padding: 1.0em 0 1.5em;background: #998400;color: #FFF;}
	.contentHero img 														{width: 100%;}
*/
	.contentHero 															{width: 100vw;height: 100vh;min-height: 100vh;background-size: cover;background-position: center;background-image: url('../images/bgHero.jpg?ver=11');color: #FFF;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	.contentHero .innerContentHero 											{padding: 3.0em 1.0em;color: #333;}
	.contentHero h1															{font-size: 1.0em;}
	.contentHero .catch 													{margin: 0;font-size: 3.0em;font-weight: bold;letter-spacing: 0.1em;}
	.contentHero .catch img 												{width: 100%;margin-left: 0;}
	.contentHero p 															{font-size: 1.4em;}
	.contentHero h2 														{margin: 0.75em 0 0.75em;font-size: 1.4em;font-weight: bold;line-height: 1.1;}
	.contentHero h2 em 														{display: block;padding: 0.1em 0;font-size: 2.2em;font-weight: bold;}
	.contentHero .trial 													{display: block;position: relative;width: 100%;margin: 1.0em 0 0.75em;padding: 0.5em 0;background: #FFF;border: 5px solid #FFDC00;font-size: 1.2em;font-weight: bold;text-align: center;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
	.contentHero .trial:after 												{position: absolute;right: 0.5em;content: "\f054";font-family: FontAwesome;}
	.contentHero .download 													{display: block;width: 15.0em;margin: 0 auto;color: #FFF;text-align: center;}
	.contentAction 															{padding: 1.5em 0 2.0em;background: #998400;color: #FFF;}
	.contentAction.firstView 												{background: #FFF8CC;color: #998400;}
	.contentAction.firstView h2 span 										{background-image: url(../images/bgActionTitleSub.png);}
	.contentAction h2 														{margin: 1.5em 0 0.75em;text-align: center;}
	.contentAction h2 span 													{display: inline-block;padding: 0 0 0 3.5em;background: url(../images/bgActionTitle.png) no-repeat left center;background-size: 3.0em;font-size: 1.3em;font-weight: bold;line-height: 1.2;}
	.contentAction h2 span em 												{font-size: 1.2em;font-weight: bold;}
	.contentAction .call 													{display: block;padding: 0.7em 0;background: url(../images/bgCall.png) repeat-x 0 0;background-size: contain;-webkit-border-radius: 0.5em;-moz-border-radius: 0.5em;border-radius: 0.5em;}
	.contentAction .call .freedial 											{padding: 0 0 0 1.5em;background: url(../images/bgFreedial.png) no-repeat left center;background-size: 1.2em;font-size: 2.0em;font-weight: bold;line-height: 1.1;vertical-align: middle;}
	.contentAction .call dl 												{margin: 0.3em 0;font-size: 0.9em;line-height: 1.5em;}
	.contentAction .call dl dt 												{display: inline-block;margin: 0 0.3em 0 0;padding:0 0.3em;border: 1px solid #998400;}
	.contentAction .call dl dd 												{display: inline-block;}
	.contentAction .call .clickFor 											{color: #D0021B;}
	.contentAction .mail 													{display: inline-block;padding: 0.8em 0;color: #FFF;text-decoration: underline;}
	.contentAction .example 												{padding: 0.7em 1.0em;border: 1px solid #FFF;}
	.contentAction .example ul 												{margin: 0;padding: 0;}
	.contentAction .example ul li 											{position: relative;margin: 0.2em 0;padding: 0.1em 0 0.1em 1.5em;font-weight: bold;line-height: 1.2;}
	.contentAction .example ul li:before 									{content: "";position: absolute;top: 0.15em;left: 0;width: 0.95em;height: 0.95em;margin: auto;background: #FFF;border-radius: 50%;}
	.contentAction .example p 												{margin: 0.5em 0;line-height: 1.2;}
	.contentAction.firstView .call 											{background-image: url(../images/bgCallFV.png);color: #FFF;}
	.contentAction.firstView .call .freedial 								{background-image: url(../images/bgFreedialFV.png);}
	.contentAction.firstView .call dl dt 									{border-color: #FFF;}
	.contentAction.firstView .call .clickFor 								{color: #FF0;}
	.contentAction.firstView .mail 											{color: #998400;}
	.contentAction.firstView .example 										{border-color: #998400;}
	.contentAction.firstView .example ul li:before 							{background: #998400;}
	.contentTitle 															{background: #FFF8CC;color: #333;}
	.contentTitle .inner 													{padding: 3.0em 0;}
	.contentTitle h1 span,
	.contentTitle .h1 span 													{display: block;font-size: 0.5em;}
	.contentTitle .h1-sp span 												{display: block !important;font-size: 0.5em !important;}
	.contentTitle h1,
	.contentTitle .h1 														{position: relative;z-index: 2;font-size: 1.9em;line-height: 1.2;text-align: center;}
	.contentTitle .h1-sp 													{position: relative;z-index: 2;font-size: 1.9em;line-height: 1.2;text-align: center;}
	.post .contentTitle 													{overflow: hidden;position: relative;z-index: 0;min-height: 100px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;}
	.post .contentTitle::before 											{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;content: "";display: block;background: rgba(0,0,0,0.3);}
	.post .contentTitle .inner 												{padding: 0;}
	.post .content .title 													{margin: 0 0 3.0em 0;}
	.post .content .title h1,
	.post .content .title .h1 												{margin: 2.0em 0 0.5em;font-size: 1.9em;font-weight: bold;}
	.post .content .title .h1-sp 											{margin: 2.0em 0 0.5em;font-size: 1.9em;font-weight: bold;}
	.post .content .date 													{color: #666;font-size: 0.9em;}
	.content 																{padding: 4.0em 0;border-top: 1px solid #DDD;}
	.content:first-child 													{border-top: none;}
	.content h2 span,
	.content .h2 span,
	.content h3 span,
	.content .h3 span,
	.content h4 span,
	.content .h4 span,
	.content h5 span,
	.content .h5 span,
	.content h6 span,
	.content .h6 span 														{display: block;font-size: 0.5em;}
	.content .h2-sp span,
	.content .h3-sp span,
	.content .h4-sp span,
	.content .h5-sp span,
	.content .h6-sp span 													{display: block;font-size: 0.5em;}
	.content h2,
	.content .h2 															{margin: 2.0em 0 1.0em;font-size: 1.8em;font-weight: bold;}
	.content h3,
	.content .h3 															{margin: 2.0em 0 1.0em;font-size: 1.45em;font-weight: bold;}
	.content h4,
	.content .h4 															{margin: 2.0em 0 1.0em;font-size: 1.3em;font-weight: bold;}
	.content h5,
	.content .h5 															{margin: 2.0em 0 1.0em;font-size: 1.15em;font-weight: bold;}
	.content h6,
	.content .h6 															{margin: 2.0em 0 1.0em;font-size: 1.0em;font-weight: bold;}
	.content .h2-sp 														{margin: 2.0em 0 1.0em;font-size: 1.6em;font-weight: bold;}
	.content .h3-sp 														{margin: 2.0em 0 1.0em;font-size: 1.45em;font-weight: bold;}
	.content .h4-sp 														{margin: 2.0em 0 1.0em;font-size: 1.3em;font-weight: bold;}
	.content .h5-sp 														{margin: 2.0em 0 1.0em;font-size: 1.15em;font-weight: bold;}
	.content .h6-sp 														{margin: 2.0em 0 1.0em;font-size: 1.0em;font-weight: bold;}
	.content ul																{margin: 1.5em 0;padding: 0.5em 1.0em;}
	.content ul li															{position: relative;margin: 0.5em 0;padding: 0 0 0 2.0em;}
	.content ul li:before													{content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 1.3em;height: 1.3em;margin: auto;background: #333;border-radius: 50%;}
	.content ol 															{margin: 1.5em 0;padding: 0.5em 1.0em;counter-reset: li;list-style: none;}
	.content ol li 															{position: relative;margin: 0.5em 0;padding: 0 0 0 2.0em;}
	.content 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: #333;border-radius: 50%;color: #FFF;line-height: 1.3em;text-align: center;}
	.index .content h2 span,
	.index .content .h2 span,
	.index .content h3 span,
	.index .content .h3 span,
	.index .content h4 span,
	.index .content .h4 span,
	.index .content h5 span,
	.index .content .h5 span,
	.index .content h6 span,
	.index .content .h6 span 												{display: block;font-size: 0.5em;}
	.index .content .h2-sp span,
	.index .content .h3-sp span,
	.index .content .h4-sp span,
	.index .content .h5-sp span,
	.index .content .h6-sp span 											{display: block;font-size: 0.5em;}
	.index .content h2,
	.index .content .h2 													{margin: 2.0em 0 1.0em;font-size: 2.0em;font-weight: bold;}
	.index .content h3,
	.index .content .h3 													{margin: 2.0em 0 1.0em;font-size: 1.45em;font-weight: bold;}
	.index .content h4,
	.index .content .h4 													{margin: 2.0em 0 1.0em;font-size: 1.3em;font-weight: bold;}
	.index .content h5,
	.index .content .h5 													{margin: 2.0em 0 1.0em;font-size: 1.15em;font-weight: bold;}
	.index .content h6,
	.index .content .h6 													{margin: 2.0em 0 1.0em;font-size: 1.0em;font-weight: bold;}
	.index .content .h2-sp 													{margin: 2.0em 0 1.0em;font-size: 1.6em;font-weight: bold;}
	.index .content .h3-sp 													{margin: 2.0em 0 1.0em;font-size: 1.45em;font-weight: bold;}
	.index .content .h4-sp 													{margin: 2.0em 0 1.0em;font-size: 1.3em;font-weight: bold;}
	.index .content .h5-sp 													{margin: 2.0em 0 1.0em;font-size: 1.15em;font-weight: bold;}
	.index .content .h6-sp 													{margin: 2.0em 0 1.0em;font-size: 1.0em;font-weight: bold;}
	.index .news dl 														{font-size: 1.0em;}
	.index .news dl dt 														{display: block;padding-bottom: 0.5em;}
	.index .news dl dd 														{margin-bottom: 1.0em;padding-bottom: 0.5em;}

	/* section.content */
	.cases 																	{margin: 0;}
	.cases .case 															{}
	.cases .case a 															{display: block;background: #EEE;}
	.cases .case .image 													{overflow: hidden;width: 100%;background: url(../images/bgBxLoader.gif) no-repeat center center;border: 1px solid #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.cases .case .image img 												{display: none;max-width: none;}
	.cases .case .text 														{padding: 1.0em 0;background: #998400;color: #FFF;}
	.cases .case .text p 													{margin: 0.5em 0;}
	.cases .case .text p.title 												{font-size: 1.1em;font-weight: bold;}
	.logos 																	{}
	.what 																	{}
	.functions 																{}
	.functions .function 													{padding: 1.0em 0;}
	.functions .function i.fa 												{color: #998400;font-size: 8.0em;}
	.functions .function p 													{margin: 0.75em 0;}
	.functions .function p.title 											{color: #998400;font-size: 1.2em;}
	.supports 																{}
	.supports .support 														{padding: 1.0em 0;}
	.supports .support i.fa 												{color: #998400;font-size: 8.0em;}
	.supports .support p 													{margin: 0.75em 0;}
	.supports .support p.title 												{color: #998400;font-size: 1.2em;}
	.informations 															{}
	.informations .information 												{display: block;color: #333;}
	.informations .information .image 										{overflow: hidden;width: 100%;background: url(../images/bgBxLoader.gif) no-repeat center center;border: 1px solid #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.informations .information .image img 									{visibility: hidden;max-width: none;transition: 0.3s;}
	.informations .information:hover .image img 							{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);}
	.informations .information .text 										{margin: 1.0em 0 0 0;}
	.informations .information .text p 										{margin: 0;line-height: 1.75;}
	.informations .information .text p.date 								{margin: 0.5em 0;color: #666;font-size: 0.8em;}
	.informations .information .text p.title 								{font-weight: bold;}
	.informations .information:hover .text p 								{color: #998400;}
	.index .content.articles 												{}
	.index .content.articles .article 										{display: block;color: #333;}
	.index .content.articles .article .image 								{overflow: hidden;width: 100%;background: url(../images/bgBxLoader.gif) no-repeat center center;border: 1px solid #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.index .content.articles .article .image img 							{visibility: hidden;max-width: none;transition: 0.3s;}
	.index .content.articles .article:hover .image img 						{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);}
	.index .content.articles .article .text 								{margin: 1.0em 0 0 0;}
	.index .content.articles .article .text p 								{margin: 0;line-height: 1.75;}
	.index .content.articles .article .text p.date 							{margin: 0.5em 0;color: #666;font-size: 0.8em;}
	.index .content.articles .article .text p.title 						{font-weight: bold;}
	.index .content.articles .article:hover .text p 						{color: #998400;}
	.page .content.articles 												{}
	.page .content.articles .main 											{padding: 0 0 3.0em 0;}
	.page .content.articles .article 										{display: block;padding: 0 0 1.5em;border-top: 1px solid #DDD;color: #333;}
	.page .content.articles .article .image 								{overflow: hidden;width: 100%;background: url(../images/bgBxLoader.gif) no-repeat center center;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.page .content.articles .article .image img 							{visibility: hidden;max-width: none;transition: 0.3s;}
	.page .content.articles .article .image:hover img 						{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);}
	.page .content.articles .article .text 									{width: 100%;margin: 0;padding: 5%;}
	.page .content.articles .article .text a 								{color: #333;}
	.page .content.articles .article .text p 								{margin: 0;line-height: 1.5;}
	.page .content.articles .article .text p.date 							{margin: 0.5em 0;color: #666;font-size: 1.0em;}
	.page .content.articles .article .text p.title 							{font-size: 1.2em;font-weight: bold;}
	.page .content.articles .article .text:hover p.title 					{color: #998400;}
	.page .content.articles .aside 											{padding: 1.5em 0 3.0em;border-top: 1px solid #DDD;} 
	.page .content.articles .articleAside 									{display: block;margin: 2.0em 0;padding: 0;color: #333;}
	.page .content.articles .articleAside .image 							{float: left;overflow: hidden;width: 33%;background: url(../images/bgBxLoader.gif) no-repeat center center;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.page .content.articles .articleAside .image img 						{visibility: hidden;max-width: none;transition: 0.3s;}
	.page .content.articles .articleAside:hover .image img 					{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);}
	.page .content.articles .articleAside .text 							{float: right;width: 63%;margin: 0;}
	.page .content.articles .articleAside .text a 							{color: #333;}
	.page .content.articles .articleAside .text p 							{margin: 0;font-size: 0.9em;line-height: 1.5;}
	.page .content.articles .articleAside .text p.date 						{margin: 0.5em 0;color: #666;font-size: 0.8em;}
	.page .content.articles .articleAside .text p.title 					{font-size: 1.0em;font-weight: bold;}
	.page .content.articles .articleAside:hover .text p 	 				{color: #998400;}
	.page .functions 														{}
	.page .functions .function 												{padding: 2.5em 1.0em 2.0em;border: 1px solid #998400;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	.page .functions .function i.fa 										{color: #998400;font-size: 8.0em;}
	.page .functions .function p 											{}
	.page .functions .function p.title 										{margin: 1.5em 0 1.0em;color: #998400;font-size: 1.3em;}
	.page .functions .function.new 											{background: url(../images/bgNew.png?ver=1) no-repeat top right;background-size: 25%;}

	.page .tokuteiginou svg													{color: #998400 !important;}

	.breadcrumb 															{display: none;}
	footer																	{padding: 2.0em 0;background: #FFF;border-top: 1px solid #DFDFDF;}
	footer .inner-sp 														{padding: 0 2.0em;}
	footer a 																{color: #333;}
	footer nav 																{}
	footer nav p 															{font-size: 1.1em;font-weight: bold;}
	footer nav ul 															{font-size: 1.1em;}
	footer nav ul li 														{padding: 0.2em 0;}
	footer nav ul li a 														{position: relative;padding: 0 0 0 1.0em;}
	footer nav ul li a:before 												{position: absolute;left: 0;content: "\f105";font-family: FontAwesome;}
	footer .facebook 														{}
	footer .copyright 														{font-size: 0.8em;line-height: 1;text-align: center;}

	/* addition */
	.customize-support .slidemenu 											{top: 32px;}
	#policy 																{/*border: none;*/}

	/* slick */
	.slick-prev,
	.slick-next 															{width: 20px !important;height: 20px !important;}
	.slick-prev 															{left: 10px !important;z-index: 9999;}
	.slick-next 															{right: 10px !important;z-index: 9999;}
	.slick-prev:before,
	.slick-next:before 														{font-size: 20px !important;}


}