@charset "utf-8";
/* CSS Document */

/* アンカーリンクで遷移した際、ヘッダーに隠れないようにスクロール位置を調整 */
#system_development,
#system_operating {
  scroll-margin-top: 180px; /* ヘッダーの高さに合わせて調整 */
}

/* スマホ表示時はヘッダーが小さいので調整 */
@media only screen and (max-width: 640px) {
  #system_development,
  #system_operating {
    scroll-margin-top: 100px; /* スマホ時のヘッダー高さに合わせて調整 */
  }
}

.lower .mv {
	background: url(/about/parts/img/bg_mv.png) center no-repeat;
	background-size: cover;
}
p.intro {
	width: 1024px;
	margin: 0 auto;
	font-size: 1.7em;
	font-weight: bold;
	text-align: center;
	line-height: 1.7;
}

#about ul.biz_list li {
	width: 330px;
	margin-left: 3px;
	margin-top: 3px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
#about ul.biz_list li:nth-child(3) {
	margin-right: 3px;
}
#about ul.biz_list li:nth-child(4) {
	margin-left: 170px;
}
#about ul.biz_list li span.biz_img_cover {
	height: 224px;
}

/* 20200228index.cssからコピー */

.business {
	padding-top: 45px;
	background: #f7f7f7;
	text-align: center;
}
.business h2 {
	font-size: 28px;
	font-weight: bold;
}
.business h2:after {
	content: "";
	display: block;
	width: 57px;
	height: 2px;
	margin: 18px auto;
	background: #006830;
}
.business p {
	font-size: 14px;
	line-height: 1.9;
}
ul.biz_list {
	margin-top: 18px;
	padding-bottom: 20px;
	overflow: hidden;
	text-align: center;
	display: flex;
	justify-content: center;
}
ul.biz_list li {
	width: 334px;
	margin-right: 11px;
	margin-bottom: 24px;
	float: left;
}
ul.biz_list li:nth-child(3) {
	margin-right: 0;
}
ul.biz_list li:nth-child(4) {
	margin-left: 172px;
}
ul.biz_list li a {
	display: block;
}
ul.biz_list li img {
	width: 100%;
}
ul.biz_list li span {
	display: block;
	padding-top: 18px;
	padding-bottom: 18px;
	background: #FFF;
	font-size: 16px;
	font-weight: bold;
	color: #2d2c2c;
	background-image: url(/parts/img/arrow_020.png);
	background-position: right center;
	background-repeat: no-repeat;
}
ul.biz_list li span .en {
	padding-top: 8px;
	padding-bottom: 0;
	color: #005b9b;
	font-size: 12px;
	font-weight: 500;
	background-color: transparent;
	background-image: none;
}
ul.biz_list li span.biz_img_cover {
	display: block;
	height: 226px;
	overflow: hidden;
	padding: 0;
}
.pc ul.biz_list li a:hover {
	text-decoration: none;
}
.pc ul.biz_list li a:hover > span {
	color: #006830;
}
.pc ul.biz_list li a:hover img {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}


/* スマホ用ナビ */
/*.nav-sp-cont-bottom li:nth-child(2) {
	font-size: 0.9em;
}20191120*/
@media screen and (min-width:641px) {
	/*20191120追加*/
	.lower .nav-lower ul {
		display: flex;
	}
	.pc .lower .nav-lower ul li{
		display: block!important;
		width: 50%;
	}
}
@media screen and (max-width:640px) {
	.crumb ul li.consult {
		max-width: 15em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.lower .mv h1.consulting {
		font-size: 2em;
	}
	p.intro {
		width: auto;
		padding: 0 4.6875%;
		font-size: 1.4em;
		text-align: left;
	}
	p.intro + .column {
		margin-top: 40px;
	}
  .column figure.box-right.w400{
		margin-bottom: 40px;
	}
	.column figure {
		margin-bottom: 10px;
	}
	
#about ul.biz_list {
		display: block;
	}
#about ul.biz_list li {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		float: none;
	}
	#about ul.biz_list li:nth-child(3) {
		margin-right: 1%;
	}
	#about ul.biz_list li:nth-child(4) {
		margin-left: 1%;
	}
	#about ul.biz_list li span.biz_img_cover {
		height: auto;
	}
}
@media screen and (max-width:480px) {
	.lower .mv h1 {
		font-size: 1.8em;
	}
	.lower .mv h1.consulting {
		font-size: 1.3em;
	}
	.lower .mv h1.consulting span{
		font-size: 0.5em;
	}
}