@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');
body{background:#ddd; margin:0; padding: 0; font-weight:normal; font-size:15px; line-height: 25px; font-family:'Noto Sans JP', sans-serif;}
p{text-align:justify;}
a{color:#171859;}
.wrapper{ width:90%; height: auto; margin: 0 auto; }
.container{width:100%; float: left;background:#fff;}
.logo{width:130px; float: left; padding: 12px 2%;}
.top-header-right{width:75%; float: left; padding:21px 2%}
.logo img{
	max-width: 100%;
}
.col-1{width:96%; float: left;padding:10px 2%;}
.col-2{width:46%; float:left; padding:10px 2%;}
.col-4{width:21%; float:left; padding:10px 2%;}
.top_menu{list-style: none; padding: 0; margin:3px 0 3px 0; float: right; text-align: right;}
.top_menu li{ display:inline-block; padding-left: 15px;}
.top_menu li a{color: #fff;
text-decoration: none;
display: block;
background: #171859;
padding: 10px 20px;
border-radius: 3px;
border-bottom: 3px solid transparent;}
.top_menu li a:hover, .top_menu li a.nav_active{border-bottom-color:#43c0f0;background:#2c2d89}
.main_menu span{width:100%; float:left; color: #999; text-align:right;}
aside{width:20%; float: left; background:#eff9fe;}
aside ul{list-style:none; margin: 0; padding: 0;}
aside ul li a{width:82%; padding:5px 9%; float: left; background:#999; margin-bottom: 1px; color: #fff; text-decoration:none;}
aside ul li a:hover{ background:#F6A539}
aside span{width:90%; float: left; padding: 10px 5%;}
section{width:80%; float:left;padding:0 0 10px 0;box-sizing: border-box;}
h1, h2, h3, h4{maring:0; padding:0;}
h1{font-size:24px; font-weight: normal; line-height:28px; width:100%; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 5px;margin:5px 0 5px 0 ;}
h2{font-size:18px; font-weight: normal; line-height:24px; width:100%; text-align:left; border-bottom: 1px solid #ddd; padding-bottom: 5px;margin: 0 0 5px 0;}
.design-box1{ width:90%; float:left; text-align: center; padding: 5%;}
.design-box1 i{font-size:40px; color: #F6A539;}
.design-box1 p{ text-align:center; margin:5px 0;color:#666;}
.design-box1 p a{color:#666;}
form{width:90%; padding:10px 5%;}
form input, form textarea{width:90%; margin-bottom: 3px; text-indent: 5px; font-size:14px; background:#fff;border:0px; padding:10px;margin-bottom:10px;}
form textarea{height:150px;}	
form input[type=submit], form button{background:#171859; width:100%; color:#fff; border: 0; cursor: pointer; padding: 15px 10px;outline:none;outline:0}
footer{color:#999; background: #f1f2f2; width: 100%; float: left;}
footer a{color:#666;}
.faq p{ margin:15px 0 25px 0;}
.number-1{background-color: forestgreen; color: #fff; padding:5px; margin:0 5px 0 0;}

.text-success{display:none;color:#1d710e;}


.floating-wpp{position:fixed;bottom:15px;right:15px;font-family:'Open sans';font-size:14px;transition:bottom 0.2s}.floating-wpp .floating-wpp-button{width:72px;height:72px;background-color:#25D366;background-image:url(../images/whatsapp-logo-variant.png);background-position:center;background-size:53%;background-repeat: no-repeat;border-radius:50%;box-shadow:1px 1px 4px rgba(60,60,60,.4);transition:box-shadow 0.2s;cursor:pointer}.floating-wpp:hover{bottom:17px}.floating-wpp:hover .floating-wpp-button{box-shadow:1px 2px 8px rgba(60,60,60,.4)}.floating-wpp .floating-wpp-popup{border-radius:6px;background-color:#E5DDD5;position:absolute;overflow:hidden;padding:0;box-shadow:1px 2px 8px rgba(60,60,60,.25);width:0;height:0;bottom:82px;transition:width 0.2s,height 0.2s,padding 0.2s;transform-origin:bottom}.floating-wpp .floating-wpp-popup.active{padding:0 12px 12px 12px;width:260px;height:auto;right:0;}.floating-wpp .floating-wpp-popup .floating-wpp-message{background-color:white;padding:8px;border-radius:0 5px 5px 5px;box-shadow:1px 1px 1px rgba(0,0,0,.15);opacity:0;transition:opacity 0.2s}.floating-wpp .floating-wpp-popup.active .floating-wpp-message{opacity:1;transition-delay:0.2s}.floating-wpp .floating-wpp-popup .floating-wpp-head{text-align:right;color:white;margin:0 -15px 10px -15px;padding:6px 12px;display:flex;justify-content:space-between;cursor:pointer}.floating-wpp .floating-wpp-input-message{background-color:white;margin:10px -15px -15px -15px;padding:0 15px;display:flex;align-items:center}.floating-wpp .floating-wpp-input-message textarea{border:1px solid #ccc;border-radius:4px;box-shadow:none;padding:8px;margin:10px 0;width:100%;max-width:100%;font-family:inherit;font-size:inherit;resize:none}.floating-wpp .floating-wpp-btn-send{margin-left:12px;font-size:0;cursor:pointer}
.clearfix:after{clear:both;content:"";display:block;}
.plr-2{padding-left:2%;padding-right:2%}
.footer_client img{
	max-height:40px;
	margin-right: 1%;
margin-left: 1%;
}
.footer_client{
	overflow:hidden;
	margin-left:1%;
	margin-right:1%;margin-bottom:25px;
}
.d-block{
	display:block;
}
.pr-2{
	padding-right:2%;
}
.js-marquee
{
	white-space: nowrap;
}
.pt-3
{
	padding-top:50px;
}
.prod_list img{
	
	max-width: 150px;
flex: 0 0 auto;
margin: 12px;
}
.prod_list{
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items:center;
}
.home_banner
{
	position:relative; height:400px;overflow:hidden;
	
}
.home_banner img
{
	width:100%;
	display:block;
}
.home_banner div
{
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	text-align: center;
	color: #fff;
	z-index:2;
	flex-direction: column;
}
.home_banner h2{
	border: 0;
text-align: center;
font-weight: 600;
font-size: 50px;
}
.home_banner h3{
	background: #00bdf2;
padding: 15px;
font-weight: normal;
font-size: 25px;
}
.home_banner a{
	margin-top:15px;
padding: 10px 40px;
border: #f6a539 1px solid;
font-weight:500;
text-decoration: none;
border-radius: 30px;
font-size: 16px;
color: #fff;
}
.home_banner a:hover{
	background:#f6a539;
}
.home_banner:after
{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:rgba(0,0,0,0.7);
	z-index:1;
}
.inner_head{
	position:relative;
	margin-bottom:25px;
}
.inner_head img{
	width:100%;
	display:block;
}
.inner_head:after
{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:rgba(0,0,0,0.7);
	z-index:1;
}
.inner_head h2
{
	z-index: 2;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	text-align: center;
	color: #fff;
	border: 0;
	font-weight: bold;
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-size: 26px;
}
.top_head_1
{
	background: #999999;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
}
.img_d{
	display:block;
	width:100%;
}
.p_txt p{
	text-align: left;
}
.b_txt b{
	text-transform:uppercase;
}
.img_row{
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
}

.img_row img {
    padding-left: 15px;
    width:17.5%;
    display:inline-block;
}
.img_row img:first-child {
    padding-left: 0px !important;
}
.img_row img:last-child {
    padding-right: 0px !important;
}


.pl-2{
    padding-left:15px !important;
}