charset "UTF-8";

/*/////////// base ////////////*/

html {
  -webkit-text-size-adjust: 100%;
}

body {
  width: 100%;
  height: 100%;
  color: #333333;
  font-size: 62.5%;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

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

a:hover {
  opacity: 0.8;
}

.pc-none {
  display: none;
}

.sp-none {
  display: block;
}

/* header */
/* footer */

/*pageup*/
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#pageTop i {
  padding-top: 6px
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/* main */
#wrap {
  max-width: 750px;
  margin: 0 auto;
}
.block01, .block02, .block03 {
  position: relative;
}
.block01 .btn-01 {
  bottom: 5.6%;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}
.block01 .btn-01 img {
  width: 85%;
  margin: auto;
}
.block02 .btn-02 {
  position: absolute;
  top: 39%;
}
.block02 .btn-02 img, .block02 .btn-03 img, .block02 .btn-04 img, .block02 .btn-05 img, .block02 .btn-06 img {
  margin: auto;
  width: 75%;
}
.block02 .btn-03 {
  position: absolute;
  bottom: 23.5%;
}
.block02 .btn-04 {
  position: absolute;
  bottom: 14%;
}
.block02 .btn-05 {
  position: absolute;
  bottom: 8.5%;
}
.block02 .btn-06 {
  position: absolute;
  bottom: 0.5%;
}
.block03 .bnr01 {
  position: absolute;
  top: 16%;
}
.block03 .bnr02 {
  position: absolute;
  top: 40%;
}
.block03 .bnr03 {
  position: absolute;
  bottom: 6%;
}
.block03 .bnr01 img, .block03 .bnr02 img, .block03 .bnr03 img {
  width: 78%;
  margin: auto;
}

/* sp */
@media screen and (max-width: 768px){
  .pc-none {
    display: block;
  }
  .sp-none {
    display: none;
  }

  .block01 .btn-01 {
    font-size: .6rem;
  }
}