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

/* reset *************************************************************/
body {line-height:1; margin:0; font-family:arial,sans-serif;}
h1, h2, h3, h4, h5, h6, p {margin:0; font-size:100%; font-weight:normal; line-height:1.3;display:block;}
article,footer,header {display:block;}
ul,li {list-style:none; padding:0;margin:0;}
dl,dt,dd {padding:0; margin:0;}
table,tr,td {border:0;padding:0;margin:0;}
a {display:block;color:#0066cc;text-decoration:underline;}
img {vertical-align:baseline; border:0; padding:0; margin:0;}
div {margin:0;padding:0;}
/* //reset *************************************************************/

*{
  box-sizing: border-box;
}
body {
  background: #333;
  font-family: sans-serif;
}
img {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  margin:0 auto;
}
#wrapper {
  background: #000;
  overflow-y: hidden;
  position: relative;
}
@media screen and (min-width: 751px) {
  body {font-size:32px;}
  #wrapper {width:750px;margin:auto;}
}
@media screen and (max-width: 750px) {
  body {font-size:16px;}
  #wrapper {width:100%;}
}

#header {
  background: #fff;
  border-top: 3px solid #ff3399;
  text-align: center;
  padding: 1.33333%
}
#footer {
  color: #fff;
  text-align: center;
}
#footer a {
  color: #000;
  font-size: 12px;
}
#logo {
  width: 39.33333%;
  margin: auto;
}
#main {
  position: relative;
  padding-bottom: 25%;
}
#main .btn-area {
  position: absolute;
  bottom: 0;
}
.c {
  padding: 5.33333%;
  text-align: center;
}
.pink {
  background: #ff3399;
}
.white {
  background: #fff;
}
.black {
  background: #000;
}
.btn-head {
  width: 63.28558%;
  margin: auto;
}