/*
Project:	Finex - Multipurpose Business and Corporate HTML5 Template
Version:	1.0.0
Assigned to:	Themeforest
Primary use:	
 */

/*=======================================================================
[Table of contents]
=========================================================================
[1] Home
    1.Header
    2.Slider
	3.About Content
    4.Service
	5.Team
    6.Filter Project
	7.Testmonial
	9.Counter
	10.Blog
    11.Client
    12.Footer
[2] Services Page
    1.Breadcrumb
    2.services nav
    3.services Content
[3] Services Details
[4] Blog Page
[5] Blog Details
[6] Error Page
[7] Project Single
==========================================================================*/

a {
    color: #47845E;
    text-decoration: underline;
}
a:hover {
  color: black;
}
.themeBtn {
    text-decoration: none;
}
.themeBtn2 {
    text-decoration: none;
}
.themeBtn3 {
    text-decoration: none;
}
.button-list {
    text-decoration: none;
}

.only-sp {
  display: none;
}

@media only screen and (max-width: 991px) {
  .only-pc {
    display: none;
  }
  .only-sp {
    display: block;
  }
}

/**==================== Header ======================**/
 .headertop {
     padding: 28px 0 33px;
}
 .logo{
}
 .logo a{
     display: block;
}
 .singMiddInfo{
     position: relative;
     padding-left: 50px;
     float: left;
     padding-top: 13px;
     margin-left: 32px;
}
 .singMiddInfo.phone{
     margin-left: 0;
}
 .singMiddInfo i{
     font-size: 26px;
     color: #218834;
     line-height: .8;
     position: absolute;
     left: 0;
     top: 5px;
     text-align: center;
     padding: 13px 10px;
}
 .singMiddInfo h4{
     color: #2c3e50;
     font-size: 14px;
     margin-bottom: 7px;
}
 .singMiddInfo p, .singMiddInfo a{
     color: #ababab;
     font-size: 12px;
     margin: 0;
     line-height: .8;
     display: block;
}
 .singMiddInfo a:hover{
     color: #218834;
}
 .headMiddBtn {
     margin: -2px 0;
}
 .headMiddBtn a {
     background: #218834;
     color: #fff;
     display: inline-block;
     font-size: 15px;
     font-weight: 700;
     height: 51px;
     line-height: 0.8;
     padding: 18px 21px;
     text-align: center;
     text-shadow: 1px 0px 1px rgba(0, 0, 0, .30);
}
 .headMiddBtn a:hover{
     color: #2C3E50;
}
 .preloader {
     background: #fff none repeat scroll 0 0;
     height: 100%;
     width: 100%;
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 99999;
}
 .header{
    position: fixed;
    z-index: 5;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    margin-bottom: 0;
    padding-bottom: 0;

}
 .header2{
    width: 100%;
    background-color: rgba(0,0,0);
    margin-bottom: 0;
    padding-bottom: 0;

}
 .siteTop{
    width: 100%;
    background-color: #000000;
    margin-bottom: 0;
    padding-bottom: 0;
    height: 72px;

}

/* .header.fixedHeader{
	 background: #218834;
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     width: 100%;
     z-index: 999;
}*/

.logo {
    padding: 0px 20px;
}
 .mainnav ul{
     line-height: .8 
}
 .mainnav ul li {
     display: inline-block;
     margin-right: 36px;
     margin-top: 31px;
     padding-bottom: 26px;
     position: relative;
}
 .mainnav ul li a{
     display: block;
     color: #fff;
     font-size: 14px;
     line-height: .8;
     text-transform: uppercase;
     font-weight: 400;
}
 .mainnav ul li:hover > a, .mainnav ul li.active a{
     color: #f1f1f1;
}

 .mainnav ul ul.sub-menu {
     background: #222;
     left: 100%;
     opacity: 0;
     position: absolute;
     top: 50px;
     visibility: hidden;
     width: 200px;
     z-index: 1;
     margin-left: -100px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
}
 .mainnav ul li:hover ul.sub-menu{
     top: 37px;
     opacity: 1;
     visibility: visible;
     z-index:2;
}
 .mainnav ul ul.sub-menu li {
     border-bottom: 1px solid #333;
     display: block;
     margin: 20px 20px 0px 20px ;
     padding-bottom: 20px;
}
 .mainnav ul ul.sub-menu li:last-child{
     border-bottom: none;
}
 .mainnav ul ul.sub-menu li a{
     color: #fff;
     font-size: 14px;
     text-transform: capitalize;
}
 .mainnav ul ul.sub-menu li a:hover{
     color: #218834;
}
ul.sub-menu li {
    text-align: left;
}

 
/**==================== Slider ======================**/
 .sliderSection{
     position: relative;
     margin: auto;
     width: 100%;
}
 .sliderSection .tp-banner{
     width: 100%;
     height: 860px;
     position: relative;
     overflow: hidden;
}
 .slider_image:before {
     position: absolute;
     content: "";
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
    z-index:1;
}

 .theme_slider_title span {
    color:#218834;
}
 .slider-text {
     top: 50%;
     width: 100%;
     left: 0;
     margin-top: -90px;
     position:absolute;
     color: #fff;
   z-index:2;
}
 #main_slider figure {
     position:relative;
}
 .theme_slider_pre_title {
     font-size: 16px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: 400;
}
 .theme_slider_title {
     font-size: 40px;
     padding: 15px 0;
     margin-bottom: 10px;
     line-height: 1.2em;
     text-transform: capitalize;
     letter-spacing: 1.2px;
     color:#fff;
}

 #main_slider .owl-controls .owl-nav {
     position: absolute;
     top: 50%;
     width: 100%;
     margin-top: -21px;
}
 #main_slider .owl-controls .owl-nav .owl-prev:hover, #main_slider .owl-controls .owl-nav .owl-next:hover{
 background-color: #218834;
}
 #main_slider .owl-controls .owl-nav .owl-prev {
     float: left;
     margin-top: 0px;
     margin-left: 20px;
     padding: 10px 20px;
     font-size: 22px;
     background-color: #29282e;
}
 #main_slider .owl-controls .owl-nav .owl-next {
     float: right;
     margin-top: 0px;
     margin-right: 20px;
     padding: 10px 20px;
     font-size: 22px;
     background-color: #29282e;
}
 .slider-text p {
     font-size: 16px;
     margin-bottom: 30px;
     color:#fff;
}
 .sliderBtn .themeBtn.bgwhite {
     margin-left: 15px;
}

/**==================== About Content ======================**/
 .aboutitle{
     font-size: 28px;
     line-height: 30px;
     color: #2c3e50;
     margin-bottom: 20px;
}
 .aboutcontain {
     margin-top: 30px;
     padding:0 30px;
}
 .aboutcontain p{
     margin-bottom: 26px;
}
.aboutimg img{
width:100%;
}
#about_sec{
padding-top: 25px
}
/*======================================================================= service =========================================================================*/
 .teammatesSec{
     padding-top: 90px;
     padding-bottom: 70px;
}
 .service {
     background: #fff;
     padding:70px 35px 70px 35px;
         margin: 20px 0;
}
 .service:hover{
     background: #218834;
     color:#fff;
}
 .service:hover .service-icon i, .service:hover .service-text h2{
     color:#fff;
}
 .service-icon i{
     color: #218834;
     font-size: 40px;
     margin-bottom: 30px;
     display: inline-block;
     transition: 0.5s ease-in-out;
     -webkit-transition: 0.5s ease-in-out;
     -o-transition: 0.5s ease-in-out;
     -moz-transition: 0.5s ease-in-out 
}
 .service-text h2{
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 10px;
     font-style: normal 
}
 .singleWedo p{
     color: #848484;
}
/**==================== Team ======================**/
 .team_sect figure {
     position: relative;
}
 .team-info.text-center {
       padding: 25px 0 10px 0;
    background-color: #f0f0f0;
}
 .team-social {
  top:0;
	     position: absolute;
    width: 86%;
    height: 86%;
    float: left;
        padding: 37% 0 0 0;
    z-index: 2;
    opacity: 0;
    margin: 7% 0 0 7%;
    transition: all 0.3s ease-out 0s;
    background-color: #218834;
	text-align:center;
}
.team-social a:hover .fa{
	color: #218834;
}
 .team-social a {
      padding: 7px 5px;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    height: 35px;
    display: inline-block;
    width: 35px;
    text-align: center;
    margin: 0 5px;
    line-height: 1.4em;
    background: #fff;
}
 .team-social a .fa{
     color:#000;
     font-size:14px;
}
 .team_sect:hover {
     opacity: 1;
}
 .team_sect:hover .team-info .title{
     color:#218834;
     cursor:pointer;
}
 .team_sect:hover .team-social{
     opacity: 1;
}

 .teamSec {
     padding-bottom: 70px;
     padding-top: 13px;
}

 .teamImg img{
     width: 100%;
     height: auto;
}
 .teamDec{
     margin-left: 15px;
}
 .teambg{
     position: relative;
     margin-bottom: 11px;
}
 .teambg:after{
     width: 60px;
     height: 2px;
     background: #218834;
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
}
 .teamTitle{
     font-size: 16px;
     color: #000;
     line-height: 30px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 3px;
}
 .teamDeg{
     font-size: 14px;
     color: #acacac;
     padding-bottom: 15px;
}
/**==================== Filter Project ======================**/
 .index .commonSection.fillterProject .fillterNav {
     text-align:right;
}
 .index .commonSection.fillterProject .fillterNav .filter:last-child {
     margin-right: 0px;
}
#project_sec{
padding-top:20px;
}
 .fillterNav {
     margin-bottom: 50px;
     margin-top: 5px;
     text-align:center;
}
 .fillterNav li{
     font-size: 16px;
     line-height: .8;
     color: #000000;
     font-weight: 400;
     cursor: pointer;
     display: inline-block;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
     margin-right: 30px;
}
 .fillterNav li:hover, .fillterNav li.active{
     color: #218834;
}
 .mix{
     display: none;
}
 .singlePortfolio{
     position: relative;
}
 .singlePortfolio:hover .portfolioImg:after{
     visibility: visible;
     opacity: .8;
     width: 100%;
     height: 100% 
}
 .portfolioImg img{
     width: 100%;
     height: auto;
     position: relative;
}
 .project_secs {
    padding: 0px;
    margin: 0px;
}
 .portfolioHover {
     position: absolute;
     text-align: center;
     height: 40px;
     left: 0;
     right: 0;
     top: 20px;
     bottom: 0;
     margin: auto;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all 700ms ease;
     -moz-transition: all 700ms ease;
     -ms-transition: all 700ms ease;
     -o-transition: all 700ms ease;
     transition: all 700ms ease;
}
 .singlePortfolio:hover .portfolioHover{
     visibility: visible;
     opacity: 1;
     top: 0;
}
 .portfolioImg:after{
     content: '';
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     width: 85%;
     height: 85%;
     background: #218834;
     position: absolute;
     margin: auto;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .portfolioHover a{
     border: 1px solid #fff;
     color: #fff;
     height: 40px;
     line-height: 0.8;
     margin: auto;
     padding: 13px;
     width: 40px;
     font-size: 12px;
     display: inline-block;
     margin-right: 5px;
}
 .portfolioHover a:hover{
     color: #fff;
     border-color: #fff;
}

/**==================== Testmonial ======================**/
 .testmonial {
     padding: 0px 0 65px;
}
 .singleTest {
     background: #f0f0f0;
     padding: 32px 20px 27px;
}
 .singleTest p{
     font-size: 15px;
     color: #848484;
     line-height: 30px;
}
 .testcarHeadding {
     margin-bottom: 30px;
}
 .testmonialinner {
     margin-top: 38px;
}
 .testmonialinner h2{
     font-size: 16px;
     color: #010101;
     text-transform: uppercase;
     position: relative;
}
 .testmonialinner p{
     color: #848484;
     margin: 0;
}
 .testmonialsec .owl-controls {
     margin-top: 50px;
}
 .testmonialsec.owl-theme .owl-dots .owl-dot.active span, .testmonialsec.owl-theme .owl-dots .owl-dot:hover span {
     background: #218834;
}
 .testmonialsec.owl-theme .owl-dots .owl-dot span {
     margin: 0 5px;
     border: 1px solid #218834;
     background: transparent;
}
/**==================== Counter ======================**/
 .promo_sec{
     padding: 92px 0 102px;
	background-image: url(../images/background/1.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    display: table;
    width: 100%;
}
/* count*/
div#counter {
    padding: 40px 0;
}
#stats{
    background-image: url(../images/counter/bgcounter.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
  
    position: relative;
    padding: 0;	
}
#stats:before, .promo_sec:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
  
}
#stats span {
	 margin: 5px 0;
    font-size: 50px;
    color: #fff;
     font-weight: 500;
    line-height: 1.1;
    padding: 0px;
    font-family: 'Poppins', sans-serif;
	display:block;
}
#stats p{
color:#fff;
}
.sta .box-container {
	width: 50%;
}
.sta .box-container .inner {
	max-width: 400px;
	text-align: left;
	float: right;
}
.countdown {
    margin-bottom: 60px;
    text-align: center;
    margin-top: 60px;
}
.counticon i {
    font-size: 40px;
    color: #218834;
}
.counticon h1 {
    color: #fff;
}
.counticon h3 {
   color: #fff;
    letter-spacing: 2px;
    font-weight: 500;
   font-size:18px;
   line-height:20px;
}

/**==================== Blog  ======================**/
 .blogNews{
     padding-bottom: 20px;
}
 .newsBlogIn{
     position: relative;
     top: -40px;
}
 .singleBlog{
     background: #fff;
}
 .blog_cont {
     padding: 0 16px 9px;
}
 .blog_imag img{
    width: 100%;
    height: 152px;
    object-fit: cover;
}
 .blog_tit {
    color: #000000;
    font-size: 18px;
    font-weight: 900;
    line-height: 30px;
    margin-top: 17px;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}
 .blog_tit2 {
    font-size: 14px;
}
 .blog_cont p{
     font-size: 15px;
     line-height: 30px;
     color: #848484;
     margin-bottom: 20px;
}
 .blog_cont2 p{
     font-size: 13px;
     line-height: 25px;
     padding-bottom: 20px;
}
 .sbrm{
     font-size: 14px;
     font-style: italic;
     color: #218834;
     position: relative;
     display: inline-block;
     font-weight: 400;
}
 .sbrm:hover:before{
     width: 113px;
}
 .sbrm i{
     margin-left: 12px;
}
 .newsBlogIn .singleBlog{
     margin-bottom: 0;
}
 .blog_sec{
     text-align:center;
}

 .blogSec2{
     border: 1px solid #dfdfdf;
     height: 480px;
}
 .blogSec2-mobile{
     border: 1px solid #dfdfdf;
}
 .blogSec3{
     border: 1px solid #dfdfdf;
     height: 580px;
}
 .blogSec3-mobile{
     border: 1px solid #dfdfdf;
}
 .meta {
     font-style: italic;
     line-height: 0.8;
     margin:7px 0 10px;
     font-size: 14px;
}
 .meta a{
     color:#afafaf;
     margin-left: 5px;
}
 .meta a:first-child{
     margin-left: 0;
}
 .meta a:hover{
     color: #000;
}
 .index .blogSec2 p{
     margin-bottom: 2px;
}
 .blogSec2 p{
     margin-bottom: 27px;
}
 .siBlogThumb{
     position: relative;
     padding-left: 136px;
     min-height: 123px;
}
 .siBlogThumb img{
     position: absolute;
     left: 0;
     top: 0;
     width: 120px;
     height: 94px;
}
 .thumbBtitle{
     font-size: 16px;
     line-height: 18px;
     margin-bottom: 8px;
}
 .meta.thumbBlog{
     font-size: 13px;
     margin-bottom: 4px;
}
 .siBlogThumb p{
     font-size: 14px;
     color: #848484;
     line-height: 24px;
     margin: 0;
}

/**==================== Client ======================**/
 .partnerSec{
     padding: 40px 0;
     background-color:#f0f0f0;
}
 .partnerClient{
     height: 90px;
     position: relative;
}
 .partnerClient img{
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto;
}
/* FOOTER
====================================================*/
footer {
    float: left;
    width: 100%;
}
#footer {
	background: #252525;
}
#footer .inside {
	display: flex;
	flex-direction: column;
   padding: 40px 0;

}
#footer .inside h4 {
	color: #999;
	font-size: 1.7rem;
	margin-bottom: 10px;
}
#footer .inside p {
	color: #fff;
	font-size: 1.7rem;
	font-weight: 300;
    line-height: 1.4;    
}
#footer .inside p>a {
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#footer .inside p>a:hover {
	color: #218834;
	text-decoration: none;
}
.contact-info {
    text-align: center;
}
 #footer .inside .social {
	text-align:center;
	padding-top: 45px;
}
#footer .bottom-footer {
	background: #1c1c1c;
	display: block;
	width: 100%;
}
#footer .bottom-footer p {
	color: #808080;
	font-size: 1.4rem;
	padding: 30px 8%;
    line-height: 1.4; 
    text-align:center;	
	margin-bottom:0px;
}
.footer-menu a{
    color: #ffffff;
}
.footer-menu a:hover{
    color: #94D6DA;
}

.social i {
    display: inline-block;
    color: #999999;
    font-size: 2rem;
    padding: 12px;
    text-align: center;
    width: 48px;
    height: 48px;
    border: 1px solid #464646;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.social i:hover {
	background: #218834;
	color: #fff;
	border: 1px solid #218834;
}


/**==================== Breadcrumb ======================**/
 .breadcrumbSec{
     position: relative;
	 background-size: cover;
	 background-position: center;
}
 .breadcrumbSec:before{
 content: "";
    background-color: #0B9D34;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}
 .breadTitle{
     font-size: 28px;
     font-weight: 700;
     margin-bottom: 23px;
	 color:#fff;
}

@media (max-width: 767px) {
  .breadTitle{ margin-top: 10px; margin-bottom: 3px;}
}
 .breadCumpNav{
     line-height: .8;
	 color:#fff;
}
@media (max-width: 767px) {
  .breadCumpNav{ margin-bottom: 10px;}
}
 .breadCumpNav a{
     font-size: 16px;
     color: #fff;
     font-weight: 400;
     text-transform: capitalize;
     line-height: .8;
}
 .breadCumpNav i{
     font-size: 16px;
     margin: 0 5px;
	 color:#fff;
}
 .breadCumpNav a:hover{
     color: #218834;
}


/*======================================================================= // Services Page =========================================================================*/
 .servicesContent{
     padding-top: 90px;
     padding-bottom: 60px;
}
 .servicesDetails .title{
     margin-bottom:20px;
}
/**================ services nav ================== **/
 .servicesNav{
     background: #f1f1f1;
}
 .servicesNav li:last-child{
     border-bottom: none;
}
 .servicesNav li{
     line-height: .8;
     border-bottom: 1px solid #dfdfdf;
}
 .servicesNav li.active{
     position: relative;
}
 .servicesNav li.active:after{
     position: absolute;
     right: 13px;
     content: '\f105';
     top: 18px;
     font-family: FontAwesome;
     font-size: 16px;
     line-height: .8;
     color: #218834;
}
 .servicesNav li a{
     color: #2c3e50;
     line-height: .8;
     display: block;
     padding: 19.6px 16px;
}
 .servicesNav li a:hover, .servicesNav li.active a{
     background: #2c3e50;
     color: #218834;
}
 .pdfDownload {
     padding-left: 17px;
     padding-top: 40px;
}
 .downloadTitle{
     font-size: 16px;
     font-weight: 700;
     color: #2c3e50;
     margin-bottom: 25px;
}
 .downloadpdflink{
}
 .downloadpdflink a{
     display: block;
    ;
     color: #8a8a8a;
     line-height: .8;
     margin-bottom: 14px;
}
 .downloadpdflink a:hover{
     color: #218834;
}
 .downloadpdflink a i{
     margin-right: 8px;
}
/**================ services Content ================== **/
 .singleServices{
     border: 1px solid #dfdfdf;
     margin-bottom: 30px;
}
 .servicesImg {
     margin-bottom: 8px;
}
 .servicesImg img{
     width: 100%;
     height: auto;
}
 .servicesCont {
     padding: 0 10px;
}
 .servicesCont p{
     color: #848484;
}
 .servictitle{
     font-size: 16px;
     line-height: 30px;
     text-transform: uppercase;
}
 .servicRead{
     font-style: italic;
     line-height: .8;
     position: relative;
     display: inline-block;
     padding-bottom: 15px;
}
 .servicRead:hover:after{
     width: 100px;
}
 .servicRead::before {
     background: #218834 none repeat scroll 0 0;
     bottom: 0;
     content: "";
     height: 2px;
     left: -6px;
     position: absolute;
     width: 100px;
}
 .servicRead::after{
     background: #000;
     bottom: 0;
     content: "";
     height: 2px;
     left: -6px;
     position: absolute;
     width: 0;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .servicRead i{
     margin-left: 15px;
}
/*======================================================================= // Services Details =========================================================================*/
 .servicesDetails {
     padding-bottom: 50px;
     padding-top: 40px;
}
 .servicesDetailsCont{
     margin-top: -10px;
}
 .servicesDetailsCont p{
     color: #8a8a8a;
     margin-bottom: 30px;
}
 .servicesdetaImg{
}
 .serdetaImg{
     margin-bottom: 30px;
}
 .serdetaImg img{
     width: 100%;
     height: auto;
}
/*======================================================================= // Blog =========================================================================*/
 .blogSection{
     padding: 60px 0;
}
#blog_Sec{
padding-bottom:20px;
}
 .singleBlog{
     margin-bottom: 30px;
}
 .sblogImg{
     margin-bottom: 28px;
}
 .sblogImg img{
     width: 100%;
     height: auto;
}
 .blogTitle{
     line-height: 26px;
     font-size: 20px;
     margin-bottom: 13px;
}
 .blogMeta, .blogMeta a{
     line-height: .8;
     color: #afafaf;
     font-style: italic;
}
 .blogMeta a:hover{
     color: #218834;
}
 .blogMeta {
     margin-bottom: 17px;
}
 .blogMeta span {
     margin: 0 0 0 4px;
}
 .sblogDec {
     margin-bottom: 30px;
}
 .blogReadmore{
     background: #218834 none repeat scroll 0 0;
     color: #fff;
     display: inline-block;
     font-size: 15px;
     font-weight: 700;
     height: 51px;
     line-height: 0.8;
     padding: 18px 30px;
     text-align: center;
     text-shadow: 1px 0 1px rgba(0, 0, 0, 0.3);
}
 .blogReadmore:hover{
     color: #fff;
     background: #333;
}
 .search{
     position: relative;
}
 .search input{
     width: 100%;
     background: #eeeeee;
     border: none;
     height: 50px;
     font-size: 14px;
     color: #797979;
     padding: 0 20px ;
     font-style: italic;
}
 .search button{
     position: absolute;
     right: 0;
     top: 0;
     background: #218834;
     font-size: 14px;
     color: #fff;
     height: 50px;
     width: 57px;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .search button:hover{
     color: #333;
}
 .widget{
}
 .widgetTitle{
     font-size: 20px;
     margin-bottom: 45px;
}
 .widgetList{
}
 .widgetList li {
     border-bottom: 1px solid #eeeeee;
     line-height: 1.2;
     margin: 18.5px 0 0;
     padding-bottom: 18.5px;
     padding-left: 13px;
     position: relative;
}
 .widgetList li:after{
     content: '\f0da';
     color: #218834;
     font-family: FontAwesome;
     left: 0;
     top: 0;
     position: absolute;
}
 .widgetList li a{
     font-size: 14px;
}
 .widgetList li a:hover{
     padding-left: 5px;
     color: #218834;
}
 .singleRecPost{
     position: relative;
     padding-left: 100px;
     min-height: 112px;
     padding-top: 8px;
}
 .singleRecPost img{
     position: absolute;
     left: 0;
     top: 0;
     width: 83px;
     height: 83px;
}
 .recPostTitle{
     font-size: 16px;
     color: #000000;
     line-height: 26px;
     margin-bottom: 9px;
}
 .singleRecPost:last-child {
     min-height: 83px;
}
/*======================================================================= // Blog Details =========================================================================*/
 .singleBlogDetails{
     margin-bottom: 31px;
}
 .blogDetailsDec{
}
 .blogDetailsDec p{
     color: #848484;
     margin-bottom: 31px;
}
 .blogDetailsDec blockquote{
     border: none;
     padding: 0;
     margin: 0 0 30px;
}
 .blogDetailsDec blockquote p{
     font-size: 16px;
     color: #393939;
     font-weight: 700;
}
 .socialShare{
     border-top: 1px solid #eeeeee;
     border-bottom: 1px solid #eeeeee;
     padding: 16px 12px;
     margin-bottom: 30px;
}
 .socialShare p{
     color: #a5a5a5;
     font-weight: 600;
}
 .socialShare p, .shareSocial{
     display: inline-block;
     margin: 0;
}
 .shareSocial span{
     color: #303030;
     font-weight: 600;
     margin-right: 3px;
}
 .shareSocial{
     float: right;
}
 .shareSocial a{
     color: #a5a5a5;
     font-size: 12px;
     margin-right: 10px;
     display: inline-block;
}
 .shareSocial a:last-child{
     margin-right: 0;
}
 .shareSocial a:hover{
     color: #218834;
}
 .fullwidthAuthor{
     background: #f6f6f6;
     margin-bottom: 60px;
}
 .fwaIn{
     position: relative;
     padding-left: 185px;
     min-height: 168px;
     padding-top: 32px;
}
 .fwaIn img{
     position: absolute;
     left: 0;
     top: 0;
     width: 170px;
     height: 168px;
}
 .fwaIn h2{
     font-size: 18px;
     line-height: .8;
     color: #000;
     font-weight: 600;
     margin-bottom: 13px;
}
 .fwaIn p{
     line-height: 24px;
     color: #848484;
}
 .fwaSocial{
     line-height:1.9;
}
 .fwaSocial a{
     font-size: 12px;
     color: #c7c7c7;
     display: inline-block;
     margin-left: 10px;
}
 .fwaSocial a:hover{
     color: #218834;
}
 .comment {
     margin-bottom: 58px;
}
 .commentTitle{
     font-size: 20px;
     color: #1b2c3e;
     margin-bottom: 30px;
}
 .singleComment {
     min-height: 95px;
     padding-left: 123px;
     padding-top: 4px;
     position: relative;
     border-bottom: 1px solid #eeeeee;
     margin-bottom: 20px;
     padding-bottom: 15px;
}
 .singleComment img{
     width: 100px;
     height: 95px;
     position: absolute;
     left: 0;
     top: 0;
}
 .singComTitle{
     font-size: 18px;
     margin-bottom: 12px;
}
 .comdate{
     font-size: 13px;
     color: #1b2c3e;
     margin-bottom: 7px;
}
 .singleComment p{
     font-size: 14px;
     line-height: 24px;
     color: #979797;
}
 .comreplay {
     line-height: 0.8;
     position: absolute;
     right: 0;
     top: 3px;
     font-size: 13px;
     color: #1b2c3e;
     font-weight: 600;
}
 .commentForm input{
     width: 100%;
     height: 55px;
     border: 1px solid #e6e6e6;
     margin-bottom: 15px;
     padding: 15px;
     font-size: 14px;
     line-height: 24px;
     color: #797979;

}
 .commentForm textarea{
     width: 100%;
     height: 195px;
     resize: none;
     border: 1px solid #e6e6e6;
     padding: 15px;
}
 .commentForm button{
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;
}
 .formmargin{
     margin-bottom: 15px;
}
 #contactForm .reqError{
     border-color: #218834;
}
/*======================================================================= // Contact Page =========================================================================*/

 #map {
     width:100%;
     height:100%;
          position: relative;
}
 #map iframe{
     width: 100%;
     height: 360px;
     border: none;
}

 .contAddress {
     margin-top: -6px;
}
 .singleContadds{
     position: relative;
     padding-left: 30px;
     margin-bottom: 15px;
}
 .singleContadds i{
     position: absolute;
     left: 0;
     top: 6px;
     font-size: 16px;
     color: #218834;
}
 .singleContadds p{
     margin: 0;
     line-height: 24px;
}
 .singleContadds a {
     display: block;
     line-height: 24px;
     margin-bottom: 0;
     color: #858585;
}
 .singleContadds a:hover{
     color: #218834;
}
 .singleContadds.phone{
}
 .singleContadds.phone p{
     color: #272727;
}
 .singleContadds.phone p span{
     color: #858585;
}
 .contactSocial{
     padding-left: 33px;
}
 .contactSocial a{
     display: inline-block;
     color: #1b2c3e;
     font-size: 12px;
     margin-right: 12px;
}
  
/*======================================================================= // Error Page =========================================================================*/
 .errorPage {
     padding: 148px 0 133px;
}
 .errorIn h1{
     font-size: 350px;
     color: #333333;
     font-weight: 900;
     margin-bottom: 90px;
}
 .errorIn h2{
     font-size: 24px;
     color: #000;
     margin-bottom: 25px;
}
 .errorIn p{
     font-size: 14px;
     color: #898989;
     line-height: 26px;
}
/*======================================================================= // Project Single =========================================================================*/
 .projectSingleSec{
     padding-top: 90px;
     padding-bottom: 50px;
}
 .singleProCaro {
     margin-bottom: 200px;
}
 .singleProCaro ol.carousel-indicators {
     bottom: -138px;
     display: inline-block;
     left: 0;
     margin: 0;
     padding: 0;
     position: absolute;
     text-align: left;
     width: 100%;
}
 .singleProCaro .carousel-indicators li {
     background-color: rgba(0, 0, 0, 0);
     border: 3px solid transparent;
     border-radius: 0;
     cursor: pointer;
     display: inline-block;
     height: 108px;
     margin: 0 20px 0 0;
     text-indent: inherit;
     width: 169px;
}
 .singleProCaro .carousel-indicators li img{
     width: 100%;
     height: 100%;
}
 .singleProCaro .carousel-indicators li.active{
     border-color: #218834;
}
 .singleProCaro .carousel-control {
     background: #a9a7a2 none repeat scroll 0 0;
     bottom: 0;
     color: #000;
     font-size: 20px;
     height: 43px;
     left: 0;
     line-height: 0.8;
     margin: auto;
     opacity: 1;
     padding: 12px 13px;
     position: absolute;
     text-align: center;
     top: 0;
     width: 43px;
     text-shadow: none;
     -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
     transition: all 500ms ease;

}
 .singleProCaro .carousel-control:hover i{
     color: #218834;
}
 .singleProCaro .carousel-control i{
     color: #fff;
}
 .singleProCaro .carousel-control.right {
     left: auto;
     right: 20px;
}
 .singleProCaro .carousel-control.left{
     left: 20px;
}
 .proDetaTitle{
     font-size: 20px;
     margin-bottom: 26px;
}
 .projectDetais p{
     font-size: 14px;
     line-height: 30px;
     margin-bottom: 33px;
}
 .projectSininTitle{
     font-size: 20px;
     color: #000;
     margin-bottom: 17px;
}
 .projectSingleInfo{
     margin-bottom: 60px;
}
 .projectSingleInfo ul{
}
 .projectSingleInfo ul li{
     line-height: .8;
     border-bottom: 1px solid #eeeeee;
     display: block;
     padding: 19px 0;
}
 .projectSingleInfo ul li span{
     color: #393939;
}
 .projectSininTitle.two{
     margin-bottom: 25px;
}
 .preloader {
     background: #fff none repeat scroll 0 0;
     height: 100%;
     width: 100%;
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 99999;
}
 .preloader img{
     width: 80px;
     height: 80px;
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     margin: auto;
}
 .showit {
     background: #218834;
    bottom: 100px;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 0.8;
    padding: 10px 12px;
    position: fixed;
    right: 50px;
    text-align: center;
    width: 40px;
    z-index: 99;
}
 .showit i{
     color: #fff;
}
 .showit:hover{
     background: #333;
}

.mod-sm-hr {
    margin: 0 0 20px;
}

.flow {
    padding: 20px 0 30px;
}

.flow-inner {
    margin: 0;
}

ul.flow-list {
    padding: 0;
    margin: 0 15px 0;
}

ul.flow-list li {
    width: 100%;
    margin-right: 0%;
    background: #fff;
    float: none;
    padding: 15px 15px 30px;
    margin-bottom: 20px;
}

ul.flow-list li:last-child {
    margin-right: 0;
}

ul.flow-list li .heading-level4 p {
    text-align: left;
}

ul.flow-list li .heading-level4 .point {
    line-height: 1.6em;
    text-align: center;
}

.flow small {
    color: #8999a1;
    display: block;
}


.small, small {
    font-size: 85%;
}

/* -----h3----- */

.heading-level3 {
    position: relative;
    margin: 0 0 20px;
    border-bottom: solid 2px #ddd;
}

.heading-level3 h3 {
    height: 38px;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
}

.heading-level3:after {
    content: "";
    position: absolute;
    display: block;
    width: 100px;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #2fa139;
}

.heading-level4 {
    position: relative;
    padding: 0;
    line-height: 140%;
    color: #000;
    text-align: center;
    margin-top: 20px;
}

.heading-level4 h4 {
    font-size: 13px;
}

.heading-level4 h3 {
    font-size: 13px;
    line-height: 1.4em;
}

.heading-level4 .point {
    display: block;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 15px;
    font-family: "azo-sans-web", sans-serif;
    padding-bottom: 20px;
}

.heading-level4 .number {
    font-size: 22px;
    margin-left: .3em;
    color: #2fa139;
}

.heading-level4:after {
    position: absolute;
    left: 50%;
    top: 20px;
    content: "";
    display: block;
    background-color: #000;
    width: 60px;
    height: 1px;
    margin: 10px 0 20px -30px;
}


.banneraria {
    background: #fff;
    padding: 0px 15px;
}
.bannerbox {
    margin: 0 -7px;
}

.banner-slider img {
    width: 100%;
}
.bannerbox div {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    height: 70px;
    overflow: hidden;
    background-color: #fff;
}


/* -----転職成功されたクリエイターの声----- */

.review {
    padding: 40px 0 30px;
    background: #FFF;
}

.review-inner {
    margin: 0 15px;
}

ul.reviewlist {
    margin: 20px 0;
    padding: 0;
}

ul.reviewlist li {
    margin: 0 0 30px;
    padding: 30px 15px 15px;
    background: #F7F9F9;
    position: relative;
}

ul.reviewlist li div {
    display: block;
    vertical-align: middle;
}


/* -----案件一例----- */

.projects {
    padding: 80px 0 30px;
    background: #fff;
}

.projects-inner {
    margin: 0;
}

.projects-inner2 {
    margin: 0;
}

.projects-box {
    position: relative;
    background: #fff;
    border-radius: 0px;
    border: solid 1px #eee;
    padding: 15px 15px 30px;
    margin-bottom: 20px;
    box-shadow: 0 10px 18px rgba(0, 0, 0, .12);
}
.projects-box2 {
    position: relative;
    background: #fff;
    border-radius: 0px;
    border: solid 1px #eee;
    padding: 15px 15px 30px;
    box-shadow: 0 10px 18px rgba(0, 0, 0, .12);
}
.projects-box3 {
    position: relative;
    background: #fff;
    border-radius: 0px;
    border: solid 1px #eee;
    padding: 15px 15px 30px;
    box-shadow: 0 10px 18px rgba(0, 0, 0, .12);
}

dl.projectslist {
    margin: 10px 0 0;
    padding: 0;
    font-size: 12px;
    color: #626262;
}

.projectslist dt {
    float: left;
    width: 85px;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    position: relative;
    margin-bottom: 8px;
}

.projectslist dt:after {
    content: ":";
    position: absolute;
    top: 50%;
    right: 3px;
    margin-top: -7px;
    font-size: 10px;
    color: #717071;
}

.projectslist dd {
    margin-left: 90px;
    margin-bottom: 8px;
}


.btn-blk {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    background-color: #000;
    border-color: #000;
    width: 100%;
    font-size: 12px;
    border-radius: 0px;
    padding: 4px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.btn-blk:hover{
    background: #218834;
    color: #fff;
    border-color: #218834;
}



.lines-on-sides {
    color: #2fa139;
    margin: 0 0px 20px;
}

.lines-on-sides, .lines-on-sides h2 {
    display: table;
    text-align: center;
    white-space: nowrap;
}

.lines-on-sides h2 {
    color: #000!important;
    font-size: 24px;
}

.lines-on-sides:after, .lines-on-sides h2:after, .lines-on-sides:before, .lines-on-sides h2:before {
    content: '';
    display: table-cell;
    width: 50%;
    background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
    background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
    -webkit-background-clip: padding;
    background-clip: padding;
}

.lines-on-sides:after, .lines-on-sides h2:after {
    border-left: .3em solid transparent;
}

.lines-on-sides:before, .lines-on-sides h2:before {
    border-right: .3em solid transparent;
}


.heading-level2 {
    position: relative;
    padding: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 140%;
    color: #000;
}

.heading-level2:after {
    content: "";
    display: block;
    background-color: #2FA139;
    width: 40px;
    height: 3px;
    margin: 5px 0 15px;
}


/* -----質問----- */

.faq {
    padding: 80px 0 30px;
}

.faq-inner {
    margin: 0 15px;
}

.faq-box {
    margin: 20px 0 20px;
    background: #FFF;
    padding: 15px;
}

.faq dl {
    margin-bottom: 20px;
}

.faq .iv_q {
    position: relative;
    padding: 20px 45px 20px 32px;
    font-size: 14px;
    background-image: url(../images/q.png);
    background-repeat: no-repeat;
    background-position: left 0px center;
    background-size: 29px 40px;
    -webkit-background-size: 29px 40px;
    -moz-background-size: 29px 40px;
    line-height: 1.2em;
}

.faq .iv_q:first-child {
    margin-top: 0px;
}

.faq dd {
    font-size: 14px;
    color: #000;
    border-bottom: solid 1px #eee;
}

.faq p {
    margin-bottom: 20px;
    margin-left: 30px;
}

.faq .iv_q a {
    display: block;
}

.faq a {
    color: #000;
}

.faq .iv_q i {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -5px;
    color: #2fa139;
}


@media(min-width:1199px) {
    /* ------バナースライド------ */
    .banneraria {
        padding: 10px 30px;
    }

    /* -----案件一例----- */
    .projects {
        padding: 100px 0 30px;
    }
    .projects-inner {
        margin: 0 0px;
    }
    .projects-inner2 {
        margin: 0 0px;
    }
    .projects-inner3 {
        margin: 0 0px;
    }
    .projects-box {
        padding: 15px;
        margin-bottom: 30px;
        height: 240px;
        border-radius: 6px;
    }
    .projects-box2 {
        padding: 15px;
        height: 240px;
        border-radius: 6px;
    }
    .projects-box3 {
        padding: 15px;
        margin-bottom: 30px;
        border-radius: 6px;
    }
    .flow {
        padding: 30px 0 60px;
    }
    .flow-inner {
        margin: 0 15px;
    }
    ul.flow-list {
        margin: 0 0px 0;
    }
    ul.flow-list li {
        width: 18.4%;
        margin-right: 2%;
        float: left;
        height: 240px;
    }

    /* -----h3----- */
    .heading-level3 h3 {
        height: 60px;
        font-size: 14px;
    }
    .heading-level4 h3 {
        height: 100px;
        font-size: 16px;
    }
    .heading-level4 h3 {
        height: 100px;
        font-size: 16px;
    }
    /* -----転職成功されたクリエイターの声----- */
    .review {
        padding: 100px 0 60px;
    }
    ul.reviewlist li {
        padding: 30px 30px;
    }
    ul.reviewlist li div {
        display: table-cell;
    }
    .reviewlist p {
        margin-bottom: 15px;
    }

    /* -----質問----- */
    .faq {
        padding: 100px 0 50px;
    }
    .faq-inner {
        margin: 0 15px;
    }
    .faq-box {
        padding: 30px;
    }
    .faq .iv_q {
        padding: 45px 50px 30px 44px;
        font-size: 20px;
        background-position: left 15px top 35px;
    }
    .faq dd {
        font-size: 15px;
        border-bottom: solid 1px #eee;
    }
    .faq p {
        margin-left: 40px;
    }

}

@media(min-width:1199px) {
    .flow-inner {
        margin: 0 -15px;
    }

    /* -----案件一例----- */
    .projects-inner {
        margin: 0 -30px;
    }
    .projects-inner2 {
        margin: 0 -1px;
    }
    .projects-inner3 {
        margin: 0 -30px;
    }
    .projects-box {
        padding: 15px;
        margin-bottom: 30px;
        height: 230px;
        border-radius: 6px;
    }
    .projects-box2 {
        padding: 15px;
        height: 250px;
        border-radius: 6px;
    }
    .projects-box3 {
        padding: 15px;
        height: 410px;
        border-radius: 6px;
    }
    .inner {
        width: 860px;
        margin-left: auto;
        margin-right: auto;
    }
    /* -----転職成功されたクリエイターの声----- */
    .review-inner {
        margin: 0 -15px;
    }
    /* -----質問----- */
    .faq-inner {
        margin: 0 -15px;
    }
}

@media(min-width:1200px) {}


.salary-box2 {
    border: 1px solid #0B9D34;
    color: #222;
    margin: 20px 0px 15px;
    /*padding: 2px 10px 4px 8px;*/
    padding: 2px 10px 8px 8px;
}
.salary-box2 p:not(.salary) {
    font-size: 11px;
    margin: 0px;
}
.salary-box2 .salary {
    text-align: center;
    margin: 0px;
}
.salary-box2 .salary span {
    font-size: 24px;
    font-weight: bold;
    margin: 0px;
}
.salary-box2 .salary .fa {
    font-size: 20px;
}
.job-desc2 {
    border-top: 1px dotted #B2B2B2;
    padding-top: 12px;
    margin: 0px;
}
.job-desc2 .desc {
    margin: 0px;
    line-height: 1.42857143;
}
.more-link2 {
    text-align: right;
    margin-top: 10px;
    font-weight: bold;
}

.page-list2 {
    text-align: center;
}
.page-list2 .pagination {
    margin: 0;
}
.page-list2 .pagination li {
    display: inline-block;
}
.page-list2 .pagination li a {
    border: 1px solid #0B9D34;
    border-radius: 4px;
    display: block;
    color: #222;
}
.page-list2 .pagination li a.active,
.page-list2 .pagination li a:hover,
.page-list2 .pagination li a:focus {
    color: #fff;
    background-color: #dff0d8;
}
.page-list2 .pagination > .active > a,
.page-list2 .pagination > .active > span,
.page-list2 .pagination > .active > a:hover,
.page-list2 .pagination > .active > span:hover,
.page-list2 .pagination > .active > a:focus,
.page-list2 .pagination > .active > span:focus {
    border: 1px solid #0B9D34;
    border-radius: 4px;
    background-color: #0B9D34;
    color: #fff;
    text-decoration: none;
}




.form-con {
    border: 1px solid #e4e4e4;
    background-color: #fff;
    padding-bottom:70px;
    box-shadow: 0px 10px 10px 0px rgba(228,228,228,0.8);
}
.form-con .icon-grad {
    position:relative;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
}
.form-con .title {
    text-align:center;
    margin-top:-20px;
    font-weight: bold;
}
.form-con .label {
    color:#19813b;
    font-size:15px;
    font-weight:bolder;
    margin-bottom:5px;
    padding: 5px 0px;
}
.form-con .checkbox-inline input,
.form-con .radio-inline input {
    margin-top: 5px;
}



.bg-white{background-color: #fff;}
.border1px{border: 1px solid #e4e4e4;}
.borderbot5px{border-bottom: 5px solid #efefef;}
.padding20{ padding:20px }
.padding40{ padding:40px }
.padding-top3{ padding-top:3px }
.padding-top5{ padding-top:5px }
.padding-top10 { padding-top:10px }
.padding-top15 { padding-top:15px }
.padding-top20 { padding-top:20px }
.padding-top25 { padding-top:25px }
.padding-top40 { padding-top:40px }
.padding-top60 { padding-top:60px }
.padding-top80 { padding-top:80px }
.padding-left10 { padding-left:10px }
.padding-left15 { padding-left:15px }
.padding-left20 { padding-left:20px }
.padding-left25 { padding-left:25px }
.padding-left30 { padding-left:30px }
.padding-left40 { padding-left:40px }
.padding-right20 { padding-right:20px }
.padding-right25 { padding-right:25px }
.padding-right30 { padding-right:30px }
.padding-right40 { padding-right:40px }
.padding-bottom3 { padding-bottom:3px }
.padding-bottom5 { padding-bottom:5px }
.padding-bottom10 { padding-bottom:10px }
.padding-bottom20 { padding-bottom:20px }
.padding-bottom50 { padding-bottom:50px }
.padding-bottom75{ padding-bottom: 75px }
.paddingtopbot5{padding-top: 5px; padding-bottom: 5px}
.paddingtopbot10{padding-top: 10px; padding-bottom: 10px}
.paddingtopbot20{padding-top: 20px; padding-bottom: 15px}
.paddingLFTB53{padding: 5% 3%;}
.margin-top3 { margin-top:3px }
.margin-top5 { margin-top:5px }
.margin-top10 { margin-top:10px }
.margin-top15 { margin-top:15px }
.margin-top20 { margin-top:20px }
.margin-top30 { margin-top:30px }
.margin-top40{ margin-top: 40px }
.margin-top50{ margin-top: 50px }
.margin-top70 { margin-top:70px }
.margin-left5 { margin-left:5px }
.margin-left10 { margin-left:10px }
.margin-left20 { margin-left:20px }
.margin-left30 { margin-left:30px }
.margin-left40 { margin-left:40px }
.margin-right5 { margin-right:5px }
.margin-right10 { margin-right:10px }
.margin-right20 { margin-right:20px }
.margin-right30 { margin-right:30px }
.margin-right40 { margin-right:40px }
.margin-top-bottom10 { margin-top:10px; margin-bottom:10px; }
.margin-top-bottom20 { margin-top:20px; margin-bottom:20px; }
.margin-bottom5 { margin-bottom:5px }
.margin-bottom10 { margin-bottom:10px }
.margin-bottom15 { margin-bottom:15px }
.margin-bottom20 { margin-bottom:20px }
.margin-bottom30 { margin-bottom:30px }
.margin-bottom40 { margin-bottom:40px }
.margin-bottom50 { margin-bottom:50px }
.margin-bottom60 { margin-bottom:60px }
.margintopbot15px{margin: 30px auto;}
.margintopbot30px{margin: 30px auto;}
.margintopbot10p{margin: 10% auto;}
.marginbot10p{margin-bottom: 10%;}
.block{display: block;}
.clear{clear: both;}
.color-black{color:#222;}
.color-red{color:#f00;}
.color-white,.color-white:hover{color:#fff;}
.font-bold{font-weight: bold;}
.font-size10{ font-size:10px }
.font-size11{ font-size:11px }
.font-size12{ font-size:12px }
.font-size14{ font-size:14px }
.font-size16{ font-size:16px }
.font-size18{ font-size:18px }
.font-size20{ font-size:20px }
.line-height1_1{ line-height:1.1 }
.display-none{ display:none }
.text-right{ text-align: right }
.inleine {display: inline-block }
.inleine2 {display: inline   !important}
.width400 { width:400px  !important }
.width500 { width:500px  !important }
.dl-horizontal dt { width:200px  !important }
.dl-horizontal dd { margin-left:230px !important }
.tag-padding { padding-left:40px }
.padding-find-job { padding-left:15px; padding-right:25px }
@media (max-width: 767px) {
  .width400 { width: 95%  !important }
  .width500 { width: 95%  !important }
  .dl-horizontal dd { margin-left:10px !important }
  .tag-padding { padding-left:15px }
  .title { font-size: 16px;}
  .lines-on-sides h2 { font-size: 16px;}
  .padding-find-job { padding-left:0px; padding-right:0px }
}

.text-right{ text-align: right }
.text-center{ text-align: center }



.recommend-job {
    background-color: #fff;
    margin-top: 15px;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #d5d5d5;
}

.recommend-job li {
    padding-bottom: 15px;
}

.recommend-job .recommend-title{
    font-size: 16px;
    font-weight: 700;
    background-color: #66A644;
    width: 150px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    padding: 4px;
}



/* Breadcrumb */
.breadcrumb {
    padding: 10px 15px 10px;
    margin:0px;
    background-color:#218834;;
    width: 100%;
    position: relative;
    background: #218834;;
    border-radius: 0;
    overflow-x: auto;
    white-space: nowrap;
}
.breadcrumb ul {
    padding: 0px;
}
.breadcrumb ol {
    padding: 0px;
}
.breadcrumb li {
    display:inline-block;
    color:white;
    padding: 0px 5px;
}
.breadcrumb li:first-child a {
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
}
.breadcrumb li a {
    color:#fff;
}
.breadcrumb li + li:before {
    content: ' > ';
    padding-right: 5px;
}
/* end breadcrumb */

.title-nav {
    font-size: 8px;
    color: #fff;
    font-weight: 500;
    padding-bottom: 11px;
}

.middle-title {
    color: #2c3e50;
    font-size: 28px;
    line-height: .8;
    padding-bottom: 20px;
    position: relative;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    display: block;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-bottom: 0.83em !important;
}

.middle-title::after {
    background: #218834;
    content: "";
    height: 2px;
    position: absolute;
    width: 60px;
    left: 0;
    right: 0;
    margin: auto;
    top: 40px;
}

.heading-level3-title {
    height: 60px;
    font-size: 14px;
    font-weight: 600;
    display: table-cell;
    vertical-align: middle;
}

@media (max-width: 1199px) {
    .middle-title {
        font-size: 16px;
        margin-bottom: 45px !important;
    }

    .heading-level3-title {
        font-size: 14px;
        height: 38px;
    }
    .breadcrumb {
        padding: 5px 0;
    }
}


.kw1 {
    padding-right: 10px;
    font-size: 24px;
}
.kw2 {
    padding-right: 10px;
    font-size: 20px;
}
.kw3 {
    padding-right: 10px;
    font-size: 16px;
}
.kw4 {
    padding-right: 10px;
    font-size: 12px;
}
.kw5 {
    padding-right: 10px;
    font-size: 8px;
}

.column-list {
  border: 1px solid #ddd;
  padding: 20px 0;
}

.column-list:hover {
    background-color: #eee;
}




.side-feature-box{
    width: 100%;
    padding-top: 10px;
}
.side-feature-box:first-child{
    margin-top: 20px;
    padding-top: 0px;
}
.side-feature-box:not(:last-child){
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.side-feature-box .feat-img{
    display: inline-block;
    width: 40%;
    float: left;
}
.side-feature-box .feat-img img{
    width: 100%;
}
.side-feature-box .feat-info{
    display: inline-block;
    float: right;
    width: 60%;
    padding-left: 10px;
}
.side-feature-box h4{
    font-size: 14px;
    padding-bottom: 10px;
}
.side-feature-box p{
    color: #222;
}


.button-list {
    color: white;
}
.button-list:hover {
    color: white;
}
.keyword-list {
    display: inline;
}

.sp-view .jobDetail li a {
    color: white !important;
    padding: 0 !important;
}
.sp-view .jobDetail li a:hover {
    color: white !important;
}

.job-h1-title {
    font-size: 22px;
    padding-bottom: 10px;
}

.job-h1-title-sp {
    font-size: 16px;
    padding: 0px 10px 10px;
}

.btn-ninni {
    color: #fff;
    background-color: #4cafea;
    border-color: #4cafea;
}

.search-title-h1 {
    color: #333;
    font-size: 28px;
    padding-bottom: 20px;
}

.cusotom0-introduction-title {
    padding: 10px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.cusotom0-introduction-pickup {
    color: red;
    font-size: 24px;
}

.cusotom0-introduction-body {
    padding: 20px;
}

.cusotom0-introduction-body > ul > li {
    list-style-type: circle;
}


.cusotom0-introduction-button {
    text-align: center;
    padding-top: 60px;
}

.search-item-contents {
   overflow: hidden;
   padding-bottom: 10px;
}
.search-item-header {
    width: 16%;
    float: left;
    margin-top: 5px;
}
.search-item {
    width: 28%;
    float: left;
}
.search-item2 {
    width: 42%;
    float: left;
}
.search-item3 {
    width: 100%;
    float: left;
    padding: 5px;
}
.search-item-box {
   border: solid 1px #ddd;
   border-radius: 2px;
   padding: 7px 20px 3px;
   margin: 5px;
   height: 46px;
}
.search-label {
    display: block;
    font-weight: normal;
}
.search-item-header-txt {
    font-weight: 500;
    font-size: 16px;
    padding: 10px 5px;
}
.search-item-txt {
    padding-left: 7px;
    font-size: 13px;
    display:block;
    overflow:hidden;
}
.search-item-txt2 {
    padding-left: 7px;
    font-size: 10px;
    display:block;
    overflow:hidden;
}
.search-item-txt3 {
    padding-left: 7px;
    font-size: 12px;
    display:block;
    overflow:hidden;
}
.search-part {
    float: left;
    margin-top: 9px !important;
}


@media(max-width:1199px) {
    .search-item-header {
        width: 100%;
        float: none;
    }
    .search-item {
        width: 50%;
    }
    .search-item-sp1 {
        width: 100% !important;
    }
    .search-item2 {
        width: 50%;
    }
    .search-item-txt {
        font-size: 12px;
    }
    .search-item-txt2 {
        font-size: 12px;
    }
    .search-item-txt3 {
        font-size: 12px;
    }
    .search-item-txt-mb1 {
        font-size: 11px;
    }
    .search-item-txt-mb2 {
        font-size: 10.5px;
    }
}


@media (max-width: 767px) {
  .cusotom0-introduction-button{ padding-top: 20px;}
}

.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs17 { font-size: 17px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }

.accordion-toggle[aria-expanded="true"]:after {
    /* symbol for "opening" panels */
    font-family: FontAwesome;
    content: "\f056";
    float: right;
    color: #218834;
    font-size: 2em;
    margin-top: -12px;
    margin-right: 4px;
}
.accordion-toggle[aria-expanded="false"]:after {
    font-family: FontAwesome;
    content: "\f055";
    float: right;
    color: #218834;
    font-size: 2em;
    margin-top: -12px;
    margin-right: 4px;
}
.toggle_open:after {
    font-family: FontAwesome;
    content: "\f056";
    float: right;
    color: #218834;
    font-size: 2em;
    margin-top: -12px;
    margin-right: 4px;
}
.toggle_close:after {
    font-family: FontAwesome;
    content: "\f055";
    float: right;
    color: #218834;
    font-size: 2em;
    margin-top: -12px;
    margin-right: 4px;
}

.accordion-toggle {
    color: #218834;
}
.accordion-toggle:link{
    color: #3c763d;
}
.accordion-toggle:visited{
    color: #3c763d;
}
.accordion-toggle:hover{
    color: #3c763d;
}
.accordion-toggle:active{
    color: #3c763d;
}

.singleBlogRead {
    padding: 0 20px 30px;
}

.d-inline-block {
    display: inline-block;
}

.menu-btn-block {
    line-height: 12px;
    text-align: center;
    top:0;
    height: 50px;
    float: right;
    width: 60px;

}
.menu-btn-i {
    color: #fff;
    margin: 0;
    padding: 10px 10px 6px 10px;
    font-size: 18px;
}
.menu-btn-txt {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 10px;
}
.menu-btn3 {
    background: #e6712d !important;
}

.min-height0 {
    min-height: 0px !important;
}
.logo {
    margin-top: 7px;
}
.menu-spacer {
    height: 0px !important;
}
.top-li-pc {
    float: left;
}
.top-li-pc-cat {
    background: #e6712d;
    margin-right: 0px !important;
    margin-top: 0px !important;
    padding-left: 10px !important;
    padding-right: 28px !important;
    padding-top: 15px !important;
    padding-bottom: 11px !important;
}
.top-cat-pc {
    overflow: hidden;
}
.top-cat-pc-item {
   float: left;
   text-align: center;
   line-height: 20px;
}
.top-cat-pc-icon {
    font-size: 32px;
}

@media (max-width: 767px) {
    .header {
        padding: 0 !important;
        height: 50px;
    }
     .siteTop{
        height: 50px;
    }

    .row {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .container {
        padding-right: 0;
        padding-left: 0;
    }

    .sp-menu-link {
        height: 44px;
        padding-top: 15px;
    }

    .menu-btn-menu {
        border-left: 0.5px solid #ccc;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .mainnav ul li {
         margin-bottom: 0px !important; 
    }
    .mainnav ul {
         margin-top: 0px !important; 
         padding-top: 0px !important; 
         border-top: 0px !important;
         width: 97% !important;
         box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, .5);
    }
}

/* タブレット */

@media all and (min-width: 768px) and (max-width: 1199px) {
    .mainnav ul li a {
        font-size: 10px;
    }
    .mainnav ul li {
        margin-right: 10px !important;
    }
    .container {
        width: 100%;
    }
}

.keyword-box {
    padding-top: 20px;
    padding-bottom: 20px;
}
.keywords {
   color: #218834;
   font-size: 24px;
}
.keywords-item {
   padding-top: 15px;
}
.keyword-link {
   margin: 10px 20px 10px 0;
}
.keyword-hr {
    border: 2.5px #218834 solid;
}

.keywords-item > ul > li {
    display: inline;
}

.no1-annotation {
    margin-left: 7px;
    font-size: 10px;
}
.no1-annotation-description {
    font-size: 11px;
    line-height: 12px;
    color: #aaa;
}

.projects-box-link {
    text-decoration: none;
    color: #222222;
}


.projects-box:hover > .btn-blk{
    background: #218834;
    color: #fff;
    border-color: #218834;
}


.projects-box3:hover > .btn-blk{
    background: #218834;
    color: #fff;
    border-color: #218834;
}

.search-count-description {
    padding-left: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.search-total-count {
    font-size: 18px;
    color: #0B9D34;
    font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .form-reset {
    padding-bottom: 10px;
  }
  .no1-annotation-description {
      line-height: 16px;
  }

  .heading-level3 {
      pointer-events: none;
  }
  .projectslist {
      pointer-events: none;
  }
 .blogSection{
     padding: 10px 0;
 }
 .search-title-h1 {
    font-size: 16px;
 }
}

@media only screen and (max-width: 375px) {
    .search-item-txt {
        font-size: 10px;
    }
}


.lb-title-img {
    padding-bottom: 60px;
    width: 90%;
}
@media (max-width: 767px) {
    .lb-title-img {
        padding-bottom: 50px;
        width: 100%;
    }
    .lb-title-div {
        padding: 0;
        margin: 0;
    }
}