  @charset "utf-8";

@import "base.css";
@import "common.css";
@import "style.css";
@import "gnav.css";
@import "gnav_sp.css";
@import "subPage.css";

/* company
---------------------------------------------------*/
/* index */
body.Company#index .mainImg {
	margin-bottom: 0;
}

body.Company#index .bgScale {
	margin-bottom: 30px;
}

@media only screen and (max-width:767px) {
	body.Company#index .bgScale {
		margin-bottom: 15px;
	}
}

/* group */
body.Company#group .mainImg {
	margin-bottom: 70px;
}

body.Company#group #content .float {
	margin: 0 35px 60px;
}

body.Company#group #content .float .left {
	width: 580px;
}

body.Company#group #content .float .left h3 {
	font-size: 125%; /*20px*/
	line-height: 1.5;
	margin-bottom: 30px;
}

body.Company#group #content .float .left p {
	font-size: 87.5%; /*14px*/
	margin-top: 20px;
	line-height: 2;
}

body.Company#group .linkBnr.profilemovie {
	margin-bottom: 90px;
}

body.Company#group .center {
	font-size: 125%; /*20px*/
	line-height: 1.8;
	margin-bottom: 55px;
}

body.Company#group div.img {
	margin-bottom: 70px;
	text-align: center;
}

@media only screen and (max-width:767px) {
	body.Company#group .mainImg {
		margin-bottom: 30px;
	}

	body.Company#group #content .float {
		margin: 0 2% 20px;
	}

	body.Company#group #content .float .left {
		width: 100%;
		margin-bottom: 20px;
	}

	body.Company#group #content .float .left h3 {
		font-size: 87.5%; /*14px*/
		margin-bottom: 10px;
	}

	body.Company#group #content .float .left p {
		font-size: 75%; /*12px*/
		margin-top: 10px;
		line-height: 1.6;
	}

	body.Company#group #content .float .right {
		width: 100%;
		max-width: 454px;
		float: none;
		margin: 0 auto;
	}

	body.Company#group .linkBnr.profilemovie {
		margin: 0 2% 20px;
	}

	body.Company#group .center {
		font-size: 75%; /*12px*/
		line-height: 1.6;
		text-align: left;
		margin: 0 2% 15px;
	}

	body.Company#group div.img {
		margin: 0 2% 25px;
	}
}

/* profilemovie */
body.Company#profilemovie .bgArea {
	background: url("/img/company/profilemovie_img_main.jpg") no-repeat;
	padding: 180px 0;
}

body.Company#profilemovie h2 {
	color: #fff;
	font-family: "¥Ò¥é¥®¥ÎÃ÷³¯ ProN w3", "HiraMinProN-W3", "HGÃ÷³¯E", "£Í£Ó £ÐÃ÷³¯", "MS PMincho", "MS Ã÷³¯", serif;
	font-size: 287.5%; /*46px*/
	margin: 0 0 180px 60px;
}

body.Company#profilemovie .jstream {
	position: relative;
	width: 640px;
	height: 360px;
	margin: 0 auto;
}

body.Company#profilemovie .txt {
	width: 640px;
	color: #fff;
	font-size: 112.5%; /*18px*/
	line-height: 1.6;
	margin: 30px auto 0;
}

@media only screen and (max-width:767px) {
	body.Company#profilemovie .bgArea {
		background-size: auto 100%;
		padding: 60px 0;
	}

	body.Company#profilemovie h2 {
		font-size: 137.5%; /*22px*/
		margin: 0 3% 60px;
	}

	body.Company#profilemovie .jstream {
		width: 96%;
		max-width: 640px;
		height: 0;
		padding-top: 56.25%;
	}

	body.Company#profilemovie .jstream .jstream-eqPlayer {
		top: 0;
		left: 0;
	}

	body.Company#profilemovie .txt {
		font-size: 75%; /*12px*/
		margin-top: 15px;
		width: 96%;
	}
}
