p{
	font-family:Open Arial, Helvetica, sans-serif;
color:#484848}
h1,h2,h3,h4,h5,h6{
	font-family: 'Inter', 'Noto Sans JP', sans-serif;
font-weight:600
}
p::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection,span::selection{
	color:#fff;
background:#4cc0ff}
h2{
	font-weight:bolder;
padding-bottom:15px}
span{
	color:#fff;
	font-weight:800;
font-family:Raleway}
.btn.btn-infos{
	background-color:#4cc0ff;
	color:#fff;
	font-weight:600;
	border-radius:6px;
	padding:7px 20px;
	margin-top:12px;
cursor:pointer}
.btn.btn-infos:hover{
background-color:rgba(0,166,80,.75)}
#header.sticky{
padding:20px 0}
.navbar-light .navbar-nav .nav-link{
	color:#fff;
	padding:0 22px;
	font-size:15px;
font-weight:700}
.navbar-light .navbar-nav .nav-link:hover{
color:#4cc0ff}
.navbar-light .navbar-nav .nav-item.menu-active a{
color:#4cc0ff}
.owl-theme .owl-dots .owl-dot span{
	width:10px;
	height:10px;
	margin:5px 7px;
	background:0 0;
	display:block;
	-webkit-backface-visibility:visible;
	transition:opacity .2s ease;
	border-radius:30px;
border:1px solid #fff}
.owl-theme .owl-dots .owl-dot.active span{
	width:10px;
	height:10px;
border:1px solid #4cc0ff}
.sticky{
background-color:rgba(0,0,0,.9)}
.about-description{
padding-right:50px}
#header{
	padding:30px 0;
	height:92px;
	position:fixed;
	left:0;
	top:0;
	right:0;
	transition:all .5s ease;
z-index:997}
.carousel-caption{
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	z-index:10;
	padding:204px;
	color:#fff;
	text-align:center;
	width:90%;
margin:auto}
#banner-slider .carousel-item{
	background-image:url(../images/banner0.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
height:750px}
#banner-slider p{
color:#fff}
.carousel-indicators{
padding-bottom:52px}
.carousel-indicators li{
	border-radius:100%;
	width:10px;
	height:10px;
	border:1px solid #fff;
	background-color:transparent;
	margin:0 8px;
cursor:pointer}
.carousel-control-next-icon,.carousel-control-prev-icon{
	display:inline-block;
	width:19px;
height:32px}
.carousel-control-prev-icon{
background-image:url(../images/left-arrow.png)!important}
.carousel-control-next-icon{
background-image:url(../images/right-arrow.png)!important}
h1{
	font-size:43px;
font-weight:600s}
#banner-slider .btn.btn-infos{
	background-color:#4cc0ff;
	color:#fff;
	font-weight:600;
	/*font-family:open sans;*/
	font-family: 'Inter', 'Noto Sans JP', sans-serif;
	border-radius:6px;
	padding:7px 20px;
	margin-top:12px;
	cursor:pointer;
margin-top:62px}
#services{
padding:80px 0}
#services p{
padding-bottom:25px}
#services h4{
	font-weight:800;
font-size:28px}
.enquiry h4{
	font-weight:800;
color:#fff}
#services img{
float:left}
#services .services-list{
padding-left:80px}
#services .enquiry{
min-height:470px}
.enquiry-form{
	background-color:#4cc0ff;
padding:35px 40px}
.enquiry-form .btn{
	font-family:raleway;
	font-size:18px;
font-weight:700}
.btn-primary{
	color:#fff!important;
	background-color:#2d9cd8!important;
	border-color:#2d9cd8!important;
cursor:pointer}
.btn-primary:hover{
	background-color:rgba(24,84,44,.89)!important;
border:1px solid rgba(54,136,81,.89)!important}
#services .btn-primary{
width:100%}
.form-control{
	background-color:#a8e0ff;
	border:1px solid #a8e0ff;
	border-radius:3px;
box-shadow:0 0 20px rgba(0,0,0,.1)}
.form-control::-webkit-input-placeholder{
color:rgba(255,255,255,.8)!important}
#services::-webkit-input-placeholder{
	color:#fff!important;
font-size:13px}
#services input,#services textarea{
color:#fff}
::placeholder{
color:#044d26!important}
#services input:focus{
	background-color:#a8e0ff;
	border:1px solid #a8e0ff;
	border-radius:3px;
	outline:0;
	box-shadow:0 0 5px #2d9cd8;
border:1px solid #2d9cd8}
#services textarea:focus{
	background-color:#a8e0ff;
	border:1px solid #a8e0ff;
	border-radius:3px;
	outline:0;
	box-shadow:0 0 5px #2d9cd8;
border:1px solid #2d9cd8}
#counters{
	background-image:url(../images/bg1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	width:100%;
padding:100px 0}
#counters .count{
	/*font-family:Open Sans;*/
	font-family: 'Inter', 'Noto Sans JP', sans-serif;
	font-size:60px;
	font-weight:800;
color:#2d9cd8}
#counters p{
	color:#fff;
	font-size:27px;
	font-family:Raleway;
font-weight:300}
#counters p>span{
	font-size:58px;
	/*font-family:Open Sans;*/
	font-family: 'Inter', 'Noto Sans JP', sans-serif;
font-weight:800}
#about{
padding:100px 0}
#about h2{
font-size:38px}
#about .btn.btn-infos{
	/*font-family:open sans;*/
	font-family: 'Inter', 'Noto Sans JP', sans-serif;
	border-radius:3px;
	padding:8px 22px;
	float:right;
margin-right:35px}
.navbar-light .navbar-nav .nav-link{
padding:6px 22px}
#about img{
width:100%}
#testimonial{
	background-image:url(../images/testimonial_bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	width:100%;
padding:100px 0}
#testimonial h2{
color:#fff}
#testimonial p{
	color:#fff;
	font-size:19px;
padding-right:20px}
#testimonial p{
	color:#fff;
font-size:19px}
.owl-carousel .owl-item img{
	width:auto;
border-radius:6px}
.testi-img{
padding-top:55px}
.testimonial-name h6{
	color:#4cc0ff;
font-weight:700}
.testimonial-name p{
	color:#eae2e2!important;
font-size:14px!important}
.owl-theme .owl-dots .owl-dot.active span{
background:#4cc0ff}
#testimonial button:focus{
	outline:none;
outline:none}
.owl-carousel .owl-stage-outer{
	width:97%;
	position:relative;
	overflow:hidden;
	margin:0 auto;
-webkit-transform:translate3d(0,0,0)}
.back-to-step{
	padding:25px 0 30px;
text-align:center}
blockquote::before{
	content:"\f10d";
	font-family:FontAwesome;
	font-style:normal;
	font-weight:400;
	text-decoration:inherit;
	color:#4cc0ff;
	font-size:40px;
margin-left:-55px}
#latest-steps{
padding:90px 0}
#latest-steps h2{
	font-size:38px;
padding-bottom:60px}
#latest-steps img{
width:100%}
.step-listing{
	box-shadow:0 0 25px rgba(0,0,0,.08);
border-radius:10px}
p.step-date{
	position:relative;
	top:-38px;
	border:1px solid #4cc0ff;
	background-color:#4cc0ff;
	padding:6px 0;
	color:#fff;
	width:32%;
	text-align:center;
	margin-bottom:-35px;
font-weight:bolder}
#step-details-page p.step-date{
top:-35px}
#latest-steps .recent-step{
padding:20px}
.step-body{
padding:20px}
.step-body span{
	color:#4cc0ff;
font-weight:600}
.step-body p{
	font-size:14px;
	border-bottom:1px solid #f1f1f1;
padding-bottom:15px}
.step-body h6{
	font-weight:700;
	font-size:18px;
color:#262626}
.step-body a>h6:hover{
color:#4cc0ff}
.step-body a:hover{
text-decoration:none}
#latest-steps a>span{
	float:right;
font-size:14px}
.no-of-comments{
	font-size:14px;
font-family:open sans}
#clients{
	background-color:#f2f2f2;
padding:50px 0}
#clients img{
width:100%}
#contact{
	background-color:#1b1f21;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	width:100%;
padding:100px 0}
#contact h2{
	color:#fff;
font-size:35px}
#contact p{
	color:rgba(255,255,255,.92);
font-size:18px}
form{
padding-top:25px}
#contact .form-control{
	background-color:transparent;
border:1px solid #a8e0ff}
#contact ::-webkit-input-placeholder{
	color:#c7e0d3;
font-size:15px}
#contact input,#contact textarea{
	padding:10px 12px 12px;
	color:#fff;
font-size:16px}
#contact input:focus{
	border:1px solid #fff;
	outline:0;
box-shadow:0 1px 1px rgba(255,255,255,.075)}
#contact textarea:focus{
	border:1px solid #fff;
	outline:0;
box-shadow:0 1px 1px rgba(255,255,255,.075)}
#contact .btn-primary{
	background-color:#4cc0ff!important;
	border-color:#4cc0ff!important;
	border-radius:0;
	padding:6px 200px!important;
width:50%}
#call-to-action{
padding:50px 0}
#call-to-action .btn.btn-infos{
	border-radius:4px;
	padding:6px 20px;
	margin-top:2px;
float:right}
#call-to-action h3{
	color:#484848;
	font-size:26px;
	font-weight:400;
	padding-top:5px;
margin-bottom:0}
#footer{
	background-color:#1c1b21;
padding:50px 0}
#footer p{
	color:#00c98e;
padding-top:20px}
#footer h6{
	color:#fff;
padding-bottom:20px}
#footer ul{
	list-style:none;
padding:0}
#footer li>a{
	color:#00c98e;
	text-decoration:none;
font-size:13px}
#footer li>a:hover{
color:#4cc0ff}
#footer .social .fa{
	color:#000;
	border:none;
	background-color:#cdcdcd;
	padding:10px;
	width:35px;
	border-radius:50%;
text-align:center}
#footer .social i:hover{
	background-color:#4cc0ff;
	color:#fff;
cursor:pointer}
.copyright{
	background-color:#000;
padding:30px 20px}
.copyright p{
	color:#fff;
font-size:13px}
.copyright a{
color:#4cc0ff}
.copyright a:hover{
	color:gray;
text-decoration:none}
.copyright p:last-child{
	margin-top:-15px;
margin-bottom:0}
.top-banner{
	background-image:url(../images/banner01.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
width:100%}
.top-banner-caption{
padding:150px 20px 100px}
.top-banner-caption h2{
	font-weight:600;
	padding-bottom:10px;
	color:#fff}/*;
/*font-size:44px}*/
.top-banner-caption p{
color:#008c9e}
section#company-detail{
padding:100px 0}
#company-detail img{
width:100%}
.company-detail-description h2{
	letter-spacing:1px;
	color:#1a4e79;
padding-bottom:2px}
.col-md-6.company-detail-description{
padding-left:65px}
section#why-choose-us{
padding:100px 0}
#why-choose-us .text-center{
	text-align:center!important;
	padding-bottom:80px;
	font-weight:800;
	font-size:35px;
font-family: 'Inter', 'Noto Sans JP', sans-serif;!important}
.why-choose-description{
padding-right:45px}
#why-choose-us img{
width:100%}
.why-choose-description h2{
	letter-spacing:1px;
color:#181818}
.why-choose-description ul{
	list-style:none;
padding:0}
.why-choose-description .fa-angle-right:before{
	content:"\f105";
	color:#4cc0ff;
	font-weight:bolder;
font-size:25px}
.why-choose-description i.fa.fa-angle-right{
margin-right:10px}
.why-choose-description li{
	padding-bottom:20px;
	font-weight:bolder;
	font-family:Open sans!important;
	letter-spacing:.5px;
	color:#000;
font-size:17px}
.why-choose-description iframe{
width:100%}
#why-choose-us iframe{
width:100%}
#service-page-listing{
	padding:90px 0 40px;
	background-color:#fff;
overflow:hidden}
#service-page-listing h2{
margin-bottom:60px}
#service-page-listing .service-caption{
	background-color:#4cc0ff;
padding-top:40px}
#service-page-listing .service-img img{
width:100%}
#service-page-listing .service-inner-img{
padding:0 15px}
#service-page-listing .service-img{
margin-bottom:50px}
#service-page-listing .service-caption h5 a{
	padding:0 35px 5px 30px;
	font-weight:bolder;
	color:#f7fefe!important;
	font-size:26px;
	text-decoration:none;
	letter-spacing:1px;
display:inline-block}
#service-page-listing .service-caption p{
	padding:0 45px 0 35px;
	color:#eff9f6;
font-size:14px}
#service-page-listing .btn.btn-infos{
	background-color:#2d9cd8;
	color:#fefffd;
	font-weight:bolder;
	border-radius:4px;
margin-bottom:45px}
#service-page-call-to-action{
	background-image:url(../images/call_bg.jpg);
	background-position:center;

	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
border-bottom:1px solid #252527}
.call-to-action-caption{
padding:100px 20px}
.call-to-action-caption h3{
	font-weight:bolder;
	padding-bottom:10px;
	color:#fff;
	font-size:31px;
letter-spacing:2px}
.call-to-action-caption p{
	color:#fbfbf9;
font-size:18px}
#service-page-call-to-action .btn.btn-infos{
	border-radius:2px;
	padding:9px 21px;
	margin-top:40px;
	background-color:#4cc0ff;
	color:#fff;
	font-weight:600;
	border-radius:6px;
padding:7px 20px}
#step-details-page{
padding:110px 0 30px}
#step-details-page h4{
	padding-left:32px!important;
	color:#0c0c0c;
	font-weight:bolder;
	/*font-family:Open sans;*/
	font-family: 'Inter', 'Noto Sans JP', sans-serif;
letter-spacing:1px}
.step-details-content{
padding:40px 45px 0}
#step-details-page .step-details img{
width:100%}
#step-details-page .step-details p.step-date{
	width:25%;
	font-weight:400;
color:#fff}
#step-details-page .step-details-description{
	box-shadow:0 0 25px rgba(0,0,0,.08);
padding-bottom:45px}
#step-details-page .step-details-description h3{
	font-weight:bolder;
	color:#272727;
	padding-bottom:20px;
font-size:23px}
#step-details-page .step-details-description p{
	font-size:14px;
color:#505050}
#step-details-page .comments{
	margin-top:50px;
	padding:30px 0;
box-shadow:0 0 25px rgba(0,0,0,.08)}
#step-details-page .comments .comments-description{
	font-size:14px;
	padding-top:20px;
	padding-right:35px;
padding-left:40px}
#step-details-page .comments .comments-description p:last-child{
	float:right;
	text-align:right;
font-weight:bolder}
#step-details-page .comments .comments-description p>span{
color:#c5c5c5}
#step-details-page .comments .comments-img{
padding-top:20px}
#step-details-page .comments .comments-img img{
padding-left:36px}
#step-details-page .comments .comments-img p{
	font-weight:bolder;
	padding-top:15px;
text-align:center}
#step-details-page .comments .comments-img span{
	font-weight:100;
	border-bottom:none;
	color:#a9a9a9;
font-size:12px}
#step-details-page .post-comment{
padding:10px 0 20px}
#step-details-page .text-center .btn.btn-infos{
margin-top:50px!important}
.personal label{
	float:left;
	width:25%;
	font-size:18px;
	font-weight:bolder;
	color:#323232;
letter-spacing:1px}
.personal input[type=text],.personal textarea{
	width:75%;
	border:1px solid #d5d5d7;
	box-sizing:border-box;
margin-bottom:14px}
#step-details-page form{
	padding-left:30px;
	padding-right:28px;
margin-top:35px}
#step-details-page .form-control-lg{
	height:38px;
	border-radius:0;
margin-bottom:7px}
#step-details-page .post-comment .btn.btn-infos{
margin-left:255px!important}
section#get-in-touch{
	padding-top:110px;
padding-bottom:105px}
#get-in-touch .contact-form input[type=text],#get-in-touch .contact-form textarea{
	width:100%;
	margin-left:0;
	margin-bottom:8px;
border:1px solid #e3e3e3}
#get-in-touch .contact-form{
padding-right:80px}
#get-in-touch .contact-details{
}
#get-in-touch .contact-form{
	font-weight:bolder;
	font-size:18px;
	/*font-family:Open sans;*/
	font-family: 'Inter', 'Noto Sans JP', sans-serif;
font-weight:600}
#get-in-touch .contact-form .btn-primary{
	color:#fff!important;
	background-color:#4cc0ff!important;
	border-color:#4cc0ff!important;
	padding:10px 24px!important;
	cursor:pointer;
	font-weight:bolder;
margin-bottom:50px}
#get-in-touch .contact-form .form-control{
	background-color:transparent;
	border:1px solid #e1e2e5;
border-radius:3px}
#get-in-touch h4{
	color:#000;
padding-left:30px}
#get-in-touch .contact-details p{
	font-size:18px;
padding:40px}
#get-in-touch .contact-details{
box-shadow:0 0 25px rgba(0,0,0,.08)}
.contact-info{
padding:70px 40px}
.contact-form{
padding:40px}
#get-in-touch ::-webkit-input-placeholder{
	color:#e3e3e3;
	padding-left:10px;
font-size:13px}
#get-in-touch .contact-details .info-list{
	padding-left:40px;
padding-bottom:20px}
#get-in-touch .contact-details .info-list i{
	font-size:31px;
	color:#4cc0ff;
float:left}
#get-in-touch .contact-details p strong{
	padding-top:0;
	font-weight:bolder;
	/*font-family:Open sans;*/
	font-family: 'Inter', 'Noto Sans JP', sans-serif;
	letter-spacing:1px;
font-size:20px}
.info-list p{
	padding-left:55px!important;
	padding-top:0!important;
	font-size:20px!important;
	/*font-family:Open sans;*/
padding-bottom:0!important}
#get-in-touch iframe{
width:100%}
@media screen and (min-width:992px) and (max-width:1199px){
	.carousel-caption{
		padding:200px;
	max-width:100%}
	#services .enquiry{
	padding-left:30px}
}
@media screen and (min-width:768px) and (max-width:991px){
	.carousel-caption{
		padding:115px;
	max-width:100%}
	#banner-slider .btn.btn-infos{
		margin-bottom:55px;
	margin-top:35px}
	.navbar-light .navbar-toggler{
		color:#4cc0ff;
	border-color:#fff}
	.service{
	min-width:100%!important}
	.enquiry{
		min-width:80%;
	margin:auto}
	.navbar-light .navbar-nav .nav-link{
		padding:6px 0 8px!important;
		border-bottom:1px solid #fff;
	margin:0 22px}
	#about .about-description{
		min-width:100%;
	margin-right:50px}
	#about .about-img{
	min-width:100%}
	#about .btn.btn-infos{
	margin-bottom:20px}
	#footer img{
	width:100%}
	#footer .social .fa{
		padding:5px;
	width:27px}
	.company-detail-description{
		padding-left:15px!important;
		padding-top:30px!important;
	min-width:100%!important}
	.company-detail-img{
	min-width:100%!important}
	p.step-date{
		width:50%!important;
		top:-38px;
	padding:6px 12px}
	#step-details-page .comments .comments-description{
		padding-right:35px;
	padding-left:80px}
	#service-page-listing .service-caption h5 a{
	padding:0!important}
	#service-page-listing .service-caption h5{
	padding:15px}
	#service-page-listing .service-caption p{
	padding:0 15px}
}
@media screen and (min-width:825px) and (max-width:991px){
	.carousel-caption{
	padding:172px}
	ul.navbar-nav.ml-auto{
		background:rgba(0,0,0,.8);
		padding:20px 0;
	margin-top:35px}
}
@media screen and (min-width:481px) and (max-width:767px){
	#mainNav img{
	position:absolute}
	#get-in-touch .contact-details .info-list{
		padding-left:20px;
	padding-bottom:20px}
	#get-in-touch .contact-form{
	padding-right:45px}
	.personal input[type=text],.personal textarea{
	width:100%}
	#step-details-page .post-comment .btn.btn-infos{
		margin:0!important;
		display:inline-block;
	width:100%}
	#header.sticky{
	padding:30px 0}
	nav#mainNav{
	margin-top:-28px}
	.navbar-light .navbar-toggler{
		color:#4cc0ff;
		border-color:#fff;
	margin-top:15px}
	#banner-slider .carousel-item{
	height:500px}
	.carousel-item img{
	height:275px}
	.carousel-caption.d-none.d-md-block{
		width:80%;
	padding:20px}
	.d-none{
	display:block!important}
	.navbar-light .navbar-nav .nav-link{
		padding:6px 0 8px!important;
		border-bottom:1px solid #7a7777;
	margin:0 22px}
	#banner-slider h1{
	font-size:25px}
	#banner-slider p{
	font-size:15px}
	.carousel-indicators{
	padding-bottom:0}
	.btn.btn-infos{
		padding:5px 15px!important;
	margin-bottom:50px!important}
	.testimonial-description{
	padding:0 50px 0 90px}
	.testi-img{
		max-width:33%;
	margin:auto}
}
@media screen and (min-width:575px) and (max-width:767px){
	#counters .text-center{
		padding-bottom:50px;
	min-width:100%!important}
}
@media screen and (min-width:320px) and (max-width:480px){
	#mainNav img{
		width:65%;
	position:absolute}
	#get-in-touch .contact-details .info-list{
		padding-left:20px;
	padding-bottom:20px}
	#get-in-touch .contact-form{
	padding-right:45px}
	#header.sticky{
	padding:30px 0}
	.personal input[type=text],.personal textarea{
	width:100%}
	#step-details-page .post-comment .btn.btn-infos{
		margin:0!important;
		display:inline-block;
	width:100%}
	nav#mainNav{
	margin-top:-28px}
	.navbar-light .navbar-nav .nav-link{
		padding:6px 0 8px!important;
		border-bottom:1px solid #7a7777;
	margin:0 22px}
	.navbar-light .navbar-toggler{
		color:#4cc0ff;
		border-color:#fff;
	margin-top:15px}
	#banner-slider .carousel-item{
	height:500px}
	.carousel-item img{
	height:275px}
	.carousel-caption.d-none.d-md-block{
		width:75%;
	padding:20px}
	.d-none{
	display:block!important}
	#banner-slider h1{
	font-size:25px}
	#banner-slider p{
	font-size:15px}
	.carousel-indicators{
	padding-bottom:0}
	#banner-slider .btn.btn-infos{
		padding:5px 15px!important;
	margin-bottom:50px!important}
	#services .btn-primary{
	padding:10px 75px!important}
	#counters p{
	}
	#counters .text-center{
	padding-bottom:50px}
	#about .btn.btn-infos{
	margin-bottom:20px}
	#about h2{
	font-size:25px}
	.owl-carousel .owl-item img{
	padding-left:90px}
	.testimonial-description{
	padding:0 50px 0 90px}
	.testi-img{
		margin:auto;
		max-width:100%;
	padding-top:20px}
}
@media screen and (min-width:320px) and (max-width:892px){
	ul.navbar-nav.ml-auto{
		background:rgba(0,0,0,.8);
		padding:20px 0;
	margin-top:35px}
}
@media screen and (min-width:320px) and (max-width:767px){
	.navbar-light .navbar-toggler{
		color:#4cc0ff;
		border-color:#fff;
	cursor:pointer}
	.why-choose-description{
	padding-right:15px!important}
	.our-client{
	padding-bottom:40px}
	#contact .btn-primary{
		padding:6px 125px!important;
	width:100%}
	.recent-step{
		padding:35px;
	min-width:100%}
	.company-detail-description{
		padding-left:15px!important;
	padding-top:35px!important}
	#why-choose-use .why-choose-description{
	padding:0!important}
	#get-in-touch .contact-details{
	padding-left:0}
	#get-in-touch .contact-form{
	padding-left:45px}
	#step-details-page .step-details p.step-date{
		width:90%;
	top:-35px}
	#step-details-page h4{
		padding-left:0!important;
	text-align:center}
	#step-details-page .comments .comments-img{
	text-align:center}
	#step-details-page .comments .comments-img img{
	padding-left:0}
	#step-details-page .comments .comments-description{
		padding-right:35px;
	padding-left:35px}
	p.step-date{
		position:relative;
		top:-38px;
		border:1px solid #4cc0ff;
		background-color:#4cc0ff;
		padding:6px 20px;
		color:#fff;
	width:46%}
	#step-details-page .step-details-description h3{
	font-size:20px}
	#step-details-page .post-comment h4{
		text-align:left;
	padding-left:15px!important}
	#step-details-page .post-comment .personal label{
		float:none!important;
	width:100%}
	.personal input[type=text],.personal textarea{
	margin-left:0}
	#service-page-listing .service-inner-img{
	padding:0 5px}
	#service-page-listing .service-caption h5{
	}
	#service-page-listing .service-caption h5 a{
		padding:0;
	font-size:22px}
	#service-page-listing .service-caption h5{
	padding:0 15px}
	#service-page-listing .service-caption p{
	padding:0 20px}
	#service-page-listing .btn.btn-infos{
		margin-bottom:19px;
	margin-top:-7px}
}
@media screen and (min-width:992px) and (max-width:1100px){
	p.step-date{
	width:48%!important}
}
#banner-slider .carousel-caption h2 span {
    font-size: 67px; /* お好みで調整 */
}
#footer .col-md-2 {
    margin-left: 560px; /* 調整可能 */
}