body {
  scroll-behavior: smooth; }

#question .product_title {
  border-bottom: 2px solid #E5E5E5;
  padding: 20px 5%;
  margin-bottom: 20px; }
#question .question_area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #question .question_area .sidebar_area {
    margin-top: 120px;
    position: relative;
    width: 21%; }
    @media screen and (max-width: 960px) {
      #question .question_area .sidebar_area {
        width: 23%; } }
    @media screen and (max-width: 768px) {
      #question .question_area .sidebar_area {
        margin: 20px auto 0;
        width: 100%; } }
    #question .question_area .sidebar_area .sidebar_menu {
      position: -webkit-sticky;
      position: sticky;
      top: 120px;
      padding: 20px 0 20px 20px;
      margin-bottom: 10px; }
      @media screen and (max-width: 768px) {
        #question .question_area .sidebar_area .sidebar_menu {
          display: -webkit-flex;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          position: relative;
          padding: 10px 10px 0;
          top: 0; } }
      #question .question_area .sidebar_area .sidebar_menu > li {
        margin-top: 5px;
        margin-bottom: 5px; }
        @media screen and (max-width: 768px) {
          #question .question_area .sidebar_area .sidebar_menu > li {
            width: 25%; } }
        @media screen and (max-width: 640px) {
          #question .question_area .sidebar_area .sidebar_menu > li {
            width: 33.33333%;
            width: -webkit-calc(100% / 3);
            width: calc(100% / 3); } }
        @media screen and (max-width: 414px) {
          #question .question_area .sidebar_area .sidebar_menu > li {
            width: 50%; } }
        #question .question_area .sidebar_area .sidebar_menu > li > a {
          font-size: 18px;
          line-height: 1.6em;
          position: relative; }
          @media screen and (max-width: 960px) {
            #question .question_area .sidebar_area .sidebar_menu > li > a {
              font-size: 15px; } }
          #question .question_area .sidebar_area .sidebar_menu > li > a.current {
            color: #B3B3B3;
            font-weight: 700; }
            @media screen and (max-width: 768px) {
              #question .question_area .sidebar_area .sidebar_menu > li > a.current {
                color: #333;
                font-weight: 400; } }
            #question .question_area .sidebar_area .sidebar_menu > li > a.current::before {
              content: '';
              width: 10px;
              height: 10px;
              background-color: #22801A;
              border-radius: 50px;
              display: block;
              margin: auto;
              position: absolute;
              top: 0;
              bottom: 0;
              left: -15px; }
              @media screen and (max-width: 768px) {
                #question .question_area .sidebar_area .sidebar_menu > li > a.current::before {
                  content: none; } }
          @media screen and (max-width: 768px) {
            #question .question_area .sidebar_area .sidebar_menu > li > a:hover {
              color: #B3B3B3;
              font-weight: 700; }
              #question .question_area .sidebar_area .sidebar_menu > li > a:hover::before {
                content: '';
                width: 10px;
                height: 10px;
                background-color: #22801A;
                border-radius: 50px;
                display: block;
                margin: auto;
                position: absolute;
                top: 0;
                bottom: 0;
                left: -15px; } }
  #question .question_area .main_area {
    margin-bottom: 100px;
    width: 70%; }
    @media screen and (max-width: 768px) {
      #question .question_area .main_area {
        width: 100%; } }

.qanda_list > li .question_text {
  font-size: 18px;
  line-height: 1.4em;
  margin-left: auto;
  padding: 20px;
  position: relative;
  width: 95%; }
  @media screen and (max-width: 768px) {
    .qanda_list > li .question_text {
      font-size: 16px; } }
  @media screen and (max-width: 640px) {
    .qanda_list > li .question_text {
      width: 100%;
      padding: 20px 0 20px 30px; } }
  .qanda_list > li .question_text::before {
    content: '';
    background-image: url(../img/question/que_icon01.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    margin: auto;
    position: absolute;
    top: 18px;
    left: -30px; }
    @media screen and (max-width: 640px) {
      .qanda_list > li .question_text::before {
        left: -5px; } }
.qanda_list > li .answer_bg {
  background-color: #FFFCE9;
  padding: 20px; }
  .qanda_list > li .answer_bg > a {
    color: #DC4E41;
    font-weight: 700; }
.qanda_list > li .answer_text {
  font-size: 15px;
  line-height: 1.6em;
  margin-left: auto;
  position: relative;
  padding: 20px;
  width: 95%; }
  @media screen and (max-width: 768px) {
    .qanda_list > li .answer_text {
      font-size: 14px; } }
  @media screen and (max-width: 640px) {
    .qanda_list > li .answer_text {
      width: 100%;
      padding: 20px 0 20px 30px; } }
  .qanda_list > li .answer_text::before {
    content: '';
    background-image: url(../img/question/que_icon02.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    margin: auto;
    position: absolute;
    top: 20px;
    left: -30px; }
    @media screen and (max-width: 640px) {
      .qanda_list > li .answer_text::before {
        top: 30px;
        left: -5px; } }
@media screen and (max-width: 768px) {
  .qanda_list > li .answer_scrool {
    overflow-x: scroll; } }
.qanda_list > li .answer_table {
  width: 100%; }
  @media screen and (max-width: 768px) {
    .qanda_list > li .answer_table {
      width: 1000px; } }
  .qanda_list > li .answer_table th {
    background-color: #E6E6E6;
    border: 1px solid #FFF;
    font-size: 15px;
    line-height: 1.4em;
    padding: 20px 5px;
    text-align: center; }
    .qanda_list > li .answer_table th.item_index {
      background-color: #FCDD21; }
  .qanda_list > li .answer_table td {
    border: 1px solid #ECEBE7;
    color: #333;
    font-size: 15px;
    line-height: 1.4em;
    padding: 15px 5px;
    width: 20%;
    text-align: center; }
    .qanda_list > li .answer_table td.item_index {
      background-color: #FFFCE9;
      font-weight: 500; }
.qanda_list > li .stage_list {
  margin-left: auto;
  width: 97%; }
  .qanda_list > li .stage_list > li {
    margin-top: 30px;
    position: relative; }
    .qanda_list > li .stage_list > li::after {
      content: '';
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 9px solid #333;
      margin: auto;
      position: absolute;
      bottom: -20px;
      left: 40px; }
    .qanda_list > li .stage_list > li:last-child::after {
      content: none; }
    .qanda_list > li .stage_list > li .stage_title {
      position: relative; }
      .qanda_list > li .stage_list > li .stage_title::before {
        content: '';
        width: 10px;
        height: 10px;
        background-color: #E3A430;
        border-radius: 50px;
        display: block;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -15px; }