@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.1.0.alpha.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

a,a:visited {
	color:#005cb0;	/* ★ リンク 青 共通 */
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.demo {
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}

.cf {
  overflow: hidden;
  *zoom: 1;
}

body {
  font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

header .head-inner {
  margin: 0 auto;
  padding: 0;
  width: 1131px;
  text-align: left;
}
header .head-inner h1 {
  float: left;
  padding-top:13px;
  width: 185px;
  height: 45px;
}
header .head-inner p.sub {
  float: left;
  width: 600px;
  padding-top: 42px;
  padding-left:10px;
  color: #535353;
  font-size: 12px;
}
header .head-inner p.sub strong {
  color: #d31919;	/* 完全無料 */
}
header .head-inner .info p {
  display: none;
}

/* フッター */

footer .foot-inner {
  margin: 0 auto;
  padding: 0;
  width: 1131px;
  text-align: left;
}
footer .foot-inner p {
  float: right;
	/*
  padding-top: 29px;
*/
	padding:21px  0;
  color: #ffffff;
  font-size: 12px;
}
footer .foot-inner p.copyright {
  float: left;
	background: url(../_vet/images/f_logo.png) left 8px no-repeat;
	text-indent:38px;
}

@media screen and (min-width: 769px) {
/* PC
-------------------------------------------*/	

  .sp {
    display: none;
  }

/* メインコンテンツ
-------------------------------------------*/	

#main {
    width: 1230px;
    margin: 0 auto;
}

#main_error {
    width: 1150px;
    margin: 0 auto;
}

/* 右コンテンツエリア #block01 */

  #main .main-inner #block01 {
    float: right;
    margin-top: 15px;
    width: 555px;
  }

/* フォームタイトル */
  #main .main-inner #block01 .h3-wrap h3 span {
    font-size: 38px;
    line-height: 50px;
    letter-spacing: 0;
  }
	
	 /* ステップ #step */
  #main .main-inner #block01 .step-wrap #step {
    border-top: none;
    border-bottom: 1px solid #c9c9c9;	/* フォーム枠線 .h3-wrapと同色 */
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    background: #FFF;
  }
  

  #main .main-inner #block01 .step-wrap #step img {
    width: 100%;
    height: 100px;
/*
    height: 100%;
    height: 150px;
*/
  }

/* フォーム */
  #main .main-inner #block01 #lp_form_check {
    border-top: none;
    border-bottom: 1px solid #c9c9c9;	/* フォーム枠線 .h3-wrapと同色 */
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    background: #FFF;
	padding: 18px 20px;
  }

  #main .main-inner #block01 table {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #c9c9c9;	/* フォーム枠線 .h3-wrapと同色 */
    border-right: 1px solid #c9c9c9;
    background: #FFF;
    color: #535353;
		table-layout: fixed\9;
		width: 100%;
  }
  #main .main-inner #block01 table tr {
    border-bottom: 1px solid #c9c9c9;
  }
  #main .main-inner #block01 table th {
    overflow: hidden;
    *zoom: 1;
    padding: 18px 20px;
    font-size: 14px;
    width: 152px;
    vertical-align: top;
		table-layout: fixed;
		display: inline-block;
  }
  #main .main-inner #block01 table td {
    padding: 16px 18px;
	font-size: 14px;
    display: inline-block;
  }
  #main .main-inner #block01 table td input[type="text"],
  #main .main-inner #block01 table td input[type="tel"],
  #main .main-inner #block01 table td input[type="email"],
  #main .main-inner #block01 table td textarea {
    padding: 3px 10px;
    width: 300px;
	box-sizing: border-box;
  }
  #main .main-inner #block01 table td textarea {
	  height: 80px;
  }
  #main .main-inner #block01 table .apply-block {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    color: #535353;
  }
	
  #main .main-inner #block01 table .apply-block h3 {
		background: #dcdcdc;
		font-size: 18px;
		padding: 10px 0;
	}
  #main .main-inner #block01 table .apply-block p {
    text-align: left;
    padding-bottom: 14px;
  }
  
  .submit input{
	  background: #d31919;
  }
  
  .submit input:hover{
	  background: #003f92;
  }
  
  .lp_form_send img{
	  background: #003f92;
	  display:block;
  }
  
  .lp_form_send img:hover{
	  background: #d31919;
  }
  
  
  .lp_form_send input{
	  background: #d31919;
  }
  
  .lp_form_send input:hover{
	  background: #003f92;
  }
  
    .bt_totop img{
	  background: #d31919;
	  display:block;
  }
  
  .bt_totop img:hover{
	  background: #003f92;
  }
  
  .bt_return{
    width: 126px; 
	float:left; 
  }
  
  .bt_send{
    width: 384px; 
	float:right; 
  }
  
  .complete_space{
	  height:500px;
  }
  
	
/* 個人情報同意 */

	#main .main-inner #block01 table .apply-block .consent {
		font-size: 18px;
		vertical-align:text-top;
	}

	#main .main-inner #block01 table .apply-block .agreement_inner {
		border: 1px solid #ccc;
		padding: 10px;
		height: 90px;
		overflow: scroll;
		text-align: left;
		margin-bottom: 10px;
		font-size: 12px;
	}
	#main .main-inner #block01 table .apply-block .agreement_inner h4{
			font-weight:bold;
			border-bottom:#999 dotted 1px;
			margin-top:10px;
			line-height: 1.5;
			font-size: 14px;
	}
	#main .main-inner #block01 table .apply-block .agreement_inner p{
			margin-bottom:10px;
	}

/* 送信btn */	
 #main .main-inner #block01 table .apply-block #submit {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    margin: 15px 0 10px 0;
    padding: 14px 3px;
    width: 510px;
    border: 0;
    font-size: 22px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
	
  #main .main-inner #block01 table .apply-block #submit span {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0;
  }

/* チェックボックスサイズ変更 2015.07.30. */	
 label, input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
/*
			-moz-transform-origin: right bottom;
			-moz-transform: scale( 1 , 1 );
			-webkit-transform-origin: right bottom;
			-webkit-transform: scale( 1 , 1 );
 */
    cursor: pointer;
	}
	
/* 利用規約、プライバシーポリシーリンクエリア */
	.term {
		font-size:11px;
		width:280px;
		margin:0 auto !important;
	}

	.term ul li , .term ul li a {
		float:left;
		color:#535353;
		text-decoration:none;
		list-style-type: none !important;
		width:130px;
		display:block;
	}

	.term ul li a:hover {
		text-decoration:underline;
	}

/* 左コンテンツエリア #block02 */

  #main .main-inner #block02 {
    float: left;
    width: 555px;
  }

/* 職種詳細一覧 #jobs */
  #main .main-inner #block02 #jobs .inner img {
		margin-top:37px;
		width:100%;
	}

/* メリット #merit */

  #main .main-inner #block02 #merit h4 {
    margin: 20px 0 0 0;
  }
  #main .main-inner #block02 #merit .inner section {
    float: left;
    width: 185px;
  }
  #main .main-inner #block02 #merit .inner section h5 .sub {
    font-size: 16px;
  }
  #main .main-inner #block02 #merit .inner section ul li {
    margin-top: 5px;
  }
  #main .main-inner #block02 #merit .inner section ul li span {
    color: #535353;
  }
  #main .main-inner #block02 #merit .inner section p {
    margin: 6px 0 0 14px;
		width:157px;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    color: #535353;
  }
  #main .main-inner #block02 #merit .inner section p.secret {
    width: 156px;
  }
  #main .main-inner #block02 #merit .inner section p.secret img {
    float: right;
    margin-left: 5px;
  }

/* コンサルタント #consultant */

  #main .main-inner #block02 #consultant h4 {
    margin: 20px 0 10px 0;
  }
  #main .main-inner #block02 #consultant .inner {
    width: 100%;
    height: 240px;
  }

  #main .main-inner #block02 #consultant .inner img {
		margin:0;
		padding:0;
		vertical-align:bottom !important;
	}

/* プライバシーポリシー、利用規約（付随ページ） #privacy */

  #privacy {
    width: 1130px;
    font-size: 0.9rem;
    line-height: 1.5;
		padding: 0;
  }
	#privacy .wrap {
		width: 100%;
	}
  #privacy .inner {
    font-size: 0.9rem;
  }
  #privacy ol {
    list-style: decimal;
    padding-left: 24px;
  }
  #privacy ul {
    margin-bottom: 5px;
    padding-left: 38px;
  }
  #privacy ul span {
    color: #535353;
  }
  #privacy p.fs11 {
    margin: 1rem 0;
    font-size: 0.7rem;
  }

/* エラー、404 #404 */

#lp_form_check .error {
font-size: 80%;
color: #FF0000;	
margin: 0.5rem 0;
}

.error {
color: #FF0000;	
margin-top: 1rem;
}

#error {
}

#error h3 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
}

#error p {
	background:#deeefa;	/* 現状共通 */
	text-align:center;
	margin:30px auto;
	padding:30px;
	width:80%;
	line-height:1.7;
}

#error p a {
	color:#005cb0;	
}

}
@media screen and (max-width: 768px) {

/* スマホ
-------------------------------------------*/	

  .pc {
    display: none !important;
  }

/* ヘッダー */

  header .head-inner {
    width: 100%;
    font-size: 0;
		position: relative;
  }
  header .head-inner h1 {
    display: inline-block;
    float: none;
    width: 22.8%;
    margin-right: 2%;
    padding: 0;
    height: auto;
    line-height: 0;
    letter-spacing: normal;
  }
  header .head-inner h1 img {
    width: 100%;
    height: auto;
  }
  header .head-inner p.sub {
    display: inline-block;
    float: none;
    width: 68.77%;
    padding: 0;
    font-size: 10px;
		position: absolute;
		bottom: 1px;
  }

/* フッター */

  footer {
    height: auto;
    font-size: 9px;
    border: none !important;
  }
  footer .foot-inner {
    margin: 0 auto;
    padding: 2.5% 0 3.12%;
    width: auto;
    text-align: center;
  }
  footer .foot-inner p {
    float: none;
    padding: 0;
    color: #ffffff;
    font-size: 11px;
		line-height:1.5;
  }
  footer .foot-inner p.copyright {
		background:none;
    float: none;
    padding-top: 1.12%;
		text-indent:0;
/*
    padding-top: 3.12%;
*/
  }
	footer .contact a {
		text-decoration: none;
		color: #fff;
	}
  footer .phone {
    padding: 1.87% 0;
    font-size: 36px;
  }
  footer .phone a {
    color: #fff;
    text-decoration: none;
  }

/* メインコンテンツ
-------------------------------------------*/	

/* メイン */

  #main {
    width: 100%;
  }
  #main .main-inner {
    padding: 0;
  }

/* タイトル */
  #main .main-inner .title {
    position: relative;
    height: 100%;
    width: 100%;
    padding-top: 63.75%;
  }
  #main .main-inner .title h2 {
    position: absolute;
    float: none;
    width: 100%;
    left: 0;
    top: 0;
  }
  #main .main-inner .title h2 img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  #main .main-inner .title p {
    position: absolute;
    top: 4.9%;
    left: 4.68%;
    width: 43.75%;
    z-index: 100;
  }
  #main .main-inner .title p img {
    width: 100%;
  }
  #main .main-inner #block01, #main .main-inner #block02 {
    float: none;
    width: auto;
  }
	
	#main .main-inner #block01 {
		margin-bottom: 4.68%;
	}

/* フォームタイトル */
  #main .main-inner #block01 table {
    width: 100%;
    border: 0;
  }
  #main .main-inner #block01 table th, #main .main-inner #block01 table td {
    display: block;
    width: 100%;
    border: 0;
    vertical-align: middle;
		float: left;
		clear: both;
  }
  #main .main-inner #block01 .h3-wrap div {
    display: inline-block;
    text-align: left;
    position: relative;
  }
  #main .main-inner #block01 .h3-wrap div h3 {
    margin-bottom: 3px;
    white-space: nowrap;
  }
  #main .main-inner #block01 .h3-wrap div h3 span {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0;
  }
 
 /* ステップ #step */
  #main .main-inner #block01 #step img {
    width: 100%;
    margin-bottom: 3.12%;
  }

/* フォーム */

  #main .main-inner #block01 #lp_form_check {
    padding: 2.34% 3.12%;
  }
 
  #main .main-inner #block01 table {
    background: #FFF;
    color: #535353;
  }
  #main .main-inner #block01 table th {
    padding: 2.34% 3.12%;
    font-size: 16px;
    vertical-align: middle;
    box-sizing: border-box;
  }
  #main .main-inner #block01 table td {
    padding: 3.12%;
    box-sizing: border-box;
  }
	#main .main-inner #block01 table .lp_form input {
		height: 36px;
	}
	#main .main-inner #block01 table td .submit input {
		width: 100%;
	}
	#main .main-inner #block01 table td select {
		-webkit-appearance: none;
		height: 36px;
		font-size: 14px;
	}
	#main .main-inner #block01 table td input#privacypolicy {
		height: 20px;
		width: 20px;
		vertical-align: middle;
	}
  #main .main-inner #block01 table td input[type="text"],
  #main .main-inner #block01 table td input[type="tel"],
  #main .main-inner #block01 table td input[type="email"],
  #main .main-inner #block01 table td textarea {
    width: 100%;
    padding: 0.78% 1.56%;
    box-sizing: border-box;
		font-size: 14px;
  }
  
.submit input{
	  background: #d31919;
  }
  
  .submit input:hover{
	  background: #003f92;
  }
    
  .lp_form_send img{
	  background: #003f92;
	  display:block;
  }
  
  .lp_form_send img:hover{
	  background: #d31919;
  }
  
  
  .lp_form_send input{
	  background: #d31919;
  }
  
  .lp_form_send input:hover{
	  background: #003f92;
  }
  
  .bt_totop img{
	  background: #d31919;
	  display:block;
  }
  
  .bt_totop img:hover{
	  background: #003f92;
  }
  
  .bt_return img{
    width: 100%;
	margin-top: 3.12%;
  }
  
  .bt_totop img{
    width: 100%;
	margin-top: 3.12%;
  }
  
  .bt_send input{
    width: 100%;
	margin-top: 3.12%; 
  }
  
  
  

/* 個人情報同意 */

  #main .main-inner #block01 table .apply-block {
    font-size: 12px;
    line-height: 1.3;
    color: #535353;
    padding: 0.78% 3.12% 0;
  }
	#main .main-inner #block01 table .apply-block h3 {
		background: #dcdcdc; /* 同意タイトル背景色 */
		background-size: 20px 20px;
		background-position: 10px 50%;
		font-size: 18px;
		padding: 1.56% 0;
		text-align: center;
		margin: 0;
	}
	#main .main-inner #block01 table .apply-block h3:before {
		content: "▼";
		color: #fff;
		padding-right: 10px;
		font-size: 80%;
		vertical-align: top;
	}
  #main .main-inner #block01 table .apply-block label {
		vertical-align: middle;
  }
  #main .main-inner #block01 table .apply-block p {
    text-align: left;
  }
	#main .main-inner #block01 table .apply-block .privacy {
		width: 100%;
		margin-bottom: 4.68%;
		box-sizing: border-box;
	}
	#main .main-inner #block01 table .apply-block .privacy h3 {
		cursor: pointer;
	}
	#main .main-inner #block01 table .apply-block .agreement_inner {
		display: none;
		border-bottom: 1px solid #dcdcdc;
		padding: 0 3.12% 4.68%;
	}
	#main .main-inner #block01 table .apply-block .agreement_inner h4 {
		font-weight: bold;
		font-size: 13px;
		margin-top: 3.12%;
	}
	#main .main-inner #block01 table .apply-block .agreement_inner p {
		margin-bottom: 1.66%;
	}
	#main .main-inner #block01 table .apply-block .consent {
		text-align: center;
		font-size: 18px;
		vertical-align:text-top;
		margin-top: 2%;
	}
  #main .main-inner #block01 table .apply-block #submit span {
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0;
  }
  
  

	
/* 送信btn 角丸追加 2015.07.30. */	
  #main .main-inner #block01 table .apply-block #submit {
    width: 100%;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    margin: 0;
    padding: 4% 0;
    border: 0;
    font-size: 16px;
    margin-top: 4.68%;
		text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }

/* チェックボックスサイズ変更 2015.07.30. */	
 label, input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
/*
			-moz-transform-origin: right bottom;
			-moz-transform: scale( 1 , 1 );
			-webkit-transform-origin: right bottom;
			-webkit-transform: scale( 1 , 1 );
*/
    cursor: pointer;
	}

/* 利用規約、プライバシーポリシーリンクエリア */
	.term {
		font-size:11px;
		width:260px;
		margin:10px auto !important;
	}

	.term ul li , .term ul li a {
		float:left;
		color:#535353;
		text-decoration:none;
		list-style-type: none !important;
		width:130px;
		display:block;
	}

	.term ul li a:hover {
		text-decoration:underline;
	}

/* キャンペーンエリア .campaign-block */

  #main .main-inner #block01 .campaign-block {
    text-align: center;
    margin: 4.68% 0 6.25%;
		padding: 0 3.12%;
  }
  #main .main-inner #block01 .campaign-block p img {
    width: 100%;
  }
  #main .main-inner #block02 {
    margin: 0 3.12%;
  }

/* メリット #merit */

  #main .main-inner #block02 #merit {
    margin-bottom: 5%;
  }
  #main .main-inner #block02 #merit h4 {
/*
    margin-bottom: 2.81%;
*/
    margin-bottom: 0;
  }
  #main .main-inner #block02 #merit h4 img {
    width: 100%;
  }
  #main .main-inner #block02 #merit h5 .sub {
    font-size: 12px;
    padding: 3px 0;
    font-weight: bold;
  }
	#main .main-inner #block02 #merit .inner section:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		visibility: hidden;
	}
  #main .main-inner #block02 #merit .inner section ul, #main .main-inner #block02 #merit .inner section p {
    line-height: 1.5;
  }
	#main .main-inner #block02 #merit .inner section ul li {
		float: left;
		width: 50%;
	}
  #main .main-inner #block02 #merit .inner section .secret img {
    width: 20.6%;
		height: auto;
    float: right;
    margin-left: 3.26%;
  }
  #main .main-inner #block02 #merit .inner section:first-child li span {
    color: black;
    font-weight: normal;
    display: inline;
  }

/* コンサルタント #consultant */

  #main .main-inner #block02 #consultant {
    margin-bottom: 5.62%;
  }
  #main .main-inner #block02 #consultant img {
    width: 100%;
		margin:0;
		padding:0;
		vertical-align:bottom !important;
  }
  #main .main-inner #block02 #consultant .inner img {
	}

  #main .main-inner #block02 #consultant h4 {
    margin-bottom: 3.12%;
  }

/* プライバシーポリシー、利用規約（付随ページ） #privacy */

	 #privacy {
    width: 100%;
    line-height: 1.3;
		font-size: 0.8rem;
  }
  #privacy .wrap {
		width: 100%;
  }
  #privacy ol {
    list-style: decimal;
    padding-left: 25px;
  }
  #privacy ol li div {
    padding: 0 0 5px 0;
  }
  #privacy ul.list_circle {
    margin-bottom: 5px;
    padding-right: 5%;
  }
  #privacy ul.list_circle li span {
    color: #454545;
  }
  #privacy section p {
    padding: 0 5%;
  }
  #privacy p.fs11 {
    margin: 1rem 0;
    font-size: 0.7rem;
  }

/* エラー、404 #404 */

.error {
color: #FF0000;	
margin-top: 1rem;
}

#error {
}

#error h3 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
}

#error p {
	background:#deeefa;	/* 現状共通 */
	text-align:center;
	margin:30px auto;
	padding:30px;
	width:80%;
	line-height:1.7;
}

#error p a {
	color:#005cb0;	
}

}