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

/*-------------------------------------------------------------
 *
 *							common.css
 *
 *-------------------------------------------------------------*/
	body {
		font-size:93.75%; /*15pt 20px*/
		font-family:"ToppanBunkyuGothicPr6N-Regular;", "游ゴシック", "Yu Gothic","游ゴシック体", "YuGothic","メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;	 line-height:1.9; -webkit-text-size-adjust:100%; color:#222222; }
	
	a				{ color:#222222; text-decoration:none; }
	a:hover			{ color:#003f7c; }
	
	/* リンク */
	
	#greeting::before { display: block; padding-top: 213px; margin-top: -267px; content: ""; }
	#overview::before { display: block; padding-top: 213px; margin-top: -267px; content: ""; }
	#access::before { display: block; padding-top: 213px; margin-top: -267px; content: ""; }
	#disclosure::before { display: block; padding-top: 213px; margin-top: -267px; content: ""; }
	#recInformation::before { display: block; padding-top: 213px; margin-top: -267px; content: ""; }
	#application::before { display: block; padding-top: 213px; margin-top: -267px; content: ""; }
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					h style
	 * ---------- ---------- ---------- ---------- ---------- */
		h1 { font-size:200%; } /*30pt 40px */
		h2 { font-size:140%; } /*21pt 28px */
		h3 { font-size:100%; } /*15pt 20px */
		
		.foundationArea01 h1				{ margin-bottom: 60px; }

		
	/* ---------- ---------- ---------- ---------- ----------
	 *					font style
	 * ---------- ---------- ---------- ---------- ---------- */
		/*	color	*/
			.colRed							{ color:#ff0000; }
			.colBlue						{ color:#003f7c; }
			.colWhite						{ color:#fff; }
		
		/*	weight	*/
			.fontBold						{ font-weight:bold; }
		
		/*	size	*/
			.fontSizeS						{ font-size:83%; }
			.fontSizeM						{ font-size:93%; }
	
		/* background */
			.bgWhite						{ background-color: #fff; }
			.bgBeige						{ background-color: #faf8f5; }	

	/* ---------- ---------- ---------- ---------- ----------
	 *					text position
	 * ---------- ---------- ---------- ---------- ---------- */
		.textRight							{ text-align:right !important; margin-top: 75px; }
		.textLeft							{ text-align:left !important; }
		.textCenter							{ text-align:center !important; }
	
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					flaot style
	 * ---------- ---------- ---------- ---------- ---------- */
		.flowHidden							{ overflow:hidden; }
		.left								{ float:left; }
		.right								{ float:right; }
		.clearB								{ clear:both; }
		
	
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					list style
	 * ---------- ---------- ---------- ---------- ---------- */
		dl, ul								{ overflow:hidden; }
		dl dt, ul li						{ float:left; }
		.floatNone li, .floatNone dt		{ float:none; }
		dt, dd, li							{ line-height:23px; }
		
		/*	dlType	*/
			/*	topics	*/
				.dlType01 dt				{ width:215px; margin:5px 0 0; }
				.dlType01 dd				{ margin:5px 0 0px 215px; }
			
			/*	・list	*/
				.dlType02 dt				{ width:20px; }
				.dlType02 dd				{ margin:0 0 0 20px; }
			
			/*	pirvacy	*/
				.dlType03					{ margin:0 0 40px; }
				.dlType03 dt				{ float:none; }
				.dlType03 dd				{ margin:0 0 25px 8em; }
				
				table .dlType03				{ margin:0; }
			
			/*	privacy 2	*/
				.dlType04 dt				{ width:100px; float:left; }
				.dlType04 dd				{ margin:0 0 0 100px; }

				/*	backnumber	*/

			/*	handi	*/
				.dlType06					{ margin:0 0 40px; }
				.dlType06 dt				{ float:none; }
				.dlType06 dd				{ margin:0 0 8px 2em; }
				
				table .dlType06				{ margin:0; }
			
			
			
		/*	ulType	*/
			/*	banner	*/
				.ulType01 li				{ width: 33.33333%; width: -webkit-calc(100% / 3); width: calc(100% / 3); }
				.ulType01 li:hover			{ opacity: 0.8; }
				.ulType01 li img			{ width: 100%; }
			
			/*	solution	*/
				.ulType02 li				{ padding:15px 15px 0; width:100% !important; }
				.ulType02 li:first-child	{ background:#1276c3; color:#fff; padding:5px 15px; font-weight:bold; font-size:105%; }
				
				.ulType02 li span			{ color:#1276c3; display:block; }
			
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					box style	
	 * ---------- ---------- ---------- ---------- ---------- */
		/*	box flex	*/
			.boxFlex						{ display:flex; }
		
		/*	box catch	*/
			.boxCatch						{ margin:0 auto; letter-spacing:-0.55px; }
			.boxCatch.faq02					{ text-align: center; }
			
		/*	box title	*/
			.boxTitle.top h1				{ font-family: toppan-bunkyu-mincho-pr6n, serif;  font-weight: 400; font-style: normal; }
			.boxTitle h1					{ color:#003066; display:inline-block; margin: 0 0 40px 0; letter-spacing: 0.1em; }
			.boxTitle.top h2				{ font-size:180%; font-family: toppan-bunkyu-mincho-pr6n, serif;  font-weight: 400; font-style: normal; }
			.boxTitle span					{ color:#303030; }
			.boxTitle a						{ float:right; }
		
		/*	box text	*/
			.boxText						{/* margin:0 5% 50px 0; float: left; width: 30%; */}
			.boxText:nth-of-type(3n)		{ margin-right: 0; }
			.boxText img					{ width: 100%; }
			.boxText p						{ font-size: 94%; margin: 16px 0 23px!important; line-height: 1.7; }
		
		
			
		
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					table style		
	 * ---------- ---------- ---------- ---------- ---------- */
		table								{ border-collapse:separate; border-spacing:0; width:100%; 
											  border-top:1px solid #cfcfcf; }
		table.boxTable						{ margin: 48px 0 0 0; }
		table.boxTable tbody						{ line-height: 31px; }
  /*	table tr									{ border-bottom:1px solid #cfcfcf; }*/
	/*	th, td								{ padding: 0; border-bottom:1px solid #cfcfcf; } */
		th									{ padding:0px 60px 0px 0px; font-weight:normal; text-align:left; white-space:nowrap; vertical-align:top;  }
		
		td.position							{ padding: 0 20px 0 0px; width: 80px; }
		td.name01							{ padding: 0 40px 0 0px; width: 100px; }
		td.telNum							{ width: 140px; }
		
		
		
		
		/* 財団概要 section / span */		
		
		table.boxTable						{ margin: 48px 0 0 0; line-height: 31px; width: 100%; display: table;   background: linear-gradient(transparent 98%, #cfcfcf 0%); background-size: 100% 31px; background-origin: content-box; background-attachment: local; height:32px; padding:0; }
		
		table.boxTable th					{ /*padding:0px 6.56% 0px 0px;*/ font-weight:normal; text-align:left; white-space:nowrap; vertical-align:top; width: 8.87%; /*min-width: 130px;*/ }
		
		
		
		
		
		.listArea							{ margin: 48px 0 0 0; line-height: 31px; width: 100%; display: table;   background: linear-gradient(transparent 98%, #cfcfcf 0%); background-size: 100% 31px; background-origin: content-box; background-attachment: local; height:32px; padding:0; }
 
		.listArea div						{ display: table-row; /*border-bottom: 1px solid #cfcfcf;*/ }
/*		.listArea section					{ border-bottom: 1px solid #cfcfcf; } */
		.listArea section.test::after			{ content:""; background: linear-gradient(transparent 95%, #cfcfcf 0%); display: inline;  }
		.listArea section:first-child			{ border-top: 1px solid #cfcfcf; }
		.listArea section div				{ display: table-cell;  }
		.listArea section section div.listBorder		{ background: linear-gradient(transparent 95%, #cfcfcf 0%); display: inline;}
	/*	.listArea section:first-child		{ border-top: 1px solid #cfcfcf; } */
		.listArea section div.position		{ padding: 0 20px 0 0; width: 80px; }
		.listArea section div.name01		{ padding: 0 40px 0 0; width: 100px; }
		.listArea section div.companyName	{ font-size: 13px; /*line-height: 1.6; padding-bottom: 3px;*/ }
		.listArea section a.companyName	{ font-size: 13px; line-height: 1.6; padding-bottom: 7px; display: table-cell; border-bottom: 1px solid #cfcfcf; }
		.listArea section a.companyName::after	{ content:""; display: inline; background: linear-gradient(transparent 95%, #cfcfcf 0%); }
		
		div.contents						{ display: table-cell; padding: 0; }
		div.title							{ /*padding:0px 6.56% 0px 0px;*/ font-weight:normal; text-align:left; white-space:nowrap; vertical-align:top; width: 8.87%; min-width: 130px; }
		
		
		
		
		.foundationArea01 li					{ padding: 0; line-height: 31px; }
		.foundationArea01 ul					{ border-bottom:1px solid #cfcfcf; }
		.foundationArea01 ul:first-child		{ border-top:1px solid #cfcfcf; }
		.foundationArea01 li.title				{ /*padding:0px 6.56% 0px 0px;*/ font-weight:normal; text-align:left; white-space:nowrap; vertical-align:top; width: 8.87%; min-width: 130px; }
		.foundationArea01 li.contents					{ padding: 0; }
		li.position								{ padding: 0 2.19% 0 0px; width: 8.75%; min-width: 110px; }
		li.name01								{ /*padding: 0 5% 0 0px;*/ width: 15.3%; min-width: 118px; }
		li.companyName							{ font-size: 13px; /*line-height: 1.6; padding-bottom: 3px;*/ /*width: 56.9%;*/ white-space: normal; min-width: 110px; }
		.pc_height49							{ height: 49px; }
		.foundationArea01 li.pc_lineHeight16						{ line-height: 1.6; padding-top: 6px; }
		
		
		
		
	/* ---------- ---------- ---------- ---------- ----------
	 *					display style
	 * ---------- ---------- ---------- ---------- ---------- */
		.dispNone, .printDisp				{ display:none; }
		.spDisp								{ display:none !important; }
		.spDisp_980							{ display:none !important; }

		.pcDisp								{ display:block; }
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					border style
	 * ---------- ---------- ---------- ---------- ---------- */
		.setRadius5							{ border-radius:5px !important; }
		.setRadius7							{ border-radius:7px !important; }
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					margin padding
	 * ---------- ---------- ---------- ---------- ---------- */
		
		.tMargin12							{ margin-top:12px; }
		.tMargin20							{ margin-top:20px !important; }
		.tMargin30							{ margin-top:30px !important; }
		.tMargin50							{ margin-top:50px !important; }
		.tMargin60							{ margin-top:60px !important; }
		.bMargin0							{ margin-bottom:0px !important; }
		.bMargin3							{ margin-bottom:3px !important; }
		.bMargin5							{ margin-bottom:5px !important; }
		.bMargin10							{ margin-bottom:10px !important; }
		.bMargin15							{ margin-bottom:15px !important; }
		.bMargin20							{ margin-bottom:20px !important; }
		.bMargin25							{ margin-bottom:25px !important; }
		.bMargin30							{ margin-bottom:30px !important; }
		.bMargin35							{ margin-bottom:35px !important; }
		.bMargin40							{ margin-bottom:40px !important; }
		.bMargin45							{ margin-bottom:45px !important; }
		.bMargin50							{ margin-bottom:50px !important; }
		.nMarTop15							{ margin-top:-18px; }
		
		.lrPadding60						{ padding:0 60px !important; }
							
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					 white-space
	 * ---------- ---------- ---------- ---------- ---------- */
		.nowrap								{ white-space:nowrap; }
		.width100							{ width: 100%; }

	/* ---------- ---------- ---------- ---------- ----------
	 *					top topics
	 * ---------- ---------- ---------- ---------- ---------- */
		#boxTitle 						{ margin: 48px 0 0 0; line-height: 31px; width: 100%; display: table; background: linear-gradient(transparent 98%, #cfcfcf 0%); background-size: 100% 31px; background-origin: content-box;  background-attachment: local; height: 32px; padding: 0; }
		
		
		#topicsList.dlType05			{ /*margin: 48px 0 0 0;*/ line-height: 31px; width: 100%; display: table;   background: linear-gradient(transparent 98%, #cfcfcf 0%); background-size: 100% 32px; background-origin: content-box; background-attachment: local; height:32px; padding:0; }
		#topicsList.dlType05 div dl div:first-child	{ border-top: 1px solid #cfcfcf; }
		#topicsList.dlType05 section				{ line-height: 32px; min-width: 130px; display: table-cell; }
		#topicsList.dlType05 span					{ line-height: 32px; display: table-cell; }
		
		
		
		#areaTopics dt					 	{ border-top:1px solid #d9d9d9; position: relative; margin-right: 40px; }
		#areaTopics dt:first-child			{ border-top: none; margin-top: 0; min-width: 130px; }
		#areaTopics span.newsTag 			{ padding: 4px 60px; font-size: 80%; margin: 3px 30px 0 25px; font-weight: normal; position:absolute; right:0; line-height: 1.3; }
		#areaTopics span.newsTag.service	{ background-color: #9ec3e8; }
		#areaTopics span.newsTag.industry	{ background-color: #b5dde3; }
		#areaTopics span.newsTag.product	{ background-color: #d2c2e9; }
		#areaTopics span.newsTag.company	{ background-color: #e2e2e2; }
		#areaTopics span.newsTag.recruit	{ background-color: #e9e9ad; }
		#areaTopics dd						{ border-top:1px solid #d9d9d9; }
		#areaTopics dd:nth-of-type(1)		{ margin-top: 0; }
		



	/* ---------- ---------- ---------- ---------- ----------
	 *					particle-canvas
	 * ---------- ---------- ---------- ---------- ---------- */
	 	#particle-canvas					{ width: 100%!important; height: 100vh; position: fixed; top: 0; left: 0; z-index: -1;}

	/* ---------- ---------- ---------- ---------- ----------
	 *					page Link
	 * ---------- ---------- ---------- ---------- ---------- */
 
		.pageLink							{ padding-top: 90px!important; margin-top: -90px!important; }
		
		.pc_hid										{ display: none!important;}
	
/*-------------------------------------------------------------
 *
 *						common.css(ver.SP)
 *
 *-------------------------------------------------------------*/
 /*	@media screen and ( max-width:1200px ) {

			.splrPaddingSet					{ padding-right: 0!important; padding-left: 0!important; }
			.splrPadding20_1200				{ padding-right: 20px!important; padding-left: 20px!important; }

			.dlType02 dd					{ width: 90%; }



	 }

	 @media screen and ( max-width:980px ) {

			.spDisp_980						{ display:block !important; }



 }


 	@media screen and ( max-width:950px ) {

			.dlType02 dd					{ margin:0 0 0 2%; }

	 }*/
	 
	 
	 
	@media screen and ( max-width:900px ) {
		 
		 	h1								{ font-size: 132%; }
			h2								{ font-size: 120%; }
			
			.pc_hid							{ display: block!important; }
			.pc_hid02						{ display: block; }
			.sp_hid							{ display: none!important; }
			.sp_hid02						{ display: none; }
			
			#topicsList.dlType05			{ margin: 0; }
			
			table.boxTable					{ margin: 22px 0 0 0; font-size: 88%;  }
		/*	table tr						{ border: none; }  */
			table td						{ display: inline-block; }
			table.table1 td					{ display: block; border-bottom: 1px solid #bfcddc; }
			
			td.position						{ width: 84%; padding-right: 0; }
			td.name01						{ /*padding: 0px 60px 0px 130px;*/ font-weight: normal; text-align: left; white-space: nowrap; vertical-align: top; display: inline-block; float: none; }
			td.companyName					{ /*padding: 0px 0px 0px 130px;*/ display: block; }
			td.faxNum						{ display: inherit; }
			
			
			
			span.title							{ padding: 0; }
			.listArea section div.position		{ width: 84%; padding-right: 0; }
			.listArea section div.name01		{ padding: 0px 60px 0px 130px; font-weight: normal; text-align: left; white-space: nowrap; vertical-align: top; display: inline-block; float: none; }
			.listArea section div.companyName		{ padding: 0px 0px 0px 130px; }
			
		 
		 
		 /*ul版表*/
		 li.position						{  }
		 
		 li									{ padding: 0px 60px 0px 0px; font-weight: normal; text-align: left; white-space: nowrap; vertical-align: top;  }
		 
	/*	.foundationArea01 li.title			{ border-bottom: 1px solid #cfcfcf }  */
	
		.foundationArea01  li									{padding: 0px 60px 0px 0px;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
	display: inline-block; 
	float: none; }
	
		.foundationArea01 li:nth-child(2)		{ width: 84%; padding-right: 0; }
		 
		 .foundationArea01 ul div				{ border-top: 1px solid #cfcfcf; }
		 
		 .foundationArea01 li.title				{ padding: 0; }
		 
	}


	@media screen and ( max-width:530px ) {
		
		
		
		.foundationArea01  li:nth-child(2)		{ width: 70%; padding-right: 0; }
		
	}