@charset "UTF-8";

body {
	color: #231815;
	font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
a {
	color: #545454;
}

.clear {
	clear:both;
	margin: 0px;
}
.cf:before,
.cf:after{
	display: table;
	content: "";
}
.cf:after{
	clear: both;
}
/*IE6,7対策 （haslayout対策）*/
.cf{
	*zoom:1;
}
.lf {
	float: left;
}
.rg {
	float: right;
}
.hide-text {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.sp {
	display: none;
}
.pc {
	display: block;
}
.inner {
	margin: auto;
}
body {
	margin: auto;
	font-size: 13px;
	min-width: 1300px;
	position: relative;
	-webkit-text-size-adjust: 100%;
}

.inner-wrap {
	width: 980px;
	margin: auto;
}

/*
#main {
overflow-x: hidden;
}
*/

/* header */
div.header {
	width: 100%;
	height: 105px;
	background: url(../img/common/header-bg.jpg) 0 0 repeat-x;
}
.header div.inner {
	width: 1040px;
}
div.header-border {
	position: relative;
	width: 100%;
	height: 7px;
	background: url(../img/common/header-border.jpg) 50% 0 repeat-x;
}
.header-border img {
	position: absolute;
	top: -15px;
	left: 50%;
	z-index: 9;
	margin-left: -152px;
}
.header h1.logo {
	display: block;
	float: left;
	margin: 18px 0 0 24px;
	width: 523px;
}
.header h1.logo a {
	display: block;
	width: 523px;
	height: 75px;
	background: url(../img/common/header-logo-en.png) 50% 50% no-repeat;
}
.header h1.logo a:hover {
	opacity: .7;
}


/* header-nav */
ul.header-nav {
	float: right;
	margin-top: 39px; 
	width: 255px;
	height: 36px;
}
.header-nav li {
	float: left;
	width: 135px;
	height: 22px;
}
.header-nav li a {
	position: relative;
	padding-left: 12px;
	background: url(../img/common/arrow_white.png) 0 50% no-repeat;
	color: #fff;
	font-size: 12px;
}
.header-nav li a:hover {
	text-decoration: underline;
}
li.lang-change {
	float: right;
	overflow: hidden;
	width: 96px;
	height: 31px;
	border-radius: 3px;
}
.lang-change a {
	display: block;
	padding: 0 !important;
	background: #5d0001 !important;
	text-align: center;
	font-size: 14px !important;
	line-height: 31px;
}
.lang-change a:before {
	content: none !important;
}
.lang-change a:hover {
	opacity: .7;
}


/* nav */
div.nav {
	position: absolute;
	top: 112px;
	right: 50%;
	z-index: 2;
	margin-right: -520px;
	width: 1040px;
	border-bottom: 9px solid #5D0001;
}
.nav li {
	float: left;
	background: #4c4948; /* Old browsers */
	background: -moz-linear-gradient(top,  #4c4948 0%, #221714 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4c4948 0%,#221714 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4c4948 0%,#221714 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4948', endColorstr='#221714',GradientType=0 ); /* IE6-9 */
}
.nav li:hover {
	opacity: .8;
}
.nav li.active {
	background: #5D0001;
}
.nav li.active:hover {
	opacity: 1;
}
.nav li a {
	display: table-cell;
	width: 130px;
	height: 81px;
	background: url(../img/common/nav_arrow_gray.png) 50% 85% no-repeat;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	line-height: 19px;
}
/*
.nav li a {
display: block;
padding-top: 30px;
height: 51px;
}
*/
.nav li.active a {
	background: url(../img/common/nav_arrow_white.png) 50% 85% no-repeat;
}


/* contents-wrap */
div.contents-wrap {
	margin: auto;
	max-width: 1300px;
}


/* footer */
div.footer {
	padding-top: 40px;
	height: 356px;
	border-bottom: 8px solid #5D0001;
	background: #F2F2F2;
}
.footer div.inner {
	margin: auto;
	max-width: 980px;
}
.inner div.inner-left {
	float: left;
	width: 470px;
}
.inner-left p.logo {
	margin-bottom: 13px;
	width: 392px;
	height: 92px;
	background: url(../img/common/footer-logo-en.png) 0 0 no-repeat;
}
.inner-left p.add {
	margin-bottom: 10px;
	line-height: 21px;
}
/*
.inner-left img {
margin-left: 3px;
}
*/
.inner div.inner-right {
	float: right;
	margin-top: 12px;
	width: 510px;
}
.inner-right ul {
	float: left;
}
.inner-right ul:first-child {
	width: 209px;
}
.inner-right ul:nth-child(2) {
	width: 130px;
}
.inner-right ul:last-child {
	width: 171px;
}
.inner-right ul li a {
	position: relative;
	color: #231815;
}
.inner-right ul li a:hover {
	text-decoration: underline;
}
.inner-right > ul > li {
	margin-bottom: 25px;
}
.inner-right > ul > li > a {
	display: inline-block;
	padding-left: 25px;
	height: 18px;
	line-height: 18px;
}
.inner-right  > ul > li > a:before {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 4px 0;
	width: 18px;
	height: 10px;
	border-radius: 2px;
	background: #5D0001;
	content: url("../img/common/arrow_white.png");
	text-align: center;
}
.inner-right ul ul.sub {
	margin: 12px 0 0 26px;;
}
.sub li {
	margin-bottom: 15px;
}
.sub li a {
	padding-left: 14px;
	font-size: 12px;
	text-indent: 2em;
	margin-left: -1.1em;
	line-height: 16px;
}
.sub li a:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 12px;
	background: url(../img/common/arrow_wine.png) 0 50% no-repeat;
	content: "";
}
.footer div.copy {
	margin: auto;
	width: 980px;
}
.copy p {
	text-align: right;
	font-size: 12px;
}

.page-top {
	position: fixed;
	right: 10%;
	z-index: 9999;
	overflow: hidden;
	border: 1px solid #DCDDDD;
	border-radius: 2px;
	border-radius: 50%;
}
.page-top a {
	display: block;
	width: 57px;
	height: 57px;
	background: #fff;
	color: #DCDDDD;
	text-align: center;
	font-size: 21px;
	line-height: 50px;
	line-height: 56px;
	opacity: .8;
}
.page-top a:hover {
	opacity: 1;
}


/* サブページ共通 */
/*　技術・製品・設備　*/
div.sub-img-wrap {
	max-width: 1300px;
	height: 650px;
	position: relative;
}
.sub-img-wrap div.sub-headd {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -141px;
}
.sub-img-wrap .sub-headd h2 {
	width: 282px;
	height: 269px;
	margin: auto;
	background: rgba(255,255,255,.8);
	border-top: 11px solid #5A0C10;
	font-size: 28px;
	font-weight: bold;
	color: #5A0C10;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
div.sub-desc {
	color: #fff;
	width: 1300px;
	height: 245px;
	padding-top: 33px;
	background: url(../img/common/texture_bg.jpg) 50% 0 no-repeat;
}
.sub-desc h3 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	line-height: 28px;
}
.sub-desc p {
	font-size: 15px;
	width: 1000px;
	margin: auto;
	line-height: 27px;
}

/*　情報・採用・問い合わせ　*/
div.sub-box-wrap {
	max-width: 1300px;
	height: 500px;
	position: relative;
	margin-bottom: 95px;
}
.sub-box-wrap div.sub-headd {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -141px;
}
.sub-box-wrap .sub-headd h2 {
	width: 278px;
	height: 280px;
	padding-left: 4px;
	letter-spacing: 2px;
	margin: auto;
	background: url(../img/common/headd_texture_bg.jpg) 50% 50% no-repeat;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	line-height: 50px;
}


/* 動画選択 */
div.movie-select {}
.movie-select p {
	font-size: 22px;
	text-align: center;
	margin: 15px 0 5px;
	font-weight: bold;
}
.movie-select li {
	width: 29.3%;
	float: left;
	padding: 2% 2% 0% 2%;
}
.movie-select li a {
	padding: 70px 15px;
	text-align: center;
	font-size: 23px;
	/*		font-weight: bold;*/
	color: #fff;
	display: block;
	background: #5d0001;
	border-radius: 5px;
	letter-spacing: 1px;
}
.movie-select li a:hover {
	opacity: .7;
}

	/* recruit */
	div.recruit {}
	.recruit .recruit-img-wrap {
		width: 1300px;
		height: 610px;
		background: url(../img/recruit/recruit_main_img.jpg) 50% 0 no-repeat;
		position: relative;
	}
	.recruit .sub-headd {
		background: url(../img/recruit/recruit_main_sub_bg.jpg) 50% 0 no-repeat;
		width: 646px;
		height: 213px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -106px;
		margin-left: -323px;
	}
	.recruit .sub-headd h2 {
		width: 238px;
		height: 71px;
		border-right: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		border-left: 1px solid #FFF;
		font-size: 28px;
		font-weight: bold;
		text-align: center;
		line-height: 70px;
		color: #FFF;
		margin: auto;
	}
	.recruit .sub-headd p {
		font-size: 18px;
		text-align: center;
		line-height: 40px;
		margin: auto;
		font-weight: bold;
		color: #fff;
		letter-spacing: 1px;
		margin-top: 24px;
		padding-left: 3px;
	}
	.recruit p.cap {
		font-size: 15px;
		line-height: 30px;
		margin: 68px 0 60px;
	}
	ul.interviewee-list {
		margin-bottom: 78px;
	}
	.interviewee-list li {
		width: 472px;
	}
	.interviewee-list li a {
		display: block;
		width: 472px;
		height: auto;
	}
	.interviewee-list li a:hover {
		opacity: .8;
	}
	.interviewee-list li a:hover div.btn {
		opacity: .7;
	}

	.interviewee-list li:first-child {
		float: left;
	}
	.interviewee-list li:last-child {
		float: right;
	}
	.interviewee-list h3 {
		font-size: 19px;
		font-weight: bold;
		color: #1B499E;
		text-align: center;
		border-bottom: 1px solid #1B499E;
		padding: 23px 0 12px;
		margin-bottom: 30px;
	}
	.interviewee-list p {
		font-size: 22px;
		font-weight: bold;
		color: #231815;
		text-align: center;
	}
	.interviewee-list p span {
		font-size: 16px;
		font-weight: normal;
		margin-left: 18px;
	}
	.interviewee-list div.btn {
		width: 33px;
		height: 31px;
		background: #1B499E;
		margin: 30px auto;
		position: relative;
	}
	.interviewee-list div.btn:after {
		content: "";
		position: absolute;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		content: "";
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 10px;
		left: 8px;
		width: 9px;
		height: 9px;
	}

	/* interview-01 */
	.interview-01 div.recruit-img-wrap {
		background: url(../img/recruit/interview_01_main_img.jpg) 50% 0 no-repeat;
	}
	
	/* interview-02 */
	.interview-02 div.recruit-img-wrap {
		background: url(../img/recruit/interview_02_main_img.jpg) 50% 0 no-repeat;
	}


	/* interview 共通部分 */
	div.interview {}
	.interview div.recruit-img-wrap {
		width: 1300px;
		height: 650px;
		position: relative;
		margin-bottom: 85px;
	}
	.interview div.sub-headd {
		background: url(../img/recruit/interview_sub_bg.png) 0 0 repeat;
			width: 1300px;
			height: 153px;
			position: absolute;
			bottom: 0;
			left: 0;
		text-align: center;
		}
	.interview div.sub-headd h2 {
		font-size: 28px;
		color: #1b499e;
		font-weight: bold;
		margin: 41px 0 38px;
		letter-spacing: 3px;
		padding-left: 3px;
	}
	.interview div.sub-headd p {
		font-size: 22px;
		font-weight: bold;
	}
	.interview div.sub-headd p span {
		font-size: 16px;
		font-weight: normal;
		margin-left: 20px;
	}

	.interview .inner-wrap ul {
		margin-bottom: 120px;
	}
	.interview .inner-wrap ul li {
		margin-bottom: 80px;
	}
	.interview .inner-wrap li div.img-wrap {
		width: 476px;
	}
	.interview .inner-wrap .img-wrap img:first-child {
		margin-bottom: 44px;
	}

	.interview .inner-wrap li dl {
		width: 364px;
		padding: 0 70px;
		color: #1b499e;
		font-size: 14px;
	}
	.interview .inner-wrap li dt {
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 18px;
	}
	.interview .inner-wrap li dt span {
		border-bottom: 1px solid #1b499e;
		padding-bottom: 11px;
		display: inline-block;
		margin-bottom: 10px;
		letter-spacing: 2px;
	}
	.interview .inner-wrap li dd {
		line-height: 30px;
		letter-spacing: 3px;
	}


	/* recruit 共通部分 */
	div.recruit-list-wrap {}
	ul.recruit-list {
		margin-bottom: 85px;
	}
	.recruit-list li {
		background: #1b499e;
		float: left;
		margin-right: 12px;
		margin-bottom: 0 !important;
	}
	.recruit-list li:hover,
	.recruit-list li.active {
		background: url(../img/common/texture_bg_blue.jpg) 0 0 repeat;
	}
	.recruit-list li:last-child {
		margin-right: 0;
	}
	.recruit-list li a {
		width: 236px;
		height: 71px;
		display: block;
		text-align: center;
		line-height: 71px;
		color: #fff;
		font-size: 17px;
	}
	.recruit-list-wrap a.entry-link {
		width: 476px;
		height: 98px;
		border: 1px solid #1b499e;
		border-radius: 4px;
		text-align: center;
		line-height: 98px;
		color: #1b499e;
		font-size: 17px;
		display: block;
		position: relative;
		letter-spacing: 4px;
		margin: 38px auto 93px;
		padding-left: 30px;
	}
	.recruit-list-wrap .entry-link:after {
		position: absolute;
		border-top: 2px solid #1b499e;
		border-right: 2px solid #1b499e;
		content: "";
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		left: 70px;
		width: 8px;
		height: 8px;
		top: 50%;
		margin-top: -4px;
	}

	
	/* privercy */
	div.privercy {
		font-size: 14px;
		margin-bottom: 50px;
	}
	.privercy p {
		margin: 0px 0px 51px;
		padding-top: 11px;
	}
	.privercy ul,
	.privercy dl dt {
		font-size: 16px;
	}
	.privercy ul {
		margin-bottom: 54px;
	}
	.privercy ul li {
		margin-bottom: 16px;
	}
	.privercy li span {
		color: #fff;
		background: #5a0c10;
		display: inline-block;
		width: 22px;
		height: 22px;
		line-height: 22px;
		text-align: center;
		margin-right: 8px;
	}
	.privercy dl {
		margin-bottom: 45px;
	}
	.privercy dl dt {
		color: #5a0c10;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.privercy dl dd {
		line-height: 34px;
	}


	/* guideline */
	div.guideline {}
	.guideline ul.guideline-list {
		font-size: 14px;
		margin-top: 64px;
	}
	.guideline-list li {}
	.guideline-list dt {
		width: 166px;
		padding-left: 14px;
		display: table-cell;
		vertical-align: middle;
		position: relative;
		text-align: center;
		color: #5A0C10;
	}
	.guideline-list dt:before {
		content: "";
		position: absolute;
		width: 180px;
		border-top: 3px solid #5A0C10;
		top: -1px;
		left: 0;
	}
	.guideline-list dd {
		width: 725px;
		display: table-cell;
		vertical-align: middle;
		padding: 15px 15px 15px 60px;
		line-height: 40px;
		position: relative;
	}
	.guideline-list dd:before {
		content: "";
		position: absolute;
		width: 800px;
		border-top: 1px solid #9FA0A0;
		top: 0;
		left: 0;
	}
	.guideline-list dd p {
		font-weight: bold;
	}
	.guideline-list dd p span {
		font-weight: normal;
		margin-left: 20px;
		letter-spacing: 0;
	}
	.guideline-list dd a {
		color: #5a0c10;
	}
	.guideline-list dd a:hover {
		text-decoration: underline;
	}
	.guideline-list li:last-child dt:after {
		content: "";
		position: absolute;
		width: 180px;
		border-bottom: 3px solid #5A0C10;
		bottom: -1px;
		left: 0;
	}
	.guideline-list li:last-child dd:after {
		content: "";
		position: absolute;
		width: 800px;
		border-bottom: 1px solid #9FA0A0;
		bottom: 0;
		left: 0;
	}
	.guideline > p {
		margin: 53px 0 78px;
		font-size: 14px;
	}


/* contact */
div.contact {}
div.contact .sub-box-wrap {
	height: 494px;
	margin-bottom: 85px;
}
.contact p.cap {
	line-height: 34px;
	text-align: center;
	margin-bottom: 40px;
}
.contact p.att {
	padding-left: 10px;
}
.contact .att span {
	color: #5a0c10;
}
.contact ul.contact-list {
	font-size: 14px !important;
	margin-top: 19px;
}
.contact-list li {}
.contact-list dt {
	width: 200px !important;
	display: table-cell !important;
	vertical-align: middle !important;
	position: relative !important;
	text-align: center !important;
	color: #5A0C10 !important;
}
.contact-list dt span {
	float: right;
	margin-right: 10px;
}
.contact-list dt:before {
	content: "";
	position: absolute;
	width: 200px;
	border-top: 3px solid #5A0C10;
	top: -1px;
	left: 0;
}
.contact-list dd {
	width: 705px !important;
	display: table-cell !important;
	vertical-align: middle !important;
	padding: 15px 15px 15px 40px !important;
	line-height: 40px !important;
	position: relative !important;
}
.contact-list dd:before {
	content: "";
	position: absolute;
	width: 780px;
	border-top: 1px solid #9FA0A0;
	top: 0;
	left: 0;
}
.contact-list li:last-child dt,
.contact-list li:last-child dd {
	height: 120px;
}
.contact-list li:last-child dd {
}
.contact-list dd label {
	display: block;
}
.contact-list dd > input,
.contact-list dd textarea {
	width: 710px;
	background: #EFEFEF;
	border: 0;
	border-radius: 5px;
	padding: 5px;
}
.contact-list dd > input {
	height: 24px;
}
.contact-list dd textarea {
	height: 149px;
}
div.btn-area {
	width: 416px;
	margin: 16px auto 60px;
}
.btn-area button {
	width: 160px;
	height: 39px;
	border: 1px solid #570B10;
	border-radius: 4px;
	text-align: center;
	color: #570B10;
	font-size: 17px;
	display: block;
	position: relative;
	letter-spacing: 4px;
	font-size: 12px;
	background: #fff;
}
.btn-area button:hover {
	cursor: pointer;
}
.btn-area button[type=reset] {
	float: left;
}
.btn-area button[type=submit] {
	float: right;
}

/* contact mailformpro */
form#mailformpro dl dt {
	float: none;
	clear: none;
	font-size: 14px;
	padding: 0;
	border-top: 0;
	margin: 0;
}
form#mailformpro dl dd {
	border-top: 0;
	margin: 0px;
}
form#mailformpro label.mfp_not_checked {
	border: 0;
	padding: 0;
}

	/* movie */
	body.movie {
		background: #000;
	}
	.contents-wrap {}
	.movie-wrap {
		width: 1040px;
		margin: auto;
		padding: 170px 0px 90px;
		background: #000;
		position: relative;
		z-index: 1;
	}
	.movie-wrap iframe {
		width: 952px;
		height: 536px;
		margin: 0px auto;
		display: block;
	}