@charset "utf-8";

body{
	font-size:16px;
	color:#333333;
	line-height: 1.6;
}
a {
  text-decoration: none;
  color: #333;
}
.pc{
		display: block;
	}
.sp{
		display:none;
	}
.sp_br{
	display: none;
}
/***header***/

.mainView{
	display: flex;
}
.headerNavihome{
	width:25%;
	position:relative; 
}
.headerNavi{
    width:50%;
	position: absolute;
	top:54%;
	left:50%;
	transform: translate(-50%,-50%);
}
.logo img{
	display: inline;
	width: 150px;
	height: 150px;
	position:relative;
	left:6px;
}
.companyName{
	margin-bottom: 30px;
	font-size: 30px;
}
nav{
	margin-left: 40px;
}
nav ul li{
	margin-bottom: 15px;
}
nav ul li a{
	padding: 5px 10px;
	font-weight: bold;
}
nav ul li a:hover{
	opacity: 0.8;
}
.sliderImage{
	width:75%;
	margin-top:50px;
}

/***main***/
.company{
	width:650px;
	height:90px;
	background-color:rgba(252,238,33,0.5);
	margin: 50px 0px 30px auto;
	font-size: 30px;
	line-height: 90px;
	padding-left:30px;
}
.businessContent{
	padding: 20px;
	display: flex;
}
.contentbox{
	width:calc(100% / 4);
	height: auto;
	text-align: center;
	margin-bottom: 50px;
}
.contentbox{
	width: 100%;
}
.contentbox img{
	max-width: 100%;
	border-radius: 5px;
}
.contentbox:not(:last-child){
	margin-right: 10px;
}

.contentText{
	width: 300px;
	display: inline;
}
.contentText h2{
	margin-top: 10px;
	font-weight: bold;
}
.contentText p{
	padding: 10px 20px;
	text-align: left;
}

/*footer*/
footer{
	height:150px;
	background-color:rgba(47,171,226,0.1);
	position: relative;
}
.footerlogo{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	margin-left: 118px;
}
.footerlogo img{
		width: 100px;
	height: 100px;
}
.footername{
	position: absolute;
	top:50%;
	left:230px;
	transform: translateY(-50%);
	font-size: 24px;
}
.footernav{
	display: flex;
	position: absolute;
	top:50%;
	right: 0;
	transform: translateY(-50%);
}
.footernav div:not(:last-child){
	margin-right: 50px;
}
.footernav div:last-child{
	margin-right: 118px;
}
.footernav div:hover{
	opacity: 0.8;
}
.copy{
    display: flex;
	position: absolute;
	top:80%;
	right: 0;
	transform: translateY(-80%);
	margin-right: 118px;
}
/*bx-slider*/
.bx-wrapper{
	background-color:transparent;
    margin: 0 auto;
	border:none;
	box-shadow: none;
}
.bx-slider{
	display: block;
	margin: 0 auto;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom:8px;
}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next
{
	background-image: url("../images/images/controls.png");
}
.bx-wrapper .bx-pager.bx-default-pager a{
	background-color:#28BBE8;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{
	background-color:#F0EF5A;
}

/******contact******/
.about_title{
	display: inline-block;
	font-size: 30px;
	border-bottom: solid 8px rgba(252,238,33,0.5);
	margin-top:80px;
	position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
table {
  width: 60%;
  margin: 50px auto;
}
th {
  text-align: left;
  padding: 25px;
  width: 30%;
}
th span {
  background-color: #D85153;
  color: #fff;
  padding: 0 5px;
  font-size: 80%;
  border-radius: 2px;
}
td {
  width: 70%;
}
input, select, textarea {
  outline: none;
  border: none;
  background-color: #DFDFDF;
  padding: 10px;
  border-radius: 5px;
}
textarea {
  height: 200px;
}
select {
  width: 30%;
}
input[type="text"], input[type="email"], textarea {
  width: 80%;
}
input[type="reset"], input[type="submit"] {
  color: #fff;
  margin-left: 30px;
  padding: 10px 30px;
  background-color:#1CA0AB;
  cursor: pointer;
  border-radius: 5px;
  transition: all .3s;
}
input[type="reset"]:hover, input[type="submit"]:hover {
  opacity: 0.6;
  position: relative;
  top: -2px;
  font-weight: bold;
}
input:focus, textarea:focus {
  border: solid 3px rgba(252,238,33,0.5);
}
.contact_button {
  text-align: center;
}
.submit_button{
	margin-bottom: 100px;
}
/******company******/
td{
	width: 50%;
	padding: 10px;
	text-align: center;
}