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

body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #333;
	overflow-x: hidden;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: .1em;
	font-weight: 400;
}

/*===========================================================================
 header
============================================================================*/
.header {
    position: absolute;
    position: fixed;
    max-width: 100%;
    width: 100%;
    padding: 5px 0;
    box-sizing: border-box;
    transition: background-color .5s, color .5s;
    z-index: 999;
}

.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}

/* headerの色を変える */
.header.change-color {
    background-color: rgba(0,39,92,0.80);
}

.header__title h1 a img{
    width: 200px;
	margin-left: 30px;
	transition: .5s;
}

.header__title h1 a img:hover{
    opacity: .6;
}

.header__nav ul {
    display: flex;
	margin-right: 50px;
}

.header__nav ul li:not(:first-child) {
    margin-left: 30px;
}

.header__nav ul li a {
	position: relative;
    font-size: 16px;
	font-weight: 600;
	letter-spacing: .3em;
    color: #fff;
}

/* spメニュー非表示 */
div.fat-nav,div.sp_header{
	display: none;
}

@media screen and (max-width:700px) {
	.header {
	display: none;
}
	div.sp_header {
	display: block;
	position: absolute;
	top:10px;
	left:15px;
	z-index: 50;
}

div.sp_header a img {
	display: block;
	height: 50px;
	filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.50));
	transition: .5s;
}

div.sp_header a img:hover {
	opacity: .6;
}

ul.menu_01 li a .arrow {
	display: inline-block;
	position: relative;
	margin: 0 10px -5px 0;
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	border-radius: 50%;
}

ul.menu_01 li a .arrow span {
    width: 4px;
    height: 4px;
    position: absolute;
    top: 0;
	bottom: 0;
    left: 0;
	right: 3px;
	margin: auto;
    transform: rotate(-135deg);
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

}

/*矢印*/
.header__nav ul li a .arrow {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	margin: 0 10px -5px 0;
	border: 2px solid #fff;
	border-radius: 50%;
}

.header__nav ul li a .arrow span {
    position: absolute;
    top: 0;
	bottom: 0;
    left: 0;
	right: 3px;
	margin: auto;
	width: 3.5px;
    height: 3.5px;
    transform: rotate(-135deg);
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}



/*===========================================================================

 toppage

============================================================================*/
/*===============
 common
=================*/
.flexbox{
	display: flex;
}

/*-------------
 見出し
--------------*/
h2.top_h2{
	font-size: 25px;
	letter-spacing: .1em;
	line-height: 1.3em;
}

h2.top_h2 span{
	font-size: 15px;
	display: block;
}

h2.ej_h2{
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 2em;
	letter-spacing: .1em;
}

h2.ej_h2 span{
	display: block;
	font-size: 40px;
	color: #b3b3b3;
}


/*-------------
 ボタン
--------------*/
/* 左から色がスライドする　*/
a.main_btn {
	position: relative;
	display: block;
	width: 100%;
	background-color: #004098;
	border-bottom: 3px solid #004098;
	transition: all 0.3s;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0.05em;
	text-align: center;
	color: #fff;
	opacity: 1 !important;
	z-index: 10;
}

a.main_btn span {
	position: relative;
	display: block;
	padding: 20px 20px;
	text-align: center;
	z-index: 99;
}

a.main_btn:after {
	display: block;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #ccd9ea;
	border-bottom: 3px solid #004098;
	transition: all 0.3s;
}

a.main_btn:hover {
	color: #004098;
}

a.main_btn:hover:after {
	width: 100%;
}

/*アンダーライン*/
a.underline_btn {
	position: relative;
}

a.underline_btn::after {
	position: absolute;
	content: '';
	bottom: -7px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}

a.underline_btn:hover::after {
	transform: scale(1, 1);
}

/*===============
 top
=================*/
section#top{
	position: relative;
	width: 100%;
	height: 500px;
	background-image: url("../images/mainvisual.jpg");
	background-position: bottom;
	background-size: cover;
}

section#top:before {
	position: absolute;
	content:'';
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	width:100%;
	height: 100%;
	background-color: rgba(15,75,151,0.10);
	z-index: 1;
}

section#top h2{
	position: absolute;
	top: 330px;
	left: 50px;
	margin: auto;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: .2em;
	color: #fff;
	z-index: 10;
}

/* スライド版 */
.swiper-slide img {
	display: block;
	width: 100%;
	height: 500px;
	object-fit: cover;
}


/*===============
 news
=================*/
section#news{
	width: 100%;
	margin: 0 auto;
	padding-top: 50px;
}

div.news_wrap{
	align-items: center;
	width: 90%;
	margin: 0 auto;
	padding: 30px 30px 0;
	box-sizing: border-box;
	background-color: #004098;
	color: #fff;
}

div.news_box{
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 30px
}

span.news_date{
	padding:20px 30px 20px 0;
	border-right: 1px solid #fff;
}

div.news_text{
	padding-left:30px;
}

div.news_text h3{
	padding-bottom: 15px;
	font-size: 18px;
}


/*===============
 top_strength
=================*/
section#top_strength{
	width: 100%;
	margin: 0 auto;
	padding-top: 100px;
}

div.top_strength_wrap{
	position: relative;
	align-items: center;
	width: 100%;
	margin: 0 auto;
}

.top_strength_wrap h2.ej_h2,p.strength_wrap_p{
	width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

p.strength_wrap_p{
	margin-top: 15px;
}

div.top_strength_wrap::before{
	position: absolute;
	content: '';
	top: -40px;
	right: 0;
	width: 80%;
	height: 500px;
	background-color: #f2f5fa;
	z-index: 1;
}

div.top_strength_box{
	width: 100%;
	margin: 0 auto;
	padding-top: 50px;
	justify-content: space-between;
}

div.top_strength_btn{
	position: relative;
	width: 49.8%;
	height: 300px;
	background-color: #A8A8A8;
	text-align: center;
	overflow: hidden;
	z-index: 10;
}

div.top_strength_btn::before {
	position: absolute;
	width: 100%;
	height: auto;
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 10;
}

div.top_strength_btn a {
	display: block;
	width: 100%;
	height: 100%;
}

.btn_bg_01,.btn_bg_02 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: transform .6s ease;
	width: 100%;
	height: 100%
}

.btn_bg_01 {
	background-image:url("../images/top_strength.jpg");
}

.btn_bg_02 {
	background-image:url("../images/top_facilties.jpg");
}

.top_strength_btn:hover .btn_bg_01 {
	transform: scale(1.1);
}

.top_strength_btn:hover .btn_bg_02 {
	transform: scale(1.1);
}

div.top_strength_btn div.btn_in{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 150px;
	bottom: 0;
    left: 0;
	right: 0;
	margin: auto;
	z-index: 10;
}

div.btn_in h3{
	margin-bottom: 10px;
	font-size: 25px;
	line-height: 1.3em;
	color: #fff;
}

div.btn_in h3 span{
	display: block;
	text-align: center;
	font-size: 15px;
}

.arrow {
	position: relative;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 50%;
}

.arrow span {
    position: absolute;
    top: 0;
	bottom: 0;
    left: 0;
	right: 5px;
	margin: auto;
    width: 6px;
    height: 6px;
    transform: rotate(-135deg);
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}


/*================
 top_recruit
=================*/
section#top_recruit{
	width: 100%;
	padding-top: 50px;
}

div.top_recruit_box{
	position: relative;	
	width: 100%;
	padding: 50px 0;
	background-image: url("../images/top_recruit.jpg");
	background-size: cover;
	background-position: bottom;
	text-align: center;
	color: #fff;
}

div.top_recruit_box:before {
	position: absolute;
	content:'';
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	width:100%;
	height: 100%;
	background-color: rgba(6,33,67,0.20);
	z-index: 1;
}

div.top_recruit_box h2,div.top_recruit_box p{
	position: relative;	
	z-index: 1;
}

div.top_recruit_box h2 span{
	text-align: center;
	margin-bottom: 30px;
}

div.top_recruit_box a.main_btn{
	width: 60%;
	margin: 30px auto 0;
}

div.top_recruit_box p br{
	display: none;
}


/*================
 top_contact
=================*/
section#top_contact{
	width: 90%;
	margin: 0 auto;
	padding: 50px 0 70px;
	text-align: center;
}

section#top_contact h2 span{
	margin-bottom: 30px;
	text-align: center;
}

div.top_contact_wrap{
	width: 100%;
	margin-top: 50px;
}

div.top_contact_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 45%;
	padding: 0 15px;
	border-right: 1px solid #004098;
}

div.top_contact_box:last-child{
	border-right: none;
}

p.tel{
	margin: 0 auto;
	padding-left: 40px;
	text-align: left;
}

p.tel span{
	position: relative;
	display: block;
	font-family: 'Abel', sans-serif;
	font-size: 5vw;
	line-height: 1em;	
	color: #004098;
}

p.tel span:after {
	position: absolute;
	content:'';
	left:-40px;
	top:0;
	bottom:0;
	margin:auto;
	width:5vw;
	height:5vw;
	background: url("../images/icon_tel.png") no-repeat center /contain;
}

div.top_contact_box a.main_btn{
	width: 90%;
	margin: 0 auto;
	padding-left: 10px;
}

div.top_contact_box a.main_btn span:after {
	position: absolute;
	content:'';
	left:10px;
	top:0;
	bottom:0;
	margin:auto;
	width:20px;
	height:20px;
	background: url("../images/icon_mail.png") no-repeat center /contain;
}

div.top_contact_box a.main_btn span:hover:after {
	position: absolute;
	content:'';
	left:10px;
	top:0;
	bottom:0;
	margin:auto;
	width:20px;
	height:20px;
	background: url("../images/icon_mail_b.png") no-repeat center /contain;
}


/*================
 footer
=================*/
footer{
	width: 100%;
	padding: 30px 0 5px;
	background-color: #4b5057;
	text-align: center;
	color: #fff;
}

div.footer_wrap{
	display: block;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 30px;
}

div.footer_info img{
	width: 40%;
	min-width: 200px;
	transition: .5s;
}

div.footer_menu ul{
	justify-content: center;
	margin-top: 30px;
}

div.footer_menu ul li a{
	display: inline;
	margin: 0 30px;
	font-weight: 500;
	color: #fff;
	transition: .5s;
}

p.copyright{
	font-size: 13px;
	font-weight: 200;
	text-align: center;
	color: #B3B3B3;
}

a.pagetop {
	display: block;
	position: fixed;
	right: 3%;
	bottom: 4%;
	width: 80px;
	height: 80px;
	transition: .5s;
	z-index: 99;
}

a.pagetop img {
	width: 100%;
	height: 100%;
}

a.pagetop:hover {
	margin-bottom: 10px;
}


/*===========================================================================

 subpage

============================================================================*/
.subpage_wrap{
	width: 90%;
	margin: 0 auto;
}

table{
	width: 90%;
	margin: 0 auto;
	text-align: left;
}

table th{
	width: 150px;
	padding: 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #333;
}

table td{
	padding: 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}

table td.table_sp_th{
	font-weight: 600;
}


/*===============
 sub_header
=================*/
section#sub_header{
	position: relative;
	width: 100%;
	height: 400px;
	background-position: center;
	background-size: cover;
}

section#sub_header:before {
	position: absolute;
	content:'';
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	width:100%;
	height: 100%;
	background-color: rgba(15,75,151,0.20);
	z-index: 1;
}

.header_recruit{
	background-image: url("../images/header_recruit.jpg");
}

.header_business{
	background-image: url("../images/header_business.jpg");
}

.header_company{
	background-image: url("../images/header_company.jpg");
}

section#sub_header h2{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px 80px 0;
	box-sizing: border-box;
	font-size: 30px;
	background-color: #fff;
	color: #004098;
	letter-spacing: 0.2em;
	z-index: 5;
}

section#sub_header h2 span{
	display: block;
	font-size: 15px;
}



/*===========================================================================
 business
============================================================================*/
/*===============
 strength
=================*/
section#strength{
	padding-top: 50px;
}

section#strength br{
	display: none;
}

section#strength h2,section#strength h2 span{
	text-align: center;
	padding-bottom: 20px;
}


div.strength_wrap{
	width: 100%;
	padding-top: 50px;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 auto;
}

div.strength_box {
	width: 30%;
	box-sizing: border-box;
   display: flex;
   flex-direction: column;
}

div.strength_box img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

div.strength_text {
	display: block;
	width: 100%;
	padding: 15px 10px;
	box-sizing: border-box;
   flex-grow: 1;
}

div.strength_box strong {
	display: block;
	margin: 0 0 10px 0;
	font-size: 17px;
	letter-spacing: 2px;
	text-align: center;
}

div.strength_box p{
	font-size: 14px;
	text-align: justify;
	text-justify: inter-ideograph;
}


/*===============
 facilities
=================*/
section#facilities{
	padding-top: 80px;
	text-align: center;
}

section#facilities h2 span{
	text-align: center;
}

section#facilities div.bgc_pb{
	margin-top: -80px;
	padding: 100px 0;
}

div.facilities_wrap{
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	width: 90%;
	margin: 0 auto -50px;
	padding-top: 50px;
}

div.facilities_box {
	width: 30%;
	box-sizing: border-box;
	margin-bottom: 50px;
}

div.facilities_box_top02 {
	width: 47%;
}

div.facilities_box img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

div.facilities_box strong {
	display: block;
	margin: 15px 0 0 0;
	font-size: 17px;
	letter-spacing: 2px;
	text-align: center;
}

div.facilities_box p{
	color: #575757;
}


/* 設備一覧 */
.fac_list_wrap{
	width: 100%;
	padding-top: 80px;
}

.fac_list_wrap h2{
	font-size: 25px;
}

.fac_list_box{
	width: 90%;
	margin: -18px auto 0;
	padding: 20px 20px 50px; 
	box-sizing: border-box;
}

/*アコーディオン*/
.cp_box {
	position: relative;
	margin: 0 auto;
}

.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cp_box label {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
	z-index: 1;
}

.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}

.cp_box label:after {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 50%;
	right: 0;
	padding: 15px;
	background-color: #004098;
	border: 2px solid #004098;
	content: 'すべて見る';
	font-weight: bold;
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	text-align: center;
	color: #fff;
	transition: 0.5s;
	z-index: 2;
}

.cp_box label:hover:after {
	background-color: #ccd9ea;
	color: #004098;
}

.cp_box input {
	display: none;
}

.cp_box .cp_container {
	overflow: hidden;
	height: 400px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}

.cp_box input:checked + label:after {
	content: '閉じる';
}

.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 100px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}


/*===========================================================================
 company
============================================================================*/
/*---------------
　ボタン
---------------*/
div.jump_btn{
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 30px 0 50px;
}

div.jump_btn a{
	display: block;
	width: 47%;
	margin: 10px 5px 0 5px;
}


/*===============
 greeting
=================*/
section#greeting{
	text-align: center;
}

section#greeting h2{
	text-align: center;
}

section#greeting h2 span{
	text-align: center;
}

div.greeting_wrap{
	width: 90%;
	padding: 50px;
	box-sizing: border-box;
}

div.greeting_wrap p{
	padding-top: 30px;
	line-height: 2em;
	text-align: left;
}

div.greeting_wrap p br.pc_br{
	display: none;
}

span.greeting_name{
	padding-top: 30px;
	display: block;
	font-size: 14px;
	text-align: right;
}

span.greeting_name span{
	font-size: 25px;
}


/*===============
 company
=================*/
section#company{
	padding-top: 50px;
	text-align: center;
}

section#company h2 span{
	text-align: center;
}

div.company_wrap{
	width: 90%;
	margin: 0 auto;
	padding-top: 30px;
}

div.company_wrap table ul{
	margin: 20px 0 0 20px;
}

div.company_wrap table ul li{
	list-style-type: decimal;
}


/*===============
 history
=================*/
section#history{
	padding-top: 80px;
}

section#history h2{
	position: relative;
	text-align: center;
	color: #fff;
	z-index: 5;
}

section#history h2 span{
	text-align: center;
}

div.history_wrap{
	position: relative;
	padding: 100px 0 80px;
	margin-top: -80px;
	background-image: url("../images/bg_history.jpg");
	background-position: center;
	background-size: cover;
	text-align: center;
}

div.history_wrap:before {
	position: absolute;
	content:'';
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	width:100%;
	height: 100%;
	background-color: rgba(80,122,179,0.50);
	z-index: 1;
}

div.history_wrap table{
	position: relative;
	width: 80%;
	color: #fff;
	z-index: 5;
}

div.history_wrap table th{
	background-color: rgba(186,194,205,0.50);
	border-color: #ddd;
}

div.history_wrap table tr:first-child{
	border-top: 1px solid #ddd;
}


/*===============
 client
=================*/
section#client{
	width: 100%;
	padding: 50px 0 0;
}

section#client h2,section#client h2 span{
	text-align: center;
}

div.client_wrap {
	padding-bottom: 50px;
}

div.client_box {
	margin-top: -45px;
	padding: 80px 50px 40px;
	box-sizing: border-box;
}

div.client_box ul{
	justify-content: space-between;
	flex-wrap: wrap;
}

div.client_box ul li{
	width: 45%;
	margin: 0 0 10px 20px;
	list-style: disc;
}

div.client_box p{
	text-align: right;
	font-size: 13px;
	color: #575757;
}


/*===============
 access
=================*/
section#access{
	padding: 50px 0;
}

section#access p{
	margin-top: 30px;
	padding: 15px;
	border-left: 2px solid #004098;
}

section#access iframe{
	width: 100%;
	height: 400px;
	padding: 30px 0 0;
}


/*===========================================================================
 recruit
============================================================================*/
/*===============
 interview
=================*/
#interview{
	width: 100%;
	padding-top: 50px;
}

#interview p{
	line-height: 2.2em;
}

#interview h2.ej_h2,#interview h2.ej_h2 span{
	text-align: center;
}

.bgc_w{
	background-color: #fff;
}
.bgc_pb{
	background-color: #f2f5fa;
}

div.interview_wrap_01{
	width: 100%;
	margin-top: -80px;
	padding: 120px 0 50px;
}

div.interview_wrap_02{
	width: 100%;
	padding: 50px 0;
}

div.interview_box_01{
	align-items: center;
	position: relative;
}

div.interview_box_01 img.interview_mainimg{
	width: 80%;
	height: 450px;
	object-fit: cover;
}

div.interview_name{
	position: absolute;
	width: 70%;
	right: 0;
	bottom: -50px;
	margin: auto;
}

div.interview_name h3{
	display: flex;
	align-items: center;
	width: 60%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #004098;
	font-size: 25px;
	color: #fff;
}

div.interview_name h3 img{
	width: 50px;
	margin-right: 3vw;
}

div.interview_name p{
	padding: 20px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5em;
	color: #575757;
}

div.interview_name p strong{
	display: block;
	margin-bottom: 15px;
	font-size: 20px;
	color: #004098;
}

div.interview_box_02{
	display: block;
	margin: 100px auto 0;
	text-align: right;
}

div.interview_box_02:last-child{
	margin: 50px auto 0;
}

div.interview_message{
	width: 100%;
	box-sizing: border-box;
	padding: 30px 30px 100px;
	text-align: left;
}

div.interview_message_02{
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	text-align: left;
}

.interview_wrap_01 div.interview_message_02{
	border: 5px solid #fff;
}

.interview_wrap_02 div.interview_message_02{
	border: 5px solid #f2f5fa;
}

div.interview_message h3,div.interview_message_02 h3{
	display: block;
	margin-bottom: 10px;
	font-size: 20px;
	color: #004098;
}

div.interview_box_02 img{
	width: 80%;
	margin: -80px 0 0;
}


/*===============
 application
=================*/
#application{
	padding: 50px 0;
}

#application h2,#application h2 span{
	text-align: center;
}

div.application_wrap{
	width: 90%;
	margin-top: -20px;
	padding: 50px 30px;  
	box-sizing: border-box;
}


/*===============
 entry
=================*/
#entry{
	padding: 50px 0;
}

div.entry_btn{
	width: 80%;
}

div.entry_btn a{
	display: block;
	padding: 20px 20px 30px;
	box-sizing: border-box;
	background-color: #004098;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .2em;
	color: #fff;
	text-align: center;
	transition: .5s;
}

div.entry_btn a strong{
	display: block;
	margin-bottom: 10px;
	text-align: center;
	font-size: 35px;
	font-weight: 500;
}

div.entry_btn a span{
	position: relative;
	margin-left: -30px;
}

/*矢印*/
div.entry_btn a span::before {
	display: block;
	position: absolute;
	content:'';
	left: 170px;
	right:0;
	top: 0;
	bottom:0;
	margin:auto;
	width: 25px;
	height: 25px;
	border: 2px solid #fff;
	border-radius: 50%;
	transition: .5s;
	z-index: 1;
}

div.entry_btn a span::after {
    position: absolute;
	content:'';
	left: 181px;
	right:0;
	top: 0;
	bottom:0;
	margin:auto;
    width: 4px;
    height: 4px;
    transform: rotate(-135deg);
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
	transition: .5s;
}

div.entry_btn a:hover {
	background-color: #ccd9ea;
	color: #004098;
	letter-spacing: .5em;
}

div.entry_btn a:hover span:before {
	border: 2px solid #004098;
	left: 210px;
}

div.entry_btn a:hover span:after {
    border-left: 2px solid #004098;
    border-bottom: 2px solid #004098;
	left: 221px;
}