.trouble-page {
  padding-top: 2.4rem;
  padding-bottom: 4rem;
}

@media (max-width: 767px) {
  .trouble-page {
    padding-top: 4.4rem;
    padding-bottom: 3rem;
  }
}

.pc-only {
  display: none;
}

.main-font {
  font-family: "Zen Old Mincho";
  line-height: 1.6;
}

.fs-1rem {
  font-size: 1rem;
}

.fs-1-1rem {
  font-size: 1.1rem;
}

.fs-1-2rem {
  font-size: 1.2rem;
}

.fs-1-3rem {
  font-size: 1.3rem;
}

.fs-1-4rem {
  font-size: 1.4rem;
}

.fs-1-5rem {
  font-size: 1.5rem;
}

.fs-1-6rem {
  font-size: 1.6rem;
}

.fs-1-7rem {
  font-size: 1.7rem;
}

.fs-1-8rem {
  font-size: 1.8rem;
}

.fs-1-9rem {
  font-size: 1.9rem;
}

.fs-2rem {
  font-size: 2rem;
}

.fs-2-1rem {
  font-size: 2.1rem;
}

.fs-2-2rem {
  font-size: 2.2rem;
}

.fs-2-3rem {
  font-size: 2.3rem;
}

.fs-2-4rem {
  font-size: 2.4rem;
}

.fs-2-5rem {
  font-size: 2.5rem;
}

.fs-2-6rem {
  font-size: 2.6rem;
}

.fs-2-7rem {
  font-size: 2.7rem;
}

.fs-2-8rem {
  font-size: 2.8rem;
}

.fs-2-9rem {
  font-size: 2.9rem;
}

.fs-3rem {
  font-size: 3rem;
}

.fs-3-1rem {
  font-size: 3.1rem;
}

.fs-3-2rem {
  font-size: 3.2rem;
}

.fs-3-3rem {
  font-size: 3.3rem;
}

.fs-3-4rem {
  font-size: 3.4rem;
}

.fs-3-5rem {
  font-size: 3.5rem;
}

.fs-3-6rem {
  font-size: 3.6rem;
}

.fs-3-7rem {
  font-size: 3.7rem;
}

.fs-3-8rem {
  font-size: 3.8rem;
}

.fs-3-9rem {
  font-size: 3.9rem;
}

.m-1rem {
  margin: 1rem;
}

.m-2rem {
  margin: 2rem;
}

.m-3rem {
  margin: 3rem;
}

.m-4rem {
  margin: 4rem;
}

.m-5rem {
  margin: 5rem;
}

.m-6rem {
  margin: 6rem;
}

.m-7rem {
  margin: 7rem;
}

.m-8rem {
  margin: 8rem;
}

.m-9rem {
  margin: 9rem;
}

.m-10rem {
  margin: 10rem;
}

.mt-1rem {
  margin-top: 1rem;
}

.mt-2rem {
  margin-top: 2rem;
}

.mt-3rem {
  margin-top: 3rem;
}

.mt-4rem {
  margin-top: 4rem;
}

.mt-5rem {
  margin-top: 5rem;
}

.mt-6rem {
  margin-top: 6rem;
}

.mt-7rem {
  margin-top: 7rem;
}

.mt-8rem {
  margin-top: 8rem;
}

.mt-9rem {
  margin-top: 9rem;
}

.mt-10rem {
  margin-top: 10rem;
}

.ml-1rem {
  margin-left: 1rem;
}

.ml-2rem {
  margin-left: 2rem;
}

.ml-3rem {
  margin-left: 3rem;
}

.ml-4rem {
  margin-left: 4rem;
}

.ml-5rem {
  margin-left: 5rem;
}

.ml-6rem {
  margin-left: 6rem;
}

.ml-7rem {
  margin-left: 7rem;
}

.ml-8rem {
  margin-left: 8rem;
}

.ml-9rem {
  margin-left: 9rem;
}

.ml-10rem {
  margin-left: 10rem;
}

.mr-1rem {
  margin-right: 1rem;
}

.mr-2rem {
  margin-right: 2rem;
}

.mr-3rem {
  margin-right: 3rem;
}

.mr-4rem {
  margin-right: 4rem;
}

.mr-5rem {
  margin-right: 5rem;
}

.mr-6rem {
  margin-right: 6rem;
}

.mr-7rem {
  margin-right: 7rem;
}

.mr-8rem {
  margin-right: 8rem;
}

.mr-9rem {
  margin-right: 9rem;
}

.mr-10rem {
  margin-right: 10rem;
}

.mb-1rem {
  margin-bottom: 1rem;
}

.mb-2rem {
  margin-bottom: 2rem;
}

.mb-3rem {
  margin-bottom: 3rem;
}

.mb-4rem {
  margin-bottom: 4rem;
}

.mb-5rem {
  margin-bottom: 5rem;
}

.mb-6rem {
  margin-bottom: 6rem;
}

.mb-7rem {
  margin-bottom: 7rem;
}

.mb-8rem {
  margin-bottom: 8rem;
}

.mb-9rem {
  margin-bottom: 9rem;
}

.mb-10rem {
  margin-bottom: 10rem;
}

.p-1rem {
  padding: 1rem;
}

.p-2rem {
  padding: 2rem;
}

.p-3rem {
  padding: 3rem;
}

.p-4rem {
  padding: 4rem;
}

.p-5rem {
  padding: 5rem;
}

.p-6rem {
  padding: 6rem;
}

.p-7rem {
  padding: 7rem;
}

.p-8rem {
  padding: 8rem;
}

.p-9rem {
  padding: 9rem;
}

.p-10rem {
  padding: 10rem;
}

.pt-1rem {
  padding-top: 1rem;
}

.pt-2rem {
  padding-top: 2rem;
}

.pt-3rem {
  padding-top: 3rem;
}

.pt-4rem {
  padding-top: 4rem;
}

.pt-5rem {
  padding-top: 5rem;
}

.pt-6rem {
  padding-top: 6rem;
}

.pt-7rem {
  padding-top: 7rem;
}

.pt-8rem {
  padding-top: 8rem;
}

.pt-9rem {
  padding-top: 9rem;
}

.pt-10rem {
  padding-top: 10rem;
}

.pl-1rem {
  padding-left: 1rem;
}

.pl-2rem {
  padding-left: 2rem;
}

.pl-3rem {
  padding-left: 3rem;
}

.pl-4rem {
  padding-left: 4rem;
}

.pl-5rem {
  padding-left: 5rem;
}

.pl-6rem {
  padding-left: 6rem;
}

.pl-7rem {
  padding-left: 7rem;
}

.pl-8rem {
  padding-left: 8rem;
}

.pl-9rem {
  padding-left: 9rem;
}

.pl-10rem {
  padding-left: 10rem;
}

.pr-1rem {
  padding-right: 1rem;
}

.pr-2rem {
  padding-right: 2rem;
}

.pr-3rem {
  padding-right: 3rem;
}

.pr-4rem {
  padding-right: 4rem;
}

.pr-5rem {
  padding-right: 5rem;
}

.pr-6rem {
  padding-right: 6rem;
}

.pr-7rem {
  padding-right: 7rem;
}

.pr-8rem {
  padding-right: 8rem;
}

.pr-9rem {
  padding-right: 9rem;
}

.pr-10rem {
  padding-right: 10rem;
}

.pb-1rem {
  padding-bottom: 1rem;
}

.pb-2rem {
  padding-bottom: 2rem;
}

.pb-3rem {
  padding-bottom: 3rem;
}

.pb-4rem {
  padding-bottom: 4rem;
}

.pb-5rem {
  padding-bottom: 5rem;
}

.pb-6rem {
  padding-bottom: 6rem;
}

.pb-7rem {
  padding-bottom: 7rem;
}

.pb-8rem {
  padding-bottom: 8rem;
}

.pb-9rem {
  padding-bottom: 9rem;
}

.pb-10rem {
  padding-bottom: 10rem;
}

@media screen and (max-width: 768px) {
  .fs-1rem-sp {
    font-size: 1rem;
  }

  .fs-1-1rem-sp {
    font-size: 1.1rem;
  }

  .fs-1-2rem-sp {
    font-size: 1.2rem;
  }

  .fs-1-3rem-sp {
    font-size: 1.3rem;
  }

  .fs-1-4rem-sp {
    font-size: 1.4rem;
  }

  .fs-1-5rem-sp {
    font-size: 1.5rem;
  }

  .fs-1-6rem-sp {
    font-size: 1.6rem;
  }

  .fs-1-7rem-sp {
    font-size: 1.7rem;
  }

  .fs-1-8rem-sp {
    font-size: 1.8rem;
  }

  .fs-1-9rem-sp {
    font-size: 1.9rem;
  }

  .fs-2rem-sp {
    font-size: 2rem;
  }

  .fs-2-1rem-sp {
    font-size: 2.1rem;
  }

  .fs-2-2rem-sp {
    font-size: 2.2rem;
  }

  .fs-2-3rem-sp {
    font-size: 2.3rem;
  }

  .fs-2-4rem-sp {
    font-size: 2.4rem;
  }

  .fs-2-5rem-sp {
    font-size: 2.5rem;
  }

  .fs-2-6rem-sp {
    font-size: 2.6rem;
  }

  .fs-2-7rem-sp {
    font-size: 2.7rem;
  }

  .fs-2-8rem-sp {
    font-size: 2.8rem;
  }

  .fs-2-9rem-sp {
    font-size: 2.9rem;
  }

  .fs-3rem-sp {
    font-size: 3rem;
  }

  .fs-3-1rem-sp {
    font-size: 3.1rem;
  }

  .fs-3-2rem-sp {
    font-size: 3.2rem;
  }

  .fs-3-3rem-sp {
    font-size: 3.3rem;
  }

  .fs-3-4rem-sp {
    font-size: 3.4rem;
  }

  .fs-3-5rem-sp {
    font-size: 3.5rem;
  }

  .fs-3-6rem-sp {
    font-size: 3.6rem;
  }

  .fs-3-7rem-sp {
    font-size: 3.7rem;
  }

  .fs-3-8rem-sp {
    font-size: 3.8rem;
  }

  .fs-3-9rem-sp {
    font-size: 3.9rem;
  }

  .m-1rem-sp {
    margin: 1rem;
  }

  .m-2rem-sp {
    margin: 2rem;
  }

  .m-3rem-sp {
    margin: 3rem;
  }

  .m-4rem-sp {
    margin: 4rem;
  }

  .m-5rem-sp {
    margin: 5rem;
  }

  .m-6rem-sp {
    margin: 6rem;
  }

  .m-7rem-sp {
    margin: 7rem;
  }

  .m-8rem-sp {
    margin: 8rem;
  }

  .m-9rem-sp {
    margin: 9rem;
  }

  .m-10rem-sp {
    margin: 10rem;
  }

  .mt-1rem-sp {
    margin-top: 1rem;
  }

  .mt-2rem-sp {
    margin-top: 2rem;
  }

  .mt-3rem-sp {
    margin-top: 3rem;
  }

  .mt-4rem-sp {
    margin-top: 4rem !important;
  }

  .mt-5rem-sp {
    margin-top: 5rem;
  }

  .mt-6rem-sp {
    margin-top: 6rem;
  }

  .mt-7rem-sp {
    margin-top: 7rem;
  }

  .mt-8rem-sp {
    margin-top: 8rem;
  }

  .mt-9rem-sp {
    margin-top: 9rem;
  }

  .mt-10rem-sp {
    margin-top: 10rem;
  }

  .ml-1rem-sp {
    margin-left: 1rem;
  }

  .ml-2rem-sp {
    margin-left: 2rem;
  }

  .ml-3rem-sp {
    margin-left: 3rem;
  }

  .ml-4rem-sp {
    margin-left: 4rem;
  }

  .ml-5rem-sp {
    margin-left: 5rem;
  }

  .ml-6rem-sp {
    margin-left: 6rem;
  }

  .ml-7rem-sp {
    margin-left: 7rem;
  }

  .ml-8rem-sp {
    margin-left: 8rem;
  }

  .ml-9rem-sp {
    margin-left: 9rem;
  }

  .ml-10rem-sp {
    margin-left: 10rem;
  }

  .mr-1rem-sp {
    margin-right: 1rem;
  }

  .mr-2rem-sp {
    margin-right: 2rem;
  }

  .mr-3rem-sp {
    margin-right: 3rem;
  }

  .mr-4rem-sp {
    margin-right: 4rem;
  }

  .mr-5rem-sp {
    margin-right: 5rem;
  }

  .mr-6rem-sp {
    margin-right: 6rem;
  }

  .mr-7rem-sp {
    margin-right: 7rem;
  }

  .mr-8rem-sp {
    margin-right: 8rem;
  }

  .mr-9rem-sp {
    margin-right: 9rem;
  }

  .mr-10rem-sp {
    margin-right: 10rem;
  }

  .mb-1rem-sp {
    margin-bottom: 1rem;
  }

  .mb-2rem-sp {
    margin-bottom: 2rem;
  }

  .mb-3rem-sp {
    margin-bottom: 3rem;
  }

  .mb-4rem-sp {
    margin-bottom: 4rem;
  }

  .mb-5rem-sp {
    margin-bottom: 5rem;
  }

  .mb-6rem-sp {
    margin-bottom: 6rem;
  }

  .mb-7rem-sp {
    margin-bottom: 7rem;
  }

  .mb-8rem-sp {
    margin-bottom: 8rem;
  }

  .mb-9rem-sp {
    margin-bottom: 9rem;
  }

  .mb-10rem-sp {
    margin-bottom: 10rem;
  }

  .p-1rem-sp {
    padding: 1rem;
  }

  .p-2rem-sp {
    padding: 2rem;
  }

  .p-3rem-sp {
    padding: 3rem;
  }

  .p-4rem-sp {
    padding: 4rem;
  }

  .p-5rem-sp {
    padding: 5rem;
  }

  .p-6rem-sp {
    padding: 6rem;
  }

  .p-7rem-sp {
    padding: 7rem;
  }

  .p-8rem-sp {
    padding: 8rem;
  }

  .p-9rem-sp {
    padding: 9rem;
  }

  .p-10rem-sp {
    padding: 10rem;
  }

  .pt-1rem-sp {
    padding-top: 1rem;
  }

  .pt-2rem-sp {
    padding-top: 2rem;
  }

  .pt-3rem-sp {
    padding-top: 3rem;
  }

  .pt-4rem-sp {
    padding-top: 4rem;
  }

  .pt-5rem-sp {
    padding-top: 5rem;
  }

  .pt-6rem-sp {
    padding-top: 6rem;
  }

  .pt-7rem-sp {
    padding-top: 7rem;
  }

  .pt-8rem-sp {
    padding-top: 8rem;
  }

  .pt-9rem-sp {
    padding-top: 9rem;
  }

  .pt-10rem-sp {
    padding-top: 10rem;
  }

  .pl-1rem-sp {
    padding-left: 1rem;
  }

  .pl-2rem-sp {
    padding-left: 2rem;
  }

  .pl-3rem-sp {
    padding-left: 3rem;
  }

  .pl-4rem-sp {
    padding-left: 4rem;
  }

  .pl-5rem-sp {
    padding-left: 5rem;
  }

  .pl-6rem-sp {
    padding-left: 6rem;
  }

  .pl-7rem-sp {
    padding-left: 7rem;
  }

  .pl-8rem-sp {
    padding-left: 8rem;
  }

  .pl-9rem-sp {
    padding-left: 9rem;
  }

  .pl-10rem-sp {
    padding-left: 10rem;
  }

  .pr-1rem-sp {
    padding-right: 1rem;
  }

  .pr-2rem-sp {
    padding-right: 2rem;
  }

  .pr-3rem-sp {
    padding-right: 3rem;
  }

  .pr-4rem-sp {
    padding-right: 4rem;
  }

  .pr-5rem-sp {
    padding-right: 5rem;
  }

  .pr-6rem-sp {
    padding-right: 6rem;
  }

  .pr-7rem-sp {
    padding-right: 7rem;
  }

  .pr-8rem-sp {
    padding-right: 8rem;
  }

  .pr-9rem-sp {
    padding-right: 9rem;
  }

  .pr-10rem-sp {
    padding-right: 10rem;
  }

  .pb-1rem-sp {
    padding-bottom: 1rem;
  }

  .pb-2rem-sp {
    padding-bottom: 2rem;
  }

  .pb-3rem-sp {
    padding-bottom: 3rem;
  }

  .pb-4rem-sp {
    padding-bottom: 4rem;
  }

  .pb-5rem-sp {
    padding-bottom: 5rem;
  }

  .pb-6rem-sp {
    padding-bottom: 6rem;
  }

  .pb-7rem-sp {
    padding-bottom: 7rem;
  }

  .pb-8rem-sp {
    padding-bottom: 8rem;
  }

  .pb-9rem-sp {
    padding-bottom: 9rem;
  }

  .pb-10rem-sp {
    padding-bottom: 10rem;
  }
}

.display-row {
  display: flex;
  flex-direction: row;
}

.display-column {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .pc-only {
    display: block;
  }
}

.trouble-page-top {
  margin-top: 2rem;
}

.trouble-page__inner {
  max-width: 124rem;
}

.trouble-top-text {
  font-size: 2rem;
  font-family: "Zen Old Mincho";
  background: #4ab3ab;
  padding: 1.4rem 0rem;
  text-align: center;
  color: white;
  border-radius: 5px;
}
.trouble-top-text br {
  display: none;
}
.trouble-list-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  margin: 0 auto;
  margin-top: 2.5rem;
  gap: 8rem;
  align-items: flex-start;
}
.trouble-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.trouble-img1 {
  width: 100%;
  object-fit: contain;
}

.trouble-img2-1 {
  width: 100%;
  object-fit: contain;
}

.trouble-img2-2 {
  width: 100%;
  object-fit: contain;
}

.trouble-img3 {
  width: 100%;
  margin-top: 2rem;
}

.trouble-div1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.trouble-title {
  font-size: 2rem;
}
.trouble-div3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 4rem;
}

.trouble-div {
  width: 100%;
  background-color: #f7f7f7;
  padding: 1.5rem 1rem;
  border-radius: 7px;
}

.trouble-box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.trouble-sentence {
  width: 100%;
  font-size: 1.6rem;
  font-family: "Zen Old Mincho";
  font-weight: 700;
  line-height: 2;
  text-align: left;
  color: #04b4a9;
}

.trouble-statu {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
  background: url(../img/trouble/plus.png);
}

.trouble-statu.open {
  height: 2px;
  transform: rotate(360deg);
  background: url(../img/trouble/minus.png);
}

.answer {
  margin: 0px 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

.answer-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0rem;
  height: auto;
  margin-top: 1rem;
}

.answer-content:nth-of-type(1) {
  /* margin-top: 2rem; */
}

.answer-sentence {
  position: relative;
  font-size: 1.4rem;
  font-family: "Zen Old Mincho";
  font-weight: 400;
  line-height: 2;
  margin-left: 6rem;
}

.answer-sentence::before {
  content: "";
  position: absolute;
  left: -35px;
  top: 3px;
  width: 25px;
  height: 25px;
  background-image: url(../img/discount/discount-check.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.answer-items__link {
  width: 100%;
  height: 4.8rem;
  border: 2px solid #000;
  color: #000;
  text-align: center;
  background-color: white;
  font-family: "Zen Old Mincho";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.056rem;
  padding-left: 1.6rem;
  display: flex;
  padding-left: 1.6rem;
  align-items: center;
  text-align: left;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.answer-items__link:hover {
  color: white;
  background-color: #02b1a6;
  border: 2px solid #02b1a6;
}
.answer-items__link::after {
  content: "";
  position: absolute;
  background: url(../img/trouble/line.png) no-repeat center center / cover;
  width: 0.4rem;
  height: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
}
.answer-items__link:hover::after {
  background: url(../img/trouble/line-hover.png) no-repeat center center / cover;
}
@media (max-width: 767px) {
  .trouble-page__inner {
    padding: 0rem 2rem;
  }

  .trouble-list-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 4px 10px #cccccc;
    margin-top: 2.5rem;
    padding: 1.8rem;
    gap: 2rem;
    align-items: flex-start;
  }
  .trouble-title {
    font-size: 1rem;
  }
  .trouble-sentence {
    width: 100%;
    font-size: 1.2rem;
    font-family: "Zen Old Mincho";
    font-weight: 700;
    line-height: 1;
    text-align: left;
    color: #04b4a9;
  }
  .trouble-statu {
    width: 13px;
    height: 12px;
    transition: transform 0.3s ease;
    background: url(../img/trouble/plus.png);
    background-size: cover;
  }
  .trouble-div1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
  .trouble-img1 {
    width: 100%;
    object-fit: contain;
  }

  .trouble-top-text br {
    display: block;
  }
  .trouble-div3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
  .trouble-img2-1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .left-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
    margin: 2rem -1rem 0rem -1rem;
  }
  .answer-sentence {
    position: relative;
    font-size: 1.4rem;
    font-family: "Zen Old Mincho";
    font-weight: 400;
    line-height: 2;
    margin-left: 4rem;
  }
  .answer {
    margin: 0px;
    gap: 0rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
  }

  .answer-items__link {
    width: 100%;
    height: 2rem;
    border: 2px solid #000;
    color: #000;
    text-align: center;
    background-color: white;
    font-family: "Zen Old Mincho";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.056rem;
    padding: 1.6rem 0rem;
    display: flex;
    padding-left: 1rem;
    align-items: center;
    text-align: left;
    position: relative;
    transition: all 0.3s ease-in-out;
  }
  .answer-content:nth-of-type(1) {
    margin-top: 0rem;
  }
  .trouble-statu.open {
    height: 2px;
    margin-top: -1.5rem;
    transform: rotate(360deg);
    background: url(../img/trouble/minus.png);
  }
  .answer-items__link::after {
    content: "";
    position: absolute;
    background: url(../img/trouble/line.png) no-repeat center center / cover;
    width: 0.6rem;
    height: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
    right: 0.6rem;
  }
}