@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%;
    background-color: #ccc;
  }
  .table-xs td {
    display: block;
    width: 100%;
  }
  .hidden-xs {
    display: none;
  }
  
/*----------------------------------------------
   header
---------------------------------------------*/
  .header-pc {
  min-height: 100px;
  padding: 20px 0;
}
  h1 {
	margin: 0;
	padding: 0 0 10px 0;
	width: 100%;
}
  ul.nav-list01 {
    font-size: 0.9em;
    width: 49%;
	order: 0;
}
ul.nav-list02 {
  font-size: 0.9em;
    width: 49%;
}




/*----------------------------------------------
   main
---------------------------------------------*/


.bgc-gray {
  padding: 10px;
  margin: 10px;
}
.bgc-white {
  padding: 10px;
}





/*----------------------------------------------
   見出し
---------------------------------------------*/


h4 {
  font-size: 1.2em;
}



}

 @media only screen and (max-width: 599px) {
    /*body {
      font-size: 95%;
    }*/
	
	/* h3 */
.ttl-h3 {
  font-size: 1.1em;
}
/*.ttl-h4 {
    padding: .5em 1.5em;
}*/

 }



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

.footer-box h2 {
  font-size: 1.2em;
  margin-bottom: 15px;
}

}


