
/****************************************

			会社案内総合
			   
****************************************/

/* youtube */
.youtubewaku {
	margin: 60px auto 20px 0;
	max-width: 1000px;
}
.youtube {
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100% !important;
  height:100% !important;
}



/* カレントページ点灯 */
#menuon_sub a, #menuon_sub a:hover {
	background:rgba(90,179,253,1.00);
} 
#menuon_subsub_history a, #menuon_subsub_history a:hover {
	background:#666;
} 

/* 会社案内リスト */
.companyintro_bg {
	width:100%;
	overflow:hidden;
	/*background-image:url(image/company/company_intro.png);*/
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.companyintro_main {
	z-index:10;
	width:80%;
	max-width: 1500px!important;
	margin-left:auto;
	margin-right:auto;
	padding-right: 15px;
	padding-left: 15px;
}
	/* 挨拶 */
	.company_introtext {
		z-index:10;
		font-size:36px;
		letter-spacing:6px;
		margin-top:68px;
	}
	.company_introtext_blue {
		z-index:10;
		font-size:26px;
		color:#0d6fb8;
		letter-spacing:2px;
		margin-top:20px;
	}
	.company_introtext_small {
		z-index:10;
		font-size:16px;
		color:#000;
		letter-spacing:2px;
		margin-top:20px;
	}




	.companyintro_listwaku  {
		position:relative;
		width:100%;
		height:auto;
		overflow: hidden;
		margin-bottom:20px;
	}

		.companyintro_listwaku img {
			width:100%;
		}

		.promolink {
			display: block;
			position: relative;
		}
		.promolink .overlay {
			background-color: rgba(0,0,0,0.5);
			color: white;
			font-size: 0.75rem;
			line-height: 1rem;
			opacity: 0;
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			text-align: center;
			transition: opacity 0.25s
		}
		.promolink .overlay .text {
			position: absolute;
			font-size:16px;
			line-height:18px;
			top: 50%;
			left: 1em;
			right: 1em;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%)
		}
		.promolink:hover .overlay {
			opacity: 1;
			transition-duration: 0.125s
		}

		.companyintro_listtext_l {
			font-size:14px;
			font-weight:bold !important;
			text-align:left;
			margin-bottom:0px;
			font-weight:400;
			letter-spacing:1px;
			padding-top:8px;
			color: #0d6fb8;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.companyintro_listtext_s {
			font-size:14px;
			text-align:left;
			white-space:nowrap;
			overflow:hidden;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		/*.companyintro_listwaku img {
			width:100%;
			-moz-transition: -moz-transform 0.5s linear;
			-webkit-transition: -webkit-transform 0.5s linear;
			-o-transition: -o-transform 0.5s linear;
			-ms-transition: -ms-transform 0.5s linear;
			transition: transform 0.5s linear;
		}
		.companyintro_listwaku:hover img {
			width:100%;
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-o-transform: scale(1.1);
			-ms-transform: scale(1.1);
			transform: scale(1.1);
			cursor:pointer;
		}*/
		/*.companyintro_listwaku {
			position:relative;
			width:100%;
			margin-bottom:20px;
		}
		*/
		/*.companyintro_listtextwaku {
			position: absolute;
			width: 100%;
			padding: 10px;
			color: #fff;
			background-color: rgba(12,129,216,0.70);
			z-index: 999;
			bottom: 0;
		}*/



/****************************************

			会社概要
			   
****************************************/

/* 会社概要 */
.company_gaiyo_bgimage {
	width:100%;
	overflow:hidden;
	background-image:url(image/company/company_gaiyo.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.company_gaiyo_waku {
	z-index:10;
	width:80%;
	max-width: 1500px!important;
	margin-left:auto;
	margin-right:auto;
	padding-right: 15px;
	padding-left: 15px;
	/*height:1500px;*/
}
	/* 挨拶 */
	.company_catchtext {
		z-index:10;
		font-size:36px;
		letter-spacing:10px;
		margin-top:68px;
	}
	.company_catchtext_blue {
		z-index:10;
		font-size:26px;
		color:#0d6fb8;
		letter-spacing:2px;
		width:60%;
		margin-top:20px;
	}
	.company_catchtext_small {
		z-index:10;
		font-size:16px;
		color:#000;
		letter-spacing:2px;
		width:60%;
		margin-top:20px;
	}
	.company_catchtext_small_green {
		z-index:10;
		font-size:16px;
		color:#3B971B;
		letter-spacing:2px;
		width:60%;
		margin-top:20px;
	}
	.company_ecocatchtext {
		z-index:10;
		font-size:36px;
		letter-spacing:0.1em;
		margin-top:68px;
	}

	/* 会社概要 */
	.company_gaiyotitle_blue {
		z-index:10;
		font-size:26px;
		color:#0d6fb8;
		letter-spacing:2px;
		margin-top:100px;
		width:100%;
	}
	.company_gaiyotitle_green {
		z-index:10;
		font-size:26px;
		color:#3B971B;
		letter-spacing:2px;
		margin-top:100px;
		width:100%;
	}
	.company_gaiyotext {
		z-index:10;
		font-size:36px;
		letter-spacing:2px;
		width:60%;
		margin-top:20px;
	}
	table.type01 {
		border-collapse: separate;
		border-spacing: 1px;
		text-align: left;
		line-height: 1.5;
		font-size:16px;
	}
		table.type01 th {
			width: 22%;
			padding: 14px;
			font-weight:normal;
			vertical-align: top;
			border-bottom: 1px solid #ccc;
		}
		table.type01 td {
			width: 78%;
			padding: 14px;
			vertical-align: top;
			border-bottom: 1px solid #ccc;
		}
	table.type02 {
		border-collapse: separate;
		border-spacing: 1px;
		text-align: left;
		line-height: 1.5;
		font-size:16px;
	}
		table.type02 th {
			width: 40%;
			padding: 14px;
			font-weight:normal;
			vertical-align: top;
			border-bottom: 1px solid #ccc;
		}
		table.type02 td {
			width: 60%;
			padding: 14px;
			vertical-align: top;
			border-bottom: 1px solid #ccc;
		}




/****************************************

			会社所在地
			   
****************************************/

/* 事業所紹介 */
.company_office_bgimage {
	width:100%;
	overflow:hidden;
	background-image:url(image/company/company_office.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	margin-top:0px;
}
.company_office_waku {
	z-index:10;
	width:80%;
	max-width: 1500px!important;
	margin-left:auto;
	margin-right:auto;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom:60px;
}
	/* old map */
	.old_map {
		margin-left:20px;
		color:#337ab7;
	}
	.old_map a{
		color:#337ab7;
		text-decoration:underline;
	}
	.old_map a:hover{
		color:#337ab7;
		text-decoration:none;
	}

	/* 事業所本社 */
	.company_officetitle_hon {
		z-index:10;
		font-size:26px;
		letter-spacing:6px;
		margin-top:40px;
		background-image:url(image/company/company_maptitlebg_s.png);
		background-position:left bottom;
		background-repeat:no-repeat;
		width:70%;
	}
	.company_officetext_hon {
		z-index:10;
		font-size:14px;
		letter-spacing:2px;
		width:100%;
		margin-top:20px;
	}
		.company_officetext_hon .left {
			float:left;
			margin-top:10px;
			width:250px;
		}
		.company_officetext_hon .right {
			float:right;
			margin-top:10px;
		}
	/* 事業所map */
	.company_officemap_hon {
		z-index:10;
		margin-top:30px;
		width:70%;
		padding:10px;
		border:1px #333 solid;
	}



	/* 地図表示コントロール */



	/* 日本地図map */
	.company_officetitle_japan {
		z-index:10;
		font-size:26px;
		letter-spacing:6px;
		margin-top:10%;
		background-image:url(image/company/company_maptitlebg_s.png);
		background-position:left bottom;
		background-repeat:no-repeat;
		width:100%;
	}
	.company_officemap_japan {
		z-index:10;
		margin-top:30px;
		/*width:1000px;
		padding:10px;*/
		/*border:1px #333 solid;*/
	}
	.company_officemap_japan img {
		width:700px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		display:block;
	}


	/* 事業所本社以外 */
	.company_officetitle_shi {
		z-index:10;
		font-size:26px;
		letter-spacing:6px;
		margin-top:10%;
		background-image:url(image/company/company_maptitlebg_s.png);
		background-position:left bottom;
		background-repeat:no-repeat;
		width:100%;
	}
	.company_officetext_shi {
		z-index:10;
		font-size:14px;
		letter-spacing:2px;
		width:100%;
		margin-top:20px;
	}
	/* 事業所map */
	.company_officemap_shi {
		z-index:10;
		margin-top:30px;
		width:100%;
		padding:10px;
		border:1px #333 solid;
	}


	#map_honsya{
		 width: 100%;
		 height:600px;
	}
	#map_osaka{
		 width: 100%;
		 height:600px;
	}
	#map_fukushima{
		 width: 100%;
		 height:600px;
	}
	#map_kitakanto{
		 width: 100%;
		 height:600px;
	}
	#map_oyama{
		 width: 100%;
		 height:600px;
	}
	#map_saitama{
		 width: 100%;
		 height:600px;
	}
	#map_tsuchiura{
		 width: 100%;
		 height:600px;
	}
	#map_chiba{
		 width: 100%;
		 height:600px;
	}
	#map_kanagawa{
		 width: 100%;
		 height:600px;
	}
	#map_shizuoka{
		 width: 100%;
		 height:600px;
	}
	#map_nagoya{
		 width: 100%;
		 height:600px;
	}
	#map_hyogo{
		 width: 100%;
		 height:600px;
	}
	#map_sapporo{
		 width: 100%;
		 height:600px;
	}
	#map_kitakami{
		 width: 100%;
		 height:600px;
	}
	#map_iwaki{
		 width: 100%;
		 height:600px;
	}
	#map_yamanashi{
		 width: 100%;
		 height:600px;
	}
	#map_takamatsu{
		 width: 100%;
		 height:600px;
	}
	#map_wakayama{
		 width: 100%;
		 height:600px;
	}
	#map_fukuoka{
		 width: 100%;
		 height:600px;
	}




	/* 一覧表 */
	table.officelist {
		border-collapse: separate;
		border-spacing: 1px;
		text-align: left;
		line-height: 1.5;
		font-size:14px;
		width: 80%;
		margin-left:auto;
		margin-right:auto;
	}
	table.officelist th {
		width: 20%;
		padding: 10px;
		font-weight:normal;
		vertical-align: top;
		border-bottom: 1px solid #ccc;
		font-weight:bold;
	}
	table.officelist td {
		width: 80%;
		padding: 10px;
		vertical-align: top;
		border-bottom: 1px solid #ccc;
	}




	/* 支店背景 */
	.company_office_bgimage_hon {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_hon.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_sapporo {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_sapporo.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_kitakami {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_kitakami.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_fukushima {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_fukushima.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_iwaki {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_iwaki.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_oyama {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_oyama.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_kitakanto {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_kitakanto.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_tsuchiura {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_tsuchiura.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_saitama {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_saitama.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_chiba {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_chiba.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_kanagawa {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_kanagawa.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_yamanashi {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_yamanashi.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_shizuoka {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_shizuoka.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_nagoya {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_nagoya.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_osaka {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_osaka.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_wakayama {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_wakayama.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_hyogo {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_hyogo.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_takamatsu {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_takamatsu.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}
	.company_office_bgimage_fukuoka {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_office_fukuoka.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		margin-top:0px;
	}








/****************************************

			歩み
			   
****************************************/

/* 背景 */
.company_history_bgimage {
	width:100%;
	background-image:url(image/company/cork-wallet.png);
}
.company_history_waku {
	z-index:10;
	width:80%;
	max-width: 1500px!important;
	margin-left:auto;
	margin-right:auto;
	padding-right: 15px;
	padding-left: 15px;
	/*height:1500px;*/
}
.company_history_waku_part {
	z-index:10;
	width:80%;
	max-width: 1500px!important;
	margin-left:auto;
	margin-right:auto;
	padding-right: 15px;
	padding-left: 15px;
	/*height:1500px;*/
}

	/* 挨拶 */
	.company_history_catchtext {
		z-index:10;
		font-size:56px;
		letter-spacing:10px;
		padding-top:70px;
		margin-top:0px;
		text-align:center;
	}
	.company_history_catchtext_s {
		z-index:10;
		font-size:26px;
		color:#000;
		letter-spacing:6px;
		width:100%;
		margin-top:30px;
		text-align:center;
	}

	/* イントロページ */
	.companyintro_historylistwaku  {
		position:relative;
		width:100%;
		height:auto;
		overflow: hidden;
		margin-bottom:20px;
	}

		.companyintro_historylistwaku img {
			width:100%;
		}

		.promolink {
			display: block;
			position: relative;
		}
		.promolink .overlay {
			background-color: rgba(0,0,0,0.5);
			color: white;
			font-size: 0.75rem;
			line-height: 1rem;
			opacity: 0;
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			text-align: center;
			transition: opacity 0.25s
		}
		.promolink .overlay .text {
			position: absolute;
			font-size:30px;
			line-height:40px;
			top: 50%;
			left: 1em;
			right: 1em;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%)
		}
		.promolink:hover .overlay {
			opacity: 1;
			transition-duration: 0.125s
		}

		.companyintro_historylisttext_l {
			font-size:18px;
			font-weight:bold !important;
			text-align:left;
			margin-bottom:6px;
			font-weight:400;
			letter-spacing:1px;
			padding-top:8px;
			color: #0d6fb8;
			/*white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;*/
		}
		.companyintro_historylisttext_s {
			font-size:16px;
			text-align:left;
			line-height:24px;
			/*white-space:nowrap;
			overflow:hidden;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;*/
		}




	/* 各PARTページ */
	.company_history_hyowaku_part {
		z-index:10;
		font-size:16px;
		letter-spacing:1px;
		width:100%;
		margin-top:0px;
		padding-top:40px;
	}
		table.history_part01 {
			border-collapse: separate;
			border-spacing: 0px;
			text-align: left;
			line-height: 1.5;
			font-size:16px;
		}
		table.history_part01 th {
			width: 25%;
			color:#fff;
			text-align:center;
			padding:0%;
			font-weight:normal;
			background-image:url(image/company/company_history_arrow.png);
			background-repeat:no-repeat;
			background-position:center;
			background-position:bottom;
			padding:4% 0% 6% 0%;
		}
		table.history_part01 td {
			text-align:left;
			padding:4% 0% 6% 0%;
		}
		.td_month {
			width: 15%;
		}
		/*.td_left {
			width: 30%;
		}*/
		.td_right {
			width: 70%;
			text-align:justify;
		}
		.td_padding_top0 {
			padding-top:0% !important;
		}
		.td_padding_top1 {
			padding-top:1% !important;
		}
		.td_padding_top2 {
			padding-top:2% !important;
		}
	
		.company_historypart_yoyear {
			font-family:Arial, Helvetica, sans-serif;
			font-size:34px;
			color:#fff;
			text-align:center;
		}
		.company_historypart_wayear {
			font-family:Arial, Helvetica, sans-serif;
			font-size:22px;
			color:#fff;
			text-align:center;
			margin-top:-6px;
		}
		.company_historypart_monthe {
			font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
			font-size:20px;
			font-weight:700;
			/*padding-right:20px;*/
			text-align:center;
		}
		.company_historypart_title {
			font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
			font-size:16px;
			font-weight:700;
			padding-right:6%;
		}
		.company_historypart_title_thin {
			font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
			font-size:16px;
			padding-right:6%;
		}
		.company_historypart_subtitle {
			font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
			font-size:14px;
			padding-right:6%;
		}
		.company_historypart_desc {
			font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
			font-size:20px;
			/*padding-left:2%;*/
			text-align:justify;
		}


		/* 画像 */
		.company_history_snap {
			width:100%;
			overflow:hidden;
			display:block;
			margin-left:auto;
			text-align:center;
		}
			.company_history_snap img {
				letter-spacing:1px;
				width:100%;
				max-width:400px;
			}
			.company_history_snaptext {
				font-size:14px;
				letter-spacing:1px;
				margin-top:4px;
			}




.company_history_button_waku {
	z-index:10;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:4px;
}
	.company_history_button {
		background-color: #333;
		color: #fff;
		font-size: 18px;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		margin-top: 0px;
		text-decoration: none;
		display: block;
	}
	.company_history_button:hover {
		text-decoration: none;
		background-color: #666;
		color: #fff;
		text-decoration: none;
	}








/****************************************

			採用情報
			   
****************************************/

/* 背景 */
.company_recruit_bgimage {
	width:100%;
	overflow:hidden;
	background-image:url(image/company/company_gaiyo.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.company_recruit_waku {
	z-index:10;
	width:80%;
	max-width: 1500px!important;
	margin-left:auto;
	margin-right:auto;
	padding-right: 15px;
	padding-left: 15px;
	/*height:1500px;*/
}
	/* 挨拶 */
	.company_catchtext {
		z-index:10;
		font-size:36px;
		letter-spacing:10px;
		margin-top:68px;
	}
	.company_catchtext_blue {
		z-index:10;
		font-size:26px;
		color:#0d6fb8;
		letter-spacing:2px;
		width:60%;
		margin-top:20px;
	}



	/* マイナビ */
	.company_recruit_mynaviwaku {
		width: 100%;
		max-width: 400px;
		margin-bottom:30px;
	}
	.company_recruit_mynaviwaku img {
		width: 100%;
		max-width: 400px;
		height:auto;
	}
	.company_recruit_mynavitext {
		font-size:16px;
		text-align:center;
		margin-top:6px;
	}




	/* 会社概要 */
	.company_recruittitle_blue {
		z-index:10;
		font-size:26px;
		color:#0d6fb8;
		letter-spacing:6px;
		margin-top:100px;
		width:100%;
	}
	.company_recruittext {
		z-index:10;
		font-size:36px;
		letter-spacing:2px;
		width:80%;
		margin-top:20px;
	}
	table.recruittb {
		border-collapse: separate;
		border-spacing: 1px;
		text-align: left;
		line-height: 1.5;
		font-size:16px;
	}
	table.recruittb th {
		width: 22%;
		padding: 14px;
		font-weight:normal;
		vertical-align: top;
		border-bottom: 1px solid #ccc;
	}
	table.recruittb td {
		width: 78%;
		padding: 14px;
		vertical-align: top;
		border-bottom: 1px solid #ccc;
	}





/****************************************

			環境方針
			   
****************************************/

/* 会社概要 */
.company_eco_bgimage {
	width:100%;
	overflow:hidden;
	background-image:url(image/company/company_eco.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
}
	.company_ecotitle_green {
		z-index:10;
		font-size:24px;
		color:#3B971B;
		/*letter-spacing:2px;*/
		display: block;
		width:60%;
	}
	.company_ecomaintext {
		z-index:10;
		font-size:16px;
		color:#000;
		letter-spacing:2px;
		width:60%;
		margin-top:20px;
	}
	.company_ecotext {
		z-index:10;
		font-size:16px;
		letter-spacing:2px;
		display: block;
		width:56%;
		margin: 10px 0 0 4%;
	}
	.company_ecofooter_left {
		z-index:10;
		font-size:16px;
		letter-spacing:2px;
		display: block;
		width:60%;
	}
	.company_ecofooter_right {
		z-index:10;
		font-size:16px;
		letter-spacing:2px;
		display: block;
		width:60%;
		text-align: right;
	}

	.company_ecoiso_title {
		z-index:10;
		font-size:24px;
		letter-spacing:2px;
		display: block;
		width:60%;
		margin: 0 0 10px 0;
	}
	.company_ecoiso_text {
		z-index:10;
		font-size:16px;
		letter-spacing:2px;
		display: block;
		width:60%;
		margin: 0 0 0 0;
	}



	/* 写真 */
	.company_ecoiso_img {
		width:100%;
		margin-top:20px;
	}
	.company_ecoiso_img img {
		width:200px;
	}

	.self_consumption_img {
		max-width: 60%;
		margin-top:20px;
	}
		.self_consumption_img img {
			width:100%;
		}
	.self_consumptiontxt_waku {
		margin-top: 1em;
		width: 60%;
		padding: 1em;
		border: 1px solid #333;
	}
		.self_consumptiontxt {
			font-size: 1em;
			letter-spacing: 2px;
		}




/*************************************************************************************************************

			bootstrap
			   
**************************************************************************************************************/

@media (max-width: 1500px) {

/****************************************

			歩み
			   
****************************************/

	/* 見出し */
	.company_history_catchtext {
		z-index:10;
		font-size:46px;
		letter-spacing:10px;
		padding-top:50px;
		margin-top:0px;
		text-align:center;
	}
	.company_history_catchtext_s {
		z-index:10;
		font-size:16px;
		color:#000;
		letter-spacing:6px;
		width:100%;
		margin-top:14px;
		text-align:center;
	}

		.companyintro_historylisttext_l {
			font-size:14px;
			font-weight:bold !important;
			text-align:left;
			margin-bottom:6px;
			font-weight:400;
			letter-spacing:1px;
			padding-top:8px;
			color: #0d6fb8;
			/*white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;*/
		}
		.companyintro_historylisttext_s {
			font-size:14px;
			text-align:left;
			line-height:20px;
			/*white-space:nowrap;
			overflow:hidden;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;*/
		}

}


@media (max-width: 1366px) {
	
}


@media (max-width: 1280px) {

	.companyintro_main {
		z-index:10;
		width:90%;
		margin-left:auto;
		margin-right:auto;
		padding-right: 15px;
		padding-left: 15px;
	}

	/* PC：70%、スマホ：100% */
	.company_gaiyo_waku {
		width:90%;
	}
	/* PC：70%、スマホ：100% */
	.company_office_waku {
		width:90%;
	}
	.company_recruit_waku {
		width:90%;
	}
	.company_history_waku {
		width:90%;
	}
		.companyintro_listtext_l {
			font-size:16px;
			text-align:left;
			margin-bottom:2px;
			font-weight:400;
			letter-spacing:2px;
		}
		.companyintro_listtext_s {
			font-size:12px;
			text-align:left;
			white-space:nowrap;
			overflow:hidden;
		}


		/* 事業所本社 */
		.company_officetitle_hon {
			z-index:10;
			font-size:26px;
			letter-spacing:6px;
			margin-top:40px;
			background-image:url(image/company/company_maptitlebg_s.png);
			background-position:left bottom;
			background-repeat:no-repeat;
			width:100%;
		}
		/* 事業所map */
		.company_officemap_hon {
			z-index:10;
			margin-top:30px;
			width:100%;
			padding:10px;
			border:1px #333 solid;
		}


/****************************************

			歩み
			   
****************************************/

	/* 見出し */
	.company_history_catchtext {
		z-index:10;
		font-size:36px;
		letter-spacing:10px;
		padding-top:50px;
		margin-top:0px;
		text-align:center;
	}
	.company_history_catchtext_s {
		z-index:10;
		font-size:16px;
		color:#000;
		letter-spacing:6px;
		width:100%;
		margin-top:14px;
		text-align:center;
	}

		.companyintro_historylisttext_l {
			font-size:12px;
			font-weight:bold !important;
			text-align:center;
			margin-bottom:6px;
			font-weight:400;
			letter-spacing:1px;
			padding-top:8px;
			color: #0d6fb8;
			/*white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;*/
		}
		.companyintro_historylisttext_s {
			font-size:12px;
			text-align:left;
			/*white-space:nowrap;
			overflow:hidden;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;*/
		}

	/* 各PARTページ */
	.company_history_hyowaku_part {
		z-index:10;
		font-size:16px;
		letter-spacing:1px;
		width:100%;
		margin-top:0px;
		padding-top:40px;
	}
		table.history_part01 {
			border-collapse: separate;
			border-spacing: 0px;
			text-align: left;
			line-height: 1.5;
			font-size:16px;
		}
		table.history_part01 th {
			width: 25%;
			color:#fff;
			text-align:center;
			padding:0%;
			font-weight:normal;
			background-image:url(image/company/company_history_arrow.png);
			background-repeat:no-repeat;
			background-position:center;
			background-position:bottom;
			padding:4% 0% 6% 0%;
		}
		table.history_part01 td {
			text-align:left;
			padding:4% 0% 6% 0%;
		}
		.td_month {
			width: 15%;
		}
		/*.td_left {
			width: 30%;
		}*/
		.td_right {
			width: 70%;
			text-align:justify;
		}
	
		.company_historypart_yoyear {
			font-family:Arial, Helvetica, sans-serif;
			font-size:24px;
			color:#fff;
			text-align:center;
		}
		.company_historypart_wayear {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#fff;
			text-align:center;
			margin-top:-6px;
		}
		.company_historypart_monthe {
			font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
			font-size:16px;
			font-weight:700;
			/*padding-right:20px;*/
			text-align:center;
		}
		.company_historypart_title {
			font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
			font-size:16px;
			font-weight:700;
			padding-right:6%;
		}
		.company_historypart_title_thin {
			font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
			font-size:16px;
			padding-right:6%;
		}
		.company_historypart_subtitle {
			font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
			font-size:14px;
			padding-right:6%;
		}
		.company_historypart_desc {
			font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
			font-size:14px;
			/*padding-left:2%;*/
			text-align:justify;
		}

		/* 画像 */
		.company_history_snap {
			width:100%;
			overflow:hidden;
			display:block;
			margin-left:auto;
			text-align:center;
		}
			.company_history_snap img {
				letter-spacing:1px;
				width:100%;
				max-width:400px;
			}
			.company_history_snaptext {
				font-size:14px;
				letter-spacing:1px;
				margin-top:4px;
			}

	.company_recruittext {
		z-index:10;
		letter-spacing:2px;
		width:90%;
		margin-top:10px;
	}

	table.recruittb {
		border-collapse: separate;
		border-spacing: 1px;
		text-align: left;
		line-height: 1.5;
		font-size:14px;
	}

}


@media (max-width: 1024px) {

	.company_catchtext_blue {
		width:100%;
	}
	.catchtext_small {
		width:100%;
	}

	.company_history_waku {
		z-index:10;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		padding-right: 15px;
		padding-left: 15px;
		/*height:1500px;*/
	}
	.company_history_waku_part {
		z-index:10;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		padding-right: 15px;
		padding-left: 15px;
		/*height:1500px;*/
	}
	.company_history_button_waku {
		z-index:10;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:4px;
	}
		.company_history_button {
			background-color: #333;
			color: #fff;
			font-size: 14px;
			width: 100%;
			padding-top: 10px;
			padding-bottom: 10px;
			text-align: center;
			margin-top: 0px;
			text-decoration: none;
			display: block;
		}
		.company_history_button:hover {
			text-decoration: none;
			background-color: #666;
			color: #fff;
			text-decoration: none;
		}

		.company_recruittext {
			z-index:10;
			letter-spacing:1px;
			width:100%;
			margin-top:20px;
		}
	
}


@media (max-width: 768px) {

	.companyintro_main {
		z-index:10;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		padding-right: 15px;
		padding-left: 15px;
	}

	/* PC：70%、スマホ：100% */
	.company_gaiyo_waku {
		width:100%;
	}
	/* PC：70%、スマホ：100% */
	.company_office_waku {
		width:100%;
	}
	.company_recruit_waku {
		width:100%;
	}
	.company_history_waku {
		width:100%;
	}

		/* 挨拶 */
		.company_introtext {
			z-index:10;
			font-size:26px;
			letter-spacing:6px;
			margin-top:68px;
		}
		.company_introtext_blue {
			z-index:10;
			font-size:18px;
			color:#0d6fb8;
			letter-spacing:4px;
			margin-top:20px;
		}
		.company_catchtext {
			z-index:10;
			font-size:26px;
			letter-spacing:10px;
			margin-top:68px;
		}
		.company_catchtext_blue {
			z-index:10;
			font-size:18px;
			color:#0d6fb8;
			letter-spacing:2px;
			width:60%;
			margin-top:20px;
		}
		.company_ecocatchtext {
			font-size:26px;
		}
			.promolink .overlay .text {
				position: absolute;
				font-size:18px;
				line-height:22px;
				top: 50%;
				left: 1em;
				right: 1em;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%)
			}


		.company_gaiyotext {
			z-index:10;
			font-size:36px;
			letter-spacing:0px;
			width:100%;
			margin-top:10px;
		}
	
	
	.company_eco_bgimage {
		width:100%;
		overflow:hidden;
		background-image:url(image/company/company_eco.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
	}
		.company_ecotitle_green {
			width:100%;
		}
		.company_ecotext {
			width:100%;
			margin: 0;
		}
		.company_ecomaintext {
			width:100%;
		}

		.self_consumption_img {
			max-width: 100%;
			margin-top:20px;
		}
			.self_consumption_img img {
				width:100%;
			}
		.self_consumptiontxt_waku {
			width: 100%;
		}
	
	.company_ecoiso_title {
		width:100%;
		margin: 0;
	}
	.company_ecoiso_text {
		width:100%;
		margin: 0;
	}
	
	
}













