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

body {
	font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
	text-align: left;
	margin:0;
	padding:0;
	font-size: 16px;
	line-height: 180%;
}


a:link{
	text-decoration:none;
	color: #004ea2;
    transition-property: all;
    transition-duration: 0.3s;
}
a:hover{
	opacity:0.5;
    transition-property: all;
    transition-duration: 0.3s;
}
a:visited{
	color: #3fabd3;
}


section {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
section a:link{
	text-decoration:underline;
}



.bg-slider {
  width: 100%;
  height: 550px;
  background-position:center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
	margin: 100px 0 40px;
}
.bg-slider-title{
  text-align:center;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
}



/*ヘッダー*/

/* スマートフォン用CSS */
@media screen and (max-width: 630px) {
	
.bg-slider {
	margin: 0;
}


.pc{
	display: none;
}

header {
	width:100%;
	height:auto;
	margin:0px auto;
	padding:0px;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	zoom: 1;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);	
}
header h1 {
	width:250px;
	height: auto;
	margin:5px 0 15px 5px;
	padding: 0;
}
header h1 img {
	width:250px;
	margin-top: 8px;
}


header nav {
	display:none;
}

/* スマートフォン用ハンバーガーメニュー */
header .hamburger .drawer-hamburger {
	top: 1.5%;
    padding: 10px 14px 10px 14px;
    right: 2.5%;
    background-color: #004ea2;
    border-radius: 0;
}
header .hamburger .drawer-hamburger p {
	margin: 15px 0 0;
	color:#ffffff;
	font-size: 85%;
}
header .hamburger .drawer-nav{
	display:inline;
	background-color: #ffffff;
}
header .hamburger .drawer-menu-item {
    font-size: 0.9rem;
    display: block;
    padding: 0.65rem;
    text-decoration: none;
}
header .hamburger .drawer-nav ul {
	background-color: #ffffff;
}
header .hamburger .drawer-menu li {
	border-bottom:1px dotted #000;
	padding: 10px 15px;
}
header .hamburger .drawer-menu li a {
	color: #42352E;
}
header .hamburger h1 {
	width: auto;
	text-align:left; 
	font-size: 14px;
	font-weight: 500;
	margin: 15px 10px 0;
	padding: 0;
	line-height: 160%;
}
header .hamburger h1 a {
	color: #f5a6a6;
}
header .hamburger .info {
	font-size: 11px;
	margin: 0 10px 10px;
	padding: 0;
	line-height: 200%;
}

}



/* PCページ用CSS */
@media screen and (min-width: 631px) {
.sp {
	display: none;
}

header {
	width:100%;
	min-width: 1200px;
	height:auto;
	margin:0;
	padding:0;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	position: fixed;
	top:0;
	left:0;
	z-index:1;
}

header .box01 {
	width:1200px;
	height: auto;
	margin:0 auto;
	display: block;
	overflow: hidden;
	position: relative;
	zoom: 1;
	background-color: #fff;
}
header .box01 .l {
	width:auto;
	margin:0 95px 0 0;
	padding:0px;
	float:left;
}
header .box01 .l h1 {
	width:252px;
	height: auto;
	margin:19px 0;
}
header .box01 .l h1 img {
	width:252px;
}


header .box01 .m {
	width:640px;
	margin:17px 0px 0px;
	padding:0px;
	text-align:right;
	float:left;
	background-color: #fff;
}

header .box01 .r {
	width:200px;
	height: 100px;
	margin:0px;
	padding:0px;
	text-align:center;
	float:right;
}
header .box01 .r a{
	width: 100%;
	height: auto;
	font-size: 110%;
	font-weight: bold;
	color: #ffffff;
	margin:0px 0px 0px;
	padding:38px 0px;
	text-align:center;
	display: block;
}

header .box01 .r .contact a{
	background-color: #004ea2;
	height: 100px;
}
header .box01 .r .contact a:hover{
	opacity: 0.3;
}
header nav {
	width:auto;
	height:auto;
	margin:0px auto;
	padding:0px ;
	background-color: #ffffff;
	text-align: center;
	font-size:95%;
	font-weight: bold;
	line-height: 100%;
	/*letter-spacing: 3px;*/
}
header nav ul {
	width: 640px;
	height: auto;
	margin: 0px auto;
	padding: 25px 0;
	list-style-type: none;
	display: flex;
	justify-content: center;
}
header nav ul li {
	margin: 0px;
	padding:0px 15px;
}
header nav ul li:last-child {
}
header nav a:link, header nav a:visited {
	color:#000;
}

.hamburger{
	display: none;
}

}



/*@media screen and (min-width: 951px){*/

/*メインコンテンツ*/

/* PCページ用CSS */
@media screen and (min-width: 631px) {



section {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

	h2 {
		text-align: center;
		font-size: 220%;
		color: #004ea2;
		margin-bottom: 50px;
	}
	h2 span{
		 position: relative;
		 display: inline-block;
		 padding-bottom:0.8em;
		 border-bottom: 1px solid #000;
	}
	h2 span::before,
	h2 span::after {
		 position: absolute;
		 top: 100%;
		 left:50%;
		 transform:translateX(-50%);
		 content: '';
		 border: 10px solid transparent;
	}
	h2 span::before {
		 border-top: 10px solid #000;
	}
	h2 span::after {
		 margin-top: -1px;
		 border-top: 10px solid #fff;
	}
	
	h2.w {
		text-align: center;
		font-size: 220%;
		color: #fff;
		margin-bottom: 50px;
	}
	h2.w span{
		 position: relative;
		 display: inline-block;
		 padding-bottom:0.8em;
		 border-bottom: 1px solid #fff;
	}
	h2.w span::before,
	h2.w span::after {
		 position: absolute;
		 top: 100%;
		 left:50%;
		 transform:translateX(-50%);
		 content: '';
		 border: 10px solid transparent;
	}
	h2.w span::before {
		 border-top: 10px solid #fff;
	}
	h2.w span::after {
		 margin-top: -1px;
		 border-top: 10px solid #1f4a83;/*背景色と合わせる*/
	}
	
	h2.b {
		text-align: center;
		font-size: 220%;
		color: #004ea2;
		margin-bottom: 50px;
	}
	h2.b span{
		 position: relative;
		 display: inline-block;
		 padding-bottom:0.8em;
		 border-bottom: 1px solid #000;
	}
	h2.b span::before,
	h2.b span::after {
		 position: absolute;
		 top: 100%;
		 left:50%;
		 transform:translateX(-50%);
		 content: '';
		 border: 10px solid transparent;
	}
	h2.b span::before {
		 border-top: 10px solid #000;
	}
	h2.b span::after {
		 margin-top: -1px;
		 border-top: 10px solid #dcf0fa;/*背景色と合わせる*/
	}

	h3 {
		text-align: center;
		font-size: 190%;
		color: #004ea2;
		margin-bottom: 40px;
	}
	
	h4 {
		text-align: left;
		color: #000;
		font-size: 130%;
		margin-bottom: 15px;
		position: relative;
	}
	h4:after {
	  content: "";
	  display: block;
	  height: 4px;
	  background: -webkit-linear-gradient(left, rgb(0, 78, 162), transparent);
		background: -o-linear-gradient(left, rgb(0, 78, 162), transparent);
	  background: linear-gradient(to right, rgb(0, 78, 162), transparent);
	}
	
	h5 {
		position: relative;
		padding: 12px 20px;
		background: -webkit-linear-gradient(left, rgb(0, 78, 162), transparent);
		background: -o-linear-gradient(left, rgb(0, 78, 162), transparent);
		background: linear-gradient(to right, rgb(0, 78, 162), transparent);
		color: #fff;
		margin: 0;
		font-size: 120%;
	}



#content_bg_box{
	width:1080px;
	margin:0 auto 100px;
	background: #fff;
	padding: 0 0 40px 0;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 0 15px 3px #6e91aa;
	-moz-box-shadow: 0 0 15px 3px #6e91aa;
	-webkit-box-shadow: 0 0 15px 3px #6e91aa;
	-o-box-shadow: 0 0 15px 3px #6e91aa;
}
#content_bg_box .content_box{
	width:1000px;
	margin:0 auto;
}



/*NEWS*/

.news_box {
	max-width:850px;
	margin: 0 auto 70px;
	overflow:hidden;
	padding: 0 5%;
}
.news_box .content_box {
	border-bottom: 1px solid #000;
	padding:13px;
	text-align: left;
	overflow:hidden;	
}
.news_box .content_box .day {
	width:13%;
	margin: 0 2% 0 0;
	float:left;
}
.news_box .content_box .text {
	width:85%;
	float:left;
}
	
	
	
/* 会社概要*/

.company_box {
	width:100%;
	background: -moz-linear-gradient(top, rgba(0, 68, 152, 0.8), rgba(0, 20, 40, 0.7)), url(../img/index_bg_company.png);
	background: -webkit-linear-gradient(top, rgba(0, 68, 152, 0.8), rgba(0, 20, 40, 0.7)), url(../img/index_bg_company.png);
	background: linear-gradient(to bottom, rgbargba(0, 68, 152, 0.8), rgba(0, 20, 40, 0.7)), url(../img/index_bg_company.png);	
  background-size: cover;
	text-align:center;
	padding: 40px 0 70px;
	overflow:hidden;
}
.company_box p {
	color: #fff;
	margin-bottom: 35px;
}
.company_box .btn-square-shadow {
	display: inline-block;
	padding: 23px 25px;
	text-decoration: none;
	background: #fff;/*ボタン色*/
	font-size: 110%;
	font-weight: bold;
	color: #004ea2;
	border-bottom: solid 4px #00285d;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.3);/*影を小さく*/
	border-radius: 40px;
	width: 230px;
}
.company_box .btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}



/*業務内容*/

.business_box {
	width: 95%;
	max-width:1000px;
	margin: 40px auto 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.business_box .business_box-wrap {
	width: 100%;
	margin: 0 0 50px 0;
	position: relative;
	overflow:hidden;
	display: flex;
	justify-content: space-between;
}
.business_box .content {
	width:31%;
	background:#e6e6e6;
}
.business_box .content:last-child {
	margin-right:0;
}
.business_box .content .content-wrap {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 30px;
	position: relative;
	overflow: hidden;
}
.business_box .content img {
	width: 100%;
	margin: 0 0 20px;
}
.business_box .content .title {
	width: 100%;
	margin: 0 0 15px;
	font-size:160%;
	font-weight:bold;
	color:#004ea2;
	text-align:center;

}
.business_box .content .text {
	width: 90%;
	margin: 0 auto 20px;
	padding: 0;
	position: relative;
	overflow: hidden;
	text-align: left;
}
.business_box .content .btn {
    display: inline-block;
	width:100%;
}
.business_box .content .btn a {
    display:block;  /* ブロック要素にしてリンク範囲を作る */
    width:100%;  /* ボタンの幅 */
    background:#004ea2;  /* ボタンの背景色 */
    border-radius:40px;  /* 角丸（半径10px） */
    color:#fff;  /* リンクテキストのカラー */
    line-height:70px;  /* ボタンの高さ＋テキストを中央（上下方向）にする */
    text-decoration:none;  /* リンクの下線（装飾）を消す */
    text-align:center;  /* テキストを中央寄せ */
	font-size:110%;
}
.business_box .content .btn a:hover {
    background:#fff;  /* カーソルが乗った時の背景色 */
    color:#004ea2;  /* カーソルが乗った時のテキストカラー */
	font-weight: bold;
}
	
	
	
/*お問い合わせ*/

.contact_box {
	width:450px;
	margin: 40px auto;
	overflow:hidden;		
}
.contact_box .contact_info {
	font-size: 150%;
	line-height: 100%;
	font-weight: bold;
	margin-bottom:30px;
	overflow: hidden;
}
.contact_box .contact_info span {
	color: #004ea2;
	font-weight: normal;
}
.contact_box .contact_info .tel {
	float: left;
	margin:0;
}
.contact_box .contact_info .fax {
	float: right;
	margin:0;
}
	
.contact_box .btn-square-shadow {
	display: inline-block;
	padding: 27px 25px;
	text-decoration: none;
	background: #004ea2;/*ボタン色*/
	font-size: 130%;
	font-weight: bold;
	color: #FFF;
	border-bottom: solid 4px #00285d;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.3);/*影を小さく*/
	border-radius: 50px;
	width: 340px;
	margin-bottom:20px;
}
.contact_box .btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
.contact_box .btn-square-shadow:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 22px;
  margin: -4px 15px 0 0;
  background: url(../img/icon_mail.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
	
	
	
/* 採用情報*/

.recruit_box {
	width:100%;
	background: -moz-linear-gradient(top, rgba(0, 68, 152, 0.8), rgba(0, 20, 40, 0.7)), url(../img/index_bg_recruit.png);
	background: -webkit-linear-gradient(top, rgba(0, 68, 152, 0.8), rgba(0, 20, 40, 0.7)), url(../img/index_bg_recruit.png);
	background: linear-gradient(to bottom, rgbargba(0, 68, 152, 0.8), rgba(0, 20, 40, 0.7)), url(../img/index_bg_recruit.png);	
  background-size: cover;
	text-align:center;
	padding: 40px 0 70px;
	overflow:hidden;
}
.recruit_box p {
	color: #fff;
	margin-bottom: 35px;
}
.recruit_box .btn-square-shadow {
	display: inline-block;
	padding: 23px 25px;
	text-decoration: none;
	background: #fff;/*ボタン色*/
	font-size: 110%;
	font-weight: bold;
	color: #004ea2;
	border-bottom: solid 4px #00285d;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.3);/*影を小さく*/
	border-radius: 40px;
	width: 230px;
}
.recruit_box .btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}



	
/*  フッター*/

footer {
	width:100%;
	background:#e6e6e6;
	text-align:center;
	padding: 30px 0 40px;
	overflow:hidden;
}
footer .company {
	font-size: 160%;
	font-weight:bold;	
}
footer .address {	
	line-height: 100%;
}
footer .contact_info {
	line-height: 100%;
	margin-bottom:40px;	
}
footer .copy {
	font-size: 80%;
	line-height: 100%;
}


}



/*@media screen and (min-width: 631px) and (max-width: 950px){

}*/	



/*@media screen and (min-width: 0px) and (max-width: 950px){*/

/* スマートフォン用CSS */
@media screen and (max-width: 630px) {
	
.bg-slider {
  width: 100%;
  height: 330px;
  background-position:center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
margin-bottom: 40px;
}
.bg-slider-title{
  text-align:center;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
}

	section {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

	h2 {
		text-align: center;
		font-size: 220%;
		color: #004ea2;
		margin-bottom: 50px;
	}
	h2 span{
		 position: relative;
		 display: inline-block;
		 padding-bottom:0.8em;
		 border-bottom: 1px solid #000;
	}
	h2 span::before,
	h2 span::after {
		 position: absolute;
		 top: 100%;
		 left:50%;
		 transform:translateX(-50%);
		 content: '';
		 border: 10px solid transparent;
	}
	h2 span::before {
		 border-top: 10px solid #000;
	}
	h2 span::after {
		 margin-top: -1px;
		 border-top: 10px solid #fff;
	}
	
	h2.w {
		text-align: center;
		font-size: 220%;
		color: #fff;
		margin-bottom: 50px;
	}
	h2.w span{
		 position: relative;
		 display: inline-block;
		 padding-bottom:0.8em;
		 border-bottom: 1px solid #fff;
	}
	h2.w span::before,
	h2.w span::after {
		 position: absolute;
		 top: 100%;
		 left:50%;
		 transform:translateX(-50%);
		 content: '';
		 border: 10px solid transparent;
	}
	h2.w span::before {
		 border-top: 10px solid #fff;
	}
	h2.w span::after {
		 margin-top: -1px;
		 border-top: 10px solid #1f4a83;/*背景色と合わせる*/
	}
	
	h2.b {
		text-align: center;
		font-size: 220%;
		color: #004ea2;
		margin-bottom: 50px;
	}
	h2.b span{
		 position: relative;
		 display: inline-block;
		 padding-bottom:0.8em;
		 border-bottom: 1px solid #000;
	}
	h2.b span::before,
	h2.b span::after {
		 position: absolute;
		 top: 100%;
		 left:50%;
		 transform:translateX(-50%);
		 content: '';
		 border: 10px solid transparent;
	}
	h2.b span::before {
		 border-top: 10px solid #000;
	}
	h2.b span::after {
		 margin-top: -1px;
		 border-top: 10px solid #dcf0fa;/*背景色と合わせる*/
	}

	h3 {
		text-align: center;
		font-size: 190%;
		color: #004ea2;
		margin-bottom: 40px;
	}
	
	h4 {
		text-align: left;
		color: #000;
		font-size: 130%;
		margin-bottom: 15px;
		position: relative;
	}
	h4:after {
	  content: "";
	  display: block;
	  height: 4px;
	  background: -webkit-linear-gradient(left, rgb(0, 78, 162), transparent);
		background: -o-linear-gradient(left, rgb(0, 78, 162), transparent);
	  background: linear-gradient(to right, rgb(0, 78, 162), transparent);
	}
	
	h5 {
		position: relative;
		padding: 12px 20px;
		background: -webkit-linear-gradient(left, rgb(0, 78, 162), transparent);
		background: -o-linear-gradient(left, rgb(0, 78, 162), transparent);
		background: linear-gradient(to right, rgb(0, 78, 162), transparent);
		color: #fff;
		margin: 0;
		font-size: 120%;
	}



/*NEWS*/

.news_box {
	width:95%;
	margin: 0 auto 70px;
	overflow:hidden;
	font-size: 85%;
}
.news_box .content_box {
	border-bottom: 1px solid #000;
	padding:13px;
	text-align: left;
	overflow:hidden;	
}
.news_box .content_box .day {
	width:100%;
}
.news_box .content_box .text {
	width:100%;
}
	
	
	
/* 会社概要*/

.company_box {
	width:100%;
	background: -moz-linear-gradient(top, rgba(0, 68, 152, 0.8), rgba(0, 20, 40, 0.7)), url(../img/index_bg_company.png);
	background: -webkit-linear-gradient(top, rgba(0, 68, 152, 0.8), rgba(0, 20, 40, 0.7)), url(../img/index_bg_company.png);
	background: linear-gradient(to bottom, rgbargba(0, 68, 152, 0.8), rgba(0, 20, 40, 0.7)), url(../img/index_bg_company.png);	
  background-size: cover;
	text-align:center;
	padding: 40px 0 70px;
	overflow:hidden;
}
.company_box p {
	color: #fff;
	margin-bottom: 35px;
	font-size: 85%;
}
.company_box .btn-square-shadow {
	display: inline-block;
	padding: 23px 25px;
	text-decoration: none;
	background: #fff;/*ボタン色*/
	font-size: 110%;
	font-weight: bold;
	color: #004ea2;
	border-bottom: solid 4px #00285d;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.3);/*影を小さく*/
	border-radius: 40px;
	width: 230px;
}
.company_box .btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}



/*業務内容*/

.business_box {
	width:90%;
	margin: 40px auto;
	overflow:hidden;		
}
.business_box .content {
	background:#e6e6e6;
	padding:25px;
	margin-bottom:20px;
}
.business_box .content:last-child {
	margin-bottom:0;
}
.business_box .content .title {
	font-size:160%;
	font-weight:bold;
	color:#004ea2;
	text-align:center;
	margin:20px;
}
.business_box .content .text {
	margin: 0 0 20px;
	text-align: left;
	font-size: 85%;
}
.business_box .content .btn {
    display: inline-block;
	width:100%;
}
.business_box .content .btn a {
    display:block;  /* ブロック要素にしてリンク範囲を作る */
    width:100%;  /* ボタンの幅 */
    background:#004ea2;  /* ボタンの背景色 */
    border-radius:40px;  /* 角丸（半径10px） */
    color:#fff;  /* リンクテキストのカラー */
    line-height:70px;  /* ボタンの高さ＋テキストを中央（上下方向）にする */
    text-decoration:none;  /* リンクの下線（装飾）を消す */
    text-align:center;  /* テキストを中央寄せ */
	font-size:110%;
}
.business_box .content .btn a:hover {
    background:#fff;  /* カーソルが乗った時の背景色 */
    color:#004ea2;  /* カーソルが乗った時のテキストカラー */
	font-weight: bold;
}
	
	
	
/*お問い合わせ*/

.contact_box {
	width:95%;
	margin: 40px auto;
	overflow:hidden;		
}
.contact_box .contact_info {
	font-size: 150%;
	line-height: 100%;
	font-weight: bold;
	margin-bottom:30px;
	overflow: hidden;
}
.contact_box .contact_info span {
	color: #004ea2;
	font-weight: normal;
}
.contact_box .contact_info .tel {
	margin:0 0 10px 0;
}
.contact_box .contact_info .fax {
	margin:0;
}
	
.contact_box .btn-square-shadow {
	display: inline-block;
	padding: 27px 25px;
	text-decoration: none;
	background: #004ea2;/*ボタン色*/
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	border-bottom: solid 4px #00285d;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.3);/*影を小さく*/
	border-radius: 50px;
	width: 280px;
	margin-bottom:20px;
}
.contact_box .btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
.contact_box .btn-square-shadow:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 22px;
  margin: -4px 15px 0 0;
  background: url(../img/icon_mail.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}
	
	
	
/* 採用情報*/

.recruit_box {
	width:100%;
	background: -moz-linear-gradient(top, rgba(0, 68, 152, 0.8), rgba(0, 20, 40, 0.7)), url(../img/index_bg_recruit.png);
	background: -webkit-linear-gradient(top, rgba(0, 68, 152, 0.8), rgba(0, 20, 40, 0.7)), url(../img/index_bg_recruit.png);
	background: linear-gradient(to bottom, rgbargba(0, 68, 152, 0.8), rgba(0, 20, 40, 0.7)), url(../img/index_bg_recruit.png);	
  background-size: cover;
	text-align:center;
	padding: 40px 0 70px;
	overflow:hidden;
}
.recruit_box p {
	color: #fff;
	margin-bottom: 35px;
	font-size: 85%;
}
.recruit_box .btn-square-shadow {
	display: inline-block;
	padding: 23px 25px;
	text-decoration: none;
	background: #fff;/*ボタン色*/
	font-size: 110%;
	font-weight: bold;
	color: #004ea2;
	border-bottom: solid 4px #00285d;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.3);/*影を小さく*/
	border-radius: 40px;
	width: 230px;
}
.recruit_box .btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}



	
/*  フッター*/

footer {
	width:100%;
	background:#e6e6e6;
	text-align:center;
	padding: 30px 0 40px;
	overflow:hidden;
}
footer .company {
	font-size: 160%;
	font-weight:bold;	
}
footer .address {
	font-size: 85%;
	line-height: 100%;
}
footer .contact_info {
	font-size: 85%;
	line-height: 100%;
	margin-bottom:40px;	
}
footer .copy {
	font-size: 70%;
	line-height: 100%;
}



}