@charset "utf-8";



/* --------------------------------------------
						
about　私たちの物づくり

---------------------------------------------- */ 

/* --------------------------------------------
						
ディレクトリ内リンク

---------------------------------------------- */ 
.aboutSubNav {
	padding: 2em 0;
	background: #d2d2d2;
	background: -moz-linear-gradient(140deg, #d2d2d2 0%, #f0f0f0 15%, #ffffff 30%, #e6e6e6 50%, #ffffff 70%, #f0f0f0 85%, #d2d2d2 100%); 
	background: -webkit-linear-gradient(140deg, #d2d2d2 0%,#f0f0f0 15%,#ffffff 30%,#e6e6e6 50%,#ffffff 70%,#f0f0f0 85%,#d2d2d2 100%);
	background: linear-gradient(-50deg, #d2d2d2 0%,#f0f0f0 15%,#ffffff 30%,#e6e6e6 50%,#ffffff 70%,#f0f0f0 85%,#d2d2d2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#d2d2d2',GradientType=1 );
}
.aboutSubNav ul {
	width: 100%; max-width: 1370px;
	padding: 0.2em 2% 0.7em;
}
.aboutSubNav li {
	position: relative;
	float: left;
	width: 23%;
	margin:0 1%;
	font-size: 22px; font-size: 2.2rem;
	font-weight: 300;
}
.aboutSubNav li a {
	display: block;
	padding: 0.2em; 
	color: #1E4C91;
	text-align: center;
	background: #fff;
	border: 1px solid #496EA6;
	transition: 0.3s;
}
.aboutSubNav li::after {
	content: "";
	position: absolute; left: 50%; bottom: -14px;
	display: block;
	width: 22px; height: 22px;
	margin-left:-11px;
	background: url(../img/btnAfter.png);
	background-size: contain;
}


.aboutSubNav li:hover a,
.aboutSubNav li.active a {
	color: #fff;
	background: #1e4c91; 
	background: -moz-linear-gradient(top, #1e4c91 33%, #395fa0 74%, #6179b4 100%);
	background: -webkit-linear-gradient(top, #1e4c91 33%,#395fa0 74%,#6179b4 100%);
	background: linear-gradient(to bottom, #1e4c91 33%,#395fa0 74%,#6179b4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e4c91', endColorstr='#6179b4',GradientType=0 ); 
}
.aboutSubNav li:hover::after,
.aboutSubNav li.active::after {
	background: url(../img/btnAfter_act.png);
	background-size: contain;
}


@media screen and (max-width:1100px){
.aboutSubNav li {
	font-size: 2vw!important;
}
}

@media screen and (max-width:768px){
.aboutSubNav li {
	width: 48%;
	margin:0.3em 1%;
	font-size: 3.8vw!important;
}
.aboutSubNav li::after,
.aboutSubNav li:hover::after,
.aboutSubNav li.active::after {
	display: none;
}

}




/* --------------------------------------------
						
キャッチ

---------------------------------------------- */ 
.aboutTitle {
	text-align: center;
	opacity: 0;
	animation-name: fadeInBottomTop;
  animation-delay: 1s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
.aboutTitle img {
	padding: 6em 1.3em 1.3em;
	margin:0 auto 6.5em;
	border-bottom: 1px solid #0051B0
}