@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

/* ------ Header ------ */

header {
	text-align:right;
	margin-bottom:10px;
}

header h1 {
	margin-top: 30px;
	text-align:left;
}

header nav {
	margin: 5px 0 5px;
	text-align:right;
}



header nav li {
	display: inline-block;
	padding: 0 5px 0 10px;
	border-left: solid 1px #ddd;
	font-size: 80%;
}
header nav li:first-child {
	padding-left: 0;
	border-left: none;
}

header nav a:link,
header nav a:visited {
	color: #666;
	text-decoration: none;
}
header nav a:hover,
header nav a:active {
	color: #666;
	text-decoration: underline;
}

header p.tel {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:20px 0 0 0;
	font-weight:bold;
	}

header p span.gotel {
	font-size:25px;
	}

header p span.gotel a {
	color:#000;
	}
	

header a.btn_03 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 230px;
  height: 26px;
  position: relative;
  background: #b50202;
  border: 1px solid #b50202;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 2px 20px 0 10px;
  color: #fff;
  font-size: 14px;
  font-weight:bold;
  line-height: 1.8;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
  margin: 0 0 0 auto;
}

header a.btn_03:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4px;
}

header a.btn_03:hover {
  background: #fff;
  color: #b50202;
}

header a.btn_03:hover:before {
  border-top: 2px solid #b50202;
  border-right: 2px solid #b50202;
}




/*-----------------------------------------------------	*/
/*	for 640px - 979px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 640px) and (max-width: 979px) {


}



/*-----------------------------------------------------	*/
/*	for - 639px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 639px) {



	header {
		border-top: solid 1px #fff;
	}
	
	header h1 {
		width:90%;
		margin: 25px auto;
		text-align:center;
		}

	header nav {
		margin-top: 15px;
	}

	header nav ul {
		padding: 0 15px;
		text-align: center;
	}
	
	header p.tel {
		margin :10px auto;
		text-align:center;
	}
	
	header a.btn_03 {
		 margin: 0 auto;
		 }




}