@charset "utf-8";
/* ------------------------------------------------------------ common */
.pages h2 	{ padding: 10px 0; }
.inner		{ width: 850px; margin: 0 auto; }

#main 		{ font-size: 18px; }
#main h3 			{ background: none; font-size: 34px; letter-spacing: 5px; padding: 45px 0; }
#main .dot 		{ background: url(../images/recruit/line_01.png) repeat-x left bottom; }
#main .dot h3 	{ background: url(../images/recruit/line_01.png) repeat-x left top; letter-spacing: 1px;}
#main .dot h3 .PC{ display: none;}
	
#view 		{ background: url(../images/recruit/view_01.jpg) center center; background-size: cover; }
#view.pages h2{ padding: 10px 0; text-align: center; }

#merit 			{ background: #fff; min-width: 1000px; padding: 60px 0 45px 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/line_01.png) repeat-x left bottom; padding: 0 0 25px; }
#merit dl dd 	{ line-height: 200%; padding: 20px 0 0; }
#merit .top 	{ background: url(../images/recruit/pic_05.jpg) left center no-repeat #fffada; background-size: 50%; }
#merit .mdl 	{ background: url(../images/recruit/pic_06.jpg) right center no-repeat; background-size: 50%; }
#merit .btm 	{ background: url(../images/recruit/pic_07.jpg) left center no-repeat #fffada; background-size: 50%; }
#merit .top dl,
#merit .btm dl	{ background: #fffada; }
#merit .mdl dl	{ background: #fff; }

#message 		{ background: #fff; padding: 0 0 60px; }
#message h3		{ padding: 0 0 70px; }
#message img 	{ display: block; margin: 0 auto; }
#message div	{ padding: 100px 0 0; }
#message h4 	{ width: 35%; float: left; font-size: 28px; }
#message p      { width: 53%; float: right; font-size: 15px; line-height: 200%; }

#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: #fff7cb; width: 23%; padding: 15px 10px; border-top: 1px solid #e5e5e5; vertical-align: text-top; }
#detail table .bottom td,
#detail table .bottom th{ border-bottom: 1px solid #e5e5e5; }
#detail table td span 	{ font-weight: bold; }
#detail	table.flL		{ border-bottom: none; }
#detail .table2 table th 	{ background: #fde0c2; }
#detail .table3 table th 	{ background: #ecefc0; }
#detail .table4 table th 	{ background: #FFDBC9; }
#detail .table5 table th 	{ background: #CBFFD3; }
#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% 100px; }
#recruitiment h4				{ padding: 40px 0 10px ; font-weight: bold; }
#recruitiment .recruit_box		{ width: 450px; margin: 0 auto; padding: 70px 0 0; }
#recruitiment .recruit_box div:not(:last-of-type)  { padding: 0 0 60px; }
#recruitiment .recruit_box h4	{ font-size: 30px; padding: 0 0 30px; text-align: center; }
#recruitiment .recruit_box li:not(:last-of-type)   { margin: 0 0 15px; }
#recruitiment .recruit_box li a{ display: block; font-size: 14px; text-align: center; padding: 34px 0 33px; }

a.orange{ background: #fde0c2; }
a.yellow{ background: #ecefc0; }
a.pink{ background: #fddbc9; }
a.green{ background: #bdeec5; }


#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 12px; width: 97%; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }
#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;}
.chatch.padd { padding: 100px 0 0; }
.shortcut { text-align: center; padding: 30px 0 0; }
.shortcut li { display: inline-block; *display: inline; *zoom: 1; width: 260px; }
.shortcut li a { display: inline-block; *display: inline; *zoom: 1; font-size: 16px; width: 260px; text-align: center; vertical-align: top; }
.shortcut li.detail1 a { background: #fff7cb; height: 58px; line-height: 58px;}
.shortcut li.detail2	{ margin: 0 10px; }
.shortcut li.detail2 a { background: #fde0c2; height: 58px; line-height: 58px;}
.shortcut li.detail3 a { background: #ecefc0; height: 58px; line-height: 58px; }
.shortcut li.detail4   { margin: 10px 10px 0 0; }
.shortcut li.detail4 a { background: #FFDBC9; height: 58px; line-height: 58px; }
.shortcut li.detail5 a { background: #CBFFD3; height: 58px; line-height: 58px; }



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

#main  			{ font-size: 14px; }

.inner			{ width: auto; margin: 0 auto; }
#main .dot h3 .PC{ display: inherit;}
#main h3 		{ font-size: 20px; letter-spacing: 2px; padding: 45px 0; }
.pages h2 		{ text-align: center; }
.pages h2 img 	{ width: 75%; height: auto; }

#merit 			{ min-width: inherit; padding: 20px 0 25px 0; }
#merit h3		{ padding: 10px 0 20px; }
#merit .block	{ padding: 0; }
#merit dl 		{ width: 90%; padding: 75% 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 h3{ padding: 0 0 20px; }
#message img{ width: 100%; height: auto; }
#message div{ padding: 0; }
#message h4{ width: 100%; float: none; font-size: 18px; text-align: center; padding: 25px 0 10px; }
#message p{ width: 100%; float: none; font-size: 12px; }

#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 .bottom td,
#detail table .bottom th{ border-bottom: none; }
#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  .inner		{ padding: 30px 3% 60px; }
#recruitiment .recruit_box	{ width: 100%; padding: 30px 0 0; }
#recruitiment .recruit_box div:not(:last-of-type) { padding: 0 0 30px; }
#recruitiment .recruit_box h4{ font-size: 17px; padding: 0 0 15px; }
#recruitiment .recruit_box li:not(:last-of-type)  { margin: 0 0 10px; }
#recruitiment .recruit_box li a{ padding: 19px 0 18px; }

#detail .btn a{ width: 100%; }


#entry 					{ padding: 50px 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 .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 .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: 50px 0 50px; font-size: 16px; text-align: center;}

#thanks p { padding: 0 0 20px;  }
#body #thanks p.text { padding: 40px 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: 18px; font-weight: bold;}
.chatch.padd { padding: 50px 0 0; }


.shortcut { text-align: center; padding: 30px 0 0; }
.shortcut li { display: inline-block; *display: inline; *zoom: 1; width: 100%; }
.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 { background: #fff7cb; height: 58px; line-height: 58px;}
.shortcut li.detail2	{ margin: 10px 0 ; }
.shortcut li.detail2 a { background: #fde0c2; height: 58px; line-height: 58px;}
.shortcut li.detail3 a { background: #ecefc0; height: 48px; line-height: 120%; padding: 10px 0 0 0;}
.shortcut li.detail4   { margin: 10px 0 10px 0; }

}