#contents{
	height: 6520px;
}
#head_pic{
	background-image: url('../img/group_head.jpg');
}
#tokimatagi{
	height: 650px;
	padding-top: 0;
	margin-top: 0;
}
#tokimatagi .text{
	position: relative;
	top: 150px;
	width: 800px;
	text-align: left;
	font-size: 16px;
	line-height: 34px;
	letter-spacing: 2px;
	font-family: "Noto Sans Japanese","MS Pゴシック";
	font-weight: 200;
}
#about{
	height: 600px;
}
#about .col{
	position: relative;
	top: 150px;
	width: 800px;
	text-align: left;
	font-size: 12px;
	line-height: 34px;
	letter-spacing: 1px;
	height: 280px;
}
#about .col .left{
	float: left;
	width: 400px;
	height:auto;
	font-family: "Noto Sans Japanese","MS Pゴシック";
	font-weight: 200;
}
#about .col .right{
	float: left;
	width: 400px;
	height:auto;
	font-family: "Noto Sans Japanese","MS Pゴシック";
	font-weight: 200;
}


#group_list{
	height: 5000px;
}
#group_list .body:before{
	top: -40px;
}
#group_list .body{
	height: 2730px;
}
#group_list .body ul{
	position: relative;
	width: 800px;
	text-align: left;
	line-height: 34px;
	letter-spacing: 2px;
	list-style: none;
	top: 150px;
	font-size: 16px;
	/*overflow-x:hidden;*/
}
#group_list .body li{
	height: 380px;
	margin: 40px 0;
}
#group_list .body .fix{
	width: 340px;
	height: 380px;
	/* background:0 0 no-repeat; */
	background-repeat: no-repeat;
    background-size: 65% auto;
    background-position: center center;
	position: relative;
}
#group_list .body .move{
	width: 440px;
	height: 380px;
	background:0 0 no-repeat;
    background-size: cover;
	border: 4px #003B3E solid;
    box-sizing: border-box;
    position: relative;
}

#group_list .body li .left{
	float: left;
}
#group_list .body li .right{
	float: right;
}
#group_list .body .fix img{
	height: 100%;
	width: 100%;
}
#group_list #m1{
	/*right */
	left: 1px;
	opacity: 1;
	position: relative;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#group_list #m2{
	/*left	*/
	position: relative;
	right: 0;
	opacity: 1;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#group_list #m3{
	/*right	*/
	left: 0px;
	opacity: 1;
	position: relative;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#group_list #m3 .company_description{
	top: 80px;
}
#group_list #m4{
	/*left	*/
	position: relative;
	right: 0;
	opacity: 1;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
#group_list #m5{
	/*right	*/
	left: 0px;
	opacity: 1;
	position: relative;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

#group_list .company_name{
	position: absolute;
	left: 44px;
	top: 18px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 2px;
	border-bottom: 2px solid;
	width:280px;
	line-height: 50px;
}
#group_list .company_name a,#group_list .company_name a:link,#group_list .company_name a:hover,#group_list .company_name a:active,#group_list .company_name a:visited{
	color: #5A5A5A;
}
#group_list .company_description{
	position: relative;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 20px;
	width: 360px;
	position: absolute;
	left: 44px;
	font-family: "Noto Sans Japanese","MS Pゴシック";
	font-weight: 300;
	top: 100px;
}
footer{
	z-index:300;
}