@charset "utf-8";

/* ------------------------------------------- CSS Information
 File Name:      platform.css
 Style Info:     ブラウザスタイルのリセットと共通要素
----------------------------------------------------------- */
/* --------------------------------------------------
**
** default
**
** -------------------------------------------------- */
html { overflow-y: scroll; }
body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
code,
em,
img,
q,
strong,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
fieldset,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
button {
	padding: 0;
	margin: 0;
	font-style: normal;
	font-weight: normal;
	outline: 0;
	border: none;
	background: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block; }
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,arial,helvetica,sans-serif;
	font-size: 10px;
	min-width: 960px;
	background: #eee;
}
ol li,
ul li { list-style: none; }
blockquote,
q { quotes: none; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a,
img,
fieldset { border: 0; }
img,
input { vertical-align: middle; }
textarea:focus,
input:focus { outline: 0; /* safariの自動フォーカスを切る */ }
/* --------------------------------------------------
**
** typography
**
** -------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
th,
td,
dt,
dd,
pre,
caption,
address {
	font-size: 100%;
	color: #333;
	line-height: 1.5;
}
table { font-size: 100%; }
p input,
p select,
p textarea,
li p,
li li,
li dt,
li dd,
li input,
li select,
li textarea,
dd p,
dd li,
dd dt,
dd dd,
dd input,
dd select,
dd textarea,
th p,
th li,
th dt,
th dd,
th input,
th select,
th textarea,
td p,
td li,
td dt,
td dd,
td input,
td select,
td textarea { font-size: inherit; }
textarea {
	color: #333;
	line-height: 1.7;
}
input {
	padding: 0;
	margin: 0;
}
strong {
	font-weight: bold;
	color: #444;
}
a {
	color: #444;
	text-decoration: underline;
	word-break: break-all;
}
a:hover { text-decoration: none; }
a:hover img { opacity: 0.7; }
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { font-weight: normal; }
/* --------------------------------------------------
**
** column
**
** -------------------------------------------------- */
div.row { clear: both; }
.col1of3 { width: 33.33%; }
.col2of3 { width: 66.66%; }
.col1of4 { width: 25%; }
.col1of5 { width: 20%; }
.col2of5 { width: 40%; }
.col3of5 { width: 60%; }
.col4of5 { width: 80%; }
.col2of4 { width: 50%; }
.col3of4 { width: 75%; }
.col1of3,
.col2of3,
.col1of4,
.col2of4,
.col3of4,
.col1of5,
.col2of5,
.col3of5,
.col4of5 { float: left; }
.col1of3.rtl,
.col2of3.rtl,
.col1of4.rtl,
.col2of4.rtl,
.col3of4.rtl,
.col1of5.rtl,
.col2of5.rtl,
.col3of5.rtl,
.col4of5.rtl { float: right; }
/* --------------------------------------------------
**
** layout
**
** -------------------------------------------------- */
div.container {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
/* -------------------------------------------------- 
**
** clearfix
**
** -------------------------------------------------- */
.row:after {
	content: "";
	display: block;
	clear: both;
}
/* -------------------------------------------------- 
**
** contents
**
** -------------------------------------------------- */
/*--------------------------------------------------------------------------header */
header {
	background: #fff;
	border-bottom: 4px solid #f286a3;
}
header .logo,
header .globalNav,
header .globalNav li {
	float: left;
}
header .logo a,
header .globalNav a {
	display: block;
	padding-right: 1px;
	background: url(/staffrecruit/common/images/decoration/bg-border-nav.png) no-repeat 100% 0;
}
header .logo.prevActive a,
header .logo.prevActiveLoad a,
header .globalNav a:hover,
header .globalNav .prevActive a,
header .globalNav .prevActiveLoad a,
header .globalNav .current a {
	background-image: url(/staffrecruit/common/images/decoration/bg-border-nav-on.png);
}
header .globalNav a:hover img {
	opacity: 1;
}
header .globalNav .other {
	width: 160px;
	text-align: center;
}
header .globalNav .other a {
	background: none;
}
header .globalNav .other a:hover img {
	opacity: 0.7;
}
header .globalNav .sns {
	margin-top: 21px;
	font-size: 0;
}
header .globalNav .sns li {
	float: none;
	display: inline-block;
	margin: 0 5px;
}
header .globalNav .faq {
	margin-top: 12px;
	line-height: 1;
}
.floatingMenu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
	width: 100%;
	height: 50px;
	background: #fff;
}
.floatingMenu .inner {
	position: relative;
}


/*--------------------------------------------------------------------------mainContents */
main {
	position: relative;
	background: url(/staffrecruit/common/images/decoration/bg-dot-contents.png) repeat 0 0;
}
.mainContents div.container {
	width: 900px;
	padding-bottom: 10px;
}

/*--------------------------------------------------------------------------footer */
footer {
	padding: 40px 0 33px;
	background: #f8c3d0;
	text-align: center;
}
footer .sns {
	margin-bottom: 17px;
	font-size: 0;
}
footer .sns li {
	display: inline-block;
	margin: 0 5px;
}
footer .sns .ln {
	display: none;
}
footer .sns a {
	display: block;
}
footer p {
	margin-bottom: 5px;
	font-size: 12px;
	color: #fff;
}

/* -------------------------------------------------- 
**
** smartphon
**
** -------------------------------------------------- */
@media screen and (max-width: 640px) {
/* --------------------------------------------------
**
** column
**
** -------------------------------------------------- */
body { min-width: 0; }
.col1of3,
.col2of3,
.col1of4,
.col2of4,
.col3of4,
.col1of5,
.col2of5,
.col3of5,
.col4of5,
.col1of3.rtl,
.col2of3.rtl,
.col1of4.rtl,
.col2of4.rtl,
.col3of4.rtl,
.col1of5.rtl,
.col2of5.rtl,
.col3of5.rtl,
.col4of5.rtl,
div.container,
.mainContents div.container {
	width: auto;
	float: none;
}

/*--------------------------------------------------------------------------header */
header {
	border-width: 2px;
}
header .logo img,
header .globalNav img {
	margin: 0 auto;
}
header .logo {
	width: 20%;
}
header .globalNav {
	width: 80%;
}
header .globalNav li {
	width: 25%;
}
header .logo a,
header .logo.prevActive a,
header .logo.prevActiveTop a,
header .logo.prevActiveLoad a {
	background: none;
}
header .globalNav a,
header .globalNav a:hover,
header .globalNav .prevActive a,
header .globalNav .prevActiveLoad a {
	padding: 0 0 0 1px;
	background: url(/staffrecruit/common/images/decoration/bg-border-nav-sp.png) no-repeat 0 0;
	background-size: 1px 48px;
}
header .globalNav .current a {
	background: #f286a3;
}
header .globalNav .current + li a {
	background-image: url(/staffrecruit/common/images/decoration/bg-border-nav-sp-on.png);
	background-size: 1px 48px;
}
header .globalNav li:last-child a {
	background: none;
}

header .globalNav .other {
	display: none;
}
.floatingMenu.is-active {
	display: block;
}
.floatingMenu .ogp,
.floatingMenu .ttl {
	float: left;
	vertical-align: middle;
}
.floatingMenu .ogp {
	width: 30px;
	height: 30px;
	margin: 10px;
	overflow: hidden;
}
.floatingMenu .ogp span {
	position: relative;
	right: 50%;
	transform: translateX(-50%);
}
.floatingMenu .ogp img {
	width: auto;
	height: 100%;
}
.floatingMenu .ttl {
	margin-top: 19px;
	font-size: 10px;
}
.floatingMenu .links {
	float: right;
	margin-right: 70px;
}
.floatingMenu .links > li {
	float: left;
	margin-left: 10px;
	line-height: 50px;
	vertical-align: middle;
}
.floatingMenu .links a {
	display: block;
}
.floatingMenu .navPageTop {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px dotted #f286a3;
}
.floatingMenu .navPageTop a {
	display: block;
}
.floatingMenu .links ul {
    position: absolute;
    right: 0;
    top: 50px;
	display: none;
    width: 220px;
    padding: 20px;
	box-sizing: border-box;
    background-color: #f9809e;
}
.floatingMenu .links ul.is-active {
	display: block;
}
.floatingMenu .links ul::after {
    content: "";
    position: absolute;
    right: 75px;
    width: 0;
    height: 0;
    bottom: 100%;
    pointer-events: none;
    border-color: transparent transparent #f9809e;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
}
.floatingMenu .links ul li {
	float: left;
	margin-right: 22px;
}
.floatingMenu .links .close {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
.floatingMenu a:hover img {
	opacity: 1;
}

/*--------------------------------------------------------------------------mainContents */
main {
	background-image: url(/staffrecruit/common/images/decoration/bg-dot-contents-sp.png);
	background-size: 20px 20px;
}
.mainContents div.container {
	padding-bottom: 8px;
}

/*--------------------------------------------------------------------------footer */
footer {
	padding: 30px 0 20px;
}
footer .sns {
	margin-bottom: 13px;
}
footer .sns .fb img,
footer .sns .tw img {
	width: 36px;
	height: 34px;
}
footer .sns .ln {
	display: inline-block;
}
footer p .pcHide {
	display: inline;
}

}



/* EOD */