@charset "utf-8";

/****************************************
アコーディオン
****************************************/
section .acoWrap:last-of-type {
  padding-bottom: 10px;
  border-bottom: 1px dotted #003F75;
}

.acoWrap label {
  font-size: 1.8rem;
  margin-top: 10px;
  color: #003F75;
}

.acoWrap:not(:first-of-type) label {
  padding-top: 10px;
  border-top: 1px dotted #003F75;
}

.acoWrap label i {
  color: #80AF6C;
}

/****************************************
ご利用ガイド
****************************************/

/* コメントアウトされているものは前に使っていたもの
同じnameのものを入れ替えれば過去の状態に戻せる */

/* .guideWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
} */

.guideWrap {
  display: block;
  margin-bottom: 20px;
}

.guideWrap:last-of-type {
  margin-bottom: 30px;
}

/* .guideWrap li {
  margin-top: 10px;
} */

.guideWrap li {
  width: 100%;
  margin-top: 10px;
}

/* .guideWrap li:first-child {
  width: 40%;
} */

.guideWrap li:first-child {
  width: 100%;
}

/* .guideWrap li:first-child img {
  border: 1px solid #CCC;
} */

.guideWrap li:first-child img {
  width: 100%; /* 画像を幅100%に */
  height: auto; /* アスペクト比維持 */
  border: 1px solid #CCC;
}

.guideWrap li:first-child:not(:has(img)) {
  background-color: #CCC;
}

/* .guideWrap li:last-child {
  width: 57%;
} */

.guideWrap li:last-child {
  width: 100%;
}

.guideCts > dt {
  position: relative;
  font-weight: 600;
}

.guideCts > dt:not(:first-child) {
  margin-top: 25px;
}

.guideCtsTester {
  counter-reset: alpha;
}

.guideCtsTester > dt {
  padding-left: 30px;
  border-bottom: 1px dotted #80AF6C;
  padding-bottom: 10px;
}

.guideCtsTester > dd {
  margin-top: 5px;
}

.guideCtsReport > dt {
  color: #80AF6C;
  font-size: 1.8rem;
}

.guideCtsReport > dt span {
  color: #80AF6C;
  font-weight: 300;
  font-size: 4rem;
  display: block;
  line-height: 1;
  border-bottom: 2px solid #80AF6C;
  width: fit-content;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.guideCtsReport > dd .guideCtsTester dt {
  margin-top: 15px;
}

.guideCtsReport > dd .guideCtsTester dd {
  font-size: 1.4rem;
}

.checkCts {
  background-size: auto auto;
  background-color: #FFF;
  background-image: repeating-linear-gradient(120deg, transparent, transparent 3px, rgba(248, 159, 158, 0.2) 3px, rgba(248, 159, 158, 0.2) 4px);
  border: 1px solid #f89f9e;
  padding: 10px 15px;
  line-height: 1.4;
  font-size: 1.4rem;
  margin-top: 15px;
}

.checkCts span {
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
}

@media only screen and (max-width: 768px) {
  .guideWrap li:first-child {
    width: 100%;
  }

  .guideWrap li:last-child {
    width: 100%;
    margin-top: 15px;
  }

  .guideCtsReport > dt span {
    font-size: 3rem;
  }
}