@charset "UTF-8";

/*==========*/
/*!description*/
/*==========*/
/*detail*/
.description .detail {
	padding-bottom:50px;
}

.description .detail > div {
	margin:0 auto;
	max-width:980px;
	width:90%;
}

.description .detail .box {
	padding:50px 0;
}

.description .detail .box p {
	margin-bottom:50px;
	line-height:2.4;
}

.description .detail .box ul {
	font-size:0;
}

.description .detail .box li {
	display:inline-block;
	padding:0 0 0 10px;
	width:50%;
}

.description .detail .box li:first-child {
	padding:0 10px 0 0;
}

@media screen and (max-width:768px) {
	.description .detail {
		padding-bottom:2em;
	}
	
	.description .detail .box {
		padding:2em 0;
	}
	
	.description .detail .box p {
		margin-bottom:1em;
	}
	
	.description .detail .box li {
		padding:0 0 0 4px;
	}
	
	.description .detail .box li:first-child {
		padding:0 4px 0 0;
	}
}

/*==========*/
/*!divisions*/
/*==========*/
/*system*/
.divisions .system div {
	margin:0 auto;
	padding:50px 0 80px;
	max-width:980px;
	width:90%;
}

.divisions .system li {
	position:relative;
	display:block;
	margin-bottom:20px;
	padding-bottom:20px;
}

.divisions .system li a {
	position:relative;
	z-index:10;
	display:block;
	padding:50px 0;
	background-color:#EAEAEA;
	text-align:center;
}

@media screen and (min-width:769px) {
	.divisions .system li a:hover {
		background-color:#1D4786;
		color:#FFF;
		transition:background-color .2s,color .2s;
	}
}

.divisions .system li a strong {
	display:block;
	margin-bottom:10px;
	padding-left:.2em;
	letter-spacing:.2em;
	font-weight:500;
	font-size:120%;
}

.divisions .system li a span {
	display:block;
	padding-left:.1em;
	letter-spacing:.1em;
}

.divisions .system li i {
	position:absolute;
	bottom:0;
	width:100%;
	color:#1D4786;
	text-align:center;
	font-size:30px;
	line-height:1;
}

.divisions .system li i:before {
	content:"▼";
}

/*detail*/
.divisions .detail > div {
	margin:0 auto;
	padding-bottom:100px;
	max-width:1340px;
	width:90%;
}

.divisions .detail .box {
	padding:90px;
	border-bottom:1px solid #EAEAEA;
}

.divisions .detail .box#sales {
	border-top:1px solid #EAEAEA;
}

.divisions .detail .box div {
	float:left;
	padding-right:8vw;
	width:60%;
}

.divisions .detail .box h3 {
	margin-bottom:40px;
	color:#1D4786;
	letter-spacing:.2em;
	font-size:180%;
	line-height:1.2;
}

.divisions .detail .box p {
	line-height:2.4;
}

.divisions .detail .box img {
	display:block;
	float:left;
	width:40%;
}

@media screen and (max-width:768px) {
	/*system*/
	.divisions .system div {
		padding:2em 0;
	}
	
	.divisions .system li {
		margin-bottom:1em;
		padding-bottom:1em;
	}
	
	.divisions .system li a {
		padding:1em 0;
	}
	
	.divisions .system li a strong {
		margin-bottom:0;
	}
	
	.divisions .system li a span {
		display:block;
		padding-left:.1em;
		letter-spacing:.1em;
	}
	
	.divisions .system li i {
		bottom:.15em;
		font-size:1em;
	}
	
	/*detail*/
	.divisions .detail > div {
		padding-bottom:4em;
	}
	
	.divisions .detail .box {
		padding:3em 1em;
	}
	
	.divisions .detail .box div {
		float:none;
		padding-right:0;
		width:100%;
	}
	
	.divisions .detail .box h3 {
		margin-bottom:1em;
		font-size:160%;
	}
	
	.divisions .detail .box p {
		margin-bottom:1.5em;
	}
	
	.divisions .detail .box img {
		float:none;
		margin:0 auto;
		width:100%;
	}
}