/* lg */ 
@media (min-width: 1200px) {
  .gree-container .table-4{
  display:table-cell;
  width:33.3333%;
}
.gree-container .table-8{
  display:table-cell;
  width:66.6666%;
}
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }
.sp{
  display:none;
  margin:0 auto;
}
.pc{
  display:block;
    margin:0 auto;
}
  

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  .gree-container .table-4{
  display:table-cell;
  width:33.333333%;
}
.gree-container .table-8{
  display:table-cell;
  width:66.666666%;
}
   .index-box .feature-wrap{
    height:auto;
    min-height:180px;
  }
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-nav > li {
    margin-left: 10px;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

  .recent-work-wrap .overlay{
    padding: 15px;
  }

  .services-wrap {
    padding: 40px 10px 40px 30px;
  }

  .feature-wrap h2, 
  .single-services h2 {
    font-size: 18px;
  }

  .feature-wrap h3, 
  .single-services h3{
    font-size: 14px;
  }

  .tab-wrap .media .parrent.pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .parrent.media-body{
    clear: both;
  }

  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .recent-work-wrap .overlay .preview{
    line-height: inherit;
  }

  .team-bar .first-arrow {
    width: 21%;
  }

  .team-bar .second-arrow {
    width: 20%;
  }

  .team-bar .third-arrow {
    width: 21%;
  }

  .team-bar .fourth-arrow {
    width: 20%;
  }

  ul.social_icons li{
    margin-right: 0;
  }
.sp{
  display:none;
  margin:0 auto;
}
.pc{
  display:block;
    margin:0 auto;
}
}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {




.gree-container .table-4{
  display:table-cell;
  width:33.3333%;
}
.gree-container .table-8{
  display:table-cell;
  width:66.6666%;
}
  .index-box .feature-wrap{
    height:auto;
    min-height:310px;
  }
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-nav > li {
    margin-left: 0;
  }

  #main-slider .carousel h1 {
    font-size: 25px;

  }

  #main-slider .carousel h2 {
    font-size: 20px;
  }

  .tab-wrap .media .parrent.pull-left, 
  .media.accordion-inner .pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .parrent.media-body, 
  .media.accordion-inner .media-body{
    clear: both;
  }

  .services-wrap {
    padding: 40px 0 40px 30px;
  }

  .recent-work-wrap .overlay{
   padding: 15px;
  }

  .recent-work-wrap .recent-work-inner h3 a {
    font-size: 20px;
  }

  .sinlge-skill{
    width: 150px;
    height: 150px;

  } 

  .sinlge-skill p em {
    font-size: 25px;

  }

  .sinlge-skill p {
    font-size: 16px;

  }

  .team-bar .first-one-arrow {
    width: 2%;
  }

  .team-bar .first-arrow {
    width: 18%;
  }

  .team-bar .second-arrow {
    width: 24%;
  }

  .team-bar .third-arrow {
    width: 15%;
  }

  .team-bar .fourth-arrow {
    width: 20%;
  }

  .blog .blog-item .entry-meta > span a{
    font-size: 10px;
  }

.index-icon .feature-wrap{
  height:220px;
}

.win-win a.accordion-toggle  i{
  margin-top:-35px;
}

.fp img {
  width:90%;
border:10px double #B5B5B5;
 


}

.fp .row{
  width:100%;
 
}

.center h2 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}

.sp{
  display:none;
  margin:0 auto;
}
.pc{
  display:block;
    margin:0 auto;
}
}

/* xs */
@media (max-width: 767px) {

  .portfolio-filter-a > li a {
    font-size:14px;
  }


.table-12{
  width:100%;
}
#theory p{
  font-size:14px;
}

#theory h2{
  display:block;
  font-size:20px;
  margin-top:0px;
  line-height:120%;
}

#theory h4 {
  font-size:18px;
  font-weight: 600;
  border-bottom:1px solid #095F17;
  margin-top:40px;
}

#about-us h1{
  color: #3B76CC;
  font-size: 36px;
}

#about-us h2 {
  font-size:18px;
  font-weight: 600;
  border-bottom:1px solid #095F17;
}

#about-us h3{
  font-size:20px;
  font-weight:600;
}

  #about-us p{
    font-size:14px;
  }
  .container-min{
  width:100%;
}
  .container > .navbar-header, .container > .navbar-collapse{
    margin-left: 0;
  }

  .top-number{
    font-size: 14px;
  }
  .top-number .tel .fa{
    font-size: 14px;
  }

  input.search-form:hover {
    width: 120px;
  }

  .navbar-nav > li {
    padding-bottom: 0;
  }


  .navbar-header p{
  display:inline-block;
  font-size:14px;
}
  .navbar-header img{
  display:inline;
}

  #main-slider .carousel h1 {
    font-size: 25px;

  }

  #main-slider .carousel h2 {
    font-size: 16px;


  }

  .feature-wrap h2, 
  .single-services h2 {
    font-size: 18px;

  }

  .feature-wrap h3, 
  .single-services h3{
    font-size: 14px;
  }


  .media.accordion-inner .pull-left, 
  .media.accordion-inner .media-body{
    clear: both;
  }

  .accordion-inner h4 {
    margin-top: 10px;
  }

  .tab-wrap .media .pull-left{
    clear: both;
    width: 100%;
  }

  .tab-wrap .media .media-body{
    clear: both;
  }

  .nav-tabs > li.active > a:after{
    display: none;
  }

  #footer .col-sm-6{
      text-align:center;
  }
  
   #footer .pull-right{
      float: none !important;
  }

  .sinlge-skill {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .team .single-profile-top, 
  .team .single-profile-bottom {
    margin-bottom: 30px;
  }

  .clients-area {
    padding: 60px 0;
  }

  .clients-area h1 {
    font-size: 25px;
  }

  .portfolio-item, 
  #recent-works .col-xs-12.col-sm-4.col-md-3{
    padding:0 15px;
  }

  ul.social_icons li{
    margin-right: 0;
  }

  .blog .blog-item .entry-meta{
    margin-bottom: 20px;
  }

  .blog .blog-item .blog-content h3 {
    margin-bottom: 20px;
  }

  .post_reply_comments {
    padding-left: 20px;
  }
      .center{
    display:block;
   
  }

  .center h1+h3{
    display:block;
  }

  .index-icon .feature-wrap{

  height:auto;

}
.cleopatra{
  width:420px;
  height:230px;
}
.fa-service .feature-wrap{
  height:200px;
}

#bottom{
  padding-left:30px;
}
.page-top {
 left:90%;
 opacity: 0.6;
}
.page-top a {
 display: block;
 width: 50px;
 height: 50px;
 background-color:#efc94c;
 line-height: 50px;
}


#portfolio .btn{
  white-space:normal;
  font-size:14px;
}

#portfolio h3{
  font-size:14px;
}

#portfolio h2{
  font-size:20px;
}

#portfolio .container{
  padding:0;
}


  div.mailmag{
  margin:0 -15px;
}

.mail_content{
  margin:0px;

}

.deco{
  display:none;
}

.win-win a.accordion-toggle  i{
  margin-top:-10px;
}

.fp .row{
  width:100%;
  
}

.fp img {
  width:40%;
border:10px double #B5B5B5;
 margin:0 auto;
 display:block;
    margin-bottom:20px;


}

.sp{
  display:none;
  margin:0 auto;
}
.pc{
  display:block;
    margin:0 auto;
}

}

/* XS Portrait */
@media (max-width: 480px) {

    .top-number,
  .top-number a,
  .top-number p{
  margin: 0 auto;
  color: #FFF;
  line-height:100%;
  padding:6px 0 0 0;
}

.fp li{
  font-size:16px;
  line-height:150%;
  text-align:left;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
  /*************QA******************/
#qa .panel-default>.panel-heading,
#qa .panel {
    background-color: #FFFFFF;
    border: 0 none;
    box-shadow: none;

}

#qa .qa-advice .panel-default>.panel-heading h4:before{
  content: "\f059";
   font-family: FontAwesome;
}

#qa .qa-futures .panel-default>.panel-heading h4:before{
  content: "\f059";
  color:#FF971D;
   font-family: FontAwesome;
}

#qa .qa-trial .panel-default>.panel-heading h4:before{
  content: "\f059";
  color:#3B5998;
   font-family: FontAwesome;
}

#qa .qa-web .panel-default>.panel-heading h4:before{
  content: "\f059";
  color:#b31217;
   font-family: FontAwesome;
}


#qa .panel-default>.panel-heading{
  height:auto;
}

#qa h3 {
  font-size:18px;
  font-weight: 600;
  border-bottom:1px solid #095F17;
  margin-top:40px;
}

/*////////////////////////*/
h2 {
    font-size: 16px;
    line-height: 150%;
    padding: 10px;
}

  .center h2{
    font-size:20px;
    font-weight:600;
  }
    .center h1{
    font-size:24px;
    font-weight:600;
  }
    .center h3{
    font-size:14px;
    font-weight:600;
  }
.center h1 + h3 + h2 {
  font-size: 20px; 
  margin-top: 10px;
}
.lead{
  font-size:14px;
}
.image table{
  font-size:12px;
  line-height:14px;
  width:100%;
}
  #recent-works > .container h3{
  font-size:14px;
}
  .panel-title>a{
  color: #4e4e4e;
  font-size:12px;
}
   #recent-works > .container .recent-work-inner > h3 {
  font-size: 30px;
  color: #fff;
  line-height: 34px;
}
    .feature-wrap h2, 
  .single-services h2 {
    font-size: 14px;
    padding:0px;

  }


  .feature-wrap i {
  font-size: 36px;
  height: 90px;
  width: 90px;
  line-height: 90px;
}



  .navbar-brand img{
    width:140px;
  }
  .navbar-header p{
  display:inline-block;
  font-size:12px;
}

.tb-name{
  width:100px;
}
.company {
  font-size: 12px;

}
.company td,.company th {
  padding: 5px;
  
}
.gmap-area .gmap iframe {
  border-radius: 0%;
  height: 200px;
  width: 100%;
}
.gmap{
  height:200px;
  width:80%;
}

.cleopatra{
  width:280px;
  height:158px;
}
.panel-title>a{
  color: #4e4e4e;
  font-size:14px;
}

#bottom{
  padding-left:20px;
}

/*注文フォーム*/
form#mailformpro dl dt {
  float: left;
  width: 100%;
  clear: both;
  font-size: 12px;
  padding: 10px 0px;
  text-align:left;
  margin-right:5px;
}

.must {
  display: block;
  background-color: #C00;
  border: solid 2px #C00;

  padding: 1px 2px;
  font-size: 10px;
  color: #FFF;
  float: left;
  margin: 0px 5px;
  border-radius: 4px;
    
  background-image: url(images/header.png);
  background-size: 100% 100%;
}

.email input{
  width:160px;
}

form#mailformpro dl dd {
  padding: 10px 5px 10px 10px;
}

.page-top {
 left:85%;
 opacity: 0.5;
}
.page-top a {
 display: block;
 width: 40px;
 height: 40px;
 background-color:#efc94c;
 line-height: 40px;
}

#chart{
  width:100%;
}

.lead2{
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.index_man{
  display:block;
  margin:0 auto;
  padding:0;
}

.tableintro img{
  width:300px;
}

.man{
  padding:0;
}


.panel-heading{
  border-radius: 0;
  height:65px;
  padding-left:5px;
  padding-right:5px;
}

  a.accordion-toggle  i{
  width: 65px;
  line-height: 65px;
  font-size: 20px;
  margin-top: -10px;
  text-align: center;
  margin-right: -15px;
  background: #c9c9c9;
}

.media >.pull-left{
  margin-right: 5px;
}

.team .btn {
 
  padding: 1px 3px;
  
}

.single-profile-top, 
.single-profile-bottom  {
  padding: 5px;
  padding-top:15px;
  position: relative;
}

.portfolio-filter2 > li a {
  font-size:14px;
}
.fp img {
  width:60%;
border:10px double #B5B5B5;
 
    margin-bottom:20px;


}

.sp{
  display:block;
  margin:0 auto;
}
.pc{
  display:none;
    margin:0 auto;
}

.trial-btn{
  width:100%;
}
}

@media (max-width: 430px) {

.win-win a.accordion-toggle  i{
  margin-top:-35px;
}

.container-min{
  width:100%;
}
}