@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:#ff6699;text-decoration:none;}
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: #fff;
  overflow-y: hidden;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 751px) {
  body {font-size:24px;}
  #wrapper {width:750px;margin:auto;}
}
@media screen and (max-width: 750px) {
  body {font-size:14px;}
  #wrapper {width:100%;}
}
.btn-area {
  background: #ffe6ef;
}
.btn-top {
  width: 87.183%;
  margin: auto;
}
.btn {
  width: 100%;
}
.box {
  background: #fff;
  border-radius: 17.5px;
  border:2.5px solid #ff4998;
  padding: 2.85714%;
}
@media screen and (min-width: 751px) {
  .box {
    border-radius: 25px;
    border:5px solid #ff4998;
  }
}
@media screen and (max-width: 750px) {
  .box {
    border-radius: 17.5px;
    border:2.5px solid #ff4998;
  }
}
.box > div {
  margin-bottom: 3.030%;
}
/**************************************************/
#header {
  width: 100%;
}
#logo {
  width: 31.4666666%;
  margin: auto;
  padding: 2.5% 0;
}
#top {
  position: relative;
  width: 100%;
  background: #edd4d5;
}
#top-bg {
  width: 100%;
}
#top-main {
  position: absolute;
  top: 4%;
  left: 0;
  right: 0;
  margin: auto;
  width: 89.3333333%;
}
#visual {
  width: 47.164179104%;
  float: left;
  position: relative;
}
#monitor {
  width: 86.708860759%;
  position: absolute;
  top: 9.5%;
  left: 6%;
}
#title {
  width: 49.552238805%;
  float: right;
}
#top-bottom {
  padding: 30% 0 0;
}
#top-bottom .description {
  width: 73.880597014%;
  margin: auto;
}
/*************************/
.content {
  width: 89.3333333%;
  margin: auto;
  padding: 5% 0 0;
}
.content img {
  margin-bottom: 5%;
}
.btn {
  background: #edd4d5;
  padding: 6% 8%;
}
.arrow {
  width: 10% !important;
}
#last {
  display: table;
  width: 75%;
  margin: auto;
}
#last div {
  display: table-cell;
}
#last .nokori {
  width:13.283582089%;
}
#last .count {
  font-weight: bold;
  color: #af8bb4;
  width: 50%;
}
@media screen and (min-width: 751px) {
  #last .count {
    font-size: 200px;
  }
}
@media screen and (max-width: 750px) {
  #last .count {
    font-size: 100px;
  }
}
#last .meisama {
  width: 14.925373134%;
}
#bottom-bg {
  background: #edd4d5;
}
#footer {
  background: #333;
  color: #fff;
  padding: 5% 0;
}
#copyright {
  font-size: 14px;
  margin-bottom: 3%;
}
#footer p {
  font-size: 11px;
}
#footer p span {
  font-weight: bold;
}