body {
  position: relative !important;
}
.cfooter a {
  text-decoration: underline;
}
#cpn-main {
  padding-bottom: 120px !important;
}
body {
  min-width: 100%;
}
.header,
.main {
  width: 100% !important;
  max-width: 1000px;
}

.img-box {
  position: relative;
  container-type: inline-size;
}

.img-box img {
  width: 100%;
}
.img-box a {
  display: block;
  position: absolute;
  z-index: 1;
}
.act {
  position: relative;
  margin-top: 25px;
}

.act::before,
.act::after {
  content: "";
  display: block;
  width: 1.5%;
  height: 4%;
  background: #dbaa00;
  position: absolute;
  top: 50%;
  right: 2.6%;
  z-index: 2;
}
.act.table::before,
.act.table::after {
  content: "";
  display: block;
  width: 1.5%;
  height: 1.6%;
  background: #fff;
  position: absolute;
  top: 46%;
  right: 5.2%;
  z-index: 2;
}
.act::after {
  transform: rotate(90deg);
  transition: 0.3s;
}
.act.active::after {
  transform: rotate(0deg);
}
.acc {
  display: none;
}

.pattern {
  background: #e7d8ad;
  padding: 35px 33px;
}
.pattern .ttl {
  margin: auto;
}

.link-1 {
  width: 23%;
  height: 54%;
  left: 3%;
  top: 24%;
}

.link-2 {
  width: 23%;
  height: 54%;
  left: 27%;
  top: 24%;
}
.link-3 {
  width: 23%;
  height: 54%;
  left: 50%;
  top: 24%;
}

.link-4 {
  width: 23%;
  height: 54%;
  left: 74%;
  top: 24%;
}
.link-5 {
  top: 23%;
  left: 5%;
  height: 7%;
  width: 43%;
}
.link-6 {
  top: 197px;
  left: 81px;
  height: 255px;
  width: 265px;
  border-radius: 16px;
}

.link-7 {
  top: 197px;
  left: 368px;
  height: 255px;
  width: 265px;
  border-radius: 16px;
}
.link-8 {
  top: 197px;
  left: 655px;
  height: 255px;
  width: 265px;
  border-radius: 16px;
}

.link-9 {
  top: 11.4%;
  left: 38%;
  height: 1.3%;
  width: 24%;
}

.link-10 {
  top: 919px;
  left: 81px;
  height: 166px;
  width: 265px;
  border-radius: 16px;
}
.link-11 {
  top: 919px;
  left: 368px;
  height: 166px;
  width: 265px;
  border-radius: 16px;
}
.link-12 {
  top: 919px;
  left: 655px;
  height: 166px;
  width: 265px;
  border-radius: 16px;
}

.link-13 {
  top: 26.5%;
  left: 38%;
  height: 1.3%;
  width: 24%;
}

.link-14 {
  top: 1290px;
  left: 81px;
  height: 255px;
  width: 265px;
  border-radius: 16px;
}
.link-15 {
  top: 1290px;
  left: 368px;
  height: 255px;
  width: 265px;
  border-radius: 16px;
}
.link-16 {
  top: 1290px;
  left: 655px;
  height: 255px;
  width: 265px;
  border-radius: 16px;
}

.link-17 {
  top: 37.5%;
  left: 38%;
  height: 1.3%;
  width: 24%;
}

.link-18 {
  top: 1768px;
  left: 81px;
  height: 166px;
  width: 265px;
  border-radius: 16px;
}
.link-19 {
  top: 1768px;
  left: 368px;
  height: 166px;
  width: 265px;
  border-radius: 16px;
}
.link-20 {
  top: 1768px;
  left: 655px;
  height: 166px;
  width: 265px;
  border-radius: 16px;
}

.link-21 {
  top: 46.8%;
  left: 38%;
  height: 1.3%;
  width: 24%;
}

.link-22 {
  top: 2159px;
  left: 81px;
  height: 255px;
  width: 265px;
  border-radius: 16px;
}
.link-23 {
  top: 2159px;
  left: 368px;
  height: 255px;
  width: 265px;
  border-radius: 16px;
}
.link-24 {
  top: 2159px;
  left: 655px;
  height: 255px;
  width: 265px;
  border-radius: 16px;
}

.link-25 {
  top: 58.2%;
  left: 38%;
  height: 1.3%;
  width: 24%;
}

.link-26 {
  top: 2637px;
  left: 81px;
  height: 255px;
  width: 265px;
  border-radius: 16px;
}
.link-27 {
  top: 2637px;
  left: 368px;
  height: 255px;
  width: 265px;
  border-radius: 16px;
}
.link-28 {
  top: 2637px;
  left: 655px;
  height: 255px;
  width: 265px;
  border-radius: 16px;
}

.link-6:hover,
.link-7:hover,
.link-8:hover,
.link-10:hover,
.link-11:hover,
.link-12:hover,
.link-14:hover,
.link-15:hover,
.link-16:hover,
.link-18:hover,
.link-19:hover,
.link-20:hover,
.link-22:hover,
.link-23:hover,
.link-24:hover,
.link-26:hover,
.link-27:hover,
.link-28:hover {
  border: solid 2px #cfa229;
}

.link-29 {
  top: 69.7%;
  left: 38%;
  height: 1.3%;
  width: 24%;
}

.link-30 {
  top: 77%;
  left: 9%;
  height: 1.6%;
  width: 40%;
}
.link-31 {
  top: 77%;
  right: 9%;
  height: 1.6%;
  width: 40%;
}

.link-32 {
  top: 79.5%;
  left: 3%;
  height: 4.6%;
  width: 94%;
}
.link-33 {
  top: 84.7%;
  left: 30%;
  height: 1.6%;
  width: 40%;
}
.link-34 {
  top: 97%;
  left: 4%;
  height: 1.6%;
  width: 28%;
}
.link-35 {
  top: 97%;
  left: 36%;
  height: 1.6%;
  width: 28%;
}
.link-36 {
  top: 97%;
  left: 68%;
  height: 1.6%;
  width: 28%;
}
.link-37 {
  top: 84%;
  left: 36%;
  height: 9%;
  width: 28%;
}

.link-38 {
  top: 19%;
  left: 2%;
  height: 68%;
  width: 47%;
}
.link-39 {
  top: 19%;
  right: 2%;
  height: 68%;
  width: 47%;
}
.about {
  margin: 3em 30px 0;
}
.about h2 img {
  margin: auto;
}
.about table {
  margin-top: 3em;
  border-color: #888888;
}
.about table th,
.about table td {
  vertical-align: top;
  padding: 20px 18px;
  border-color: #888888;
  font-size: 14px;
  line-height: 20px;
}
.about table th {
  width: 200px;
  background-color: #e9e9e9;
  font-weight: bold;
}
.about table .indent {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}

.about table .indent-2 {
  display: inline-block;
  padding-left: 2em;
  text-indent: -2em;
}

.about table a {
  text-decoration: underline;
}

.fixed {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1000px;
  z-index: 2;
}
.sp {
  display: none;
}

.l-sectionWrap--CardSelect {
  padding-top: 0;
}

#anc3 {
  position: absolute;
  top: 87%;
  width: 100%;
  height: 2px;
}

@media screen and (max-width: 768px) {
  #cpn-main {
    padding-bottom: 80px !important;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }

  .act::before,
  .act::after {
    width: 2%;
    height: 2%;
    top: 49%;
    right: 3.5%;
  }

  .act.table::before,
  .act.table::after {
    width: 1.6%;
    height: 1.2%;
    top: 47%;
    right: 5.2%;
  }

  .pattern {
    padding: 18px 15px;
  }
  .pattern .ttl {
    width: 58.66vw;
  }
  .link-1 {
    width: 45%;
    height: 40%;
    left: 4%;
    top: 7%;
  }

  .link-2 {
    width: 45%;
    height: 40%;
    right: 4%;
    top: 7%;
    left: unset;
  }
  .link-3 {
    width: 45%;
    height: 40%;
    left: 4%;
    top: 54%;
  }

  .link-4 {
    width: 45%;
    height: 40%;
    right: 4%;
    top: 54%;
    left: unset;
  }
  .link-5 {
    top: 16%;
    left: 18%;
    height: 4%;
    width: 64%;
  }
  .link-6 {
    top: 3.7%;
    left: 7.8%;
    height: 2.2%;
    width: 85%;
  }
  .link-7 {
    top: 6%;
    left: 7.8%;
    height: 2.8%;
    width: 85%;
  }
  .link-8 {
    top: 9%;
    left: 7.8%;
    height: 4%;
    width: 85%;
  }

  .link-9 {
    top: 13.1%;
    left: 22%;
    height: 1.3%;
    width: 56%;
  }

  .link-10 {
    top: 21.5%;
    left: 7.8%;
    height: 2.3%;
    width: 85%;
  }
  .link-11 {
    top: 24%;
    left: 7.8%;
    height: 2.3%;
    width: 85%;
  }
  .link-12 {
    top: 26.5%;
    left: 7.8%;
    height: 2.3%;
    width: 85%;
  }

  .link-13 {
    top: 29%;
    left: 22%;
    height: 1.3%;
    width: 56%;
  }

  .link-14 {
    top: 32.5%;
    left: 7.8%;
    height: 2.3%;
    width: 85%;
  }
  .link-15 {
    top: 35%;
    left: 7.8%;
    height: 2.3%;
    width: 85%;
  }
  .link-16 {
    top: 37.5%;
    left: 7.8%;
    height: 4%;
    width: 85%;
  }

  .link-17 {
    top: 41.6%;
    left: 22%;
    height: 1.3%;
    width: 56%;
  }

  .link-18 {
    top: 45%;
    left: 7.8%;
    height: 2.3%;
    width: 85%;
  }
  .link-19 {
    top: 47.5%;
    left: 7.8%;
    height: 2.3%;
    width: 85%;
  }
  .link-20 {
    top: 50%;
    left: 7.8%;
    height: 2.3%;
    width: 85%;
  }

  .link-21 {
    top: 52.5%;
    left: 22%;
    height: 1.3%;
    width: 56%;
  }

  .link-22 {
    top: 56%;
    left: 7.8%;
    height: 4%;
    width: 85%;
  }
  .link-23 {
    top: 60%;
    left: 7.8%;
    height: 2.3%;
    width: 85%;
  }
  .link-24 {
    top: 62.5%;
    left: 7.8%;
    height: 4%;
    width: 85%;
  }

  .link-25 {
    top: 66.7%;
    left: 22%;
    height: 1.3%;
    width: 56%;
  }

  .link-26 {
    top: 70%;
    left: 7.8%;
    height: 2.3%;
    width: 85%;
  }
  .link-27 {
    top: 72.5%;
    left: 7.8%;
    height: 4%;
    width: 85%;
  }
  .link-28 {
    top: 76.6%;
    left: 7.8%;
    height: 2.3%;
    width: 85%;
  }

  .link-29 {
    top: 79.1%;
    left: 22%;
    height: 1.3%;
    width: 56%;
  }

  .link-30 {
    top: 84%;
    left: 9%;
    height: 1.3%;
    width: 82%;
  }
  .link-31 {
    top: 85.4%;
    left: 9%;
    height: 1.3%;
    width: 82%;
  }

  .link-32 {
    top: 87.6%;
    left: 3%;
    height: 2%;
    width: 94%;
  }
  .link-33 {
    top: 90%;
    left: 9%;
    height: 1.6%;
    width: 82%;
  }
  .link-34 {
    display: none !important;
  }
  .link-35 {
    display: none !important;
  }
  .link-36 {
    display: none !important;
  }

  #anc3 {
    top: 93.8%;
    left: 4%;
    height: 6%;
    width: calc(100% - 4%);
  }
  #anc3 .cplist {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    gap: 5%;
    padding-right: 4%;
    overflow-x: auto;
  }
  #anc3 .cplist a {
    position: static;
    width: 42%;
    min-width: 42%;
  }

  .link-37 {
    top: 85%;
    left: 10%;
    height: 11%;
    width: 80%;
  }

  .link-38 {
    top: 19%;
    left: 2%;
    height: 68%;
    width: 47%;
  }
  .link-39 {
    top: 19%;
    right: 2%;
    height: 68%;
    width: 47%;
  }

  .entrydcard {
    padding: 0;
  }

  .about {
    margin: 2em auto;
    width: 92%;
  }
  .about h2 img {
    width: 55%;
  }
  .about table {
    margin-top: 2em;
  }
  .about table th,
  .about table td {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 15px 13px;
  }
  .about table td {
    text-align: left;
  }
  .bnr-box {
    margin-top: -40px !important;
    margin-bottom: 40px !important;
  }
}