body{background-color: #fff;}
			#fix-nav {
				top: 0px;
			}
			.content-bg{
				padding-bottom: 90px;
			}

			#careers .page-header{
				margin-top: 145px;
				margin-bottom: 71px;
			}
			#careers h2{
				width: 235px;background-image: url(../../assets/img/tit_bg.png);
			}
			#careers h2 span{
				top: 5px;
				left: 7px;
				letter-spacing: 0.035em;
			}
			
			#careers .row h3{
				color: #00487b;
				font-size: 22px;
				letter-spacing: 0.05em;
				text-align: center;
				margin: 0;
			}
			#careers .row h3 span.attention{
				background: url(../../assets/img/attention_big.gif) no-repeat;
				width: 26px;
				height: 22px;
				display: inline-block;
				position: relative;
				top: 2px;
				margin-right: 6px;
				left: -3px;
			}
			#careers .row h3 br{ display: none; }
			#careers .row p{
				text-align: center;
				color: #213849;
				line-height: 1.786;
				font-size: 14px;
				margin-top: 24px;
				margin-bottom: 0;
				letter-spacing: 0.05em;
			}
			#careers .row p span{
				color: #f976c6;
			}

			#careers .row .submit{
				text-align: center;
			}
			#careers .row .submit input[type="submit"]{
				font-weight: 700;
				color: #fff;
				background-color: #00487b;
				border: none;
				padding: 13px 85px;
				margin-top: 16px;
				letter-spacing: 0.125em;
				font-size: 18px;
				line-height: 25px;
				padding: 13px 6.03%;
			}

			#careers .row .submit-trigger {
				color: #fff;
				background-color: #00487b;
				border: none;
				letter-spacing: 0.125em;
				font-size: 18px;
				line-height: 51px;
				width: 291px;
				height: 51px;
				text-align: center;
				display: block;
				margin: 40px auto 0;
				position: relative;
				overflow: hidden;
			}
			#careers .row .submit-trigger .mark-wrapper {
				width: 100%;
				top: -51px;
			}
			#careers .row .submit-trigger .mark-wrapper span {
				display: block;
			}
			#careers .row .submit-trigger .mark-wrapper span img{
				vertical-align: sub;
			}
			#careers .row .submit-trigger .mark-wrapper span.off { margin-left: 1px;}



			/*----------------------------------------------------
			  index
			  ----------------------------------------------------*/
			#careers .row.index .desc-area{
				width: 900px;
				margin: 30px auto 0;
				background: url(../../assets/img/tit_bg.png);
				padding: 1px;
			}
			#careers .row.index .desc-area .wrapper{
				background-color: #fff;
				padding: 14px 49px 24px;
			}
			#careers .row.index .desc-area .wrapper h4{
				margin: 25px 0 0;
				font-size: 16px;
				line-height: 36px;
				letter-spacing: 0.05em;
			}
			#careers .row.index .desc-area .wrapper h4 span.attention{
				background: url(../../assets/img/attention01.gif) no-repeat;
				width: 15px;
				height: 13px;
				display: inline-block;
				position: relative;
				margin-right: 6px;
				vertical-align: baseline;
			}
			#careers .row.index .desc-area .wrapper h4 span.attention.n02{ background-image: url(../../assets/img/attention02.gif); }
			#careers .row.index .desc-area .wrapper h4 span.attention.n03{ background-image: url(../../assets/img/attention03.gif); }

			#careers .row.index .desc-area .wrapper p{
				text-align: left;
				font-size: 15px;
				margin-top: 4px;
				line-height: 29px;
			}
			#careers .row.index .desc-area .wrapper ul{
				font-size: 15px;
				line-height: 29px;
				list-style: none;
				padding-left: 1em;
				margin-top: 4px;
				letter-spacing: 0.05em;
			}
			#careers .row.index .desc-area .wrapper ul li{
				text-indent: -1em;
			}
			#careers .row.index .desc-area .wrapper ul li::before{
				content:"・";
			}

			#careers .row.index .desc-area .wrapper dl{
				font-size: 15px;
				line-height: 29px;
				letter-spacing: 0.05em;
				margin-top: 4px;
			}
			#careers .row.index .desc-area .wrapper dt::before{
				content:"[";
				padding-right: 4px;
			}
			#careers .row.index .desc-area .wrapper dt{
				float: left;
				margin-right: 16px;
				line-height: 29px;
			}
			#careers .row.index .desc-area .wrapper dt::after{
				content:"]";
				padding-left: 4px;
			}
			#careers .row.index .desc-area .wrapper dd{
				line-height: 29px;
			}
			/*#careers .row.index .submit input[type="submit"]{
				margin-top: 40px;
			}*/

			#careers .row.index hr{
				margin: 91px 45px 87px;
			}

			/*TAB or SP*/
			@media (max-width: 920px) {
				#careers .page-header{ margin-top: 132px; margin-bottom: 60px; }

				#careers .row.index h3{margin: 0 6%;  font-size: 18px; line-height: 23px;}
				#careers .row.index .desc-area{ width: 88%; margin: 30px 6% 0; }
				#careers .row.index .desc-area .wrapper{ padding: 7px 4% 12px; }
				#careers .row.index .desc-area .wrapper p{ margin-left: 0%; margin-right: 0%; }
				#careers .row.index .desc-area .wrapper dt{ float:none; }
				#careers .row.index .desc-area .wrapper dd{ margin-bottom:10px; }
				#careers .row.index hr{ margin: 60px 0;}
			}

			/*----------------------------------------------------
			  input
			  ----------------------------------------------------*/

			#careers .row .error-area{
				margin-top: 24px;
				text-align: center;
				line-height: 1.786;
				font-size: 14px;
				color: #f976c6;
			}

			#careers .row .form-area{
				margin-top: 36px;
			}
			#careers .row .form-area p{
				font-size: 15.7px;
				letter-spacing: 0.102em;
			}
			#careers .row .form-area p span{
				background: url(../../assets/img/attention01.gif) no-repeat;
				width: 15px;
				height: 13px;
				display: inline-block;
				position: relative;
				margin-right: 19px;
				left: 9px;
				top: 1px;
			}
			#careers .row .form-area.n02 p span{ background-image: url(../../assets/img/attention02.gif); }
			#careers .row .form-area.n03 p span{ background-image: url(../../assets/img/attention03.gif); }
			
			#careers .row .form-area .wrapper{
				width: 900px;
				margin: 24px auto;
				background: url(../../assets/img/tit_bg.png);
				padding: 1px 1px 0px 1px;
			}

			#careers .row .form-area .wrapper table{
				font-size: 14px;
				line-height: 23px;
				letter-spacing: 0.05em;
				width: 100%;
			}
			#careers .row .form-area .wrapper table .item-name{
				float: left;
				background-color: #fff;
    			line-height: 30px;
				width: 26.2%;
				padding: 15px 0% 15px 3.4%;
			}
			#careers .row .form-area .wrapper table .item-name span.attention{
				color:#f976c6;
			}

			#careers .row .form-area .wrapper table .item-value{
				background-color: #fff;
    			line-height: 23px;
				margin-left: 0.1%;
				float: left;
				width: 73.7%;
				padding: 15px 0 15px 0;
				margin-bottom: 1px;

			}

			#careers .row .form-area .wrapper table .item-value div{
				float: left;
				width: 50%;
			}

			#careers .row .form-area .wrapper table .item-value div.inner{ width: 100%; padding: 0 6.5% 0 4.5%; position:relative;}

			#careers .row .form-area .wrapper table .item-value div span{
				padding: 0px 7.7% 0 0%;
				position: relative;
				/*top: -1px;*/
			}
			#careers .row .form-area .wrapper table .item-value div.n02 span{
				padding-left: 2.7%;
			}
			#careers .row .form-area .wrapper table .item-value div input{
				height: 30px;
				width: 83.025%;
				padding: 0 12px;
				border: 1px solid #999;
			}

			#careers .row .form-area .wrapper table tr.name .item-value div.inner,
			#careers .row .form-area .wrapper table tr.name-kana .item-value div.inner{ width: 100%; padding: 0 4.5% 0 4.5%; }
			#careers .row .form-area .wrapper table tr.name-kana .item-value div span{ padding-right: 3%; }


			#careers .row .form-area .wrapper table .item-value div.radio-btn{
				background: no-repeat;
				padding: 4.755%;
				width: 0%;
				cursor: pointer;
			}
			#careers .row .form-area .wrapper table .item-value div.radio-btn.off{background-image: url(../img/radio_btn.png); }
			#careers .row .form-area .wrapper table .item-value div.radio-btn.on{background-image: url(../img/radio_btn_ov.png); }

			#careers .row .form-area .wrapper table .item-value div.select-box{
				position: relative;
				width: 17.827%;
				height: 30px;
				cursor: pointer;
			}
			#careers .row .form-area .wrapper table .item-value div.select-box div.selected-text{
				width: 66.6%;
				border: 1px solid #999;
				height: 30px;
				text-align: center;
				line-height: 26px;
			}
			#careers .row .form-area .wrapper table .item-value div.select-box div.selected-text.glay{ color:#a3aaaf;}
			#careers .row .form-area .wrapper table .item-value div.select-box span{
				background: url(../img/select_btn.png) no-repeat;
				padding: 5px 33.4% 5px 0%;
				position: relative;
				top: 4px;
			}
			#careers .row .form-area .wrapper table .item-value div.select-box div.option-group{
				width: 100%;
				float: none;
				clear: both;
				text-align: center;
				background: #fff;

				height: 200px;
				overflow-y: scroll;
				z-index: 100;
				position: relative;
				border-left: 1px solid #999;
				border-right: 1px solid #999;
				border-bottom: 1px solid #999;
			}
			#careers .row .form-area .wrapper table .item-value div.select-box div.option-group div{
				width: 100%;
				float: none;
				border: 1px solid #999;
				border-bottom: none;
				border-left: none;
			}
			#careers .row .form-area .wrapper table .item-value div.select-box div.option-group div:first-child{
				border-top: none;	
			}
			#careers .row .form-area .wrapper table .item-value div.select-box div.option-group div.focus{
				background-color : #7bc8e9;
				color: #fff;
			}

			#careers .row .form-area .wrapper table .item-value div.select-box.custom-ui div.option-group{ overflow: hidden; }
			#careers .row .form-area .wrapper table .item-value div.select-box.custom-ui div.option-group div.option-list { overflow: visible; border: none; position: relative; width: 77%; }
			#careers .row .form-area .wrapper table .item-value div.select-box.custom-ui div.option-group div.select-box-ui{
				border: none;
				position: absolute;
				top: 0;
				right: 0px;
				width: 24px;
				height: 100%;
				border-left: 1px solid #999;
				background: #fff;
			}
			#careers .row .form-area .wrapper table .item-value div.select-box.custom-ui div.option-group div.select-box-ui div.select-box-up{
				width: 24px;
				height: 20px;
				border: none;
				position: absolute;
				background: url(../img/textarea_up.png) no-repeat;
				top: 0px;
			}
			#careers .row .form-area .wrapper table .item-value div.select-box.custom-ui div.option-group div.select-box-ui div.select-box-scroll{
				border: none;
				position: absolute;
				top: 20px;
				width: 24px;
				height: 159px;
			}
			#careers .row .form-area .wrapper table .item-value div.select-box.custom-ui div.option-group div.select-box-ui div.select-box-scroll span{
				width: 24px;
				height: 38px;
				border: none;
				position: absolute;
				background: url(../img/textarea_scroll.png) no-repeat;
				padding: 0;
				top: 0px;
				left: 0px;
			}
			#careers .row .form-area .wrapper table .item-value div.select-box.custom-ui div.option-group div.select-box-ui div.select-box-down{
				width: 24px;
				height: 20px;
				border: none;
				position: absolute;
				background: url(../img/textarea_down.png) no-repeat;
				bottom: 0px;
			}



			#careers .row .form-area .wrapper table tr.sex .item-value{ padding: 16px 0 14px 0; }
			#careers .row .form-area .wrapper table tr.sex .item-value div.inner { height: 30px; }
			#careers .row .form-area .wrapper table tr.sex .item-value div.n01 div.radio-btn{ margin-left: 0%; }
			#careers .row .form-area .wrapper table tr.sex .item-value div.n01 span{ padding: 0 0% 0 5%; top: 3px; }
			#careers .row .form-area .wrapper table tr.sex .item-value div.n02 { margin-left: -34.3%; }
			#careers .row .form-area .wrapper table tr.sex .item-value div.n02 span{ top: 2px; padding-left: 3.4%; }

			#careers .row .form-area .wrapper table tr.birthday .item-value{
				padding: 14px 0 16px 0;
			}
			#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box{
				float: left;
				margin-left: 0%;
			}
			#careers .row .form-area .wrapper table tr.birthday .item-value div.inner > span{
				float: left;
				margin-left: 1.5%;
				font-weight: 700;
				position: relative;
				top: 4px;
				padding-right: 0;
			}

			#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box.birthday-month{ width: 14.431%; margin-left: 3.397%;}
			#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box.birthday-day{ width: 14.431%; margin-left: 3.3%;}

			#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box.birthday-month div.selected-text,
			#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box.birthday-day div.selected-text{ width: 58.8%; }

			#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box.birthday-month span,
			#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box.birthday-day span{ padding: 5px 41.2% 5px 0%; }

			#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box.birthday-month div.option-list,
			#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box.birthday-day div.option-list{ width: 71.8%; }


			#careers .row .form-area .wrapper table tr.mixed .item-name{ padding-bottom: 0px;}
			#careers .row .form-area .wrapper table tr.mixed .item-value{ padding-bottom: 0px; margin-bottom: 0px;}

			#careers .row .form-area .wrapper table tr.email .item-value div input{ width: 100%; }

			#careers .row .form-area .wrapper table tr.zip-code .item-value div span{ padding: 0px 1% 0 0%; }
			#careers .row .form-area .wrapper table tr.zip-code .item-value div input{ width: 17%; }
			/*#careers .row .form-area .wrapper table tr.zip-code .item-value div span.addr-btn{
				color: #fff;
				background-color: #00487b;
				border: none;
				margin-left: 1.8%;
				display: inline-block;
				padding: 3px 3.1% 4px;
				cursor:pointer;

				top: 0px;
				position: relative;
				vertical-align: top;
			}*/
			#careers .row .form-area .wrapper table tr.zip-code .item-value div a.addr-btn{
				color: #fff;
				background-color: #00487b;
				border: none;
				display: inline-block;
				position: relative;
				overflow: hidden;
				padding: 5px 16.2% 5px 0;
				vertical-align: top;
				text-align: center;
				line-height: 30px;
				height: 30px;
				margin-left: 1.7%;
			}
			#careers .row .form-area .wrapper table tr.zip-code .item-value div a.addr-btn .mark-wrapper{
				width: 100%;
				float: none;
				top: -30px;
			}
			#careers .row .form-area .wrapper table tr.zip-code .item-value div a.addr-btn .mark-wrapper span{
				display: block;
				padding: 0;
			}
			#careers .row .form-area .wrapper table tr.zip-code .item-value div a.addr-btn .mark-wrapper span img{vertical-align: sub;}
			#careers .row .form-area .wrapper table tr.zip-code .item-value div span.note{ padding: 0px 0% 0 1.2%; }

			#careers .row .form-area .wrapper table tr.addr .item-value div input{ width: 100%; }
			
			#careers .row .form-area .wrapper table tr.tel .item-value input { width: 12%; }
			#careers .row .form-area .wrapper table tr.tel .item-value div span{ padding: 0px 1%; }
			#careers .row .form-area .wrapper table tr.tel .item-value div span.note{ padding: 0px 0.5%; }


			#careers .row .form-area .wrapper table tr.workedyear .item-value { padding: 16px 0 14px 0; }
			#careers .row .form-area .wrapper table tr.workedyear .item-value div.select-box { width: 23.1%; }
			#careers .row .form-area .wrapper table tr.workedyear .item-value div.select-box div.selected-text { width: 74.2%; }
			#careers .row .form-area .wrapper table tr.workedyear .item-value div.select-box span { padding: 5px 25.8% 5px 0%; }
			#careers .row .form-area .wrapper table tr.workedyear .item-value div.select-box.custom-ui div.option-group div.option-list { width: 83%; }

			#careers .row .form-area .wrapper table tr.job .item-value { padding: 16px 0 14px 0; }
			#careers .row .form-area .wrapper table tr.job .item-value div.select-box { width: 50.2%; }
			#careers .row .form-area .wrapper table tr.job .item-value div.select-box div.selected-text { width: 88%; }
			#careers .row .form-area .wrapper table tr.job .item-value div.select-box span { padding: 5px 12% 5px 0%; }
			#careers .row .form-area .wrapper table tr.job .item-value div.select-box .option-group{ height: auto; overflow-y: auto; border-right: 1px solid transparent; }

			#careers .row .form-area .wrapper table tr.name .item-value div.inner,
			#careers .row .form-area .wrapper table tr.name-kana .item-value div.inner,
			#careers .row .form-area .wrapper table tr.email .item-value div.inner,
			#careers .row .form-area .wrapper table tr.zip-code .item-value div.inner,
			#careers .row .form-area .wrapper table tr.addr .item-value div.inner,
			#careers .row .form-area .wrapper table tr.tel .item-value div.inner{
				height: 30px;
			}


			#careers .row .form-area.n02{
				margin-top: 64px;
			}

			#careers .row .form-area.n02 .wrapper table .item-name{ 
				width: 30.5%;
				line-height: 30px;
				padding: 14px 0 16px 3.3%;
			}
			#careers .row .form-area.n02 .wrapper table .item-value{
				width: 69.4%;
				padding: 15px 0 15px 0;
			}
			#careers .row .form-area.n02 .wrapper table .item-value div.inner{
				padding: 0 6.3% 0 4.9%;
			}

			#careers .row .form-area .wrapper table .item-value .file-wrapper{ 
				position: relative;
				width: 78.3%;
				overflow: hidden;
				height: 30px;
			}

			#careers .row .form-area .wrapper table .item-value .dmy{
				height: 30px;
				width: 69.25%;
			}
			#careers .row .form-area .wrapper table .item-value .btn{
				border: none;
				border-radius: 0;
				background-color: #00487b;
				color: #fff;
				letter-spacing: 0.1em;
				margin: 0px 0% 0px 1.6%;
				padding: 4px 3.5% 6px 3.4%;

				vertical-align: top;
			}
			#careers .row .form-area .wrapper table .item-value input[type="file"]{ 
				width: 100%;
				height: 100%;
				font-size: 1000%;
				position: absolute;
				top: 0;
				left: 0;
				opacity: 0;
				cursor: pointer;
				padding: 100%;
			}
			
			#careers .row .form-area .wrapper table tr.resume .item-value div span{
				padding: 0px 0% 0 1.5%;
				top: 4px;
				font-size: 13px;
				letter-spacing: 0.1em;
			}



			#careers .row .form-area.n03{
				margin-top: 63px;
			}
			#careers .row .form-area.n03 .wrapper table .item-name{ 
				width: 33.9%;
				padding: 18px 0% 17px 3.3%;
				line-height: 23px;
			}
			#careers .row .form-area.n03 .wrapper table .item-value{
				width: 66%;
				padding: 15px 0 17px 0;
			}
			#careers .row .form-area.n03 .wrapper table .item-value div.inner{
				padding: 0px 6.5% 0 5.1%;
			}

			#careers .row .form-area.n03 .wrapper table .item-value input[type="text"]{
				height: 30px;
			}


			#careers .row .form-area.n03 .wrapper table tr.url .item-name{ 
				padding: 18px 0% 106px 3.3%;
			}
			#careers .row .form-area.n03 .wrapper table tr.url .item-value{
				padding: 15px 0 14px 0;
			}
			#careers .row .form-area.n03 .wrapper table tr.url .item-value div input[type="text"]{
				width: 47.72%;
			}
			#careers .row .form-area.n03 .wrapper table tr.url .item-value div span{
				display: block;
				top: 0;
				font-size: 13px;
				letter-spacing: 0.105em;
				line-height: 18px;
			}
			#careers .row .form-area.n03 .wrapper table tr.url .item-value div span.note::before{
				content:"※";
				display: block;
				position: absolute;
				left: 0;
			}
			#careers .row .form-area.n03 .wrapper table tr.url .item-value div span.note{
				padding: 12px 0 0 3.8%;
				margin-left: 2.5%;
				width: 86.08%;
			}
			#careers .row .form-area.n03 .wrapper table tr.url .item-value div span.sample{ padding: 9px 0 0 2.4%; width: auto; }



			#careers .row .form-area.n03 .wrapper table tr.password .item-name{ 
				padding: 18px 0% 46px 3.3%;
			}
			#careers .row .form-area.n03 .wrapper table tr.password .item-value{
				padding: 15px 0 12px 0;
			}
			#careers .row .form-area.n03 .wrapper table tr.password .item-value div input[type="text"]{
				width: 47.72%;
			}
			#careers .row .form-area.n03 .wrapper table tr.password .item-value div span{
				display: block;
				top: 0;
				font-size: 13px;
				letter-spacing: 0.105em;
				line-height: 18px;
			}
			#careers .row .form-area.n03 .wrapper table tr.password .item-value div span.note::before{
				content:"※";
				display: block;
				position: absolute;
				left: 0;
			}
			#careers .row .form-area.n03 .wrapper table tr.password .item-value div span.note{
				padding: 12px 0 0 3.8%;
				margin-left: 2.5%;
				width: 86.08%;
			}


			#careers .row .form-area.n03 .wrapper table tr.portfolio .item-value .file-wrapper{ width: 82.7%; float: none;}
			#careers .row .form-area.n03 .wrapper table tr.portfolio .item-value .dmy{ width: 69.24%; }
			#careers .row .form-area.n03 .wrapper table tr.portfolio .item-value div span{
				display: block;
				top: 0;
				font-size: 13px;
				letter-spacing: 0.105em;
				line-height: 18px;
			}
			#careers .row .form-area.n03 .wrapper table tr.portfolio .item-value div span.note::before{
				content:"※";
				display: block;
				position: absolute;
				left: 0;
			}
			#careers .row .form-area.n03 .wrapper table tr.portfolio .item-value div span.note{
				padding: 12px 0 0 3.8%;
				margin-left: 2.5%;
				width: 86.08%;
			}

			#careers .row .form-area.n03 .wrapper table tr.portfolio.n01 .item-name { padding: 18px 0% 4px 3.3%; }
			#careers .row .form-area.n03 .wrapper table tr.portfolio.n01 .item-value { padding-bottom: 0%; }
			#careers .row .form-area.n03 .wrapper table tr.portfolio.n02 .item-name { padding: 18px 0% 82px 3.3%; }
			#careers .row .form-area.n03 .wrapper table tr.portfolio.n02 .item-value { padding: 15px 0 12px 0; }

			#careers .row .form-area.n03 .wrapper table tr.demo .item-name{
				padding: 18px 0% 244px 3.3%;
			}
			#careers .row .form-area.n03 .wrapper table tr.demo .item-value{
				/*padding: 1.7% 0 1.65% 0;*/
				padding: 15px 0 15px 0;
			}
			#careers .row .form-area.n03 .wrapper table tr.demo .item-value div.inner{
				padding: 0px 5.2% 0 5.1%;
			}
			#careers .row .form-area.n03 .wrapper table tr.demo .item-value .textarea-wrapper{
				width: 100%;
				float: none;
				position: relative;
				height: 255px;
				overflow: hidden;
			}
			#careers .row .form-area.n03 .wrapper table tr.demo .item-value .textarea-wrapper textarea{
				position: absolute;
				width: 100%;
				overflow: hidden;
				height: 100%;
				padding: 0 30px 0 10px;
			}
			#careers .row .form-area.n03 .wrapper table tr.demo .item-value .textarea-wrapper.no-scroll textarea{
				padding: 0 10px;
			}
			#careers .row .form-area.n03 .wrapper table tr.demo .item-value .textarea-wrapper.no-scroll .textarea-ui{
				display: none;
			}
			#careers .row .form-area.n03 .wrapper table tr.demo .item-value .textarea-ui{
				height: 100%;
				width: 24px;
				border: 1px solid #999;
				border-right: none;
				position: absolute;
				right: 1px;
				background-color: #fff;
			}
			#careers .row .form-area.n03 .wrapper table tr.demo .item-value .textarea-ui .textarea-up{
				background: url(../img/textarea_up.png) no-repeat;
				width: 24px;
				height: 20px;
				margin-left: -1px;
				cursor:pointer;
				position: absolute;
				top: 0px;
			}
			#careers .row .form-area.n03 .wrapper table tr.demo .item-value .textarea-ui .textarea-down{
				background: url(../img/textarea_down.png) no-repeat;
				width: 24px;
				height: 20px;
				margin-left: -1px;
				position: absolute;
				bottom: 0px;
				cursor:pointer;
			}
			#careers .row .form-area.n03 .wrapper table tr.demo .item-value .textarea-ui .textarea-scroll{
				width: 24px;
				top: 20px;
				height: 213px;
				position: absolute;
			}
			#careers .row .form-area.n03 .wrapper table tr.demo .item-value .textarea-ui .textarea-scroll span{
				background: url(../img/textarea_scroll.png) no-repeat;
				width: 24px;
				height: 38px;
				margin-left: -1px;
				position: absolute;
				top: 0px;
				cursor:pointer;
			}

			/*TAB or SP*/
			@media (max-width: 920px) {
				#careers .row h3 br{ display: block; }
				#careers .row p{ margin-left: 6%; margin-right: 6%; text-align: left; }
				#careers .row p span{ display:block; text-align: center; }
				#careers .row .form-area .wrapper{ width: 88%; margin-left: 6%; margin-right: 6%; }
				
				#careers .row .form-area .wrapper table .item-name{ width: 100%; float: none; padding-left: 4.5%; padding-right: 4.5%; padding-bottom: 0; }
				#careers .row .form-area .wrapper table .item-value{ width: 100%;float: none; margin-left: 0; }
				#careers .row .form-area .wrapper table .item-value div.inner{ height: auto; padding-left: 4.5%; padding-right: 4.5%; }
				#careers .row .form-area .wrapper table .item-value div{ float: none; width: 100%; }
				#careers .row .form-area .wrapper table .item-value div.n01,
				#careers .row .form-area .wrapper table .item-value div.n02{ float: none; width: 100%; padding-bottom: 15px; }
				#careers .row .form-area .wrapper table .item-value div.n02 span{padding-left: 0;}

				#careers .row .form-area .wrapper table tr.sex .item-value div.n01,
				#careers .row .form-area .wrapper table tr.sex .item-value div.n02{ float: left; width: 50%; }
				#careers .row .form-area .wrapper table tr.sex .item-value div.radio-btn{padding: 14px; float: left;}
				#careers .row .form-area .wrapper table tr.sex .item-value div.n02{margin-left: 0;}


				#careers .row .form-area .wrapper table tr.birthday .item-value div.inner::after{ content:" ";display: block;clear: both;}
				
				#careers .row .form-area .wrapper table .item-value div.select-box{ width: 25%;     border: 1px solid #999;}
				#careers .row .form-area .wrapper table .item-value div.select-box div.selected-text{float: left; width: 74%;    border: none; }
				#careers .row .form-area .wrapper table .item-value div.select-box span{background-position: center center; padding-right: 26%;    float: right; padding-top: 30px; top: -1px; padding-bottom: 0px; }
				#careers .row .form-area .wrapper table .item-value div.select-box div.option-group{border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999;}
				#careers .row .form-area .wrapper table .item-value div.select-box div.option-group div{border-left: none; border-right: none;}

				#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box.birthday-month,
				#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box.birthday-day{ width: 23%; }
				
				#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box.birthday-month div.selected-text,
				#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box.birthday-day div.selected-text{float: left; width: 66%;}
				#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box.birthday-month span,
				#careers .row .form-area .wrapper table tr.birthday .item-value div.select-box.birthday-day span{background-position: center center; padding-right: 28%; padding-top: 30px; padding-bottom: 0px; }


				#careers .row .form-area .wrapper table tr.name .item-value div.inner,
				#careers .row .form-area .wrapper table tr.name-kana .item-value div.inner,
				#careers .row .form-area .wrapper table tr.email .item-value div.inner,
				#careers .row .form-area .wrapper table tr.zip-code .item-value div.inner,
				#careers .row .form-area .wrapper table tr.addr .item-value div.inner,
				#careers .row .form-area .wrapper table tr.tel .item-value div.inner{
					height: auto;
				}

				#careers .row .form-area .wrapper table tr.zip-code .item-value div input{ width: 30%; }
				#careers .row .form-area .wrapper table tr.zip-code .item-value div a.addr-btn{ padding:5px 26.2% 5px 0; }
				#careers .row .form-area .wrapper table tr.zip-code .item-value div span.note{ font-size: 10px; }

				#careers .row .form-area .wrapper table tr.tel .item-value input{ width: 25%; }
				#careers .row .form-area .wrapper table tr.tel .item-value div span.note{ font-size: 10px; display: block; }
				
				#careers .row .form-area .wrapper table tr.workedyear .item-value div.select-box{width: 45%;}
				#careers .row .form-area .wrapper table tr.workedyear .item-value div.select-box span{ padding-top: 30px; padding-bottom: 0px;}

				#careers .row .form-area .wrapper table tr.job .item-value div.select-box{width: 97%;}
				#careers .row .form-area .wrapper table tr.job .item-value div.select-box span{ padding-top: 30px; padding-bottom: 0px;}

				#careers .row .form-area.n02 .wrapper table .item-name{ width: 100%; padding: 15px 4.5% 0; }
				#careers .row .form-area.n02 .wrapper table .item-value{ width: 100%; }
				#careers .row .form-area.n02 .wrapper table .item-value div.inner{ padding: 0 4.5%; }
				#careers .row .form-area .wrapper table .item-value .file-wrapper{ width: 100%; }
				#careers .row .form-area .wrapper table .item-value .dmy{ width: 50%; }


				#careers .row .form-area.n03 .wrapper table tr.url .item-name{ padding: 15px 4.5% 0px; width: 100%; }
				#careers .row .form-area.n03 .wrapper table tr.url .item-value{ width: 100%; padding: 15px 0; }
				#careers .row .form-area.n03 .wrapper table .item-value div.inner{ padding: 0 4.5%; }
				#careers .row .form-area.n03 .wrapper table tr.url .item-value div input[type="text"],
				#careers .row .form-area.n03 .wrapper table tr.url .item-value div span.note,
				#careers .row .form-area.n03 .wrapper table tr.url .item-value div span.sample{ width: 100%; }

				#careers .row .form-area.n03 .wrapper table tr.password .item-name{ padding: 15px 4.5% 0px; width: 100%; }
				#careers .row .form-area.n03 .wrapper table tr.password .item-value{ width: 100%; padding: 15px 0; }
				#careers .row .form-area.n03 .wrapper table tr.password .item-value div input[type="text"],
				#careers .row .form-area.n03 .wrapper table tr.password .item-value div span.note{ width: 100%; }

				#careers .row .form-area.n03 .wrapper table tr.portfolio.n01 .item-name{ padding: 15px 4.5% 0px; width: 100%; }
				#careers .row .form-area.n03 .wrapper table tr.portfolio.n01 .item-value{ width: 100%; }
				#careers .row .form-area.n03 .wrapper table tr.portfolio.n01 .item-value .file-wrapper { width: 100%; }
				#careers .row .form-area.n03 .wrapper table tr.portfolio.n01 .item-value .dmy { width: 50%; }

				#careers .row .form-area.n03 .wrapper table tr.portfolio.n02 .item-name{ padding: 15px 4.5% 0px; width: 100%; }
				#careers .row .form-area.n03 .wrapper table tr.portfolio.n02 .item-value{ width: 100%;     padding: 15px 0; }
				#careers .row .form-area.n03 .wrapper table tr.portfolio.n02 .item-value .file-wrapper { width: 100%; }
				#careers .row .form-area.n03 .wrapper table tr.portfolio.n02 .item-value .dmy { width: 50%; }

				#careers .row .form-area.n03 .wrapper table tr.demo .item-name{ padding: 15px 4.5% 0px; width: 100%; }
				#careers .row .form-area.n03 .wrapper table tr.demo .item-value{ width: 100%; }
				#careers .row .form-area.n03 .wrapper table tr.demo .item-value div.inner{padding:0 4.5%;}

				#careers .row .submit-trigger{ width: 60%;}
			}
			/*----------------------------------------------------
			  check
			  ----------------------------------------------------*/
			#careers .row.check .form-area .wrapper table tr.name .item-value div.n01 span,
			#careers .row.check .form-area .wrapper table tr.name-kana .item-value div.n01 span{
				padding-left: 0;
			}
			#careers .row.check .form-area .wrapper table tr.sex .item-value div span{
				padding-left: 0;
			}

			#careers .row.check .form-area .wrapper table .item-value div.select-box,
			#careers .row.check .form-area .wrapper table tr.workedyear .item-value div.select-box,
			#careers .row.check .form-area .wrapper table tr.job .item-value div.select-box{
				border: none;
				width: auto;
			}
			#careers .row.check .form-area .wrapper table .item-value div.select-box div.selected-text,
			#careers .row.check .form-area .wrapper table tr.workedyear .item-value div.select-box div.selected-text,
			#careers .row.check .form-area .wrapper table tr.job .item-value div.select-box div.selected-text{
				border: none;
				width: auto;
			}
			#careers .row.check .form-area .wrapper table tr.birthday .item-value div.inner > span{
				float: left;
				padding-left: 0;
				padding-right: 2%;
				top: 0px;
			}
			#careers .row.check .form-area .wrapper table tr.birthday .item-value div.birthday-year,
			#careers .row.check .form-area .wrapper table tr.birthday .item-value div.birthday-month,
			#careers .row.check .form-area .wrapper table tr.birthday .item-value div.birthday-day{
				margin-left: 0;
				width: auto;
				/*top: 4px;*/
				position: relative;
			}

			#careers .row.check .form-area .wrapper table .item-value .file-wrapper{ line-height: 30px; }

			#careers .row.check .form-area.n01 .wrapper table .item-value div.inner{ line-height: 30px; }

			#careers .row.check .form-area.n03 .wrapper table tr.url .item-name{ padding: 18px 0% 17px 3.3%; }
			#careers .row.check .form-area.n03 .wrapper table tr.url .item-value{ padding: 18px 0 40px 0; }
			#careers .row.check .form-area.n03 .wrapper table tr.url .item-value div.inner{ height: 23px; }

			#careers .row.check .form-area.n03 .wrapper table tr.password .item-name{ padding: 18px 0% 17px 3.3%; }
			#careers .row.check .form-area.n03 .wrapper table tr.password .item-value{ padding: 18px 0% 17px 0; }
			#careers .row.check .form-area.n03 .wrapper table tr.password .item-value div.inner{ height: 23px; }

			#careers .row.check .form-area.n03 .wrapper table tr.portfolio.n02 .item-name{ padding: 18px 0% 16px 3.3%; }

			#careers .row .submit-trigger + .submit-trigger{
				margin-top: 20px;
			}



			/*----------------------------------------------------
			  finish
			  ----------------------------------------------------*/
			  #careers .row.finish p + p{
			  	margin-top: 12px;
			  }
			.footer-bg.fix-pos{
				position: fixed;
				bottom: 0px;
				width: 100%;
			}