/* CSS Document */

/**************************************************************************************************

ホーム

**************************************************************************************************/
#PageIndex h1 {
	background-repeat:no-repeat;
	background-color: #FFF;
	background-position:top center;
	margin:0 auto;
	height:528px;
}
#PageIndex h1 span {
	display:none;
}

#PageIndex header #HeadGlobalMenu {
	background:#FFF;
	border-bottom:2px solid #014099;
}

#PageIndex #section01 {
	width:960px;
	margin:0 auto;
}
#PageIndex #section01 .floatRight {
	text-align:right;
	font-size:107%;
	padding-top:80px;
}
#PageIndex #section01 .floatRight p strong{
	color:#014099;
}
#PageIndex #section01 p a,
#PageIndex #section02 p a {
	background:url(../images/arrow_right.png) no-repeat 90% center #014099;
	color:#FFF;
	border-radius:5px;
	padding:5px 34px 7px 24px;
	font-size:93%;
	display:inline-block;
	margin-top:20px;
}

#PageIndex #section02 {
	background:#f5f5f5;
	margin-top:45px;
}
#PageIndex #section02 div.innerBlock{
	width:960px;
	margin:0 auto;
}
#PageIndex #section02 .floatRight {
	text-align:right;
	font-size:107%;
}
#PageIndex #section02 ul {
	width:600px;
	margin:60px auto 50px auto;
}
#PageIndex #section02 ul li {
	font-size:107%;
	text-align:left;
	background:#FFF;
	color:#014099;
	margin:0 0 24px 0;
	padding:8px 0 8px 60px;
	position:relative;
}
#PageIndex #section02 ul li img {
	position:absolute;
	top:-10px;
	left:0;
}
#PageIndex #section02 p a {
	margin-top:170px;
}

#PageIndex #section03 {
	width:960px;
	margin:60px auto;
}
#PageIndex #section03 h2 {
	background:url(../../images/icon_about.png) no-repeat center top;
	text-align:center;
	color:#014099;
	font-size:160%;
	font-weight:bold;
	padding-top:70px;
}
	#PageIndex #section03 h2 span {
		display:block;
		font-weight:normal;
		font-size:54%;
		line-height:0.5;
	}

#PageIndex #section03 ul {
	margin-top:40px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
#PageIndex #section03 li {
	text-align:center;
	width: 30%;
	margin: 0 1%;
}
#PageIndex #section03 li a {
	display:inline-block;
}
	#PageIndex #section03 li a:hover img {
		opacity:0.7;
	}
#PageIndex #section03 li a img {
	display:block;
	max-width:100%;
	height:auto;
}
#PageIndex #section03 li a span {
	background:url(../images/arrow_circle.png) no-repeat 0 0.45em;
	color:#282828;
	font-size:120%;
	padding-left:24px;
	margin-top:10px;
	display:inline-block;
}
	#PageIndex #section03 li a:hover span {
		color:#014099;
	}


#PageIndex #section04 {
	background:url(../../images/bg_office.png) no-repeat center top;
}
#PageIndex #section04 div.innerBlock{
	width:960px;
	margin:0 auto;
	padding:60px 0;
}

#PageIndex #section04 h2 {
	background:url(../../images/icon_office.png) no-repeat center top;
	text-align:center;
	color:#014099;
	font-size:160%;
	font-weight:bold;
	padding-top:70px;
	margin-bottom:40px;
}
	#PageIndex #section04 h2 span {
		display:block;
		font-weight:normal;
		font-size:54%;
		line-height:0.5;
	}

#PageIndex #section04 ul {
	overflow:hidden;
	margin:2% 1% 0;
}
#PageIndex #section04 li {
	border:2px solid #014099;
	text-align:center;
	font-size:107%;
	width:48%;
	margin:0 1% 1%;
	box-sizing:border-box;
	float:left;
}
#PageIndex #section04 li:nth-child(even) {
	float:right;
}

#PageIndex #section04 li a {
	display:block;
	padding:10px 0;
}
	#PageIndex #section04 li a:hover {
		background:#014099;
		color:#FFF;
	}


#PageIndex #section05 {
	background:#64aabe;
}
#PageIndex #section05 div.innerBlock{
	width:960px;
	margin:0 auto;
	padding:60px 0;
}
#PageIndex #section05 h2 {
	background:url(../../images/icon_recruit.png) no-repeat center top;
	text-align:center;
	color:#FFF;
	font-size:160%;
	font-weight:bold;
	padding-top:70px;
	margin-bottom:40px;
}
	#PageIndex #section05 h2 span {
		display:block;
		font-weight:normal;
		font-size:54%;
		line-height:0.5;
	}
#PageIndex #section05 ul {
	margin: 0 1%;
	overflow:hidden;
}
#PageIndex #section05 ul li {
	width:48%;
	margin: 0 1%;
	float:left;
}
#PageIndex #section05 ul li img{
	max-width:100%;
	height:auto;
}
#PageIndex #section05 ul li a:hover img{
	opacity:0.7;
}

@media screen and (max-width: 959px) {
#PageIndex #section01,
#PageIndex #section02 div.innerBlock,
#PageIndex #section03,
#PageIndex #section04 div.innerBlock,
#PageIndex #section05 div.innerBlock{
	width:100%;
}
#PageIndex #section01,
#PageIndex #section02{
	padding: 0 2vw;
	box-sizing:border-box;
}
#PageIndex #section01 h2 img {
	width:auto;
	height:9vw;
}
#PageIndex #section01 .floatRight {
	padding-top:6vw;
}
#PageIndex #section02 h2 img {
	width:auto;
	height:10vw;
}
#PageIndex #section02 ul {
	width:auto;
}
#PageIndex #section02 ul li {
	font-size:100%;
	padding:8px 10px 8px 42px;
}
#PageIndex #section03{
	margin:8vw 0;
}
}
@media screen and (max-width: 740px) {
#PageIndex h1 {
	height:40vh;
	background-size:auto 40vh;
}

#PageIndex #section01 {
	max-width:100%;
}
#PageIndex #section01 .floatLeft img {
	width:auto;
	height:60px;
}
#PageIndex #section01 .floatRight {
	text-align:center;
	font-size:100%;
	padding-top:10vw;
}
#PageIndex #section01 p a,
#PageIndex #section02 p a {
	background:url(../images/arrow_right.png) no-repeat 90% center #014099;
	color:#FFF;
	border-radius:5px;
	padding:5px 34px 7px 24px;
	font-size:93%;
	display:inline-block;
	margin-top:20px;
}

#PageIndex #section02 {
	background:#f5f5f5;
	margin:10vw 0;
	padding: 0 0 10vw;
	position:relative;
}
#PageIndex #section02 div.innerBlock{
	width:100%;
	margin:0 auto;
}
#PageIndex #section02 .floatRight {
	text-align:center;
	font-size:100%;
}
#PageIndex #section02 .floatRight img {
	width:auto;
	height:70px;
}
#PageIndex #section02 ul {
	width:95vw;
	margin:8vw auto;
}
#PageIndex #section02 ul li {
	font-size:100%;
}
#PageIndex #section02 ul li img {
	position:absolute;
	top:-10px;
	left:0;
}
#PageIndex #section02 p a {
	position:absolute;
	bottom:5vw;
	right:2.5vw;
}

#PageIndex #section03 {
	width:100%;
	margin:15vw auto;
}
#PageIndex #section03 h2 {
	background:url(../../images/icon_about.png) no-repeat center top;
}
#PageIndex #section03 h2 span {
	display:block;
	font-weight:normal;
	font-size:54%;
	line-height:0.5;
}

#PageIndex #section03 ul {
	margin-top:10vw;
}
#PageIndex #section03 li {
	width:100%;
	float:none;
	margin: 0 0 5vw 0;
}
#PageIndex #section03 li:first-child {
	margin: 0 0 5vw 0;
}
#PageIndex #section03 li a {
	display:block;
}
#PageIndex #section03 li a img {
	display:block;
	margin:0 auto;
}

#PageIndex #section04 {
	background:url(../../images/bg_office.png) no-repeat center top;
	background-size:auto 100%;
}
#PageIndex #section04 div.innerBlock{
	width:100%;
	margin:0 auto;
	padding:15vw 0;
}

#PageIndex #section04 h2 {
	background:url(../../images/icon_office.png) no-repeat center top;
	text-align:center;
	color:#014099;
	font-size:160%;
	font-weight:bold;
	padding-top:70px;
	margin-bottom:40px;
}

#PageIndex #section04 li {
	font-size:100%;
}
#PageIndex #section04 li a {
	display:block;
	padding:10px 0;
}

#PageIndex #section05 {}
#PageIndex #section05 div.innerBlock{
	width:100%;
	margin:0 auto;
	padding:15vw 0 10vw;
}
#PageIndex #section05 h2 {}
#PageIndex #section05 h2 span {}
#PageIndex #section05 ul li {
}
#PageIndex #section05 ul li:first-child {
}
#PageIndex #section05 ul li img {
	max-width: 100%;
}
}
@media screen and (max-width: 420px) {
#PageIndex h1 {
	height:35vh;
	background-size:auto 35vh;
}
}

/**************************************************************************************************

ビジョン

**************************************************************************************************/
#PageVision {
	background:url(../../vision/images/bg.jpg) repeat-x top center;
}

#PageVision h1 {
	color:#FFF;
	padding-bottom:50px;
}

#PageVision p.copy {
	font-size:147%;
	text-align:center;
	margin-bottom:50px;
}
	#PageVision p.copy strong {
		color:#3194be;
		font-size:113%;
	}

#PageVision section {
	width:960px;
	margin:0 auto;
	padding: 0 0 150px;
	font-size:120%;
	height:auto;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	align-items: stretch;
}
	#PageVision section div {
		background:#FFF;
		opacity:0.85;
		border-radius:10px;
		width:48%;
		padding:40px;
		margin:0 1% 2% 1%;
		box-sizing:border-box;
	}
	#PageVision section div h2 {
		font-weight:bold;
		text-align:center;
		font-size:133%;
		color:#1387b7;
	}
	#PageVision section div p {
		margin-top:20px;
		line-height:1.6;
	}

@media screen and (max-width: 959px) {
#PageVision {
	background-size:auto 98%;
}
#PageVision h1 {
	padding-bottom:0;
}
#PageVision p.copy {
	font-size:114%;
}
#PageVision section {
	width:90%;
	font-size:100%;
}
#PageVision section div {
	padding:20px;
}
}
@media screen and (max-width: 740px) {
#PageVision h1 {
	margin-bottom:20px;
}
#PageVision p.copy {
	font-size:107%;
	padding:0 15%;
}
#PageVision section {
	display:block;
}
#PageVision section div {
	width:100%;
	margin:0 0 2% 0;
}
}

/**************************************************************************************************

求める人材

**************************************************************************************************/

#PageSeek section {
	font-size:120%;
	text-align:center;
	padding:80px 0;
}
#PageSeek section h2 {
	font-weight:bold;
	font-size:133%;
	text-align:center;
	margin-bottom:40px;
	color:#014099;
}

#PageSeek section div{
	width:960px;
	margin:0 auto;
}

#PageSeek section#section01{
	background:#014099;
	color:#FFF;
}
	#PageSeek section#section01 h2 {
		color:#FFF;
	}

#PageSeek section#section03{
	background:#F7F7F7;
}

#PageSeek section#section03 ul {
	width:750px;
	margin:0 auto 60px auto;
}
#PageSeek section#section03 ul li {
	text-align:left;
	background:#FFF;
	color:#014099;
	margin:0 0 24px 0;
	padding:8px 0 8px 60px;
	position:relative;
}
#PageSeek section#section03 ul li img {
	position:absolute;
	top:-10px;
	left:0;
}
	#PageSeek section#section03 p.button {
		margin-top:40px;
	}

@media screen and (max-width: 959px) {
#PageSeek section div{
	max-width:100%;
	padding:0 2vw;
	box-sizing:border-box;
}
#PageSeek section#section03 ul {
	width:98%;
	margin:0 auto 60px auto;
}
}
@media screen and (max-width: 740px) {
#PageSeek section {
	font-size:100%;
}
#PageSeek section div{
	padding:0 4vw;
}
#PageSeek section#section03 ul li {
	margin:0 0 24px 0;
	padding:8px 4px 8px 42px;
}
}

/**************************************************************************************************

採用担当者から

**************************************************************************************************/

#PageSeek #SecondPage section {
	font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing:0.15em;
	text-align:left;
	padding:50px 0 80px 0;
}
#PageSeek #SecondPage section h2{
	text-align:left;
	margin-bottom:20px;
	font-size:147%;
}
#PageSeek #SecondPage section p{
	margin-top:1.2em;
	font-size:96%;
}
#PageSeek #SecondPage section#section01,
#PageSeek #SecondPage section#section03 {
	background:#F7F7F7;
	color:#282828;
}
#PageSeek #SecondPage section#section02,
#PageSeek #SecondPage section#section04 {
	text-align:right;
}
#PageSeek #SecondPage section#section02 h2,
#PageSeek #SecondPage section#section04 h2 {
	text-align:right;
}

#PageSeek #SecondPage section#section01 h2{
	color:#014099;
}
#PageSeek #SecondPage section h2 span {
	font-size:60%;
	display:block;
	line-height:1;
}

.clear-type {
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
     -moz-transform-origin: 0 0;
     -moz-transform: scale(1, 1.01);
      -ms-transform-origin: 0 0;
      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
       -o-transform-origin: 0 0;
       -o-transform: scale(1, 1.01);
}
@media screen and (max-width: 959px) {
#PageSeek #SecondPage section#section02,
#PageSeek #SecondPage section#section04,
#PageSeek #SecondPage section#section02 h2,
#PageSeek #SecondPage section#section04 h2 {
	text-align:left;
}
}

/**************************************************************************************************

ウインの取組み

**************************************************************************************************/

#PageApproach section {
	padding:40px;
}
	#PageApproach section#section01,
	#PageApproach section#section03 {
		background:#f5f5f5;
	}

	#PageApproach section h2 {
		color:#014099;
		border-bottom:2px solid #014099;
		font-size:147%;
		text-align:center;
		font-weight:bold;
		width:28em;
		margin:0 auto;
	}
	#PageApproach section p {
		text-align:center;
		font-size:107%;
		margin:14px 0 0 0;
	}

#PageApproach section .innerBlock {
	width:960px;
	margin:0 auto;
}
	#PageApproach section#section04 .innerBlock {
		padding:50px 0 0 310px;
		width:650px;
	}

#PageApproach section dl {
	width:277px;
	float:left;
	margin:20px 62px 0 0;
	padding:0 0 1.5em 0;
	position:relative;
}
	#PageApproach section dl.End {
		margin-right:0;
	}
		#PageApproach section dl dt {
			font-weight:bold;
			color:#014099;
			font-size:107%;
		}
		#PageApproach section dl dt img {
			margin:0 0 10px 0;
		}
		#PageApproach section dl dd {
			font-size:93%;
			line-height:1.6;
			margin:5px 0 0 0;
		}
		#PageApproach section dl dd span {
			background:#014099;
			color:#FFF;
			font-size:80%;
			display:inline-block;
			padding:2px 8px;
			border-radius:5px;
			position:absolute;
			right:0;
			bottom:0;
		}

#PageApproach section#section04 ul li {
	background:url(../images/icon_square.png) no-repeat 0 center;
	padding-left:2em;
	margin:0 0 10px;
	font-size:107%;

}

@media screen and (max-width: 959px) {
#PageApproach section .innerBlock {
	width:100%;
	margin:0 auto;
}
	#PageApproach section#section04 .innerBlock {
		padding:50px 0 0 50px;
		width:100%;
	}

#PageApproach section dl {
	width:45%;
	float:left;
	margin:20px 0 0 0;
	padding:0 0 1.5em 0;
}
	#PageApproach section dl.End {
		margin-right:0;
	}
	#PageApproach section dl:nth-child(even) {
		float:right;
	}
		#PageApproach section dl dt img {
			margin:0 0 10px 0;
			display:block;
		}
}

@media screen and (max-width: 740px) {
#PageApproach section h2 {
	width:auto;
}
#PageApproach section dl,
#PageApproach section dl:nth-child(even) {
	width:100%;
	float:none;
}
#PageApproach section dl dt {
	text-align:center;
}
#PageApproach section dl dt img {
	margin:0 auto 10px;
}
#PageApproach section#section04 .innerBlock {
	padding:20px 0 0 0;
}
}

/**************************************************************************************************

部署紹介

**************************************************************************************************/
#PageDepartment #tabMenu ul {
	width:100%;
	margin:0 auto;
	text-align: center;
}
#PageDepartment #tabMenu ul li {
	display: inline;
	width:150px;
	margin-left:20px;
}
#PageDepartment #tabMenu ul li:first-child {
	margin:0;
}

#PageDepartment #section01,
#PageDepartment #section02,
#PageDepartment #section03,
#PageDepartment #section04 {
	width:780px;
	margin:70px auto;
}
#PageDepartment section {
	background:#F7F7F7;
	border-radius:10px;
	position:relative;
	padding:0 0 50px 0;
}
#PageDepartment section h2 {
	color:#014099;
	font-size:173%;
	font-weight:bold;
	letter-spacing:0.2em;
	text-align:center;
	padding:100px 0 0 0;
	margin:0 0 30px 0;
}
#PageDepartment section h2 span {
	font-weight:normal;
	font-size:52%;
	display:block;
	line-height:0.6;
	letter-spacing:0;
}
#PageDepartment section h2 img {
	display:block;
	position:absolute;
	top:-30px;
	left:330px;
}
#PageDepartment p.blue {
	font-size:107%;
	text-align:center;
	line-height:1.8;
}

#PageDepartment section div {
	background:#FFF;
	width:580px;
	margin:50px auto 0 auto;
	border-radius:10px;
	padding:20px 40px;
	font-size:93%;
	position:relative;
}
#PageDepartment section div h3 {
	background:#014099;
	color:#FFF;
	border-radius:8px;
	width:15em;
	font-size:120%;
	padding:5px 0;
	text-align:center;
	position:absolute;
	top:-25px;
	left:210px;
}
	#PageDepartment #section02 div h3,
	#PageDepartment #section04 div h3 {
		width:26em;
		left:120px;
	}
	#PageDepartment section div h3.pickup {
		background:#ff7214;
	}
#PageDepartment section div dt,
#PageDepartment section div p,
#PageDepartment section div ul{
	line-height:1.6;
	margin-top:20px;
}
#PageDepartment section div dd{
	line-height:1.6;
	margin-top:5px;
}

#PageDepartment section div dt {
		font-weight:bold;
		color:#014099;
		font-size:113%;
		padding-left:40px;
	}
	#PageDepartment section div dt.no01 {
		background:url(../images/icon_no01.png) no-repeat 0 center;
		background-size: 26px 26px;
	}
	#PageDepartment section div dt.no02 {
		background:url(../images/icon_no02.png) no-repeat 0 center;
		background-size: 26px 26px;
	}
#PageDepartment section div dd {
	margin-left:40px;
}

#PageDepartment section div ul li {
	background:url(../images/icon_square.png) no-repeat 0 9px;
	padding-left:20px;
}

#PageDepartment #staffBox {
	text-align:center;
	width:650px;
	margin:50px auto;
}
	#PageDepartment #staffBox ul li {
		display:inline-block;
		margin:30px 10px;
	}
	#PageDepartment #staffBox ul li a img {
		width:120px;
		border-radius:70px;
		border:5px solid #014099;
	}
	#PageDepartment #staffBox ul li a:hover img {
		width:140px;
		border-radius:80px;
		border:5px solid #64aabe;
		transition: all .3s;
	}

@media screen and (max-width: 959px) {
	#PageDepartment #section01, #PageDepartment #section02, #PageDepartment #section03, #PageDepartment #section04 {
		max-width: 96%;
		box-sizing: border-box;
	}
	#PageDepartment section h2 img {
		left: 42%;
	}
	#PageDepartment section div h3 {
		left: 32%;
	}
	#PageDepartment section div {
		width: 90%;
		box-sizing: border-box;
	}
	#PageDepartment #staffBox {
		width: 100%;
	}
	#PageDepartment #tabMenu ul {
		width: 100%;
		text-align: center;
	}
	#PageDepartment #tabMenu ul li {
		float: none;
		display: inline;
	}
}
@media screen and (max-width: 740px) {
	#PageDepartment #tabMenu ul li {
		width: auto;
		margin: 0;
	}
	#PageDepartment #tabMenu ul li img {
		width: 110px;
	}
	#PageDepartment #section01, #PageDepartment #section02, #PageDepartment #section03, #PageDepartment #section04 {
		width: 96%;
	}
	#PageDepartment section {
		box-sizing: border-box;
		padding: 0 4vw 4vw;
	}
	#PageDepartment section h2 {
		padding: 80px 0 0 0;
		font-size: 144%;
	}
	#PageDepartment section h2 img {
		width: 100px;
		height: 100px;
		left: 38%;
	}
	#PageDepartment p.blue {
		font-size: 100%;
	}
	#PageDepartment section div {
		width: 100%;
		padding: 20px;
	}
#PageDepartment #section01 div h3, #PageDepartment #section02 div h3, #PageDepartment #section03 div h3, #PageDepartment #section04 div h3 {
		left: 5%;
		width: 90%;
	font-size: 105%;
		line-height: 1.4;
		padding: 8px;
		box-sizing: border-box;
	}
}


/**************************************************************************************************

社員からのメッセージ

**************************************************************************************************/
#PageMessage #IndexPage section {
	width:960px;
	margin:90px auto 120px auto;
	position:relative;
	background:#f7f7f7;
	border-radius:10px;
}
#PageMessage #IndexPage section h2 {
	position:absolute;
	top:-60px;
	left:0;
	color:#014099;
	font-weight:bold;
	font-size:160%;
	padding-left:130px;
}
	#PageMessage #IndexPage section h2 span {
		font-size:50%;
		font-weight:normal;
		display:inline-block;
		margin-left:1em;
	}
	#PageMessage #IndexPage section h2 img {
		vertical-align:text-top;
		position:absolute;
		top:-10px;
		left:0;
	}

	#PageMessage #IndexPage section ul{
		text-align:center;
		padding:15px 0;
	}
		#PageMessage #IndexPage section ul li {
			display:inline-block;
			width:140px;
			text-align:center;
			margin:0 0 0 40px;
		}
		#PageMessage #IndexPage section ul li:first-child {
			margin:0;
		}
		#PageMessage #IndexPage section ul li span {
			display:block;
			font-size:70%;
			line-height:1.2;
		}
		#PageMessage #IndexPage section ul li img {
			border-radius:10px;
			border:5px solid #FFF;
			box-shadow:0 0 5px #CCC;
			margin-bottom:10px;
		}
		#PageMessage #IndexPage section ul li a {
			display:inline-block;
			padding:10px;
		}
		#PageMessage #IndexPage section ul li a:hover {
			background:#ccd9eb;
			color:#014099;
			font-weight:bold;
		}
@media screen and (max-width: 959px) {
	#PageMessage #IndexPage section {
		width: 96%;
		box-sizing: border-box;
	}
	#PageMessage #IndexPage section h2 {
		padding-left: 120px;
	}
	#PageMessage #IndexPage section h2 img {
		width: 100px;
		height: auto;
	}
}
@media screen and (max-width: 740px) {
	#PageMessage #IndexPage section h2 {
		padding-left: 80px;
		line-height: 1.2;
		top: -55px;
	}
	#PageMessage #IndexPage section h2 img {
		width: 70px;
		height: auto;
	}
	#PageMessage #IndexPage section h2 span {
		display: block;
		margin-left: 0;
	}
	#PageMessage #IndexPage section ul li {
		vertical-align: top;
	}
}

/* メッセージ詳細 */

#PageMessage #SecondPage h1 {
	background:url(../../department/message/images/bg_person.jpg) no-repeat top center;
	margin:0;
	height:400px;
}
#PageMessage #SecondPage section {
	width:800px;
	margin:0 auto;
	font-size:107%;
}
	#PageMessage #SecondPage section h2 {
		background:#014099;
		color:#FFF;
		font-weight:bold;
		border-radius:10px;
		font-size:120%;
		padding:6px 30px;
		margin-top:50px;
		clear:both;
	}
	#PageMessage #SecondPage section p {
		margin:20px 30px;
	}
	#PageMessage #SecondPage section p img{
		border-radius:15px;
	}

	#PageMessage #SecondPage section .forEveryone {
		border:3px solid #014099;
		border-radius:10px;
		position:relative;
		margin:70px 0 0 0;
		clear:both;
	}
		#PageMessage #SecondPage section .forEveryone h3 {
			background:#014099;
			color:#FFF;
			font-weight:bold;
			border-radius:10px;
			font-size:120%;
			position:absolute;
			top:-30px;
			left:12em;
			padding:6px 20px;
		}
		#PageMessage #SecondPage section .forEveryone p {
			font-weight:bold;
			color:#014099;
			font-size:120%;
			padding-top:20px;
		}

#PageMessage #SecondPage a.btn {
	font-size:120%;
	float:right;
	margin:50px 0 !important;
}
@media screen and (max-width: 959px) {
	#PageMessage #SecondPage h1 {
		height: 300px;
		position: relative;
	}
	#PageMessage #SecondPage h1 img {
		width: auto;
		height: 300px;
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	#PageMessage #SecondPage section {
		width: 96%;
	}
	#PageMessage #SecondPage section .forEveryone h3 {
		left: 20px;
	}
}
@media screen and (max-width: 740px) {
	#PageMessage #SecondPage h1 {
		height: 160px;
	}
	#PageMessage #SecondPage h1 img {
		height: 150px;
		width: auto;
	}
	#PageMessage #SecondPage section,
	#PageMessage #SecondPage section .forEveryone p {
		font-size: 100%;
	}
	#PageMessage #SecondPage section h2 {
		font-size: 114%;
		margin-top: 30px;
	}
	#PageMessage #SecondPage section p {
		margin: 10px;
	}
	#PageMessage #SecondPage section .forEveryone h3 {
		left: 20px;
	}
}


/**************************************************************************************************

職種紹介

**************************************************************************************************/
#PageJob #IndexPage,
#PageJob #SecondPage {
	width:960px;
	margin:0 auto;
	padding-bottom:50px;
}
#PageJob h2 {
	font-size:133%;
	font-weight:bold;
	background:#014099;
	color:#FFF;
	text-align:center;
	border-radius:10px;
	padding:5px 0;
}
#PageJob .markBox {
	margin:26px 0;
}
	#PageJob .markBox li {
		float:right;
		line-height:38px;
		margin-left:14px;
	}
	#PageJob #SecondPage .markBox li {
		float:none;
		text-align:center;
	}
	#PageJob .markBox li.off span {
		background:url(../../jobcategory/images/mark_off.png) no-repeat 0 0;
		display:inline-block;
		padding-left:34px;
		line-height:38px;
	}
	#PageJob .markBox li.on span{
		background:url(../../jobcategory/images/mark_on.png) no-repeat 0 0;
		display:inline-block;
		padding-left:34px;
		line-height:38px;
	}

#PageJob #IndexPage section.jobBlock,
#PageJob #IndexPage section.otherBlock {
	border:3px solid #014099;
	border-radius:8px;
	padding:30px 20px;
	margin-bottom:50px;
}
	#PageJob #IndexPage section.jobBlock dl {
		float:left;
		width:286px;
		margin-left:10px;
	}
	#PageJob #IndexPage section#section01 dl,
	#PageJob #IndexPage section#section02 dl {
		width:360px;
	}
	#PageJob #IndexPage .col2 section.jobBlock {
		width:42%;
		float:left;
		margin-left:60px;
	}
	#PageJob #IndexPage .col2 section.jobBlock:first-child {
		margin-left:0;
	}
	#PageJob #IndexPage section.jobBlock dt {
		background:#014099;
		color:#FFF;
		font-size:120%;
		border-radius:10px;
		padding:5px 0;
		text-align:center;
		margin-bottom:20px;
	}
	#PageJob #IndexPage .col2 section.jobBlock dl {
		margin:0 auto;
		float:none;
	}
	#PageJob #IndexPage section.jobBlock dd {
		margin-top:10px;
		padding:5px 0 5px 40px;
		line-height:1.4;
	}
		#PageJob #IndexPage section.jobBlock dd.off {
			background:url(../../jobcategory/images/mark_off.png) no-repeat 0 0;
		}
		#PageJob #IndexPage section.jobBlock dd.on {
			background:url(../../jobcategory/images/mark_on.png) no-repeat 0 0;
		}
	#PageJob #IndexPage section.jobBlock dd a {
		background:url(../images/arrow_right_blue.png) no-repeat right center;
		padding-right:15px;
	}
	#PageJob #IndexPage section.jobBlock dd a:hover {
		text-decoration:underline;
	}

#PageJob #IndexPage section.otherBlock dt {
	float:left;
	width:700px;
	margin-left:20px;
	padding-left:20px;
	background:url(../images/icon_square.png) no-repeat 0 center;
	margin-bottom:20px;
	font-size:107%;
}
#PageJob #IndexPage section.otherBlock dd {
	font-weight:bold;
	font-size:80%;
	float:left;
	width:100px;
	margin-bottom:20px;
}
#PageJob #IndexPage section.otherBlock dd a {
	background:url(../images/arrow_right_blue.png) no-repeat 20px center;
	border:2px solid #014099;
	border-radius:5px;
	font-weight:bold;
	display:block;
	width:100px;
	padding:3px 5px 3px 35px;
}
#PageJob #IndexPage section.otherBlock dd a:hover {
	background:url(../images/arrow_right.png) no-repeat 20px center #014099;
	color:#FFF;
}

#PageJob #IndexPage h3 {
	color:#014099;
	font-size:160%;
	font-weight:bold;
	letter-spacing:0.2em;
	line-height:1;
	text-align:center;
	margin:10px 0 30px 0;
}
	#PageJob #IndexPage h3 span {
		letter-spacing:0;
		font-weight:normal;
		font-size:42%;
		display:block;
	}


#PageJob #SecondPage h1{
	margin-bottom:0;
}
#PageJob #SecondPage dl {
	width:80%;
	margin:0 auto 50px auto;
	background:#014099;
	font-size:107%;
}
#PageJob #SecondPage dl dt {
	float:left;
	clear: left;
	width:170px;
	background:#014099;
	color:#FFF;
	padding:10px 20px;
	border-top:2px solid #FFF;
	line-height:1.6;
}
#PageJob #SecondPage dl dd {
	margin-left:210px;
	background:#f5f5f5;
	padding:10px 20px;
	border-top:2px solid #FFF;
	line-height:1.6;
}
#PageJob #SecondPage dl dd ul li {
	background:url(../images/icon_square.png) no-repeat 0 0.7em;
	padding-left:16px;
}

#PageJob #SecondPage a.nowRecruit {
	background:#64aabe url(../images/arrow_right.png) no-repeat 90% center;
	color:#FFF;
	font-size:160%;
	font-weight:bold;
	margin:20px auto;
	width:10em;
	text-align:center;
	display:block;
	border-radius:10px;
	padding:14px 60px;
}
#PageJob #SecondPage a.nowRecruit:hover {
	background:#b1d4de url(../images/arrow_right.png) no-repeat 90% center;
}

#PageJob #SecondPage .noRecruit {
	background:#bfc0c0;
	font-size:160%;
	margin:0 auto;
	width:12em;
	text-align:center;
	display:block;
	border-radius:10px;
	padding:14px 60px;
}
@media screen and (max-width: 959px) {
#PageJob #IndexPage,
#PageJob #SecondPage {
	width:100%;
	padding:0 2vw 50px;
	box-sizing: border-box;
}
	#PageJob #IndexPage h3 {
		margin: 10px 0;
	}
	#PageJob #IndexPage .col2 section.jobBlock {
		margin-left:4%;
		width: 48%;
	}
	#PageJob #IndexPage section.jobBlock, #PageJob #IndexPage section.otherBlock {
		padding: 15px;
		margin-bottom: 4%;
		box-sizing: border-box;
	}
	#PageJob #IndexPage section#section01 dl, #PageJob #IndexPage section#section02 dl {
		width: 100%;
	}
	#PageJob #IndexPage section.jobBlock dl {
		width: 32.2%;
		margin-left: 1%;
	}
	#PageJob #IndexPage section.jobBlock dt {
		margin-bottom: 10px;
	}
	#PageJob #IndexPage section.otherBlock dt {
		width: 100%;
		float: none;
		box-sizing: border-box;
		margin-left: 5px;
		background-position: left 0.6em;
	}
	#PageJob #SecondPage dl {
		width: 96%;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 740px) {
	#PageJob #IndexPage .col2 section.jobBlock,
	#PageJob #IndexPage section.jobBlock dl {
		width: 100%;
		margin-left: 0;
	}
	#PageJob #IndexPage section.jobBlock dl {
		margin-bottom: 10px;
	}
	#PageJob #SecondPage dl dt {
		float: none;
		clear: both;
		width: 100%;
		box-sizing: border-box;
	}
	#PageJob #SecondPage dl dd {
		margin-left: 0;
	}
}

/**************************************************************************************************

雇用条件

**************************************************************************************************/
#PageConditions section{
	width:960px;
	border:3px solid #014099;
	border-radius:8px;
	padding:30px 20px;
	margin:0 auto 50px auto;
}
#PageConditions section h2 {
	color:#014099;
	font-size:160%;
	font-weight:bold;
	letter-spacing:0.2em;
	line-height:1;
	text-align:center;
	margin:10px 0 30px 0;
}
	#PageConditions section h2 span {
		letter-spacing:0;
		font-weight:normal;
		font-size:42%;
		display:block;
	}
#PageConditions section dl {
	width:80%;
	margin:0 auto 50px auto;
	background:#014099;
	font-size:107%;
}
#PageConditions section dl dt {
	float:left;
	clear: left;
	width:100px;
	background:#014099;
	color:#FFF;
	padding:10px 30px;
	border-top:4px solid #FFF;
	line-height:1.6;
}
#PageConditions section dl dd {
	margin-left:160px;
	background:#f5f5f5;
	padding:10px 30px;
	border-top:4px solid #FFF;
	line-height:1.6;
}
#PageConditions .categoryBox {
	font-size:107%;
	background:#e0e7f0;
	border-radius:10px;
	padding:20px 30px;
	margin:20px;
}
	#PageConditions .categoryBox h3 {
		background:#3366ad;
		color:#FFF;
		font-weight:bold;
		border-radius:8px;
		float:left;
		padding:8px 20px;
		margin-right:10px;
		width:100px;
	}
	#PageConditions .categoryBox ul {
		float:left;
		width:80%;
		font-size:0;
	}
	#PageConditions .categoryBox ul li{
		display:inline-block;
		margin-left:15px;
		font-size:16px;
		margin-bottom:10px;
	}
	#PageConditions .categoryBox ul li a{
		border:3px solid #64aabe;
		background:#FFF;
		border-radius:8px;
		background:url(../images/arrow_right_blue.png) no-repeat 20px 0.95em #FFF;
		padding:4px 20px 4px 35px;
		display:block;
	}
	#PageConditions .categoryBox ul li a:hover{
		background:url(../images/arrow_right.png) no-repeat 30px 0.95em #64aabe;
		color:#FFF;
	}


/**************************************************************************************************

採用の流れ

**************************************************************************************************/

#PageFlow section {
	width:960px;
	margin:0 auto;
	position:relative;
	background:url(../../flow/images/bg_ten.png) no-repeat center bottom;
	padding-bottom:70px;
}
	#PageFlow section.bgno {
		background:none !important;
	}

#PageFlow section h2 {
	position:absolute;
	top:-30px;
	left:0;
}
#PageFlow section div p {
	border-radius:10px;
	padding:35px 190px 35px 145px;
	margin-top:20px;
	min-height:60px;
}
	#PageFlow section#section01 div p {
		background:url(../../flow/images/pic01.png) no-repeat 810px center #f7f7f7;
	}
	#PageFlow section#section02 div p {
		background:url(../../flow/images/pic02.png) no-repeat 810px center #f7f7f7;
	}
	#PageFlow section#section03 div p {
		background:url(../../flow/images/pic03.png) no-repeat 810px center #f7f7f7;
	}
	#PageFlow section#section04 div p {
		background:url(../../flow/images/pic04.png) no-repeat 810px center #f7f7f7;
	}
	#PageFlow section#section05 div p {
		background:url(../../flow/images/pic05.png) no-repeat 810px center #f7f7f7;
	}

#PageFlow p.progress {
	background:url(../../flow/images/bg_arrow.png) no-repeat 0 0;
	color:#014099;
	font-size:80%;
	width:5em;
	padding:0 75px;
	text-align:center;
	height:42px;
	line-height:42px;
	position:absolute;
	right:204px;
	bottom:0;
}
#PageFlow .caution {
	width:960px;
	margin:0 auto 100px auto;
	font-size:107%;
	color:#014099;
	font-weight:bold;
}

@media screen and (max-width: 959px) {
#PageFlow section {
	width:100%;
	background-position:50px bottom;
}
#PageFlow section h2 {
	left:2%;
}
#PageFlow section h2 img {
	width:80px;
	height:auto;
}
#PageFlow section div {
	margin:0 2%;
}
#PageFlow p.progress {
	left:100px;
}
#PageFlow section div p {
	padding:25px 90px 25px 105px;
	line-height:1.8;
}
#PageFlow section#section01 div p,
#PageFlow section#section02 div p,
#PageFlow section#section03 div p,
#PageFlow section#section04 div p,
#PageFlow section#section05 div p {
	background-position:right center;
	background-size:80px auto;
}
#PageFlow .caution {
	width:100%;
	margin:0 2% 60px;
}
}
@media screen and (max-width: 740px) {
#PageFlow section {
	background-position:35px bottom;
}
#PageFlow p.progress {
	left:80px;
}
#PageFlow section h2 img {
	width:60px;
	height:auto;
}
#PageFlow section div p {
	padding:40px 90px 25px 10px;
}
}

/**************************************************************************************************

エントリー

**************************************************************************************************/

/*　共通　*/

#PageEntry section h2 {
	font-weight:bold;
	font-size:147%;
	text-align:center;
	margin-bottom:40px;
	color:#014099;
}
#PageEntry section a {
	text-decoration:underline;
	margin-left: 15px;
}
#PageEntry section a:hover {
	text-decoration:none;
}



/*　キャプション　*/

#PageEntry section#section00{
	color:#014099;
}
#PageEntry section#section00 div{
	width:960px;
	margin:0 auto;
	text-align:center;
	padding:0 0 50px 0;
	font-size:107%;
}
#PageEntry section#section00 div h2{
	margin-top:40px;
	margin-bottom:20px;
}

/*　新卒採用　*/

#PageEntry #section01 {
	background:#F7F7F7;
	padding:50px 0;
}
	#PageEntry section#section01 div{
		width:960px;
		margin:0 auto;
	}

#PageEntry #section01 dl {
	width:100%;
	margin:0 auto 30px auto;
	background:#014099;
}
#PageEntry #section01 dl dt {
	float:left;
	clear: left;
	width:150px;
	background:#014099;
	color:#FFF;
	padding:30px;
	line-height:1.6;
}
#PageEntry #section01 dl dd {
	margin-left:210px;
	background:#FFF;
	padding:5px 30px;
	line-height:1.6;
}
#PageEntry #section01 dl dd li {
	padding:10px 0;
}
#PageEntry #section01 dl dd li:first-child {
	padding-bottom:0;
}
#PageEntry #section01 .text {
	border:2px solid #014099;
	border-radius:10px;
	text-align:center;
	color:#014099;
	font-weight:bold;
	padding:10px 0;
}


/*　キャリア採用　*/

#PageEntry #section02 {
	width:960px;
	margin:0 auto;
	padding:50px 0;
}
#PageEntry #section02 p {
	text-align:center;
}
#PageEntry #section02 a.nowRecruit {
	background:#64aabe url(../images/arrow_right.png) no-repeat 90% center;
	color:#FFF;
	font-size:160%;
	font-weight:bold;
	margin:30px auto 40px auto;
	width:10em;
	text-align:center;
	display:block;
	border-radius:10px;
	padding:14px 60px;
	text-decoration:none;
}
#PageEntry #section02 a.nowRecruit:hover {
	background:#b1d4de url(../images/arrow_right.png) no-repeat 90% center;
}
#PageEntry #section02 ul {
	background:#F7F7F7;
	width:570px;
	padding:20px 0 10px 40px;
	border:1px solid #DDD;
	border-radius:10px;
	margin:30px auto;
}
#PageEntry #section02 ul li {
	background:url(../images/icon_square.png) no-repeat 0 center;
	padding-left:20px;
	margin-bottom:10px;
}


a.xls{
	background:url(../images/icon_excel.png) no-repeat right center;
	padding-right:26px;
}
a.doc{
	background:url(../images/icon_word.png) no-repeat right center;
	padding-right:26px;
}


/*　応募フォーム　*/

#PageEntry #form {
	background:#F7F7F7;
	padding:50px 0;
}
	#PageEntry section#form div{
		width:960px;
		margin:0 auto;
	}
	#PageEntry #form h3 {
		color:#014099;
		border-bottom:3px solid #014099;
		font-weight:bold;
		font-size:114%;
		margin-bottom:10px;
	}

#PageEntry #form dl {
	width:100%;
	margin:0 auto 30px auto;
	background:#014099;
}
#PageEntry #form dl dt {
	clear: both;
	float:left;
	width:220px;
	background:#014099;
	color:#FFF;
	padding:20px 10px 20px 30px;
	line-height:1.6;
	border-top:3px solid #F7F7F7;
}
	#PageEntry #form dl dt span {
		background:#FFF;
		display:inline-block;
		border:1px solid #ff3300;
		color:#ff3300;
		font-size:84%;
		padding:2px 6px;
		line-height:1.4;
		float:right;
	}
#PageEntry #form dl dt span:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#PageEntry #form dl dd {
	margin-left:260px;
	background:#FFF;
	padding:20px 30px;
	line-height:1.6;
	border-top:3px solid #F7F7F7;
}
	#PageEntry #form dl dd span.error{
		display:block;
		color:#FF3300;
		border-top:1px solid #FF3300;
		margin-top:10px;
		padding:2px 10px;
		background:#FFF6F6;
	}
	
	#PageEntry #form dl dd label{
		margin-right:2em;
	}
	#PageEntry #form dl dd input[type="text"],
	#PageEntry #form dl dd textarea{
		border:1px solid #CCC;
		border-radius:2px;
		padding:5px 3px;
	}
	#PageEntry #form dl dd select{
		padding:3.5px;
	}
		#PageEntry #form dl dd input:focus,
		#PageEntry #form dl dd textarea:focus {
			border:solid 1px #EEA34A;
			background:#FDFDEF;
		}
	#PageEntry #form dl dd input.eisu {
		ime-mode:disabled;
	}
	#PageEntry #form dl dd input.kana {
		ime-mode:active;
	}
	#PageEntry #form dl dd .sizeS {
		width:5em;
	}
	#PageEntry #form dl dd .sizeM {
		width:50%;
	}
	#PageEntry #form dl dd .sizeL {
		width:100%;
	}

#PageEntry #form input[type="submit"].btn {
	font-size:140%;
	width:14em;
	display:block;
	margin:20px auto 10px auto;
	padding:15px 10px 15px 15px;
	color:#014099;
}
#PageEntry #form input[type="submit"].btn:hover {
	color:#FFF;
	cursor:pointer;
}

#PageEntry #form input[type="submit"].btn[disabled] {
	cursor: not-allowed;
}

#PageEntry #form .text {
	border:2px solid #014099;
	border-radius:10px;
	text-align:center;
	color:#014099;
	font-weight:bold;
	padding:10px 0;
}

@media screen and (max-width: 959px) {
	#PageEntry section#section00 div,
	#PageEntry section#section01 div,
	#PageEntry section#section02,
	#PageEntry section#form div {
		width:100%;
		font-size: 100%;
	}
	#PageEntry section#form div {
		box-sizing: border-box;
		padding: 0 2vw;
	}
	#PageEntry #form dl dt {
		width: 200px;
		padding-left: 20px;
	}
	#PageEntry #form dl dd {
		margin-left: 230px;
	}
}
@media screen and (max-width: 740px) {
	#PageEntry section#section00 div,
	#PageEntry section#section01 div,
	#PageEntry section#section02 {
		width:90%;
	}
	#PageEntry #section02 ul {
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
		font-size: 92%;
	}
	#PageEntry #section02 ul li {
		background-position: left 0.6em;
	}
	#PageEntry #section02 ul li a {
		display: block;
	}
	#PageEntry #form dl dt {
		width: 100%;
		padding: 10px;
		float: none;
		clear: both;
		box-sizing: border-box;
	}
	#PageEntry #form dl dd {
		margin-left: 0;
		padding: 10px;
		box-sizing: border-box;
	}
	#PageEntry #form dl dd select {
		width: 100%;
	}
	#PageEntry #form dl dd input[type="text"], #PageEntry #form dl dd textarea {
		box-sizing: border-box;
	}
}