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

img, object, embed, video {
	max-width: 100%;
}

/*PC*/
@media print, screen and (min-width: 769px) {
.hedimg {
		background: url(../images/category/company/hed_bg.jpg);
		opacity: 1;
		top: 0;
		z-index: 100;
	background-size: cover;
	height: 500px;
	
}

	.subtit {
		font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	}	
	
/*greetings
-------------------------------*/
	
	
	.gre_hed {
		width: 1200px;
		margin: 0px 0 50px; 
		float: left;
		z-index: 0;
	}	
	
	.gre_hed_tit {
		background: #0073d4;
		padding: 67px 72px 48px 75px;
		width: 500px;
		margin-top: -200px;
		transition: .2s ease;
z-index: 100;
float: right;
box-sizing: border-box;
	}
	
	
	h3.gre_hed_titcompany {
	
font-weight: bold!important;
		color: #fff;
	font-size: 2.5em!important;
	}
	
	p.gre_hed_tit_name {
		font-size: 1.8em;
		color: #fff;
		font-weight: bold;
	}
	
	
	.gre_img {
		width: 100%;
		margin: 50px auto;
	}
	
	

	
	
	
	
.greetings_tit {
	font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	font-weight:bold !important;
	font-size:1.8em;
	color:#0073d4;
	letter-spacing:2px;
	margin:0 auto 10px;
}

.greetings_president {
	font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	font-weight:bold;
	text-align:right;
	margin:0 auto 60px;
}

.greetings_img {
	width:420px;
	float:right;
	margin:0 0 80px 30px;
}


.greetings_img02 {
	width:420px;
	float:left;
	margin:0 30px 80px 0px;
}


/*accessmap_wrap
-------------------------------*/
.accessmap_wrap {
	width:100%;
	margin:0 auto 10px;
}

.accessmap_tit {
	font-size:1.2em;
	text-align:center;
	color:#0073d4;
}

.accessmap_txt {
	text-align:center;
	margin:0 auto 40px;
}

	
	.w50L,.w50R {
		margin-bottom: 50px;
	}	
	
	
	
	
.company_next {
	width:100%;
	margin:0 auto 0px;
	padding:0;
	list-style-type:none;
}

.company_next li {
	width:33.3%;
	float:left;
	position: relative;
	overflow: hidden;
}

	.company_next li img {
		width: 100%;
	}	
	

.company_next li:nth-child(4n+4) {
	margin-right:0px;
}


	
.company_next li .title {
	color:#fff;
	font-size: 16px;

	font-weight:bold !important;
	position: absolute;
width: 100%;
	top: 45%;
	left: 0%;
	text-align:center;
}

.company_next li p.text {
	padding: 0 38px 25px;
	text-align: center
}

.company_next li:hover .photo {
	transform: scale(1.2);
	transition-delay: 1s;
	-moz-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	-ms-transition-delay: 1s;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1)
}

.company_next li a {
	color:#000000;					  
	-webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
	width: 100%;
	height: 100%;
		background: rgba(0,0,0,0.4);
}	
	
	
	
	.photo_hover_wrap_next {
	position: relative;
	display: block;
	overflow: hidden;
	text-decoration: none;
	height:auto;
}
	
	
	
	
	
	
}




/*----------------------------------------------------*/





/*sp*/
@media only screen and (max-width: 768px) {
	.hedimg {
		background: url(../images/category/company/hed_bg.jpg);
		opacity: 1;
top: 0;
		width: 80%;
		margin-left: 20%;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: 140% auto;
		min-height: 250px;
		background-size: cover;
		position: relative;
		z-index: 3;
		box-sizing: border-box;
}

/*greetings
-------------------------------*/
	
	
	
	
	.gre_hed {
		width: 100%;
		margin: 0px 0 0px; 
		float: left;
		z-index: 0;
	}	
	
	
	.gre_hed img {
		width: 100%;
		height: auto;
	}
	
	.gre_hed_tit {
		background: #0073d4;
		padding: 3%;
		width: 100%;
		transition: .2s ease;
z-index: 100;
float: right;
box-sizing: border-box;
	}
	
	
	h3.gre_hed_titcompany {
	
font-weight: bold!important;
		color: #fff;
	font-size: 1.5em!important;
		text-align: center;
	}
	
	p.gre_hed_tit_name {
		font-size: 1.3em;
		color: #fff;
		font-weight: bold;
		text-align: center;
	}
	
	
	.gre_img {
		width: 100%;
		margin: 50px auto;
	}	
	
	
	
	
	
.greetings_tit {
	font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	font-weight:bold !important;
	font-size:1.2em;
	color:#0073d4;
	letter-spacing:2px;
	margin:0 auto 20px;
}

.greetings_president {
	font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	font-weight:bold;
	text-align:right;
	margin:0 auto 30px;
}

.greetings_img,
.greetings_img02 {
	width:80%;
	float:none;
	margin:0 auto 30px;
}


/*accessmap_wrap
-------------------------------*/
.accessmap_wrap {
	width:98%;
	margin:0 auto 10px;
}

.accessmap_tit {
	font-size:1em;
	text-align:center;
	color:#0073d4;
}

.accessmap_txt {
	text-align:center;
	margin:0 auto 40px;
}

	
	
	

.company_next {
	width:100%;
	margin:0 auto 0px;
	padding:0;
	list-style-type:none;
}

.company_next li {
	width:100%;
	position: relative;
	overflow: hidden;
	vertical-align: bottom;
}
	
	
.company_next li .title {
	color:#fff;
	font-size: 20px;

	font-weight:bold !important;
	position: absolute;
width: 100%;
	top: 40%;
	left: 0%;
	text-align:center;
}

	
.company_next li img {
		width: 100%;
	}	
	
	
	
.company_next li p.text {
	padding: 0 38px 25px;
	text-align: center
}

.company_next li:hover .photo {
	transform: scale(1.2);
	transition-delay: 1s;
	-moz-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	-ms-transition-delay: 1s;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1)
}

.company_next li a {
	color:#000000;					  
	-webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
	width: 100%;
	height: 100%;
		background: rgba(0,0,0,0.4);
}	
	
	
	
	.photo_hover_wrap_next {
	position: relative;
	display: block;
	overflow: hidden;
	text-decoration: none;
	height:auto;
}	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
}