@charset "UTF-8";

.pc-only-ib {
  display: none;
}

.contents_wapper {
  background: none;
}

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

.cp_info ul {
}

.cp_info ul li {
  padding: 20px 0;
}

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


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

.cp_howto ul li:after {
  content: "";
  display: block;
  width: 24px;
  height: 15px;
  background-image: url(../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) {

.pc-only-ib {
  display: inline-block;
}



.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;
}


.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(../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) {
}