#recruit{
	width: 722px;
	margin: 0 0 0 19px;
}

/********************
LAYOUT
********************/

.bg{
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #a5a6a1;
	box-shadow:0px 0px 0px 1px #fff inset;
	-moz-box-shadow:0px 0px 0px 1px #fff inset;
	-webkit-box-shadow:0px 0px 0px 1px #fff inset;
	background: url(image/bg.gif) top center;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.form_bt{
	font-size: 0;
	line-height: 0;
	text-align: center;
}

.form_bt a,
.form_bt2 a{
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}

.form_bt2{
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 0 0 10px 0;
	background: url(image/form_bt2.gif) no-repeat 0 50%;
}

.form_bt2 a:nth-of-type(1) img{
	width: 150px;
	height: auto;
}

.form_bt3{
	font-size: 0;
	line-height: 0;
}

.form_bt3 span,
.form_bt3 a{
	display: inline-block;
	vertical-align: top;
}

.form_bt3 span{	margin-right: 10px;}


/********************
TITLE
********************/
.title_r{
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 8px 5px;
	text-shadow: 1px 1px 0px #033baa;
	border: 1px solid #000;
	box-shadow:0px 0px 0px 1px #87a7e8 inset;
	-moz-box-shadow:0px 0px 0px 1px #87a7e8 inset;
	-webkit-box-shadow:0px 0px 0px 1px #87a7e8 inset;
	background: -webkit-linear-gradient(90deg, #033baa 0%, #033baa 50%, #0f4fd0 50%, #0f4fd0 100%);
	background: -moz-linear-gradient(90deg, #033baa 0%, #033baa 50%, #0f4fd0 50%, #0f4fd0 100%);
	background: -o-linear-gradient(90deg, #033baa 0%, #033baa 50%, #0f4fd0 50%, #0f4fd0 100%);
	background: -ms-linear-gradient(90deg, #033baa 0%, #033baa 50%, #0f4fd0 50%, #0f4fd0 100%);
	background: linear-gradient(0deg, #033baa 0%, #033baa 50%, #0f4fd0 50%, #0f4fd0 100%);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.s_title_1{
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #333;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 13px 5px;
	background-color:  rgba(255, 255, 255, 0.5);
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.title_r,
.s_title_1,
.rec1_title,
.work_title_1,
.work h5,
.rec3_title,
.min{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "Yu Mincho" , "YuMincho" ,"Hiragino Mincho Pro" , "HiraMinProN-W3" , "MS PMincho" , serif;
}


/********************
COMMON
********************/

.mb{	margin-bottom: 10px;}



/** rec1 **/

#rec1{
	position: relative;
	background: #fff;
	border: 1px solid #a5a6a1;
	padding: 10px;
}

#rec1 .img100{
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 10px;
}

#rec1 .img100 img{
	width: 300px;
	height: auto;
}

#rec1 .rec1_title{
	display: inline-block;
	vertical-align: top;
	width: 370px;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #bea170;
	border-radius: 20px;
	margin: 0 0 10px 310px;
}

#rec1 p{
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 20px 0;
}
#rec1 p:nth-of-type(1),
#rec1 p:nth-of-type(2){
	padding: 0 0 0 310px;
}
#rec1 p:last-of-type{	margin-bottom: 0;}


/** rec2 **/

#rec2{
	padding: 10px 0 0 0;
}

#rec2 h5{
	height: 45px;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	text-align: center;
	color: #413597;
	margin: 0 10px;
	padding-top: 7px;
	background: #fff;
	border-top: 1px solid #404b96;
	border-right: 1px solid #404b96;
	border-left: 1px solid #404b96;
	border-radius: 10px 10px 0 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#rec2 .rec2box_l h5:nth-of-type(2){
	height: 55px;
	padding-top: 5px;
}

#rec2 .rec2box_m h5{	padding-top: 15px;}

#rec2 h5 span{
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	color: #333;
}

#rec2 .rec2box{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
}

#rec2 .rec2box_l,
#rec2 .rec2box_m,
#rec2 .rec2box_r{
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#rec2 .rec2box_l{	width: 265px; padding-right: 10px;}
#rec2 .rec2box_m{	width: 265px; padding-right: 10px;}
#rec2 .rec2box_r{}

#rec2 div{
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin-bottom: 10px;
}

#rec2 .img100 img{
	width: 225px;
	height: auto;
}



/** rec3 WORK **/

.work{
	background: #fff;
	border: 1px solid #a5a6a1;
	margin: 0 0 10px 0;
	padding: 10px;
}
.work:last-of-type{	margin-bottom: 0;}

.work_title_1{
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	padding: 10px 0 10px 0;
}

.rec3_1{	margin-top: 10px;}
.rec3_1 .img100,
.rec3_2 .img100{	margin-bottom: 10px;}
.rec3_3 .img100{	margin-bottom: 0;}
.rec3_1 .img100 img,
.rec3_2 .img100 img,
.rec3_3 .img100 img{
	width: 100%;
	height: auto;
}

.work h5{
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
	padding: 5px;
}
.rec3_1 h5{	background: rgba(119, 154, 255, 0.5);}
.rec3_2 h5{	background: rgba(255, 151, 224, 0.5);}
.rec3_4 h5{	background: rgba(114, 234, 98, 0.5);}

.workbox{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	table-layout: fixed;
}

.workbox_l,
.workbox_r{
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.workbox_l{	padding-right: 5px;}
.workbox_r{	padding-left: 5px;}
.rec3_3 .workbox_l{	width: 425px;}

.work p{
	font-size: 12px;
	line-height: 18px;
	padding: 10px 0;
}
.workbox_l p:last-child{	padding-bottom: 0;}

.work table{
	width: 100%;
	font-size: 18px;
	line-height: 20px;
	border-top: 1px dotted #999;
}

.work tr{
	vertical-align: middle;
}

.work th{
	font-weight: bold;
	text-align: left;
	padding: 10px 0;
	border-bottom: 1px dotted #999;
}

.work td{
	width: 100px;
	font-weight: bold;
	text-align: right;
	padding: 10px 0;
	border-bottom: 1px dotted #999;
}

.work .min{
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	padding: 15px 0 0 0;
}
.work .min2{
	font-size: 24px;
	line-height: 24px;
	padding-top: 65px;
	text-decoration: underline;
}

.work .wtxt{
	width: 500px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	background: #fff;
	border: 1px solid #333;
	border-radius: 30px;
	margin: 5px auto;
	padding: 10px;
}

.rec3_title{
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 12px 5px;
	background: #a6e7ff;
	border-top: 2px dotted #fff;
	border-bottom: 2px dotted #fff;
	box-shadow:0px 2px 0px 0px #a6e7ff,0px -2px 0px 0px #a6e7ff;
	-moz-box-shadow:0px 2px 0px 0px #a6e7ff,0px -2px 0px 0px #a6e7ff;
	-webkit-box-shadow:0px 2px 0px 0px #a6e7ff,0px -2px 0px 0px #a6e7ff;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.rec3_3 .form_bt{	margin-bottom: 0;}

.rec3_3 p{
	font-size: 12px;
	line-height: 30px;
	background: url(image/dot30.gif) top left;
	padding: 0;
}


/** rec4 FLOW **/

#rec4{
	background: #fff;
	border: 1px solid #a5a6a1;
	padding: 10px;
}

#rec4 .step{
	position: relative;
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	margin: 0 0 25px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #cecece;
}
#rec4 .step:after{
	content: '';
	width: 14px;
	height: 14px;
	border-left: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	background: #fff;
	position: absolute;
	bottom: -7.5px;
	left: calc(50% - 7.5px);
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
#rec4 .step:last-of-type{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 5px;
}
#rec4 .step:last-of-type:after{	display: none;}

#rec4 .step_l,
#rec4 .step_r{
	display: table-cell;
	vertical-align: top;
}

#rec4 .step_l{
	width: 70px;
	text-align: left;
}

#rec4 .step_l img{
	width: 60px;
	height: auto;
}

#rec4 .step_r{}

#rec4 .step_r h5{
	width: 100%;
	display: table;
	margin: 0 0 10px 0;
}

#rec4 .step_r h5 span{
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	padding: 0 8px;
	border: 2px solid #f9e471;
	border-radius: 10px 0 0 10px;
	background: #fdffc4;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#rec4 .step_r p{
	font-size: 12px;
	line-height: 18px;
	padding: 0 2px;
}


/** rec5 QA **/

#rec5{
	background: #fff;
	border: 1px solid #a5a6a1;
	padding: 10px;
}

#rec5 .qa1,
#rec5 .qa2{
	display: table;
	font-size: 0;
	line-height: 0;
	margin: 0 0 10px 0;
}
#rec5 .qa1{	width: auto;}
#rec5 .qa2{	width: calc(100% - 60px); margin-left: auto; margin-bottom: 20px;}
#rec5 .qa2:last-of-type{ margin-bottom: 10px;}

#rec5 .qa1_l,
#rec5 .qa1_r,
#rec5 .qa2_l,
#rec5 .qa2_r{
	display: table-cell;
	vertical-align: top;
}

#rec5 .qa1_l,
#rec5 .qa2_r{
	width: 60px;
}
#rec5 .qa1_l{	text-align: left;}
#rec5 .qa2_r{	text-align: right;}
#rec5 .qa1_l img,
#rec5 .qa2_r img{
	width: 50px;
	height: auto;
}

#rec5 .qa1_r{
	position: relative;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
	border-radius: 10px;
	background: #b8f4b0;
	padding: 12px 10px 8px 10px;
}
#rec5 .qa1_r span{	color: #ff0000;}
#rec5 .qa1_r:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 8px 0;
	border-color: transparent #b8f4b0 transparent transparent;
	position: absolute;
	top: 17px;
	left: -8px;
}

#rec5 .qa2_l{
	position: relative;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	border-radius: 10px;
	background: #ececec;
	padding: 10px;
}
#rec5 .qa2_l:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 8px;
	border-color: transparent transparent transparent #ececec;
	position: absolute;
	top: 17px;
	right: -8px;
}


/** rec6 POINT **/

#rec6{
	background: #fff;
	border: 1px solid #a5a6a1;
	margin: 0 0 10px 0;
	padding: 10px;
}

.point{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	margin: 0 0 10px 0;
}
.point:last-of-type{	margin-bottom: 0;}

.point_l,
.point_r{
	display: table-cell;
	vertical-align: middle;
}

.point_l{
	width: 110px;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #fff;
	text-align: center;
	border-radius: 10px 0 0 10px;
}
.point:nth-of-type(1) .point_l{	background: #71a0ff;}
.point:nth-of-type(2) .point_l{	background: #e27fff;}
.point:nth-of-type(3) .point_l{	background: #70c462;}
.point:nth-of-type(4) .point_l{	background: #ceb13f;}

.point_r{
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	padding: 10px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.point:nth-of-type(1) .point_r,
.point:nth-of-type(2) .point_r{	height: 65px;}
.point:nth-of-type(3) .point_r,
.point:nth-of-type(4) .point_r{	height: 80px;}

#rec6+.form_bt2{	margin-bottom: 0;}


/** rec7 VOICE **/

#rec7{	padding: 10px 0 0 0;}

.voicebox{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	table-layout: fixed;
}

.voicebox_l,
.voicebox_r{
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.voicebox_l{	padding-right: 5px;}
.voicebox_r{	padding-left: 5px;}

#rec7 h5{
	display: inline-block;
	width: 120px;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-align: center;
	padding: 7px 0;
}
#rec7 .h5-1{	background: #033baa;}
#rec7 .h5-2{	background: #ea639c;}

#rec7 .vbox{
	background: #fff;
	border-width: 1px;
	border-style: solid;
	margin: 0 0 10px 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#rec7 .vbox.v1{	border-color: #033baa;}
#rec7 .vbox.v2{	border-color: #ea639c;}
#rec7 .vbox:last-of-type{	margin-bottom: 0;}

#rec7 .prof{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	margin: 0 0 10px 0;
}

#rec7 .prof_l,
#rec7 .prof_r{
	display: table-cell;
	vertical-align: top;
}

#rec7 .prof_l{
	width: 110px;
}
#rec7 .prof_l img{
	width: 100px;
	height: auto;
}

#rec7 .prof_r{}

#rec7 .prof_r p{
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	border-bottom: 1px solid #ccc;
	padding: 7px 0;
}

#rec7 .prof_r p:first-of-type{	color: #0066ff;}
#rec7 .prof_r p span{	color: #ff0000;}
#rec7 .prof_r p em{	color: #a1815b;}

#rec7 .vtxt{
	font-size: 12px;
	line-height: 18px;
}


/** rec8 INFO **/

#rec8{	padding: 10px 0 0 0;}

#rec8 .line{
	display: table;
	width: calc(100% - 20px);
	font-size: 0;
	line-height: 0;
	border: 2px solid #31ae36;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	margin: 0 10px 10px 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#rec8 .line_l,
#rec8 .line_r{
	display: table-cell;
	vertical-align: middle;
}

#rec8 .line_l{
	width: 66px;
	text-align: center;
	padding: 3px 0;
}
#rec8 .line_l img{
	width: 60px;
	height: auto;
}

#rec8 .line_r{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #16851b;
	padding: 0 5px 0 3px;
}

#rec8 .mail{
	display: table;
	width: calc(100% - 20px);
	font-size: 0;
	line-height: 0;
	border-top: 1px solid #0317aa;
	border-right: 1px solid #0317aa;
	border-left: 1px solid #0317aa;
	background: rgba(255, 255, 255, 0.5);
	margin: 0 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#rec8 .mail_l,
#rec8 .mail_r{
	display: table-cell;
	vertical-align: middle;
}

#rec8 .mail_l{
	width: 78px;
	text-align: center;
	padding: 10px 0;
}
#rec8 .mail_l img{
	width: 60px;
	height: auto;
}

#rec8 .mail_r{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #0317aa;
	padding: 0 5px 0 0;
}


/** form **/

.form{
	text-align: left;
	border: 1px solid #a5a6a1;
	background: #fff;
	padding: 10px 20px 20px 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.form table{
	width: 100%;
	font-size: 12px;
	line-height: 20px;
}

.form tr{	vertical-align: middle;}

.form th{
	width: 180px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}

.form td{
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}


/** form item **/

input[type="text"],
input[type="url"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"]
{
	font-family: Meiryo,"MS PGothic",Osaka,sans-serif;
	padding: 5px;
	font-size: 12px;
	line-height: 20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

select{
	font-family: Meiryo,"MS PGothic",Osaka,sans-serif;
	padding: 5px 2px;
	font-size: 14px;
	line-height: 20px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="radio"],
input[type="checkbox"]{
	padding:0;
	margin:0;
	border-color: #ccc;
}

.w1{	width: 160px !important;}
.w2{	width: 100% !important;}
.w3{	width: 50px !important; margin: 0 3px;}
.w4{	width: calc(100% - 40px) !important; margin: 0 3px 0 0;}
.ddd{
	display: inline-block;
	padding-top: 10px;
}

.form td input[type="radio"]+label:nth-of-type(1){	margin-right: 60px;}

.form textarea{
	font-family: Meiryo,"MS PGothic",Osaka,sans-serif;
	width: 100%;
	height: 120px;
	padding: 10px 5px;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.bt_bg{
	padding: 20px 0 0 0;
	text-align: center;
}

.bt_bg input[type="submit"]{
	display: inline-block;
	vertical-align: top;
	width: 300px;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	background: #ff000a;
	border: none;
	border-radius: 5px;
	padding: 10px 0;
	cursor: pointer;
	box-shadow: 0px 2px 0px 0px #cc0000;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.error{
	font-size: 12px;
	line-height: 16px;
}
.error span{
	color: #ff0000;
}

.over{
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	margin: 0 0 30px 0;
	padding: 30px 0 0 0;
}

.pagetop{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-align: right;
	color: #333;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	margin: 0 0 10px 0;
	padding: 10px;
	background-color:  rgba(255, 255, 255, 0.5);
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.pagetop a{
	color: #333;
	text-decoration: underline;
}

/* result */

#result{
	width		: 730px;
	float		: left;
	background	: url(./img/box.png);
	border		: 1px solid #999999;
}

#result_in{
	width		: 710px;
	margin		: 10px 0 8px 10px;
}