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

/*	serviceimg PC
=======================================*/
.serviceList .media_viewimg img {
    width: 54%;
    margin: 0 auto;
    display: block;
}
.serviceList .media_viewimg.ver2 img{ width: 96%;}
.ownedBox.about div.img img{width: 100%;}
.ownedBox.about div.img a img{width: initial;}

/*	vision
=======================================*/
.visionms .visionBox.allpgbox .pc_main { display: inline-block; }

/*	ceo
=======================================*/
.ceoviewinner.img_VisionBox p {
    margin-top: 58px;
}
.img_VisionBox .signnmview img {
    width: auto;
    float: none;
    display: block;
    margin: 20px 0 0;
}
.visionms #personBlock .personMain .textBox dl dd .pc_main{
	display:inline-block;
}
.visionms #personBlock .personMain .textBox dl dd {
    text-indent: -0.5em;
    padding: 0 0 0 2%;
}

@media screen and (max-width: 760px) {
body{
	width: 100%;
	overflow-x: hidden;
	margin: 0;
	padding: 0;	
}
#wrapper{
	width: 100%;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}
	
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

/*	common page 
=======================================*/
.underlayer_pg {
    margin-bottom: -24px;
}	
	
 .underlayer_pg h2 {
	background:none;
	font-size: 14px;
    line-height: 26px;
    letter-spacing: 4px;
	margin-top: 75px;
}
	
 .underlayer_pg h2 strong {
    font-weight: 700;
    font-size: 23px;
    line-height: 23px;
    letter-spacing: 2px;
}
	
.underlayer_pg .allpgbox {
	width: 94%;
    margin: 0 auto;
    font-size: 13px;
    line-height: 22px;
    text-align: left;
    padding-top: 5%;
    padding-left: 0;
}
	
	.underlayer_pg .staffinfomations {
		position: absolute !important;
		height: auto !important;
		bottom: 3% !important;
		top: inherit !important;
		left: 3% !important;
	}
	
	
	.underlayer_pg #personBlock .personMain .nameBox div{
		width: 100%;
		height: 100%;
		float: none;
		position: relative;
	}
	
/*	navigationmenu
=======================================*/
#footerNav li {
    padding: 16px 3%;
    border-top: 2px solid #e60012;
    color: #e60012;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    background-image: url(/common/img/arrow_red.png);
    background-repeat: no-repeat;
    background-position: 96% center;
}
#footerNav {
    margin-top: 50px;
}
/*	vision & mission + ceo
=======================================*/
.visionms.underlayer_pg .tex_Vision {width: 100%; margin: 2% 0 0;}
.visionms .visionBox.allpgbox .pc_main { display: none; }
.visionms .img_VisionBox { width: 100%; }
.visionms .img_VisionBox img {
    width: 22%;
    float: left;
    padding: 2% 2% 0 0;
}
	
.visionms .img_VisionBox p {
    float: none;
    text-align: left;
    margin-right: 25px;
    margin: 1.5% 0 0;
}

.visionms .ttl_Vision {
    margin-top: 0;
    margin-bottom: 3.5%;
}
.visionms .img_VisionBox .signnmview img {
    width: 30%;
    margin-top: 0;
	float: none;
}
.ceoviewinner { padding: 2% 0 0; }	

/*	people
=======================================*/
.visionms p.text {
    font-size: 13px;
    text-align: left;
    width: 100%;
	padding: 3% 0;
}
	
.visionms #peopleBlock {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    overflow: hidden;
    padding: 0 4%;
    margin: 5% auto -50px;
}
	
.visionms h3.staff_ttl,#serviceBlock .visionms h3.staff_ttl {
    font-weight: normal;
    font-size: 22px;
    line-height: 1.48;
	margin: 0;
    padding: 0;
	text-align: left;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	background: none;
	font-style: oblique; 
	color: #e60012;
}
	
.visionms #peopleBlock .peopleBox {
    width: 100%;
	padding: 6% 0;
}
	
.visionms #peopleBlock .peopleBox .people {
    float: none;
    width: 100%;
    height: inherit;
    margin: 0 0 4%;
    position: relative;
}

.visionms #peopleBlock img {
    width: 100%;
    height: inherit;
}	
	
	.visionms #peopleBlock .peopleBox .people .description .copy{
		padding-top: 3%;
	}
	.visionms #peopleBlock .peopleBox .people .description h4{
		font-size: 20px;
		padding: 2% 0 1%;
	}
	.visionms #peopleBlock .peopleBox .people .description .post{
		font-size: 13px;
		padding: 1% 0 3%;
	}
	.visionms #peopleBlock .peopleBox .people .coverLine{display: none !important;}
	.visionms #personBlock { padding-top: 6%; }
	.visionms #personBlock .personMain .nameBox {
		float: none;
		width: 100%;
		min-height: initial;
		background: none !important;

	}
	.visionms #personBlock .personMain .nameBox .post {
		position: relative;
		top: 0;
		display:inline-block;
		margin: 0 0 1%;
	}
	.visionms #personBlock .personMain .nameBox h4 {
		position: relative;
		top: 0;
		display: inline-block;
		font-size: 22px;
		line-height: 1.4;
		padding: 0 1%;
	}
	.visionms #personBlock .personMain .nameBox .ruby{
		position: relative;
		top: 0;		
	}
	.visionms #personBlock .personMain .textBox{float: none; width: 100%; height: initial; }
	.visionms #personBlock .personMain .textBox h3{
		font-size: 20px; padding: 3%; line-height: 1.5; width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		min-width:inherit;
	}
	.visionms #personBlock .personMain .textBox dl{ padding: 3% 3% 5%;}
	.visionms #personBlock .personMain .textBox dl dt {
		float: none;
		border-bottom: solid 1px #ccc;
		padding: 1.5% 0 0%;
		margin: 0 0 1%;
	}
	.visionms #personBlock .personMain .textBox dl dd {
    	margin-left: inherit; margin-top: inherit; 
	}
	
	.visionms #personBlock .personSub h5 {
		background: none;
		font-size: 20px;
		line-height: 26px;
		letter-spacing: 4px;
		margin: 10% auto -0.5%;
		text-align: left;
		width: 94%;
	}
	
	.visionms #personBlock .personSub .rightPhoto,
	.visionms  #personBlock .personSub .leftPhoto{   
		padding-top: 0;
		width: 94%;
		margin: 0 auto;
	}
	
	.visionms #personBlock .personSub h5 strong{
		font-size:inherit;
		width: 94%;
		margin: 0 auto;
		padding: 0;
		letter-spacing: 1.0px;
	}
	
	.visionms #personBlock .personSub{ width: 100%; }
	
	.visionms #personBlock .personSub .textOnly { padding-top: 3%; }
	
	.visionms #personBlock .personMain{margin: 0 0 1%;}
	
	.visionms #personBlock .personSub .rightPhoto .textBox {
		color: #333;
		width: 100%;
		float: none;
		margin: 2% auto 3%;
		font-size: 13px;
	}
	.visionms #personBlock .personSub .rightPhoto{padding-top: 1%;}
	.visionms #personBlock .personSub .rightPhoto .photo {
		float: none;
		width: 94%;
		margin: 0 auto;
	}
	.visionms #personBlock .personSub .leftPhoto .textBox{
		width: 100%;
		float: none;
		margin: 0 auto;
		margin: 2% auto 3%;
		font-size: 13px;
	}
	.visionms #personBlock .personSub .leftPhoto .photo {
		float: none;
		width: 94%;
		margin: 0 auto;
	}
	.visionms #personBlock .personSub .textOnly p.first{
		width: 94%; 
		margin: 0 auto;
		font-size: 13px;
	}
	.visionms #personBlock .personBottom .photo { display: none;}
	.visionms #personBlock .personBottom {
		margin-top: 8%;
		padding: 6% 3%;
	}
	.visionms #personBlock .personBottom .textBox {
		float: none;
		width: 100%;
		height: inherit;
		padding: 3.5% 0 0;
		font-size: 13px;
	}
	.visionms #personBlock .personBottom .textBox h4 {
		font-size: 18px;
		line-height: 1.46;
		padding: 0;
	}
	.visionms #personBlock .otherPerson {
		width: 100%;
		margin: 0 auto;
		padding: 10% 3% 0;
	}
	.visionms #personBlock .personBottom .textBox p {
		font-size: 13px;
		line-height: 1.8;
		padding: 2% 0 0;
		width: 100%;
	}
	.visionms #personBlock .otherPerson li {
		margin: 1%;
		float: left;
		width: 45%;
	}
	.visionms #personBlock .otherPerson li:nth-child(2n+1){margin: 1% 1% 1% 0;}
	.visionms #personBlock a{border: none !important}
	.visionms #personBlock .otherPerson a img {margin:0 !important;}
	.visionms #personBlock .otherPerson li div.act img {margin: -2px auto;}
	.visionms #personBlock .otherPerson li div.act { width: 100%; float: left; margin: -1px 0 0;}
	.visionms #personBlock .otherPerson li.first { margin-left: initial; margin: 1% 1% 0 0;}
	.visionms #personBlock .btIndex { width: 60%; margin: 3% auto 0; border: 1px solid #e60012 !important; }
	#personBlock .personSub .textOnly p{ width: 94%; margin: 0 auto;}
	.visionms #personBlock .personMain .textBox dl dd { text-indent: inherit; padding: 0;}
	.visionms #personBlock .personMain .textBox dl dd .pc_main{ display: none; }
	
/*	service page
=======================================*/
	
	.service_pg #serviceBlock{padding-top: 0;}
	.service_pg #serviceBlock h2{
		font-weight: 700;
		font-size: 24px;
		line-height: 23px;
		letter-spacing: 2px;
		padding: 6% 0 3%;
    	margin-bottom: 0;
		margin-top: 60px;
	}
	.service_pg #serviceBlock h2 span {
		background: none;
		font-size: 14px;
		line-height: 26px;
		letter-spacing: 4px;
	}
	.service_pg { margin: 0 0 -22px; }
	.service_pg #serviceBlock p {font-size: 13px;}
	.service_pg #serviceBlock h3{ font-size: 16px; width: 100%;}
	.service_pg #serviceBlock img.serviceImg { width: 110%;	margin: 0 auto 6% -5%;}
	.service_pg #serviceBlock ul.serviceList li:nth-child(2n+1) { float: none;}
	.service_pg #serviceBlock ul.serviceList li:nth-child(2n) {float: none;}
	.service_pg #serviceBlock ul.serviceList li { min-height: inherit; width: 100%; margin: 0 0 4%;}
	.service_pg #serviceBlock ul.serviceList { width: 94%; margin: 2% auto 8% auto; }
	.service_pg #serviceBlock ul.serviceList li h4{ font-size: 16px; line-height: 1.8; margin-bottom: 2%;}
	.service_pg #serviceBlock .corporateInfo {padding: 8% 0;}
	.service_pg #serviceBlock .corporateInfo a{margin: 0 0 2%}
	.service_pg #serviceBlock .corporateInfo a:link, #serviceBlock .corporateInfo a:visited{width: 80%;}
	.service_pg #serviceBlock .corporateInfo h5{width: 94%; padding: 2% 3%; line-height: 1.8; }

	
/*	service media
=======================================*/	
	.serviceList {letter-spacing: 1.2px; line-height: 1.68;}
	.serviceList #anchorNav{width: 94%; margin: 3% auto 0;}
	.serviceList #anchorNav #anc_biz { width: 96%; }
	.serviceList #anchorNav #anc_daily { width: 96%; border-top: none; border-left: solid 1px #c2c2c2;}
	.serviceList #anchorNav #anc_train {width: 96%; border-top: none; border-left: solid 1px #c2c2c2;}
	.serviceList .ownedBox { margin-bottom: 10%; }
	.serviceList #ownedWrap{ margin-top: 4%; padding: 6% 3% 2%; font-size: 13px;}
	.serviceList .ownedBox.about h3{font-size: 18px; padding: 2% 4%; margin: 0 0 2%; text-align: left; line-height: 1.46;}
	.serviceList .ownedBox.about div.img a:hover{background: #fff; color: #e60012;}
	.serviceList .ownedBox h3{font-size: 18px; padding: 2% 0;  margin: 0 0 2%;}
	.serviceList .ownedBox.about .ownedBlock{padding: 5%; width: 100%; font-size: 13px;}
	.serviceList .ownedBox.about div.img { float: none; width: 86%; margin: 0 auto;}
	.serviceList .ownedBlock.caseList.bizst img { width: 70%; padding: 0 0 2%;}
	.serviceList .ownedBox.about div.img a.link img { padding: 1.2% 2%; width: 14px;}
	.serviceList .ownedBox.about div.img a.link{width: 99%; padding: 1.5%;}
	.serviceList .ownedBox.about table{float: none; width: 100%; margin: 6% 0 4%;}
	.serviceList .ownedBox.about table th { width: 28%; }
	.serviceList .ownedBox.about table th,.serviceList  .ownedBox.about table td{padding: 2% 0 0;}
	
	.serviceList .ownedBlock { width: 100%; margin: 1.5% auto 1.5%;}
	.serviceList .ownedBlock.voice figure.nameBox div {
		width: 100%;
		height: 100%;
		float: none;
		position: relative;
	}
	
	.serviceList .ownedBlock.voice{height: initial;}
	.serviceList .ownedBlock.voice figure.nameBox {
		float: none;
		width: 100%;
		min-height: initial;
		margin-right: 0;
		background: none !important;
	}
	.serviceList .ownedBlock.voice div.disTable {
		width: 100%;
		height: initial;
		padding-top: 3%;
	}
	.serviceList .ownedBlock.voice figure.nameBox .post{position: relative; top: inherit;}
	.serviceList .ownedBlock.voice figure.nameBox h4{font-size: 20px; line-height: 1.4; padding: 0 1%; position: relative; top: inherit;}
	.serviceList .ownedBlock.voice figure.nameBox .ruby{position: relative; top: inherit;}
	.serviceList .ownedBlock.voice div.disTable > p { width: 100%; display: block; padding: 5%;  font-size: 13px; height: initial; margin: 0 0 8%;}
	
	.serviceList .ownedBlock.pointList li,.serviceList .ownedBlock.caseList li {
		width: 100%;
		margin-right: 0;
		padding: 6% 6% 5%;
		min-height: initial !important;
		float: none;
		margin: 0 0 1.5%;
		font-size: 13px;
	}
	
	.serviceList .ownedBlock.pointList li h4,.serviceList .ownedBlock.caseList li h4 {
		font-size: 18px;
		margin-bottom: 0%;
		line-height: 1.3;
		min-height: initial;
		padding: 0 0 3%;
	}
	.serviceList .ownedBlock.companyList li {
		width: 48%;
		float: left;
		padding: 2% 0;
		text-align: center;
		margin: 0 1% 1%;
	}
	.serviceList .ownedBlock.pointList img{width: 80%;}
	.serviceList .ownedBlock.caseList li img{width: 80%;}
	.serviceList .ownedBlock.pointList
	.serviceList .ownedBox.qaBox dl{padding: 4%; margin-bottom: 0%;}
	.serviceList .ownedBlock.companyList li:nth-child(3n) {margin-right: 1%;}
	.serviceList .ownedBox.qaBox dl dt span{display: block; font-size: 15px; margin: 1% 0 2% ;}
	.serviceList .ownedBox.qaBox dl dt{padding: 0 0 2%; font-size: 18px; line-height: 1.48;}
	.serviceList .ownedBox.qaBox dl dd { padding: 2% 0; font-size: 13px;}
	.serviceList #ownedWrap .formBtn{padding: 2%; margin: -6% 0 0; background: none;}
	.serviceList #footerNav{margin-top: 0;}
	.serviceList .ownedBlock.companyList { width: 102%; margin: 0 0 0 -1%;}
	.serviceList #solutionBlock h3{
		font-weight: normal;
		font-size: 22px;
		line-height: 1.48;
		margin: 0 auto;
		padding: 6% 0 0;
		text-align: left;
		width: 94%;
	}
	.serviceList #solutionBlock br {display: none;}
	.serviceList #solutionBlock br.sp_main{display: block;}
	.serviceList #solutionBlock br.all_br{display: block;}
	.serviceList #processBlock h4 { font-size: 16px; width: 100%; }
	.serviceList #processBlock { margin-top: 8%; padding: 0% 0 4%;}
	.serviceList #processBox{width: 94%; margin: 0 auto 4%;}
	.serviceList #processBox .process{float: none; width: auto; height: initial; padding: 2% 6% 3%; margin: 26px 0 0;}
	.serviceList #processBox .process::before {
		content: "　";
		position: absolute;
		left: 48%;
		top: -20px;
		width: 8px;
		height: 8px;
		border-left: 3px solid #E60017;
		border-bottom: 3px solid #E60017;
		-webkit-transform: rotate(-46deg);
		transform: rotate(-46deg);
	}
	.serviceList #processBox .process:first-child::before{display: none;}
	.serviceList #processBox .process p {font-size: 13px;}
	.serviceList #solutionBlock > p {
		font-size: 13px;
		text-align: left;
		width: 92%;
		margin: 2% auto;
	}
	.serviceList .ownedBlock.caseList.daily img {
		width: 70%;
		padding: 0 0 2%;
	}
	
/*	service page --case
=======================================*/	
	.serviceList #caseBlock{
		margin-top: 8%; 
		position: relative;
		padding: 8% 6% 0;
		width: 100%;
		overflow-x: hidden;
	    -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.serviceList #caseBlock .caseBox .case a:hover{border:none;}
	.serviceList #caseBlock.maincasearea { padding: 6% 6% 8%; width: 40;}
	.serviceList .slashsp { display: none;}
	.serviceList #caseBlock .caseBox{width: 96%;}
	.serviceList #caseBlock .caseBox .case{ width: 100%; float: none; height: initial; margin: 3% 0 0;}
	.serviceList #caseBlock .caseBox .case h4{font-size: 16px;}	
	
	.serviceList #caseBlock .caseNum span{font-size: 22px;}
	.serviceList #caseBlock .caseNum{margin-top: 0;}
	.serviceList #caseBlock.case1Block h3::before {
		/* content: url(../img/case1_min.png); */
		margin: 0;
		content: " ";
		display: block;
		width: 27px;
		height: 38px;
		background: url(/assets/service/solution/img/case1_min.png) no-repeat;
		background-size: 100%;
		margin: 0 1% 0 5%;
	}
	.serviceList #caseBlock.case2Block h3::before {
		margin: 0;
		content: " ";
		display: block;
		width: 42px;
		height: 35px;
		background: url(/assets/service/solution/img/case2_min.png) no-repeat;
		background-size: 100%;
		margin: 0 1% 0 5%;
	}
	.serviceList #caseBlock.case2Block h3 { height: initial; }
	.serviceList #caseBlock .caseBox .caseDescriptionBox .person{float: none;}
	.serviceList #caseBlock h3{height: initial; padding: 4% 0 3%; text-align: left;}
	.serviceList #caseBlock h3 span {
		line-height: 1.4;
		margin: 0 0;
		font-size: 18px;
		padding: 0 4%;
		text-align: left;
		display: block;
	}
	.serviceList #caseBlock .caseBox .caseDescriptionBox {
		width: 92%;
		margin: 0 auto;
		padding: 5% 6%;
	}
	
	.serviceList #caseBlock .caseBox .caseDescriptionBox .caseDescription{float: none; width: 100%;}
	.serviceList #caseBlock .caseBox .caseDescriptionBox .caseDescription .caseText h4{
		font-size: 18px;
		line-height: 1.5;
		margin: 1% 0 0;
	}
	.serviceList #caseBlock .caseBox .caseDescriptionBox .caseDescription .caseText h4 br{display: none;}
	.serviceList #caseBlock .caseBox .caseDescriptionBox .caseDescription .caseText p.first { padding-top: 1%;}
	
	.serviceList #caseBlock #caseBlock .caseBox .caseDescriptionBox .caseDescription .caseText p.first {
    padding-top: 2%;
}
	.serviceList #caseBlock .caseBox .caseDescriptionBox .caseDescription .caseText p{font-size: 13px; line-height: 1.68;
	}
	.serviceList #caseBlock .caseBox .caseDescriptionBox .caseDescription .caseText {padding-top: 8%;}
	.serviceList #caseBlock .caseFlowBox {
		width: 104%;
		margin: 4% 0 0;
		padding: 0;
	}
	.serviceList #caseBlock .caseFlowBox dt h4{float: none; width: 100%; text-align: left; padding: 0 4%}
	.serviceList #caseBlock .caseFlowBox dt h4 span.ex{padding: 0 0 0 4%;}
	
	.serviceList #caseBlock .caseFlowBox dt .title {
		font-size: 13px;
		width: 24%;
		height: initial;
		float: left;
		line-height: 3.6;
	}
	.serviceList #caseBlock .caseFlowBox dt h4 span.exName{
		font-size: 18px;
		line-height: 1.6;
		height: initial;
		padding: 0 0 4%;
		text-align: left;
		width: 92%;
	}
	
	.serviceList #caseBlock .caseFlowBox .caseFlow {
		margin-top: 3%;
		overflow: hidden;
		padding-bottom: 0;
	}
	.serviceList #caseBlock .caseFlowBox .caseFlow .flow .text {
		width: auto;
		height: initial;
		vertical-align: middle;
		display: block;
		line-height: 2.5;
	}
	.serviceList #caseBlock .caseFlowBox .caseFlow .flow {
		width: 100%;
		height: 100%;
		float: none;
		font-size: 13px;
		line-height: 1;
		margin: 0 0 32px;
		padding: 3% 0;
	}
	
	.serviceList #caseBlock .caseFlowBox .caseFlow .flow::before{
		content: "　";
		position: absolute;
		left: 49%;
		top: -25px;
		width: 8px;
		height: 8px;
		border-left: 3px solid #E60017;
		border-bottom: 3px solid #E60017;
		-webkit-transform: rotate(-46deg);
		transform: rotate(-46deg);		
	}
	.serviceList #footerNav.sv_project{
		width: 100%;
		overflow: hidden;
	}
	.serviceList #footerNav.sv_project ul .case{
		width: 47%;
		height: 100%;
		margin-left: 1.5%;
		display: inline-block;
		border: solid 2px #ccc;
	}
	.serviceList #footerNav.sv_project ul{margin-top: 8%; text-align: center;}
	.serviceList #footerNav.sv_project ul .case.first {margin-left: 0px;}
	.serviceList #footerNav.sv_project ul .case a {
		display: block;
		width: 100%;
		height: initial;
		border: solid 2px #ccc;
	    -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		padding: 4% 5%;
	}
	.serviceList #footerNav.sv_project ul .case a.act {border-color: #e60012;}
	.serviceList #footerNav.sv_project ul .case a.act .line{border: none;}
	.serviceList #footerNav.sv_project li{background-image:none;}
	.serviceList #footerNav.sv_project ul .case {
		width: 45%;
		height: 100%;
		margin-left: 2%;
		display: inline-block;
		padding: 0;
		border: none;
		background: none;
		position: relative;
	}
	.serviceList #footerNav.sv_project ul .case a .title{font-size: 11px; text-align: justify;}
	.serviceList #footerNav.sv_project ul .case a .title br{display: none;}
	.serviceList #footerNav.sv_project .btIndex{margin: 4% auto 6%; width: 55%;}
	.serviceList #footerNav.sv_project ul .case a .line{
		border: none !important;
		width: 100%;
		height: 100%;
	}
	.serviceList #footerNav ul .case a .num{padding: 0;}
	.serviceList #footerNav ul .case1 a{background-position: 53% 26px!important;}
	.serviceList #footerNav ul .case2 a{background-position: 58% 33px!important;}

/*	recruit
=======================================*/
	.recruitwrap { margin: 0 0 3%; }	
	.recruitwrap p {font-size: 13px;}
	.recruitwrap p.recruit_cap{text-align: center; padding: 3% 0 0;}
	.recruitwrap h2.re_midd_ttl {margin-top: 8%;}
	.recruitwrap .recruitinfo{
		background: none !important;
		font-size: 13px;
		padding-left: 0;
	    width: 94%;
   		margin: 5% auto 2%;
	}
	.recruitwrap .recruitinfo tr th {
		background: #f6f6f6;
		font-weight: normal;
		padding: 10px 0 10px 5%;
		border-bottom: none;
		width: 95%;
		display: block;
		
	}	
	.recruitwrap .recruitinfo tr td {
		border-left: none;
		border-bottom: none;
		padding: 10px 0 10px 3%;
		width: 97%;
		display: block;
	}	
	.recruitwrap .recruitinfo tr.first th,.recruitwrap  .recruitinfo tr.first td{ border-top: none;}
	
	
/*	movie
=======================================*/

.video {
    position: relative;
    margin: 0 auto;
    width: 100% !important;
    height: initial !important;
}
.video img.poster {
    position: static !important ;
    left: 0;
    top: 0;
    width: 100%;
    height: initial;
    cursor: pointer;
}




}