@charset "utf-8";

/* !common
---------------------------------------------------------- */
.pcNone { display: block;}
.spNone { display: none;}
.h2_basic01 { 
	border-top: 1px #ecebeb solid;
	margin-bottom: 20px;
}
.h2_basic01.nbc { margin-bottom: 12px;}
	.h2_basic01.h2_sub { border-top: none;}
.h3_basic01 { margin: 0 10px 15px;}
img { 
	max-width: 100%;
	width: auto;
}
.btnBackWrap01 {
	margin-bottom: 0;
	padding: 13px 0 13px 10px;
	border-bottom: none;
}
	.btnBack01 {
		display: inline-block;
		vertical-align: top;
		margin: 0 6px 0 0;
		padding: 0 9px;
		width: auto;
	}

.boxProfessionalWrap01.human { border-bottom: none;}
	.boxProfessional01 { 
		width: 100%;
		margin: 0 0 25px;
		font-size: 86%;
	}
	.boxProfessionalWrap01.human .boxProfessional01 { margin-bottom: 0;} 
		.boxProfesInner01 { padding: 0 10px;} 
		
.boxProfessionalWrap01.manage,
.boxProfessionalWrap01.design {
	border-bottom: 1px #ccc solid;
	margin-bottom: 25px;
}	
	.boxProfessionalWrap01.manage:last-child,
	.boxProfessionalWrap01.design:last-child { border-bottom: none; margin-bottom: 0px;}

.ttlNbc01 { 
	margin-bottom: 15px;
	padding: 7px 10px;
}
.ttlNbc01.communicate { background-color: #fcf9c2;}
.ttlNbc01.design { background-color: #ffd7e6;}
.ttlNbc01.human { background-color: #ddf4bf;}
.ttlNbc01.manage { background-color: #b6dcfd;}
.iconNew01 {
	position: relative;
	margin-left: 11px;
}
.ttlNbc01 .iconNew01 { margin-left: 5px;}
.iconNew01:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -9px;
	width: 17px;
	height: 17px;
	background: url(/img/professional/nbc/ico_news01.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.tableNbc01 { 
	margin: 8px 0;
	width: 240px;
}	
.tableNbc01.type01,
.tableNbc01.type03 { 
	margin: 8px 0 25px;
	width: 100%;
}
.boxProfessional01.index .tableNbc01.type01 { margin: 8px 0 5px;}
	.tableNbc01 .col01 { width: 48%;}
	.tableNbc01 .col02 { width: 52%;}
	.tableNbc01 .w17 { width: 17%;}
	.tableNbc01 .w26 { width: 26%;}
	.tableNbc01 .w28 { width: 28%;}
	.tableNbc01 .w29 { width: 29%;}
	.tableNbc01 .col03 { width: 15%;}
	.tableNbc01 .col04 { width: 29%;}
	.tableNbc01 .col05 { width: 24%;}
	.tableNbc01 .col06 { width: 20%;}
	.tableNbc01 .col07 { width: 12%;}
	.tableNbc01 tr th,
	.tableNbc01 tr td {
		padding: 5px 9px;
		border: 1px solid #ccc;
		font-size: 86%;
	}
		.tableNbc01 tr th img,
		.tableNbc01 tr td img { display: block;}
		
		.tableNbc01 tr td .icoCircle { width: 13px;}
		.tableNbc01 tr td .icoLine { width: 13px;}
		
		.tableNbc01 tr th sub,
		.tableNbc01 tr td sub { vertical-align: top;}
	
	.tableNbc01.type01 thead tr th,
	.tableNbc01.type03 tr th { 
		background-color: #999;
		color: #fff;
	}
		.tableNbc01.type01 thead tr th { padding: 15px 9px;}
	.tableNbc01.type01 tbody tr th { 
		background-color: #e9e9e9;
	}
	.tableNbc01.type03 tr th:first-child { padding: 15px 0 15px 8px;}
	.tableNbc01.type03 tr th { padding: 15px 0 15px 0;}
	.tableNbc01.type03 tr td:first-child { padding: 5px 0 5px 8px;}
	.tableNbc01.type03 tr td { padding: 5px 15px 5px 0;}
	.tableNbc01.type03 tr th,
	.tableNbc01.type03 tr td {
		border: none;
		font-size: 9px;
		line-height: 1.3;
	}
	.tableNbc01.type03 tr td { background-color: #f2f2f2;}
	.tableNbc01.type03 tr:nth-child(even) td { background-color: #e8e8e8;}
	.tableNbc01.type03 tr .trainingNo01 { color: #ff0033;}

/* !index.html
---------------------------------------------------------- */
.nbcList01 {}
	.nbcList01 li { margin-bottom: 25px;}
	.nbcList01 li.last { margin-bottom: 0;}
			.nbcList01 li dl dt { 
				color: #2a90d0;
				font-weight: bold;
			}
				.nbcList01 li dl dd .imgList01 {margin-top: 20px;}
.boxProfessional01.index .boxProfesInner01 { 
	margin-bottom: 13px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #ccc;
}
.boxProfessional01.index .boxProfesInner01.last { 
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom: none;
}
.boxProfessional01 .imgTechnic01 {
	margin-bottom: 15px;
	padding: 0 16px;
}
.boxProfessional01 .txtTechnic01 { margin-bottom: 22px;}
.btnWrap01.pdf { margin-bottom: 20px;}
.btnWrap01 .btnPDF01 { margin-bottom: 0;}
	.btnWrap01 .btn_basic01 { width: 100%;}
	.btnPDF01 {
		display: inline-block;
		vertical-align: top;
		margin-bottom: 20px;
		border: solid 1px #ccc;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
		.btnPDF01 a {
			display: block;
			padding: 0 15px 0 40px;
			height: 26px;
			line-height: 26px;
			text-align: center;
			font-size: 86%;
			background: url(/common/img/ico_pdf02.png) 15px center no-repeat;
			-webkit-background-size: 19px 18px;
			background-size: 19px 18px;
		}
		.btn_basic01 a { padding: 0 4px; }
		.btnPDF01 a:hover {
			color: #fff;
			background-color: #2a90d0;
		}
		.btn_basic01 a span{
			padding-right: 8px;
			background: url(/common/img/ico_arrow_sp01.png) right center no-repeat;
			background-size: 6px 12px;
		}
		.btnPDF01 a span {
			padding-right: 17px;
			background: url(/common/img/ico_arrow_sp01.png) right center no-repeat;
			background-size: 6px 12px;
		}
		.btnPDF01 a:hover span {
			background: url(/common/img/ico_news_pc02_on.png) right center no-repeat;
		}
.nbcTetx01 {}
.txtHighlight01,
.txtHighlight01 a { color: #ff0033;}
.link01 { color: #2a90d0;}
.txtNote01 { 
	padding: 0 10px;
	font-size: 86%;
}
.imgQRCode01 { display: none;}

/* !schedule.html
---------------------------------------------------------- */
.selectWrap01 { 
	margin-bottom: 20px;
	padding: 16px 10px;
	background-color: #ecebeb;
}
	.selectFormSp01 { 
		margin: 0 0 8px;
		width: 100%;
	}
	.dl_list01 { display: none;}
.scheduleList01 {list-style: none;}
	.scheduleList01 li { 
		display: block;
		width: 100%;
		margin-bottom: 1px;}
	.scheduleList01 li:last-child { margin-bottom: 0;}
		.scheduleList01 li a {
			display: block;
			padding-left: 20px;
			background: url(/common/img/ico_arrow_sp01.png) 10px 19px no-repeat;
			background-size: 6px 12px;
		}
		.scheduleList01 li.communicate a  { background-color: #fcf9c2;}
		.scheduleList01 li.design a  { background-color: #ffd7e6;}
		.scheduleList01 li.human a  { background-color: #b6dcfd;}
		.scheduleList01 li.management a  { background-color: #ddf4bf;}
			.scheduleList01 li a > span { 
				display: inline-block;
				padding: 18px 0;
				font-size: 86%;
				line-height: 1.4;
			}
		.noSeminer {
		display: none;
		padding: 18px 15px;
		font-size: 86%;
		line-height: 1.4;
		width: 100%;
		margin-bottom: 1px;
		background-color: #bababa;
		}
/* !communication.html
---------------------------------------------------------- */
.dl_ncb01 { margin: 25px 0;}
	.dl_ncb01 > dt { 
		margin-bottom: 15px;
		font-weight: bold;
	}
	.dl_ncb01 > dd { text-align: center;}
		.dl_ncb01 > dd ul li { margin-bottom: 13px;}
		.dl_ncb01 > dd ul li.last { margin-bottom: 0;}
			.dl_ncb01 dd dl {
				display: inline-block;
				vertical-align: top;
				overflow: hidden;
				text-align: center;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
			.dl_ncb01 dd dl.dl_type01 { min-width: 172px;}	
				.dl_ncb01 dd dl dt { 
					font-weight: bold;
					background-color: #ffcc33;
				}
				.dl_ncb01 dd dl dd {
					display: table;
					width: 100%;
					padding: 12px 18px;
					background-color: #fcea7e;
				}	
				.dl_ncb01 dd dl.dl_type01 dd { padding: 5px 0;}
				.dl_ncb01 dd dl dd span {
					display: table-cell;
					vertical-align: middle;
				}
.personnelBox01 {}
	.personnelBox01 li {
		margin-bottom: 1px;
		padding: 15px 10px;
		background-color: #f2f2f2;
	}
	.personnelBox01 li:last-child,
	.personnelBox01.type01 li { margin-bottom: 0;}
		.personnelBox01 li .box01 {}
		.personnelBox01 li .box02 { 
			overflow: hidden;
			margin-top: 5px;
		}
			.personnelBox01 li dl dt { font-weight: bold;}
			.personnelBox01 .persImg01 {
				float: left;
				margin-right: 9px;
				width: 65px;
				background-color: #fff;
			}
			.personnelBox01 .persImg01:last-child { margin-right: 0;}
				.personnelBox01 .persImg01 p {}
				.personnelBox01 .persImg01 .persName01 {
					display: block;
					padding: 2px 0;
					font-size: 7px;
					text-align: center;
				}
				.personnelBox01 dl dd .bldText01 {
					display: block;
					font-weight: bold;
				}

/* !design.html
---------------------------------------------------------- */
.nbcBox02 { margin: 25px 0 25px;}
	.brandBox01 {}
		.ttlBrandName01 { 
			margin-bottom: 30px;
			text-align: center;
		}
/* !management.html
---------------------------------------------------------- */
.dl_nbc01 { margin-top: 15px;}
	.dl_nbc01 dt { font-weight: bold;}
	.dl_nbc01 dd {}
			
@media only print, screen and (min-width: 768px) {
/* !common
---------------------------------------------------------- */
.pcNone { display: none;}
.spNone { display: block;}
.h2_basic01 {
	margin-bottom: 60px;
}
.h2_basic01.nbc { margin-bottom: 15px;}
	.h2_basic01.h2_sub { border-top: none;}
	.h2_basic01.h2_sub span { font-size: 129%;}
	.h2_basic01 span { font-size: 158%;}
.h3_basic01 { margin: 0 0 30px;}
.btnBack01 {
	width: auto;
	display: inline-block;
	vertical-align: top;
	padding: 0;
}
.boxProfessionalWrap01.design,
.boxProfessionalWrap01.manage { 
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
}

	.boxProfessional01 { 
		position: relative;
		padding: 0;
		margin: 0 auto;
		padding-bottom: 100px;
		width: 860px;
		font-size: 100%;
	}
	.boxProfessionalWrap01.design .boxProfessional01,
	.boxProfessionalWrap01.manage .boxProfessional01 { 
		margin: 0 auto;
		padding-bottom: 70px;
	}
	.boxProfessionalWrap01.design:last-child .boxProfessional01,
	.boxProfessionalWrap01.manage:last-child .boxProfessional01 { padding-bottom: 65px;}
	.boxProfessionalWrap01.human .boxProfessional01 { 
		margin: 0 auto;
		padding-bottom: 60px;
	}
		.boxProfesInner01 { padding: 0 20px;} 
		.boxProfesInner01.type01 { padding: 0 12px;} 

.ttlNbc01 .iconNew01 {  margin-left: 35px;}
.iconNew01:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -17px;
	width: 34px;
	height: 34px;
	background: url(/img/professional/nbc/ico_news01.png);
}
.ttlNbc01 { 
	margin-bottom: 20px;
	padding: 15px 20px;
}

		
/* !index.html
---------------------------------------------------------- */
.nbcList01 {}
	.nbcList01 li { margin-bottom: 30px;}
	.nbcList01 li.last { margin-bottom: 0;}
		.nbcList01 li dl {}
			.nbcList01 li dl dt { 
				margin-bottom: 15px;
			}
			.nbcList01 li dl dd {}
				.nbcList01 li dl dd .imgList01 { margin-top: 15px;}
.nbcBox01 { 
	margin-bottom: 30px;
	padding: 0 20px 30px;
}
.boxProfessional01 .imgTechnic01 {
	margin-bottom: 15px;
	padding: 0 16px;
}
.boxProfessional01 .txtTechnic01 { margin-bottom: 22px;}
.btnWrap01,
.btnBackWrap01 { 
	margin: 0 auto;
	padding: 20px 0 23px;
	width: 860px;
	text-align: left;
}
.btnWrap01.pdf { 
	padding: 0;
	margin-bottom: 45px;
}
.btnWrap01.type01 { padding: 0;}
.btnWrap01.center { text-align: center;}
	.btnWrap01 .btnPDF01 { margin-bottom: 0;}
	.btnWrap01 .btn_basic01 {
		display: inline-block;
		vertical-align: top;
		width: auto;
	}
	.btnPDF01 {
		margin-bottom: 45px;
		border: solid 1px #ccc;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
		.btnPDF01 a {
			padding: 0 17px 0 50px;
			height: 47px;
			line-height: 47px;
			font-size: 129%;
			background: url(/common/img/ico_pdf02.png) 15px center no-repeat;
			-webkit-background-size: 28px 28px;
			background-size: 28px 28px;
		}
		.btn_basic01 a { 
			padding: 0 42px 0 50px; 
		}
		.btn_basic01 a span{
			padding-right: 30px;
			background: url(/common/img/ico_arrow_sp01.png) right center no-repeat;
			background-size: 6px 12px;
		}
		.btnPDF01 a span {
			display: inline-block;
			padding-right: 19px;
			background: url(/common/img/ico_arrow_pc01.png) right center no-repeat;
			line-height: 1;
		}

.tableNbc01 { 
	margin: 10px 0;
	width: 430px;
}	
.tableNbc01.type01 { 
	margin: 0 auto;
	width: 860px;
}
.tableNbc01.type03 { margin: 8px 0 30px;}
	.tableNbc01 .col03 { width: 12%;}
	.tableNbc01 .col04 { width: 46%;}
	.tableNbc01 .col05 { width: 17%;}
	.tableNbc01 .col06 { width: 17%;}
	.tableNbc01 .col07 { width: 8%;}
		.tableNbc01 tr th,
		.tableNbc01 tr td {
			padding: 2px 9px;
			border: 1px solid #ccc;
			font-size: 86%;
		}
		.tableNbc01 tr td .icoCircle { width: auto;}
		.tableNbc01 tr td .icoLine { width: auto;}
		
		.tableNbc01.type03 tr th,
		.tableNbc01.type03 tr td {
			padding: 10px 0 7px 15px;
			font-size: 100%;
			line-height: 1.3;
		}
		.tableNbc01.type01 thead tr th { 
			padding: 10px 15px;
			background-color: #999;
			color: #fff;
		}
		.tableNbc01.type03 tr th:first-child  { padding: 18px 5px 18px 20px;}
		.tableNbc01.type03 tr th { padding: 18px 5px 18px 0;}
		.tableNbc01.type03 tr td:first-child { padding: 10px 0 10px 20px;}
		.tableNbc01.type03 tr td { padding: 10px 5px 10px 0;}
		.tableNbc01.type01 tbody tr th { background-color: #e9e9e9;}
		.tableNbc01 tr th,
		.tableNbc01 tr td { 
			padding: 10px 15px;
			font-size: 100%;
		}
.nbcTetx01 { 
	position: relative;
	padding: 0 140px 0 18px;
	width: 670px;
}
.txtNote01 { 
	margin-top: 5px;
	padding: 0 20px;
	font-size: 100%;
}
.imgQRCode01 { 
	display: block;
	position: absolute;
	right: 5px;
	bottom: 0;
}

/* !schedule.html
---------------------------------------------------------- */
.selectWrap01 { 
	margin: 0 auto 27px;
	padding: 0;
	width: 860px;
	background-color: #fff;
}
	.dl_list01 { 
		display: table;
		width: 100%;
		margin-bottom: 2px;
		padding: 17px 0;
		background-color: #ecebeb;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.dl_list01 dt,
	.dl_list01 dd {
		display: table-cell;
		vertical-align: middle;
	}
	.dl_list01 dt { 
		width: 160px;
		text-align: center;
		color: #2a90d0;
		font-size: 115%;
	}
	.dl_list01 dd {}
		.dl_list01 dd .ul_list01 {
			margin: 0;
			text-align: center;
			width: auto;
		}
			.dl_list01 dd .ul_list01 li { 
				float: left;
				margin: 0 2px 2px 0;
			}
				.dl_list01 dd .ul_list01 li  a { padding: 3px 20px;}
				.dl_list01 dd .ul_list01 li.first a { min-width: 100px;}

.scheduleList01 {
	margin: 0 auto 70px;
	width: 860px;
}
	.scheduleList01 li {display: block;
						width: 860px;	
	}
		.scheduleList01 li a {
			padding-left: 37px;
			background: url(/common/img/ico_arrow_pc01.png) 20px center no-repeat;
		}
			.scheduleList01 li a > span { 
				padding: 15px 0;
				font-size: 100%;
				line-height: 1.8;
			}
	
	.noSeminer { 
		text-align: center;
		padding: 15px 15px;
		font-size: 100%;
		line-height: 1.8;
		margin: 0 auto 10px;
		width: 860px;
	}

/* !communication.html
---------------------------------------------------------- */
.dl_ncb01 { margin: 30px 0 50px;}
	.dl_ncb01 > dt { margin-bottom: 12px;}
		.dl_ncb01 > dd ul { text-align: center;}
		.dl_ncb01 > dd ul li {
			display: inline-block;
			vertical-align: top; 
			margin: 0 7px;
		}
			.dl_ncb01 dd dl.dl_type01 { min-width: 222px;}
				.dl_ncb01 dd dl dt { padding: 5px 0;}
				.dl_ncb01 dd dl dd { padding: 3px 27px;}	
				.dl_ncb01 dd dl.dl_type01 dd { padding: 9px 0;}
					.dl_ncb01 dd dl.dl_type01 dd span { line-height: 1.4;}
.personnelBox01 { margin-bottom: 45px;}
.boxProfessionalWrap01.design .personnelBox01,
.boxProfessionalWrap01.manage .personnelBox01 { margin-bottom: 0;}
	.personnelBox01 li {
		overflow: hidden;
		padding: 10px 10px 20px 25px;
		background-color: #f2f2f2;
	}
		.personnelBox01 li .box01 { 
			float: left;
			padding-top: 25px;
			width: 680px;
		}
		.personnelBox01.type01 li:nth-child(2) { padding-top: 0;}
		.personnelBox01.type01 li:first-child .box01 { width: 535px;}
		.personnelBox01.type01 li:nth-child(2) .box01 { 
			padding-top: 0;
			width: 100%;
		}
		.personnelBox01 li .box02 { float: right;}
			.personnelBox01 .persImg01 {
				float: left;
				margin-right: 12px;
				margin-top: 0;
				width: 130px;
			}
				.personnelBox01 .persImg01 .persName01 {
					padding: 3px 0;
					font-size: 86%;
				}
.brandBoxInner01 {
	display: table;
	width: 100%;
}

/* !design.html
---------------------------------------------------------- */
.nbcBox02 { 
	margin: 20px 0 40px;
	padding: 0;
}
	.brandBox01.type01 { display: block;}
		.ttlBrandName01, 
		.brandContensr01 {
			display: table-cell;
			vertical-align: middle;
		}
		.ttlBrandName01 { 
			width: 246px;
			margin-bottom: 0;
			text-align: left;
		}
		.brandContensr01 { overflow: hidden;}
.btnSeminar01 {
	position: absolute;
	right: 12px;
	bottom: 0;
}
	.btnSeminar01 a {
		display: block;
		padding: 0 26px;
		height: 29px;
		line-height: 29px;
		color: #fff;
		background-color: #2a90d0;
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
	}
	.btnSeminar01 a:hover {
		height: 34px;
		line-height: 34px;
	}


}