@charset "utf-8";

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

	色の設定

		コンセプトカラー
		淡	#E2F0F5
		普	#6BBDDC
		濃	#5390B0

		アクセントカラー
		淡	#FDF5E8
		普	#EF9816
		濃	#BF7A12
		
		グレー
		淡	#F8F8F8	(body背景)
		中	#F3F3F3	(背景)
		濃	#DFDFDF	(線)

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

@import url('https://fonts.googleapis.com/css?family=Poppins:300,500,700');

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

* 																		{text-rendering:geometricPrecision !important;}
html 																	{overflow: auto;}
body 																	{overflow: hidden;background: #FFF;color: #000;font-family: "ヒラギノ角ゴ 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: #5390B0;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,
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.25em;}
.xlarge																	{font-size: 1.5em;}
.xxlarge																{font-size: 2.0em;}
.xxxlarge																{font-size: 3.0em;}
.bg																		{margin: 2.0em 0;padding: 2.0em;background: #E2F0F5;}
[class~="bg"][class*="accent"]											{background-color: #FDF5E8;}
[class~="bg"][class*="gray"]											{background-color: #F8F8F8;color: #5390B0;}
.bdr																	{margin: 2.0em 0;padding: 2.0em;background: #FFF;border: 5px solid #E2F0F5;}
[class~="bdr"][class*="accent"]											{border-color: #FDF5E8;}
[class~="bdr"][class*="gray"]											{border-color: #F8F8F8;color: #5390B0;}
.btn																	{display: block;overflow: hidden;position: relative;width: 100%;margin: 1.0em 0;padding: 0.6em 0 calc(0.6em + 0.15em);background-color: #5390B0;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: #EF9816;}
[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 #6BBDDC;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;}
.blue																	{color: #5390B0;}


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

	.slidemenu 																{position: fixed;top: 0;right: 0;left: 0;z-index: 10000 !important;min-width: 1000px;height: 0 !important;margin: 0 auto;visibility: visible !important;}
	.slidemenu a 															{color: #000;}
	.slidemenu .slidemenu-body ul 											{position: absolute;top: 0;right: 20px;text-align: right;}

	.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;height: 70px;margin: 0;padding: 0 10px;font-family: 'Poppins', sans-serif;font-size: 14px;font-weight: 300;letter-spacing: 0.1em;line-height: 70px;text-align: center;}
	.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 #6BBDDC;color: #5390B0;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;}

	header 																	{position: fixed;top: 0;right: 0;left: 0;z-index: 9999;width: 100%;height: 70px;padding: 20px 0;text-align: left;}
	header.fixed 															{background: #FFF;-webkit-box-shadow: 0 0 20px 0 #ccc;box-shadow: 0 0 20px 0 #ccc;}
	header .logo 															{position: absolute;top: 20px;left: 20px;display: block;height: 30px;}
	header .logo img 														{height: 100%;}

	.contentHero 															{position: relative;width: 100vw;height: auto;padding: calc( 70px + 4.0em ) 0 4.0em;}
	.contentHero:after														{position: absolute;content: "";right: 0;top: 0;width: 100%;height: 100%;background-color: #f0ebd3;-webkit-clip-path: polygon(68% 0, 100% 0, 100% 100%, 36% 100%);clip-path: polygon(68% 0, 100% 0, 100% 100%, 36% 100%);z-index: -1;}
	.contentHero img														{width: 100%;}
	.contentHero .inner														{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;}
	.contentAction 															{padding: 1.5em 0 2.0em;background: #5390B0;color: #FFF;}
	.contentAction.firstView 												{background: #6BBDDC;}
	.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: #6BBDDC;color: #FFF;}
	.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: 3.0em;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-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,
	.content .h2															{position: relative;display: inline-block;margin: 2.0em 0 1.0em;padding: 0 2em;color: #000;font-size: 1.8em;font-weight: bold;}
	.content h2:before,
	.content .h2:before,
	.content h2:after,
	.content .h2:after														{content: '';position: absolute;top: 50%;display: inline-block;width: 44px;height: 2px;background-color: black;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}
	.content h2:before,
	.content .h2:before														{left:0;}
	.content h2:after,
	.content .h2:after														{right: 0;}
	.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.5em;font-weight: bold;}
	.content h5,
	.content .h5 															{margin: 2.0em 0 1.0em;font-size: 1.3em;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 0.5em 0.5em;}
	.content ul li															{position: relative;margin: 0.5em 0;padding: 0 0 0 1.8em;}
	.content ul li:before													{content: "";position: absolute;top: 0.25em;bottom: auto;left: 0;width: 1.2em;height: 1.2em;margin: auto;background: #5390B0;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: #5390B0;border-radius: 50%;color: #FFF;line-height: 1.3em;text-align: center;}
	.content.nega															{background: #4C9CBB;background-image: url(../images/bgSectionColord01.png), url(../images/bgSectionColord02.png);background-repeat: no-repeat, no-repeat;background-position: 0 0, 0 100%;background-size: cover, cover;color: #FFF;}
	.content.nega a															{color: #FFF;}
	.content.nega h2,
	.content.nega .h2														{color: #FFF;}
	.content.nega h2:before,
	.content.nega .h2:before,
	.content.nega h2:after,
	.content.nega .h2:after													{background-color: #FFF;}


	/* 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: #5390B0;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: #5390B0;font-size: 8.0em;}
	.functions .function p 													{}
	.functions .function p.title 											{margin: 1.5em 0 1.0em;color: #5390B0;font-size: 1.2em;}
	.supports 																{}
	.supports .support 														{padding: 1.0em 0;}
	.supports .support i.fa 												{color: #5390B0;font-size: 8.0em;}
	.supports .support p 													{}
	.supports .support p.title 												{margin: 1.5em 0 1.0em;color: #5390B0;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: #5390B0;}
	.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: #5390B0;}

	.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: #5390B0;}

	.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: #5390B0;}

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

	.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: #333;color: #FFF}
	footer .inner 															{margin-top: 4.0em;margin-bottom: 3.0em;}
	footer a 																{color: #FFF;}
	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: 21.000%;}
	footer .blocks > *:last-child 											{width: 29.000%;}
	footer .logo img														{width: 80%;}
	footer nav 																{}
	footer nav p 															{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 																	{background: #f5f3e7;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: #5390B0;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: #4B89AA;border-left: 1px solid rgba(255,255,255,0.5);color: #FFF;font-size: 14px;}
	.slidemenu a 															{color: #FFF;}
	.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: #FFF;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 #6BBDDC;color: #5390B0;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;}
	header 																	{position: fixed;top: 0;background: transparent;width: 100%;height: 50px;text-align: left;}
	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: #000;content: "\f0c9";font-family: FontAwesome;font-size: 30px;line-height: 50px;}
	header.fixed 															{position: sticky;top:0;ackground: #FFF;-webkit-box-shadow: 0 0 20px 0 #ccc;box-shadow: 0 0 20px 0 #ccc;}

/*
	.contentHero 															{padding: 1.0em 0 1.5em;background: #5390B0;color: #FFF;}
	.contentHero img 														{width: 100%;}
*/
	.contentHero 															{position: relative;width: 100vw;height: auto;padding: calc( 70px + 4.0em ) 0 4.0em;}
	.contentHero:after														{position: absolute;content: "";right: 0;top: 0;width: 100%;height: 100%;background-color: #f0ebd3;-webkit-clip-path: polygon(68% 0, 100% 0, 100% 100%, 36% 100%);clip-path: polygon(68% 0, 100% 0, 100% 100%, 36% 100%);z-index: -1;}
	.contentHero img														{width: 100%;}
	.contentHero .inner														{}
	.contentAction 															{padding: 1.5em 0 2.0em;background: #5390B0;color: #FFF;}
	.contentAction.firstView 												{background: #E2F0F5;color: #5390B0;}
	.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 #5390B0;}
	.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: #5390B0;}
	.contentAction.firstView .example 										{border-color: #5390B0;}
	.contentAction.firstView .example ul li:before 							{background: #5390B0;}
	.contentTitle 															{background: #6BBDDC;color: #FFF;}
	.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 0.5em 0.5em;}
	.content ul li															{position: relative;margin: 0.5em 0;padding: 0 0 0 1.8em;}
	.content ul li:before													{content: "";position: absolute;top: 0.1em;bottom: auto;left: 0;width: 1.2em;height: 1.2em;margin: auto;background: #5390B0;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: #5390B0;border-radius: 50%;color: #FFF;line-height: 1.3em;text-align: center;}
	.content.nega															{background: #4C9CBB;background-image: url(../images/bgSectionColord01.png), url(../images/bgSectionColord02.png);background-repeat: no-repeat, no-repeat;background-position: 0 0, 0 100%;background-size: cover, cover;color: #FFF;}
	.content.nega a															{color: #FFF;}
	.content.nega h2,
	.content.nega .h2														{color: #FFF;}
	.content.nega h2:before,
	.content.nega .h2:before,
	.content.nega h2:after,
	.content.nega .h2:after													{background-color: #FFF;}


	/* 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: #5390B0;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: #5390B0;font-size: 8.0em;}
	.functions .function p 													{margin: 0.75em 0;}
	.functions .function p.title 											{color: #5390B0;font-size: 1.2em;}
	.supports 																{}
	.supports .support 														{padding: 1.0em 0;}
	.supports .support i.fa 												{color: #5390B0;font-size: 8.0em;}
	.supports .support p 													{margin: 0.75em 0;}
	.supports .support p.title 												{color: #5390B0;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: #5390B0;}
	.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: #5390B0;}
	.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: #5390B0;}
	.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: #5390B0;}
	.page .functions 														{}
	.page .functions .function 												{padding: 2.5em 1.0em 2.0em;border: 1px solid #5390B0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	.page .functions .function i.fa 										{color: #5390B0;font-size: 8.0em;}
	.page .functions .function p 											{}
	.page .functions .function p.title 										{margin: 1.5em 0 1.0em;color: #5390B0;font-size: 1.3em;}
	.page .functions .function.new 											{background: url(../images/bgNew.png?ver=1) no-repeat top right;background-size: 25%;}
	.breadcrumb 															{display: none;}
	footer																	{padding: 2.0em 0;background: #333;color: #FFF;}
	footer .inner-sp 														{padding: 0 2.0em;}
	footer a 																{color: #FFF;}
	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;}


}