@charset "UTF-8";
aside {
 left: -100%;
}
main {
 width: 100%;
 margin-left: 0;
}
#faq {
 padding: calc(5vw + 7.5rem) 5vw 5vw;
 background-image: linear-gradient(rgb(0, 173, 236) 0%, rgb(255, 244, 85) 95%);
}
#faq:before {
 content: "";
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 mix-blend-mode: multiply;
 pointer-events: none;
 opacity: 0.5;
 background: url(../images/texture.jpg) 0% 0% / contain repeat;
}
#faq .inner {
 padding: 5vw;
 display: block;
}
#faq .inner .secTtl {
 text-align: center;
 max-width: 100%;
 margin-bottom: 1em;
}
#faq .inner .secTtl span {
 color: #119BCD;
 text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 0px 2px 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff;
}
#faq .inner .secTtl em {
 color: #fff;
 text-shadow: 2px 3px 0 rgba(8, 103, 118, 0.70);
}
#faq h3 {
 font-weight: 700;
 font-size: 1.8rem;
 margin: 0 0 1em;
 line-height: 1.5;
 border-left: solid 5px #e62310;
 padding-left: 0.35em;
 
 display: none;
}
#faq dl {
 position: relative;
 background: #fff;
 margin-bottom: 1.5em;
 border-radius: 0.4rem;
 overflow: hidden;
}
#faq dl dt {
 cursor: pointer;
 background-color: #363638;
 padding: 1.2em 1.5em 1.2em 5rem;
 font-weight: 500;
 color: #fff;
 text-indent: -1em;
 position: relative;
}
#faq dl dt:before {
 content: "Q.";
 color: #FBCD00;
 display: inline-block;
 padding-right: 0.75rem;
 font-weight: 700;
 font-size: 130%;
 line-height: 1;
}
#faq dl dt:after {
 content: "+";
 color: #FBCD00;
 display: inline-block;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: 1.5rem;
 font-size: 180%;
}
#faq dl dt.selected:after {
 content: "-";
}
#faq dl dd {
 display: none;
 padding: 1.2em 1.5em 1.2em 4.5rem;
 text-indent: -1.1em;
 position: relative;
}
#faq dl dd:before {
 content: "A.";
 color: #e62310;
 display: inline-block;
 padding-right: 0.75rem;
 font-weight: 700;
 font-size: 140%;
 padding-left: 0.4rem;
 line-height: 1;
}
#faq dl dd a {
 display: inline-block;
 word-break: break-all;
 vertical-align: top;
 line-height: inherit;
 text-indent: 0;
}
@media screen and (max-width: 999px) {
 #faq {
  padding: calc(4rem + 5rem) 1.5rem 4rem;
 }
 #faq .inner {
  padding: 0;
 }
 #faq .inner .secTtl {
  font-size: 2.7rem;
 }
 #faq .inner .secTtl span {
  font-size: 60%;
 }
 #faq .inner .secTtl em {
  font-size: 100%;
 }
 #faq h3 {
  font-size: 1.7rem;
  margin: 0 0 1em;
  border-left: solid 4px #e62310;
 }
 #faq dl {
  border-radius: 0.2rem;
 }
 #faq dl {
  font-size: 1.5rem;
 }
 #faq dl dt {
  padding: 1.0em 2em 1.0em 4rem;
 }
 #faq dl dd {
  padding: 1.0em 1.0em 1.0em 4.5rem;
  text-indent: -1.1em;
 }
}