@charset "UTF-8";
/* CSSリセット */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
body {
    line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
ul {
    list-style: outside none none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
a {
    background: none repeat scroll 0 0 transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}
/*
@font-face {
    font-family: "LTG";
    src: url("LTG-subset.woff") format("woff");
}
*/

/*-----------------------------------------------
base
-----------------------------------------------*/
html{
	width: 100%;
	height: 100%;
}
body {
	background:#fff;
    color: #333;
    font: 16px/1.7 "游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;
    padding: 0;
    margin: 0;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    width:100%;
}
/*-----------------------------------------------
General Setting
-----------------------------------------------*/
a {
    color: #0bd;
    text-decoration: none;
}
a:hover {
    color: #0090aa;
    text-decoration: underline;
}
.clear{
	display: block;
	clear: both;
}
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }


/* ========== form ========== */
/*
form,fieldset,input,textarea {
margin: 0;
padding: 0;
}
select,
input[type="text"],
input[type="number"], 
input[type="password"],
input[type="date"],
textarea {
background: none repeat scroll 0 0 #fff;
border: thin solid #CCCCCC;
color: #555555;
font-size: 12px;
padding: 4px 8px;
vertical-align: middle;
font-family: inherit;
}
option {
background: none repeat scroll 0 0 #fff;
color: #34495E;
font-size: 12px;
padding: 0;
margin-right: 8px;
cursor:pointer;
}
select:hover,
option:hover {
background: none repeat scroll 0 0 #F7F7F7;
}
input[type="button"]{
font-size: 13px;
background: #00AED2;
color: #ffffff;
border-style: none;
padding:3px 8px;
letter-spacing: 1px;
margin:0 3px 0 0;
-webkit-appearance: none;
border-radius: 0;
}
input[type="button"]:hover{
opacity:0.6;
}
.selectAll{
font-size: 12px;
background: #00AED2;
color: #ffffff;
border-style: none;
padding:1px 8px;
letter-spacing: 1px;
text-decoration:none;
margin:0 3px 0 0;
}
.selectAll:hover{
opacity:0.6;
color: #ffffff;
}
*/

/*-----------------------------------------------
pagetop
-----------------------------------------------*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
	z-index: 500;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: rgba(0,0,0,0.6);
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
	border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}

/*-----------------------------------------------
wrapper
-----------------------------------------------*/
#wrapper {
	width:100%;
	min-width: 960px;
/* 	padding:0 0 360px 0; */
	/* height: auto !important; */
	height: 100%;
	min-height: 100%;
	position: relative;
	z-index: 0;
	padding-top: 100px;
}

img, iframe {
    max-width: 100%;
}
img {
    box-sizing: border-box;
    height: auto;
}
#content{
	width: 100%;
	height: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	
	background-color: #FFFFFF;
	/* padding-top:100px; */
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*-----------------------------------------------
header
-----------------------------------------------*/
header {
	width: 100%;
	height: 100px;
	display: block;
	overflow: hidden;
	position: fixed;
	z-index: 9999;
	top:0;
	left: 0;
	background-color: #fff;
	border-bottom: 1px solid #dcdcdc;
}
#header_inner{
	width: 960px;
	height: 100px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
}
#header_inner h1{
	float: left;
	display: block;
}
#header_inner .ctr{
	float: right;
	display: block;
}
#header_inner nav{
	display: block;
	float: right;
	margin-right: 15px;
}
#header_inner nav ul{
	height: 100px;
	font-size: 0;
}
#header_inner nav ul li{
	display: inline-block;
	/display:inline;
	/zoom:1;
	width: 100px;
	text-align: center;
}
#header_inner nav ul li a{
	display: inline-block;
	/display:inline;
	/zoom:1;
	width: 100px;
	height: 100px;
	outline: none;
	background-color: #fff;
	color: #333;
	text-decoration: none;
	padding-top: 30px;
	font-size: 15px;
}
#header_inner nav ul li a:hover {
	background-color: #f6f6f6;
}
#header_inner nav ul li a::before,
#header_inner nav ul li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#header_inner nav ul li a,
#header_inner nav ul li a::before,
#header_inner nav ul li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#header_inner nav ul li a span{
	display: block;
	font-size: 11px;
}


header h1{
	float:left;
}
	header h1 a:hover img,
	header .ctr a:hover img{
		opacity: 0.7;
		filter: alpha(opacity=70);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=70)";  /* ie 8 */
		-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
		-khtml-opacity: 0.7;              /* Safari 1.x */
		zoom:1;
	}
	
/*-----------------------------------------------
footer
-----------------------------------------------*/
footer {
	text-align: center;
	line-height: 2em;
	letter-spacing:0.1em;
	background-color: #1c2857;
	height: 70px;
	overflow: hidden;
}
footer h1{
	text-align: center;
	
}
footer .footer_inner{
	width: 960px;
	height: 70px;
	margin: 0 auto;
}
footer .footer_inner p{
	margin-top: 20px;
	text-align: right;
	color: #fff;
}
footer .footer_inner p small{
	font-size: 14px;
}
/*-----------------------------------------------
top_img
-----------------------------------------------*/
#top_img{
	width: 100%;
	min-width: 960px;
	height: 100%;
	/* min-height: 100%; */
	background-image: url("images/bg_top.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment:  fixed;
	background-size: cover !important;   
	background-color: #ffffff;
	overflow: hidden;
	color:#ffffff;
	margin: 0 auto;

}
#top_img .top_img_inner{
	width: 960px;
	height: 100%;
	/* min-height: 100%; */
	margin: 0 auto;
	vertical-align: middle;
	position: relative;
}
#top_img .top_img_inner .top_text_box{
	width: 310px;
	position: absolute;
  top: 50%;
  left: 25%;
  -webkit-transform: translate(-50%,-25%);
  -ms-transform: translate(-50%,-25%);
  transform: translate(-50%,-25%);
}

.fadeInUp {
    -webkit-animation: fadeInUp 1s cubic-bezier(.55,0,.1,1) both;
    animation: fadeInUp 1s cubic-bezier(.55,0,.1,1) both;
}

.fadeInRight {
    -webkit-animation: fadeInRight 1s cubic-bezier(.55,0,.1,1) both;
    animation: fadeInRight 1s cubic-bezier(.55,0,.1,1) both;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;    
}
@-webkit-keyframes fadeInUp { from{ opacity: 0; -webkit-transform: translateY(8px); transform: translateY(8px); }}
@keyframes fadeInUp { from{ opacity: 0; -webkit-transform: translateY(8px); transform: translateY(8px); }}

@-webkit-keyframes fadeInRight { from{ opacity: 0; -webkit-transform: translateX(40px); transform: translateX(40px); }}
@keyframes fadeInRight { from{ opacity: 0; -webkit-transform: translateX(40px); transform: translateX(40px); }}

.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.delay-075s {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}
.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.way{
	display: block;
}
/*-----------------------------------------------
header_img
-----------------------------------------------*/


/*-----------------------------------------------
content
-----------------------------------------------*/
.sec01{
	width:100%;
	height: auto;
	margin: 0 auto;
	margin-top:-100px;
    padding-top:100px;
}
.sec01 h1{
	width: 100%;
	height: 120px;
	display: block;
	text-align: center;
	background-image: url('images/bg_h1.png');
	background-repeat: repeat-x;
/* 	background-color: #14204f; */
	background-color: #fff;
	background-position: center center;
	position: relative;
}
.sec01 h1 .h1_inner{
	width: 960px;
	height: 120px;
	margin: 0 auto;
	position: relative;
	display: block;
}
.sec01 h1 .h1_inner img{
	position: absolute;
	z-index: 100;
	top: 0;
	display: block;
}
/*
.sec01 h1{
	width: 100%;
	height: 120px;
	display: block;
	text-align: center;
	background-image: url('images/kon.jpg');
	background-repeat: repeat;
	background-color: #1a2655;
	background-color: #fff;
	background-position: left top;
	position: relative;
}
*/
/*
.sec01 h1 img{
	display: inline-block;
	width:220px;
	height: 120px;
	position: relative;
}
*/
/*
.sec01 h1:before{
	content: "";
	position: absolute;
	bottom: -20px;
	right: 46%;
	border-top: 10px solid transparent;
	border-right: 50px solid #fff;
	border-bottom: 10px solid #fff;
	border-left: 50px solid #fff;
	background-image: url('images/kon.jpg');
	background-repeat: repeat;
}
*/

.sec01 .sec01_inner_01{
	width:100%;
	height: 400px;
	margin: 0 auto;
	overflow: hidden;
}

.sec01 .txt_sec01_inner{
	width:480px;
	height: auto;
	margin: 50px auto 0;
}

.sec01 .txt_sec01_inner h2{
	display: block;
	text-align: left;
	margin-bottom: 25px;
}
.sec01 .txt_sec01_inner p{
	display: block;
	text-align: left;
	margin-bottom:20px;
	font-size: 20px;
	line-height: 1.7;
}


.sec01 .txt_sec01_inner ul{
	display: block;
	text-align: left;
	font-size: 20px;
	line-height: 1.7;
	}
.sec01 .txt_sec01_inner ul li{

	}
	
	

.sec01 .sec01_inner_01 .left{
	width:60%;
	height: 400px;
	float: left;
	/* background-image: url('images/bg_sec01_01.png'); */
	background-image: url('images/grey.png');
	background-repeat: repeat-x;
	
}

.sec01 .sec01_inner_01 .right{
	width:40%;
	height: 400px;
	float: left;
	background-image: url("images/img_sec02_1.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;   
	background-color: #ffffff;
	overflow: hidden;
	color:#ffffff;
}


.sec01 .sec01_inner_02{
	width:100%;
	height: 400px;
	margin: 0 auto;
	overflow: hidden;
}
.sec01 .sec01_inner_02 .right{
	width:60%;
	height: 400px;
	float: left;
	/* background-image: url('images/bg_sec01_02.png'); */
	background-image: url('images/white.png');
	background-repeat: repeat;
	
}

.sec01 .sec01_inner_02 .left{
	width:40%;
	height: 400px;
	float: left;
	background-image: url("images/img_sec02_2.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;   
	background-color: #ffffff;
	overflow: hidden;
	color:#ffffff;
}

.sec01 .sec01_inner_03{
	width:100%;
	height: 400px;
	margin: 0 auto;
	overflow: hidden;
}
.sec01 .sec01_inner_03 .left{
	width:60%;
	height: 400px;
	float: left;
	background-image: url('images/grey.png');
	background-repeat: repeat-x;
	
}

.sec01 .sec01_inner_03 .right{
	width:40%;
	height: 400px;
	float: left;
	background-image: url("images/img_sec02_3.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;   
	background-color: #ffffff;
	overflow: hidden;
	color:#ffffff;
}


/* .sec02 */
.sec02{
	width:100%;
	height: auto;
	margin: 0 auto;
	margin-top:-100px;
    padding-top:100px;
}
.sec02 h1{
	width: 100%;
	height: 120px;
	display: block;
	text-align: center;
	background-image: url('images/bg_h1.png');
	background-repeat: repeat-x;
/* 	background-color: #14204f; */
	background-color: #fff;
	background-position: center center;
	position: relative;
}
.sec02 h1 .h1_inner{
	width: 960px;
	height: 120px;
	margin: 0 auto;
	position: relative;
	display: block;
}
.sec02 h1 .h1_inner img{
	position: absolute;
	z-index: 100;
	top: 0;
	display: block;
}
/*
.sec02{
	width:100%;
	height: auto;
	margin: 0 auto;
}
.sec02 h1{
	width: 100%;
	height: 120px;
	display: block;
	text-align: center;
	background-image: url('images/kon.jpg');
	background-repeat: repeat;
	background-color: #fff;
	background-position: left top;
	position: relative;
}
*/
/*
.sec01 h1 img{
	display: inline-block;
	width:220px;
	height: 120px;
	position: relative;
}
*/
/*
.sec02 h1:before{
	content: "";
	position: absolute;
	bottom: -20px;
	right: 46%;
	border-top: 10px solid transparent;
	border-right: 50px solid #fff;
	border-bottom: 10px solid #fff;
	border-left: 50px solid #fff;
	background-image: url('images/kon.jpg');
	background-repeat: repeat;
}
*/
/*
.sec01 h1 .h1_inner{
	width: 960px;
	height: 120px;
	margin: 0 auto;
	position: relative;
	display: block;
}
.sec01 h1 .h1_inner img{
	position: absolute;
	z-index: 100;
	top: 0;
	left: 370px;
	display: block;
}
*/

.sec02 ul{
	width: 960px;
	height: auto;
	margin: 70px auto 20px;
	overflow: hidden;
}
.sec02 ul li{
	width: 25%;
	height: auto;
	float: left;
	padding: 0 10px;
	margin-bottom: 30px;
}
.sec02 ul li a{

}
.sec02 ul li a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}


.lb-data .lb-details{
	width: 100% !important;
	float: left;
	text-align: center !important;
	line-height: 1.1em;
}
.lb-data .lb-caption{
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	display: inline-block;
	background-color: #000;
	color: #fff;
	padding: 5px 20px;
	border-radius: 15px;
}

.lb-number{
	display: none !important;
}
/* .sec03 */
.sec03{
	width:100%;
	height: auto;
	margin: 0 auto;
	margin-top:-100px;
    padding-top:100px;
}
.sec03 h1{
	width: 100%;
	height: 120px;
	display: block;
	text-align: center;
	background-image: url('images/bg_h1.png');
	background-repeat: repeat-x;
/* 	background-color: #14204f; */
	background-color: #fff;
	background-position: center center;
	position: relative;
}
.sec03 h1 .h1_inner{
	width: 960px;
	height: 120px;
	margin: 0 auto;
	position: relative;
	display: block;
}
.sec03 h1 .h1_inner img{
	position: absolute;
	z-index: 100;
	top: 0;
	display: block;
}


.sec03 .sec03_inner{
	width: 100%;
	height: 549px;
	background-image: url("images/bg_sec03.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;   
	background-color: #191919;
	overflow: hidden;
	color:#ffffff;
	text-align: center;
}

.sec03 .sec03_inner dl{
	display: inline-block;
	text-align: center;
	width: 460px;
	font-size: 16px;
	line-height: 1;
	margin-top: 80px;
}
.sec03 .sec03_inner dl dt{
	display: inline-block;
	margin: 0 auto;
	width: 110px;
	text-align: left;
	margin-bottom: 45px;
}
.sec03 .sec03_inner dl dd{
	display: inline-block;
	margin: 0 auto;
	width: 340px;
	text-align: left;
	margin-bottom: 45px;
}
.sec03 #io_map{
	width: 100%;
	height: 400px;
}
#io_map img { max-width:none; }



/* .sec04 */
.sec04{
	width:100%;
	height: auto;
	margin: 0 auto;
	margin-top:-100px;
    padding-top:100px;
    background-color: #fff;
}
.sec04 h1{
	width: 960px;
	height: 120px;
	display: block;
	text-align: center;
	background-color: #fff;
	margin: 0 auto 30px;
}
.sec04 p{
	display: block;
	margin: 0 auto 50px;
	font-size: 16px;
	line-height: 1.7;
	width: 720px;
	text-align: left;
}

@charset "utf-8";


/* --------------------------------------------- */

form#mail_form{
  width : 700px;
  margin : 0 auto 50px;
/*
  border-top : 1px solid #b0b0b0;
  border-right : 1px solid #ffffff;
  border-bottom : 1px solid #ffffff;
  border-left : 1px solid #cccccc;
  border-radius : 7px;
	background : url(../image/bg-form.png) repeat 0 0;
*/
  text-shadow : 0px 1px 0px #ffffff;
}
form#mail_form dl{
  width : 100%;
/*   padding : 15px 25px; */
  overflow : hidden;
}
form#mail_form dl dt{
  clear : both;
  width : 180px;
  float : left;
  text-align : left;
  margin-bottom: 50px;
/*   border-top : 1px solid #cccccc; */
	/* padding : 12px 0 10px; */
	/* background : url(../image/border-shine.png) repeat-x 0 0; */
}
form#mail_form dl dd{
  width : 520px;
  float : left;
  margin-bottom: 50px;
/*   border-top : 1px solid #cccccc; */
/* 	padding : 16px 0 10px 30px; */
/* 	background : url(../image/border-shine.png) repeat-x 0 0; */
}
/*
form#mail_form dl dt:first-child,
form#mail_form dl dt:first-child+dd{
  border : none;
  background : none;
}
*/
form#mail_form dl dt span{
  display : block;
  font-size : 85%;
  color : #3377ff;
}
form#mail_form dl dt span.essential{ /* JavaScriptによってdt内に挿入 */
  display : inline;
  color : #ff3030;
  font-weight : bold;
  margin-right : 1em;
}
form#mail_form dd div{ /* 入力エラーメッセージがJavaScriptによって出現 */
  color : #ff0000;
}

form#mail_form input{
  /* height : 1.6em; */
  height: 40px;
  width: 100%;
  border : 1px solid #cccccc;
  border-radius : 3px;
  background : #fafafa;
  font-size: 16px;
}
form#mail_form input:focus,
form#mail_form textarea:focus{
  box-shadow : 0px 0px 5px #55ccff;
  border : 1px solid #55ccff;
  background : #ffffff;
}
/*
form#mail_form input#name_1,
form#mail_form input#name_2{
  width : 90px;
}
*/
/*
form#mail_form input#read_1,
form#mail_form input#read_2{
  width : 90px;
}
*/
/*
form#mail_form input#mail_address,
form#mail_form input#mail_address_confirm{
  width : 250px;
}
*/
/*
form#mail_form ul li{
  list-style-type : none;
  margin-bottom : 0.5em;
}
form#mail_form ul li label:hover{
  cursor : pointer;
}
form#mail_form ul li input{
  height : auto;
  margin-right : 0.5em;
}
*/
/*
form#mail_form input#postal{
  width : 100px;
}
*/
/*
form#mail_form input#address_1,
form#mail_form input#address_2{
  width : 300px;
  display : block;
  margin-bottom : 7px;
}
*/
/*
form#mail_form input#phone{
  width : 100px;
}
*/
form#mail_form textarea#mail_contents{
  width : 100%;
  height : 200px;
  resize : vertical;
  border : 1px solid #cccccc;
  border-radius : 3px;
  background : #fafafa;
  font-size: 16px;
  line-height: 1.5;
}
/*
form#mail_form input#mail_submit_button{
  width : auto;
  height : auto;
  padding : 4px 10px;
  vertical-align : middle;
  color : #444444;
  background : #eeeeee;
  border : 1px solid #cccccc;
  border-radius : 3px;
  font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
  font-weight : bold;
}
form#mail_form input#mail_submit_button:hover{
  cursor : pointer;
  color : #106dff;
  background : #e0e0e0;
}
*/

  input[type="button"],input[type="submit"] {
    border-radius: 0;
    -webkit-appearance: none;
  }


form#mail_form input#mail_submit_button{
  width : 	200px;
  height : 50px;
  /* vertical-align : middle; */
  line-height: 46px;
  color : #fff;
  background : #3c3c3c;
  border : 2px solid #3c3c3c;
  font-weight : bold;
  font-size: 20px;
  /* margin: 38px 20px 20px; */
  margin: 0 auto;
  display: block;
}
form#mail_form input#mail_submit_button:hover{
  cursor : pointer;
  color : #3c3c3c;
  background : #fff;
}



form#mail_form input#mail_submit_button::before,
form#mail_form input#mail_submit_button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
form#mail_form input#mail_submit_button,
form#mail_form input#mail_submit_button::before,
form#mail_form input#mail_submit_button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/* --JavaScript------------------------------------------- */



/*-----------------------------------------------
button
-----------------------------------------------*/
.button {
	display: inline-block;
	width: 400px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	background-color: #4c4c4c;
	border: 2px solid #4c4c4c;
	color: #fff;
	line-height: 50px;
}
.button:hover {
	background-color: #fff;
	border-color: #0bd;
	color: #0bd;
	text-decoration: none;
}

.service_button{
	width: 400px;
	height: 54px;
	margin: 0 auto;
	
}