@charset "utf-8";

*:hover {
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
/*---------------
  TEXT
---------------*/
strong, .txtWeight-b {
	font-weight: bold;
}
.txtWeight-n {
	font-weight: normal;
}
.txtBlack {
	color: #333;
}
.txtWhite {
	color: #fff;
}
.txtSize-12 {
	font-size: 85.71%;
}
.txtSize-13 {
	font-size: 92.85%;
}
.txtSize-14 {
	font-size: 100%;
}
.txtSize-15 {
	font-size: 107.14%;
}
.txtSize-16 {
	font-size: 114.28%;
}
.txtSize-17 {
	font-size: 121.42%;
}
.txtSize-18 {
	font-size: 128.57%;
}
.txtSize-19 {
	font-size: 135.71%;
}
.txtSize-20 {
	font-size: 142.85%;
}
.txtSize-21 {
	font-size: 150%;
}
.txtSize-22 {
	font-size: 157.14%;
}
.txtSize-23 {
	font-size: 164.28%;
}
.txtSize-24 {
	font-size: 200%;
}
.txtSize-30 {
	font-size: 214.28%;
}
.txtLh-00 {
	line-height: 0;
}
.txtSpacing-00 {
	letter-spacing: 0 !important;
}
.txtSpacing-01 {
	letter-spacing: 1px;
}
.txtSpacing-02 {
	letter-spacing: 0.1em;
}
.txtSpacing-03 {
	letter-spacing: 0.2em;
}
.txtCaution-01 {
	font-size: 85.71%;
	color: #888;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.pcCont {
	display: block;
}
.spCont {
	display: none;
}
.txtNl > span {
	display: block;
}
.txtNl-02 > span {
	display: inline-block;
}
/*---------------
  TABLEAU LP
---------------*/
.copy-01 {
	font-size: 157.14%;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.4;
	margin-bottom: 20px;
}
.txt-01 {
	font-size: 128.57%;
	text-align: center;
	margin-bottom: 45px;
}
.h2-01 {
	text-align: center;
	font-size: 242.86%;
	line-height: 125%;
	letter-spacing: 0.05em;
	margin-bottom: 40px;
}
.h2-02 {
	font-size: 157.14%;
	margin-bottom: 20px;
}
span.txtPoint-01 {
	display: inline-block;
	background: #9a9ea1;
	font-size: 18px;
	color: #fff;
	padding: 10px 10px 7px;
	line-height: 100%;
	border-radius: 5px;
	margin-bottom: 15px;
	-moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	-webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
/* LAYOUT */
.lp_inner {
	width: 960px;
	max-width: 960px;
	margin: 0 auto;
}
.section_summary > .lp_inner,
.section_feature > .lp_inner,
.section_manual > .lp_inner,
.section_trial > .lp_inner,
.section_case > .lp_inner,
.section_hands-on > .lp_inner,
.section_award > .lp_inner,
.section_casestudy > .lp_inner {
	padding: 60px 0 30px;
}
.section_title > .lp_inner {
	padding: 40px 0 40px;
}
.section_title {
	border-top: 1px solid #e5e7e9;
}
.section_title h1 {
	margin-top: 20px;
}
.section_hero {
	background: url(../images/topimg.jpg) no-repeat scroll center center transparent;
	min-height: 620px;
	background-size: cover;
}
.section_hero > .lp_inner {
	position: relative;
	height: 600px;
}
/* PAGE NAVIGATION */
.pNav {
	background: #384249;
}
.pNav div.column-03.col4 > div.col {
	margin-top: 0;
	margin-bottom: 0;
	padding: 25px 0;
}
.pNav div.column-03.col4 > div.col a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 175%;
	font-weight: bold;
	padding: 0 0 35px;
	background: url(../images/icon_arrow03.png) no-repeat scroll center 85% transparent;
	text-align: center;
}
.pNav div.column-03.col4 > div.col a:hover {
	background: url(../images/icon_arrow03.png) no-repeat scroll center 100% transparent;
}
.pNav div.column-03.col4 > div.col:hover {
	cursor: pointer;
	background: rgba(255,255,255,0.3);
}
/* BUTTON MAIN */
div.btn_main_top {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 50%;
}
/* BUTTON GUIDE DL */
a.btn_guidedl_top {
	display: block;
	background: rgba(76,179,192,0.8);
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
}
a.btn_guidedl_top > .inner {
	padding: 15px 20px;
}
a.btn_guidedl_top h2 .btn_guidedl_top_h2_sub {
	font-size: 20px;
}
a.btn_guidedl_top h2 {
	font-size: 28px;
	line-height: 100%;
	margin: 10px 0 10px;
	letter-spacing: 0.05em;
	-moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	-webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
a.btn_guidedl_top:hover {
	background: rgba(76,179,192,1);
}
/* BUTTON TRIAL */
a.btn_trial_top {
	display: block;
	background: rgba(224,125,43,0.8);
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
a.btn_trial_top > .inner {
	padding: 15px 20px;
}
a.btn_trial_top h2 {
	font-size: 214.28%;
	line-height: 100%;
	margin: 10px 0 10px;
	letter-spacing: 0.05em;
	-moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	-webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
a.btn_trial_top:hover {
	background: rgba(224,125,43,1);
}
/* BUTTON CASESTUDY */
a.btn_casestudy_top {
	display: block;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	margin-bottom: 0;
	background: rgba(58,94,133,0.8);			/* 販売管理ダッシュボード作成編 設置のため一時的に変更中、lp_style_元.cssの内容に戻すと直る */
}
a.btn_casestudy_top > .inner {
	padding: 15px 20px;
}
a.btn_casestudy_top h2 {
	font-size: 28px;
	line-height: 100%;
	margin: 10px 0 10px;
	letter-spacing: 0.05em;
	-moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	-webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
a.btn_casestudy_top > .inner p {
	color: #fff;
}
a.btn_casestudy_top:hover {
	background: rgba(58,94,133,1);				/* 販売管理ダッシュボード作成編 設置のため一時的に変更中、lp_style_元.cssの内容に戻すと直る */
}
a.btn_casestudy_top > .inner .btn_casestudy_top_click {
	margin: 0 auto 10px;
}
/* BUTTN STYLE */
.btn_01 {
	display: block;
	border-radius: 5px;
	border: 2px solid #fff;
	color: #fff;
	background: url(../images/icon_arrow01.png) no-repeat scroll 95% center transparent;
	padding: 7px 30px 5px 10px;
	margin: 10px 0;
	text-align: center;
	text-decoration: none;
}
.btn_01:hover {
	color: #fff;
	background: url(../images/icon_arrow01.png) no-repeat scroll 100% center rgba(255,255,255,0.3);
}
.btn_02 {
	display: block;
	border-radius: 5px;
	border: 2px solid #a4abb0;
	color: #7f7f7f;
	background: url(../images/icon_arrow02.png) no-repeat scroll 95% center transparent;
	padding: 7px 30px 5px 10px;
	margin: 10px 0;
	text-align: center;
	text-decoration: none;
}
.btn_02:hover {
	color: #7f7f7f;
	background: url(../images/icon_arrow02.png) no-repeat scroll 100% center rgba(255,255,255,0.8);
}
/* CV BUTTON */
.btn_cv {
	* zoom: 1;
}
.btn_cv:after {
	clear: both;
	content: "";
	display: block;
}
.btn_cv > .lp_btn1,
.btn_cv > .lp_btn2 {
	float: left;
	width: 50%;
	min-height: 320px;
	position: relative;
}
.btn_cv > .lp_btn1.btn_dl,
.btn_cv > .lp_btn2.btn_dl {
	background-color: #5ca6ad;
}
.btn_cv > .lp_btn1.btn_trial,
.btn_cv > .lp_btn2.btn_trial {
	background-color: #e59545;
}
.btn_cv > .lp_btn1.btn_handson,
.btn_cv > .lp_btn2.btn_handson {
	background-color: #ddb954;
}
.btn_cv > .lp_btn1 > .inner,
.btn_cv > .lp_btn2 > .inner {
	position: absolute;
	max-width: 470px;
	margin: 0 20px;
}
.btn_cv > .lp_btn1 > .inner {
	right: 0;
}
.btn_cv > .lp_btn2 > .inner {
	left: 0;
}
.btn_cv > .lp_btn1 > .inner > .lp_btn_link,
.btn_cv > .lp_btn2 > .inner > .lp_btn_link {
	margin: 30px 0;
	display: block;
	text-decoration: none;
}
.btn_cv > .lp_btn1 > .inner > .lp_btn_link .txt,
.btn_cv > .lp_btn2 > .inner > .lp_btn_link .txt {
	padding: 0 0 0 0;
}
.btn_cv > .lp_btn1 > .inner > .lp_btn_link div.lytImg-01.parallel.right div.img,
.btn_cv > .lp_btn2 > .inner > .lp_btn_link div.lytImg-01.parallel.right div.img {
	padding: 0 0 0 15px;
}
.btn_cv > .lp_btn1 > .inner > .lp_btn_link h3,
.btn_cv > .lp_btn2 > .inner > .lp_btn_link h3 {
	text-align: center;
	font-size: 24px;
	line-height: 1.25;
	color: #fff;
	margin-bottom: 10px;
	-moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	-webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
.btn_cv > .lp_btn1 > .inner > .lp_btn_link p,
.btn_cv > .lp_btn2 > .inner > .lp_btn_link p {
	color: #333;
	margin-bottom: 0;
	font-size: 114.28%;
	line-height: 160%;
}
.btn_cv > .lp_btn1 > .inner > .lp_btn_link .btn_01,
.btn_cv > .lp_btn2 > .inner > .lp_btn_link .btn_01 {
	font-size: 16px;
	margin-bottom: 0;
}
.btn_cv > .lp_btn1.btn_trial > .inner > .lp_btn_link .btn_01,
.btn_cv > .lp_btn2.btn_trial > .inner > .lp_btn_link .btn_01 {
	font-size: 14px;
	background: url(../images/icon_arrow01.png) no-repeat scroll right center transparent;
	padding: 9px 30px 7px 10px;
}
/* BOX STYLE */
.lpBox-01 {
	display: block;
	position: relative;
	overflow: hidden;
}
.lpBox-01 > .img {
	display: block;
	position: relative;
	left: 0;
	top: 0;
}
.lpBox-01 > .txt {
	display: block;
	position: absolute;
	top: 50%;
	background: rgba(255,255,255,0.9);
	width: 50%;
}
.lpBox-01.left > .txt {
	left: 0;
}
.lpBox-01.right > .txt {
	right: 0;
}
.lpBox-01 > .txt > .inner {
	padding: 20px;
}
/* BOX ARROW */
.arrow_box1 {
	position: relative;
	background: #fff;
}
.arrow_box1:after {
	left: 100%;
	top: 40%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(164, 171, 176, 0);
	border-left-color: #a4abb0;
	border-top-color: transparent;
	border-width: 20px;
	margin-left: auto;
	margin-top: -20px;
}
/* CASESTUDY */
.section_casestudy {
	margin-top: 30px;
	background-color: #3a5e85;
}
.section_casestudy > .lp_inner {
	color: #fff;
}
.section_casestudy .h2-01 {
	margin-bottom: 30px;
}
/*---------------
  PAGETOP
---------------*/
.wsToTop {
	width: 50px;
	height: 68px;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
@media (max-width: 960px) {
.txtSize-18 {
	font-size: 16px;
}
.txtNl > span {
	display: inline;
}
.pcCont {
	display: none;
}
.spCont {
	display: block;
}
/*---------------
  TABLEAU LP
---------------*/
.copy-01 {
	font-size: 18px;
	letter-spacing: 0;
	margin-bottom: 20px;
}
.txt-01 {
	font-size: 16px;
	text-align: center;
	margin-bottom: 30px;
}
.h2-01 {
	text-align: center;
	font-size: 22px;
	letter-spacing: 0;
	margin-bottom: 30px;
}
.h2-02 {
	font-size: 157.14%;
	margin-bottom: 20px;
	text-align: center;
}
span.txtPoint-01 {
	font-size: 90%;
	display: inline-block;
	background: transparent;
	color: #9a9ea1;
	padding: 0;
	margin-bottom: 0;
	margin-right: 15px;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	text-shadow: none;
}
/* LAYOUT */
.lp_inner {
	width: auto;
	max-width: 920px;
	margin: 15px;
}
.section_summary > .lp_inner,
.section_feature > .lp_inner,
.section_manual > .lp_inner,
.section_trial > .lp_inner,
.section_case > .lp_inner,
.section_hands-on > .lp_inner,
.section_award > .lp_inner {
	padding: 30px 0;
}
.section_title > .lp_inner {
	padding: 5px 0;
}
.section_title {
	border-top: 1px solid #e5e7e9;
}
.section_title h1 {
	margin-top: 5px;
}
.section_hero {
	background: transparent;
	min-height: auto;
	background-size: cover;
}
.section_hero > .lp_inner {
	position: relative;
	height: auto;
	margin: 0;
}
.section_hero h2 {
	display: none;
}
.section_event p.txtSize-23 {
	font-size: 20px;
}
.section_event p.txtSize-20 {
	font-size: 16px;
}
.section_summary div.lytImg-01.parallel div.img > p:last-child img {
	max-width: 400px;
}
/* PAGE NAVIGATION */
.pNav {
	margin: 15px;
	border-radius: 10px;
	display: none;
}
.pNav .lp_inner {
	margin: 0;
}
.pNav div.column-03.col2 > div.col {
	margin: 0;
	padding: 15px;
	border-bottom: 5px solid #fff;
}
.pNav div.column-03.col2 > div.col a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 150%;
	font-weight: bold;
	padding: 0 0 35px;
	background: url(../images/icon_arrow03.png) no-repeat scroll center 85% transparent;
	text-align: center;
}
.pNav div.column-03.col2 > div.col a:hover {
	background: url(../images/icon_arrow03.png) no-repeat scroll center 100% transparent;
}
.pNav div.column-03.col2 > div.col:hover {
	cursor: pointer;
	background: rgba(255,255,255,0.3);
}
/* BUTTON MAIN */
div.btn_main_top {
	display: block;
	position: relative;
	top: auto;
	right: auto;
	width: auto;
}
/* BUTTON GUIDE DL */
a.btn_guidedl_top {
	background: rgba(76,179,192,1);
	border-radius: 0;
	margin-bottom: 0;
}
a.btn_guidedl_top > .inner {
	padding: 10px 15px;
}
a.btn_guidedl_top h2 {
	font-size: 170%;
	line-height: 100%;
	margin: 10px 0 20px;
	letter-spacing: 0;
}
a.btn_guidedl_top:hover {
	margin: 0;
}
/* BUTTON TRIAL */
a.btn_trial_top {
	background: rgba(224,125,43,1);
	border-radius: 0;
}
a.btn_trial_top > .inner {
	padding: 15px;
}
a.btn_trial_top h2 {
	font-size: 170%;
	line-height: 100%;
	margin: 10px 0 20px;
	letter-spacing: 0;
}
a.btn_trial_top:hover {
	margin: 0;
}
/* BUTTON CASESTUDY */
a.btn_casestudy_top {
	border-radius: 0;
	background: rgba(58,94,133,1);
}
a.btn_casestudy_top > .inner {
	padding: 15px;
}
a.btn_casestudy_top h2 {
	display: block;
	font-size: 170%;
	line-height: 100%;
	margin: 10px 0 10px;
	letter-spacing: 0;
}
a.btn_casestudy_top > .inner p {
	text-align: center !important;
}
a.btn_casestudy_top:hover {
	background: rgba(58,94,133,1);
}
a.btn_casestudy_top > .inner .btn_casestudy_top_click {
	margin: 0 auto 10px;
}
/* BUTTON STYLE */
.btn_01 {
	background: url(../images/icon_arrow01.png) no-repeat scroll 100% center transparent;
	padding: 7px 40px 7px 10px;
	margin: 10px 0;
	text-align: center;
}
.btn_01:hover {
	background: url(../images/icon_arrow01.png) no-repeat scroll 100% center rgba(255,255,255,0.3);
}
.btn_02 {
	background: url(../images/icon_arrow02.png) no-repeat scroll 100% center transparent;
	padding: 7px 40px 7px 10px;
	margin: 10px 0;
	text-align: left;
}
.btn_02:hover {
	background: url(../images/icon_arrow02.png) no-repeat scroll 100% center rgba(255,255,255,0.8);
}
/* CV BUTTON */
.btn_cv > .lp_btn1,
.btn_cv > .lp_btn2 {
	float: none;
	width: 100%;
	min-height: 0;
}
.btn_cv > .lp_btn1 > .inner,
.btn_cv > .lp_btn2 > .inner {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	padding: 10px;
}
.btn_cv > .lp_btn1 > .inner {
	right: auto;
}
.btn_cv > .lp_btn2 > .inner {
	left: auto;
}
.btn_cv > .lp_btn1 > .inner > .lp_btn_link,
.btn_cv > .lp_btn2 > .inner > .lp_btn_link {
	margin: 15px 0;
	display: block;
	text-decoration: none;
}
.btn_cv > .lp_btn1 > .inner > .lp_btn_link .txt,
.btn_cv > .lp_btn2 > .inner > .lp_btn_link .txt {
	padding: 0 0 0 0;
}
.btn_cv > .lp_btn1 > .inner > .lp_btn_link div.lytImg-01.parallel.right div.img,
.btn_cv > .lp_btn2 > .inner > .lp_btn_link div.lytImg-01.parallel.right div.img {
	padding: 0 0 0 0;
}
.btn_cv > .lp_btn1 > .inner > .lp_btn_link h3,
.btn_cv > .lp_btn2 > .inner > .lp_btn_link h3 {
	text-align: center;
	font-size: 145%;
	line-height: 1.25;
	color: #fff;
	margin-bottom: 10px;
	-moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	-webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
.btn_cv > .lp_btn1 > .inner > .lp_btn_link p,
.btn_cv > .lp_btn2 > .inner > .lp_btn_link p {
	color: #333;
	margin-bottom: 0;
	font-size: 114.28%;
	line-height: 160%;
}
.btn_cv > .lp_btn1 > .inner > .lp_btn_link .btn_01,
.btn_cv > .lp_btn2 > .inner > .lp_btn_link .btn_01 {
	font-size: 16px;
	margin-bottom: 0;
}
.btn_cv > .lp_btn1 > .inner > a.lp_btn_link:hover,
.btn_cv > .lp_btn2 > .inner > a.lp_btn_link:hover {
	margin: 0;
}
.btn_cv > .lp_btn1.btn_trial > .inner > .lp_btn_link .btn_01,
.btn_cv > .lp_btn2.btn_trial > .inner > .lp_btn_link .btn_01 {
	font-size: 16px;
	padding: 7px 30px 5px 10px;
}
/* BOX STYLE */
.lpBox-01 {
	display: block;
	position: relative;
	overflow: visible;
}
.lpBox-01 > .img {
	position: relative;
	left: auto;
	top: auto;
}
.lpBox-01 > .txt {
	position: relative;
	top: auto;
	width: auto;
}
.lpBox-01.left > .txt {
	left: auto;
}
.lpBox-01.right > .txt {
	right: auto;
}
.lpBox-01 > .txt > .inner {
	margin-top: 30px;
	padding: 0;
}
}
@media (max-width: 640px) {
.section_summary div.lytImg-01.parallel div.img > p:last-child img {
	max-width: 100%;
}
.pNav {
	display: none;
}
/* BOX ARROW */
.arrow_box1 {
	position: relative;
	background: #fff;
}
.arrow_box1:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(164, 171, 176, 0);
	border-left-color: transparent;
	border-top-color: #a4abb0;
	border-width: 20px;
	margin-left: -20px;
	margin-top: auto;
}
}