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

/*
Theme Name: JOB CHANNEL
Description:JOB CHANNEL lp page
*/



@charset "utf-8";

/* ===========================================================

 common.css

=========================================================== */

/* ----------------------------------------------------------
 html5
---------------------------------------------------------- */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}

html, body {
	margin: 0 !important;
	padding: 0 !important;
	min-width: 950px !important;
	text-align: left !important;
	color: #333;
	line-height: 1.5em;
}

/* ----------------------------------------------------------
 smartphone
---------------------------------------------------------- */
.smp { display:none !important; }
.pc { display:block !important; }

/* ----------------------------------------------------------
 common
---------------------------------------------------------- */
div,
img { margin: 0; padding: 0; border: none; }
p { margin:0 0 0.5em 0;}
/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* clearfixEnd */

html,
body { margin: 0; padding: 0; min-width: 950px; text-align: left; }
body { font-family: "meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";}
a,
a:link,
a:visited,
a:active { color: #f432a4; text-decoration: none; }
a:hover { color: #b5026b; }

/* ----------------------------------------------------------
 skin
---------------------------------------------------------- */
.skin1Column,
.skin2Columns,
.skinIndex { color: #444; min-width: 950px; margin: 0 auto; font-size: 14px; line-height: 1.4em; }

/* ----------------------------------------------------------
 h title
---------------------------------------------------------- */
h1,h2,h3,h4,h5,h6,h7 {line-height:1.2em; margin-top: 0;}
h3 { border-left:#F432A4 solid 5px; background:#f0f0f0; padding: 5px 0 5px 15px;}
h4 { border-left:#F432A4 solid 3px; padding: 5px 0 5px 15px;}

/* ----------------------------------------------------------
 #header
---------------------------------------------------------- */
#header { background:url(images/common/headerBg.png) bottom left repeat-x #f7f7f7;}
#header #headContents { width: 950px; margin:0 auto;}
/* clearfix */
#headContents:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#headContents { display: inline-block; }
* html #headContents { height: 1%; }
#headContents { display: block; }
/* clearfixEnd */
#header #headContents .update { display: none;}
#header #headContents #headNavWrap { width:720px; float: left;}
#header #headContents #headUtility { width:720px;}
/* clearfix */
#headUtility:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#headUtility { display: inline-block; }
* html #headUtility { height: 1%; }
#headUtility { display: block; }
/* clearfixEnd */
#header #headContents h1.logo { width: 194px; height: 62px; margin: 3px 0 0 0; padding:0; float:left;}
#header #headContents h1.logo a { background: url(images/common/logo_v2.png) 0 0 no-repeat; width: 340px; height: 72px; display:block; overflow:hidden; text-indent:-99999em;}
#header #headContents h1.logo a:hover { background-position:0 -72px;}

/* #globalNav ---------------------------- */
#header #headContents #toggle { display:none;}
#header #headContents #globalNav ul { width:720px; height:50px; margin: 0; padding: 0;}
/* clearfix */
#header #headContents #globalNav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#header #headContents #globalNav ul { display: inline-block; }
* html #headContents #header #globalNav ul { height: 1%; }
#header #headContents #globalNav ul { display: block; }
/* clearfixEnd */
#header #headContents #globalNav ul li { height:50px; float:left; list-style: none; margin:0 4px 0 0; padding:0;}
#header #headContents #globalNav ul li a { height:50px; display:block; overflow:hidden; text-indent:-99999em; background: url(images/common/globalNav.png);}
#header #headContents #globalNav ul li.newlyArrived a { width: 120px; background-position: 0 0;}
#header #headContents #globalNav ul li.newlyArrived a:hover { background-position: 0 -50px;}
#header #headContents #globalNav ul li.newlyArrived.current a { background-position: 0 -100px;}
#header #headContents #globalNav ul li.newlyArrived.current a:hover { background-position: 0 -150px;}
#newlyArrived #header #headContents #globalNav ul li.newlyArrived a { background-position: 0 -100px;}
#newlyArrived #headContents #globalNav ul li.newlyArrived.current { background-position: 0 -150px;}
#header #headContents #globalNav ul li.jobSearch a { width: 120px; background-position: -124px 0;}
#header #headContents #globalNav ul li.jobSearch a:hover {background-position: -124px -50px;}
#header #headContents #globalNav ul li.jobSearch.current a { background-position: -124px -100px;}
#header #headContents #globalNav ul li.jobSearch.current a:hover {background-position: -124px -150px;}
#jobSearch #header #headContents #globalNav ul li.jobSearch a { background-position: -124px -100px;}
#jobSearch #header #headContents #globalNav ul li.jobSearch a:hover {background-position: -124px -150px;}
#jobList #header #headContents #globalNav ul li.jobSearch a { background-position: -124px -100px;}
#jobList #header #headContents #globalNav ul li.jobSearch a:hover {background-position: -124px -150px;}
#header #headContents #globalNav ul li.underConsideration a { width: 144px; background-position:-248px 0;}
#header #headContents #globalNav ul li.underConsideration a:hover { background-position:-248px -50px;}
#header #headContents #globalNav ul li.underConsideration.current a { background-position:-248px -100px;}
#header #headContents #globalNav ul li.underConsideration.current a:hover { background-position:-248px -150px;}
#underConsideration #header #headContents #globalNav ul li.underConsideration a { background-position:-248px -100px;}
#underConsideration #header #headContents #globalNav ul li.underConsideration a:hover { background-position:-248px -150px;}
#header #headContents #globalNav ul li.recentlyCheck a { width: 190px; background-position:-396px 0;}
#header #headContents #globalNav ul li.recentlyCheck a:hover { background-position:-396px -50px;}
#header #headContents #globalNav ul li.recentlyCheck.current a { background-position:-396px -100px;}
#header #headContents #globalNav ul li.recentlyCheck.current a:hover { background-position:-396px -150px;}
#recentlyCheck #header #headContents #globalNav ul li.recentlyCheck a { background-position:-396px -100px;}
#recentlyCheck #header #headContents #globalNav ul li.recentlyCheck a:hover { background-position:-396px -150px;}
#header #headContents #globalNav ul li.message { margin: 0;}
#header #headContents #globalNav ul li.message a { width:130px; background-position: -590px 0;}
#header #headContents #globalNav ul li.message a:hover { background-position:-590px -50px;}
#header #headContents #globalNav ul li.message.current a { background-position:-590px -100px;}
#header #headContents #globalNav ul li.message.current a:hover { background-position:-590px -150px;}
#message #header #headContents #globalNav ul li.message a { background-position:-590px -100px;}
#message #header #headContents #globalNav ul li.message a:hover { background-position:-590px -150px;}

/* #headUtilityLink ---------------------------- */
#header #headContents #headUtilityLink { width: 366px; float:right; padding:15px 0 10px 0;}
#header #headContents #headUtilityLink ul.headButton { height:30px; padding:0;}
#header #headContents #headUtilityLink ul.headButton li { margin:0; padding:0; list-style:none; float:left;}
/* .siteLogoff ---------------------------- */
#header #headContents #headUtilityLink .siteLogoff ul.headButton { width: 256px; margin:0 0 5px 110px;}
#header #headContents #headUtilityLink .siteLogoff ul.headButton li a { background:url(images/common/headButton.png); display:block; overflow:hidden; text-indent:-99999em; height:30px;}
#header #headContents #headUtilityLink ul.headButton li.login { margin:0 4px 0 0;}
#header #headContents #headUtilityLink ul.headButton li.login a {background-position: 0 0; width:126px;}
#header #headContents #headUtilityLink ul.headButton li.login a:hover {background-position:0 -30px;}
#header #headContents #headUtilityLink ul.headButton li.member a {background-position: -130px 0; width:126px;}
#header #headContents #headUtilityLink ul.headButton li.member a:hover {background-position:-130px -30px;}
/* .siteLogon ---------------------------- */
#header #headContents #headUtilityLink .siteLogon ul.headButton { width: 366px;margin:0 0 5px 0;}
#header #headContents #headUtilityLink .siteLogon ul.headButton li a { background:url(images/common/headButtonNowLogon.png); display:block; overflow:hidden; text-indent:-99999em; height:30px;}
#header #headContents #headUtilityLink ul.headButton li.name { width:150px; font-size:12px;}
#header #headContents #headUtilityLink ul.headButton li.name span { border-radius:4px; border: solid 1px #c3c3c3; margin:0 4px 0 0; padding:7px 8px; display:inline-block; float:right; line-height:1.2em;}
#header #headContents #headUtilityLink ul.headButton li.mypage { margin:0 4px 0 0;}
#header #headContents #headUtilityLink ul.headButton li.mypage a {background-position: 0 0; width:106px;}
#header #headContents #headUtilityLink ul.headButton li.mypage a:hover {background-position:0 -30px;}
#header #headContents #headUtilityLink ul.headButton li.logout a {background-position: -110px 0; width:106px;}
#header #headContents #headUtilityLink ul.headButton li.logout a:hover {background-position:-110px -30px;}
/* .headLink ---------------------------- */
#header #headContents #headUtilityLink ul.headLink { width: 160px; height:20px; margin:0 0 0 204px; padding:0;}
#header #headContents #headUtilityLink ul.headLink li { margin:0; padding:0; list-style:none; float:left;}
#header #headContents #headUtilityLink ul.headLink li a { background:url(images/common/headLink.png); display:block; overflow:hidden; text-indent:-99999em; height:20px;}
#header #headContents #headUtilityLink ul.headLink li.sitemap {margin:0 20px 0 0;}
#header #headContents #headUtilityLink ul.headLink li.sitemap a { width:84px; background-position: 0 0;}
#header #headContents #headUtilityLink ul.headLink li.sitemap a:hover { background-position: 0 -20px;}
#header #headContents #headUtilityLink ul.headLink li.help a { width:56px; background-position: -104px 0;}
#header #headContents #headUtilityLink ul.headLink li.help a:hover { background-position: -104px -20px;}
#header #headContents #ftvLinkWrap { float:right; width:200px; padding:14px 0 0 0;}
#header #headContents #ftvLinkWrap p.ftvLink { margin:0; padding:0;}
#header #headContents #ftvLinkWrap p.ftvLink a { background:url(images/common/linkFTV.png) 0 0 no-repeat; width:200px; height:100px; display:block; overflow: hidden; text-indent:-99999em;}
#header #headContents #ftvLinkWrap p.ftvLink a:hover { background-position:0 -100px;}

/* ----------------------------------------------------------
 #contentArea
---------------------------------------------------------- */
#contentWrap { background:#fff; width: 100%; margin:0 auto;}
/* clearfix */
#contentWrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contentWrap { display: inline-block; }
* html #contentWrap { height: 1%; }
#contentWrap { display: block; }
/* clearfixEnd */
#contentWrap #contentArea { width:720px; float:left;}

/* #breadcrumb ---------------------------- */
#breadcrumb ol {margin:10px 0 10px 0; padding:0; font-size:12px;}
#breadcrumb ol li {list-style:none; margin:0; padding:0 10px 0 20px; background:url(images/common/arrow.png) 0 2px no-repeat; display:inline-block;}
#breadcrumb ol li:first-child { padding-left:0; background:none;}

/* #pageTitle ---------------------------- */
#pageTitle h2 { margin:0 0 20px 0; padding:0; font-size:22px;}

/* ----------------------------------------------------------
 #contentBottomWrap
---------------------------------------------------------- */
#contentBottomWrap { width:950px; margin:0 auto; padding:10px 0;}

/* .bannerFeature ---------------------------- */
.bannerFeature ul { margin:0; padding:0;}
/* clearfix */
.bannerFeature ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
..bannerFeature ul { display: inline-block; }
* html ..bannerFeature ul { height: 1%; }
..bannerFeature ul { display: block; }
/* clearfixEnd */
.bannerFeature ul li { margin:0 0 0 11px; padding:0; list-style:none; float:left;}
.bannerFeature ul li:first-child { margin:0;}
.bannerFeature ul li a{ background:url(images/toppage/bannerFeature.png) ; width:180px; height:80px; display:block; overflow:hidden; text-indent:-99999em;}
.bannerFeature ul li.banner01 a { background-position: 0 0;}
.bannerFeature ul li.banner01 a:hover { background-position: 0 -80px;}
.bannerFeature ul li.banner02 a { background-position: -194px 0;}
.bannerFeature ul li.banner02 a:hover { background-position: -194px -80px;}
.bannerFeature ul li.banner03 a { background-position: -386px 0;}
.bannerFeature ul li.banner03 a:hover { background-position: -386px -80px;}
.bannerFeature ul li.banner04 a { background-position: -578px 0;}
.bannerFeature ul li.banner04 a:hover { background-position:-578px -80px;}
.bannerFeature ul li.banner05 a { background-position: -770px 0;}
.bannerFeature ul li.banner05 a:hover { background-position: -770px -80px;}


/* ----------------------------------------------------------
 #footer
---------------------------------------------------------- */
#footer { font-size:12px;}
#footer #footLinkWrap { width:100%; background: url(images/common/footLinkWraBg.png) 0 0 repeat-x;}
#footer #footLinkWrap #footLink { width:950px; margin:0 auto; padding:55px 0 10px 0; position:relative;}
/* clearfix */
#footLink:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footLink { display: inline-block; }
* html #footLink { height: 1%; }
#footLink { display: block; }
/* clearfixEnd */
#footer #footLinkWrap #footLink ul { margin:0 0 10px 0; padding:0;}
/* clearfix */
#footLink ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footLink ul { display: inline-block; }
* html #footLink ul { height: 1%; }
#footLink ul { display: block; }
/* clearfixEnd */
#footer #footLinkWrap #footLink ul li {margin: 0; padding: 0 15px 0 15px; list-style:none; float:left; display: inline; border-left:#fff solid 1px;}
#footer #footLinkWrap #footLink ul li:first-child {padding-left:0; border:none;}
#footer #footLinkWrap #footLink ul li a,
#footer #footLinkWrap #footLink ul li a:link,
#footer #footLinkWrap #footLink ul li a:visited,
#footer #footLinkWrap #footLink ul li a:active { color:#fff;}
#footer #footLinkWrap #footLink ul li a:hover { color:#ffebf6;}
#footer #footLinkWrap #footLink .pagetopButton { position: absolute; top:0; right:0; z-index:100; margin:0; padding:0;}
#footer #footLinkWrap #footLink .pagetopButton a { background:url(images/common/btnPageTop.png) 0 0 no-repeat; width:80px; height:30px; display:block; overflow:hidden; text-indent:-99999em;}
#footer #footLinkWrap #footLink .pagetopButton a:hover {background-position:0 -30px;}
#footer #copyrightWrap { background: url(images/common/copyrightWrapBg.png) 0 0 repeat-x; color:#fff; padding:10px 0 5px 0;}
#footer #copyrightWrap p { margin: 0 auto; text-align: center;}
/**/


/* ----------------------------------------------------------
 lp-style
---------------------------------------------------------- */
/*　ALL STYLE　*/
.fwB {
	font-weight: bold;
}
.flR {
	float: right;
}
.flL {
	float: left;
}
/* clearfix
----------------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/*　block-style　*/
#lp-box #main-img {
	background: url(images/lp/lp-bg.gif) repeat-x;
}
#lp-box #main-img p {
	width: 950px;
	margin: 0 auto;
	padding-top: 30px;
}

#jobC-desc {
	width: 950px;
	margin: 0 auto;
}
#jobC-desc .box {
	background: url(images/lp/lp-box.gif) no-repeat;
	height: 537px;
	position: relative;
	padding-top: 63px;
	margin-top: 10px;
}
#jobC-desc .box h3 {
	border: none;
	background: none;
	padding: 30px 20px;
	margin: 0;
}
#jobC-desc .box .clearfix {
	margin-top: 30px;
}
#jobC-desc .box .flR {
	margin-right: 50px;
}
#jobC-desc .box .box3img {
	padding-top: 40px;
}
#jobC-desc .box p {
	width: 640px;
	padding: 0 0 23px 20px;
	margin: 0;
}
#jobC-desc .box .more {
	width: 100%;
}
#jobC-desc .box .more a {
	width: 246px;
	height: 63px;
	margin: 0 auto;
	background: url(images/lp/lp-more-btn.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	-o-transition: all 0.5s ease-out; /* opera */
	-moz-transition: all 0.5s ease-out; /* firefox */
	-webkit-transition: all 0.5s ease-out; /* chrome, safari */
	-ms-transition: all 0.5s ease-out; /* ie */
	transition: all 0.5s ease-out;
}
#jobC-desc .box .more a:hover {
	background: url(images/lp/lp-more-btn-h.gif) no-repeat;
}
#form-box {
	width: 950px;
	margin: 30px auto 60px;
}
#form-box .tel {
	background: url(images/lp/lp-telephoneBG.gif) no-repeat;
	height: 265px;
	margin-left: 25px;
}
#form-box .tel .flL {
	padding: 70px 0 0 33px;
}
#form-box .tel .flR {
	padding: 85px 95px 0 0;
}
#form-box .contact {
	padding: 25px 0;
	margin: 20px 25px 0;
	border: solid 1px #CCC;
}
#form-box .contact .inner {
	height: 286px;
	background: url(images/lp/lp-contactBG.gif) no-repeat top center;
}
#form-box .title {
	padding: 15px 0 20px 63px;
	margin: 0;
}
#form-box .text {
	font-size: 14px;
	padding-left: 170px;
	line-height: 1.8em;
}
#form-box .attention {
	font-size: 14px;
	color: #E00606;
	padding: 15px 0 0 170px;
}
/*　contact-form7　*/
.contact div.wpcf7 {
	margin: 40px 33px;
}
.wpcf7 table {
	width: 100%;
	font-size: 14px;
	border: 1px solid #CCC;
	border-collapse: collapse;
}
.wpcf7 table caption {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 15px;
	text-align: left;
}
.wpcf7 table th {
	width: 30%;
	background: #F6F6F6;
	border: 1px solid #CCC;
	padding-left: 20px;
	vertical-align: middle;
}
.wpcf7 span.yours-desc {
	color: #FF0000;
	/*display: block;*/
	padding-bottom: 20px;
	margin-top: -20px;
}
.wpcf7 span.your-desc {
	display: block;
	font-weight: normal;
	padding-top: 5px;
}
.wpcf7 table th .hissu {
	color: #E00606;
	padding-left: 10px;
}
.wpcf7 table td {
	width: 70%;
	border: 1px solid #CCC;
	padding: 20px 30px;
}
.wpcf7 table td input.wpcf7-text {
	width: 100%;
	padding: 5px;
}
.wpcf7 table td .your-radio label {
	display: block;
	font-weight: bold;
}
.wpcf7 table td.radio {
	padding: 0 30px 20px;
}
.wpcf7 table.box2 {
	margin-top: 40px;
}
.wpcf7 table td input#post,
.wpcf7 table td input#code {
	width: 15%;
}
.wpcf7 .privacy-box {
	font-size: 12px;
	margin: 30px 0;
	padding: 20px;
	height: 180px;
	overflow-y: scroll;
	border: 1px solid #CCC;
}
.wpcf7 .btn-box {
	text-align: center;
}
.wpcf7 .btn-box input {
	width: 263px;
	height: 74px;
	border: none;
	background: none;
	text-indent: -9999px;
	padding: 0;
	cursor: pointer;
}
.wpcf7 .check-send {
	padding-bottom: 20px;
}
.wpcf7 .btn-box .reset {
	padding-right: 15px;
}
.wpcf7 .btn-box .reset input{
	background: url(images/lp/lp-cancel.gif) no-repeat;
}
.wpcf7 .btn-box .submit {
	padding-left: 15px;
}
.wpcf7 .btn-box .submit input {
	background: url(images/lp/lp-submitBtn.gif) no-repeat;
}
/************************************************************

Responsive style

************************************************************/
@media screen and (max-width: 1024px) {
	#header #headContents h1.logo a {
		width: auto;
		height: auto;
		background-size: 100%;
	}
	#header #headContents #ftvLinkWrap {
		display: none;
	}
	#header #headContents h1.logo a:hover {
		background-position: 0 -41px;
	}
}
@media screen and (max-width: 900px) {
	html,
	body {
		min-width: 100% !important;
	}
	#header #headContents,
	#header #headContents #headUtility,
	#header #headContents #headNavWrap {
		width: 100%;
	}
	#jobC-desc,
	#form-box,
	#lp-box #main-img p {
		width: 100%;
	}
	#lp-box #main-img {
		max-width: 100%;
	}
	div#main-img img {
		max-width: 100%;
	}
	#jobC-desc .box {
		background: none;
		border-top: 10px solid #FF3600;
	}
	#jobC-desc .box p {
		padding: 0 0 23px 0;
	}
	div#jobC-desc img {
		padding-left: 20px;
	}
	#jobC-desc .box .more a {
		margin: 0 auto;
	}
	#form-box .tel {
		background-size: 100%;
		margin: 0 20px;
	}
	#form-box .tel .flR {
		width: 30%;
		padding: 55px 55px 0 0;
	}
	#form-box .tel .flL {
		width: 50%;
		padding: 60px 0 0 33px;;
	}
	div#form-box img {
		width: 100%;
	}
	#form-box .contact .inner {
		background-size: 100%;
	}
	#form-box .contact {
		margin: 20px;
		padding: 25px;
	}
	#form-box .title {
		width: 50%;
		padding-left: 30px;
		padding-bottom: 0;
	}
	#form-box .text,
	#form-box .attention {
		padding-left: 50px;
		padding-top: 10px;
	}
	.wpcf7 .btn-box img.ajax-loader{
		width: 0% !important;
	}
	#footer #footLinkWrap #footLink {
		width: 100%;
	}
}
@media screen and (max-width: 800px) {
	#jobC-desc .box {
		background: none;
		border-top: 10px solid #FF3600;
	}
	div#jobC-desc img {
		padding: 0;
	}
	#jobC-desc .box {
		height: auto;
	}
	.contact div.wpcf7 {
		margin: 20px 0;
	}
}
@media screen and (max-width: 790px) {
	div#jobC-desc .box .one img {
		width: 70%;
		padding-left: 10px;
	}
	div#jobC-desc .box .two img {
		width: 85%;
		padding-left: 10px;
	}
	div#jobC-desc .box .three img {
		width: 100%;
		padding-left: 10px;
	}
	div#jobC-desc .box .four img {
		width: 85%;
		padding-left: 10px;
	}
	div#jobC-desc .box .five img {
		width: 45%;
		padding-left: 10px;
	}
	div#jobC-desc .box .six img {
		width: 85%;
		padding-left: 10px;
	}
	#form-box .contact .inner {
		background: none;
		height: auto;
	}
	#form-box .tel {
		height: auto;
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 650px) {
	div#jobC-desc .box .one img {
		width: 60%;
	}
	div#jobC-desc .box .two img {
		width: 65%;
	}
	div#jobC-desc .box .three img {
		width: 80%;
	}
	div#jobC-desc .box .four img {
		width: 70%;
	}
	div#jobC-desc .box .five img {
		width: 35%;
	}
	div#jobC-desc .box .six img {
		width: 70%;
	}
	#form-box .tel {
		padding-bottom: 40px;
	}
	#form-box .text, #form-box .attention,
	#form-box .title {
		padding-left: 0;
	}
	#form-box .tel .flL {
		padding: 40px 0 0 20px;
	}
	#form-box .tel .flR {
		padding-top: 35px;
	}
	.wpcf7 .btn-box input {
		display: block;
		margin: 0 auto;
	}
	.wpcf7 .btn-box .reset,
	.wpcf7 .btn-box .submit {
		padding: 0;
	}
	.wpcf7 .btn-box #lp-submit {
		margin-top: 10px;
		padding: 0;
	}

}
@media screen and (max-width: 600px) {
	#jobC-desc .box {
		padding-top: 25px;
	}
	#jobC-desc .box p {
		width: 100%;
		padding-bottom: 10px;
	}
	#jobC-desc .box .more {
		padding-top: 20px;
	}
}
@media screen and (max-width: 480px) {
	#jobC-desc .box p {
		padding-bottom: 10px;
	}
	#form-box .tel .flR {
		padding-right: 25px;
	}
	#form-box .contact {
		padding-top: 0;
		padding-bottom: 0;
	}
	#form-box .tel {
		padding-bottom: 20px;
	}
	.wpcf7 table {
		border: none;
	}
	.wpcf7 table th,
	.wpcf7 table td {
		width: 100%;
		display: block;
		padding: 0;
	}
	.wpcf7 table th {
		padding: 5px 0;
		text-align: center;
		background: #666;
		color: #FFF;
	}
	.wpcf7 table td {
		border: none;
		margin: 20px 0 30px;
	}
	.wpcf7 table td.radio {
		padding: 0 10px;
	}
	.wpcf7 table td input.wpcf7-text {
		width: 100%;
		padding: 10px 0;
	}
	.wpcf7 table td.radio {
		padding: 0;
		margin: 0;
	}
	.wpcf7 span.yours-desc {
		font-size: 90%;
		font-weight: bold;
		padding-bottom: 0;
	}
	.wpcf7 span.your-desc {
		font-size: 100%;
	}
	.wpcf7 table td input#post, .wpcf7 table td input#code {
		width: 30%;
	}
	span.wpcf7-list-item-label {
		font-size: 90%;
	}
	.wpcf7 .privacy-box {
		margin: 0 0 20px;
	}
	#jobC-desc .box .more a {
		width: 170px;
		height: 50px;
		background-size: 100%;
	}
	#jobC-desc .box .more {
		padding-top: 0;
	}
	#jobC-desc .box .more a:hover {
		background-size: 100%;
	}
	#form-box {
		margin-top: 10px;
	}

}
@media screen and (max-width: 360px) {
	#form-box .tel .flL {
		padding: 25px 0 0 10px;
	}
	#form-box .tel .flR {
		padding: 25px 20px 0 0;
	}
	#form-box .title {
		width: 100%;
	}
	#form-box .contact {
		margin: 0 20px;
	}
	#form-box h2 {
		margin-bottom: 0;
	}
	.wpcf7 .btn-box .reset input,
	.wpcf7 .btn-box #lp-submit {
		width: 100%;
		background-size: 100%;
	}
	#jobC-desc .box {
		padding-top: 15px;
	}
	div#jobC-desc .box .one img {
		width: 70%;
	}
	div#jobC-desc .box .two img {
		width: 75%;
	}
	div#jobC-desc .box .three img {
		width: 70%;
	}
	div#jobC-desc .box .four img {
		width: 80%;
	}
	div#jobC-desc .box .five img {
		width: 45%;
	}
	div#jobC-desc .box .six img {
		width: 80%;
	}
	.wpcf7 table.box2 {

padding-top: 20px;	}
}

/* 2017.03.24 add */
.visible-sp{
	display: none;
}
@media (max-width: 767px) {
	.visible-sp{
		display: block;
	}
}

#lp-box .lp-catch{
	width: 100%;
	background: #e60011;
}
#lp-box .lp-catch p{
	max-width: 950px;
	width: 100%;
	color: #fff;
	font-size: 46px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	margin: 0 auto;
	padding: 30px 0;
}
#lp-box .lp-title{
	text-align: center;
	padding: 40px 0;
}
#lp-box .lp-title .inner{
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
}
#lp-box .lp-title p{
	font-size: 40px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 50px;
}
#lp-box .lp-title h2 {
	text-align: center;
	margin-bottom: 0;
}
#lp-box .lp-title h2 img{
	max-width: 740px;
	width: 100%;
}
#lp-box .lp-feature{
	margin: 0;
}
#lp-box .lp-feature dt{
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	background: #666;
	padding: 10px 0;
}
#lp-box .lp-feature dd{
	max-width: 895px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 40px 0 20px;
}
#lp-box .lp-feature dd ul {
	padding: 0;
}
#lp-box .lp-feature dd ul li {
	color: #ff5400;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 35px;
	list-style: none;
	line-height: 1.5;
}
#lp-box .lp-more{
	background: #29449e;
	padding: 30px 0;
}
#lp-box .lp-more .lp-more-button{
	width: 360px;
	margin: 0 auto;
}
#lp-box .lp-campaign {
	background: #00b050;
	padding: 15px 0;
	margin-top: 2px;
}
#lp-box .lp-campaign .lp-campaign-button {
	width: 480px;
	margin: 0 auto;
}
#lp-box .lp-more .lp-more-button a,
#lp-box .lp-campaign .lp-campaign-button a {
	display: block;
	color: #fff;
	font-size: 28px;
	line-height: 1.5;
	text-align: center;
	border: solid 1px #fff;
	padding: 10px 0;
}
#lp-box .lp-more .lp-more-button a:after,
#lp-box .lp-campaign .lp-campaign-button a:after{
	display: inline-block;
	content: "";
	width: 14px;
	height: 14px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: 10px;
}

@media (max-width: 991px) {
	#lp-box .lp-catch p{
		font-size: 30px;
		padding: 20px 0;
	}
	#lp-box .lp-title p{
		font-size: 26px;
		margin-bottom: 30px;
	}
	#lp-box .lp-title h2 img{
		max-width: 400px;
		width: 100%;
	}
	#lp-box .lp-feature dt{
		font-size: 26px;
		padding: 10px 0;
	}
	#lp-box .lp-feature dd{
		padding: 30px 10px 15px;
	}
	#lp-box .lp-feature dd ul li {
		font-size: 22px;
		margin-bottom: 20px;
	}
	#lp-box .lp-more{
		padding: 20px 0;
	}
	#lp-box .lp-more .lp-more-button{
		width: 300px;
		margin: 0 auto;
	}
	#lp-box .lp-more .lp-more-button a {
		font-size: 24px;
		padding: 10px 0;
	}
	#lp-box .lp-more .lp-more-button a:after{
		display: inline-block;
		content: "";
		width: 14px;
		height: 14px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-left: 10px;
	}
}
@media (max-width: 767px) {
	#lp-box .lp-catch p{
		font-size: 20px;
		padding: 10px 0;
	}
	#lp-box .lp-title{
		padding: 15px 10px;
	}
	#lp-box .lp-title p{
		font-size: 18px;
		margin-bottom: 20px;
	}
	#lp-box .lp-title h2 img{
		max-width: 300px;
		width: 100%;
	}
	#lp-box .lp-feature dt{
		font-size: 18px;
		padding: 5px 0;
	}
	#lp-box .lp-feature dd{
		padding: 20px 10px 10px;
	}
	#lp-box .lp-feature dd ul li {
		font-size: 16px;
		margin-bottom: 20px;
	}
	#lp-box .lp-more{
		padding: 10px 0;
	}
	#lp-box .lp-more .lp-more-button{
		width: 200px;
		margin: 0 auto;
	}
	#lp-box .lp-campaign {
		padding: 5px 0;
	}
	#lp-box .lp-campaign .lp-campaign-button {
		width: 280px;
		margin: 0 auto;
	}
	#lp-box .lp-more .lp-more-button a,
	#lp-box .lp-campaign .lp-campaign-button a {
		font-size: 16px;
		padding: 8px 0;
	}
	#lp-box .lp-more .lp-more-button a:after,
	#lp-box .lp-campaign .lp-campaign-button a:after{
		display: inline-block;
		content: "";
		width: 10px;
		height: 10px;
	}
}