@charset "utf-8";

@import url("../../style/variables.css");/*変数定義*/
	
:root{
  --qa1_color:#ff0080;
  --qa2_color:#fff0f4;
}

#qa{
  > * + *{
    margin-top:20px;
  }
  > article{
    border:1px solid var(--qa1_color);
    padding:20px;
    border-radius: 10px;
    background:var(--qa2_color);
    > div{
      &.soudan{/*相談*/
        p{
          font-size: 1.2rem;
          text-align: left;
          font-weight: 500;
          color:var(--qa1_color);
        }
        aside{
          text-align: right;
          margin:.5em auto 0 auto;
        }
      }
      &.kotae{/*答え*/
        display:grid;
        grid-template-columns: 2fr 1fr;
        gap:20px;
        padding:20px 0 0 0;
        border-top:1px dotted var(--qa1_color);
        margin:20px auto 0 auto;
        p{
          text-align: left;
        }
        figure{
          img{
            border-radius: 10px;
          }
          figcaption{
            color:var(--qa1_color);
            display:inline-block;
            text-align: left;
            margin:.5em auto 0 auto;
            font-size: .9rem;
          }
        }
      }
    }
    &:nth-child(even){
      --qa1_color:#28a6ea;
      --qa2_color:#f2fbff;
    }
  }
}