body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul {
	margin: 0;
	padding: 0;
  font-family: 'Zen Maru Gothic', sans-serif;
  line-height: 1.8;
  font-size: 1.4rem;
}
html {
  font-size: 62.5%;
  letter-spacing: .2em;
  line-height: 3;
}

p {
	line-height: 1.8;
}
a {
  color : #000000;
  text-decoration: none;
}
a:hover{
  color : #29a7e1;
}
.center {
  text-align: center;
}
.right {
  text-align:right;
}
.f_b {
  color: #000000;
}
img{
	vertical-align:top;
}
br {
line-height: 1.6;
}
.f10 {
  font-size: 1rem;
}
.f12 {
  font-size: 1.2rem;
}
.f14 {
  font-size: 1.4rem;
}
.f16 {
  font-size: 1.6rem;
}
.f17 {
  font-size: 1.7rem;
}
.f18 {
  font-size: 1.8rem;
}
.f20 {
  font-size: 2.0rem;
}
.f22 {
  font-size: 2.2rem;
}
.f24 {
  font-size: 2.4rem;
}
.f28 {
  font-size: 2.8rem;
}
.f30 {
  font-size: 3.0rem;
}
.f38 {
  font-size: 3.8rem;
}
.f44 {
  font-size: 4.4rem;
}

ul {
	list-style: none;
}

a img:hover {
	opacity: 0.3  ;
}

.container {
  max-width: 1080px;
}


.mt5 {
    margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mt80 {
  margin-top: 80px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb100 {
  margin-bottom: 100px;
}

.pd_no {
	padding: 0;
}
img {
  max-width: 100%;
  height: auto;
  }
.cf:before, .cf:after {
	content: "";
	display: block;
}
.cf:after {
	clear: both;
}
.cf {
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: block;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}