@charset "utf-8";
/* CSS Document */



/* 基本
------------------------------------------------------*/
body {
  font: 14px/22px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
  color: #0060bc;
}

a:hover {
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}
a.tel:hover {
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}

img {
  width: 100%;
  max-width: 768px;
  height: auto;
  vertical-align: bottom;
}


#wrapper {
  max-width: 768px;
  margin: 0 auto;
}







.wrap_btn {
  position: relative;
}
.wrap_btn a {
  position: absolute;
  display: block;
  width: 42%;
  left: 4.4%;
}
.wrap_btn.wrap_btn1 a {
  top: 88.1%;
}

.wrap_btn.wrap_btn2 a,
.wrap_btn.wrap_btn4 a {
  left: 53.6%;
}
.wrap_btn.wrap_btn2 a {
  top: 83.9%;
}
.wrap_btn.wrap_btn3 a {
  top: 83%;
}
.wrap_btn.wrap_btn4 a {
  top: 82.1%;
}
.wrap_btn.wrap_btn5 a {
  top: 73.4%;
}






.wrap_btn.tel a {
  width: 48.9%;
  top: 19.4%;
  left: 46.3%;
}



.note {
  border: 1px solid #555;
  padding: 10px;
  margin: 10px 4%;
  font-size: 10px;
  line-height: 14px;
  text-align: justify;
}
.note p {
  font-size: 10px;
  line-height: 14px;
  text-align: justify;
}
.note p:first-child {
  margin-bottom: 5px;
}


@media (min-width: 768px) {

  .note {
    padding: 15px;
    margin: 15px 4%;
  }
  .note p {
    font-size: 17px;
    line-height: 24px;
  }

}