@charset "UTF-8";
/* reset */
*,*::before,*::after {
  box-sizing:border-box
}
* {
  margin:0
}
body{
  line-height:1.5;
  -webkit-font-smoothing:antialiased
}
img,picture,video,canvas,svg {
  display:block;
  max-width:100%
}
input,button,textarea,select {
  font:inherit
}
p,h1,h2,h3,h4,h5,h6 {
  overflow-wrap:break-word
}
#root,#__next{
  isolation:isolate
}

/* アンケート */
body {
  background: #F7F7F7;
}

#wrap {
  width: 100vw;
  max-width: 750px;
  margin: auto;
  background: #FFFFFF;
}

.logo {
  width: 260px;
  height: auto;
  padding: 20px 0 0 20px;
}

.form_area {
  padding: 20px;
  background: #00abc3;
}

.precautions {
  padding: 20px;
}

.precautions ul {
  padding-left: 20px;
  margin: 0;
}

.precautions li {
  line-height: 2;
}

iframe {
  width: 100%;
  height: 100vw;
  border: none;
}

footer {
  padding: 0 20px;
  background: #FFFFFF;
}

.copyright {
  border-top: 1px solid #CCCCCC;
  padding: 15px 0;
  box-shadow: none;
  background: #FFFFFF;
}

@media (max-width: 480px) {
  .logo {
    width: 170px;
    padding: 15px 0 0 15px;
  }
  .form_area {
    padding: 15px;
  }
  .precautions li {
    line-height: 1.5;
  }
  footer {
    padding: 0 15px;
  }
  .copyright {
    padding: 10px 0;
  }
}