/*基本設定*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure {
  margin: 0;
  padding: 0;
}
body {
  text-align: center;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
img {
  vertical-align: bottom;
}
a:hover {
  opacity: 0.7;
  transition: all .4s;
}
.all {
  width: 100%;
  background: #b2d3d8;
}
.main {
  width: 750px;
  margin: auto;
}
header {
  width: 100%;
  height: auto;
}
.btn {
  width: 750px;
  background: #FFF;
}
.btn img {
  margin: 38px auto;
  width: 507px;
  height: 125px;
  overflow: hidden;
}
.color {
  position: relative;
}
#point {
  position: absolute;
  top: 550px;
}
ul.type {
  width: 664px;
  position: absolute;
  left: 43px;
  top: 710px;
  list-style: none;
}
ul.type2 {
  width: 664px;
  position: absolute;
  left: 43px;
  top: 794px;
  list-style: none;
}
.type li {
  width: 166px;
  float: left;
}
.type2 li {
  width: 166px;
  float: left;
}