@charset "utf-8";
/*マージン*/

.m0 {
	margin: 0 !important;
}
.mb0 {
	margin-bottom: 0px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb55 {
	margin-bottom: 55px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb75 {
	margin-bottom: 75px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mt0 {
	margin-top: 0px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mr0 {
	margin-right: 0px !important;
}
.pb0 {
	padding-bottom: 0 !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pb100 {
	padding-bottom: 100px !important;
}
.pt0 {
	padding-top: 0px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt50 {
	padding-top: 50px !important;
}

/*FontSize*/

.txt_70 {
	font-size: 70% !important;
}
.txt_77 {
	font-size: 77% !important;
}
.txt_85 {
	font-size: 85% !important;
}
.txt_91 {
	font-size: 91% !important;
}
.txt_100 {
	font-size: 100% !important;
}
.txt_108 {
	font-size: 108% !important;
}
.txt_117 {
	font-size: 117% !important;
}
.txt_125 {
	font-size: 125% !important;
}
.txt_133 {
	font-size: 133% !important;
}
/*width*/

.rImg {
	width: 100%;
	height: auto;
}
/*整列*/

.t-center {
	text-align: center !important;
}
.t-right {
	text-align: right !important;
}
.t-left {
	text-align: left !important;
}

/*配置*/

.fl {
	float: left;
}
.fr {
	float: right;
}

/*color*/

.red {
	color: #F00;
}
.green {
	color: #359842;
}
.bgGray {
	background: #f2f2f2;
	padding: 60px 0;
}
.lineBox {
	padding: 20px 30px;
	border: solid 1px #eee;
}
.lineBoxT {
	border-top: solid 1px #eee;
}
.yellowBox {
	background: #e0f0e2;
	padding: 30px;
	text-align: center;
	font-size: 15px;
	/* color:#359842; */
}
.yellowBox p {
	margin: 0;
}
.yellowBox .fl {
	width: 50%;
	padding: 86px 0 1em 0;
	background: url("../service/img/iconReso1.svg") no-repeat 50% 25px;
}
.yellowBox .fr {
	width: 50%;
	padding: 86px 0 1em 0;
	background: url("../service/img/iconReso2.svg") no-repeat 50% 25px;
}
/*list*/

.ulSlist {} .ulSlist li {
	background: #f2f2f2;
	width: 23.5%;
	float: left;
	margin-right: 1.9%;
}
.ulSlist li {
	-moz-transition: background 0.3s ease-out 0s;
	-webkit-transition: background 0.3s ease-out 0s;
	-o-transition: background 0.3s ease-out 0s;
	-ms-transition: background 0.3s ease-out 0s;
	transition: background 0.3s ease-out 0s;
}
.ulSlist li:hover {
	-moz-transition: background 0.3s ease-out 0s;
	-webkit-transition: background 0.3s ease-out 0s;
	-o-transition: background 0.3s ease-out 0s;
	-ms-transition: background 0.3s ease-out 0s;
	transition: background 0.3s ease-out 0s;
}
.ulSlist li:hover {
	background: #ddd;
}
.ulSlist li:last-child {
	margin-right: 0;
}
.ulSlist li dl {
	padding: 8%;
}
.ulSlist li dl > dt {
	font-size: 18px;
	font-weight: bold;
	color: #359842;
	margin-bottom: 1em;
	line-height: 150%;
}
.ulSlist li dl > dd {
	font-size: 13px;
	color: #ccc;
}
.ulSlist li img {
	width: 100%;
	height: auto;
}
.ulSlist .green {
	font-family: 'Open Sans', sans-serif;
	/* font-weight:bold; */
	
	padding: 8%;
	display: block;
	font-size: 13px;
}
.ulList {
	line-height: 200%;
}
.ulList li {
	list-style: disc outside;
	margin: 0 0 1em 1em;
}
.ulList li:last-child {
	margin-bottom: 0;
}
.ulIconList {} .ulIconList li {
	background: #e0f0e2;
	display: inline-block;
	float: left;
	/* color: #339740; */
	
	padding: 10px 20px;
	margin: 0 10px 0 0;
}
.dlList {
	font-size: 15px;
	/* font-weight: bold; */
}
.dlList dt {
	font-family: 'Open Sans', sans-serif;
	width: 8em;
	float: left;
	clear: both;
	padding: 1em 0;
}
.dlList dd {
	padding: 1em 0 1em 8em;
	border-bottom: solid 1px #eee;
}
.dlList2 {
	font-size: 15px;
}
.dlList2 dt {
	background: url("../service/img/arrowR.svg") no-repeat 100% 50% #fff;
	width: 38%;
	float: left;
	padding: 4% 8% 4% 4%;
	background-size: auto 110%;
	display: table;
}
.dlList2 dt > * {
	display: table-cell;
	vertical-align: middle;
}
.dlList2 dt ul {} .dlList2 dt ul li {} .dlList2 dd {
	background: #e0f0e2;
	width: 48%;
	float: right;
}
.dlList2 dd ul {
	padding: 5% 6%;
	/* color: #158824; */
}
.dlList2 dt ul li, .dlList2 dd ul li {
	margin-bottom: 1em;
	list-style: disc outside;
	margin-left: 1em;
}
.dlList2 dt ul li:last-child, .dlList2 dd ul li:last-child {
	margin-bottom: 0em;
}
.dlList2 dd h2 {
	background: url("../service/img/iconCheck.svg") no-repeat 14px 50% #339740;
	color: #fff !important;
	font-size: 16px !important;
	padding: 10px 0 10px 40px !important;
	margin: 0 !important;
	border: none !important;
}
.dlList3 {
	line-height: 200%;
}
.dlList3 dt {
	width: 7em;
	display: block;
	float: left;
	clear: both;
	padding: .5em 0;
	font-weight: bold;
}
.dlList3 dd {
	padding: .5em 0 .5em 7em;
}
.tableList {
	border-top: solid 1px #1E842B;
	border-left: solid 1px #1E842B;
	font-size: 15px;
	width: 100%;
}
.tableList tr {} .tableList th {
	background: url("../service/img/iconOut1.svg") no-repeat 50% 25px #339740;
	color: #fff;
	text-align: center;
	border-bottom: solid 1px #1E842B;
	width: 23%;
	vertical-align: top;
	padding: 86px 0 1em 0;
}
.tableList td {
	border-bottom: solid 1px #1E842B;
	border-right: solid 1px #1E842B;
	width: 71%;
	vertical-align: top;
	padding: 1.5em 3%;
	line-height: 200%;
}
th.trOut2 {
	background: url("../service/img/iconOut2.svg") no-repeat 50% 25px #339740;
}
th.trOut3 {
	background: url("../service/img/iconOut3.svg") no-repeat 50% 25px #339740;
}
th.trOut4 {
	background: url("../service/img/iconOut4.svg") no-repeat 50% 25px #339740;
}
th.trOut5 {
	background: url("../service/img/iconOut5.svg") no-repeat 50% 25px #339740;
}
th.trOut6 {
	background: url("../service/img/iconOut6.svg") no-repeat 50% 25px #339740;
}
th.trDev1 {
	background: url("../service/img/iconDev1.svg") no-repeat 50% 25px #339740;
}
th.trIct1 {
	background: url("../service/img/iconIct1.svg") no-repeat 50% 25px #339740;
}
th.trIct2 {
	background: url("../service/img/iconIct2.svg") no-repeat 50% 25px #339740;
}
th.trIct3 {
	background: url("../service/img/iconIct3.svg") no-repeat 50% 25px #339740;
}
.tableList.tub2 tr {} .tableList.tub2 th {
	width: 25%;
	background: #339740;
	border-right: solid 1px #1E842B;
	padding: 1em 0;
}
.tableList.tub2 td {
	width: auto;
}
/*HOME*/

#home {} #home #container h1 {
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-weight: bold;*/
	/*color: #ffff00;*/
	color: #1B99E8;
	font-size: 28px;
	letter-spacing: 0.08em;
	margin: 0 0 40px 0;
}

body#news #container h1 {
	color: #1B99E8;
	font-size: 28px;
	letter-spacing: 0.08em;
	margin: 0 0 40px 0;
}

#home #container h1 span {
	display: inline-block;
	color: #fff;
	/*background: #ffff00;*/
	background: #1B99E8;
	/*font-weight: bold;*/
	font-size: 12px;
	line-height: 100%;
	padding: .5em 1em;
	position: relative;
	margin: 0 0 0 5em;
	top: -.5em;
}
#home #container h1 span:before {
	content: "";
	display: block;
	width: 1px;
	height: 2em;
	background: #ccc;
	position: absolute;
	left: -2.5em;
	top: 0;
}

body#news #container h1 span {
	display: inline-block;
	color: #fff;
	background: #1B99E8;
	font-size: 12px;
	line-height: 100%;
	padding: .5em 1em;
	position: relative;
	margin: 0 0 0 5em;
	top: -.5em;
}
body#news #container h1 span:before {
	content: "";
	display: block;
	width: 1px;
	height: 2em;
	background: #ccc;
	position: absolute;
	left: -2.5em;
	top: 0;
}





/*sub*/

.sub {
	background: #BCBFC7;
}
.sub #bg {
	background: url("../img/bg2.jpg") #697A9F;
	background-position: 0 0;
	background-attachment: fixed;
	background-size: cover;
	filter: blur(0px);
}
@media all and (-ms-high-contrast: none) {
	/* IE10, 11 */
	
	.sub #bg {
		background-attachment: scroll;
	}
}
.sub #glNav {
	color: #ccc;
}
.sub #glNav a {
	color: #ccc;
}
.sub #glNav a:hover {
	color: #349741;
}
.sub #glNav a:hover {
	-moz-transition: color 0.3s ease-out 0s;
	-webkit-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	-ms-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;
}
.sub #glNav a {
	-moz-transition: color 0.3s ease-out 0s;
	-webkit-transition: color 0.3s ease-out 0s;
	-o-transition: color 0.3s ease-out 0s;
	-ms-transition: color 0.3s ease-out 0s;
	transition: color 0.3s ease-out 0s;
}
.sub #container {
	font-size: 16px;
	width: 86%;
	width: -webkit-calc(100% - 180px);
	width: calc(100% - 180px);
	top: 440px;
	padding: 4% 0 300px;
}
.sub #container h1 {
	background: #339740;
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0;
	margin-bottom: 40px;
}
.sub #container h2 {
	color: #ffff12;
	font-weight: bold;
	font-size: 24px;
	/* border-bottom: solid 1px #9acba0; */
	
	padding-bottom: 20px;
	/* margin-bottom: 30px; */
}
.sub #container h3 {
	background: url("../service/img/iconCheck.svg") no-repeat 14px 50% #339740;
	color: #fff;
	font-size: 16px;
	padding: 10px 0 10px 40px;
	font-weight: bold;
}
.sub #topTxt {
	height: 450px;
}
.sub #topTxt h2 {
	font-size: 15px;
	right: 55px;
	top: 187px;
	line-height: 40px;
	bottom: auto;
}
.sub #topTxt h2 span {
	letter-spacing: .08em;
	height: 40px;
	line-height: 40px;
}
.sub #topTxt h3 {
	top: 224px;
	right: 50px;
	font-size: 32px;
	font-weight: bold;
	line-height: 60px;
	bottom: auto;
}
.sub #topTxt h3 span {
	color: #fff;
	height: 60px;
	line-height: 60px;
}
.sub #topTxtBg {
	height: 450px;
}
.sub #topTxt1 p {
	font-size: 15px;
	top: 184px;
	line-height: 40px;
	bottom: auto;
}
.sub #topTxt1 p span {
	padding: .3em 1em;
}
.sub #topTxt1 p span > span {
	background: none;
	display: block;
	padding: 0;
	z-index: 5;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}
.sub #topTxtW1 {
	top: 224px;
	font-size: 32px;
	font-weight: bold;
	bottom: auto;
}
.sub #topTxtW1 span {
	color: #349741;
	background: #349741;
	padding: 0 .4em;
	line-height: 60px;
}
#topimg {
	background: url("../service/img/outsourcingImg.jpg") no-repeat 0 50% #fff;
	width: 86%;
	width: -webkit-calc(100% - 180px);
	width: calc(100% - 180px);
	height: 400px;
	display: block;
	position: fixed;
	top: 40px;
	right: 0;
	background-size: cover;
	z-index: 1;
}
.develop #topimg {
	background: url("../service/img/developImg.jpg") no-repeat 0 50% #fff;
	background-size: cover;
}
.ict #topimg {
	background: url("../service/img/ictImg.jpg") no-repeat 0 50% #fff;
	background-size: cover;
}
.resource #topimg {
	background: url("../service/img/resourceImg.jpg") no-repeat 0 50% #fff;
	background-size: cover;
}
.ict.sub #container, .resource.sub #container {
	padding-top: 0;
}
.ict .bgGray, .resource .bgGray {
	padding: 40px;
}
.ict .bgGray .fl {
	background: url("../service/img/ictImg2.jpg") no-repeat 0 50% #fff;
	display: block;
	width: 30%;
	background-size: cover;
}
.ict .bgGray .fr, .resource .bgGray .fr {
	font-size: 20px;
	font-weight: bold;
	color: #359842;
	padding: 50px;
	width: 50%;
	float: left;
}
.ict .bgGray p, .resource .bgGray p {
	margin: 0;
}
.resource .bgGray .fl {
	background: url("../service/img/resourceImg2.jpg") no-repeat 0 50% #fff;
	display: block;
	width: 30%;
	background-size: cover;
}

/*sub2*/

.s2 .dlList3 dt {
	padding: 1em 0;
	width: 11em;
}
.s2 .dlList3 dd {
	border-bottom: solid 1px #eee;
	padding: 1em 0 1em 11em;
}
#privacy.s2 .dlList3 dt {
	width: 2em;
}
#privacy.s2 .dlList3 dd {
	padding: 1em 0 1em 2em
}