body {
	position:relative;
	font-family: 'Noto Sans', sans-serif;
	color:#222;
	width:100%;
	height:100%;
	letter-spacing:-1px;
	font-size:100%;
	font-weight:300;
	line-height:24px;
	margin:0;
	padding:0;
}
a {
	color:#363636;
	font-weight:700;
	text-decoration:none;
}
em {
	font-style:normal;
}
p, dl, dt, dd, h4 {
	padding:0;
	margin:0;
}
h4 {
	padding:0;
	margin:0;
	font-size:120%;
	font-weight:300;
	color:#222;
}
ul, ol, dl {
	margin:0;
	padding:0;
}
ul li, ol li {
	list-style:none;
}
span.enter {
	display:block;
}
#header {
	position:fixed;
	width:100%;
	height:90px;
	margin:0;
	padding: 0;
	top:0;
	left:0;
	right:0;
	background-color:#fff;
	box-shadow:0px 1px 2px #ddd;
	z-index:10000;
}
#top {
	position:relative;
	width:80%;
	margin:0 10%;
	padding: 10px 0;
}
#top h1{
	display:inline-block;
	margin:0;
	float:left;
}
#top h1 img{
	display:inline-block;
	margin:0;
	padding-top:0.5em;
	width:225px;
}
#top h1:after {
	content:'';
	clear:both;
}
/*--visual--*/
#visual {
	position:relative;
	width:100%;
	overflow:hidden;
}
#visual ul.bxslider {
	position:relative;
	width:100%;
	padding:0;
	margin:0;
	text-align:center;
}
#visual ul.bxslider li.list {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width:100%;
	height:860px;
	background:url(/bizdemo42106/img/image/visual01.jpg)no-repeat center center;
}
#visual ul.bxslider li.list01 {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width:100%;
	height:860px;
	background:url(/bizdemo42106/img/image/visual02.jpg)no-repeat center center;
}
#visual ul.bxslider li.list02 {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width:100%;
	height:860px;
	background:url(/bizdemo42106/img/image/visual03.jpg)no-repeat center center;
}
#visual ul.bxslider li.list03 {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width:100%;
	height:860px;
	background:url(/bizdemo42106/img/image/visual04.jpg)no-repeat center center;
}
#visual dl.text {
	position:absolute;
	top:40%;
	left:15%;
	right:15%;
	color:#fff;
	z-index:1000;
	text-shadow:0px 2px 2px #515151;
}
#visual dl.text dt {
	font-size:340%;
	font-weight:600;
	line-height:40px;
	margin-bottom:0.5em;
}
#visual dl.text dd {
	text-align:center;
	margin:2em;
}
#visual dl.text dd a span.link{
	border:1px solid #fff;
	background-color:transparent;
	color:#fff;
	padding:0.5em 2em;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:0px 1px 1px #515151;
	transition:all .5s ease; 
}
#visual dl.text dd a span.link:hover {
	border:1px solid #ffb838;
	background-color:#ffb838;
	transition:all .5s ease; 
}
#content {
	width:100%;
	margin:0 auto;
	padding:90px 0 0 0 ;
	overflow:hidden;
}
h2 {
	text-align:center;
	margin:0 auto;
	font-size:160%;
}
h3 {
	text-align:center;
	margin:0 auto;
	font-size:100%;
	font-weight:400;
	padding:1.7em 0;
}
/*--about--*/
#about {
	position:relative;
	width:70%;
	margin:4.25% 15%;
}
#about ul.about-text {
	width:100%;
	height:100%;
	margin:3em auto 0 auto;
	padding:0;
}
#about ul.about-text li {
	position:relative;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	padding-bottom:2.5em;
	width:30%;
}
#about ul.about-text li img{
	width:280px;
	height:280px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#about ul.about-text li.about-text01 {
	margin-right:3%;
}
#about ul.about-text li.about-text02 {
	margin:0 1.5%;
}
#about ul.about-text li.about-text03 {
	margin-left:3%;
}
#about ul.about-text li dl dt.title {
	padding:1.5em 0;
	font-weight:600;
	color:#516eb9;
}
#about ul.about-text li dl dd {
	font-weight:100;
	font-size:90%;
	word-break:keep-all;
}

/*--big-button--*/
#big-button {
	position:relative;
	width:100%;
	padding:0;
	text-align:center;
}
#big-button div.button01 {
	position:relative;
	display:inline-block;
	width:50%;
	float:left;
	padding:4.25% 0;
	background:url(/bizdemo42106/img/image/button-bg.jpg)no-repeat center center;
}
#big-button div.button02 {
	position:relative;
	display:inline-block;
	width:50%;
	padding:4.25% 0;
	background-color:#263853;
}
#big-button dl {
	color:#fff;
	margin-bottom:2.5em;
}
#big-button dl dt{
	font-size:200%;
	font-weight:700;
	margin-bottom:1em;
}
#big-button dl dd {
	margin:0 9em;
}
#big-button a span.button-link{
	border:1px solid #ffb838;
	background-color:#ffb838;
	color:#fff;
	padding:0.3em 2em;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	box-shadow:0px 1px 1px #515151;
	transition:all .5s ease; 
}
#big-button a span.button-link:hover {
	border:1px solid #fff;
	background-color:transparent;
	transition:all .5s ease; 
}
#big-button:after {
	clear:both;
	content:"";
}

/*--solution--*/
#solution {
	position:relative;
	width:100%;
	padding:4.25% 0;
	background-color:#ececec;
}
#solution div.solution-all {
	width:70%;
	margin:2em 0 0 0;
	padding:0 15%;
}
#solution div.solution-all ul.box {
	display:inline-block;
	width:23.1%;
	margin:0 1% 0 0;
	overflow:hidden;
	border:1px solid #ddd;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	vertical-align:top;
	background-color:#fff;
}
#solution div.solution-all ul.box01 {
	display:inline-block;
	width:23.1%;
	margin:0 1%;
	overflow:hidden;
	border:1px solid #ddd;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	vertical-align:top;
	background-color:#fff;
}
#solution div.solution-all ul.box02 {
	display:inline-block;
	width:23.1%;
	height:100%;
	margin:0 0 0 1%;
	overflow:hidden;
	border:1px solid #ddd;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	vertical-align:top;
	background-color:#fff;
}
#solution div.solution-all li.box-img img {
	width:100%;
}
#solution div.solution-all li.point-text ul {
	padding:1.5em;
	font-size:95%;
	word-break:keep-all;
}
#solution div.solution-all li.point-text ul li.ul-title {
	font-weight:400;
	margin-bottom:5%;
	font-size:110%;
	color:#222;
}
#solution div.solution-all li.point-text ul li {
	font-size:90%;
	color:#515151;
}
#solution div.solution-all li.point-text ul li.point-link {
	margin:1.5em 0 0.2em 0;
}
#solution div.solution-all li.point-text ul li.point-link a span {
	border:1px solid #b1b1b1;
	padding:0.5em 1.5em;
	font-size:90%;
	color:#b1b1b1;
	transition:all .5s ease; 
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#solution div.solution-all li.point-text ul li.point-link a span:hover {
	border:1px solid #666;
	background-color:#666;
	color:#fff;
	transition:all .5s ease; 
}
/*--folio--*/
#folio {
	position:relative;
	width:70%;
	padding:4.25% 15%;
}
#folio div.folio-all {
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}
#folio ul {
	line-height:0;
}
#folio ul.folio-box li.folio-list {
	position:relative;
	display:inline-block;
	overflow:hidden;
	width:24%;
}
#folio li.folio-list a img{
	position:relative;
	vertical-align:top;
	transition:all 0.6s ease-out;
	z-index:0;
}
#folio li.folio-list a:hover img {
	transform:scale(1.05);
	transition:all 0.6s ease-out;
}

#folio li.folio-list a span.title-text {
	display:none;
}
#folio li.folio-list a:hover span.title-text {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	color:#fff;
	background:rgba(0,0,0,0.5);
	text-align:center;
	text-shadow:0px 0px 1px #222;
	padding-top:25%;
	font-weight:700;
}
#folio li.folio-list a:hover span.title-text ul li {
	display:block;
	padding:0.7em;
}

/*--customer--*/
#customer {
	height:100%;
	width:100%;
	overflow:hidden;
}
#customer div.customer-box {
	position:relative;
	width:70%;
	padding:4.25% 15%;
	color:#fff;
	text-shadow:0px 0px 1px #222;
}
#customer div.customer-box ul.customer-text {
	padding:3% 0 0 0;
	text-align:center;
}
#customer div.customer-box ul.customer-text li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	border:1px solid #fff;
	width:125px;
	height:125px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	margin:0 3em;
}
#customer div.customer-box ul.customer-text li a {
	color:#fff;
	display:block;
	padding:16px;
}
#customer div.customer-box ul.customer-text li:hover {
	background:rgba(0,0,0,0.5);
	border:1px solid rgba(0,0,0,0.3);
}
#customer div.customer-box ul.customer-text li a img {
	width:40%;
	margin:10px auto 20px auto;
	display:block;
}
#customer div.customer-box ul.customer-text li a strong {
	display:block;
	text-align:center;
}

/*--notice-center--*/
#notice-center {
	position:relative;
	width:100%;
	padding:0;
}
#notice-center div.notice-text {
	position:relative;
	display:inline-block;
	width:32%;
	float:left;
	padding:4.25% 3% 4.25% 15%;
}
#notice-center div.notice-text h2 {
	display:inline-block;
}
#notice-center div.notice-text a.more {
	display:inline-block;
	position:absolute;
	top:20%;
	right:6%;
	color:#a9a9a9;
	font-size:14px;
}
#notice-center div.notice-text a.more:hover {
	color:#ff4500;
}
#notice-center div.notice-text:after {
	clear:both;
	content:"";
}
#notice-center div.center-text {
	position:relative;
	display:inline-block;
	width:32%;
	padding:4.25% 15% 4.25% 3%;
	background:#516eb9 url(/bizdemo42106/img/image/center-bg.png)no-repeat 50% center ;
	color:#fff;
}
#notice-center div.notice-text h2,
#notice-center div.center-text h2 {
	text-align:left;
	padding-bottom:1.5em;
}
#notice-center div.center-text ul.number li {
	display:block;
	text-align:left;
	line-height:30px;
}
#notice-center div.center-text ul.number li.title-number {
	font-size:280%;
	color:#fff000;
	margin-bottom:0.5em;
}
#notice-center div.center-text ul.number li.number01 {
	font-size:200%;
	font-weight:600;
	color:#0b225e;
	margin-top:1em;
}

/*--footer--*/
#footer {
	position:relative;
	width:70%;
	padding:2% 15%;
	background-color:#2f2f2f;
	color:#fff;
	font-weight:300;
	font-size:90%;
}
#footer img {
	position:relative;
	display:inline-block;
	margin-right:3%;
	margin-bottom:2em;
	width:90px;
}
#footer div.footer-text {
	position:relative;
	display:inline-block;
	vertical-align:top;
}
#footer div.footer-text ul {
	display:block;
}
#footer div.footer-text a:hover {
	text-decoration:underline;
}
#footer div.footer-text ul.text li {
	display:inline-block;
	margin:0 1em 1em 0;
}
#footer div.footer-text ul.text li a {
	color:#fff;
}
#footer div.footer-text ul.text01 li {
	color:#ddd;
}
#footer div.footer-text ul.text01 li em {
	margin:1em;
}
#footer div.footer-text ul.text01 li a.link-color {
	color:#fd8f8f;
}


/*--top-icon--*/
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 92%;
	z-index:10000;
}
#back-top a {
	width: 50px;
	height:50px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background-color:#000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity:0.7;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	background-color: #516eb9;
}
/* arrow icon (span tag) */
#back-top span {
	display: block;
	padding-top:13px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/*--mobile-menu--*/
	@media only screen and (max-width: 1718px) {
#solution div.solution-img {
		width:47%;
}
#visual dl.text {
	text-align:center;
	top:35%;
	left:10%;
	right:10%;
}
#visual dl.text dt {
	line-height:60px;
}
}
	@media only screen and (max-width: 1565px) {
#solution div.solution-all {
	text-align:center;
}
#solution div.solution-all ul.box, 
#solution div.solution-all ul.box01,
#solution div.solution-all ul.box02 {
	text-align:left;
	width:47%;
	margin:1%;
}
}
	@media only screen and (max-width: 1304px) {
#customer div.customer-box ul.customer-text li {
	margin:1em 9em;
}
#notice-center div.notice-text {
	position:relative;
	display:inline-block;
	width:90%;
	padding:3em 5%;
	background-color:#fff;
}
#notice-center div.notice-text a.more {
	display:inline-block;
	position:absolute;
	top:17%;
	right:6%;
}
#notice-center div.center-text {
	position:relative;
	display:inline-block;
	width:90%;
	padding:3em 5%;
	float:none;
}
}
	@media only screen and (max-width: 1249px) {
#about ul.about-text li {
	position:relative;
	vertical-align:top;
	padding-bottom:2.5em;
	width:100%;
	text-align:left;
}
#about ul.about-text li img {
	display:inline-block;
	vertical-align:top;
	width:280px;
	height:280px;
}
#about ul.about-text li dl {
	display:inline-block;
	width:47%;
	margin:2em 0 0 4em;
}
#about ul.about-text li.about-text01,
#about ul.about-text li.about-text02,
#about ul.about-text li.about-text03 {
	margin:1em 0;
}
#folio ul.folio-box li.folio-list {
	position:relative;
	display:inline-block;
	overflow:hidden;
	width:33%;
}
}
	@media only screen and (max-width: 1235px) {
#top h1 img {
	width:209px;
}
}
	@media only screen and (max-width: 1215px) {
#header {
	height:145px;
}
#top h1{
	display:block;
	margin:0 auto;
	width:100%;
	text-align:center;
}
.bx-wrapper .bx-prev {
	left:5% !important;
}
.bx-wrapper .bx-next {
	right:5% !important;
}
#content {
	width:100%;
	margin:0 auto;
	padding:146px 0 0 0 ;
}
}
	@media only screen and (max-width: 1207px) {
#customer div.customer-box ul.customer-text li {
	margin:1em 16%;
}
}
	@media only screen and (max-width: 1088px) {
#top,#about,#customer div.customer-box {
	position:relative;
	width:80%;
	margin:0 10%;
	padding: 10px 0 3em 0;
}
#solution div.solution-all,
#folio {
	position:relative;
	width:80%;
	margin:0;
	padding: 10px 10% 3em 10%;
}
#folio ul.folio-box li.folio-list {
	position:relative;
	display:inline-block;
	overflow:hidden;
	width:33%;
}
#footer {
	position:relative;
	width:80%;
	padding: 3em 10%;
}
#customer div.customer-box ul.customer-text li {
	margin:1em 15%;
}
h2 {
	text-align:center;
	margin:1em auto 0 auto;
}
h3 {
	text-align:center;
	margin:0 auto;
	font-weight:400;
	padding:1.7em 0;
}
#notice-center div.notice-text h2,
#notice-center div.center-text h2 {
	margin:0 !important;
}
}
	@media only screen and (max-width: 954px) {
#top,#about,#customer div.customer-box {
	position:relative;
	width:90%;
	margin:0 5%;
}
#visual dl.text {
	top:30%;
}
#big-button div.button01,
#big-button div.button02 {
	display:block;
	width:100%;
	float:none;
}
#solution div.solution-all,
#folio {
	position:relative;
	width:90%;
	margin:0;
	padding:0 5% 3em 5%;
}
#folio ul.folio-box li.folio-list {
	position:relative;
	display:inline-block;
	overflow:hidden;
	width:33%;
}
#footer {
	position:relative;
	width:90%;
	padding: 3em 5%;
}
#customer div.customer-box ul.customer-text li {
	margin:1em 16%;
}
h2 {
	text-align:center;
	margin:3em auto 0 auto;
	font-size:130%;
}
h3 {
	text-align:center;
	margin:0 auto;
	font-size:80%;
	font-weight:400;
	padding:1.7em 0;
}
#notice-center div.notice-text h2,
#notice-center div.center-text h2 {
	margin:0 !important;
}
#about ul.about-text li {
	text-align:center;
}
#about ul.about-text li dl {
	position:relative;
	display:block;
	width:100%;
	padding:1.5em 0;
	margin:0;
}
#about ul.about-text li dl dt.title {
	padding:0 0 1.5em 0;
	font-weight:700;
}
#about ul.about-text li dl dd {
	width:50%;
	margin:0 auto;
}
}
	@media only screen and (max-width: 884px) {
#top {
	position:relative;
	width:100%;
	margin:0;
	padding: 10px 0;
}
nav {
	width:100%;
}
#header {
	height:90px !important;
}
.bx-wrapper .bx-prev {
	left:0 !important;
}
.bx-wrapper .bx-next {
	right:0 !important;
}
#visual dl.text dt {
	font-size:290%;
	font-weight:600;
	line-height:50px;
	margin-bottom:0.5em;
}
#visual ul.bxslider li {
	height:520px !important;
}
#content {
	width:100%;
	margin:0 auto;
	padding:90px 0 0 0 ;
}
#about ul.about-text {
	margin:0 auto;
}
#about ul.about-text li {
	position:relative;
	vertical-align:top;
	padding-bottom:0;
	width:100%;
}
#about ul.about-text li img {
	display:inline-block;
	vertical-align:top;
	width:230px;
	height:230px;
}

#folio ul.folio-box li.folio-list {
	position:relative;
	display:inline-block;
	overflow:hidden;
	width:32%;
}
#customer div.customer-box ul.customer-text li {
	margin:1em 12%;
}
.ace-responsive-menu {
	background-color:#fff;
	height:70px;
	padding:0 1em 0 4em !important;
}
.ace-responsive-menu > li {
	background-color:#fff;
}
}
	@media only screen and (max-width: 768px) {
nav {
	width:100%;
	margin-top:0.5em;
}
.ace-responsive-menu {
	background-color:#fff;
	height:100%;
	padding:0 !important;
}
.ace-responsive-menu > li {
	background-color:#fff;
	width:100% !important;
	margin:0 !important;
}
#folio li.folio-list a:hover span.title-text ul li {
	font-size:0px;
}
#customer div.customer-box ul.customer-text li {
	margin:1em 8%;
}
#visual dl.text dt {
	font-size:270%;
	font-weight:600;
	line-height:50px;
	margin-bottom:0.5em;
}
}
	@media only screen and (max-width: 684px) {
#visual dl.text {
	top:26%;
}
#visual dl.text dt {
	font-size:220%;
	font-weight:600;
	line-height:46px;
	margin-bottom:0.5em;
}
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 88%;
	z-index:10000;
}
#about ul.about-text li dl dd {
	width:100%;
	margin:0 auto;
}
#big-button div.button01,
#big-button div.button02 {
	padding:3em 0;
}
#big-button dl {
	margin-bottom:1em;
}
#big-button dl dt {
	font-size:120%;
	margin-bottom:0.5em;
}
#big-button dl dd {
	margin:0 1em;
}
}
	@media only screen and (max-width: 437px) {

#visual dl.text dt {
	font-size:190%;
	font-weight:600;
	line-height:40px;
	margin-bottom:-0.5em;
}
#customer div.customer-box ul.customer-text li {
	margin:1em 4%;
}
#folio {
	position:relative;
	width:100%;
	margin:0;
	padding:0 0 3em 0;
}
#solution div.solution-all ul.box, 
#solution div.solution-all ul.box01,
#solution div.solution-all ul.box02 {
	text-align:left;
	width:100%;
	margin:1% 0;
}
#folio ul.folio-box li.folio-list {
	position:relative;
	display:inline-block;
	overflow:hidden;
	width:49%;
}
#back-top {
	position: fixed;
	bottom: 20px;
	margin-left: 84%;
	z-index:10000;
}
}