body{
    margin:0; padding:0; letter-spacing: 0.01em;
    font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans","Helvetica Neue","游ゴシック","ヒラギノ角ゴ Pro W3",Arial,sans-serif;    
}
img{ display:block; }
section{ width:750px; margin:0 auto; color:#494949; position: relative; }
.disnon{ display:none; }
.pcClass{ display:block; }

.cta01{ position: relative; }
.btn{ position:absolute; bottom:6%; width:750px;}
.btn img{ width:82%; margin:0 auto; }
.cta02 .btn{ bottom: 12.5%; }
.btm01{ bottom:32% !important; }
.urlPram{ display:none; }
  /* アニメーション */
/* expand */
.expand {
    -webkit-animation-name: expand;
    -moz-animation-name: expand;
    -o-animation-name: expand;
    animation-name: expand;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  @-webkit-keyframes expand {
    from, 0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
      -o-transform: scale(1.04);
      transform: scale(1.04);
    }
    to, 100% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes expand {
    from, 0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
      -o-transform: scale(1.04);
      transform: scale(1.04);
    }
    to, 100% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }

@media screen and (max-width:768px){
    section{ width:100%; }
    img{ width:100%; }
    .btn{ position:absolute; bottom:6%; width:100%;}
    .pcClass{ display:none; }
    .spfont{ font-size:5vw; }
}


/* qa */
h1{ width:100%; padding:25px 0 5px; text-align:center; margin:0; }
.fvback{ text-align:center; width:100%; margin-top:-128px; background:#f49093; padding:128px 0 20px; }
.disnon{ display:none; }
h2{ padding:25px 0 0; margin:0; }
h3{ padding:0px; margin:0; }
h3 img{ display: block; }
.pcClass{ display:block; }
#pagetop{ margin-top:-220px;}
.checkArea input{ line-height:200% !important; transform: scale(2); margin-top:0.3em !important; margin-right:1.5em !important; float:left; }
.question2,
.question3,
.question4,
.question5{ display:none; }
.disblock{ display:block !important; }
header{ background:#f49093; text-align: center; }
.select{ background:#731215 !important; }
.imgArea{ position:relative; }
.yesButton img,.noButton img,.completeButton img,.fvback img{ cursor: pointer; }
.yesButton{ position:absolute; bottom:30%; left:15%; }
.noButton{ position:absolute; bottom:30%; right:15%; }
.yesButton img:hover{ opacity:0.7; }
.noButton img:hover{ opacity:0.7; }
.question2 .yesButton,
.question4 .yesButton{ bottom:24%; left:0%; width:100%; text-align: center; }
.question2 .yesButton img,
.question4 .yesButton img{ display:inline-block; }
.checkArea{position:absolute; bottom:35.5%; left:10%; }
label{ display: block; padding-bottom:30px; }
label::after{ content:""; display: block; clear:both;}
label div{ float:left; font-size:26px; font-weight:700; line-height:100%; }
label span{ background:#ffdf71; }
label p{ font-size:80%; margin:0; padding:0;}
.messageTxt{ position: absolute; right: 2%; bottom: 22%; text-align: right; font-size: 15px; line-height: 170%; letter-spacing: 0.05em; }
.messageTxt4{ position: absolute; right: 2%; bottom: 13%; text-align: right; font-size: 15px; line-height: 170%; letter-spacing: 0.05em; }
.messageTxt5{ position: absolute; right: 2%; bottom: 14%; text-align: right; font-size: 15px; line-height: 170%; letter-spacing: 0.05em; }

@media screen and (max-width:768px){
  h1{ padding:15px 0 5px; }
  h1 img{ width:180px; }
  h2{ padding:10px 0 0; }
  h2 img{ width:150px; }
  .fv img{ width:100%; }
  #pagetop{ margin-top:-30%;}
  .pcClass{ display:none; }
  label{ width:100%; margin:0 auto; line-height:150%; padding-bottom:10px; }
  label div{ float:left; width:83.5vw; }
  .checkArea input{ transform: scale(1.3); margin-top:0.5em !important; margin-right:1em !important; }
  .spfont{ font-size:5vw; }
  .imgArea img{ width:100%; display: block; }
  .yesButton,.noButton{ width:40%; }
  .yesButton img,.noButton img{ width:70%; display:inline-block; }
  .question2 .yesButton img,.question4 .yesButton img{ width:30%; }
  .noButton{ text-align:right; }
  .checkArea{ left:7%; bottom:34.5%; }
  label div{ float:left; font-size:15px; font-weight:700; line-height:100%; margin-top: 5px; }
  .messageTxt{ font-size:12px; bottom:19%; }        
  .messageTxt4{ font-size:12px; bottom:9.5%; }        
  .messageTxt5{ font-size:12px; bottom:10.2%; }        
}

.lpAll{ opacity:0; display:none; transition: 0.5s; }
.qaArea{ transition:0.5s; }
.opaOn{ opacity:1; }
.opaOff{ opacity:0; }