@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------
	common
-----------------------------------------------------------*/
html {
  min-height: 100%;
  position: relative;
  background: #fff;
}
body, #wrapper {
  color: #333;
  font-size: 14px;
  line-height: 1.7;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}
img {
    vertical-align: top;
    width: auto;
}
.area_b_inr h3 img {}
#wrapper {
    overflow: hidden;
    min-width: 1080px;
}
#container {
    min-height: 100%;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#contents {
    width: 1080px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding-top: 0px;
    min-width: 0px;
    max-width: 100%;
}
/* img { max-width: 100%; height: auto; } */
a {
  text-decoration: underline;
}
a:link {
  color: #006ad5;
}
a:visited {
  color: #006ad5;
}
a:hover {
  color: #006ad5;
  text-decoration: none;
}
a:active {
  color: #006ad5;
}
@media only screen and (max-width: 769px) {
  body, #wrapper {
    font-size: 13px;
    min-width: 100%;
  }
#container {
    min-height: 100%;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-left: 2%;
    padding-right: 2%;
}
#contents {
    width: 1080px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding-top: 0px;
}
  img {
    max-width: 100%;
    height: auto;
  }
  #wrapper #contents {
    width: 100%;
    margin: 0 auto;
  }
  br.pc {
    display: none;
  }
  br.sp {
    display: inherit;
  }
}
/*-----------------------------------------------------------
	other
-----------------------------------------------------------*/
img.btn:hover {
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;
}
br.pc {
  display: inherit;
}
br.sp {
  display: none;
}
@media only screen and (max-width: 769px) {
  img {
    max-width: 100%;
    height: auto;
    top: auto;
  }
  /* #wrapper #contents { width: 95%; margin: 0 auto; }*/
  br.pc {
    display: none;
  }
  br.sp {
    display: inherit;
  }
}
/*-----------------------------------------------------------
	helper
-----------------------------------------------------------*/
@media only screen and (min-width: 769px) {
  .only_sp {
    display: none !important;
  }
}
@media only screen and (max-width: 769px) {
  .only_pc {
    display: none !important;
  }
}
.clear {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.inline_block {
  display: inline-block;
}
.hanging {
  display: inline-block;
  text-indent: -1em;
  margin-left: 1em;
}