#FAQBOX {
  background: #d4fcf6;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 500;
  padding-bottom: 4rem;
}

#FAQBOX .inner {
  max-width: 98rem;
  margin: 0 auto 8rem auto;
  padding: 0 1rem 0 1rem;
}

#FAQNAVI {
  margin-bottom: 8rem;
}

#FAQMAIN {
  position: relative;
  background: linear-gradient(to bottom, rgba(115, 202, 220, 0) 80%, #d4fcf6 100%), url(/gold/lp/img/faq-back.avif) no-repeat center top;
  background-size: cover, cover;
  background-color: #d4fcf6;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 500;
}

#FAQMAIN .inner {
  max-width: 98rem;
  margin: auto; 
  padding: 0 1rem 0 1rem;
}

#FAQMAIN .inner h1 {
  padding: 5% 0 2%;
}

#FAQMAIN .inner h2 {
  max-width: 65rem;
  margin: auto;
  padding-bottom: 5%;
}


#FAQNAVI nav {
  margin: 0 2rem;
}

#FAQNAVI nav h2 {
  border-radius: 1rem 1rem 0 0;
  background: #b31e24;
  color: #FFF;
  padding: 1.5rem 2rem 1rem;
  font-weight: 700; 
}

#FAQNAVI nav ul {
  background: #FFF;
  border-radius: 0 0 1rem 1rem;
  border-left: #b31e24 0.2rem solid;
  border-right: #b31e24 0.2rem solid;
  border-bottom: #b31e24 0.2rem solid;
  padding: 2rem;
}

#FAQNAVI nav ul li {
  background: url(/gold/lp/img/arrow01.svg) no-repeat left 1rem;
  background-size: 0.8rem;
  padding: 0.5rem 0 0.5rem 1.5rem;
}

#FAQNAVI nav ul li a {
  color: #1f54ae;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 500;
}

#FAQCONTENTS {
  margin-top: 2rem;
}

#FAQCONTENTS dl {
  border: #b31e24 0.2rem solid;
  background: #FFF;
  margin: 0 2rem 3rem;
  padding: 3rem;
  border-radius: 1rem;
  position: relative; 
  transform: rotate(0.05deg);
}

#FAQCONTENTS dl dt {
  color: #8c6335;
  font-size: 2rem;
  font-weight: 700;
  padding: 0 0 2rem 2rem;
  border-bottom: dotted 0.5rem #ccc;
  margin-bottom: 1rem;
}

#FAQCONTENTS dl dt .icon {
  width: 6.2rem;
  max-width: 6.2rem;
  position: absolute;
  top: -1rem;
  left: -2rem;
}

#FAQCONTENTS dl dd {
  display: table;
  margin-left: -2rem;
}

#FAQCONTENTS dl dd .icon img {
  width: 6.2rem;
}

#FAQCONTENTS dl dd .txtA {
  padding: 0 0 0 1rem;
  display: table-cell;
  vertical-align: top;
  width: 100%;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 500;
}

#FAQCONTENTS dl dd .answer {
  color: #8c6335;
  font-size: 2rem;
  font-weight: 700;
  padding: 1rem 0 1rem 0;
}

#FAQCONTENTS dl dd ul {
  margin: 2rem 0; 
}

#FAQ03 dd ul {
  display: flex;
  gap: 2rem;
}

#FAQ03 dd ul li p {
  text-align: center;
  margin-top: 1rem;
  font-weight: 500;
}

#FAQCONTENTS dl dd .txt {
 font-weight: 500;
}

#FAQCONTENTS dl dd ul .bdata {
margin: 0 0 1rem 0;
}

#FAQCONTENTS dl dd ul .bdata img {
  display: block;
  width: 100%;
  max-width: 34rem;
  margin: 0.5rem auto;
}

#FAQCONTENTS dl dd ul .bdata p,
#FAQCONTENTS dl dd ul .adata p {
  text-align: center;
  line-height: 120%; 
  font-weight: 500;
  margin-top: 1rem;
}

#FAQCONTENTS dl dd ul .adata {
  margin: 0;
  padding-top: 5.6rem;
  background: url(/gold/lp/img/gold-faq-img02.avif) no-repeat center top;
  background-size: 9rem;
}

#FAQCONTENTS dl dd ul .adata img {
  display: block;
  width: 100%;
  max-width: 45rem;
  margin: 0.5rem auto;
}

@media screen and (max-width: 425px){
#FAQNAVI nav {
  margin: 0 1rem;
}

#FAQCONTENTS dl {
  margin: 0 1rem 5rem;
  padding: 1rem;
}

#FAQCONTENTS dl dt .icon {
  width: 5.2rem;
  top: -4rem; 
}

#FAQCONTENTS dl dt {
  padding: 0 0 2rem 0rem; 
}

#FAQCONTENTS dl dd {
  margin-left: 0rem;
}

#FAQCONTENTS dl dd .txtA {
  display: block;
  padding: 0; 
}

#FAQCONTENTS dl dd .icon img {
  width: 5.2rem;
}

}

@media screen and (max-width: 600px) {
#FAQ03 dd ul {
  flex-direction: column;
}
}