/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@media screen and (min-width: 768px), print {
  /* header
  -------------------------------------*/
  header {
    padding-top: 100px;
  }

#g-nav02{
margin: 0 auto;
    width: 100%;
    height: 60px !important;
    display: block !important;
    position: fixed;
    z-index: 290;
    top: 0 !important;
    background: rgba(28, 35, 38, 0.8);
}





  	/* h2-bg
  -------------------------------------*/
  .h-bg-area {
    height: 280px;
  }

  .h-bg-area.about_us {
    background: url(../images/company/h2.jpg) no-repeat top;
  }
	
  .h-bg-area.modelhouse {
    background: url(../images/modelhouse/h2.jpg) no-repeat top;
  }

  .h-bg-area.concept {
    background: url(../images/concept/h2.jpg) no-repeat top;
  }

  .h-bg-area.merit {
    background: url(../images/merit/h2.jpg) no-repeat top;
  }

  .h-bg-area.design {
    background: url(../images/design/h2.jpg) no-repeat top;
  }

  .h-bg-area.housework {
    background: url(../images/housework/h2.jpg) no-repeat top;
  }

  .h-bg-area.spend {
    background: url(../images/spend/h2.jpg) no-repeat top;
  }

  .h-bg-area.flow {
    background: url(../images/flow/h2.jpg) no-repeat top;
  }

  .h-bg-area.topics {
    background: url(../images/topics/h2.jpg) no-repeat top;
  }

  .h-bg-area.event {
    background: url(../images/event/h2.jpg) no-repeat top;
  }

  .h-bg-area.case_newly {
    background: url(../images/case_newly/h2.jpg) no-repeat top;
  }

  .h-bg-area.voice {
    background: url(../images/voice/h2.jpg) no-repeat top;
  }

  .h-bg-area.blog {
    background: url(../images/blog/h2.jpg) no-repeat top;
  }

  .h-bg-area.staff {
    background: url(../images/staff/h2.jpg) no-repeat top;
  }

  .h-bg-area.greeting {
    background: url(../images/greeting/h2.jpg) no-repeat top;
  }

  .h-bg-area.about_us {
    background: url(../images/about_us/h2.jpg) no-repeat top;
  }

  .h-bg-area.conslation {
    background: url(../images/conslation/h2.jpg) no-repeat top;
  }

  .h-bg-area.form {
    background: url(../images/form/h2.jpg) no-repeat top;
  }

  	/* h2
  -------------------------------------*/
  .main-title {
    margin-bottom: 22px;
  }

  	/* side
  -------------------------------------*/
  #side .side-bnr-list li {
    margin-bottom: 35px;
  }
  #side .side-bnr-list li:nth-of-type(3) {
    margin-bottom: 10px;
  }
  #side .side-bnr-list li:nth-of-type(9) {
    margin-bottom: 10px;
  }
  #side .side-bnr-list li .btn-list li {
    margin-bottom: 0;
  }
  #side .side-bnr-list .side17 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #3e3a39;
    padding-top: 10px;
  }
  #side .side-bnr-list .side17 .side-ttl {
    margin-bottom: 15px;
  }
  #side .side-bnr-list .side17 .side-txt01 {
    margin-bottom: 15px;
  }
  #side .side-bnr-list .side17 .side-txt02 {
    font-size: 13px;
    margin-bottom: 30px;
  }

  	/* end-contact
  -------------------------------------*/
  #end-contact {
    width: 800px;
    margin-top: 10%;
  }
  #end-contact .inner {
    position: relative;
    padding: 50px;
    background-color: #fdd000;
  }
  #end-contact .inner .wh-box {
    background-color: #fff;
    padding: 30px 30px 0;
    height: 330px;
  }
  #end-contact .inner .wh-box .end-contact-ttl {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  #end-contact .inner .wh-box .end-txt {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: #010000;
    margin-bottom: 18px;
  }
  #end-contact .inner .wh-box .end-tel {
    margin-bottom: 15px;
  }
  #end-contact .inner .wh-box .end-btn-list {
    position: relative;
    bottom: -20px;
    padding: 0 0 0 20px;
  }
  #end-contact .inner .wh-box .end-btn-list li {
    float: left;
  }

  	/* .sub-title
  -------------------------------------*/
  .sub-title {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #3e3a39;
    padding: 20px 0 40px 90px;
    background: url(../images/common/main-title-bg.png) no-repeat top;
    margin-bottom: 30px;
    background-size: 100%;
  }

  	/* footer
  -------------------------------------*/
  footer {
    padding: 50px 0 70px;
  }
}
@media screen and (max-width: 767px) {
  		/* h2-bg
  -------------------------------------*/
  .h-bg-area {
    height: 70px;
  }

  .h-bg-area.about_us {
    background: url(../images/company/h2.jpg) no-repeat top;
    background-size: cover;
  }

  .h-bg-area.concept {
    background: url(../images/concept/h2.jpg) no-repeat top;
  }

  .h-bg-area.merit {
    background: url(../images/merit/h2.jpg) no-repeat top;
  }

  .h-bg-area.design {
    background: url(../images/design/h2.jpg) no-repeat top;
  }

  .h-bg-area.housework {
    background: url(../images/housework/h2.jpg) no-repeat top;
  }

  .h-bg-area.spend {
    background: url(../images/spend/h2.jpg) no-repeat top;
  }

  .h-bg-area.flow {
    background: url(../images/flow/h2.jpg) no-repeat top;
  }

  .h-bg-area.topics {
    background: url(../images/topics/h2.jpg) no-repeat top;
  }

  .h-bg-area.event {
    background: url(../images/event/h2.jpg) no-repeat top;
  }

  .h-bg-area.case_newly {
    background: url(../images/case_newly/h2.jpg) no-repeat top;
  }

  .h-bg-area.voice {
    background: url(../images/voice/h2.jpg) no-repeat top;
  }

  .h-bg-area.blog {
    background: url(../images/blog/h2.jpg) no-repeat top;
  }

  .h-bg-area.staff {
    background: url(../images/staff/h2.jpg) no-repeat top;
  }

  .h-bg-area.greeting {
    background: url(../images/greeting/h2.jpg) no-repeat top;
  }

  .h-bg-area.about_us {
    background: url(../images/about_us/h2.jpg) no-repeat top;
  }

  .h-bg-area.conslation {
    background: url(../images/conslation/h2.jpg) no-repeat top;
  }

  .h-bg-area.form {
    background: url(../images/form/h2.jpg) no-repeat top;
  }

  		/* sp-header
  -------------------------------------*/
  .sp-header {
    margin-bottom: 4%;
    padding-top: 10%;
  }

 /* end-contact
-------------------------------------*/
  #end-contact {
    margin-top: 10%;
  }
  #end-contact .inner {
    position: relative;
    padding: 10% 3%;
    background-color: #fdd000;
  }
  #end-contact .inner .wh-box {
    background-color: #fff;
    padding: 5%;
  }
  #end-contact .inner .wh-box .end-contact-ttl {
    position: absolute;
    top: -8%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80%;
  }
  #end-contact .inner .wh-box .end-txt {
    font-size: 0.9rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: #010000;
    margin: 6% 0 10%;
  }
  #end-contact .inner .wh-box .end-tel {
    margin-bottom: 10%;
  }
  #end-contact .inner .wh-box .end-btn-list {
    position: relative;
    margin: 0 auto 6%;
    width: 85%;
  }


  	/* .sub-title
  -------------------------------------*/
  .sub-title {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #3e3a39;
    padding: 5% 0 8% 13%;
    background: url(../images/common/main-title-bg.png) no-repeat center;
    background-size: contain;
  }
}