@charset "UTF-8";
.sec1 {
  background:url("../images/top/top_bk.png") no-repeat;
	background-position: center bottom;
	background-size: cover;
  padding: 3.6em 0 2em;
}
.top_title {
  font-size: 3.4em;
  color: #fff;
  background:url("../images/top/head_title.png") no-repeat;
	background-size: contain;
  font-weight: bold;
  width: 89%;
  text-align: center;
  margin: 0 auto 0.5em;
  padding: 0.4em 0px;
  position: relative;
}

.top_title h1 {
	opacity: 0;
}

.top_title img {
  position: absolute;
  width: 53%;
  top: 0;
  left: 0;
  transform: translate(0,-60%);
}
.top_title:before,.top_title:after {
  position: absolute;
  content: "";
}

.sec1_text1 {
  font-size: 1.6em;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
}

.sec1_text1 span {
  font-size: 1.5em;
	color: #D87775;
}


.sec1_img {
  width: 75.7%;
  margin: 1.5em auto;
  display: block;
}
.sec1_offer {
  position: relative;
  width: 89%;
  margin: 0 auto;
}
.sec1_offer .button {
  position: absolute;
  bottom: 3%;
  display: block;
  width: 85.8%;
  left: 7.1%;
}

.sec1_offer_tip {
  text-align: center;
  line-height: 1.4;
}

.top_title .head_tip {
  position: absolute;
  width: 0.6em;
  height: 0.6em;
  top: 0.1em;
  right: 0.3em;
}

.qa {
  background:url("../images/top/top_bk_btm.png") no-repeat;
	background-position: center top;
	background-size: cover;
  padding: 6em 0 3em;
  position: relative;
  transition: height 1s ease;
  overflow: hidden;
}
.q_scenes li {
  width: 20%;
  background-size: 100% 100%;
  position: relative;
  z-index: 10;
}

.q_scenes {
  display: flex;
  width: 32%;
  justify-content: space-between;
  position: relative;
  position: absolute;
  top: 3em;
  right: 3.2%;
}
.q_scenes li img {
  opacity: 0;
}
.q_scenes .current img {
  opa1: ;
  opacity: 1;
}
.q_scenes:after {
  width: 100%;
  height: 0.2em;
  background: #fff;
  position: absolute;
  content: "";
  top: 50%;
  z-index: 1;
}
.q_number {
  text-align: center;
  position: relative;
  width: 44.8%;
  margin: 0 auto;
}
.q_number h2 {
  position: absolute;
  width: 44.2%;
  left: 27.9%;
}
.q_text {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  margin-top: 0.3em;
  margin-bottom: 1.4em;
}
.q_list_check {
  width: 1.4em;
  display: inline-block;
  vertical-align: top;
  flex-shrink: 0;
  margin-right: 0.5em;
  border: 2px solid #ed8b5c;
  padding: 0;
  border-radius: 0.2em;
  overflow: hidden;
  position: relative;
  height: 1.4em;
  background-size: 100% 100%;
}
input:checked + .q_list_check{
  background-image: url("../../assets/images/common/check box.png");
}
.q_list_img {
  width: 3.3em;
  flex-shrink: 0;
}
.q_list label {
  display: flex;
  padding: 0.6em 0.3em;
  cursor: pointer;
  background: #fff;
  font-size: 1.8em;
  position: relative;
  min-height: 4.5em;
  align-items: start;
}
.q_list li {
  margin: 2.5% 3.2%;
}
.q_list_text {
  display: inline-block;
  width: 67%;
  margin-right: 3%;
  line-height: 1.5;
}
.q_list_check img {
  opacity: 0;
}
#q_wrap_in {
  position: absolute;
  left: 0;
  top: 6em;
  transition: transform 1s ease;
  padding-top: 1em;
  transform: translate3d(-0%,0,0);
  width: 400%;
  display: block;
}

.qa_box {
  width: 25%;
  float: left;
}