@charset "utf-8";

/*-----------------------------------------------------	*/
/* Service */
/*-----------------------------------------------------	*/

html, body { height: 100%; }

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


.tx90 { font-size:90%; line-height:120%; }
.tx80 { font-size:80%; }
.tx75 { font-size:75%; }
.tx-L { font-size:180%; }
.tx-orange { color:#E55205; }
.tx-white { color:#FFF; }
.tx-red { color:#AE1000; }
.tx-blue { color:#26BCE1 !important; }
.tx-navy { color:#33638A; }
.wid50 { width:50%; }

h2 {
	font-size:200%;
	padding-bottom:1em;
	color:#262D83;
}

section {
	padding-bottom: 6.0em;
	text-align:center !important;
	position:relative !important;
}

.btn-more {
	clear:both;
	margin:1em auto 1em auto;
	text-align:center;
	max-width:1200px;
}

.btn-moreWhite,
.btn-moreNavy {
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-border-radius:30px;
	padding:0.6em;
	margin-right:1em;
	margin-top:1.5em;
	font-size:80%;
	font-weight:bold;
	text-align:center;
	
}

a .btn-moreWhite,
a .btn-moreNavy,
a .btn-moreNavy03 { text-decoration:none !important; width:14em; display:inline-block; }
a .btn-moreNavy02,
a .btn-moreWhite02 { text-decoration:none !important; width:16em; display:inline-block; }
a .btn-moreNavy04 { text-decoration:none !important; width:20em; display:inline-block; }

.btn-moreWhite { background:#FFF; color:#262F83; border:3px solid #262F83; }
.btn-moreNavy { background:#262F83; color:#FFF; border:3px solid #FFF; }
.btn-moreWhite02,
.btn-moreWhite03 { background:#FFF; color:#262F83; border:4px solid #262F83; }

.btn-moreWhite:hover { background:#262F83; color:#FFF; border:3px solid #262F83; }
.btn-moreWhite02:hover,
.btn-moreWhite03:hover,
.btn-moreNavy04:hover { background:#262F83; color:#FFF; border:4px solid #262F83; }
.btn-moreNavy:hover { background:#FFF; color:#262F83; border:3px solid #FFF; }
.btn-moreNavy02:hover,
.btn-moreNavy03:hover { background:#FFF; color:#262F83; border:4px solid #FFF; }

.btn-moreNavy02,
.btn-moreNavy03 {
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-border-radius:30px;
	padding:0.6em;
	margin-right:0.5em;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	background:#262F83;
	color:#FFF;
	border:4px solid #FFF;
}

.btn-moreNavy04 {
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-border-radius:30px;
	padding:0.6em;
	margin-right:0.5em;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	color:#262F83;
	border:4px solid #262F83;
}

.btn-moreWhite02,
.btn-moreWhite03 {
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-o-border-radius:30px;
	padding:0.6em;
	margin-right:0.5em;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	background:#FFF;
	color:#262F83;
	border:4px solid #262F83;
}

a .btn-moreWhite03 {
	text-decoration:none !important;
	display:inline-block;
	width:20em
}


/*-- パンくず  --*/

section#Pankuzu {
	width:100%;
	max-width:1200px;
	margin: 90px auto 0 auto;
	padding-bottom:0;
}

section#Pankuzu .paninner {
	text-align:left;
	font-size:75%;
	color:#666;
}


/*-- メインビジュアル  --*/

#Visual {
	width:100vw;
	min-height:275px;
	margin:0;
	padding:0;
}

.mainvis {
	background: url(images/MainVis_service.jpg) no-repeat;
	background-position: top center;
	background-size: cover;
}

.mainvis03 {
	background: url(images/MainVis_service.jpg) no-repeat;
	background-position: top center;
	background-size: cover;
}

.pageLink {
	overflow: hidden;
	background: #262D83;
	padding: 28px 15px;
	color: #FFF;
	margin-bottom: 80px;
	white-space: nowrap;
}
.pageLink a {
	color: #FFFFFF;
	text-decoration:none;
}
.pageLink a:hover {
	text-decoration:underline;
}
.pageLink ul {
	display: flex;
	align-items: center;
  justify-content: center;
	margin: 0;
	padding: 0;
  list-style: none;
  line-height: 1.0;
}
.pageLink ul li:after {
  content: '/';
  display: inline-block;
  margin: 0 16px;
}

.pageLink ul li:last-child:after {
  display: none;
}

@media only screen and (max-width: 415px) {
  .pageLink ul {
    flex-wrap: wrap;
  }
  .pageLink ul li {
		padding: 8px 0;
  }
  .pageLink ul li:nth-child(2):after {
    display: none !important;
  }
}

.box-spread {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}

.box-spread h2 {
	font-size: 220%;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	padding-top: 2.4em;
	background: url(images/bg_h2.png) top center no-repeat;
}

.box-spread .leadtxt {
	line-height: 2.0;
	text-align: center;
	padding: 0 0 2em 0;
	word-break: normal;
}

.box-spread figure {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
	max-width: 980px;
}

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

	.box-spread h2 {
		padding-bottom: .5em;
	}

	.box-spread .leadtxt {
		font-size: 120%;
		text-align: justify;
		padding: 0 0 1.0em 0;
	}

	.box-spread .leadtxt br {
		display: none;
	}

	.box-spread figure {
		flex-direction: column;
	}

}

/*-----------------------------------------------------	*/
/* Service */
/*-----------------------------------------------------	*/

/* #r-learning */


/* #cs-research, #es-research */

section#cs-research figure img:nth-child(1),
section#es-research figure img:nth-child(1) {
	width: 60.1%;
	margin-right: 2.5%;
}

section#cs-research figure img:nth-child(2),
section#es-research figure img:nth-child(2) {
	width: 37.4%;
}

/* #dx-consulting */

section#dx-consulting .example {
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	position: relative;
}

section#dx-consulting .example h3 {
	font-size: 160%;
	font-weight: bold;
	text-align: center;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

section#dx-consulting .example h3 small {
	font-size: 75%;
	font-weight: bold;
}

section#dx-consulting .example .consul-box01::after {
	position: absolute;
	top: calc(50% - 60px);
	left: calc(100% + 10px);
	z-index: 2;
	content: '';
	display: block;
  width: 0;
  height: 0;
  border-left: 60px solid #262D83;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
}

section#dx-consulting .example > div {
	position: relative;
	padding: 1.6em 2.4em 2.4em;
	width: 48%;
	border-width: 10px;
	border-style: solid;
}

section#dx-consulting .example .consul-box01 {
	color:#262D83;
	border-color:#262D83;
}

section#dx-consulting .example .consul-box01 h3 small {
	color:#262D83;
}

section#dx-consulting .example .consul-box02 {
	color:#26BCE1;
	border-color:#26BCE1;
}

section#dx-consulting .example > div span {
	display: block;
	text-align: right;
}

section#dx-consulting .example ul {
	list-style: none;
}

section#dx-consulting .example ul li { 
	margin-bottom: .5em;
	padding-left: 1.0em; 
	text-indent: -.8em;
	list-style-position: inside;
	font-size: 100%;
	font-weight: 500;
	line-height: 1.6;
}

section#dx-consulting .example ul li:before {
	margin-right: .4em;
	content: "•";
}

section#dx-consulting .example .consul-box01 ul li:before {
	color: #262D83;
}

section#dx-consulting .example .consul-box02 ul li:before {
	color: #26BCE1;
}


/*-----------------------------------------------------	*/
/*	情報システムを用いた店舗業務の改善					*/
/*-----------------------------------------------------	*/

/*-- ITを活用した生産性向上支援  --*/

.it-table {
	display: table;
	margin:0 auto;
	width:100%;
	max-width:1000px;
}

.it-table_box01 {
	display: table-cell;
	border-bottom:3px solid #FAFAFA;
	border-right:3px solid #FAFAFA;
	padding:0.6em;
	margin:0;
	width:31%;
	overflow:hidden;
	background:#70D3BF;
	color:#FFF;
	line-height:160%;
	clear:both;
}

.it-table_box02 {
	display: table-cell;
	background:#FFF;
	border-bottom:3px solid #FAFAFA;
	padding:0.8em 1em;
	margin:0;
	width:69%;
	line-height:160%;
}

.it-table_box02 img {
	padding-left:0.5em;
}

.it-copy {
	width:90%;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#262D83;
	background:#EEE;
	padding:0.5em;
	margin:3em auto;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
}

.itFlow {
	display: table;
	margin:0 auto;
	width:90%;
	max-width:900px;
}

.itFbox {
	display: table-cell;
	padding:0;
	margin:0;
	width:25%;
	line-height:160%;
}

.itFbox p.boxinner {
	padding:1em 0.5em 0.5em 3.5em;
	font-size:90%;
}

/*-- お問い合わせボタン  --*/

section#InqBtn {
	clear:both;
	overflow:hidden;
	width:100vw;
	text-align:center;
	padding-bottom:0 !important;
}

section#InqBtn .iqbinner {
	background:url(/images_top/bg_inqBtn.jpg) no-repeat;
	background-size:cover;
	background-position:top center;
	padding-top:1.5em;
	padding-bottom:1.5em;
}

section#InqBtn h2 {
	text-align:center;
	font-size:180%;
	color:#FFF;
}


.btn_thum,
.btn_list {
	display:block;
}

.btn_thum a,
.btn_list a {
	display:block;
	background:#FB7E3C;
	font-weight:bold;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
}

.btn_thum a {
	padding:30px 20px;
	font-size:130%;
	margin-top:1.5em;
}

.btn_list a {
	padding:20px 10px;
	line-height:120%;
}

.btn_thum a:hover,
.btn_list a:hover {
	background:#FEDCC9;
	color:#FB7E3C !important;
}


/*-----------------------------------------------------	*/
/*	for - 800px					*/
/*-----------------------------------------------------	*/

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

	.no-wide { display:none; }
	
}

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

	.SP,
	#header { display:none; }	
	
}

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

	.itFbox p.boxinner {
	padding:1em 0.5em 0.5em 1.5em;
	}

}


@media screen and (max-width: 800px) {
	
	.col {
		float: none;
		width: auto;
		margin: 0 auto;
	}
	
	.PC,
	header#Defhead,
	div#Navmenu {
		display:none;
		visibility:hidden;
	}

	/*-- パンくず  --*/

	section#Pankuzu {
	width:95%;
	margin: 0 auto 0 auto;
	padding-bottom:0;
	}
	
	section#CntLink ul.link {
	width:80%;
	}

	#page{
		padding-top: 50px;
	}

	section#Solution {
	padding:0 1.5em 1em 1.5em;
	}
	
	section#Solution dl.sol-index dt {
	margin-right:1em;
	padding:1em;
	width:9em;
	height:9em;
	font-size:120%;
	}

	section#Newface {
	margin: 0 auto 2em auto;
	}

	section#Newface .zu02 { width:100%; }

	.pita {
	padding-top:15%;
	}
	
	.it-copy {
	width:100%;
	text-align:left;
	}
	
/*-----------------------------------------------------	*/
/*	RFA					*/
/*-----------------------------------------------------	*/

	.rfa-exam {
	width:100%;
	display:block;
	margin-bottom:1em !important;
	overflow:hidden;
	}

	.rfa-exambox01 {
	display:block;
	width:100%;
	padding:0;
	margin:1em auto 0 auto;
	}

	.rfa-exambox02,
	.rfa-exambox03 {
	display:block;
	width:100%;
	text-align:center;
	padding:0;
	margin:1em auto;
	}
	
}

@media(max-width: 800px) {

	
	section#Inq input { width:50% !important; }
	section#Inq input.widno { width:30% !important; }

}

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

	dl.it-table,
	dl.it-table-end {
	border-left:1px solid #262F83;
	}
	 
	dl.it-table dt,
	dl.it-table-end dt,
	dl.it-table dd,
	dl.it-table-end dd {
	float:none;
	font-size:90%;
	width:auto;
	padding:1em;
	}

	dl.it-table dd,
	dl.it-table-end dd {
	line-height:200%;
	}
}

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

	.SPP { display:none; }	
}


@media screen and (max-width: 640px) {
	
	.PCC,
	.comment02.SP {
		display:none;
		visibility:hidden;
	}

	section {
	width:100%;
	padding-bottom:6em;
	}
	

	/*-- コンテンツビジュアル  --*/
	
	#Visual {
	width:auto;
	height:20vh;
	}


/*-----------------------------------------------------	*/
/* Service */
/*-----------------------------------------------------	*/

	/* cs-research, es-research */

	section#cs-research figure img:nth-child(1),
	section#es-research figure img:nth-child(1) {
		width: 90.0%;
		margin-right: 0;
		margin-bottom: 2.0em;
	}

	section#cs-research figure img:nth-child(2),
	section#es-research figure img:nth-child(2) {
		width: 65.0%;
	}

	/* dx-consulting */

	section#dx-consulting .example {
		flex-direction: column;
	}
	
	section#dx-consulting .example > div {
		width: 100%;
	}

	section#dx-consulting .example .consul-box01 {
		margin-bottom: 2.0em;
	}

	section#dx-consulting .example .consul-box01::after {
		top: 100%;
		left: calc( 50% - 60px);
		border-top: 60px solid #262D83;
		border-right: 60px solid transparent;
		border-left: 60px solid transparent;
	}

	section#dx-consulting .example ul li {
    font-size: 120%;
	}


/*-----------------------------------------------------	*/
/*	情報システムを用いた店舗業務の改善					*/
/*-----------------------------------------------------	*/

	.itFlow {
	display: table;
	margin:0 auto;
	width:100%;
	max-width:95vw;
	}

	.itFbox p.boxinner {
	font-size:80%;
	}

	/*-- InqBtn  --*/

	section#InqBtn h2 {
	font-size:140%;
	line-height:140%;
	}
	
	section#InqBtn .iqbinner,
	section#RecruitCat .rcinner {
	padding-left:8%;
	padding-right:8%;
	}

	.btn_thum a,
	.btn_list a {
		margin-top:0.5em;
		font-size:100%;
	}
	

	.tx-Lf { text-align:left !important; }

}

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

	.SPPP { display:none; }	

}

@media screen and (max-width: 400px) {
	
	.PCCC { display:none; }	

	.itFbox p.boxinner {
	padding:1em 0.5em 0.5em 0.5em;
	}
	
	.it-table_box02 img {
	padding-left:0;
	padding-top:0.5em;
	}

}