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

/*-------------------------------------------------------------
 *
 *						style_corp.css
 *
 *-------------------------------------------------------------*/
	/* ---------- ---------- ---------- ---------- ----------
	 *					common
	 * ---------- ---------- ---------- ---------- ---------- */
		 /*	category image	*/
		 	#category						{ border-bottom: 8px solid; border-image: linear-gradient(to right, #a291db 0%, #00407d 100%);	border-image-slice: 1; }
			#category div					{ width:100%; margin:0; overflow:hidden; }
					
		/*	pan navi	*/
			#panNavi 						{ max-width:1200px; margin:0 auto; padding-top:20px; font-size:85%; }
			#panNavi.topics					{ padding:110px 0 0; }
			#panNavi li						{ padding:0 5px 0 0; line-height:24px; }
			#panNavi li:before				{ content: '>'; margin:0 5px 0 0; }
			#panNavi li:first-child:before	{ content: ''; margin:0px; }
			
		/*	page title	*/
			#pageTitle, #pageTitle02, 
			.recTitle, #conTitle			{ margin:45px 0 30px; }
			.service #pageTitle				{ margin: 0; padding: 45px 0 30px;  }

			#pageTitle h2,
			#pageTitle02 h2					{ font-size:200%; }

			.recTitle, #conTitle			{ border-bottom: 2px solid #000; }
			.recTitle h3,
			#conTitle h3					{ font-size: 135%; padding-bottom: 5px; }
		
		/*	category top menu	*/
			.contact .contentsBox > *		{ width: 100%; }
			.contentsBox					{ margin:55px 0 160px; overflow: hidden; }
			.contentsBox.menuIndex			{ display: flex; flex-wrap: wrap; }

			.service .contentsBox			{ overflow: initial; background: #fff; }					
			.contentsBox a					{ display:inline-block; text-decoration:none; }
			.contentsBox .indexMenu			{ margin-top: -1px; }
			.contentsBox .indexMenu h4		{ vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; color: #fff; background: #000; padding: 10px 20px; }

			.contentsBox .indexMenu.service h4 { background: #567aca; }
			.contentsBox .indexMenu.industry h4 { background: #50a6c4; }
			.contentsBox .indexMenu.product h4 { background: #8771bd; }
			.contentsBox .indexMenu.company h4,
			.contentsBox .indexMenu.recruit h4 { background: #0d4882; }

			.proTop .product h4.fontBold			{ margin-top: 0; }


			.contentsBox .indexMenu h4:before 			{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #000; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
			.contentsBox a:hover .indexMenu h4:before, .contentsBox a:focus .indexMenu h4:before, .contentsBox a:active .indexMenu h4:before			{ -webkit-transform: scaleX(1); transform: scaleX(1); }


			.contentsBox p						{ margin:0 0 23px; }
			
			
			.corpArea01							{ width: 83.1%; margin: 180px 7.14% 0 auto; }
			#newsBacknumber.corpArea01			{ width: 83.1%; margin: 100px 7.14% 0 auto; }
		
	
	
	
	/* ---------- ---------- ---------- ---------- ----------
	 *						news
	 * ---------- ---------- ---------- ---------- ---------- */	
	
			#topicsList.dlType05.backNumber				{ margin-bottom: 350px; }
			 .foundationArea01 #topicsList p				{ line-height: 32px; }
	
	/* ---------- ---------- ---------- ---------- ----------
	 *						foundation
	 * ---------- ---------- ---------- ---------- ---------- */		
			
			.foundationArea01 h1						{ color: #003066; font-weight: 400; font-family: toppan-bunkyu-mincho-pr6n, serif; font-style: normal; margin-bottom: 36px; letter-spacing: 0.1em; }
			
			.foundationArea01 p							{ line-height: 31px; }
						
			
			
			.boxArea02									{ margin: 31px 0 0 0; }
			.boxArea02.tMargin41						{ margin: 39px 0 0 0; }
		
			
			.boxArea01 .disclosureName					{ color: #222222; /*margin: 0 0 3px 0;*/ font-weight: 500; }
			.boxArea01 .description	a					{ color: #ccb50f; font-weight: 500; }
			.boxArea01 .disclosureArea04 li				{ list-style: none; line-height: 16px; margin-bottom: 15px; }
			.boxArea01 .disclosureArea04 li	 a			{ color: #ccb50f; font-weight: 500; }
			.boxArea01 .disclosureArea05 li				{ list-style: none; line-height: 16px; margin-bottom: 15px; }
			.boxArea01 .disclosureArea05 li	 a			{ color: #ccb50f; font-weight: 500; }
			
			.disclosureArea01							{ width: 47.8%; height: 26%; border: 1px solid #cccccc; padding: 31px 30px 35px 20px; position: relative; background-color: #fff; display: inline-block; box-sizing: border-box; text-align: center; line-height: 15px; }
			
			.disclosureArea02							{ width: 47.8%; height: 26%; border: 1px solid #cccccc; padding: 31px 30px 35px 20px; position: relative; background-color: #fff; display: inline-block; box-sizing: border-box; text-align: center; float: right; line-height: 15px; }
			
			.disclosureArea03							{ width: 47.8%; height: 24.9%; border: 1px solid #cccccc; padding: 30px 30px 35px 20px; position: relative; background-color: #fff; display: inline-block; box-sizing: border-box; text-align: center; margin: 40px 0 0 0; float: left; line-height: 15px;  }
			
			.disclosureArea04							{ width: 47.8%; height: 52.1%; border: 1px solid #cccccc; padding: 31px 30px 35px 20px; position: relative; background-color: #fff; display: inline-block; box-sizing: border-box; text-align: center; float: right; margin: 40px 0 0 0; line-height: 15px; }
			
			.disclosureArea05							{ width: 47.8%; height: 32.7%; border: 1px solid #cccccc; padding: 32px 30px 35px 20px; position: relative; background-color: #fff; display: inline-block; box-sizing: border-box; text-align: center; margin: 40px 0 0 0; line-height: 15px; }
			.disclosureArea03	p.disclosureName		{ margin: 0; }
			.disclosureArea04	p.disclosureName		{ margin: 0 0 3% 0; }
			.disclosureArea05	p.disclosureName		{ margin: 0 0 4.7% 0; }
			
			
			.boxArea02	.titleArea01					{ font-weight: bold; }
			
			
			
			/* map */
			.map iframe									{ width: 730px; height: 550px; }
			
			
			
			.description02								{ margin: 4px 0 0 24px; }
			.description02 span							{ color: #ccb50f; }
			.description03								{ margin: 0 0 0 32px; }
			
			
	/*		table.boxTable th							{ width: 16.3%; }
			td.position									{ width: 14.4%; }
			td.name										{ width: 15.6%; }
			td.companyName								{ font-size: 13px; width: 55.2%; } */
			
			td.companyName								{ font-size: 13px; /*line-height: 1.6; padding-bottom: 3px; */}
			
			
			
			dt.ss_num									{ margin: 0 20px 0 0;  }
			dd.ss_des									{ margin: 0 0 0 59px; }
			dd.ss_desMT20								{ margin: 20px 0 0 59px; }
			dd.last_ss_des								{ margin: 50px 0 0 59px; }
			
			
			
		/* ---------- ---------- ---------- ---------- ----------
		 *						scholarship_student
		 * ---------- ---------- ---------- ---------- ---------- */			
						
			.line-H15									{ line-height: 15px; }
			
		/* ---------- ---------- ---------- ---------- ----------
		 *						application
		 * ---------- ---------- ---------- ---------- ---------- */	
		 
		 
		 	.recEnd21									{ font-size: 126.7%; color: #ccb50f; border-bottom: 1px solid #ccb50f; width: 385px; line-height: 25px; margin-bottom: 75px; }
			.formG										{ margin-bottom: 65px; }
			.formG span									{ color: #ff3500; }
			
			
			.boxArea03									{ margin:10px 0 0 0; }
			.boxArea02 dl dt,dd							{ line-height: 23px; }
			dd											{ margin-left: 25px; }
		 
		 
		 
		 
		 /* ---------- ---------- ---------- ---------- ----------
		 *						contact
		 * ---------- ---------- ---------- ---------- ---------- */	
			/* table */
				
				.boxForm table				{ border-top:1px solid #bfcddc; border-left:1px solid #bfcddc; border-right:1px solid #bfcddc; }
				.boxForm th, boxForm td		{ border-right:1px solid #bfcddc; border-bottom:1px solid #bfcddc; box-sizing:border-box; }
				.boxForm table th			{ font-weight: normal; padding:17px 13px 17px 15px; background: #f3efde; }
				.boxForm table td			{ padding:19px 21px; border-bottom: 1px solid #cfcfcf; }
				
				.boxForm .example			{ float:right; width:40%; }
				.boxForm .fontS				{ font-size:79%; }
				.boxForm .required			{ color: #fff; background: #ff2f56; padding: 3px 7px; font-size:79%; margin:0 0 0 5px; 
											  position:relative; top:-2px; }
				.boxForm h3					{ margin:0 0 10px; font-size:110%; }
				
				.table1 tr					{ border-bottom: 1px solid #bfcddc }
		
			
			
			/* button */
				.btnArea					{ margin-top: 80px; text-align:center; }
				.btnArea #resetBtn				{ display: inline-block; background:#003067; color:#fff; padding: 17px; cursor: pointer; font-size:100%; box-sizing:border-box; border:1px solid #bfcddc; width:22.2%; }
				.btnArea #sendBtn				{ display: inline-block; background:#f7f7f7; color:#212121; padding: 17px; cursor: pointer; margin-left: 30px; font-size:100%; box-sizing:border-box; border:1px solid #bfcddc; width: 22.2%; }
				
				.btnArea > button			{  margin:0; }
				
				.btnArea #resetBtn:hover		{ background: #f7f7f7; transition:all .3s; color: #212121; }
				.btnArea #sendBtn:hover		{ background: #003067; transition:all .3s; color: #fff; }
				button.return:hover			{ background: #c5c200; transition:all .3s; }
			
			/*  contact error */
				input + div, textarea + div, select + div
											{ color: red; margin:5px 0 0; }
				.error-form					{ border-color: #fb9a93 !important; }
				.error-form-add				{ border-color: #fb9a93 !important; }
		
		
			/* Edgeの場合 */	
			
	/* ---------- ---------- ---------- ---------- ----------
	 *						foundation
	 * ---------- ---------- ---------- ---------- ---------- */			
				
			_:lang(x)::-ms-, table.boxTable { line-height: 30.77px; background-size: 100% 30.77px; }
			_:lang(x)::-ms-, table.boxTable tbody { line-height: 30.77px; }
			
			
			
			
			/* Safariの場合 */	
			
	/* ---------- ---------- ---------- ---------- ----------
	 *						foundation
	 * ---------- ---------- ---------- ---------- ---------- */
	 
	 		
			_::-webkit-full-page-media, _:future, :root table.boxTable { height: 31px; }	
			_::-webkit-full-page-media, _:future, :root td.companyName { vertical-align: middle; }
			
			
			
			/* Chromeの場合 */	
			
	/* ---------- ---------- ---------- ---------- ----------
	 *						foundation
	 * ---------- ---------- ---------- ---------- ---------- */
	 
	 		
			:lang(x)::-internal-media-controls-overlay-cast-button, td.companyName { vertical-align: middle; }	
			
		
		
		@media screen and ( max-width:900px ) {
			
			
			
			
		
		/* ---------- ---------- ---------- ---------- ----------
		 *						foundation
		 * ---------- ---------- ---------- ---------- ---------- */		
			
			
			
			.corpArea01						{ width: 90%; margin: 90px auto; }	
			
			.foundationArea01 h1			{ margin-bottom: 14px; }
			.foundationArea01 p				{ line-height: 27px; font-size: 88%; }
			
			.disclosureArea01				{ width: 100%; }
			.disclosureArea02				{ width: 100%; margin-top: 15px; }
			.disclosureArea03				{ width: 100%; margin-top: 15px; }
			.disclosureArea04				{ width: 100%; padding: 31px 30px 18px 20px; margin-top: 15px; }
			.disclosureArea05				{ width: 100%; padding: 32px 30px 25px 20px; margin-top: 15px; }
			
			/*.disclosureArea04 p.disclosureName				{ font-size: 110%; }*/
			
			.boxArea01 .disclosureArea04 li					{ line-height: 20px; text-align: center; width: 100%; }
			.boxArea01 .disclosureArea05 li					{ line-height: 20px; text-align: center; width: 100%; }
			
			
			.foundationArea01 li			{ font-size: 88%; }
			.foundationArea01 .disclosureArea04 li			{ padding: 0; }
			.foundationArea01 .disclosureArea05 li			{ padding: 0; }
			
			td.companyName					{ font-size: 10px; }
	
		/* ---------- ---------- ---------- ---------- ----------
		 *						scholarship_student
		 * ---------- ---------- ---------- ---------- ---------- */	
	
	
			.boxArea02						{ font-size: 88%; }
			
			
			
		/* ---------- ---------- ---------- ---------- ----------
		 *						application
		 * ---------- ---------- ---------- ---------- ---------- */	
			
			
			.boxForm table th				{ font-size: 88%; display: block; width: 100%; border-right: none; }
			#boxAgree						{ font-size: 88%; }
			.table1 td.agreement			{ font-size: 80%; }
			
			.btnArea #resetBtn				{ font-size: 88%; }
			.btnArea #sendBtn				{ font-size: 88%; }
			
		
			
		}
		
		
		
		
		
		
		
		
		
		
	/* ---------- ---------- ---------- ---------- ----------
	 *						service
	 * ---------- ---------- ---------- ---------- ---------- */
	



	/* IE 対応 */
/*	@media screen and ( max-width:768px ) and (-ms-high-contrast: none) {
			.serTable02					{ display: table; }
			.serTable02	 tbody > *		{ display: none; }
			.serTable02::after	 		{ display: table-cell; max-width: 373px; max-height: 459px; content:""; background: url("./../service/case01/images/serImg05_ieTableSP.jpg") no-repeat center; background-size: contain; text-align: center; }

			.itInfra article::after		{ bottom: -120px; right: 300px; top:initial; }
	}
	


	

	
	@media screen and ( max-width:350px ) {
		
		
	} */			
	
	
	
			@media screen and ( max-width:499px ) {
	
	
	.recEnd21						{ width: auto; }
	
	.btnArea #resetBtn				{ width: 32.2%; }
	.btnArea #sendBtn				{ width: 32.2%; }
	
	
	_:lang(x)::-ms-, table.boxTable { line-height: 30px; background-size: 100% 30px; }
	_:lang(x)::-ms-, table.boxTable tbody { line-height: 30px; }
	
	
			}