@charset "UTF-8";
/*
 * faq.css
 * Last modify 2024/05/10 23:21
 */
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDMincho:wght@400;700&family=BIZ+UDPMincho:wght@400;700&family=Cardo:wght@400;700&family=Zen+Kaku+Gothic+Antique&display=swap"); /* ==========================================================
!import
========================================================== */
/* ==========================================================
!mediaQuery
デザインベースは376px、1440px
========================================================== */
/* -----------------------------------------------------
Base Style
----------------------------------------------------- */
/* !main
---------------------------------------------------------- */
html.webp #main {
  background-image: url("../img/faq/bg_main01.webp");
}
@media screen and (max-width: 880px) {
  html.webp #main {
    background-image: url("../img/faq/bg_main01_sp.webp");
  }
}

html.no-webp #main {
  background-image: url("../img/faq/bg_main01.jpg");
}
@media screen and (max-width: 880px) {
  html.no-webp #main {
    background-image: url("../img/faq/bg_main01_sp.jpg");
  }
}

/* !content
---------------------------------------------------------- */
@media screen and (min-width: 881px) {
  #content {
    width: 820px;
  }
}
@media screen and (min-width: 1281px) {
  #content {
    width: 820px;
  }
}
@media screen and (min-width: 1441px) {
  #content {
    width: 56.94vw;
  }
}
#content .contentHead h1 {
  margin-bottom: 10.68vw;
}
@media screen and (min-width: 881px) {
  #content .contentHead h1 {
    margin-bottom: 1.25vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .contentHead h1 {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1441px) {
  #content .contentHead h1 {
    margin-bottom: 1.11vw;
  }
}
#content .contentHead .cmnt {
  margin-bottom: 10.63vw;
  color: #717171;
  font-size: 4.25vw;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 880px) {
  #content .contentHead .cmnt {
    color: #BFB87D;
  }
}
@media screen and (min-width: 881px) {
  #content .contentHead .cmnt {
    margin-bottom: 0;
    font-size: 1.87vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .contentHead .cmnt {
    margin-bottom: 0;
    font-size: 24px;
  }
}
@media screen and (min-width: 1441px) {
  #content .contentHead .cmnt {
    margin-bottom: 0;
    font-size: 1.66vw;
  }
}
#content .firstAction {
  position: relative;
  opacity: 0;
  top: 30px;
  -webkit-animation: show01 0.5s ease 0s forwards;
  animation: show01 0.5s ease 0s forwards;
}
#content .textWrap p {
  font-size: 4.25vw;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 881px) {
  #content .textWrap p {
    font-size: 1.4vw;
  }
}
@media screen and (min-width: 1281px) {
  #content .textWrap p {
    font-size: 18px;
  }
}
@media screen and (min-width: 1441px) {
  #content .textWrap p {
    font-size: 1.25vw;
  }
}
#content h2 {
  margin: 8.51vw 0 3.19vw;
  color: #BFB87D;
  font-size: 4.25vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (min-width: 881px) {
  #content h2 {
    margin: 48px 0 12px;
    font-size: 1.4vw;
  }
}
@media screen and (min-width: 1281px) {
  #content h2 {
    margin: 48px 0 12px;
    font-size: 18px;
  }
}
@media screen and (min-width: 1441px) {
  #content h2 {
    margin: 48px 0 12px;
    font-size: 1.25vw;
  }
}
#content dl {
  display: flex;
  margin-bottom: 4.25vw;
  padding: 7.44vw 4.78vw;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.59vw;
  align-self: stretch;
  border: 1px solid #DAD4A4;
}
@media screen and (min-width: 881px) {
  #content dl {
    margin-bottom: 0.93vw;
    padding: 2.18vw 2.5vw;
    gap: 0.31vw;
  }
}
@media screen and (min-width: 1281px) {
  #content dl {
    margin-bottom: 12px;
    padding: 28px 32px;
    gap: 4px;
  }
}
@media screen and (min-width: 1441px) {
  #content dl {
    margin-bottom: 0.83vw;
    padding: 1.94vw 2.22vw;
    gap: 0.27vw;
  }
}
#content dl dt {
  position: relative;
  margin-bottom: 1.59vw;
  padding-left: 2em;
  color: #00B3CD;
  font-size: 4.25vw;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 881px) {
  #content dl dt {
    font-size: 1.4vw;
  }
}
@media screen and (min-width: 1281px) {
  #content dl dt {
    font-size: 18px;
  }
}
@media screen and (min-width: 1441px) {
  #content dl dt {
    font-size: 1.25vw;
  }
}
#content dl dt:before {
  position: absolute;
  content: "Q.";
  left: 0;
  color: #00B3CD;
}
#content dl dd {
  position: relative;
  padding-left: 2em;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}
#content dl dd:before {
  position: absolute;
  content: "A.";
  top: -0.2em;
  left: 0;
  color: #FF8E87;
  font-size: 4.25vw;
}
@media screen and (min-width: 881px) {
  #content dl dd:before {
    font-size: 1.4vw;
  }
}
@media screen and (min-width: 1281px) {
  #content dl dd:before {
    font-size: 18px;
  }
}
@media screen and (min-width: 1441px) {
  #content dl dd:before {
    font-size: 1.25vw;
  }
}
#content dl dd a {
  color: #00B3CD;
}
/*# sourceMappingURL=faq.css.map */