@charset "utf-8";

#mainContents {
  padding-top: 55px;
}
#mainContents #intro {
  line-height: 2;
  margin-bottom: 70px;
  font-size: 20px;
  text-align: center;
}
#mainContents .article {
  position: relative;
  padding-bottom: 20px;
}
#mainContents .article:before {
  display: block;
  content: "";
  position: absolute;
  bottom: -160px;
  right: -380px;
  width: 397px;
  height: 266px;
  background: url("../img/bg_flash.png") no-repeat left top;
  z-index: 0;
}
#mainContents .article section {
  margin-bottom: 50px;
}
#mainContents .article .common-text {
  padding: 0 35px;
}
#mainContents .article .common-text p {
  margin-bottom: 20px;
}
#mainContents .article dl dt {
  margin-bottom: 5px;
  padding-left: 38px;
  font-weight: bold;
  font-size: 1.125em;
  text-indent: -38px;
}
#mainContents .article dl dt:before {
  content: "Ｑ．";
  color: #e71619;
}
#mainContents .article dl dd {
  margin-bottom: 30px;
  padding-left: 38px;
  text-indent: -35px;
}
#mainContents .article dl dd:before {
  content: "Ａ．";
  color: #e71619;
  font-weight: bold;
}
#mainContents .article ul li {
  color: #000;
}
#errorMessage {
  display: inline-block;
  padding: 6px 10px;
  color:#c00;
  font-weight: bold;
  vertical-align: 2px;
  font-size:  0.85em;
}

#mainContents .formWrap h2 {
  height: 90px;
  background: url("../img/ttl_form.jpg") no-repeat center top / cover;
  font-size: 0;
}


@media (max-width: 1000px) {

}



@media (max-width: 812px) {

#mainContents {
  padding-top: 10vw;
}

#mainContents #intro {
  position: relative;
  margin-bottom: 13vw;
  font-size: 3.73vw;
  z-index: 1;
}
#mainContents #intro span {
  display: block;
}
#mainContents #intro br {
  display: none;
}
#mainContents .article {
  padding-bottom: 6vw;
}
#mainContents .article:before {
  bottom: -18vw;
  right: -23vw;
  width: 53vw;
  height: 35.4vw;
  background: url(../img/bg_flash.png) no-repeat left top / cover;
}
#mainContents .article section {
  margin-bottom: 8vw;
}
#mainContents .article .common-text {
  padding: 0 3%;
}
#mainContents .article .common-text p {
  margin-bottom: 15px;
}
#mainContents .article .common-text p br {
  display: none;
}
#mainContents .article dl dd {
  margin-bottom: 15px;
  padding-left: 33px;
  text-indent: -31px;
}
#mainContents .article ul li {
  font-size: 100%;
}


#mainContents .formWrap h2 {
  height: 15vw;
  background: url("../img/ttl_form_sp.jpg") no-repeat center top / cover;
}
}