.content_title																{width:1200px; margin:0px auto; margin-bottom:0px; }
.content_title h2															{display:block; margin:0px; padding:0px 40px 40px 40px; font-size:36px; line-height:30px; color:#222222; text-align:center;}
.content_title h2 span												{display:block; font-size:18px;line-height:18px; padding-top:10px; font-family:"Roboto"; font-weight:600; }

/*recruit*/
.recruit_list																	{border:2px solid #dddddd; margin-bottom:30px;}
.recruit_list a																{display:block; color:#000000; text-decoration:none; padding:20px;-webkit-transition: 0.2s ease-in-out;  -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.recruit_list a:hover													{ text-decoration:none; color:#000000; background-color:#f7fbff;-webkit-transition: 0.2s ease-in-out;  -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.recruit_list a h3														{color:#266ebd;font-size:26px; line-height:36px; font-weight:600; margin:0px; padding:0px 0px 10px 0px; border:0px none!important;}
.recruit_list a dl														{display:flex; justify-content:flex-start; flex-wrap: wrap; margin:0px; padding:0px;}
.recruit_list a	dl dt													{width:13%; display:block; margin:0.25%; margin-bottom:5px; padding:10px; background-color:#266ebd; color:#ffffff;}
.recruit_list a	dl dd													{width:36%; display:block; margin:0.25%;margin-bottom:5px;  padding:10px; background-color:#f5f5f5;}

/*company*/
.com_message_namebox													{width:40%; margin:20px 0px 0px 0px;  margin-left:60%;display:flex; justify-content:space-between; flex-wrap: wrap; flex-flow: row-reverse;}
.com_message_name															{width:68%; font-size:20px; line-height:32px; text-align:right;  display: flex; flex-direction: column;justify-content: center;}
.com_message_pic															{width:28%; font-size:16px; line-height:28px;}




@media screen and (max-width:640px){

.content_title																{width:100%; margin:0px auto; margin-bottom:0px; }
.content_title h2															{display:block; margin:0px; padding:20px 20px 20px 20px; font-size:24px; line-height:30px; color:#222222; text-align:center;}
.content_title h2 span												{font-size:14px;line-height:14px; font-family:"Roboto"; font-weight:600; }


/*company*/
.com_message_namebox													{width:96%; margin:0px auto;display:block}
.com_message_name															{width:100%; font-size:16px; line-height:28px; text-align:center;  display: block;}
.com_message_pic															{width:32%; font-size:16px; line-height:28px; margin:0px auto;}

/*recruit*/
.recruit_list																	{border:2px solid #dddddd; margin-bottom:30px;}
.recruit_list a																{display:block; color:#000000; text-decoration:none; padding:20px;-webkit-transition: 0.2s ease-in-out;  -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.recruit_list a:hover													{ text-decoration:none; color:#000000; background-color:#f7fbff;-webkit-transition: 0.2s ease-in-out;  -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.recruit_list a h3														{color:#266ebd;font-size:20px; line-height:30px; font-weight:600; margin:0px; padding:0px 0px 10px 0px; border:0px none!important;}
.recruit_list a dl														{display:block;  margin:0px; padding:0px;}
.recruit_list a	dl dt													{width:100%; display:block; margin:0.25%; margin-bottom:5px; padding:10px; background-color:#266ebd; color:#ffffff;}
.recruit_list a	dl dd													{width:100%; display:block; margin:0.25%;margin-bottom:5px;  padding:10px; background-color:#f5f5f5;}






















}