@charset "utf-8";


.br-sp{display: none;}
.br-pc{display: block;}

/*header*/

.fh5co-nav a {
  white-space: nowrap;
  padding: 0;
  text-transform: none;
}

#fh5co-logo{
text-transform: none;
    }

#fh5co-header .display-tc h1, #fh5co-counter .display-tc h1, .fh5co-cover .display-tc h1 {
  font-size: 250%;
}

.top-p {
  margin-top:20px;
  font-size: 22px;
  line-height: 1.7;
  color:#666;
}

.fh5co-cover .overlay {
  width: 100%;
  background:#5fbdd5  url(../img/h1-title-700px.png) no-repeat center 160px;
}

.fh5co-cover .display-t, .fh5co-cover .display-tc {
  height: 1400px;
  vertical-align: bottom;
}


/*オリジナルサイト*/
.fh5co-heading p {
  font-size:16px;
  margin-top:10px;
}

.fh5co-heading span {
  color:#333;
  font-size:13px;  
}


.fh5co-post img{
  width:100%;
}


.oneline {
  float:left;
}

.original-li {
  margin-top:20px; 
}


.original-li dt{
  padding-top:5px;
}

.original-li dd{
  padding:5px 0 0 5px;
}


/*習作サイト*/
.feature-center img{
  width:100%;
  margin-bottom:5px;
  border:1px solid #aaa;
}

.counter-label {
  color:#000;
  font-size:16px;
}

#fh5co-counter  .counter-label p {
    line-height: 1;
}



/*デザイン案*/
.feature-center-design img {
    border:0px;
}

/*動画*/
iframe {
  width:100%;
}

.fh5co-bg-section{
  background-color: #F0F5F9;
}

#fh5co-blog {
  margin:0 auto;
}

#fh5co-blog-b {
  margin:0 auto;
  padding:0;
  clear: both;
  box-sizing: border-box;
}

.fh5co-post #blue {
  background-color: #F0F5F9;   
}

/*連絡先　footer*/
#fh5co-footer-profile {
  background:#5fbdd5;
    padding: 7em 0;
    clear: both;
}

#fh5co-footer-profile h3 {
    color: #fff;
}

#fh5co-footer-profile p {
    color: #fff;
}

#fh5co-footer-profile p small {
    color: #828282;
}


@media screen and (max-width: 768px) {
    
.br-sp{display: block;}
.br-pc{display: none;}
    
/*index.html*/
/*
#fh5co-header .display-tc h1, #fh5co-counter .display-tc h1, .fh5co-cover .display-tc h1  {
    font-size: 29px;
    }
    
    #fh5co-header .display-tc, #fh5co-counter .display-tc, .fh5co-cover .display-tc {
  display:none;        
    }*/
    
.fh5co-cover .overlay {
  width: 100%;
  background:#5fbdd5  url(../img/h1-title-700px.png) no-repeat center/contain;
}
    
#fh5co-header .display-tc h1, #fh5co-counter .display-tc h1, .fh5co-cover .display-tc h1 {
    font-size: 150%;
}
    
.fh5co-cover .display-t, .fh5co-cover .display-tc {
    height: 1050px;
    vertical-align: bottom;
}

.top-p {
  margin-top:10px;
  font-size: 17px;
  line-height: 1.5;
  color:#666;
}
    
.bannertitle {
    font-size: 120px;}
}


}