@charset "utf-8";
/*  style　[  Smart Phone ]
=================================================================== */
/* ～767px(xs) ____________________________________________________ */
@media screen and (max-width: 767px) {
    .xs-block {
    display: block;
  }
  .xs-space {
    margin-left: 1em;
  }
  
  .table-xs th {
    display: block;
    width: 100%;
  }
  .table-xs td {
    display: block;
    width: 100%;
  }
  .hidden-xs {
    display: none;
  }
  
/*----------------------------------------------
   header
---------------------------------------------*/

h1 img {
	height: 40px;
	margin: 13px 0 0 5px;
}

.header-right {
  display: flex;
  justify-content: flex-end;
  width: 50%;
}

.drawer__nav__menu {
  font-size: .9rem;
}

/*----------------------------------------------
   page-first-view
---------------------------------------------*/
.page-first-view {
	height: 430px;
}

.page-first-view .background-wrap {
	top: 70px;
  
}
/* ページタイトル */
.page-first-view .catch-copy {
	position: absolute;
	left: 20px;
	top: 130px;
}


/*----------------------------------------------
   見出し
---------------------------------------------*/
h2.underline {
  font-size: 2rem;
}


/*----------------------------------------------
   footer
---------------------------------------------*/
.footer-left,.footer-right {
  width: 80%;
  margin: 0 auto 30px auto;
}
.footer-left h2 img {
  height: 45px;
}
address {
  display: table;
  font-size: .9rem;
  margin: 30px auto;
}


.contact-btn {
    font-size: 0.9rem;
}


.contact-btn::after {
    width: 2.2em;
    height: .7em;
}


.footer-nav {
  display: none;
}



}

 


/*----------------------------------------------
   480px以下
  ---------------------------------------------*/
@media screen and (max-width: 480px) {

body {
      font-size: 12px;
    }
	

}