@charset "utf-8";

/*-----------------------------------------------------------
 Terms Index
-----------------------------------------------------------*/

/*---------- tagIndexSec ----------*/

#tagIndexSec {
	}
	#tagIndexSec ul {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		}
		#tagIndexSec ul li {
			margin: 0 5px 5px 0;
			}
			#tagIndexSec ul li a {
				position: relative;
				padding: 4px 15px;
				display: block;
				color: #333;
				text-decoration: none;
				background: #fff;
				border: 2px solid #d4dee9;
				border-radius: 3px;
				transition: all ease-out .3s;
				}
				#tagIndexSec ul li a:hover {
					color: #fff;
					background: #1b5ca2;
					border: 2px solid #1b5ca2;
					}


/*---------- cateIndexSec ----------*/

#cateIndexSec {
	background: #f3f7fa;
	}
	#cateIndexSec ul {
		margin: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		}
		#cateIndexSec ul li {
			width: 398px;
			margin: 0 0 2px 2px;
			}
			#cateIndexSec ul li:nth-of-type(3n+1) { margin-left: 0; }
			
			#cateIndexSec ul li a {
				position: relative;
				height: 148px;
				padding: 0 0 0 140px;
				display: -webkit-flex;
				display: flex;
				-webkit-align-items: center;
				align-items: center;
				color: #333;
				line-height: 1.5;
				box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
				background-color: #fff !important;
				}
				#cateIndexSec ul li:nth-of-type(2n) a { background-color: #e8f0f7 !important; }
				
				#cateIndexSec ul li#ciElc     a { background: url("/images/phNcAluminum.svg") no-repeat -15px center; background-size: 122px auto; }
				#cateIndexSec ul li#ciCeramic a { background: url("/images/phNcCeramic.svg")  no-repeat -50px center; background-size: 153px auto; }
				#cateIndexSec ul li#ciFilm    a { background: url("/images/phNcFilm.svg")     no-repeat  25px center; background-size:  63px auto; }
				#cateIndexSec ul li#ciTnr     a { background: url("/images/phNcTnr.svg")      no-repeat   0px center; background-size: 100px auto; }
				#cateIndexSec ul li#ciNano    a { background: url("/images/phNcNano.svg")     no-repeat -20px center; background-size: 135px auto; }
				#cateIndexSec ul li#ciDlcap   a { background: url("/images/phNcDlcap.svg")    no-repeat -20px center; background-size: 117px auto; }
				#cateIndexSec ul li#ciWafer   a { background: url("/images/phNcWafer.svg")    no-repeat -10px center; background-size: 124px auto; }
				#cateIndexSec ul li#ciCamera  a { background: url("/images/phNcCamera.svg")   no-repeat  10px center; background-size: 168px auto; }
				#cateIndexSec ul li#ciSensor  a { background: url("/images/phNcSensor.svg")   no-repeat   0px center; background-size: 119px auto; }
				#cateIndexSec ul li#ciModule  a { background: url("/images/phNcModule.svg")   no-repeat -10px center; background-size: 140px auto; }
				#cateIndexSec ul li#ciGeneral a { background: url("/images/phNcGeneral.png")  no-repeat  10px center; background-size: 100px auto; }



/*-----------------------------------------------------------
 Terms > Layout
-----------------------------------------------------------*/

/*---------- Layout ----------*/

.faqColumn #primary {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	}
	/* Product Title */
	.faqColumn #pageTitle {
		width: 100%;
		margin: 0;
		}

	/* Main Contents */
	#faqCnt {
		width: 900px;
		padding: 40px 0 0;
		}
		/*#faqCnt > *:nth-child(2n) {
			background: #f3f7fa;
			}*/
		#contents #faqCnt .cntFrame {
			width: 900px;
			margin: 0 0 0 auto; padding-right: 15px;
			}
		
		ul.listCategory {
			float: right;
			margin: 0 0 0 auto;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			}
			ul.listCategory li {
				}
				ul.listCategory li a {
					white-space: nowrap;
					}
					ul.listCategory li:nth-of-type(1) a {
						
						padding: 5px 10px;
						display: -webkit-flex;
						display: flex;
						-webkit-flex-direction: column;
						flex-direction: column;
						-webkit-align-items: center;
						align-items: center;
						-webkit-justify-content: center;
						justify-content: center;
						color: #fff;
						line-height: 1.4;
						text-align: center;
						background: #1e63a5;
						}
						
					ul.listCategory li:nth-of-type(2) a {
						position: relative;
						padding: 5px 10px;
						display: -webkit-flex;
						display: flex;
						-webkit-flex-direction: column;
						flex-direction: column;
						-webkit-align-items: center;
						align-items: center;
						-webkit-justify-content: center;
						justify-content: center;
						color: #fff;
						line-height: 1.4;
						text-align: center;
						background: #314251;
						}
						ul.listCategory li:nth-of-type(2) a:before {
							position: absolute;
							left: 0; top: 50%;
							display: block;
							content: "";
							border-top:    6px solid transparent;
							border-left:   6px solid #1e63a5;
							border-bottom: 6px solid transparent;
							transform: translateY(-50%);
							}

		dl.tagList {
			float: right;
			margin: 0;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-align-items: center;
			align-items: center;
			}
			#js-cmsContent + dl.tagList { margin: -20px 0 40px; }
			
			dl.tagList dt {
				}
				dl.tagList dt:after { content: "："; }
			
			dl.tagList dd {
				margin: 0 0 0 5px;
				}
				dl.tagList dd a {
					position: relative;
					height: 100%;
					padding: 1px 15px;
					display: -webkit-flex;
					display: flex;
					-webkit-align-items: center;
					align-items: center;
					color: #333;
					text-decoration: none;
					background: #fff;
					border: 2px solid #d4dee9;
					border-radius: 30px;
					transition: all ease-out .3s;
					}
					dl.tagList dd a:hover {
						color: #fff;
						background: #1b5ca2;
						border: 2px solid #1b5ca2;
						}


	/* Secondary */
	#faqNav {
		width: 285px;
		margin: 40px 0 0 15px;
		}
		#faqNav dl {
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			}
			#faqNav dl dt {
				width: 100%;
				margin: 0; padding: 8px 10px;
				background: #f3f3f3;
				}
			
			#faqNav dl#faqCateNav dd {
				width: 100%;
				border-bottom: 1px dotted #ccc;
				}
				#faqNav dl#faqCateNav dd a {
					position: relative;
					padding: 8px 10px 8px 20px;
					display: block;
					color: #333;
					transition: all ease-out .3s;
					}
					#faqNav dl#faqCateNav dd a:hover { background: #f7f7f7; }
					
					#faqNav dl#faqCateNav dd a:before {
						position: absolute;
						left: 0.3rem; top: 50%;
						width: 8px; height: 1px;
						display: block;
						content: "";
						background: rgba(48,137,211,1);
						}

					#faqNav dl#faqCateNav dd.current a {
						color: #fff;
						background: #1b5ca2;
						}
						#faqNav dl#faqCateNav dd.current a:before { background: rgba(255,255,255,1); }

			#faqNav dl#faqTagNav dd {
				margin: 5px 5px 0 0;
				}
				#faqNav dl#faqTagNav dd a {
					position: relative;
					height: 100%;
					padding: 2px 10px;
					display: -webkit-flex;
					display: flex;
					-webkit-align-items: center;
					align-items: center;
					color: #333;
					text-decoration: none;
					background: #fff;
					border: 2px solid #d4dee9;
					border-radius: 3px;
					transition: all ease-out .3s;
					}
					#faqNav dl#faqTagNav dd a:hover {
						color: #fff;
						background: #1b5ca2;
						border: 2px solid #1b5ca2;
						
						}



/*-----------------------------------------------------------
 Terms > List
-----------------------------------------------------------*/

/*---------- narrowNav ----------*/

#narrowNav {
	}
	#narrowNav h5 {
		margin: 0 0 10px; padding: 8px 10px;
		background: #f3f3f3;
		border: none;
		}
		#narrowNav h5:before { display: none; }
	
	#narrowNav ul {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		}
		#narrowNav ul li {
			width: 221px;
			margin: 0 0 5px 5px;
			}
			#narrowNav ul li:nth-of-type(4n+1) { margin-left: 1px; }
			
			#narrowNav ul li a {
				position: relative;
				height: 100%;
				padding: 4px 15px;
				display: -webkit-flex;
				display: flex;
				-webkit-align-items: center;
				align-items: center;
				color: #333;
				text-decoration: none;
				background: #fff;
				border: 2px solid #d4dee9;
				border-radius: 3px;
				transition: all ease-out .3s;
				}
				#narrowNav ul li a:hover {
					color: #fff;
					background: #1b5ca2;
					border: 2px solid #1b5ca2;
					}

/*---------- listSec ----------*/

.listSec {
	}
	.listSec .listTitle {
		position: relative;
		margin: 0 0 15px; padding: 10px 0;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		border-bottom: 1px solid #ddd;
		}
		.listSec .listTitle:before  {
			position: absolute;
			left: 0; bottom: -1px; top: auto;
			width: 45px; height: 1px;
			display: block;
			content: "";
			background: #2163a6;
			}

		#contents .listSec h5 {
			margin: 0 20px 0 0; padding: 0;
			border: none;
			}
			#contents .listSec h5:before { display: none; }

		#contents .listSec nav {
			text-align: right;
			margin-bottom: 1em;
			}

/*---------- pagenationNav ----------*/

.listSec + section:not(.listSec) {
	}
	.listSec + section:not(.listSec) ul {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		text-align: center;
		}
		.listSec + section:not(.listSec) ul li {
			margin: 0 2px;
			}	
			.listSec + section:not(.listSec) ul li.prev {
				}
			.listSec + section:not(.listSec) ul li.next {
				}
			.listSec + section:not(.listSec) ul li a {
				width: 40px; height: 40px;
				display: -webkit-flex;
				display: flex;
				-webkit-align-items: center;
				align-items: center;
				-webkit-justify-content: center;
				justify-content: center;
				color: #fff;
				text-align: center;
				background: #1e63a5;
				border-radius: 3px;
				}
			.listSec + section:not(.listSec) ul li span {
				width: 40px; height: 40px;
				display: -webkit-flex;
				display: flex;
				-webkit-align-items: center;
				align-items: center;
				-webkit-justify-content: center;
				justify-content: center;
				color: #ccc;
				text-align: center;
				border: 1px solid #ddd;
				border-radius: 3px;
				}
				.listSec + section:not(.listSec) ul li.current span {
					font-weight: bold;
					color: #314251;
					border: 2px solid #314251;
					}
			




/*-----------------------------------------------------------
 Terms > Detail
-----------------------------------------------------------*/