@charset "UTF-8";
/* CSS Document */

/*----- base -----*/

html, body {
	height: 100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #727171;
}
#wrap {
	width: 1352px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
h1, h2, h3, h4, h5, h6, #header, #contents, #footer, div, table, th, td, dt, dt, dd, ul, li, p, a {
	margin: 0;
	padding: 0;
	box-sizing:border-box;
}
h2 {
	text-align: center;
}
ul {
	list-style: none;
}
img {
	vertical-align: bottom;
}
a {
	color: #091E34;
	text-decoration: none;
}
a:hover, a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
}
.clear {
	clear: both;
	visibility: hidden;
}

#header {
/*	position: fixed; */
	position: absolute;
	width: 270px;
	height: 100%;
	background: #fff;
	z-index: 200;
}
#header::after {
	content: '.';
	display: block;
	position: absolute;
	top: 0;
	right: -10px;
	bottom: 0;
	width: 10px;
	box-shadow: inset 6px 0 14px -6px rgba(0, 0, 0, .3);
	color: transparent;
}
#g-nav > ul > li {
	position: relative;
}
#g-nav > ul > li > a {
	display: block;
	height: 48px;
	border-bottom: 1px solid #87d4fc; 
	padding: 0 0 0 40px;
	background: url(../images/arrow01.png) no-repeat 10px center;
	font-weight: bold;
	line-height: 48px;
}
#g-nav > ul > li:first-child > a {
	border-top: 3px solid rgba(226, 237, 244, .6);
	line-height: 45px;
	position: relative;
}
#g-nav > ul > li:first-child > a::after {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 15px;
    box-shadow: inset 0 16px 32px -16px rgba(226, 237, 244, .9);
    z-index: 1;
}
#g-nav > ul > li:hover > a,
#g-nav > ul > li.current > a {
	color: #fff;
	background: #0faafa url(../images/arrow02.png) no-repeat 10px center;
	border-bottom: 1px solid #1E719D;
	border-top: 0;
	opacity: 1;
}
#g-nav > ul > li.current:first-child > a {
	line-height: 48px;
}
#g-nav > ul > li:first-child:hover > a {
	line-height: 48px;
}
#g-nav > ul > li.current:first-child:hover > a {
	line-height: 48px;
}
#g-nav > ul > li > a:hover::after {
	content: none;
}
#g-nav ul li ul {
	visibility: hidden;
	width: 470px;
	background: #0faafa;
	padding: 25px 23px 23px;
	position: absolute;
	top: -100px;
	left: 270px;
	z-index: 1;
}
#g-nav ul li:hover ul {
	visibility: visible;
}
#g-nav ul li ul::after {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 10px;
	box-shadow: inset 6px 0 14px -6px rgba(0, 0, 0, .3);
}
#g-nav ul li ul li a {
	display: block;
	height: 40px;
	color: #fff;
	border-bottom: 1px solid #87d5fd;
}
#g-nav p {
	display: inline-block;
	height: 31px;
	margin: 4px 0 0;
/*	text-align: center;*/
	vertical-align: middle;
}
#g-nav p.department {
/*	width: 200px;*/
    padding-top: 3px;
    padding-right: 20px;
	font-size: 17px;
	text-align: left;
	border-right: solid 1px #fff;
}
#g-nav p.position {
/*	width: 215px;*/
    padding-top: 7px;
    padding-left: 15px;
	font-size: 14px;
/*	border-right: solid 1px #fff;*/
}
#g-nav p.name {
	padding: 3px 0 0 35px;
}
#g-nav p span {
	vertical-align: middle;
}
#g-nav p.name span {
	font-size: 26px;
}
#btn p {
	height: 35px;
}
#btn p a {
	display: block;
	color: #fff;
	padding-left: 40px;
	background: url(../images/arrow04.png) no-repeat 18px center;
	line-height: 35px;
}
#btn .recruit-jobs {
	background: #F52D64;
	border-bottom: 1px solid #fff;
	box-sizing: content-box;
}
#btn .contact {
	background: #0FAAFA;
}
#contents {
	float: right;
	width: 1082px;
	overflow: hidden;
}
#top-img {
	text-align: center;
}
#footer {
	width: 1082px;
	height: 100px;
	background: #fff;
	padding-top: 30px;
	float: right;
	overflow: hidden;
	color: #727171;
}
#footer ul {
	margin: 0 110px;
	float: left;
}
#footer ul li {
	display: inline-block;
	height: 30px;
	margin-right: 10px;
	line-height: 30px;
}
#footer ul li a {
	color: #727171;
	display: block;
	height: 30px;
	padding-right: 35px;
	background: url(../images/arrow03.png) no-repeat right center;
	line-height: 30px;
}
#footer ul li:first-child a {
	/* letter-spacing: .2em; */
	padding-right: 30px;
}
#footer p {
	line-height: 32px;
}
#footer small {
	font-size: 100%;
}
#footer small span {
	font-size: 150%;
	vertical-align: bottom;
}


/*----- TOPページ -----*/
#contents #btn {
    width: 438px;
	position: fixed;
    top: 30px;
    left: 50%;
    margin-left: 200px;
    z-index: 150;
}
#contents #btn:after {
	content: " ";
	color: transparent;
}
#contents #btn p {
	float: left;
	text-align: center;
	border-radius: 3px;
}
#contents #btn p a {
	color: #fff;
	display: block;
	padding-left: 0;
	line-height: 30px;
}
#contents #btn .recruit-jobs {
	width: 260px;
	height: 30px;
	background: #F52D64;
	margin-right: 10px;
	border-bottom: 0;
	box-sizing: border-box;
}
#contents #btn .recruit-jobs a {
	background: url(../images/arrow04.png) no-repeat 50px center;
}
#contents #btn .contact {
	width: 168px;
	height: 30px;
	background: #0FAAFA;
}
#contents #btn .contact a {
	background: url(../images/arrow04.png) no-repeat 20px center;
}
#top-area {
	position: relative;
	margin-bottom: 30px;
}
#top-area ul {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	z-index: 100;
}
#top-area ul li {
	width: 270px;
	height: 106px;
	float: left;
	background: #0FAAFA;
	border-right: 1px solid #fff;
	text-align: center;
	position: relative;
}
#top-area ul li::after {
	content: ' ';
	display: block;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .2));
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 106px;
}
#top-area ul > *:first-child + * + * + * {
	width: 272px;
	background: #F52D64;
	border-right: none;
}
#top-area ul li a {
	width: 100%;
	height: 100%;
	padding-top: 33px;
	color: #fff;
	font-size: 18px;
	line-height: 1.3;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	text-shadow: 0 0 15px rgba(0, 0, 0, .5);
}
#top-area ul > *:first-child + * a {
	padding-top: 17px;
}
#top-area ul li a img {
	margin-top: 10px;
}
#top-area ul > *:first-child + * a img {
	margin-top: 1px;
}
#top-area ul > *:first-child + * + * + * a img {
	margin-top: 12px;
}
#top-area ul + p {
	position: absolute;
	bottom: 106px;
	right: 0;
	width: 272px;
	height: 85px;
	z-index: 100;
}
section.staffs h2 {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.5em;
	margin-bottom: 30px;
}
section.staffs ul.staff-list {
	overflow: hidden;
}
section.staffs ul.staff-list li {
	float: left;
}
.bnr {
	padding: 30px 120px;
	background: #F5F5F5;
}
.bnr ul {
/*	width: 882px;*/
	overflow: hidden;
	margin: 0 auto;
}
.bnr ul li {
	float: left;
}
.bnr ul li ~ li {
	margin-left: 10px;
}
.bnr ul li a {
	display: block;
	height: 100px;
	padding-top: 10px;
	color: #fff;
	text-align: center;
}
.bnr .bnr-welfare a {
	width: 400px;
	background: #CECFCD;
	border: 7px solid #C6C8C3;
}
.bnr .bnr-faq a {
	width: 400px;
	background: #CECFCD;
	border: 7px solid #C6C8C3;
}
.bnr .bnr-cis a {
	width: 299px;
	background: #81c5f4;
	border: 7px solid #74BFF4;
}
.bnr .bnr-welfare a img,
.bnr .bnr-faq a img {
	background: #CECFCD;
}

#whatsnew {
	padding: 15px 0;
	border: solid 2px #cccccc;
	border-radius: 5px;
	width: 80%;
	margin: 20px auto 30px;
}

#whatsnew h2 {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.5em;
	margin-bottom: 10px;
}

#whatsnewinn {
/*	height: 100px;
	overflow-y: scroll;*/
	padding: 0 15px;
}

.scroll::-webkit-scrollbar{width:10px;}
.scroll::-webkit-scrollbar-track{background:#dddddd;}
.scroll::-webkit-scrollbar-thumb{background:#0faafa;}

#whatsnewinn dt,
#whatsnewinn dd {
	float: left;
	font-size: 1em;
	line-height: 2em;
}

#whatsnewinn dt {
	clear: both;
	padding: 0 20px 0 0;
}

#whatsnewinn a {
	text-decoration: underline;
}


/*--- ビューロベリタスについて ---*/
#about #top-area {
	margin-bottom: 77px;
}
#about h2 {
	margin-bottom: 50px;
}
#about h3 {
	text-align: center;
	margin-bottom: 20px;
}
#about h2 + p,
#about p.btn {
	width: 590px;
	margin: 0 auto;
}
#about h2 + p {
	margin-bottom: 55px;
	line-height: 2em;
}
#about p.btn a {
	display: block;
	height: 90px;
	text-align: center;
	line-height: 90px;
}
#about p.hp-bvj-about-us {
	margin-bottom: 20px;	
}
#about p.hp-bvj-about-us a {
	color: #fff;
	padding-left: 40px;
	background: #0FAAFA url(../images/about/icon_hp_blue_2.png) no-repeat 55px center;
}
#about p.hp-bvj-video {
	margin-bottom: 110px;
	text-align: center;
}
#about p.hp-bvj-video a {
	color: #fff;
}

#about p.service-img,
#about p.hp-bvj {
	margin-bottom: 50px;
}
#about p.hp-bvj a {
	color: #727171;
	font-weight: bold;
	padding-left: 40px;
	background: #C8E1F4 url(../images/about/icon_hp_blue.png) no-repeat 115px center;
}


/*--- メッセージ ---*/
#message {
	text-align: center;
	background: #F5F5F5;
	padding-bottom: 50px;
}
#message #top-area {
	margin-bottom: 80px;
}
#message h2 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 50px;
}
#message p {
	margin-bottom: 40px;
	line-height: 2em;
}
#message strong {
	font-size: 24px;
	color: #0FAAFA;
}
#message > *:first-child + * + * + * + * + * + * + * {
	font-size: 19.5px;
	margin-bottom: 0;
}


/*--- 職種紹介 ---*/
#jobs #top-area {
	margin-bottom: 55px;
}
#jobs .inner {
	width: 800px;
	margin: 0 auto;
}
#jobs h2 {
	margin-bottom: 50px;
}
#jobs p {
	line-height: 2em;
}
#jobs .lead {
	width: 783px;
	margin: 0 auto 50px;
}
#jobs h3 {
	text-align: center;
	margin-bottom: 30px;
}
#jobs .box {
	padding: 48px 41px;
	margin-bottom: 25px;
	border: 1px solid #7AC1F4;
	overflow: hidden;
}
#jobs .no-image {
	margin-bottom: 50px;
}
#jobs h4 {
	height: 26px;
	color: #303B51;
	font-size: 20px;
	padding-left: 25px;
	margin-bottom: 35px;
	background: url(../images/jobs/arrow01.png) no-repeat left top;
}
#jobs h5 {
	color: #7AC1F4;
	font-size: 18px;
	margin-bottom: 25px;
}
#jobs h5 + p {
	margin-bottom: 20px;
}
#jobs .photo {
	float: left;
}
#jobs ul {
	float: right;
}
#jobs ul li {
	height: 67px;
	width: 383px;
	background: #0FAAFA;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	line-height: 67px;
}
#jobs ul li ~ li {
	margin-top: 5px;
}
#jobs ul li.nbsp {
    padding-top: 15px;
	line-height: 1.3em;
}
#jobs .no-image  ul {
	overflow: hidden;
}
#jobs .no-image  ul li {
	float: left;
	width: 235px;
	height: 85px;
	padding-top: 32px;
	text-align: center;
	line-height: 1.3em;
}
#jobs .no-image  ul li ~ li {
	margin: 0 0 0 5.5px;
}
#jobs .no-image ul li.nbsp {
	padding-top: 21px;
}
#jobs .no-image ul li.nbsp2 {
	padding-top: 13px;
}
#jobs a {
	display: block;
	height: 60px;
	margin-bottom: 50px;
	background: #0FAAFA url(../images/jobs/arrow02.png) no-repeat 750px center;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 60px;
}
#jobs a span {
    font-size: 22px;
	margin-left: 35px;
    vertical-align: bottom;
}


/*--- 社員紹介 ---*/
#staff {
	color: #000;
	line-height: 1.7em;
	border-bottom: 1px solid #cccccc;
}
#staff #top-comment {
	height: 155px;
	padding-top: 25px;
	background: #f7f0e1;
	text-align: center;
}
#staff #top-comment h2 {
	color: #091E34;
	line-height: 1.5em;
	margin-bottom: 10px;
}
#staff #top-comment .prof {
	color: #7B7B7B;
}
#staff .inner {
	width: 880px;
	margin: 0 auto;
	overflow: hidden;
}
#staff .number {
	margin: 20px 0 40px;
	text-align: center;
}
#staff #interview {
	width: 512px;
	float: left;
	margin-bottom: 50px;
}
#staff #interview h3 {
	height: 65px;
	border-left: 12px solid #F5C789;
	border-bottom: 1px solid #F5C789;
	padding: 16px 0 0 25px;
	margin-bottom: 25px;
	color: #000;
	letter-spacing: .2em;
}
#staff #interview h3.main-work {
	height: 45px;
	padding-top: 6px;
}
#staff #interview p {
	margin-bottom: 45px;
}
#staff #career-path {
	width: 318px;
	float: right;
}
#staff #career-path p:first-child {
	height: 59px;
	background: #F7F7F7;
	padding-left: 20px;
	margin-bottom: 3px;
	font-weight: bold;
	line-height: 59px;
}
#staff #career-vision {
	clear: both;
/*	height: 200px;*/
	padding-top: 50px;
  padding-bottom: 50px;
	margin-bottom: 50px;
	background: #f7f0e1;
}
#staff #career-vision dl {
/*	height: 100px;*/
	margin: 0 80px 0 80px;
}
#staff #career-vision dt {
	width: 205px;
	float: left;
	margin-top: 41px;
	font-size: 18px;
  font-weight: bold;
}
#staff #career-vision dd {
    padding-left: 20px;
	border-left: 8px solid #fff;
	overflow: hidden;
}
#staff #pager {
	width: 880px;
	margin: 0 auto 50px;
	overflow: hidden;
	text-align: center;
}
#staff #pager p {
	float: left;
}
#staff #pager p.detail {
	display: inline-block;
	width: 292px;
	height: 53px;
	background: #C8E1F4;
	float: none;
}
#staff #pager p.detail a {
	line-height: 53px;
}
#staff #pager p.prev,
#staff #pager p.next {
	width: 65px;
	margin-top: 10px;
}
#staff #pager p.next {
	float: right;
}
#staff #pager p a {
	display: block;
	font-size: 18px;
}
#staff #pager p.prev a {
	padding-left: 14px;
	background: url(../images/staffs/prev.png) no-repeat left center;	
}
#staff #pager p.next a {
	padding-left: 14px;
	background: url(../images/staffs/next.png) no-repeat left center;	
}

/* staff02 */
#staff.staff02 #top-comment,
#staff.staff02 #career-vision {
	background: #e9f6f6;
}
#staff.staff02 #interview h3 {
	border-left: 12px solid #97E1EE;
	border-bottom: 1px solid #97E1EE;
}


/* staff03 */
#staff.staff03 #top-comment,
#staff.staff03 #career-vision {
	background: #e1eff6;
}
#staff.staff03 #top-comment {
	padding-top: 40px;
}
#staff.staff03 #top-comment h2 {
	margin-bottom: 30px;
}
#staff.staff03 #interview h3 {
	border-left: 12px solid #5EC0EE;
	border-bottom: 1px solid #5EC0EE;
}

/* staff04 */
#staff.staff04 #top-comment,
#staff.staff04 #career-vision {
	background: #e8eaf2;
}
#staff.staff04 #interview h3 {
	border-left: 12px solid #A3B0E6;
	border-bottom: 1px solid #A3B0E6;
}

/* staff05 */
#staff.staff05 #top-comment,
#staff.staff05 #career-vision {
	background: #faf0f2;
}
#staff.staff05 #interview h3 {
	border-left: 12px solid #F5B2C4;
	border-bottom: 1px solid #F5B2C4;
}
#staff.staff05 #career-vision dt {
	width: 200px;
}
#staff.staff05 #career-vision dd {
    padding-left: 20px;
}

.notes {
	font-size:10px;
	text-align: right;
	margin: -30px auto 20px;
}


/*--- 福利厚生 ---*/
#welfare {
	margin-bottom: 130px;
}
#welfare #top-area {
	margin-bottom: 44px;
}
#welfare h2{
	width: 172px;
	height: 172px;
	margin: 0 auto 36px;
	border-radius: 50%;
	background: #0FAAFA;
	color: #fff;
	line-height: 36px;
	letter-spacing: .2em;
	padding-top: 50px;
}
#welfare table {
	width: 821px;
	height: 462px;
	margin: 0 auto;
	border-spacing: 3px;
	font-size: 14px;
}
#welfare table th {
	width: 175px;
	background: #898989;
	padding-left: 28px;
	color: #fff;
	text-align: left;
	letter-spacing: .1em;
}
#welfare table td {
	background: #B9DBF4;
	padding: 15px 30px 15px 30px;
	line-height: 1.8;
}


/*--- F A Q ---*/
#faq h2 {
	width: 172px;
	height: 172px;
	margin: 0 auto 36px;
	border-radius: 50%;
	background: #0FAAFA;
	color: #fff;
	line-height: 172px;
	letter-spacing: .2em;
}
#faq dl {
	width: 800px;
	margin: 0 auto 70px;
}
#faq dl dt {
	height: 50px;
	padding-left: 71px;
	margin-bottom: 20px;
	background: url(../images/faq/Q.png) no-repeat left top;
    font-size: 24px;
	font-weight: bold;
	line-height: 50px;
}
#faq dl dd {
	background: #B9DBF4 url(../images/faq/answer.png) no-repeat 22px 32px;
    padding: 25px 24px 28px 130px;
	margin-bottom: 40px;
    line-height: 2em;
}
#faq dl dd span {
	font-weight: bold;
}


/*--- 職種一覧 ---*/
#recruit {
	margin-bottom: 130px;
}
#recruit #top-area {
	margin-bottom: 44px;
}
#recruit h2{
	width: 172px;
	height: 172px;
	margin: 0 auto 36px;
	border-radius: 50%;
	background: #F52D64;
	color: #fff;
	line-height: 36px;
	letter-spacing: .2em;
	padding-top: 50px;
}
#recruit table {
	width: 821px;
	margin: 0 auto;
	border-spacing: 3px;
	font-size: 14px;
}
#recruit table th {
	background: #898989;
	padding: 5px 15px;
	color: #fff;
	text-align: left;
	letter-spacing: .1em;
}
#recruit table td.category {
	background: #f67c9e;
	padding: 5px 15px;
	line-height: 1.6;
	font-weight: bold;
	color: #ffffff;
}
#recruit table td {
	background: #ffd8e3;
	padding: 5px 15px;
	line-height: 1.6;
}

#recruit table td a.joblink {
	background: url(../images/arrow05.png) left center no-repeat;
	padding-left: 15px;
	color: #b0002d;
}
#recruit table td a.jobbtn {
	color: #b0002d;
	display: inline-block;
	border: 1px solid #b0002d;
	border-radius: 5px;
	padding: 2px 5px;
	background: #fff;
}

/*--- 研修制度・人材育成 ---*/
#training {
	margin-bottom: 50px;
}
#training #top-area {
	margin-bottom: 44px;
}

#training .inner {
	width: 800px;
	margin: 0 auto;
}

#training h2{
	margin: 0 auto 36px;
	color: #0FAAFA;
}

#training p {
	line-height: 2em;
}
#training .lead {
	width: 783px;
	margin: 0 auto 50px;
}
#training h3 {
	text-align: center;
	margin: 0 auto 30px;
	clear: both;
}

#training .image_btm {
	margin: 40px auto 80px auto;
	text-align: center;
}

#training .image_btm li {
	float: left;
	margin: 0 20px;
}

#training table {
	width: 100%;
	margin: 0 auto 50px;
	border-spacing: 3px;
	font-size: 14px;
}
#training table th {
	background: #898989;
	padding: 10px 15px;
	color: #fff;
	text-align: left;
	letter-spacing: .1em;
}
#training table td {
	background: #B9DBF4;
	padding: 10px 15px;
	line-height: 1.8;
}

#training table td .joblink {
	background: url(../images/arrow05.png) left center no-repeat;
	padding-left: 15px;
}




/*--- ダイバーシティ＆インクルージョン ---*/
#diversity {
	margin-bottom: 50px;
}
#diversity #top-area {
	margin-bottom: 44px;
}

#diversity .inner {
	width: 800px;
	margin: 0 auto;
}
#diversity #top-area {
	margin-bottom: 44px;
}

#diversity h2{
	margin: 0 auto 36px;
	color: #0FAAFA;
}

#diversity p,
#diversity li {
	line-height: 2em;
}
#diversity .lead {
	width: 783px;
	margin: 0 auto;
}
#diversity h3 {
	text-align: center;
	margin: 50px auto 30px;
	clear: both;
}

#diversity .image_btm {
	margin: 20px auto 50px auto;
	text-align: center;
}
#diversity p.btn a {
	display: block;
	height: 90px;
	text-align: center;
	line-height: 90px;
	width: 590px;
	margin: 20px auto 80px;
}
#diversity p.hp-bvj-about-us {
	margin-bottom: 20px;	
}
#diversity p.hp-bvj-about-us a {
	color: #fff;
	padding-left: 40px;
	background: #0FAAFA url(../images/about/icon_hp_blue_2.png) no-repeat 55px center;
}
#diversity .column {
	margin: 2em;
	padding: 1em;
	background-color: #f7c9d5;
}
#diversity .column2 {
	margin: 2em;
	padding: 1em;
	background-color: #FFCC99;
}
#diversity .listmark li {
	list-style-type:disc;
	margin-left: 3em;
}
#diversity .img_right {
	float: right;
	margin-left: 20px;
}

.hr1 {
	border-top: 3px dotted #f7c9d5;
}
.hr2 {
	border-top: 3px dotted #ffcc99;
}
h3.hr1, h3.hr2 {
	padding-top:30px;
}