@charset "UTF-8";

html {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  background-color: #FFF;
  overflow-x: hidden;
}

body {
	width: 100%;
	height: 100%;
	position: relative;
	line-height: 1.75;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	color: #000000;
  	background-image: url(../images/common/line.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

body .wrap {
  width: 1040px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

body a {
  color: #3399FF;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
body a:hover {
  text-decoration: underline;
}

.container{
	padding:50px 0 30px;
}

.container p{
	font-size:16px;
	line-height:2.0em;
  margin-bottom:16px;
}

.block{
	padding:30px 0 50px;
}

body img {
  max-width: 100%;
  height: auto;
}

.sp{
	display:none;
}

header .wrap{
  height: 95px;
  padding-top:25px;
}
header h1,header p#logo{
float:left;
}
header .hnav{
float:right;
}
header .hnav ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
header .hnav ul li{
  margin-right: 1.5em;
  font-weight:bold;
}

#nav{
background:#fff;
padding:20px 0;
}
#nav ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#nav ul li{
  margin-right: 1.5em;
}
#nav ul li a{
  color:#40220F;
  font-weight:bold;
}

#nav2{
padding:12px 0;
}
#nav2 .wrap{
  height: auto;
  padding-top:0;
}

#nav2 ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#nav2 ul li{
  width:50%;
  text-align:center;
padding:12px 0;
}
#nav2 ul li#nav01{background-color:#66CCCC;}
#nav2 ul li#nav02{background-color:#EF8BB6;}
#nav2 ul li a{
  color:#FFF;
  font-weight:bold;
}

footer{
	background:#333;
	padding:30px 0;
	color:#FFF;
	text-align:center;
}
footer address{
	font-size:12px;
}
footer a{
	color:#FFF;
	margin-right:20px;
}

p.bt a{
	width:300px;
	display:block;
	text-align:center;
	margin:0 auto;
	background:#00CCCC;
	padding:30px 0;
	color:#FFF;
	font-weight:bold;
}

@media (max-width: 750px) {
.sp{
	display:block;
}
.pc{
	display:none;
}
body .wrap {
  width: 96%;
  max-width: 96%;
  margin:0 auto;
}
body header h1 img,body header p#logo img {
  max-width: 78%;
  	margin-left:10px;
  height: auto;
}

p.bt a{
	width:90%;
	display:block;
	text-align:center;
	margin:0 auto;
	background:#00CCCC;
	padding:10px 0;
	color:#FFF;
	font-weight:bold;
}

em{
	display:block;
}

}