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

      register.css

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


/* ============
    リセット
============= */

* { box-sizing:border-box;}

html,body {
  background:#FFF;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align:center;
  -webkit-text-size-adjust: 100%;
}

html,body,h1,h2,h3,h4,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: middle;
}

article,header,footer,aside,figure,figcaption,nav,section {
  display: block;
}

body {
  margin:20px 0;
  color: #000;
  font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
  line-height: 1;
}

h1,h2,h3,h4,ul,ol,dl,li,dt,dd,p,span,a {
  line-height: 1.5;
}

ol,ul {
  list-style: none;
  list-style-type: none;
}

a:link, a:visited {
  text-decoration: none;
}


input,
select,
button,
textarea {
	font-size:16px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:0;
}

textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {
  outline: 0;
  box-shadow: none;
  border: 0;
  background-color: #ffffff;
}
input:-webkit-autofill,
select:-webkit-autofill {
	font-size:16px;
	border:0;
    -webkit-box-shadow: 0 0 0 0 #FFF inset;
    animation-name: onAutoFillStart;
    transition: background-color 50000s ease-in-out 0s;
}

select:focus {
  outline: 0;
}

img {max-width:100%;height:auto;}


.hidden {overflow:hidden;}



.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}



#container {
	margin:0 auto;
	width:960px;
	border:1px solid #D6DCE5;
	box-sizing:border-box;
}


.wrap {
	margin-left:auto;
	margin-right:auto;
	width:692px;
}





header {
	width:100%;
	height:68px;
	text-align:left;
	background:#FFF;
}
	header .wrap {width:880px;}






footer {}
	footer .wrap {width:880px;}
				

	.privacyArea {
		overflow:hidden;
	}
		.privacyArea img {
			float:left;
		}
		.privacyArea p {
		    padding-top: 14px;
			text-align:left;
		}

	footer small {
		display:block;
		padding:10px;
		font-size:12px;
		color:#FFF;
		background:#333333;
	}







#formArea {padding:0;}
	#formArea h1 {
		padding:10px 0;
		font-size:28px;
		color:#ff5252;
		font-weight:bold;
	}
	
	.area-form {
		width:100%;
		background:#D6DCE5;
	}
	



	.area-form .wrap {
		overflow:hidden;
		position:relative;
		width:100%;
		height:417px;
		-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;
	}
		.area-form .wrap #slideWrap {
			overflow:hidden;
			position:absolute;
			display:block;
			left:0;
			top:0;
			width:3840px;
			z-index:9999;
			-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;
		}
			.area-form .wrap .step {
				float:left;
				padding:0 0 40px 0;
				width:960px;
			}
				.area-form .wrap .step .inner {
					margin:0 auto;
					width:692px;
				}
	
	
	.area-form .wrap.step0 {height:685px;}
	.area-form .wrap #slideWrap.step0 {left:0;}
	
	.area-form .wrap.step1 {height:655px;}
	.area-form .wrap #slideWrap.step1 {left:-960px;}
	
	.area-form .wrap.step2 {height:638px;}
	.area-form .wrap #slideWrap.step2 {left:-1920px;}
	
	.area-form .wrap.step3 {height:745px;}
	.area-form .wrap #slideWrap.step3 {left:-2880px;}




	.step_mv {
		margin-bottom:40px;
		width:100%;
	}
	.step_mv.step_mv0 {background:var(--primary-color);}
	.step_mv.step_mv1 {background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color) 50%,#707070 50%,#707070 100%);}
	.step_mv.step_mv2 {background:#707070;}
	.step_mv.step_mv3 {background:linear-gradient(90deg,#707070 0%,#707070 50%,var(--primary-color) 50%,var(--primary-color) 100%);}
	
		.step_mv p {
			height:60px;
			/* text-indent:-9999px; */
			background-position: center 0;
			background-repeat:no-repeat;
			text-align: center;
			line-height: 60px;
			color: white;
			font-size: 1.4rem;
			font-weight: bold;
		}
		/* .step_mv.step_mv0 p {background-image:url(../img/step_mv0.jpg);} */
		.step_mv.step_mv1 p {background-image:url(../img/step_mv1.jpg);}
		.step_mv.step_mv2 p {background-image:url(../img/step_mv2.jpg);}
		.step_mv.step_mv3 p {background-image:url(../img/step_mv3.jpg);}


	.keyArea {margin-bottom:30px;text-align:center;}
		.keyArea:before {
			display:inline-block;
			margin-right:5px;
			width:auto;
			width:14px;
			height:16px;
			content:'';
			background:url(../img/icon_key.jpg);
			background-size:auto 100%;
		}

		
			.area-form input[type="text"],
			.area-form input[type="email"],
			.area-form input[type="tel"],
			.area-form select {
				cursor:pointer;
				padding:10px;
				width:100%;
				height:50px;
				font-size:20px !important;
				color:#000;
				background:#FFF;
				border-radius:5px;
			}
			.area-form select {
				background:#FFF url(../img/icon_arr2.png) 95% center no-repeat;
				background-size:20px 17px;}
			
			.area-form .inp_hope_subject select {display:inline-block;width:547px;background-position:97% center;}
			
			.area-form .inp_birth_y select {width:100%;background-position:90% center;}
			.area-form .inp_birth_m select {width:100%;background-position:90% center;}
			.area-form .inp_birth_d select {width:100%;background-position:90% center;}
			
			.area-form .inp_hope_subject div input {display:inline-block;width:100%;}
			.area-form .inp_name input {display:inline-block;width:607px;}

			.area-form option {margin:0;padding:0;}
			
			
			.area-form dl {font-size:0;}
				.area-form dt {margin-bottom:20px;font-size:24px;font-weight:bold;}
					.area-form dt span {display:block;font-size:16px;color:var(--primary-color);font-weight:normal;}
					
			.area-form .ttl {margin-bottom:20px;font-size:24px;font-weight:bold;}
			.area-form .inp_hope_subject .ttl {
				display:inline-block;
				margin-bottom:0;
				width:140px;
				line-height:50px;
				text-align:left;
			}
			.area-form .inp_name .ttl {
				display:inline-block;
				margin-bottom:0;
				width:80px;
				line-height:50px;
				text-align:left;
			}
			.area-form .inp_area .ttl {
				display:inline-block;
				margin-bottom:0;
				margin-right:30px;
				width:145px;
				line-height:50px;
				text-align:left;
			}
			.area-form .inp_tel .ttl,
			.area-form .inp_mail .ttl {
				display:inline-block;
				margin-bottom:0;
				margin-right:30px;
				width:170px;
				line-height:50px;
				text-align:left;
			}
					.area-form .ttl span {display:inline-block;font-size:16px;color:var(--primary-color);font-weight:normal;}
			
			
				.area-form dd {display:inline-block;margin-right:31px;width:210px;}
				.area-form dd:nth-child(4) {margin-right:0;}
				.area-form dd:nth-child(5) {margin-top:20px;}
				.area-form dd:nth-child(6) {margin-top:20px;margin-right:0;width:451px;}

				.area-form .inp_start dl {
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
				}
				.area-form .inp_start dt {
					width: 100%;
				}
				.area-form .inp_start dd {
					width: calc((100% / 3) - 22px);
					margin: 0;
				}
				.area-form .inp_start dd:nth-of-type(1),
				.area-form .inp_start dd:nth-of-type(2) {
					width: calc(50% - 16px);
					margin: 0 0 20px;
				}

					.area-form dd input {display:none;}
				
					.area-form dd label, .inp_hope_subject a {
						display:block;
						width:100%;
						height:60px;
						font-size:20px;
						color:#0e4486;
						line-height:60px;
						font-weight:bold;
						text-align:center;
						border-radius:5px;
						background:#FFF;
						box-shadow:0px -3px 3px -1px #B3B2B2 inset;
						cursor:pointer;
					}
					.area-form dd input:checked + label {
						color:#fff;
						background:var(--primary-color);
						box-shadow:0px 0 0px 0px #B3B2B2;
					}
			

			.area-form .btn {position:relative;height:90px;}
			.area-form #step4 .btn {position:relative;height:118px;}

				.area-form .back {
					display: inline-block;
					position: absolute;
					left: 0;
					top: 0;
					width: auto;
					height: auto;
					font-size: 20px;
					color: var(--primary-color);
					text-indent: 0;
					line-height: 90px;
					text-align: center;
					text-decoration: underline;
					border-radius: 0;
					background: none !important;
					box-shadow: 0 0 0 0 #4f4e4e inset;
					cursor: pointer;
				}
				.area-form .step .back:hover {opacity:0.7;}
				.area-form #step4 .back {top:24px;}

				.area-form .next {
					display:block;
					margin:0 auto;
					width:690px;
					height:90px;
					font-size:40px;
					color:#FFF;
					line-height:90px;
					font-weight:bold;
					text-align:center;
					border-radius:5px;
					background:#1e5fb3 url(../img/icon_arr1.png) 95% center no-repeat;
					box-shadow:0px -3px 3px -1px #8ba2c1 inset;
					cursor:pointer;
				}
				.area-form .step .next:hover {opacity:0.7;}
				
				.area-form #step1 .next,
				.area-form #step2 .next {float: right;width:515px;}
				
				.area-form .next span {font-size:30px;font-weight:bold;}
				
				
				.area-form .submit_off,
				.area-form input[type="button"] {
					display:inline-block;
					width:515px;
					height:90px;
					text-indent:-9999px;
					background:url(../img/btn_submit.png) 0 0 no-repeat !important;
					cursor:pointer;
				}
				.area-form .submit_off:hover,
				.area-form input[type="button"]:hover {opacity:0.7;}
				
				
			.area-form .hosoku {margin-top:20px;text-align:left;}

					.area-form #step1 .next, .area-form #step2 .next {
						float: none;
					}



.err {
	opacity:0;
	display:inline-block;
	position:absolute;
    top: 40px;
    left: 10%;
	transform: translate(-50%,0);
	padding:5px 14px;
	font-size:12px;
	color:#FFF;
	background:#d9236e;
	border-radius:10px;
	box-shadow:5px 7px 8px -11px #000;
	-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;
}
.inp_hope_subject .err {top:-19px;left:61%;}
.inp_worklocation2 .err {top:36px;left:22%;}
.inp_birth .err {top:-19px;left:31%;}
.inp_name .err {top:-19px;left:22%;}
.inp_area_state .err {left:66px;top:-19px;}
.inp_address .err {left:66px;top:-19px;}
.inp_tel .err {left:270px;top:-19px;}
.inp_mail .err {left:270px;top:-19px;}
.err:after {
	position:absolute;
	left:10px;
	bottom:-10px;
	color:#d9236e;
	content:'▼';
	box-shadow:5px 7px 8px -11px #000;
}



.err2 {
	opacity:0;
	display:inline-block;
	position:absolute;
    top: -19px;
    left: 31%;
	transform: translate(-50%,0);
	padding:5px 14px;
	font-size:12px;
	color:#FFF;
	background:#d9236e;
	border-radius:10px;
	box-shadow:5px 7px 8px -11px #000;
	-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;
}
.err2:after {
	position:absolute;
	left:10px;
	bottom:-10px;
	color:#d9236e;
	content:'▼';
	box-shadow:5px 7px 8px -11px #000;
}



.inp_employ,
.inp_start,
.inp_hope_subject,
.inp_name,
.inp_area {position:relative;width:692px;}


.inp_employ {
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:2px solid #FFF;
}

.inp_hope_subject {
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:2px solid #FFF;
}
	.inp_hope_subject div {
		display:none;
		overflow:visible !important;
		position:relative;
		margin-top:10px;
		text-align:right;
	}
        .inp_hope_subject #select_subject {
          text-align: left;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 16px;
        }




.inp_worklocation2 {float:left;position:relative;width:330px;}
.inp_worklocation3 {float:right;position:relative;width:330px;}

.inp_birth {
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:2px solid #FFF;
}	
	.area-form .inp_birth_y {position:relative;display:inline-block;margin-right:31px;width:200px;}
	.area-form .inp_birth_m {position:relative;display:inline-block;margin-right:31px;width:200px;}
	.area-form .inp_birth_d {position:relative;display:inline-block;margin-right:0;width:200px;}


.inp_area {
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:2px solid #FFF;
}
	.inp_area_state {
		position:relative;
		display:inline-block;
		margin-right:30px;
		width:210px;
	}
	.inp_address {
		position:relative;
		display:inline-block;
		width:260px;
	}

.inp_tel {
	position:relative;
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:2px solid #FFF;
}
.inp_mail {
	position:relative;
}
	.area-form .inp_tel input,
	.area-form .inp_mail input {
		display:inline-block;
		width:485px;
	}



.kiyaku_privacy {font-ssize:18px;color:var(--primary-color);}
	.kiyaku_privacy span { text-decoration:underline; cursor:pointer;}
	.kiyaku_privacy span:hover {opacity:0.7;}






/* モーダル */
.modal_inline {
  display: none;
}
.box_subject input {
  	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
/*
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark-color(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: -internal-light-dark-color(white, black);
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
*/
}
.modal_wrap {
  width: 851px;
  height: 550px;
  padding: 15px 10px;
  border: 6px solid #8ba2c1;
}
.modal_headline {
  margin: 0 0 .5em;
  font-size: 16px;
  font-weight: bold;
}
.modal_heading {
  margin: 0 0 5px;
  padding: 5px 10px;
  background: #d6dfeb;
  font-size: 14px;
  font-weight: bold;
}

.wrap_item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 835px;
}
.check_all {
  width: 130px;
  margin: 5px 0 0 10px;
  font-size: 14px;
}
.list_item {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 132px);
  margin: 0 0 5px;
  padding: 5px 0 0 15px;
  list-style: none;
}
.check_all + .list_item {
  width: calc(100% - 162px);
  border-left: 2px solid #d6dfeb;
}
.list_item li {
/*  min-width: 70px; */
  margin: 0 10px 5px 0;
  font-size: 14px;
}
.wrap_item input { margin-right: 8px; }

.modal_btn {
  position: relative;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}
.btn_select {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 40px;
    margin: 0 auto;
    border-radius: 4px;
    background: linear-gradient(to bottom, #2475c0 0%,#2068ac 45%,#17558d 51%,#1b5d9a 100%);
    color: #fff;
    text-decoration: none;
    overflow: hidden;
}

.btn_select:hover {
  background: linear-gradient(to bottom, #4acff0 0%,#43bfde 45%,#3eb2d0 51%,#41b9d7 100%);
}

.btn_clear {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  padding: 5px 10px;
  transform: translateY(-50%);
  transition-duration: .3s;
  border: 1px solid #9cb2cc;
  color: #4772a1;
  font-size: 12px;
  text-decoration: none;
}
.btn_clear:hover {
  border-color: #4acff0;
  color: #4acff0;
}



/* モーダル初期設定 */
#colorbox { padding: 9px; }
#cboxWrapper {
  width: 870px!important;
  height: 600px!important;
  margin: -9px;
  padding: 9px;
}
#cboxLoadedContent {
  width: 851px;
  padding: 0;
  background: #fff;
}
#cboxContent{
  width: 836px;
  padding: 0;
  background: #fff;
}
#cboxContent {
  box-shadow: 9px 9px 0px 0px rgba(0, 0, 0, 0.15);
}
#cboxClose {
  top: 16px;
  right: 25px;
  width: 25px;
  height: 23px;
  background: url("../../common2014/img/btn_place_close_off.png")
}
#cboxClose:hover {
  background: url("../../common2014/img/btn_place_close_on.png")
}

.forSP{
	display:none;
}
p.err_msg {
	display:block;
	color:red;
	text-align:left;
	clear: both;
	position:absolute;
}
p.err_msg.t35{
	top:35px;
}

/* 訴求内容 */
.privacyArea{
	padding:0 !important;
	width:100% !important;
}
.pc_only{
	display:block;
}
.sp_only{
	display:none;
}
.wrap.step0 .stepNumber {display: none;}
.wrap:not(.step0) .stepNumber {
  background: #707070;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  position: relative;
  overflow: hidden;
}
.area-form .wrap:not(.step0) #slideWrap {padding-top: 80px;}
.stepNumber li {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  position: relative;
  width: 240px;
  height: 60px;
}
.stepNumber li:nth-child(1) {display: none;}
.stepNumber li:nth-child(2) {
  justify-content: flex-end;
  padding-right: 40px;
  width: 344px;
}
.stepNumber li:nth-child(3) {padding-left: 30px;}
.stepNumber li:nth-child(4) {
  justify-content: flex-start;
  padding-left: 70px;
  width: 374px;
}
.stepNumber .step1_on,
.stepNumber .step2_on,
.stepNumber .step3_on {background: var(--primary-color);}
.stepNumber:before,
.stepNumber:after {
  content: "";
  border-style: solid solid none none;
  border-width: 4px 5px 0 0;
  border-color: #d6dce5;
  transform: rotate(59deg)skew(28deg);
  position: absolute;
  top: 8px;
  width: 46px;
  height: 42px;
  z-index: 10;
}
.stepNumber:before {left: 320px;}
.stepNumber:after {left: 556px;}
.step1 .stepNumber:before {background: #1f5fb3;}
.step2 .stepNumber:before {background: #707070;}
.step2 .stepNumber:after {background: #1f5fb3;}
.step3 .stepNumber:after {background: #707070;}
.page01,
.page02,
.page03,
.page04 {display: none;}
#container header {
  display:flex;
}
#container header .wrap {
  display:flex;
  margin-right:0px;
  margin:0px 0px 0px 39.1111px;
}
#container .wrap .login_r {
  text-align:right;
  width:50%;
  min-width:none;
  margin-left:0px;
  padding-top:5px;
  clear:right;
  margin:auto 3% auto 0px;
  padding:5px 0px 0px 0px;
  height:NaN%;
  min-height:none;
  margin-right:3%;
  margin-top:auto;
  margin-bottom:auto;
  right:5%;
}
#container .login_r .nav-function-login {
  font-family:"メイリオ";
  font-size:20px;
  font-weight:500;
  padding-bottom:1px;
  padding:0px 0px 1px 0px;
  color:var(--primary-color);
  -webkit-text-fill-color:var(--primary-color);
  text-fill-color:var(--primary-color);
  border-style:solid;
  border-bottom:2px solid var(--primary-color);
}
#container .nav-function-login strong {
  font-size: 20px;
  font-family: "Hiragino Sans", ヒラギノ角ゴシック, YuGothic, "Yu Gothic", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
}