@charset "UTF-8";

.contents_wapper {
  background: none;
}

.cp_info_qz {
  background-image: url(/contents/2610frvw/img/sub1-bg.jpg);
  background-size: auto 764px;
  padding: 20px;
}



.cp_info_qz ul li {
  margin-bottom: 10px;
}

.cp_howto {
  background-image: url(/contents/2610frvw/img/sub2-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 50px;
}

.cp_present_qz,
.cp_howto_qz {
  background-image: url(/contents/2610frvw/img/sub2-bg.jpg);
  background-repeat: repeat-y;
  background-size: 100% auto;
  padding: 30px 50px;
}

.cp_present_qz {
  padding: 20px ;
}

.present_qz {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  margin: 0 30px;
}

.cp_present_qz ul {
  margin: 20px 30px;
}

.cp_present_qz ul li {
  margin-bottom: 10px;
}

.text-pink {
  color: #c75785;
}

.present_qz_more {
  text-align: center;
  color: #343434;
  font-size: 22px;
  background-image: url(/contents/2610qzap/img/brownline.png);
  background-repeat: repeat-x;
  background-size: 100% 1px;
  background-position: center left;
}

.present_qz_more span {
    background-color: #eae7dc;
    padding: 0 20px;
}

.present_qz_sub {
  background-image: url(/contents/2610qzap/img/sub-bg3.jpg);
  background-repeat: repeat-y;
  background-size: auto 100px;
  padding: 20px 5px;
  text-align: center;
  color: #fff;
}

.hint_img {
  padding: 0 100px;
}

.qz_hinto {
  color: #fff;
  padding: 20px 20px 5px;
}


.cp_bu_area {
  background-color: #e7e3d8;
  text-align: center;
}


.cp_howto ul li {
  position: relative;
  margin-bottom: 30px;
}

.cp_howto ul li:after {
  content: "";
  display: block;
  width: 24px;
  height: 15px;
  background-image: url(/contents/2610frvw/img/sankaku_sita.png);
  background-repeat: no-repeat;
  background-size: 24px auto;
  position: absolute;
  left:calc(50% - 12px);
  bottom:-26px;
}

.cp_howto ul li:last-of-type:after {
  display: none;
}


.guinness {
        background-color: #F9F7EB;
        padding: 10px 0px ;
        text-align: center;
    }
 

@media screen and (min-width: 768px) {

.cp_info_qz {
padding: 100px 0;
}

  .cp_info_qz ul {
  width: 1180px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 10px;
  }

  .cp_info_qz ul li {
    width: 580px;
  }

.cp_present_qz {
  padding: 100px 0;
}

  .cp_present_qz ul {
  width: 1260px;
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap:30px;
}

.cp_present_qz ul li {
  margin-bottom: 10px;
}

.present_qz {
  width: 1260px;
  margin:  40px auto;
}

.cp_info {
  background-size: 100% auto;
  padding: 100px 0px;
}

.cp_info ul {
  width: 1260px;
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.cp_info ul li {
  width: 400px;
  padding: 0;
}



.present_qz_sub {
  background-size: 100% auto;
  padding: 40px 5px;
  justify-content: center;
}

.hint_img {
  padding: 0;
}

.qz_hinto {
  color: #fff;
  padding: 0 0 0 50px;
  width: 700px;
}



.cp_bu_area img {
  max-width: 700px;
}


.cp_howto {
  padding: 100px 50px;
}

.cp_howto h2 img {
  width: 400px;
}

.cp_howto ul {
  width: 1260px;
  display: flex;
  margin: 50px auto 20px;
  flex-wrap: nowrap;
  gap:20px;
  row-gap: normal;
}

.cp_howto ul li {
  width: 300px;
  position: relative;
}

.cp_howto ul li:after {
  content: "";
  display: block;
  width: 15px;
  height: 24px;
  background-image: url(/contents/2610frvw/img/sankaku.png);
  background-repeat: no-repeat;
  background-size: 15px auto;
  position: absolute;
  left: auto;
  bottom: auto;
  right:-20px;
  top:calc(50% - 12px);
}

.cp_howto ul li:last-of-type:after {
  display: none;
}
.guinness {
        padding: 50px 0px ;
    }


}



@media screen and (max-width: 767px) {
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}