@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body
{
margin: 0px;
padding: 0px;
background: #222;
font-size: 100%;
color: #222;
font-family: "Helvetica", "Open Sans","ヒラギノ角ゴ シック", "ヒラギノ角ゴ Pro W3", "Hiragino Sans","Hiragino Kaku Gothic Pro", "メイリオ", "Meiyro",  sans-serif;
}


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

a
{
color: #666;
}

a:link
{
color: #666;
text-decoration:none;
}

a:visited
{
color: #666;
}

a:active
{
color: #F00;
}

a:hover
{
color: #F00;
text-decoration:none;
}


.newbadge
{
color:#F00;
}

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


h1,
h2,
h3,
h4,
h5
{
font-weight: bold;
}

hr
{
margin: 0px;
padding: 0px;
}

img
{
border: none;
}

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



.clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*.clearfix
	{display:inline-block;}*/
	
/* Hides from IE-mac */


* html .clearfix
{
height: 1%;
}

.clearfix
{
display: block;
}

/* End Hides from IE-mac */


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


p
{
margin: 0px;
padding: 0px;
}

img
{
border: none;
}

hr
{
margin: 1em 0px ;
padding: 0px;
}

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


.pagetop
{
display: none;
position: fixed;
width: 40px;
height: 40px;
right: 15px;
bottom: 15px;
z-index: 100000;
}

.pagetop a
{
display: block;
width: 40px;
height: 40px;
background:#f00;
color: #fff;
line-height: 40px;
font-size: 70%;
text-align: center;
border-radius: 5px;
opacity:1;
text-decoration:none;
font-weight:bold;
font-family:"Open Sans", sans-serif;
}

.pagetop a:hover
{
background:#fff;
color: #f00;
}

.newbadge
{
background:#c00;
color: #fff;
padding:0.25em;
margin:0px 0.5em 0em 0px;
border-radius:0.3em;
font-size:80%;
vertical-align:top;
}

.p-text_recuruit{
	width: 85%;
	display: block;
	font-size: 80%;
	margin: 10px auto 0;
}
.p-text_recuruit-title{
	display: inline-block;
    vertical-align: top;
}
.p-text_recuruit-p{
	width: 80%;
	display: inline-block;
	text-align: left;
}

@media screen and (max-width: 767px) {
	.pagetop a:hover
	{
	background:#f00;
	color: #fff;
	}
	.p-text_recuruit{
		width: 100%;
	}
}