@charset "UTF-8";

/* --------------------------------------- */
/* default-style
/* --------------------------------------- */
body {
	color: #333;
  font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
  font-size: 13px;
	line-height: 1.5;
	min-width: 1100px;
}

/* --------------------------------------- */
/* link
/* --------------------------------------- */
a {
	color: #333;
}
a:link {
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	color: #333;
}
a:active {
	color: #333;
}

/* --------------------------------------- */
/* layout
/* --------------------------------------- */
header {
	padding-top: 15px;
}
main {
}
footer {
}

/* --------------------------------------- */
/* common-style
/* --------------------------------------- */
a img:hover {
	opacity: 0.8;
}
.sp {
	display: none;
}

/* --------------------------------------- */
/* header
/* --------------------------------------- */
header {
	border-top: 4px solid #084e98;
}
header .inner {
	margin: 0 auto;
	max-width: 1200px;
}
.logo {
	float: left;
	font-size: 15px;
	line-height: 1.3;
	padding-left: 27px;
}
.logo span {
	color: #084e99;
	font-size: 28px;
	font-weight: bold;
}
header .contact-box {
	float: right;
	margin-bottom: 12px;
	padding-right: 15px;
}
header .contact-box p {
	float: left;
}
header .contact-box p:first-child {
	margin-right: 32px;
}
header nav {
	background: url(../images/pc/bg_gnavi.jpg) repeat 0 0;
	padding: 11px 0 0;
}
.page nav {
	background: url(../images/pc/bg_gnavi02.jpg) repeat 0 0;
}
header nav ul {
	margin: 0 auto;
	width: 1000px;
}
header nav li {
	float: left;
	position: relative;
}
header nav .off a {
	margin-bottom: 5px;
}
header nav .on a {
	border-bottom: 5px solid #084e98;
}
header nav a {
	display: block;
	height: 84px;
}
header nav .wanted {
	bottom: 63px;
	position: absolute;
	right: 6px;
	z-index: 999;
}

/* --------------------------------------- */
/* main
/* --------------------------------------- */
.ttl-s01 {
	background: url(../images/common/bg_title.jpg) repeat 0 0;
	color: #fff;
	font-size: 30px;
	line-height: 1.0;
	padding: 45px 0;
	text-align: center;
}
.ttl-s01 span {
	font-size: 16px;
	display: block;
	margin-top: 15px;
}
.breadcrumbs {
	border-bottom: 1px solid #c9caca;
	margin-bottom: 60px;
}
.breadcrumbs ul {
	margin: 0 auto;
	padding-top: 2px;
	width: 1000px;
}
.breadcrumbs li {
	background: url(../images/pc/icon_breadcrumbs.png) no-repeat right 14px;
	float: left;
	font-size: 16px;
	line-height: 24px;
	margin-right: 15px;
	padding: 8px 29px 15px 0;
}
.breadcrumbs li:last-child {
	background: none;
	margin-right: 0;
  padding: 10px 0 15px 0;
}
.breadcrumbs a:hover {
	opacity: 0.8;
}
.breadcrumbs li img {
	vertical-align: middle;
}

/* --------------------------------------- */
/* footer
/* --------------------------------------- */
.btn-go-top {
	margin: 0 auto;
	position: relative;
	width: 1000px;
}
.btn-go-top a {	
	display: block;
	position: absolute;
	right: -170px;
	top: -220px;
}
@media (max-width: 1350px) {
	.btn-go-top a {	
		display: block;
		position: absolute;
		right: -50px;
		top: -137px;
	}
}
.f-contact {
	background: url(../images/common/bg_f01.jpg) repeat 0 0;
}
.f-contact-wrapper {
	margin: 0 auto;
	padding: 25px 0;
	position: relative;
	width: 1000px;
}
.f-contact-wrapper p:first-child {
	float: left;
	margin-left: 133px;
}
.f-contact-wrapper .icon-wanted {
	left: -13px;
	position: absolute;
	top: -40px;
}
.f-contact-wrapper ul {
	float: right;
}
.f-contact-wrapper li {
	float: left;
}
.f-contact-wrapper ul li:first-child {
	margin-right: 15px;
}
footer iframe {
	vertical-align: middle;
}
.f-info {
	background: url(../images/pc/bg_f02.jpg) repeat 0 0;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.0;
	padding: 40px 0;
	text-align: center;
}
.f-info span {
	font-size: 16px;
	font-weight: normal;
}
.f-link {
	background: #1b1b1b;
  overflow: hidden;
  position: relative; 
}
.f-link ul {
  float: left;
  left: 50%;
	margin-bottom: 20px;
	padding-top: 33px;
  position: relative;
}
.f-link li {
	border-right: 1px solid #efefef;
  float: left;
  left: -50%;
	margin-right: 15px;
	padding-right: 15px;
  position: relative;
}
.f-link li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
.f-link a {
	color: #efefef;
	font-size: 16px;
}
.f-link a:hover {
	opacity: 0.8;
	text-decoration: underline;
}
footer small {
	background: #1b1b1b;
	color: #c9caca;
	display: block;
	font-size: 14px;
	padding-bottom: 28px;
	text-align: center;
}