@charset "utf-8";
/* ------------------------------------------------------------ common */

.bg { background: url(../images/common/bg_03.gif);}

.inner		{ width: 850px; margin: 0 auto; }

#main 		{ font-size: 18px; }

#main h3 			{ background: none; font-size: 34px; font-weight: bold; text-align: center;}
#main .dot 		{ background: url(../images/recruit/bg_01.png) repeat-x left bottom; }
#main .dot h3 	{ background: url(../images/recruit/bg_01.png) repeat-x left top; padding: 50px 0;}

/* ------------------------------------------------------------  */

#fv { background: url(../images/recruit/bg_04.png) center center no-repeat; text-align: center; background-size: cover;}
#fv_2 { background: url(../images/recruit/fv.jpg) center center no-repeat; text-align: center; background-size: cover;}
		
#fv h2{padding: 117px 0 116px;}		
#fv_2 h2{padding: 45px 0 300px;}		
#main 		{ padding: 0 0 50px; }
 			
#lead 		{ padding: 40px 0; text-align: center; }
#lead h3	{ padding: 20px 0;}
#lead p 	{ line-height: 250%; text-align: center; }

#merit 			{ background: #fff; min-width: 1000px; }
#merit h3 { padding: 80px 0 0;}
#merit img 		{ width: 50%; height: auto; }
#merit dl 		{ width: 44%; padding: 3%; min-height: 327px; }
#merit dl dt 	{ font-size: 30px; line-height: 150%; font-weight: bold; color: #665958; background: url(../images/recruit/bg_01.png) left bottom no-repeat; padding: 0 0 25px; }
#merit dl dd 	{ line-height: 200%; padding: 20px 0 0; }
#merit .top 	{ background: url(../images/recruit/pic_02.jpg) left center no-repeat #fee7e7; background-size: 50%; }
#merit .mdl 	{ background: url(../images/recruit/pic_03.jpg) right center no-repeat; background-size: 50%; }
#merit .btm 	{ background: url(../images/recruit/pic_04.jpg) left center no-repeat #fee7e7; background-size: 50%; }
#merit .top dl { background: #fee7e7; }
#merit .btm dl { background: #fff1da; }	
#merit .mdl dl	{ background: #fff; }

#message 		{ background: #fff; padding: 0 0 114px;}
#message .dot	{margin: 81px auto 60px;}
#message h3		{ padding: 80px 0 30px;}
#message div 	{  width: 1000px; height: auto; margin: 0 auto; }
#message div h4	{font-size: 48px; text-align: center;font-family: "fot-tsukuaoldmin-pr6n", sans-serif;font-weight: 300;font-style: normal;}
#message div p	{ padding: 46px 80px 0 80px; line-height: 200%; font-size: 18px; font-weight: bold;}


#detail 				{ padding: 50px 0; }
#detail .inner 			{ background: #fff; padding: 50px 5% 100px; }

#detail h4 				{ padding: 80px 0 10px ; font-weight: bold; }
#detail table 			{ width: 47%; margin: 0; font-size: 14px; border-bottom: 1px solid #e5e5e5; }
#detail table caption 	{ font-size: 18px; font-weight: bold; padding: 0 0 20px; }
#detail table th 		{ text-align: left; font-weight: bold; background: #fde0c2; width: 23%; padding: 15px 10px; border-top: 1px solid #e5e5e5; vertical-align: text-top; }
#detail table td span 	{ font-weight: bold; }
#detail .table2 table th 	{ background: #fff7cb; }
#detail .table3 table th 	{ background: #bdeec5; }
#detail table td 		{ padding: 15px 0 15px 10px; line-height: 200%; border-top: 1px solid #e5e5e5; }
#detail .memo 			{ border: 4px solid #f4e3a7; padding: 30px 100px 40px; margin: 50px 0 0; }
#detail .memo h4 		{ font-size: 22px; font-weight: bold; padding: 0 0 15px; }
#detail .memo span 		{ display: inline-block; *display: inline; *zoom: 1; width: 49%; }

#detail .btn { padding: 100px 0 0 ; }
#detail .btn a{background:url(../images/common/arw_01.png?var=161027) 10% center no-repeat #70b943;font-size:18px;font-weight:700; margin:0 auto; width: 380px;}

#recruitiment 				{ padding: 50px 0; }
#recruitiment .inner 			{ background: #fff; padding: 50px 5% 50px; }
#recruitiment h4	{ padding: 40px 0 10px ; font-weight: bold; }

#recruitiment .memo 			{ border: 4px solid #f4e3a7; padding: 30px 100px 40px; margin: 50px 0 0; }
#recruitiment .memo h4 		{ font-size: 22px; font-weight: bold; padding: 0 0 15px; }
#recruitiment .memo span 		{ display: inline-block; *display: inline; *zoom: 1; width: 49%; }
#recruitiment .box{width: 450px; margin: 0 auto; height: auto;}
#recruitiment .box h4{font-size: 30px; text-align: center; padding: 70px 0 0;}

#entry 				{ background: #fff; padding: 100px 5% 0; font-size: 14px; }
#entry .block 		{ width: 690px; margin: 0 auto; padding: 70px 0; }
#entry .form 		{ border: 4px solid #f4e3a7; padding: 20px 0; text-align: center; }
#entry .form span,
#entry table span 	{ color: #ec0000; }
#entry img 			{ padding: 0 0 50px; }
#entry table 		{ width: 100%; margin: 30px 0 0; }
#entry table th 	{ text-align: left; font-weight: bold; padding: 10px 0; width: 205px; }
#entry table td 	{ padding: 10px 0; }
#entry table td label { margin: 0 20px 0 0; }
#entry table td input[type="text"],
#entry table td textarea { background: #f3f3f3; border: none; padding: 10px 3%; width: 94%; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }
#entry table td input[type="text"] { width: 100%;}	
#entry .btn 		{ text-align: center; padding: 60px 0 0; }
#entry .btn input[type="submit"] { background: #f1511a; color: #fff; display: inline-block; *display: inline; *zoom: 1; width: 280px; height: 45px; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }




/* ------------------------------------------------------------ errer,check */
#body .note 			{ width: 700px; margin: 0 auto; }
#body .note h3 			{ background: none; font-size: 34px; letter-spacing: 5px; text-align: center;  }
#body .note .dot 		{ background: url(../images/recruit/line_01.png) repeat-x left bottom; }
#body .note .dot h3 	{ background: url(../images/recruit/line_01.png) repeat-x left top; padding: 30px 0; }
#body .note .text		{ padding: 50px 0 0; text-align: center; }
#body .note .alert 		{ font-size: 16px; text-align: left; background: #f2efe8; padding: 50px 30px; line-height: 200%; }
#body .note .alert span { display: block; color: #d20000;}
#body .note .btn 		{ padding: 50px 0 100px; }
#body .note form table th,
#body .note form table td { padding: 20px 0 15px 0; border-bottom: 1px solid #ededed;}


/* ------------------------------------------------------------ check */
#body .note p.caution 	{  padding: 50px 0 50px; font-size: 20px; text-align: center;}
#body .note p.btn input[type="submit"],
#body .note p.btn a 	{ background: #9a9a9a; border: none; color: #fff; width: 280px; height: 50px; line-height: 50px; cursor: pointer; font-size: 16px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }
#body .note p.btn input[type="submit"] { background: #f1511a; }

#thanks { padding: 0; text-align: center; font-size: 14px; }
#thanks p { padding: 0 0 50px;  }
#body #thanks p.text { padding: 40px 0; font-size: 20px; }
#body #thanks div.notice { background: #f2efe8; padding: 40px; line-height: 200%; margin: 0 auto; text-align: left; }

.block { padding: 50px 0 0; }

.chatch { text-align: center; padding: 50px 0 0; font-size: 26px; font-weight: bold;}

.shortcut { text-align: center; padding: 0; }

.shortcut li {  width: 100%; padding: 15px 0 0; }
.shortcut li a { display: inline-block; *display: inline; *zoom: 1; font-size: 16px; width: 100%; text-align: center; vertical-align: top; }
.shortcut li.detail1 a { background: #fde0c2; height: 80px; line-height: 80px;}
.shortcut li.detail2 a { background: #ecefc0; height: 80px; line-height: 80px;}
.shortcut li.detail3 a { background: #bdeec5; height: 80px; line-height: 80px; }


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#main  			{ font-size: 14px; }

.inner			{ width: auto; margin: 0 auto; }

#fv { padding: 20px 0 120px;}
#fv h2 img { width: 280px; height: auto;}

#main h3 		{ font-size: 20px; letter-spacing: 2px; padding: 40px 0 20px;}

#main .dot h3 { padding: 30px 0;}

#lead img 		{ width: 90%; height: auto; }
#lead p 		{ line-height: 200%; margin: 0 5%; text-align: left; }
#lead p br		{ display: none; }

#merit 			{ min-width: inherit; }
#merit .block	{ padding: 0 0 30px; }
#merit dl 		{ width: 90%; padding: 65% 5% 10%; min-height: inherit; background-size: contain; }
#merit .top,
#merit .mdl,
#merit .btm 	{ background-size: contain; background-position: center top; }
#merit dl dt 	{ font-size: 20px; }
#merit .top dl,
#merit .btm dl,
#merit .mdl dl	{ background: inherit; }

#message .dot {margin: 50px auto 30px; padding: 0 3%;}
#message h3			{ padding: 20px 0 10px; }
#message div h4	{font-size: 28px; text-align: center;font-family: "fot-tsukuaoldmin-pr6n", sans-serif;font-weight: 300;font-style: normal;}
#message img 		{ width: 55%; height: auto; }
#message div 		{ background: none; width: auto; height: auto; }
#message div p 		{ padding: 20px 5%; }
#message div p.name { padding: 10px 5% 30px 0; }
#message .name span { display: inline-block; *display: inline; *zoom: 1; }

#detail h4 			{ padding: 40px 0 10px ; text-align: center; font-weight: bold; }
#detail .inner		{ padding: 30px 3%; }
#detail table 		{ width: 100%; font-size: 12px; }
#detail table th 	{ width: 65px; padding: 5px 10px; }
#detail table td 	{ padding: 5px 0 5px 10px; }
#detail .memo 		{ padding: 15px 5% 20px; margin: 50px 0 0; }
#detail .memo h4 	{ font-size: 15px; line-height: 150%; }
#detail .memo span 	{ width: 100%; }


#recruitiment  h4 			{ padding: 40px 0 10px ; text-align: center; font-weight: bold; }
#recruitiment .box h4 		{font-size: 25px;  padding: 20px 0 0;}
#recruitiment  .inner		{ padding: 30px 3%; }
#recruitiment  table 		{ width: 100%; font-size: 12px; }
#recruitiment  table th 	{ width: 65px; padding: 5px 10px; }
#recruitiment  table td 	{ padding: 5px 0 5px 10px; }
#recruitiment  .memo 		{ padding: 15px 5% 20px; margin: 50px 0 0; }
#recruitiment  .memo h4 	{ font-size: 15px; line-height: 150%; }
#recruitiment  .memo span 	{ width: 100%; }



#entry 					{ padding: 30px 3%; }
#entry .block 			{ width: auto; padding: 50px 0 0; }
#entry .form 			{ padding: 20px 5%; margin: 0 0 30px; font-size: 12px; }
#entry img,
#thanks img 			{ width: 100%; height: auto; padding: 0 0 30px; }
#entry table th,
#entry table td 		{ display: block; width: 100%; }
#entry table th 		{ padding: 10px 0 5px; }
#entry table td 		{ padding: 0 0 10px; }
#entry table td input[type="text"],
#entry table td textarea { width: 94%; padding: 10px 3%;  }
#entry table td input[type="text"] { width: 100%;}
#entry .btn 			{ padding: 30px 0 0; }

#body .note 			{ width: auto; margin: 0 auto; padding: 0; }
#body .note h3 			{ font-size: 24px; padding: 0 0 50px; }
#body .note .dot h3 { padding: 10px 0;}
#body .note .text { padding: 20px 0 0;}
#body .note .alert 		{ font-size: 14px; text-align: left; background: #f2efe8; padding: 30px 20px; line-height: 200%; }
#body .note .alert span { display: block; }
#body .note .btn 		{ padding: 30px 0 50px; }
#body .note .btn a		{ margin: 0 0 15px; }
#body .note form table th { background: #ededed; padding: 10px 3%; width: 94%; }
#body .note form table td { border: none;}
#body .note p.caution 	{  padding: 10px 0 20px; font-size: 16px; text-align: center;}

#thanks p { padding: 0 0 10px;  }
#body #thanks p.text { padding: 20px 0; font-size: 17px; }

#body #thanks div.notice 			{ background: #f2efe8; padding: 30px 5%; line-height: 200%; text-align: left; }

.chatch { text-align: center; padding: 50px 0 0; font-size: 22px; font-weight: bold;}


.shortcut { text-align: center; padding:  10px 0 0; }
.shortcut li { display: inline-block; *display: inline; *zoom: 1; width: 100%; padding: 0px;}
.shortcut li a { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; width: 100%; text-align: center; vertical-align: top; }
.shortcut li.detail1 a { height: 58px; line-height: 58px;}
.shortcut li.detail2	{ margin: 10px 0 ;padding: 0px; }
.shortcut li.detail2 a { height: 58px; line-height: 58px;}
.shortcut li.detail3 a { height: 58px; line-height: 58px; }

}