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

#genen #main {
	background: url(../img/bg-main.png) center top repeat;
}

#genen #main #mv {
	position: relative;
	background: url(../img/bg-mv-main.png) center bottom no-repeat;
}

#genen #main #mv .img {
	margin-left: 20px;
}

#genen #main .column {
	float: left;
}

#genen #main .column1, #genen #main .column2 {
	width: 550px;
}

#genen #main .btn {
	margin: 0 auto;
	width: 536px;
}

#genen .bg-orange {
	background: url(../img/bg-orange.png) center top repeat;
}

#genen .bg-orange .container {
/*	background: url(../img/bg-orange.png) center top repeat;*/
}

#genen .bg-green {
	background: url(../img/bg-green.png) center top repeat;
}

#genen .bg-green .container {
	background: url(../img/bg-green.png) center top repeat;
}

#genen #comparison .area2 {
	padding: 0 0 92px 0;
}

#genen #interview {
	text-align: center;
}

#genen #interview .bg-orange {
	padding: 38px 0 64px;
}

#genen #interview .interview_bg_pc {
	background: url(../img/interview_bg01.png) center top no-repeat;
	padding-top: 51px;
}

#genen #interview .text01 {
	margin-top: 20px;
}
#genen #interview .subtext01 {
	margin-top: 38px;
}
#genen #interview .img01 {
	margin-top: 30px;
}
#genen #interview .text02 {
	margin-top: 55px;
}
#genen #interview .img02 {
	margin-top: 45px;
}

#genen #products .lineup .btn {
	float: left;
}

#genen #products .lineup .btn1 {
	width: 461px;
	margin: 0 0 0 19px;
}

#genen #products .lineup .btn2 {
	width: 461px;
	margin: 0 0 0 135px;
}

#genen #products .sns h3 {
	margin: 0 0 0 239px;
	padding: 59px 0 18px 0;
}

#genen #products .sns .btns {
	width: 730px;
	margin: 0 0 0 180px;
	background: url(../img/bg-sns-products.png) left top no-repeat;
}

#genen #products .sns .btn {
	padding: 12px 0 85px 0;
	float: left;
}

#genen #products .sns .btn-fb {
	width: 131px;
}

#genen #products .sns .btn-tw {
	width: 131px;
	margin: 0 0 0 169px;
}

#genen #products .sns .btn-line {
	width: 131px;
	margin: 0 0 0 163px;
}


@media screen and (max-width:640px) {
	#genen #main {
		background: url(../img/sp/bg-main.png) center bottom no-repeat;
		background-size: 100%;
		padding-bottom: 3%;
	}

	#genen #main #mv {
		position: relative;
		background: none;
	}

	#genen #main #mv .img {
		margin-left: 0;
	}

	#genen #main .column {
	float: none;
	}

	#genen #main .column1, #genen #main .column2 {
		width: 100%;
	}

	#genen #main .btn {
		margin: 0 auto;
		width: 77%;
	}
	
	#genen .bg-orange {
		background: url(../img/sp/bg-orange.png) center top repeat;
		background-size: 100%;
	}
	
	#genen .bg-orange .container {
		background: url(../img/sp/bg-orange.png) center top repeat;
		background-size: 100%;
	}

	#genen .bg-green {
		background: url(../img/sp/bg-green.png) center top repeat;
		background-size: 100%;
	}
	
	#genen .bg-green .container {
		background: url(../img/sp/bg-green.png) center top repeat;
		background-size: 100%;
	}
	
	#genen #comparison .area2 {
		padding: 0 0 0 0;
	}

	#genen #interview {
	}

	#genen #interview .bg-orange {
		padding: 0 0 10%;
	}

	#genen #interview .interview_bg_pc {
		background: none;
		padding-top: 0;
	}

	#genen #interview .interview_bg_sp {
		background: url(../img/sp/interview_bg01.png) center bottom 41% no-repeat;
		background-size: 100%;
	}

	#genen #interview .text01 {
		margin-top: 0;
	}
	#genen #interview .subtext01 {
		margin-top: 0;
	}
	#genen #interview .img01 {
		margin-top: 0;
	}
	#genen #interview .text02 {
		margin-top: 0;
	}
	#genen #interview .img02 {
		margin-top: 0;
	}

	#genen #products .lineup .btn {
		float: none;
	}
	
	#genen #products .lineup .btn1 {
		width: 93.75%;
		margin: 0 0 0 3.28125%;
		padding: 0 0 5% 0;
	}
	
	#genen #products .lineup .btn2 {
		width: 93.75%;
		margin: 0 0 0 3.28125%;
		padding: 0 0 8.75% 0;
	}
	
	#genen #products .sns h3 {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	#genen #products .sns .btns {
		width: 100%;
		margin: 0 0 0 0;
		background: none;
	}
	
	#genen #products .sns .btn {
		padding: 2.96875% 0 13.28125% 0;
		float: left;
	}
	
	#genen #products .sns .btn-fb {
		width: 22.96875%;
		margin: 0 0 0 11.40625%;
	}
	
	#genen #products .sns .btn-tw {
		width: 22.96875%;
		margin: 0 0 0 5.46875%;
	}
	
	#genen #products .sns .btn-line {
		width: 22.96875%;
		margin: 0 0 0 4.6875%;
	}
}