h3.centerTitle {
  text-align: center;
  color: #3FA9F5;
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 20px;
}
p.centertext {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 530px;
  margin-bottom: 60px;
}
.infoTopImage {
  display: block;
  margin: 0 auto;
  width: 70%;
  padding: 0 15%;
  height: auto;
  aspect-ratio: 1/0.6;
  position: relative;
}

.info_norucamo {
  position: absolute;
  width: 85%;
  top: -4%;
  left: 15%;
}
.pointItem {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 80px;
  padding: 20px 0;
  border-bottom: solid 1px #E6E6E6;
}

.pointItemImg {
  width: 279px;
  display: block;
  flex-shrink: 0;
}

.pointItemTxt {
  text-align: left;
  flex-shrink: 1;
}

.pointTxtTitle {
  background-color: #FFAA00;
  width: 120px;
  aspect-ratio: 92/25;
  display: flex;
  justify-content: center;
  gap: 5px;
  align-items: last baseline;
  margin-bottom: 5px;
}
.pointTxtTitle p.titleTxt {
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}
.pointTxtTitle p.titleNum {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

p.explainTxt {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}

p.explainSmall {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
/*caution*/
.cautionListItem {
  display: grid;
  grid-template-columns: 25px 1fr;
  gap: 10px;
}
.cautionListItem::before {
  content: "";
  aspect-ratio: 1/1;
  background-image: url(images/caution-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
}
.cautionListItem:not(:last-of-type) {
  margin: 0 0 50px;
}

.cautionListBox {
  display: grid;
  gap: 15px;
}

.cautionListTitle {
  font-size: 1.8rem;
  line-height: 1.6667;
  margin: 0 0 12px;
  color: #ff1e63;
}

.red {
  color: #ff1e63;
}

.infoAttention {
  display: flex;
  justify-content: space-between;
  gap: 6.5%;
  border: solid 1px #ff1e63;
  background-color: #FFF1F5;
  padding: 30px;
  margin-bottom: 30px;
}

.infoAttentionText {
  flex-shrink: 1;
}

.infoAttentionTitle {
  display: flex;
  justify-content: left;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 20px;
}
.infoAttentionTitle img {
  width: 18px;
  height: auto;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  margin-top: 7px;
}
.infoAttentionTitle p {
  font-size: 20px;
  color: #FF1E63;
  font-weight: bold;
}

.infoAttentionP {
  font-size: 18px;
}

.infoAttentionImg {
  width: 30%;
  min-width: 250px;
  aspect-ratio: 352/236;
  flex-shrink: 0;
}
.infoAttentionImg img {
  width: 100%;
}
@media (min-width: 960px) {
  .cautionListItem {
    grid-template-columns: 41px 1fr;
    gap: 17px;
  }
  .cautionListItem::before {
    position: static;
  }
  .cautionListItem:not(:last-of-type) {
    margin: 0 0 120px;
  }
  .cautionListBox {
    gap: 5.254%;
  }
  .cautionListTitle {
    font-size: 2.4rem;
  }
}
@media (max-width: 959px) {
  h3.centerTitle {
    font-size: 24px;
  }
  p.centertext {
    font-size: 15px;
  }
  .pointItem {
    gap: 40px;
  }
  .pointItemImg {
    width: 180px;
  }
  .pointTxtTitle {
    width: 90px;
  }
  .pointTxtTitle p.titleTxt {
    font-size: 14px;
  }
  .pointTxtTitle p.titleNum {
    font-size: 16px;
  }
  p.explainTxt {
    font-size: 16px;
  }
  p.explainSmall {
    font-size: 14px;
  }
  .infoAttention {
    padding: 20px;
  }
  .infoAttentionTitle {
    margin-bottom: 10px;
  }
  .infoAttentionTitle img {
    width: 16px;
    margin-top: 5px;
  }
  .infoAttentionTitle p {
    font-size: 16px;
  }
  .infoAttentionP {
    font-size: 14px;
  }
}
@media (max-width: 639px) {
  h3.centerTitle {
    font-size: 18px;
  }
  p.centertext {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .infoTopImage {
    width: 90%;
    padding: 0 8%;
  }
  .info_card {
    width: 44%;
  }
  .pointItem {
    gap: 5px;
    flex-direction: column-reverse;
  }
  .pointItemTxt {
    width: 100%;
  }
  .pointItemImg {
    width: 80%;
  }
  .pointTxtTitle {
    width: 90px;
  }
  .pointTxtTitle p.titleTxt {
    font-size: 12px;
  }
  .pointTxtTitle p.titleNum {
    font-size: 14px;
  }
  p.explainTxt {
    font-size: 14px;
  }
  p.explainSmall {
    font-size: 12px;
  }
  /*

  */
  .infoAttention {
    flex-direction: column;
  }
  .infoAttentionText {
    margin-bottom: 20px;
  }
  .infoAttentionImg {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  .infoAttentionImg img {
    width: 100%;
  }
}

/*# sourceMappingURL=info.css.map*/