@charset "UTF-8";
#faqList .faqlist {
  margin-top: 104px; }
  #faqList .faqlist .faq {
    border: 1px solid #f7e1c8;
    border-radius: 8px;
    box-shadow: 2px 2px #f7e1c8;
    padding: 50px 40px 40px; }
    #faqList .faqlist .faq + .faq {
      margin-top: 32px; }
  #faqList .faqlist dt,
  #faqList .faqlist dd {
    position: relative;
    padding-left: 64px; }
    #faqList .faqlist dt:before,
    #faqList .faqlist dd:before {
      display: block;
      font: normal normal 700 2.4rem/1.7 "Montserrat", "Zen Kaku Gothic New", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", "M+ 1p", sans-serif;
      color: #fff;
      border-radius: 1000px;
      width: 48px;
      line-height: 48px;
      text-align: center;
      position: absolute;
      top: -9px;
      left: 0; }
  #faqList .faqlist dt {
    font-weight: 700;
    font-size: 1.8rem; }
    #faqList .faqlist dt:before {
      content: 'Q';
      background: #f07b35; }
  #faqList .faqlist dd {
    font-weight: 500;
    margin-top: 42px; }
    #faqList .faqlist dd:before {
      content: 'A';
      background: #f0b97a; }

@media screen and (max-width: 600px) {
  #faqList .faqlist {
    margin-top: 80px; }
    #faqList .faqlist .faq {
      padding: 40px 5.5% 32px; }
    #faqList .faqlist dt,
    #faqList .faqlist dd {
      padding-left: 48px; }
      #faqList .faqlist dt:before,
      #faqList .faqlist dd:before {
        font-size: 2rem;
        width: 40px;
        line-height: 40px;
        top: -8px; }
    #faqList .faqlist dt {
      font-size: 1.6rem; }
    #faqList .faqlist dd {
      margin-top: 38px; } }