@charset "utf-8";

.widthLiquid{
  min-width: 1260px;
}
.htxF{
  font-weight: 600;
}


/* ----------------------------------------------
// Background
----------------------------------------------- */
#Background {
  background: none;
  padding: 0;
}
#Background .inner{
  padding: 60px 45px;
  background: #fff;
}
#Background.bizContainer .item + .item{
  margin-top: 90px;
}
#Background.bizContainer .htxF{
  position: relative;
}

#Background.bizContainer .imgBox .img{
  width: 30%;
}
#Background.bizContainer .imgBox .txt{
  width: calc( 100% - 30% - 40px);
  line-height: 1.75;
  color: #333;
}
#Background.bizContainer .listWrap{
  padding-right: 50px;
  position: relative;
}
#Background.bizContainer .listWrap > span{
  position: absolute;
  right: 0;
  bottom: 12px;
}
#Background.bizContainer .listA > li{
  border-top-width: 6px;
  border-bottom-width: 6px;
}
#Background.bizContainer .listA > li > span{
  color: #000;
  font-size: 0.92em;
}



/* ----------------------------------------------
// OfficeSupport
----------------------------------------------- */
#OfficeSupport {
  background: none;
  padding: 0;
}
#OfficeSupport .inner{
  padding: 60px 45px;
  background: #fff;
}
#OfficeSupport.bizContainer .item + .item{
  margin-top: 90px;
}
#OfficeSupport.bizContainer .htxF{
  position: relative;
}

#OfficeSupport.bizContainer .imgBox .img{
  width: 30%;
}
#OfficeSupport.bizContainer .imgBox .txt{
  width: calc( 100% - 30% - 40px);
  line-height: 1.75;
  color: #333;
}
#OfficeSupport.bizContainer .listWrap{
  position: relative;
}
#OfficeSupport.bizContainer .listWrap > span{
  position: absolute;
  right: 0;
  bottom: 12px;
}
#OfficeSupport.bizContainer .listA > li{
  border-top-width: 6px;
  border-bottom-width: 6px;
  width: 32%;
}
#OfficeSupport.bizContainer .listA > li:not(:last-child) {
  margin-right: 2%;
}
#OfficeSupport.bizContainer .listA > li > span{
  color: #000;
  font-size: 0.92em;
}


/* // bizScrollLinks
----------------------------------------------- */

.bizScrollLinks .line{
  width: 654px;
  margin: 15px auto;
  overflow: hidden;
}
.bizScrollLinks .line > span{
  width: 50%;
  height: 20px;
  display: block;
  float: left;
}
.bizScrollLinks .line > span:first-child{
  border-right: 1px solid #000;
}
.bizScrollLinks .line > span:nth-child(3){
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
.bizScrollLinks .line > span:nth-child(4){
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}
.bizScrollLinks .links{
  display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow:     row wrap;
	flex-flow:         row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content:     space-between;
	justify-content:         space-between;
	-webkit-align-items: stretch;
	-ms-align-items:     stretch;
	align-items:         stretch;
}
.bizScrollLinks .links > a{
  width: calc( 33.3333% - 20px );
  max-width: 560px;
  display: block;
  display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow:     row wrap;
	flex-flow:         row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content:     space-between;
	justify-content:         space-between;
	-webkit-align-items: stretch;
	-ms-align-items:     stretch;
	align-items:         stretch;
  background-color: #fff;
  border-top: 4px solid #223e7a;
  position: relative;
}
.bizScrollLinks .links > a .img{
  width: 36%;
  margin: 25px 0 0 15px;
}
.bizScrollLinks .links > a:after{
	content: "\e90a";
	font-family: "iconFontA";
  position: absolute;
  display: block;
  width: 45px;
  height: 45px;
	font-size: 17px;
	text-align: center;
	line-height: 45px;
  right: 0;
  bottom: 0;
  background-color: #223e7a;
	color: #fff;
  z-index: 1;
  transition: .5s;
}
.bizScrollLinks .links > a.pageLink2:after{
  content: "\e907";
  font-family: "iconFontA";
}
.bizScrollLinks .links > a .txt{
  width: calc( 100% - 45% );
  padding: 25px 15px 50px;
}
.bizScrollLinks .links > a .name{
  font-size: 1.26em;
  font-weight: 600;
  color: #223e7a;
  margin-bottom: 10px;
  line-height: 1.5;
}
.bizScrollLinks .links > a .body{
  font-size: 0.93em;
  line-height: 1.75;
  font-weight: 500;
}



/* // bizContainer
----------------------------------------------- */
.bizContainer{
  padding: 60px 45px;
  margin-bottom: 50px;
  background: #fff;
}
.bizContainer .htxA{
  margin-bottom: 60px;
}
.bizContainer .colWrap{
  display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow:     row wrap;
	flex-flow:         row wrap;
	-webkit-justify-content: end;
	-ms-justify-content:     end;
	justify-content:         end;
	-webkit-align-items: stretch;
	-ms-align-items:     stretch;
	align-items:         stretch;
  margin-left: -20px;
  margin-right: -20px;
}

.bizContainer .colWrap .col{
  border-width: 0 20px 60px;
	border-style: solid;
	border-color: transparent;
}
.bizContainer .colWrap.col2 .col{  width: calc( 100% / 2 );}
.bizContainer .colWrap.col3 .col{  width: calc( 100% / 3 );}
.bizContainer .colWrap.col4 .col{  width: calc( 100% / 4 );}

.bizContainer .imgBox{
  display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow:     row wrap;
	flex-flow:         row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content:     space-between;
	justify-content:         space-between;
	-webkit-align-items: stretch;
	-ms-align-items:     stretch;
	align-items:         stretch;
}

.bizContainer .imgBox .img img{
  width: 100%;
}