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

html, body ,#wrapper {position: relative;}


/* 下層ページのheaderimg */
/*
#header-img::after {
	background: url("../../01companyprofile - Copy [2]/img/header-title01.svg"); ここの画像だけ変える 
	background-repeat: no-repeat;
	background-position: center;
}
*/
/* ------------------ */


/* navcolor-グラデーションの時は適用する */
/*
.side-menu {
	background: -moz-linear-gradient(top, #CBFF00, #66CD73, #009DE6);
	background: -webkit-linear-gradient(top, #CBFF00, #66CD73, #009DE6);
	background: linear-gradient(to bottom, #CBFF00, #66CD73, #009DE6);
}
.hamburger span{background: #ffffff;}
.side-menu .g-border{background-color: #ffffff;}
.side-menu p a{color: #ffffff;}
*/
/*ーーーーーーーーーーーーーTOPイメージーーーーーーーーーーーーー*/
#top{
	margin-top: 3rem;
}
#top .top-img{
	height: 500px;
	background-image: url("../img/seniorsvoice.jpg"),linear-gradient(to left,#CBFF00, #66CD73, #009DE6);
	background-blend-mode: darken;
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align:middle;
	text-align: center;
	padding-top: 200px;
	position: relative;
	}
#top .top-img p{
	font-size: 70px;
	letter-spacing: 0.025em;
	font-weight: bold;
	color: #FFF;
	line-height: 6rem;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#top .top-img span {
    font-weight: normal;
    font-size: 25px;
	letter-spacing: 0.15em;
}
#top .top-img img{
	position: absolute;
	right: 21%;
	bottom: 32%;
	max-width: 400px;
}

/*ーーーーーーーーーーーーー先輩社員ーーーーーーーーーーーーー*/
#seniors{
	margin-top: 8rem;
	margin-bottom: 10rem;
}
#seniors .member{
	position: relative;
	padding: 3rem 3.5rem;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
}
#seniors .member:nth-child(3n){
	border-right: none;
}
#seniors .member:nth-child(n+7):nth-child(-n+9) {
	border-bottom: none;
}
#seniors img{
	margin-top: 1rem;
	transition : all .3s;
}
#seniors img:hover{
	opacity: .6;
}

#seniors .member-head .number{
	float: left;
}
#seniors .member-head .occupation{
	float: right;
	font-weight: bold;
	font-size: 2.5rem;
}
#seniors .member-info{
	float: left;
	position: relative;
	margin-top: 1.5rem;
	font-size: 1.5rem;
	color: #333;
}
#seniors .member-info p{
	margin-bottom: 0;
}
#seniors .member-info span{
	font-size: 2.5rem;
}
.arrow {
	width: 70px;
	height:10px;
	border-right: solid 1px #C65A24;;
	border-bottom: solid 1px #C65A24;;
	transform: skew(45deg);
	position: absolute;
	bottom: 4rem;
	right: 4rem;
	opacity: 0;
    transition: .3s;
}
#seniors a{
	transition : all .3s;
}
#seniors a:hover .arrow{
	opacity: 1;
}
#seniors a:hover img{
	opacity: .5;
}
#seniors .orange{
	color: #C65A24;
	border-color: #C65A24;
}
#seniors .blue{
	color: #2980B7;
	border-color: #2980B7;
}
#seniors .green{
	color: #006138;
	border-color: #006138;
}

/*ーーーーーーーーーーーーーGoogleMap非表示ーーーーーーーーーーーーー*/
div.google-map{display:none}


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


@media (max-width: 1199px) {

}
/*md以下のときーーーーーーーーーーーーーーーーー*/
@media (max-width: 991px) {
	#top .top-img p{
		font-size: 50px;
		line-height: 5rem;
	}
	#top .top-img{
		height: 350px;
	}
	#top .top-img span {
		font-weight: normal;
		font-size: 20px;
		letter-spacing: 0.15em;
	}
	#seniors .member:nth-child(even){
		border-right: none;
	}
	#seniors .member:nth-child(odd){
		border-right: 1px solid #BBB;
	}
	#seniors .member:nth-child(n+7):nth-child(-n+8) {
		border-bottom: 1px solid #BBB;
	}
	#seniors .member:nth-child(9) {
		border-bottom: none;
	}
}


@media (max-width: 767px) {
	#top .top-img{
	height: 200px;
	}
	#top .top-img p{
	font-size: 35px;
	line-height: 5rem;
	top: 55%;
	}
	#top .top-img span {
		font-weight: normal;
		font-size: 16px;
		letter-spacing: 0.15em;
	}
	#seniors{
		margin-top: 3rem;
	}
	#seniors .member{
	padding: 2.5rem 3rem;
	}
	#seniors .member-head .occupation{
	font-size: 2rem;
	}
	.arrow {
	float: none;
	width: 50px;
	height:8px;
	}
}


@media (max-width: 575px) {
	.arrow {
	width: 35px;
	height:6px;
	right: 2rem;
}
}