@font-face{
    font-family:'Noto Sans JP';
    src: url('../fonts/NotoSansJP-Medium.otf');}
*{margin: 0; padding: 0; font-family: 'Roboto','Noto Sans JP',sans-serif}
a:active,a:link,a:visited{text-decoration: none;}
li{list-style: none;}
.padT80{padding-top: 80px;}
.padT50{padding-top: 50px;}
.padT30{padding-top: 30px;}
.padT20{padding-top: 20px;}
.padT15{padding-top: 15px;}
.padT10{padding-top: 10px;}
.padT8{padding-top: 8px;}
.padT5{padding-top: 5px;}
.padB80{padding-bottom: 80px;}
.padB50{padding-bottom: 50px;}
.padB30{padding-bottom: 30px;}
.padB15{padding-bottom: 15px;}
.padB10{padding-bottom: 10px;}
.padL80{padding-left: 80px;}
.padL50{padding-left: 50px;}
.padL30{padding-left: 30px;}
.padL20{padding-left: 20px;}
.padL15{padding-left: 15px;}
.padL10{padding-left: 10px;}
.padL5{padding-left: 5px;}
.padL0{padding-left: 0px;}
.padR50{padding-right: 50px;}
.padR5{padding-right: 5px;}
.padR10{padding-right: 10px;}
.marginT0{margin-top: 0px !important;}
.marginT-8{margin-top: -8px;}
.marginT-10{margin-top: -10px;}
.marginT15{margin-top: 15px;}
.marginT20{margin-top: 20px;}
.marginT25{margin-top: 25px;}
.marginT30{margin-top: 30px;}
.marginT50{margin-top: 50px;}
.marginB30{margin-bottom: 30px;}
.marginB0{margin-bottom: 0px !important;}
.marginB-5{margin-bottom: -5px;}
.marginL20{margin-left: 20px;}
.marginL0{margin-left: 0px;}
.float-left{float:left}
.width50{width: 50px;}
.width100{width: 100px;}
.width150{width: 150px;}
.width200{width: 200px;}
.width250{width: 250px;}
.width300{width: 300px;}
.height80{height: 80px;}
.height30{height: 30px;}
.width-100{width: 100%;}
.width-98{width: 98%;}
.width-95{width: 95%;}
.width-86{width: 86%;}
.width-80{width: 80%;}
.font-size12{font-size:1.4rem !important;}
.font-size14{font-size:1.6rem !important;}
.font-size16{font-size:2.2rem}
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.red{color: red}
.error{color: red;display: none;}
.nodisplay{display: none;}
.table-css{border-color: #c6c7c9;}
.tr{height:25px}
.td{text-align: center;color:#2f649a;}
.td-header{text-align: center;color:#2f649a;font-size:1.4rem}
.label-font{font-family: 'Roboto','Noto Sans JP',sans-serif;font-size:1.6rem}
.index-font{font-weight: bold;font-family: 'Roboto','Noto Sans JP',sans-serif;font-size:1.6rem}
.text-font{font-family: 'Roboto','Noto Sans JP',sans-serif;font-size:1.4rem}
.title-font{font-family: 'Roboto','Noto Sans JP',sans-serif;font-size:2.6rem}
.tip-font{font-family: 'Roboto','Noto Sans JP',sans-serif;font-size:1.5rem}
.radio-inline{position:relative;display:inline-block;font-weight:400;vertical-align:middle;cursor:pointer}
.center{text-align: center;}
.bottonConfire{background-color:#4676fa !important;color:#fff !important;width:150px !important;border: 1px solid #4676fa !important;;font-size:1.4rem !important;}
.produce-area{background-color:#faffff;box-shadow: 0 0 10px #aaa; transition: all .5s; }
.p{margin-bottom:5px;color:#888;font-size:1.4rem}
.produce-hr{margin-top:0px;margin-bottom:10px;margin-left:30px;margin-right:30px}
.produce1{background-color:#4676fa !important;color:#fff !important;}
.produce-border{border: 1px solid #4676fa;}
.produce2-p{background-color:#f2f2f2 !important;color:#c71c1c !important;font-size:1.4rem;padding-bottom:5px;padding-top:5px;padding-left:10px}
.navbar-default{background-color: #ffffff; margin-bottom: 0; border:none; border-radius: 0; z-index: 99; transition: all .3s;}
.title h2{position: relative; padding:20px 0; text-align: center; color:#666;}
.title h2:after{width:50px; height: 2px; display: block; content: ""; background-color: #2FC1AC; margin-top: 20px; position: absolute; left: 50%; transform:translateX(-50%);}
.line-height2{line-height:2}
.navbar-toggle{margin-top:20px; transition: all .3s;}
.scorllNavtol{margin-top:13px; transition: all .3s;}
.greyBg{background-color: #f5f5f5;}
.hr{border-color:#eee}
.home-hr{border-color:#4676fa}
.a{width: 200px; line-height: 30px; color: #000000; background: rgba(0, 0, 0, 0); border: 1px solid #000000; font-weight: bold; font-size: 1.6rem; margin-top: 10px}
.a:hover{background-color:#4676fa;color:#fff; border: 1px solid #fff;}
.prodece-a{color: #000000;}
/**/
.nav li{}
.nav li a{padding-top:10px; padding-bottom: 10px; color: #000000 !important;}
.logo h1{color: #2BC3AC; margin: 20px; transition: all .3s;}
.logo h1 span{color: #FFFFFF;}
.nav{position: relative; margin-top: 20px; margin-bottom: 20px; transition: all .3s;}
.navBg{position: absolute !important; left: 0; height: 40px;  transition: all .5s;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #0000ff !important; background-color: transparent; transition: all .5s;}
.scrollNav{margin-top:10px !important; margin-bottom: 10px !important; transition: all .3s;}
.scrollLogo h1{margin:15px !important; font-size: 28px; transition: all .3s;}
.scrollNavbar{position: fixed; top:0; width:100%; transition: all .3s;}
.sticky {
  background: #fff;
  transition: 0.3s;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
}
/*banner*/
.carousel-control.left,.carousel-control.right{background-image: none; }

/*honor*/
.honty:hover{box-shadow: 0 0 10px #aaa; transition: all .5s; background-color: #FFFFFF;}
.honty{ border-radius: 5px;transition: all .5s; cursor: pointer;}
.honty>div{padding:25px 0 0;}
.ty{background-color: #2FC1AC; margin: auto; width:50px; height: 50px; text-align: center; border-radius: 50%;}
.ty span {color: #FFFFFF; font-size: 32px; line-height: 50px;}
.tycon{text-align: center; margin-top:15px; padding-bottom: 15px;}
.tycon h3{font-size: 18px; color: #666; margin-top:10px;}
.honty .tycon p{color: #CCC;}
.honty>p{color: #666; padding:0 50px 50px; color:#888; line-height: 1.6;}
/*charactic*/
.charList{padding:20px; box-shadow: 0 0 10px #CCC; background-color: #F8FCFC;}
.charList h3{color:#2BC3AC; font-size: 26px; text-align: center;}
.charList li{z-index:10;border-bottom: solid 1px #eee; padding: 20px 10px; padding-left: 20px; color: #1FB19B; font-size: 15px; line-height: 30px; position: relative;}
.charList li p{margin: 0; margin-right: 70px; text-align: left;}
.charList li div{float: right;  border-radius: 15px;width:60px; text-align: center; height: 30px;vertical-align: middle;}
.charList li div span{ color: #FFFFFF; font-weight: bold;line-height: 30px; font-size: 16px;}
.charList li:after{z-index:-1;display: block; content: ""; width:60px; height: 30px; border-radius: 15px; background-color: #2FC1AC; position: absolute; top:20px; right:10px; transition: all .5s;}
.charList li:hover:after{top:0; right: 0; width:100%; height: 100%; border-radius:10px;}
.charList li:hover{color:#FFFFFF; transition: all .3s;}
.charList p a{padding:10px 20px; margin-top:20px; border: 1px solid #2BC3AC; border-radius: 30px; color: #2BC3AC; transition: all .3s;}
.charList p a:hover{padding:10px 30px;transition: all .3s; color: #FFFFFF; background-color: #2BC3AC;}
.charList p{text-align: center; margin-top: 30px;}
.charIntr{text-align: center; padding-top:40px;}
.charIntr p{line-height: 1.8; color: #888888; font-size: 15px; text-align: left; padding-bottom: 30px;}
.charIntr a{font-size: 15px; padding: 10px 20px; background-color: #E3F6F4; border-radius: 20px; color: #2FC1AC; transition: all .3s;}
.charIntr a:hover{transition: all .3s; background-color: #2FC1AC; color: #FFFFFF; padding:10px 30px;}
/*service*/
.service ul li{padding-bottom: 10px; transition: all .3s; cursor: pointer;}
.service ul li:hover{box-shadow: 0 0 10px #AAAAAA; transition: all .3s; background-color: #FFFFFF;}
.service ul li span{float: left; color: #2FC1AC; font-size: 32px; margin: 0; padding:30px 10px 10px; font-family: 'Roboto','Noto Sans JP',sans-serif;}
.service ul li div{margin-left: 70px;}
.service ul li p{font-size: 15px; line-height: 1.8; color: #888888; padding-top: 5px;}
.service ul li h3{margin-bottom: 0px; color: #2FC1AC;}
/*case*/
.case ul li{overflow: hidden;}
.case ul li img{width:100%; padding-bottom: 15px; transition: all .3s;}
.case ul li:hover img{transform: scale(1.05); transition: all .3s;}
/*news*/
.news h3{margin: 0;}
.news ul li{border-bottom: dashed 1px #CCCCCC; margin-top: 15px;}
.news ul li a div h3{ margin-right: 80px; color: #666; margin-bottom: 20px; font-size: 18px;}
.news ul li a div span{float: right; color: #888;}
.news ul li a:hover h3{color: #2FC1AC;}
.news ul li p{color: #888888;	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newRec h3{color:#666;font-size: 18px; line-height: 1.5;}
.newRec a:hover h3{color: #2FC1AC; }
.newtim{padding:10px 0; margin: 0; color: #888;}
.newtim span{padding:0 5px;}
.newcon{line-height: 1.6; color: #888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
/*footer*/
footer{background-color:#000000;font-family: 'Roboto','Noto Sans JP',sans-serif;font-size:11px;height:50px;line-height:50px;}
footer nav ul{text-align: center;}
footer li{display: inline-block; text-align: center; padding:10px 0;}
footer li a{padding:5px 15px; color: #FFFFFF;}
footer li a:hover{color: #2FC1AC;}
footer p{text-align: center; color:#FFFFFF;}
footer p span{padding:0 5px 0 5px;}
footer p a{color: #FFFFFF;}
footer p a:hover{color: #2FC1AC;}

/*abPg*/
.abPg .banner img,.conPg .banner img,.serPg .banner img,.newsPg .banner img{width: 100%;}
.abIntr img{width:100%; position: relative; top:-20px;}
.abIntr>div{background-color: #2FC1AC;}
.abIntr h3,.abIntr p{color: #FFFFFF;}
.abIntr h3{margin-top: 50px; margin-bottom: 40px;}
.abIntr p{line-height: 1.8; font-size: 16px; margin-bottom: 30px;}
/*conPg*/
.conPg .map iframe{width:100%; border: none; height: 300px; }
.address ul li{line-height: 1.8; font-size: 15px;}
.address ul li span{padding:0 10px; color: #2FC1AC;}
.address a.btn{background-color: #2FC1AC; padding:10px 30px; margin-top:20px; border: none;}
#text{width:100%;}
.map{position: relative;}
.map .loader{position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
textarea{width:100%; padding-left: 10px; line-height: 1.8; border:1px solid #CCC;}

/**繝�繧ｭ繧ｹ繝医う繝ｳ繝励ャ繝�(UiCheckbox) Start**/
input:focus,textarea:focus{
    border: 1px solid #ced4da;
    outline: 0;
	}
.text-input {
    border: 1px solid #ced4da;
    border-radius: 0;
}
.text-input:focus[readonly] {
    background-color: #dce1d5;
}

/**繧ｳ繝ｳ繝昴�ｼ繝阪Φ繝亥�ｱ騾�**/
.cpo-common {
    padding: 3px 5px;
    color: #000000;
}
.cpo-single {
    height: 29px;
}
.cpo-block {
    width: 100%;
}

/**譁�蟄�**/
.left {
    text-align: left;
}
.ri
/**繝�繧ｭ繧ｹ繝医う繝ｳ繝励ャ繝�(UiCheckbox) End**/
/*newsPg*/
.newsTime {width:80px; float: left; padding-left: 10px;}
.newsTime p{font-size: 28px; color: #555;}
.newsTime span{line-height: 30px; color: #777;}
.newsTitle{margin-left: 100px; padding-right: 10px;}
.newsTitle h3{color: #666; font-size: 20px; margin-top:5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newsTitle p{line-height: 1.8; font-size: 15px; color: #888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsList li a:hover h3{color: #2FC1AC;}
.newsList li{padding:20px; border-bottom: 1px dashed #CCC;}
.newsList li:last-child{border: none;}
.newdetcon{text-align: center;}
.newdetcon img{padding:30px 0;}
.newdetitle{color: #666; text-align: center;}
.newdetime{padding-top: 10px;}
.newdetime span{padding:0 10px; color: #888;}
.newdetcon p{line-height: 1.8; font-size: 16px; color: #777; text-align: left;}
.pager li a{color:#888;}
.pager li:hover a{background-color: #2FC1AC; color: #FFFFFF; border-color: #2FC1AC;}
/*responsive*/
@media (min-width:769px) and (max-width: 992px) {
	.abIntr h3{margin-top: 40px;}
}
@media only screen and (max-width: 768px) {
	.newRec{margin-top:20px; margin-bottom: 30px;}
	.nav li{width:100%; }
	.abIntr h3{margin-top: 10px;}
	.nav{border: none; box-shadow: none;}
	.navbar-collapse{border-color: #888 !important;}
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    line-height: 1;
    width: 100%;
}
.prod {
	padding-top: 40px;
}
.prod p {
    color: #666;
    padding: 0 50px;
    color: #888;
	line-height: 2;
	text-indent: 25px;
}
.prod .img {
	text-align: center;
}

.newdetcon {
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 10px;
}
.newdetcon p {
	text-indent: 25px;
}
.newdetcon .img {
	margin: 10px 50px;
}
.newdetcon img {
	width: 100%;
}

.case li {
	padding-left: 0;
	padding-right: 10px;
	margin-bottom: 10px;
}
.case li .detail {
	padding: 10px;
	background-color: #2FC1AC;
}
.case_title {
	padding: 10px 0;
	font-weight: bold;
	font-size: 20px;
}
.case_content {
	padding: 10px 0;
	height: 80px;
}

.brief {
	margin-bottom: 40px;
}
.brief .honty {
	padding: 20px;
}
.brief table {
	margin: 0 auto;
	font-size: 16px;
	line-height: 25px;
}
.ab-picture {
	text-align: center;
}
.width50 {
    width: 50px;
}
.width100 {
    width: 100px;
}
.width150 {
    width: 150px;
}
.width200 {
    width: 200px;
}
.width250 {
    width: 250px;
}
.width300 {
    width: 300px;
}
.width350 {
    width: 350px;
}
.padding5 {
    padding: 5px 5px 5px 5px;
}