@charset "utf-8";
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2f2baa");
@font-face {font-family: 'Usual-Regular';src: url('../webfonts/2F2BAA_0_0.eot');src: url('../webfonts/2F2BAA_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2F2BAA_0_0.woff2') format('woff2'),url('../webfonts/2F2BAA_0_0.woff') format('woff'),url('../webfonts/2F2BAA_0_0.ttf') format('truetype');}
@font-face {font-family: 'Usual-Medium';src: url('../webfonts/2F2BAA_1_0.eot');src: url('../webfonts/2F2BAA_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2F2BAA_1_0.woff2') format('woff2'),url('../webfonts/2F2BAA_1_0.woff') format('woff'),url('../webfonts/2F2BAA_1_0.ttf') format('truetype');}
 
/* Reset
-------------------------------------------------------------------------------*/
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, font, 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 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}
body {
	height: 100%;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-family: "FOT-�Z�U���k Pro M", "��S�V�b�N", YuGothic, "�q���M�m�p�S ProN W3", "Hiragino Kaku Gothic ProN", "���C���I", Meiryo, sans-serif;
	background-color: #ffffff;
	
	/*font-family: "FOT-�Z�U���k Pro DB";
	font-family: "FOT-�Z�U���k Pro M";
	font-family: Usual-Medium;
	font-family: Usual-Regular;*/
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html, body { height:100%; min-height:100%; }



p { margin-bottom: 25px; line-height: 200%; }
header { position: relative; width: 100%; height: 250px; }
header h1 { position: absolute; top: 30px; right: 38px; }
.wrapper { min-height:99%; display:table; width:100%;  }
.header { margin:0 0 40px 0; position:relative; color:#000; }
.header span { font-size:14px; letter-spacing: 2px; }
.header h2 { margin:0; font-size:52px; font-family: Usual-Medium, sans-serif; letter-spacing: 1px; margin: 18px 0 0 0; }
.header h2 span { font-size:14px; margin-left:10px; letter-spacing:1.2px; }
.header .progress { position:absolute; bottom:18px; right:0; padding: 31px 1px 0 0; background: url(../images/border.png) no-repeat 97px 9px; }
.header .progress dl { float:left; text-align:center; width:110px; margin:0 0 0 35px; }
.header .progress dl dt { font-size:10px; margin:0 0 3px 0; letter-spacing:1.2px; position:relative; }
.header .progress dl dd { font-size:14px; letter-spacing:1.2px; font-weight:bold; }
.header .progress dl dt:before { position:absolute; top:-27px; left:46px;  content:" "; display:block; width:11px; height:11px; background:url(../images/circle.png) no-repeat 0 -11px; }
.header .progress dl.on dt:before { background-position: 0 0; }
.main_field { padding:0 0 0 170px; }
.contents { color:#888; width: 960px; margin: 0 auto; }
.contents dt,
.contents label,
.contents > .main_field > h3,
.contents .section h3  { font-family: "FOT-�Z�U���k Pro DB", sans-serif; font-weight:700; color:#000; }
.contents > .main_field > h3 { margin:0 0 40px 0; font-size: 16px; letter-spacing: 2px; }
.contents  p { padding:0 120px 0 0; }
.main_field > dl { position: relative; margin: 0 0 60px 0; }
.main_field > dl > dt { position: absolute; top:5px; left:-170px; }
.main_field > dl > dt span { display:block;  color:#000; margin:10px 0 0 0; line-height:1.6; font-weight:700; }
.main_field > dl > dd { margin:0; line-height: 200%; padding:0 120px 0 0; }
.main_field > dl > dd ol { list-style-type:none; margin:0 0 0 40px; }
.main_field > dl > dd ol li { position:relative; list-style-position:outside; counter-increment: cnt; line-height: 200%; display: block; margin-bottom: 8px; }
.main_field > dl > dd ol li:before { position:absolute; top:0; left:-40px; display: marker; content: "(" counter(cnt) ")"; }
.main_field > dl > dd ol li dl { margin: 0 0 16px; line-height:1; }
.main_field > dl > dd ol li dl dd { line-height:160%;  }
.contents .entry_buttons { clear:both; padding: 40px 0 0 0; margin:0; position:relative; }
.contents .entry_buttons dd { display:block; float:left; width:240px; height:55px; background-color:#000; margin:0 20px 0 0; padding:0; border-radius:3px; }
.contents .entry_buttons.prev dd { background-color:#888; }
.contents .entry_buttons.next { left:200px; width:180px; }
.contents .entry_buttons.prev { top:-55px; width:180px; }
.contents .entry_buttons dd a { display:block; width:100%; height:100%;  line-height:55px; text-align:center; color:#fff; text-decoration:none; font-size:16px; letter-spacing: 1px; font-weight: bold; }
.contents .entry_buttons dd a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; cursor: pointer;  }
.contents .entry_buttons.arrow { padding:0; margin:-20px 0 0 0; }
.contents .entry_buttons.arrow dd { width:180px; position:relative; }
.contents .entry_buttons.arrow dd:after { content:" "; position:absolute; top:20px; width:14px; height:12px; }
.contents .entry_buttons.arrow.next dd:after { background:url(../images/arrow4.png); right:36px; }
.contents .entry_buttons.arrow.prev dd:after { background:url(../images/arrow2.png); left:36px; }
.contents .entry_buttons dd input.submit { width: 240px; height: 55px; background: none; border: none; color: #fff; font-size: 16px; font-weight:700; }
.contents .entry_buttons.arrow:hover dd:after,
.contents .entry_buttons dd input:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; cursor: pointer; }
.contents .entry_buttons.prev dd input.submit,
.contents .entry_buttons.next dd input.submit { width:180px; }
.footer { clear:both; height:300px; }
.contents .require { position:relative; }
.contents .require:before { content:"*"; position:absolute; top:-6px; left:-10px; color:#cc0000; }
.contents .section { position:relative; margin:0 0 90px 0; display:table; clear:both; }
.contents .section.middle { margin:0 0 70px 0; }
.contents .section.short { margin:0 0 30px 0; }
.contents .section > .notice,
.contents .section h3 { position:absolute; top:13px; left:-140px; font-weight:bold; color:#000; }
.contents .section > .notice { font-size:10px; color:#868686; }
.contents .section > .notice.vtop { top:5px; }
.contents .section h3.vtop { top:0; }
.contents .section .input_table { color:#000; }
.contents .section .input_table dt,
.contents .section .input_table dd { float:left; line-height:47px; }
.contents .section .input_table dd.textbox { line-height:1px; margin:0 0 30px 0; }
.contents .section .input_table dt { clear:both; width:140px; font-weight:bold; font-size:14px; padding:0 10px 0 0; }
.contents .section .input_table dd {   }
.contents .section .input_table dt.address { height:277px; line-height:40px; }
.contents .section .input_table dd.address { line-height:37px; }
.contents .section .input_table dd.address textarea { height:100px; }
.contents .section .input_table dt.vtop { line-height:1.6; }
.contents .section .input_table dt > span { display:block; font-size:12px; font-weight:bold; color:#888888; margin:10px 0 0 0; }
.contents .section .input_table dt > span.caution { color:#b42b00; margin:0; }
.contents .section .count_text { position:absolute; bottom:10px; left:-120px; width:110px; text-align:right; color: #999999!important; }
.contents .section .count_text > span { color: #6255a1; font-weight: bold; position: relative; padding-right: 3px; font-size: 24px;}
.contents .section input,
.contents .section select { border:1px #000 solid; }
.contents .section input.text { height:45px; padding:0 12px; }
.contents .section select { height:37px; margin:0 0 20px 0; border-radius: 3px; line-height:37px; padding:0 27px 0 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; background:url(../images/select_arrow2.png) no-repeat right; }
select::-ms-expand { display: none; }
.contents .section input.half { width:188px; margin:0 20px 20px 0; }
.contents .section input.full { width:428px; display:block; margin: 0 0 20px 0; }
.contents .section input.radio { margin:0 6px 0 0; position:relative; top:1px; }
.contents .section .input_table .birthday,
.contents .section .input_table .zipcode { line-height:40px; }
.contents .section .input_table .birthday span,
.contents .section .input_table .graduation_date span,
.contents .section .joining_date span,
.contents .section .career_box .career_date span { margin: 0 10px 0 6px!important; display: inline-block; font-weight: bold; position: relative; top: 12px; }
.contents.en .section .career_box .career_date { margin: 12px 0 0 0; }
.contents.en .section .career_box .career_date input { margin:0; }
.contents .section input.year,
.contents .section input.month,
.contents .section input.day,
.contents .section .zipcode input { height:38px; margin:0 0 20px 0; }
.contents .section input.year { width:88px; margin:0 0px 20px 0; }
.contents .section input.month,
.contents .section input.day { width:48px; margin:0 0px 20px 0; }
.contents .section .input_table dd label { cursor:pointer; display:inline-block; font-size:12px; margin: 0 30px 0 0; }
.contents .section .input_table dd.bottom { position:relative; line-height:1; height:40px; }
.contents .section .input_table dd.bottom dl { position:absolute; bottom:0px; width:120px; margin:0 0 0 25px; }
.contents .section .input_table dd.bottom dl dd { height:auto; margin:0 8px 0 0; line-height:1; }
.contents .section .input_table dd.bottom dl dd.text { position:relative; top:20px; font-weight:bold; }
.contents .section .input_table dd.zipcode { position:relative; width:462px; }
.contents .section .input_table dd.zipcode input { margin:0 0 20px 0; }
.contents .section .input_table dd.zipcode input#postcode1 { width:68px }
.contents .section .input_table dd.zipcode input#postcode2 { width:88px }
.contents .section .input_table dd.zipcode .get_address { position:absolute; top:0; right:34px; width:180px; height:40px; margin:0; padding:0;}
.contents .section .input_table dd.zipcode .get_address a { display:block; width:100%; height:100%; line-height:40px; text-align: center; font-size: 12px; font-weight: bold; text-decoration:none; text-align:center; background-color:#000; color:#fff; letter-spacing: 1px; border-radius:3px; }
.contents .section .input_table dd.zipcode .get_address a:hover { filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; cursor: pointer; }
.contents .section .input_table dd.zipcode .get_address a:after { content:" "; position:absolute; top:13px; right:15px; background:url(../images/arrow4.png) ; width:14px; height:12px; }
.contents .section .input_table dd > .notice { width:425px; margin:-10px 0 20px 0; font-size:12px; line-height:1.6;  padding:0; }
.contents .section .input_table dd > .notice a { color:#000; text-decoration:none; border-bottom:1px solid #000; }
.contents .section .input_table dd.sex { margin:0 0 20px 0; }
.contents .section .input_table dd.sex label { width:50px; }
.contents .section .input_table dd.address_country label:nth-child(2) { width:110px; }
.contents.en .section .input_table dd.address_country label:nth-child(2) { width:150px; }
.contents .section .input_table dd.final_school label { width:70px; line-height:2; }
.contents.en .section .input_table dd.final_school label { width:auto; padding: 0 20px 0 0; line-height:2; }
.contents .section .input_table dd.final_school { line-height:20px; margin:0 0 20px 0; }
.contents dd.school_class input { width:132px; margin:0 10px 20px 0; }
.contents .section .input_table dd.school_class span { position:relative; top:14px; margin:0 38px 0 0; font-weight:bold; }
.contents .section .input_table dd.school_class span:last-child { margin-right:0; }
.contents .section .career_box { clear:both; padding:10px 0 0 0; height:509px; /* overflow: hidden; */ position:relative;
	-webkit-transition: height 0.2s ease-in-out;
	-moz-transition: height 0.2s ease-in-out;
	-o-transition: height 0.2s ease-in-out;
	-ms-transition: height 0.2s ease-in-out;
	transition:  height 0.2s ease-in-out;
}
.contents .section .input_table #jp_address_form.hidden,
.contents .section .input_table #foreign_address_form.hidden { display:none; }
.contents .section .career_box > dl { clear:both; position: relative;}
.contents .section .career_box > dl dt,
.contents .section .career_box > dl dd { float:left; }
.contents .section .career_box > dl dt { clear:both; }
.contents .section .career_box > dl > dt { width:47px; background-color:#eceddd; text-align:center;  margin:0 0 1px 0; }
.contents .section .career_box > dl > dd { margin:0 0 0 1px; }

.contents .section .career_box > dl.open > dt { height:460px; line-height:460px; }
.contents.en .section .career_box > dl.open > dt { height:500px; line-height:500px; }

.contents .section.parttime .career_box > dl.open > dt { height:180px; line-height:180px; }

.contents .section .career_box > dl.open > dt a.app_delete_button{ display: block; width: 40px; height: 40px; font-size: 20px; background: #333333; color: #ffffff; font-weight: bold; line-height: 40px; position: absolute; top: 0px; right: -40px; z-index: 9999;  display: block; text-align: center; text-decoration: none;}
.contents .section .career_box > dl.close { /* position:absolute; bottom:0; */  }
.contents .section .career_box > dl.close > dt { height:47px; line-height:47px; }
.contents .section .career_box > dl.close > dd { height:47px; line-height:47px; width:687px; text-align:center; background-color:#f0f1e8; }
.contents .section .career_box > dl.close > dd a { display:block;width:100%; height:100%; text-decoration:none; color:#000; font-weight:bold ; }
.contents .section .career_box > dl.hidden { display:none; }

.contents .section .career_box > dl > dd dl { height:380px; width:623px; padding:40px 32px; background-color:#f8f9ef; }
.contents.en .section .career_box > dl > dd dl { height:420px; }
.contents .section.parttime .career_box > dl > dd dl { height:100px; }

.contents .section .career_box > dl > dd dt { width:140px; line-height:53px; }
.contents.en .section .career_box > dl > dd dt { width:150px; }
.contents .section .career_box > dl > dd dt.en { line-height:1.6; margin-top:4px; }
.contents .section .career_box > dl > dd dd input.year { width:53px; }
.contents .section .career_box > dl > dd dd input.month { width:33px; }
.contents .section textarea { width:428px; height:217px; padding:20px 16px; border:1px solid #000; resize:none; line-height:1.8; }
.contents .section .input_table textarea { }
.contents .section .career_box input,
.contents .section .career_box select,
.contents .section .career_box textarea { border-color:#cecece; }
.contents .section .applying_genre { width:460px; margin:13px 0 20px 0; display:table; }
.contents .section .applying_genre dd { float:left; width:100%; line-height:1; font-size:12px; margin-bottom: 15px; }
.contents.en .section .applying_genre dd { width:460px; }
.contents .section .applying_genre dd input { position:relative; top:2px; margin:0 8px 0 0; }
.contents .section .income .text { width:148px; margin:0 10px 20px 0; }
.contents .section .income .checkbox { margin:0 8px 0 20px; position:relative; top:1px;  }
.contents .section .joining_date { margin:0 0 20px 0; }
.contents .section .joining_date span,
.contents .section .income span { position:relative; top:14px; margin:0 0 0 0px; font-weight:bold; }
.contents .section .joining_date span { margin:0 8px 0 4px; }
.contents .section .joining_date label { width:80px; }
.contents .section .input_table dd.send_work { line-height:2.2; margin-bottom: 15px; }
.contents .section .input_table dd.send_work textarea { margin:10px 0 0 0; height:217px; font-size: 13px; }
/*
.contents .section .place label { width:100px; }
*/
.contents .section .form_check { line-height:2; }
.contents .section .form_check > dd { position:relative; width:540px; min-height:25px; border-width:1px; border-color:#aaaaaa; border-style:none none solid none; padding:17px 0 17px 170px; line-height: 1.8; }
.contents.en .section .form_check > dd { padding-left: 200px; }
.contents .section .form_check > dd h4 { position:absolute; left:0; color:#000; font-weight:bold; width:170px; }
.contents .section .form_check > dd.line2 { min-height:53px; }
.contents .section .form_check > dd.line3 { min-height:84px; }
.contents .section .form_check > dd > dl { display:table; }
.contents .section .form_check > dd > dl dd { float:left; width:270px; }
.contents .section .form_check > dd > span { color:#000; font-weight:bold; }
.contents .section .career { position:relative; border-width:1px; border-color:#000; border-style:none none none solid; padding:40px 0 40px 50px; }
.contents .section .career > dl { background-color:#f0f0f0; padding:30px 30px; width:580px; border-radius: 10px; }
.contents .section .career > h4 { position:absolute; top:-16px; left:-16px; width:32px; height:32px; background-color:#000; color:#fff; text-align:center; line-height:32px; border-radius: 16px; font-size: 12px; font-weight: bold; }
.contents .section .career > dl dt { font-weight:bold; color:#000; font-size:14px; margin:0 0 20px 0; }
.contents .section .career > dl dd { word-wrap: break-word; }
.contents .section .career > dl.now dt { margin:0; }
.contents .section h3.cheader { top:-12px; }
.footer_spacer { height: 335px; clear: both; }
.footer { height:136px; width:100%; margin:-136px 0 0 0; clear:both; }
.footer dl { margin:1px 0 0 38px; height:101px; position:relative; }
.footer dl dd { float:left; margin:0 20px 0 0; position:absolute; bottom:0px }
.footer dl dd.scei { left:0; bottom:2px; }
.footer dl dd.pitstop { left:178px; bottom:1px; }
.footer dl dd.gtcom { left:293px; bottom:10px; }
.footer .copyright {  margin: -20px 56px 0 0; font-size: 10px; font-family: "Garamond Premier Pro", 'Garamond 3 LT Std', 'EB Garamond', serif; color: #AAAAAA; letter-spacing: 0.8px; text-align: right; }
input.text.error { outline:solid 2px #D90000; }
.contents .section .input_table dd,
.contents .section .career_box dd,
span { position:relative; }
.contents .section .career_box_notice { clear:both; margin:0; color:#000; font-size:12px; }
.contents .section .input_table .error + div > span,
.contents .section .career_box .error + div > span {
    position: absolute;
	min-width:88px;
    left: 0px;
	top:-44px;
    background-color: #b40000;
    padding: 10px 14px;
    color: #fff;
    border-radius: 6px;
    cursor: auto;
    display: block;
    line-height: 1.8;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 10px;
	opacity:1;
	text-align:left;
	-webkit-transition: opacity 0.1s ease-in-out;
	-moz-transition: opacity 0.1s ease-in-out;
	-o-transition: opacity 0.1s ease-in-out;
	-ms-transition: opacity 0.1s ease-in-out;
	transition:  opacity 0.1s ease-in-out;
	white-space: nowrap;
}
.contents .section .input_table .error + div > span:before,
.contents .section .career_box .error + div > span:before {
	content: " ";
	width:4px;
	height:11px;
	position:absolute;
	bottom:-11px;
	left:22px;
	background-color:#b40000;
}

.contents .section select.error { border: 2px solid #d90000; }

.contents .section .input_table select + div,
.contents .section .input_table input + div,
.contents .section .career_box select + div,
.contents .section .career_box input + div { position:absolute; }

.contents .section .input_table .error + div,
.contents .section .career_box .error + div {
	width:60px;
	height:20px;
	line-height:20px;
	background-color:#b40000;
	z-index:110;
	position:absolute;
	top:0px;
	right:0;
	font-size:10px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align:center;
	opacity:1;
	color:#fff;
}

.contents .section.parttime .career_box .error + div {
	top: -25px;
	left: 0;
}

.contents .section .input_table input.text.half.error + div { top:0px; right:32px; }
.contents .section .input_table input.text.full.error + div,
.contents .section .career_box input.text.full.error + div { top:14px; left:391px; }
.contents .section .input_table .sex .radio.error + div { top:12px; left:140px; }
.contents .section .input_table .address select + div { top:8px; left:128px; }
.contents .section .input_table .address input.text.full + div { top:70px; left:391px; }
.contents .section .input_table .career_now.error + div { top:13px; right:-70px; }
.contents .section .input_table .income .text.error + div { top:12px; left:111px; }
.contents.en .section .input_table .income select.error + div { top:10px; right:-70px; }

.contents .section .input_table .place .radio.error + div { top:12px; left:223px; }
.contents .section .input_table .place.hope .radio.error + div { top:12px; left:363px; }
.contents.en .section .input_table .place .radio.error + div { top:12px; left: 475px; }
.contents.en .section .input_table .place.hope .radio.error + div { top:12px; right:-45px; left: initial; }

.contents .section .input_table .send_work .radio.error + div { top:35px; left:231px; }
.contents.en .section .input_table .send_work .radio.error + div { top:35px; left:305px; }

.contents .section .input_table .send_work textarea.error + div { top:24px; left:381px; }
.contents .section .input_table .send_work.job25 textarea.error + div { top:25px; left:381px; }
.contents .section .input_table .joining_date .radio.error + div { top:12px; left:161px; }
.contents .section .input_table .birthday .year.error + div { top:-25px; left:51px; }

.contents.en .section .input_table .birthday .month.error + div { top:-24px; left:3px; }
.contents.en .section .input_table .birthday .day.error + div { top:-24px; left:92px; }
.contents.en .section .input_table .birthday .year.error + div { top:10px; left: 230px; }

.contents .section .input_table .birthday .month.error + div { top:-25px; right:128px; }
.contents .section .input_table .birthday .day.error + div { top:-25px; right:30px; }
.contents .section .zipcode #postcode1.error + div { top:-25px; left:163px; }
.contents .section .zipcode #postcode2.error + div { top:-25px; left:33px; }
.contents .section .textbox .error + div { top:20px; left:365px; }
.contents .section .joining_date .year.error + div { top:61px; left:70px; }
.contents .section .joining_date .month.error + div { top:61px; left:182px; }
.contents .section .applying_genre dd input.error + div { top:-3px; left:405px; }

.contents .section .graduation_date .year.error + div { top:14px; left:51px; }
.contents .section .graduation_date .month.error + div { top:14px; left:163px; }

.contents .section .career_box #career01_2_1.error + div,
.contents .section .career_box #career02_2_1.error + div,
.contents .section .career_box #career03_2_1.error + div,
.contents .section .career_box #career04_2_1.error + div,
.contents .section .career_box #career05_2_1.error + div,
.contents .section .career_box #career06_2_1.error + div,
.contents .section .career_box #career07_2_1.error + div,
.contents .section .career_box #career08_2_1.error + div,
.contents .section .career_box #career09_2_1.error + div,
.contents .section .career_box #career10_2_1.error + div { top:-25px; left:17px; }

.contents .section .career_box #career01_2_2.error + div,
.contents .section .career_box #career02_2_2.error + div,
.contents .section .career_box #career03_2_2.error + div,
.contents .section .career_box #career04_2_2.error + div,
.contents .section .career_box #career05_2_2.error + div,
.contents .section .career_box #career06_2_2.error + div,
.contents .section .career_box #career07_2_2.error + div,
.contents .section .career_box #career08_2_2.error + div,
.contents .section .career_box #career09_2_2.error + div,
.contents .section .career_box #career10_2_2.error + div { top:-25px; left:120px; }

.contents .section .career_box #career01_2_3.error + div,
.contents .section .career_box #career02_2_3.error + div,
.contents .section .career_box #career03_2_3.error + div,
.contents .section .career_box #career04_2_3.error + div,
.contents .section .career_box #career05_2_3.error + div,
.contents .section .career_box #career06_2_3.error + div,
.contents .section .career_box #career07_2_3.error + div,
.contents .section .career_box #career08_2_3.error + div,
.contents .section .career_box #career09_2_3.error + div,
.contents .section .career_box #career10_2_3.error + div { top:-25px; left:272px; }

.contents .section .career_box #career01_2_4.error + div,
.contents .section .career_box #career02_2_4.error + div,
.contents .section .career_box #career03_2_4.error + div,
.contents .section .career_box #career04_2_4.error + div,
.contents .section .career_box #career05_2_4.error + div,
.contents .section .career_box #career06_2_4.error + div,
.contents .section .career_box #career07_2_4.error + div,
.contents .section .career_box #career08_2_4.error + div,
.contents .section .career_box #career09_2_4.error + div,
.contents .section .career_box #career10_2_4.error + div { top:-25px; left:379px; }

.contents.en .section .career_box #career01_2_1.error + div,
.contents.en .section .career_box #career02_2_1.error + div,
.contents.en .section .career_box #career03_2_1.error + div,
.contents.en .section .career_box #career04_2_1.error + div,
.contents.en .section .career_box #career05_2_1.error + div,
.contents.en .section .career_box #career06_2_1.error + div,
.contents.en .section .career_box #career07_2_1.error + div,
.contents.en .section .career_box #career08_2_1.error + div,
.contents.en .section .career_box #career09_2_1.error + div,
.contents.en .section .career_box #career10_2_1.error + div { top:10px; right:-74px; left: initial }
.contents.en .section .career_box #career01_2_2.error + div,
.contents.en .section .career_box #career02_2_2.error + div,
.contents.en .section .career_box #career03_2_2.error + div,
.contents.en .section .career_box #career04_2_2.error + div,
.contents.en .section .career_box #career05_2_2.error + div,
.contents.en .section .career_box #career06_2_2.error + div,
.contents.en .section .career_box #career07_2_2.error + div,
.contents.en .section .career_box #career08_2_2.error + div,
.contents.en .section .career_box #career09_2_2.error + div,
.contents.en .section .career_box #career10_2_2.error + div { top:10px; right:-74px; left: initial }
.contents.en .section .career_box #career01_2_3.error + div,
.contents.en .section .career_box #career02_2_3.error + div,
.contents.en .section .career_box #career03_2_3.error + div,
.contents.en .section .career_box #career04_2_3.error + div,
.contents.en .section .career_box #career05_2_3.error + div,
.contents.en .section .career_box #career06_2_3.error + div,
.contents.en .section .career_box #career07_2_3.error + div,
.contents.en .section .career_box #career08_2_3.error + div,
.contents.en .section .career_box #career09_2_3.error + div,
.contents.en .section .career_box #career10_2_3.error + div { top:74px; right:-74px; left: initial }
.contents.en .section .career_box #career01_2_4.error + div,
.contents.en .section .career_box #career02_2_4.error + div,
.contents.en .section .career_box #career03_2_4.error + div,
.contents.en .section .career_box #career04_2_4.error + div,
.contents.en .section .career_box #career05_2_4.error + div,
.contents.en .section .career_box #career06_2_4.error + div,
.contents.en .section .career_box #career07_2_4.error + div,
.contents.en .section .career_box #career08_2_4.error + div,
.contents.en .section .career_box #career09_2_4.error + div,
.contents.en .section .career_box #career10_2_4.error + div { top:74px; right:-74px; left: initial }

.contents .section .career_box #career01_3.error + div { top:20px; left:382px; }
.contents .section .career_box #career02_3.error + div { top:20px; left:382px; }
.contents .section .career_box #career03_3.error + div { top:20px; left:382px; }
.contents .section .career_box #career04_3.error + div { top:20px; left:382px; }
.contents .section .career_box #career05_3.error + div { top:20px; left:382px; }
.contents .section .career_box #career06_3.error + div { top:20px; left:382px; }
.contents .section .career_box #career07_3.error + div { top:20px; left:382px; }
.contents .section .career_box #career08_3.error + div { top:20px; left:382px; }
.contents .section .career_box #career09_3.error + div { top:20px; left:382px; }
.contents .section .career_box #career10_3.error + div { top:20px; left:382px; }

.contents .section .career_box #school01_2_1.error + div { top:-25px; left:0; }
.contents .section .career_box #school01_2_2.error + div { top:-25px; left:114px; }

.contents .section .input_table .error + div:before,
.contents .section .career_box .error + div:before { content: "ERROR"; }
.contents .section .input_table .error + div:hover > span,
.contents .section .career_box .error + div:hover > span { opacity:1; }
.contents .section .input_table .error + div > span:hover,
.contents .section .career_box .error + div > span:hover { opacity:1; }
div.js_template { display:none; }
.color-red { color:#c00; }
/* Webkit */
::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}
/* Firefox 18 �ȑO */
:-moz-placeholder {
    color: #999;
}
/* Firefox 19 �ȍ~ */
::-moz-placeholder {
    color: #999;
    opacity: 1;
}
/* IE 10 �ȍ~ */
:-ms-input-placeholder {
    color: #999;
}
:placeholder-shown {
    color: #999;
}