body, html {
  -webkit-text-size-adjust: 100%
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block
}

.clearfix:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: " "
}

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
  background: 0 0;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0
}

body, input, option, select, table, textarea {
  font: Arial, Helvetica, sans-serif
}

body {
  width: 100%;
  line-height: 1.5;
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  background-color: #e9f1fa;
  font-size: 13px
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

:focus {
  outline: 0
}

ins {
  text-decoration: none
}

del {
  text-decoration: line-through
}

em {
  font-style: normal
}

html {
  font-size: 20px
}

#wrapper {
  max-width: 750px;
  overflow: hidden;
  background-color: #fff;
  margin: 0 auto
}

#wrapper img, #wrapper input {
  max-width: 100%;
  vertical-align: top;
  margin: 0
}
/*header{
    position: relative;
}
header:after{
      content: "";
  display: block;
  position: absolute;
  width: 17.86%;
  height: 0;
  padding: 12.8% 0 0;
  background-image: url(../images/enquete_bg_next.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 61.45%);
  transform: translate(-50%, 61.45%);
  z-index: 2
}*/

.trial {
  background-image: url(../images/trial_bg.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto
}

.trial .trial_set {
  margin: 4.66% 0 0
}

.trial .trial_set .trial_set_item2 {
  width: 69.46%;
  margin: 0 auto;
  -webkit-transform: translate(0, -30%);
  transform: translate(0, -30%)
}

.trial .trial_set .trial_set_item3 {
  width: 90.4%;
  margin: 0 auto;
  -webkit-transform: translate(0, -55%);
  transform: translate(0, -55%)
}

.enquete {
  color: #132f4f
}

.enquete .enquete_qbox {
  background-color: #e9f1fa;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
  padding: 7.33% 4.66%;
  padding-bottom: 0 0 2.4%;
  position: relative
}


.enquete .enquete_qbox:after {
  content: "";
  display: block;
  position: absolute;
  width: 17.86%;
  height: 0;
  padding: 12.8% 0 0;
  background-image: url(../images/enquete_bg_next.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 61.45%);
  transform: translate(-50%, 61.45%);
  z-index: 2
}

.enquete .enquete_qbox .q-title {
  margin-left: auto;
  margin-right: auto
}

.enquete .enquete_qbox [data-notes] {
  position: relative
}

.enquete .enquete_qbox [data-notes]::before {
  content: attr(data-notes);
  position: absolute;
  top: -1em;
  right: 0;
  margin: auto;
  font-size: 0.5em
}

.enquete .enquete_qbox .notice {
  padding: 1em 3.53% 0
}

.enquete .enquete_qbox.enquete_qbox1 {
  background-image: url(../images/enquete_bg_q1.png)
}

.enquete .enquete_qbox.enquete_qbox1 .q-title {
  width: 68.97%;
  margin-bottom: 9.11%;
  padding-right: 1.76%
}

.enquete .enquete_qbox.enquete_qbox1 .a-list {
  padding: 0 13.23%
}

.enquete .enquete_qbox.enquete_qbox1 .notice {
  padding-left: 13.23%
}
.enquete .enquete_qbox.enquete_qbox1 .notice2,
.enquete .enquete_qbox.enquete_qbox3 .notice2{
  float: right;
  padding: 0 13.23% 1em 0 
}

.enquete .enquete_qbox.enquete_qbox2 {
  background-image: url(../images/enquete_bg_q2.png)
}

.enquete .enquete_qbox.enquete_qbox2 .figure {
  width: 78.08%;
  margin: 0 auto 6.17%;
  display: block
}

.enquete .enquete_qbox.enquete_qbox2 .q-title {
  width: 80%;
  margin-bottom: 8%
}

.enquete .enquete_qbox.enquete_qbox2 .a-list {
  padding: 0 10.88%
}

.enquete .enquete_qbox.enquete_qbox2 .notice {
  padding-left: 10.88%
}

.enquete .enquete_qbox.enquete_qbox3 {
  background-image: url(../images/enquete_bg_q3.png)
}

.enquete .enquete_qbox.enquete_qbox3 .pic {
  width: 77.94%;
  margin: 0 auto 5.58%
}

.enquete .enquete_qbox.enquete_qbox3 .q-title {
  width: 81.03%;
  margin-bottom: 7%
}

.enquete .enquete_qbox.enquete_qbox3 .a-list {
  padding: 0 9.55%
}

.enquete .enquete_qbox.enquete_qbox3 .notice {
  padding-left: 9.55%
}

.enquete .enquete_qbox .enquete_qbox_inner {
  background: url(../images/enquete_bg_inner.png) repeat 50% 50%;
  background-size: 340px auto;
  padding: 10% 0 11.6%
}

.enquete .enquete_qbox .a-list li {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3125;
  margin: 0 0 .5em;
  padding-left: 2.5rem
}

.enquete .enquete_qbox .a-list li rt {
  text-align: right
}

.enquete .enquete_qbox .a-list li .custom-control-label.-height {
  line-height: 1.5
}

.enquete .enquete_qbox .a-list li .custom-control-label::before {
  width: 1.3rem;
  height: 1.3rem;
  top: 50%;
  left: -2.5rem;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.enquete .enquete_qbox .a-list li .custom-control-input:checked~.custom-control-label::before {
  border-color: #3486b7;
  background-color: #3486b7
}

.enquete .enquete_qbox .a-list li .custom-control-label::after {
  width: 1.3rem;
  height: 1.3rem;
  top: 50%;
  left: -2.5rem;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.enquete .enquete_qbox .a-list li input[type="radio"], .enquete .enquete_qbox .a-list li input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0
}

.enquete .enquete_control {
  padding: 15% 0 19.33%
}

.enquete .enquete_control .text_thanks {
  width: 74.53%;
  margin: 0 auto 6.13%
}

.enquete .enquete_control .btn_info {
  width: 88%;
  margin: 0 auto 5%
}

.enquete .enquete_control .btn_info a.disable {
  cursor: default
}

.enquete .notice,
.enquete .notice2{
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  padding: 1em 3.53% 0
}

#footer {
  padding-bottom: .5em
}

#footer .links {
  margin-bottom: 2.5%;
  text-align: center
}

#footer .links li {
  font-size: 1rem;
  border-right: 1px solid #a9a9a9;
  display: inline-block;
  padding: 0 1.5em
}

#footer .links li:last-child {
  border-right: none
}

#footer .links li a {
  color: #222;
  text-decoration: none
}

#footer small {
  font-size: 1rem;
  display: block;
  color: #222;
  text-align: center
}

.android .enquete .enquete_qbox [data-notes]::before {
  top: -0.7em
}

@media (max-width: 749px) {
  html {
    font-size: 10px
  }
  .enquete .enquete_qbox .a-list li {
    font-size: 4.26vw
  }
  .enquete .notice,
  .enquete .notice2{
    font-size: 2.66vw
  }
}
.red{
    color: #d80c48;
}