/* CSS Document */
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

body{
	font-family: "-apple-system", BlinkMacSystemFont, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "メイリオ", "Hiragino Kaku Gothic ProN", "MS PGothic", Osaka, "sans-serif";
}
li{
	list-style-type:none;
}
a{
	text-decoration:none;
}
.blue{
	background-color:#294c88;
}


.main{
	width:100%;
	overflow:hidden;
	color:#294c88;
}
.top{
	width:100%;
	margin:20px auto;
}
.top h3{
	text-align:center;
	font-size:18px;
}
.top p{
	font-size:16px;
	text-align:center;
	width:90%;
	margin:0 auto;
	line-height:30px;
}


.pro{
	width:100%;
	overflow:hidden;
}
.pro li{
	float:left;
	margin-left:2%;
	margin-right:2%;
	width:21%;
}
.pro a{
	text-align:center;
	color:#294c88;
}
.pro li img{
	width:100%;
}


.company{
	width:96%;
	overflow:hidden;
	margin:20px auto;
}
.company-info{
	width:75%;
	float:left;
}
.company-img{
	width:20%;
	float:right;
}
.company-img img{
	width:100%;
}
.company-info p{
	line-height:30px;
}


.business{
	width:96%;
	margin:20px auto;
	overflow:hidden;
}
.business-info{
	width:75%;
	float:right;
}
.business-img{
	width:20%;
	float:left;
}
.business-img img{
	width:100%;
}
.business-info p{
	line-height:30px;
}

.three{
	width:96%;
	margin:20px auto;
	overflow:hidden;
}
.news{
	width:30%;
	float:left;
	margin-left:1%;
	margin-right:1%;
}
.news a{
	color:#294c88;
}
.news li{
	line-height:30px;
	text-align:center;
}
.network{
	width:30%;
	float:left;
	margin-left:1%;
	margin-right:1%;
}
.network img{
	width:100%;
}
.contact{
	width:30%;
	float:left;
	margin-left:1%;
	margin-right:1%;
}
.contact p{
	line-height:45px;
	text-align:center;
}

.language{
	width:80%;
	overflow:hidden;
	margin:20px auto;
	float:right; 
}
.language ul{
	float:right;
	width:10%;
	overflow:hidden;
}
.language li{
	float:left;
	width:28%;
	margin-left:2%;
	margin-right:2%;
}
.language li img{
	width:100%;
}
.banner{
	width:100%;
}
.nav{
	width:100%;
	overflow:hidden;
	background-color:#338dd9;
	height:80px;  
	line-height:80px;
	margin-bottom:50px;
}
.nav ul{
	width:100%;
	overflow:hidden;
	margin:0 auto 20px auto;
}
.nav li{
	float:left;
	width:12.5%;
	text-align:center;
}
.nav a{
	color:#FFF;
	font-weight:bold;
	font-size:18px;
}
.bxslider img{
	width:100%;
}
.navbarcollapse{
	display:none;
}
@media screen and (max-width: 845px) {
.nav{
	display:none;
}
.navbarcollapse {
	display:none;
	position:absolute;
	top:5%;
	left: 0;
	width:100%;
	z-index:99999;
	background:#338dd9;
	border-bottom: 1px solid #fff;
}
.navbartoggle {
    float: right;
    text-indent: -999px;
    background: url(../images/btn_menu_open.png) 0 0 no-repeat;
    height: 44px;
    width: 65px;
    position: absolute;
    left: 0px;
    top: 10px;
}
.navbartoggle.on {
	background:url(../images/btn_menu_close.png) 0 0 no-repeat;
}
.navbarcollapse ul{
	margin-bottom:0px;
}
.navbarcollapse li {
	border-bottom:1px solid #fff;
}
.navbarcollapse li a  {
	display: block;
	padding: 10px ;
	color:#fff;
	font-size:14px;
}
.navbarcollapse li li a {
	padding-left:20px;
}
.navbarcollapse li li li a {
	padding-left:30px;
}
.navbarcollapse a i {
	padding-right:10px;
}
.navbarcollapse ul li a.dropdown-toggle {
	position: relative;
}
.navbarcollapse ul ul {
	display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
}
footer{
	width:100%;
	height:60px;
	background-color:#338dd9;
}
footer p{
	color:#FFF;
	font-size:14px;
	line-height:60px;
	text-align:center;
}
.business{
	width:90%;
	overflow:hidden;
	margin:50px auto;
}
.business li{
	overflow:hidden;
	width:100%;
	margin-bottom:30px;
}
.business-left{
	float:left;
	width:15%;
}
.business-left img{
	width:100%;
}
.business-right{
	float:right;
	width:83%;
}
.business-right p{
	line-height:30px;
	color:#004692;
}
.page{
	width:300px;
	margin:50px auto;
	overflow:hidden;
}
.page li{
	float:left;
	text-align:center;
	margin-left:15px;
	margin-right:15px;
}
.page a{
	color:#004692;
}
.equipment-info{
	width:90%;
	margin:50px auto;
	overflow:hidden;
}
.equipment-info-left{
	float:left;
	width:65%;
}
.equipment-info-img{
	float:right;
	width:33%;
}
.equipment-info-img img{
	width:100%;
}
.equipment-info p{
	line-height:30px;
}
.equipment-list{
	width:90%;
	overflow:hidden;
	margin:50px auto;
}
.equipment-list li{
	float:left;
	width:21%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:20px;
}
.equipment-list img{
	width:100%;
}
.equipment-list p{
	text-align:center;
}
.equipment-list a{
	color:#004692;
	line-height:60px;
}
.news-info{
	width:90%;
	overflow:hidden;
	margin:50px auto;
}
.news-left{
	width:41%;
	float:left;
	margin-left:4%;
	margin-right:4%;
}
.news-right{
	width:41%;
	float:right;
	margin-left:4%;
	margin-right:4%;
}
.news-left h3{
	line-height:60px;
	border-bottom:1px dotted #004692;
}
.news-right h3{
	line-height:60px;
	border-bottom:1px dotted #004692;
}
.news-left ul{
	margin-top:20px;
}
.news-right ul{
	margin-top:20px;
}
.news-left li{
	line-height:40px;
}
.news-right li{
	line-height:40px;
}
.news-left a{
	color:#004692;
}
.news-right a{
	color:#004692;
}
.pro-info{
	width:90%;
	margin:50px auto;
	overflow:hidden;
}
.pro-info li{
	width:21%;
	margin-left:2%;
	margin-right:2%;
	float:left;
	margin-bottom:20px;
}
.pro-info img{
	width:100%;
}
.pro-info p{
	text-align:center;
	line-height:60px;
}
.pro-info a{
	color:#004692;
}
.recruit-info{
	width:90%;
	margin:50px auto;
	overflow:hidden;
}
.recruit-info li{
	width:100%;
	border-bottom:1px dotted #004692;
	padding-bottom:30px;
	margin-bottom:20px;
}
.recruit-info h3{
	color:#004692;
	line-height:60px;
}
.recruit-info p{
	color:#004692;
	line-height:30px;
}
.company-table{
	width:90%;
	margin:50px auto;
	overflow:hidden;
	text-align:center;
}
.company-table table td{
	border:1px solid #000;
	padding:20px;
	margin:0;
	line-height:30px;
}
.contact-info{
	width:90%;
	margin:50px auto;
	overflow:hidden;
}
.contact-info-img{
	float:left;
	width:30%;
	margin-bottom:80px;
}
.contact-info-img img{
	width:100%;
}
.contact-info-right{
	float:right;
	width:65%;
	margin-bottom:80px;
	
}
.contact-info-right p{
	line-height:30px;
}
.contact-table{
	width:90%;
	margin:50px auto;
	overflow:hidden;
}
.contact-table-left{
	float:left;
	width:50%;
}
.contact-table-right{
	float:right;
	width:50%;
}
.contact-table-left input{
	border:1px solid #004692;
	margin-left:30px;
}
.contact-table-right textarea{
	border:1px solid #004692;
	width:99%;
	height:200px;
} 
.contact-table-left li{
	line-height:80px;
}
.contact-table-right li{
	line-height:80px;
}
.w-250{
	width:250px;
	height:30px;
}
.w-450{
	width:450px;
	height:30px;
}
.contact-table-right button{
	text-align:center;
	float:right;
	background-color:#004692;
	border-radius:5px;
	width:80px;
	height:40px;
	color:#FFF;
	font-weight:bold;
	line-height:40px;
}

@media screen and (max-width: 845px) {
.language ul {
    float: right;
    width: 20%;
    overflow: hidden;
}
footer p {
    color: #FFF;
	
    line-height: 30px;
    text-align: center;
}
.company-table {
    width: 100%;
    margin: 50px auto;
    overflow: hidden;
    text-align: center;
}
.business-left {
    float: left;
    width: 100%;
	margin-bottom:10px;
}
.business-right {
    float: right;
    width: 100%;
	margin-bottom:30px;
}
.contact-info-img {
    float: left;
    width: 100%;
}
.contact-info-right {
    float: right;
    width: 100%;
}
.contact-table-left {
    float: left;
    width: 100%;
}
.contact-table-right {
    float: right;
    width: 100%;
}
.contact-table-left input {
    border: 1px solid #004692;
    margin-left: 0;
}
.equipment-info-left {
    float: left;
    width: 100%;
}
.equipment-info-img {
    float: right;
    width: 100%;
}
.equipment-list li {
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.news-left {
    width: 92%;
    float: left;
    margin-left: 4%;
    margin-right: 4%;
}
.news-right {
    width: 92%;
    float: right;
    margin-left: 4%;
    margin-right: 4%;
}
.pro-info li {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
    float: left;
    margin-bottom: 20px;
}
.company-info {
    width: 55%;
    float: left;
}
.company-img {
    width: 40%;
    float: right;
}
.business-img {
    width: 40%;
    float: left;
}
.business-info {
    width: 55%;
    float: right;
}
.news {
    width: 98%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
	margin-bottom:30px;
}
.network {
    width: 98%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
	margin-bottom:30px;
}
.contact {
    width: 98%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
	margin-bottom:30px;
}
.contact p {
    line-height: 30px;
	text-align:center;
}
.news li {
    line-height: 30px;
	text-align:center;
}
}
@media screen and (max-width: 512px) {
.company-table table{
	width:100%;
}
.company-table tr{
	width:100%;
}
.company-table table td {
    border: 1px solid #000;
    padding: 0; 
    margin: 0;
    line-height: 30px;
}
.pro li {
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
	margin-bottom:20px;
}
.company-info {
    width: 100%;
    float: left;
}
.company-img {
    width: 100%;
    float: right;
}
.business-img {
    width: 100%;
    float: left;
}
.business-info {
    width: 100%;
    float: right;
}
}
h2{
	width:100%;
	text-align:center;
	font-size:24px;
	margin:50px auto;;
	border-bottom:2px solid #294c88;
}
.news-dat{
	width: 90%;
    margin-left: 5%;
    margin-right: 5%;
	margin-bottom:30px;
}
.news-dat h3 {
    line-height: 60px;
	margin-bottom:20px;
	text-align:center;
}
.news-dat p{
	line-height:30px;
}

.pro-dat{
	width: 90%;
    margin-left: 5%;
    margin-right: 5%;
	margin-bottom:30px;
	overflow:hidden;
}
.pro-dat h3 {
    line-height: 60px;
	margin-bottom:20px;
	text-align:center;
}
.pro-dat p{
	line-height:30px;
}
.pro-left{
	width:40%;
	float:left
}
.pro-left img{
	width:100%;
}
.pro-right{
	width:55%;
	float:right;
}
.rec-dat{
	width: 90%;
    margin-left: 5%;
    margin-right: 5%;
	margin-bottom:30px;
}
.rec-dat h3 {
    line-height: 60px;
	margin-bottom:20px;
	text-align:center;
}
.rec-dat p{
	line-height:30px;
}
.equ-dat{
	width: 90%;
    margin-left: 5%;
    margin-right: 5%;
	margin-bottom:30px;
	overflow:hidden;
}
.equ-dat h3 {
    line-height: 60px;
	margin-bottom:20px;
	text-align:center;
}
.equ-dat p{
	line-height:30px;
}
.equ-left{
	width:40%;
	float:left
}
.equ-left img{
	width:100%;
}
.equ-right{
	width:55%;
	float:right;
}
@media screen and (max-width: 512px) {
.pro-left{
	width:100%;
	float:left
}
.pro-left img{
	width:100%;
}
.pro-right{
	width:100%;
	float:right;
}

.equ-left{
	width:100%;
	float:left
}
.equ-left img{
	width:100%;
}
.equ-right{
	width:100%;
	float:right;
}
}
.pro-info h3{
	
	margin-top:2%;
	margin-bottom:2%;
	border-bottom:2px solid #294c88;
	padding-bottom:1%;
}
.equipment-info h3{
	
	margin-top:2%;
	margin-bottom:2%;
	border-bottom:2px solid #294c88;
	padding-bottom:1%;
}
.equipment-list h3{
	
	margin-top:2%;
	margin-bottom:2%;
	border-bottom:2px solid #294c88;
	padding-bottom:1%;
}
.company-table input{
	border:1px solid #004692;
	margin-left:30px;
}
.company-table textarea{
	border:1px solid #004692;
	width:99%;
	height:200px;
} 
.company-table button{
	text-align:center;
	float:right;
	background-color:#004692;
	border-radius:5px;
	width:80px;
	height:40px;
	color:#FFF;
	font-weight:bold;
	line-height:40px;
	margin-bottom:25px
}
.company-table  table{
	width:100%;
}
.logo{
	width:20%;
	float:left;
}
.logo img{
	width:100%;
}